@sit-onyx/storybook-utils 1.0.0-beta.41 → 1.0.0-beta.43

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sit-onyx/storybook-utils",
   "description": "Storybook utilities for Vue",
-  "version": "1.0.0-beta.41",
+  "version": "1.0.0-beta.43",
   "type": "module",
   "author": "Schwarz IT KG",
   "license": "Apache-2.0",
@@ -27,11 +27,14 @@
     "storybook": ">= 8.2.0",
     "storybook-dark-mode": ">= 4",
     "@sit-onyx/icons": "^1.0.0-beta.1",
-    "sit-onyx": "^1.0.0-beta.39"
+    "sit-onyx": "^1.0.0-beta.40"
   },
   "dependencies": {
     "deepmerge-ts": "^7.1.0"
   },
+  "devDependencies": {
+    "vue": "~3.4.0"
+  },
   "scripts": {
     "build": "tsc --noEmit",
     "test": "vitest",

package/src/actions.spec.ts

@@ -0,0 +1,29 @@
+import type { StoryContextForEnhancers } from "storybook/internal/types";
+import { expect, test } from "vitest";
+import { enhanceEventArgTypes } from "./actions";
+
+test("should enhance event arg types", () => {
+  const argTypes = {
+    someProp: {
+      name: "someProp",
+      table: { category: "props" },
+    },
+    click: {
+      name: "click",
+      table: { category: "events" },
+    },
+  } satisfies StoryContextForEnhancers["argTypes"];
+
+  const result = enhanceEventArgTypes({
+    argTypes,
+  } as unknown as StoryContextForEnhancers);
+
+  expect(result).toStrictEqual({
+    ...argTypes,
+    onClick: {
+      name: "onClick",
+      table: { disable: true },
+      action: "click",
+    },
+  });
+});

package/src/actions.ts

@@ -16,8 +16,8 @@ export const enhanceEventArgTypes: ArgTypesEnhancer = ({ argTypes }) => {
       }
       argTypes[eventName] = {
         name: eventName,
-        table: { disable: true },
-        action: eventName,
+        table: { disable: true }, // do not add a second table entry for event name prefixed with "on"
+        action: name,
       };
     });
   return argTypes;