Fix usage of action() helper from @storybook/addon-actions

Khan · Oct 31, 2024 · 3bb6fdc · 3bb6fdc
1 parent 6315ec8
commit 3bb6fdc
Show file tree

Hide file tree

Showing 5 changed files with 12 additions and 12 deletions.
diff --git a/packages/perseus/src/components/__stories__/input-with-examples.stories.tsx b/packages/perseus/src/components/__stories__/input-with-examples.stories.tsx
@@ -1,4 +1,4 @@
-import {actions} from "@storybook/addon-actions";
+import {action} from "@storybook/addon-actions";
 
 import InputWithExamples from "../input-with-examples";
 
@@ -10,7 +10,7 @@ const meta: Meta = {
     args: {
         examples: [],
         id: "",
-        onChange: actions("onChange"),
+        onChange: action("onChange"),
         value: "",
     },
     argTypes: {

diff --git a/packages/perseus/src/components/__stories__/math-input.stories.tsx b/packages/perseus/src/components/__stories__/math-input.stories.tsx
@@ -1,4 +1,4 @@
-import {actions} from "@storybook/addon-actions";
+import {action} from "@storybook/addon-actions";
 
 import MathInput from "../math-input";
 
@@ -18,7 +18,7 @@ const meta: Meta = {
         },
         convertDotToTimes: false,
         value: "",
-        onChange: actions("onChange"),
+        onChange: action("onChange"),
         analytics: {onAnalyticsEvent: () => Promise.resolve()},
         labelText: "Math input",
     },

diff --git a/packages/perseus/src/components/__stories__/stub-tag-editor.stories.tsx b/packages/perseus/src/components/__stories__/stub-tag-editor.stories.tsx
@@ -1,4 +1,4 @@
-import {actions} from "@storybook/addon-actions";
+import {action} from "@storybook/addon-actions";
 
 import StubTagEditor from "../stub-tag-editor";
 
@@ -9,7 +9,7 @@ const meta: Meta = {
     component: StubTagEditor,
     args: {
         value: [],
-        onChange: actions("onChange"),
+        onChange: action("onChange"),
     },
     argTypes: {
         onChange: {

diff --git a/packages/perseus/src/components/__stories__/text-input.stories.tsx b/packages/perseus/src/components/__stories__/text-input.stories.tsx
@@ -1,4 +1,4 @@
-import {actions} from "@storybook/addon-actions";
+import {action} from "@storybook/addon-actions";
 
 import TextInput from "../text-input";
 
@@ -8,9 +8,9 @@ const meta: Meta = {
     title: "Perseus/Components/Text Input",
     component: TextInput,
     args: {
-        onChange: actions("onChange"),
-        onBlur: actions("onBlur"),
-        onFocus: actions("onFocus"),
+        onChange: action("onChange"),
+        onBlur: action("onBlur"),
+        onFocus: action("onFocus"),
     },
     argTypes: {
         onChange: {table: {disable: true}},

diff --git a/packages/perseus/src/components/__stories__/text-list-editor.stories.tsx b/packages/perseus/src/components/__stories__/text-list-editor.stories.tsx
@@ -1,4 +1,4 @@
-import {actions} from "@storybook/addon-actions";
+import {action} from "@storybook/addon-actions";
 import * as React from "react";
 
 import TextListEditor from "../text-list-editor";
@@ -10,7 +10,7 @@ const meta: Meta = {
     component: TextListEditor,
     args: {
         options: ["Test option 1", "Test option 2", "Test option 3"],
-        onChange: actions("onChange"),
+        onChange: action("onChange"),
     },
     argTypes: {
         onChange: {table: {disable: true}},