Update storybook and remove generated select files

frequency-chain · Jan 17, 2025 · 29d1e1b · 29d1e1b
1 parent ba2ebbb
commit 29d1e1b
Show file tree

Hide file tree

Showing 10 changed files with 524 additions and 960 deletions.
diff --git a/.storybook/manager.js b/.storybook/manager.js
@@ -1,6 +1,6 @@
-import {addons} from '@storybook/addons';
+import { addons } from '@storybook/manager-api';
 import customTheme from './CustomTheme';
 
 addons.setConfig({
-    theme: customTheme
+  theme: customTheme,
 });
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -33,13 +33,14 @@
     "check": "svelte-check --tsconfig ./tsconfig.json"
   },
   "devDependencies": {
-    "@storybook/addon-essentials": "^8.3.3",
-    "@storybook/addon-interactions": "^8.3.3",
-    "@storybook/addon-links": "^8.3.3",
-    "@storybook/addon-svelte-csf": "^4.1.7",
-    "@storybook/blocks": "^8.3.3",
-    "@storybook/svelte": "^8.3.3",
-    "@storybook/svelte-vite": "^8.3.3",
+    "@storybook/addon-essentials": "^8.5.0",
+    "@storybook/addon-interactions": "^8.5.0",
+    "@storybook/addon-links": "^8.5.0",
+    "@storybook/addon-svelte-csf": "^4.2.0",
+    "@storybook/blocks": "^8.5.0",
+    "@storybook/manager-api": "^8.5.0",
+    "@storybook/svelte": "^8.5.0",
+    "@storybook/svelte-vite": "^8.5.0",
     "@sveltejs/package": "^2.3.5",
     "@sveltejs/vite-plugin-svelte": "^2.5.3",
     "@tsconfig/svelte": "^5.0.4",
@@ -65,8 +66,7 @@
     "vite": "^4.4.9"
   },
   "dependencies": {
-    "@storybook/addons": "^7.6.17",
-    "bits-ui": "^0.21.16",
+    "bits-ui": "^0.22.0",
     "clsx": "^2.1.1",
     "svelte": "^4.2.19",
     "tailwind-merge": "^2.5.2"

diff --git a/src/lib/atoms/Select.stories.svelte b/src/lib/atoms/Select.stories.svelte
@@ -12,14 +12,25 @@
     { optionLabel: 'Option 3', value: '3' },
   ];
   export let error = 'Error message.';
+
+  let primarySelected = '';
 </script>
 
 <Meta title="UI Components/Atoms/Select" component={Select} />
 
 <!-- Primary -->
 <Story name="SelectPrimary" args={{ label, description, placeholder, isRequired, options }}>
-  <Select {label} {description} {placeholder} {isRequired} {options} />
-</Story>
+  <Select
+    {label}
+    {description}
+    {placeholder}
+    {isRequired}
+    {options}
+    onSelectedChange={(x) => (primarySelected = x.value)}
+  />
+  <hr class="m-4" />
+  <div>Selected Option: {primarySelected || 'None'}</div></Story
+>
 
 <!-- Required Example -->
 <Story

diff --git a/src/lib/shadcnComponents/ui/select/index.d.ts b/src/lib/shadcnComponents/ui/select/index.d.ts
diff --git a/src/lib/shadcnComponents/ui/select/select-content.svelte.d.ts b/src/lib/shadcnComponents/ui/select/select-content.svelte.d.ts
diff --git a/src/lib/shadcnComponents/ui/select/select-item.svelte.d.ts b/src/lib/shadcnComponents/ui/select/select-item.svelte.d.ts
diff --git a/src/lib/shadcnComponents/ui/select/select-label.svelte.d.ts b/src/lib/shadcnComponents/ui/select/select-label.svelte.d.ts
diff --git a/src/lib/shadcnComponents/ui/select/select-separator.svelte.d.ts b/src/lib/shadcnComponents/ui/select/select-separator.svelte.d.ts
diff --git a/src/lib/shadcnComponents/ui/select/select-trigger.svelte.d.ts b/src/lib/shadcnComponents/ui/select/select-trigger.svelte.d.ts