diff --git a/landing/package.json b/landing/package.json index 45204cfdb..573f35640 100644 --- a/landing/package.json +++ b/landing/package.json @@ -28,7 +28,7 @@ "@dojoengine/utils": "1.0.3-alpha.2", "@graphql-codegen/schema-ast": "^4.1.0", "@graphql-typed-document-node/core": "^3.2.0", - "@headlessui/react": "^1.7.18", + "@headlessui/react": "^2.2.0", "@parcel/watcher": "^2.4.1", "@radix-ui/react-checkbox": "^1.1.2", "@radix-ui/react-collapsible": "^1.1.1", diff --git a/landing/src/components/ui/SelectResources.tsx b/landing/src/components/ui/SelectResources.tsx index 6839cc797..280a555db 100644 --- a/landing/src/components/ui/SelectResources.tsx +++ b/landing/src/components/ui/SelectResources.tsx @@ -158,8 +158,6 @@ export const SelectSingleResource = ({ value={selectedResourceIds[index]} onChange={(value) => { const updatedResourceIds = [...selectedResourceIds]; - console.log(updatedResourceIds); - console.log(index); updatedResourceIds[index] = value; setSelectedResourceIds(updatedResourceIds); diff --git a/landing/src/components/ui/elements/ListSelect.tsx b/landing/src/components/ui/elements/ListSelect.tsx index 18e67d4cd..2b41cdb8b 100644 --- a/landing/src/components/ui/elements/ListSelect.tsx +++ b/landing/src/components/ui/elements/ListSelect.tsx @@ -1,6 +1,6 @@ import { ReactComponent as CaretDown } from "@/assets/icons/common/caret-down-fill.svg"; import { ReactComponent as Checkmark } from "@/assets/icons/common/checkmark.svg"; -import { Listbox, Transition } from "@headlessui/react"; +import { Listbox, ListboxButton, ListboxOption, ListboxOptions, Transition } from "@headlessui/react"; import clsx from "clsx"; import { Fragment, ReactNode, useMemo } from "react"; @@ -30,8 +30,8 @@ function ListSelect(props: ListSelectProps) {
{({ open }) => ( -
- +
- +
- {props.options.map((option) => ( - `overflow-visible relative cursor-pointer z-50 select-none py-2 flex items-center pl-8 text-gold ${ @@ -90,9 +91,9 @@ function ListSelect(props: ListSelectProps) { ) : null} )} - + ))} - +
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 2d75de485..1b2507c2d 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -379,7 +379,7 @@ importers: version: 4.3.0(rollup@2.79.2)(typescript@5.7.2)(vite@5.4.11(@types/node@20.17.10)(terser@5.37.0)) vite-plugin-top-level-await: specifier: ^1.4.1 - version: 1.4.4(rollup@2.79.2)(vite@5.4.11(@types/node@20.17.10)(terser@5.37.0)) + version: 1.4.4(@swc/helpers@0.5.15)(rollup@2.79.2)(vite@5.4.11(@types/node@20.17.10)(terser@5.37.0)) vite-plugin-wasm: specifier: ^3.3.0 version: 3.3.0(vite@5.4.11(@types/node@20.17.10)(terser@5.37.0)) @@ -454,8 +454,8 @@ importers: specifier: ^3.2.0 version: 3.2.0(graphql@16.9.0) '@headlessui/react': - specifier: ^1.7.18 - version: 1.7.19(react-dom@18.3.1(react@18.3.1))(react@18.3.1) + specifier: ^2.2.0 + version: 2.2.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1) '@parcel/watcher': specifier: ^2.4.1 version: 2.5.0 @@ -684,7 +684,7 @@ importers: version: 1.17.6(vite@5.4.11(@types/node@20.17.10)(terser@5.37.0)) vite-plugin-top-level-await: specifier: ^1.4.1 - version: 1.4.4(rollup@4.28.1)(vite@5.4.11(@types/node@20.17.10)(terser@5.37.0)) + version: 1.4.4(@swc/helpers@0.5.15)(rollup@4.28.1)(vite@5.4.11(@types/node@20.17.10)(terser@5.37.0)) sdk/packages/eternum: dependencies: @@ -709,7 +709,7 @@ importers: devDependencies: tsup: specifier: ^8.0.2 - version: 8.3.5(@swc/core@1.10.1)(jiti@2.4.1)(postcss@8.4.49)(tsx@4.19.2)(typescript@5.7.2)(yaml@2.6.1) + version: 8.3.5(@swc/core@1.10.1(@swc/helpers@0.5.15))(jiti@2.4.1)(postcss@8.4.49)(tsx@4.19.2)(typescript@5.7.2)(yaml@2.6.1) typedoc: specifier: ^0.26.11 version: 0.26.11(typescript@5.7.2) @@ -2444,6 +2444,13 @@ packages: react: ^16 || ^17 || ^18 react-dom: ^16 || ^17 || ^18 + '@headlessui/react@2.2.0': + resolution: {integrity: sha512-RzCEg+LXsuI7mHiSomsu/gBJSjpupm6A1qIZ5sWjd7JhARNlMiSA4kKfJpCKwU9tE+zMRterhhrP74PvfJrpXQ==} + engines: {node: '>=10'} + peerDependencies: + react: ^18 || ^19 || ^19.0.0-rc + react-dom: ^18 || ^19 || ^19.0.0-rc + '@hono/node-server@1.13.7': resolution: {integrity: sha512-kTfUMsoloVKtRA2fLiGSd9qBddmru9KadNyhJCwgKBxTiNkaAJEwkVN9KV/rS4HtmmNRtUh6P+YpmjRMl0d9vQ==} engines: {node: '>=18.14.1'} @@ -3387,6 +3394,27 @@ packages: '@radix-ui/rect@1.1.0': resolution: {integrity: sha512-A9+lCBZoaMJlVKcRBz2YByCG+Cp2t6nAnMnNba+XiWxnj6r4JUFqfsgwocMBZU9LPtdxC6wB56ySYpc7LQIoJg==} + '@react-aria/focus@3.19.0': + resolution: {integrity: sha512-hPF9EXoUQeQl1Y21/rbV2H4FdUR2v+4/I0/vB+8U3bT1CJ+1AFj1hc/rqx2DqEwDlEwOHN+E4+mRahQmlybq0A==} + peerDependencies: + react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1 + + '@react-aria/interactions@3.22.5': + resolution: {integrity: sha512-kMwiAD9E0TQp+XNnOs13yVJghiy8ET8L0cbkeuTgNI96sOAp/63EJ1FSrDf17iD8sdjt41LafwX/dKXW9nCcLQ==} + peerDependencies: + react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1 + + '@react-aria/ssr@3.9.7': + resolution: {integrity: sha512-GQygZaGlmYjmYM+tiNBA5C6acmiDWF52Nqd40bBp0Znk4M4hP+LTmI0lpI1BuKMw45T8RIhrAsICIfKwZvi2Gg==} + engines: {node: '>= 12'} + peerDependencies: + react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1 + + '@react-aria/utils@3.26.0': + resolution: {integrity: sha512-LkZouGSjjQ0rEqo4XJosS4L3YC/zzQkfRM3KoqK6fUOmUJ9t0jQ09WjiF+uOoG9u+p30AVg3TrZRUWmoTS+koQ==} + peerDependencies: + react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1 + '@react-spring/animated@9.7.5': resolution: {integrity: sha512-Tqrwz7pIlsSDITzxoLS3n/v/YCUHQdOIKtOJf4yL6kYVSDTSmVK1LI1Q3M/uu2Sx4X3pIWF3xLUhlsA6SPNTNg==} peerDependencies: @@ -3415,6 +3443,11 @@ packages: '@react-spring/types@9.7.5': resolution: {integrity: sha512-HVj7LrZ4ReHWBimBvu2SKND3cDVUPWKLqRTmWe/fNY6o1owGOX0cAHbdPDTMelgBlVbrTKrre6lFkhqGZErK/g==} + '@react-stately/utils@3.10.5': + resolution: {integrity: sha512-iMQSGcpaecghDIh3mZEpZfoFH3ExBwTtuBEcvZ2XnGzCgQjeYXcMdIUwAfVQLXFTdHUHGF6Gu6/dFrYsCzySBQ==} + peerDependencies: + react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1 + '@react-three/drei@9.120.4': resolution: {integrity: sha512-keO7gHudafooXZxqukzPYIvhkBLL+PsnteuUPcHE3WZ5Hq1tC78AlY0kvm4NkC0w6tfsxpWl1yAYbUcnSPSmGg==} peerDependencies: @@ -3458,6 +3491,11 @@ packages: react: '>=18.0' three: '>= 0.138.0' + '@react-types/shared@3.26.0': + resolution: {integrity: sha512-6FuPqvhmjjlpEDLTiYx29IJCbCNWPlsyO+ZUmCUXzhUv2ttShOXfw8CmeHWHftT/b2KweAWuzqSlfeXPR76jpw==} + peerDependencies: + react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1 + '@remix-run/router@1.21.0': resolution: {integrity: sha512-xfSkCAchbdG5PnbrKqFWwia4Bi61nH+wm8wLEqfHDyp7Y3dZzgqS2itV8i4gAq9pC2HsTpwyBC6Ds8VHZ96JlA==} engines: {node: '>=14.0.0'} @@ -4040,6 +4078,9 @@ packages: '@swc/counter@0.1.3': resolution: {integrity: sha512-e2BR4lsJkkRlKZ/qCHPw9ZaSxc0MVUd7gtbtaB7aMvHeJVYe8sOB8DBZkP2DtISHGSku9sCK6T6cnY0CtXrOCQ==} + '@swc/helpers@0.5.15': + resolution: {integrity: sha512-JQ5TuMi45Owi4/BIMAJBoSQoOJu12oOk/gADqlcUL9JEdHB8vyjUSsxqeNXnmXHjYKMi2WcYtezGEEhqUI/E2g==} + '@swc/types@0.1.17': resolution: {integrity: sha512-V5gRru+aD8YVyCOMAjMpWR1Ui577DD5KSJsHP8RAxopAH22jFz6GZd/qxqjO6MJHQhcsjvjOFXyDhyLQUnMveQ==} @@ -11662,6 +11703,15 @@ snapshots: react: 18.3.1 react-dom: 18.3.1(react@18.3.1) + '@headlessui/react@2.2.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)': + dependencies: + '@floating-ui/react': 0.26.28(react-dom@18.3.1(react@18.3.1))(react@18.3.1) + '@react-aria/focus': 3.19.0(react@18.3.1) + '@react-aria/interactions': 3.22.5(react@18.3.1) + '@tanstack/react-virtual': 3.11.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1) + react: 18.3.1 + react-dom: 18.3.1(react@18.3.1) + '@hono/node-server@1.13.7(hono@3.12.12)': dependencies: hono: 3.12.12 @@ -12653,6 +12703,37 @@ snapshots: '@radix-ui/rect@1.1.0': {} + '@react-aria/focus@3.19.0(react@18.3.1)': + dependencies: + '@react-aria/interactions': 3.22.5(react@18.3.1) + '@react-aria/utils': 3.26.0(react@18.3.1) + '@react-types/shared': 3.26.0(react@18.3.1) + '@swc/helpers': 0.5.15 + clsx: 2.1.1 + react: 18.3.1 + + '@react-aria/interactions@3.22.5(react@18.3.1)': + dependencies: + '@react-aria/ssr': 3.9.7(react@18.3.1) + '@react-aria/utils': 3.26.0(react@18.3.1) + '@react-types/shared': 3.26.0(react@18.3.1) + '@swc/helpers': 0.5.15 + react: 18.3.1 + + '@react-aria/ssr@3.9.7(react@18.3.1)': + dependencies: + '@swc/helpers': 0.5.15 + react: 18.3.1 + + '@react-aria/utils@3.26.0(react@18.3.1)': + dependencies: + '@react-aria/ssr': 3.9.7(react@18.3.1) + '@react-stately/utils': 3.10.5(react@18.3.1) + '@react-types/shared': 3.26.0(react@18.3.1) + '@swc/helpers': 0.5.15 + clsx: 2.1.1 + react: 18.3.1 + '@react-spring/animated@9.7.5(react@18.3.1)': dependencies: '@react-spring/shared': 9.7.5(react@18.3.1) @@ -12686,6 +12767,11 @@ snapshots: '@react-spring/types@9.7.5': {} + '@react-stately/utils@3.10.5(react@18.3.1)': + dependencies: + '@swc/helpers': 0.5.15 + react: 18.3.1 + '@react-three/drei@9.120.4(@react-three/fiber@8.17.10(@types/react@18.3.16)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(three@0.166.1))(@types/react@18.3.16)(@types/three@0.163.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(three@0.166.1)(use-sync-external-store@1.4.0(react@18.3.1))': dependencies: '@babel/runtime': 7.26.0 @@ -12756,6 +12842,10 @@ snapshots: transitivePeerDependencies: - '@types/three' + '@react-types/shared@3.26.0(react@18.3.1)': + dependencies: + react: 18.3.1 + '@remix-run/router@1.21.0': {} '@repeaterjs/repeater@3.0.6': {} @@ -13408,7 +13498,7 @@ snapshots: '@swc/core-win32-x64-msvc@1.10.1': optional: true - '@swc/core@1.10.1': + '@swc/core@1.10.1(@swc/helpers@0.5.15)': dependencies: '@swc/counter': 0.1.3 '@swc/types': 0.1.17 @@ -13423,9 +13513,14 @@ snapshots: '@swc/core-win32-arm64-msvc': 1.10.1 '@swc/core-win32-ia32-msvc': 1.10.1 '@swc/core-win32-x64-msvc': 1.10.1 + '@swc/helpers': 0.5.15 '@swc/counter@0.1.3': {} + '@swc/helpers@0.5.15': + dependencies: + tslib: 2.8.1 + '@swc/types@0.1.17': dependencies: '@swc/counter': 0.1.3 @@ -19315,7 +19410,7 @@ snapshots: tslib@2.8.1: {} - tsup@8.3.5(@swc/core@1.10.1)(jiti@2.4.1)(postcss@8.4.49)(tsx@4.19.2)(typescript@5.7.2)(yaml@2.6.1): + tsup@8.3.5(@swc/core@1.10.1(@swc/helpers@0.5.15))(jiti@2.4.1)(postcss@8.4.49)(tsx@4.19.2)(typescript@5.7.2)(yaml@2.6.1): dependencies: bundle-require: 5.0.0(esbuild@0.24.0) cac: 6.7.14 @@ -19334,7 +19429,7 @@ snapshots: tinyglobby: 0.2.10 tree-kill: 1.2.2 optionalDependencies: - '@swc/core': 1.10.1 + '@swc/core': 1.10.1(@swc/helpers@0.5.15) postcss: 8.4.49 typescript: 5.7.2 transitivePeerDependencies: @@ -19790,20 +19885,20 @@ snapshots: - supports-color - typescript - vite-plugin-top-level-await@1.4.4(rollup@2.79.2)(vite@5.4.11(@types/node@20.17.10)(terser@5.37.0)): + vite-plugin-top-level-await@1.4.4(@swc/helpers@0.5.15)(rollup@2.79.2)(vite@5.4.11(@types/node@20.17.10)(terser@5.37.0)): dependencies: '@rollup/plugin-virtual': 3.0.2(rollup@2.79.2) - '@swc/core': 1.10.1 + '@swc/core': 1.10.1(@swc/helpers@0.5.15) uuid: 10.0.0 vite: 5.4.11(@types/node@20.17.10)(terser@5.37.0) transitivePeerDependencies: - '@swc/helpers' - rollup - vite-plugin-top-level-await@1.4.4(rollup@4.28.1)(vite@5.4.11(@types/node@20.17.10)(terser@5.37.0)): + vite-plugin-top-level-await@1.4.4(@swc/helpers@0.5.15)(rollup@4.28.1)(vite@5.4.11(@types/node@20.17.10)(terser@5.37.0)): dependencies: '@rollup/plugin-virtual': 3.0.2(rollup@4.28.1) - '@swc/core': 1.10.1 + '@swc/core': 1.10.1(@swc/helpers@0.5.15) uuid: 10.0.0 vite: 5.4.11(@types/node@20.17.10)(terser@5.37.0) transitivePeerDependencies: