refactor: checkbox input story component (#1006)

d2iq · Sep 20, 2023 · faa669b · faa669b
1 parent 5bb09fd
commit faa669b
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 39 deletions.
diff --git a/packages/checkboxInput/stories/CheckboxInput.stories.tsx b/packages/checkboxInput/stories/CheckboxInput.stories.tsx
@@ -1,7 +1,6 @@
 import * as React from "react";
 import { StoryFn, Meta } from "@storybook/react";
 import CheckboxInput from "../components/CheckboxInput";
-import CheckboxStoryHelper from "../stories/helpers/CheckboxStoryHelper";
 import { InputStoryWrapper } from "../../../decorators/inputStoryWrapper";
 
 export default {
@@ -35,20 +34,23 @@ export default {
  }
 } as Meta;
 
-const Template: StoryFn = args => (
- <CheckboxStoryHelper>
- {({ changeHandler, isChecked }) => (
- <CheckboxInput
- id="default"
- inputLabel="Default"
- value="default"
- checked={!!isChecked}
- onChange={changeHandler}
- {...args}
- />
- )}
- </CheckboxStoryHelper>
-);
+const Template: StoryFn = args => {
+ const [isChecked, setIsChecked] = React.useState<boolean>(false);
+
+ const changeHandler = (event: React.ChangeEvent<HTMLInputElement>) => {
+ setIsChecked(event.target.checked);
+ };
+ return (
+ <CheckboxInput
+ id="default"
+ inputLabel="Default"
+ value="default"
+ checked={!!isChecked}
+ onChange={changeHandler}
+ {...args}
+ />
+ );
+};
 
 export const Default = {
  render: Template

diff --git a/packages/checkboxInput/stories/helpers/CheckboxStoryHelper.tsx b/packages/checkboxInput/stories/helpers/CheckboxStoryHelper.tsx