chore: lock dependencies and pnpm

hyperweb-io · Jul 16, 2024 · ac4a909 · ac4a909
1 parent b5aaa66
commit ac4a909
Show file tree

Hide file tree

Showing 5 changed files with 565 additions and 1,175 deletions.
diff --git a/package.json b/package.json
@@ -118,5 +118,6 @@
       "enhancement": "Enhancement",
       "chore": "Chore"
     }
-  }
-}
+  },
+  "packageManager": "[email protected]"
+}
diff --git a/packages/react/package.json b/packages/react/package.json
@@ -102,7 +102,9 @@
     "attw": "attw --pack",
     "ci": "pn run lint && pn run build",
     "storybook": "storybook dev -p 6006",
+    "sb": "storybook dev -p 6006",
     "build-storybook": "storybook build",
+    "build-sb": "storybook build",
     "sb:postbuild": "npm run sb:seo",
     "sb:seo": "node ./storybook-seo/seo.js",
     "sb:deploy": "AWS_PROFILE=webinc aws s3 sync storybook-static/ s3://storybook.cosmology.zone",
@@ -128,27 +130,29 @@
     "@parcel/transformer-typescript-tsc": "^2.12.0",
     "@parcel/transformer-typescript-types": "^2.12.0",
     "@react-types/combobox": "^3.11.1",
-    "@storybook/addon-essentials": "^8.1.11",
-    "@storybook/addon-interactions": "^8.1.11",
-    "@storybook/addon-links": "^8.1.11",
-    "@storybook/addon-viewport": "^8.1.11",
-    "@storybook/blocks": "^8.1.11",
-    "@storybook/react": "^8.1.11",
-    "@storybook/react-vite": "^8.1.11",
-    "@storybook/test": "^8.1.11",
+    "@storybook/addon-essentials": "^8.2.4",
+    "@storybook/addon-interactions": "^8.2.4",
+    "@storybook/addon-links": "^8.2.4",
+    "@storybook/addon-viewport": "^8.2.4",
+    "@storybook/blocks": "^8.2.4",
+    "@storybook/react": "^8.2.4",
+    "@storybook/react-vite": "^8.2.4",
+    "@storybook/test": "^8.2.4",
     "@types/react": "latest",
     "@vanilla-extract/parcel-transformer": "^1.0.7",
     "@vanilla-extract/vite-plugin": "^4.0.13",
     "@vitejs/plugin-react": "^4.3.1",
+    "@vitejs/plugin-react-swc": "^3.7.0",
     "match-sorter": "^6.3.4",
     "mkdirp": "^3.0.1",
     "parcel": "^2.12.0",
     "parcel-optimizer-unlink-css": "link:../parcel-optimizer-unlink-css",
     "parcel-resolver-ts-base-url": "^1.3.1",
     "prop-types": "^15.8.1",
-    "storybook": "^8.1.11",
-    "storybook-react-rsbuild": "^0.0.5",
+    "storybook": "^8.2.4",
+    "storybook-react-rsbuild": "^0.0.7",
     "type-fest": "^4.21.0",
+    "vite": "^5.3.3",
     "vite-plugin-replace": "^0.1.1"
   },
   "gitHead": "bf66300d7fe3621b4de7ccbd4ef7593c8a84867d"

diff --git a/packages/react/stories/BasicModal.stories.tsx b/packages/react/stories/BasicModal.stories.tsx
@@ -4,6 +4,8 @@ import type { Meta, StoryObj } from "@storybook/react";
 import BasicModal from "../src/ui/basic-modal";
 import Button from "../src/ui/button";
 import Text from "../src/ui/text";
+import Select from "../src/ui/select";
+import SelectOption from "../src/ui/select-option";
 
 const meta: Meta<typeof BasicModal> = {
   component: BasicModal,
@@ -41,3 +43,50 @@ export const Primary: Story = {
     );
   },
 };
+
+export const WithOverlayElements: Story = {
+  args: {},
+  render: (props) => {
+    const [isOpen, setIsOpen] = useState(false);
+    return (
+      <div>
+        <BasicModal
+          closeOnClickaway
+          renderTrigger={(triggerProps = {}) => (
+            <Button {...triggerProps} onClick={() => setIsOpen(true)}>
+              open
+            </Button>
+          )}
+          isOpen={isOpen}
+          title="Open form"
+          onClose={() => setIsOpen(false)}
+        >
+          <Text fontSize="$4xl" fontWeight="$semibold">
+            Form content
+          </Text>
+
+          <Select width={300} optionsWidth={500} label="Favorite Animal">
+            <SelectOption optionKey="Red Panda" label="Red Panda">
+              Red Panda
+            </SelectOption>
+            <SelectOption optionKey="Cat" label="Cat" isDisabled>
+              Cat
+            </SelectOption>
+            <SelectOption optionKey="Dog" label="Dog">
+              Dog
+            </SelectOption>
+            <SelectOption optionKey="Aardvark" label="Aardvark">
+              Aardvark
+            </SelectOption>
+            <SelectOption optionKey="Kangaroo" label="Kangaroo">
+              Kangaroo
+            </SelectOption>
+            <SelectOption optionKey="Snake" label="Snake">
+              Snake
+            </SelectOption>
+          </Select>
+        </BasicModal>
+      </div>
+    );
+  },
+};
diff --git a/packages/react/vite.config.ts b/packages/react/vite.config.ts
@@ -1,6 +1,6 @@
 import { defineConfig } from "vite";
 import path from "node:path";
-import react from "@vitejs/plugin-react";
+import react from "@vitejs/plugin-react-swc";
 import { vanillaExtractPlugin } from "@vanilla-extract/vite-plugin";
 
 const aliases = ["ui", "styles", "models", "helpers"];