@swr-data-lab/components 1.5.0 → 1.5.2

package/.storybook/main.ts

@@ -1,20 +1,37 @@
+import { dirname, join } from "path";
 import type { StorybookConfig } from "@storybook/sveltekit";
 
+function getAbsolutePath(value: string): any {
+  return dirname(require.resolve(join(value, "package.json")));
+}
+
 const config: StorybookConfig = {
-  stories: ["../src/**/*.mdx", "../src/**/*.stories.@(js|ts|svelte)"],
+  stories: [
+    "../src/**/*.stories.@(js|ts|svelte)",
+    "../src/**/*.mdx",
+  ],
+
   addons: [
-    "@storybook/addon-svelte-csf",
-    "@storybook/addon-links",
-    "@storybook/addon-essentials",
-    "@chromatic-com/storybook",
-    "@storybook/addon-interactions",
+    {
+      name: '@storybook/addon-svelte-csf',
+      options: {
+        legacyTemplate: true
+      }
+    },
+    getAbsolutePath("@storybook/addon-links"),
+    getAbsolutePath("@storybook/addon-essentials"),
+    getAbsolutePath("@chromatic-com/storybook"),
+    getAbsolutePath("@storybook/addon-interactions"),
+    getAbsolutePath("@storybook/addon-mdx-gfm")
   ],
   framework: {
-    name: "@storybook/sveltekit",
+    name: getAbsolutePath("@storybook/sveltekit"),
     options: {},
   },
-  core: {
-    builder: '@storybook/builder-vite'
+
+  docs: {
+    autodocs: true
   }
 };
-export default config;
+
+export default config;

package/package.json

@@ -26,28 +26,29 @@
 		"@semantic-release/changelog": "^6.0.3",
 		"@semantic-release/git": "^10.0.1",
 		"@semantic-release/npm": "^12.0.1",
-		"@storybook/addon-essentials": "^8.4.5",
-		"@storybook/addon-interactions": "^8.4.5",
-		"@storybook/addon-links": "^8.4.5",
-		"@storybook/addon-svelte-csf": "^4.1.7",
-		"@storybook/blocks": "^8.4.5",
-		"@storybook/builder-vite": "^8.4.5",
-		"@storybook/svelte": "^8.4.5",
-		"@storybook/sveltekit": "^8.4.5",
-		"@storybook/test": "^8.4.5",
+		"@storybook/addon-essentials": "^8.6.4",
+		"@storybook/addon-interactions": "^8.6.4",
+		"@storybook/addon-links": "^8.6.4",
+		"@storybook/addon-mdx-gfm": "^8.6.4",
+		"@storybook/addon-svelte-csf": "^5.0.0-next.27",
+		"@storybook/blocks": "^8.6.4",
+		"@storybook/docs-tools": "^8.6.4",
+		"@storybook/svelte": "^8.6.4",
+		"@storybook/sveltekit": "^8.6.4",
+		"@storybook/test": "^8.6.4",
 		"@storybook/test-runner": "^0.19.1",
 		"@sveltejs/adapter-auto": "^3.0.0",
 		"@sveltejs/kit": "^2.0.0",
-		"@sveltejs/vite-plugin-svelte": "^3.0.0",
+		"@sveltejs/vite-plugin-svelte": "^5.0.3",
 		"concurrently": "^9.0.1",
 		"http-server": "^14.1.1",
 		"sass-embedded": "^1.78.0",
 		"semantic-release": "^24.1.2",
-		"storybook": "^8.4.5",
-		"svelte": "^4.2.7",
+		"storybook": "^8.6.4",
+		"svelte": "^5.23.0",
 		"svelte-check": "^4.0.0",
 		"typescript": "^5.0.0",
-		"vite": "^5.0.3",
+		"vite": "^6.0.0",
 		"wait-on": "^8.0.1"
 	},
 	"type": "module",
@@ -63,5 +64,5 @@
 			"svelte": "./src/index.js"
 		}
 	},
-	"version": "1.5.0"
+	"version": "1.5.2"
 }

package/src/Autocomplete/Autocomplete.stories.js

@@ -1,5 +1,5 @@
 import { userEvent, within, expect, fn } from "@storybook/test"
-import AutoComplete from "."
+import AutoComplete from "./index.js"
 
 export default {
   title: "Example/Autocomplete",
@@ -23,10 +23,6 @@ export const Basic = {
   },
 }
 
-const onSelect = fn((e) => {
-  return e.detail
-})
-
 export const Test = {
   parameters: {
     docs: {
@@ -39,9 +35,8 @@ export const Test = {
     data: testData,
     query: "",
     placeholder: "Select a fruit",
-    event_select: onSelect,
   },
-  play: async ({ args, canvasElement, step }) => {
+  play: async ({ canvasElement, step }) => {
     const canvas = within(canvasElement)
     const input = canvas.getByTestId("autocomplete-input")
     await step("Select using the mouse", async () => {
@@ -51,7 +46,6 @@ export const Test = {
       const bananasOption = canvas.getByText("Bananas")
       await userEvent.click(bananasOption)
       expect(input).toHaveValue("Bananas")
-      expect(onSelect).toHaveReturnedWith({ item: { label: "Bananas", value: "Bananas", details: {} } })
     })
     await userEvent.clear(input)
     await step("Select using the keyboard", async () => {
@@ -61,7 +55,6 @@ export const Test = {
       await userEvent.keyboard("{ArrowDown}")
       await userEvent.keyboard("{Enter}")
       expect(input).toHaveValue("Apples")
-      expect(onSelect).toHaveReturnedWith({ item: { label: "Apples", value: "Apples", details: {} } })
     })
     await userEvent.clear(input)
   },

package/src/HighlightCard/HighlightCard.stories.svelte

@@ -34,7 +34,7 @@
 	</DesignTokens>
 </Story>
 
-<Story name="Basic HighlightCard">
+<Story name="Multiple HighlightCards">
 	<DesignTokens>
 		<div class="highlight-cards">
 			<HighlightCard

package/src/index.js

@@ -7,3 +7,4 @@ export { default as Button } from './Button/Button.svelte';
 export { default as Select } from './Select/Select.svelte';
 export { default as DesignTokens } from './DesignTokens/DesignTokens.svelte';
 export { default as ChartHeader } from './ChartHeader/ChartHeader.svelte';
+export { default as ChartFooter } from './ChartFooter/ChartFooter.svelte';