diff --git a/.storybook/main.ts b/.storybook/main.ts index 6d68d18..5ef6e6f 100644 --- a/.storybook/main.ts +++ b/.storybook/main.ts @@ -5,8 +5,7 @@ const config: StorybookConfig = { addons: [ "@storybook/addon-links", "@storybook/addon-essentials", - "@storybook/addon-onboarding", - "@storybook/addon-interactions", + "@storybook/addon-onboarding", ], framework: { name: "@storybook/react-vite", diff --git a/src/common/StorybookAntDJsonForm.tsx b/src/common/StorybookAntDJsonForm.tsx index 3adc9ca..b373371 100644 --- a/src/common/StorybookAntDJsonForm.tsx +++ b/src/common/StorybookAntDJsonForm.tsx @@ -14,6 +14,7 @@ type Props = { uiSchema?: UISchema; uiSchemaRegistryEntries?: JsonFormsUISchemaRegistryEntry[]; config?: Record; + onChange: (data: Record) => void; }; // this component exists to facilitate storybook rendering @@ -24,14 +25,19 @@ export function StorybookAntDJsonForm({ uiSchemaRegistryEntries, rendererRegistryEntries, config, + onChange }: Props) { const [data, setData] = useState(initialData); + const updateData = (newData: Record) => { + setData(newData); + onChange(newData); + } return ( setData(newData)} + updateData={(newData) => updateData(newData)} uiSchemaRegistryEntries={uiSchemaRegistryEntries} rendererRegistryEntries={rendererRegistryEntries} config={config} diff --git a/src/stories/controls/AlertControl.stories.tsx b/src/stories/controls/AlertControl.stories.tsx index 1d26008..16f4b2e 100644 --- a/src/stories/controls/AlertControl.stories.tsx +++ b/src/stories/controls/AlertControl.stories.tsx @@ -29,10 +29,14 @@ const meta: Meta = { ] }, argTypes: { - rendererRegistryEntries: {}, + rendererRegistryEntries: { table: { disable: true } }, + uiSchemaRegistryEntries: { table: { disable: true } }, jsonSchema: { control: "object", - } + }, + data: {table: {disable: true}}, + config: {control: "object"}, + onChange: {table: {disable: true, action: "on-change"}}, } }; diff --git a/src/stories/controls/BooleanControl.stories.tsx b/src/stories/controls/BooleanControl.stories.tsx index 17f0af5..81af57d 100644 --- a/src/stories/controls/BooleanControl.stories.tsx +++ b/src/stories/controls/BooleanControl.stories.tsx @@ -6,7 +6,6 @@ import { StorybookAntDJsonForm } from "../../common/StorybookAntDJsonForm"; const schema = { type: "object", properties: { checkbox: { type: "boolean" } }, - // required: ["name"], }; const meta: Meta = { @@ -37,10 +36,13 @@ const meta: Meta = { // More on argTypes: https://storybook.js.org/docs/api/argtypes argTypes: { rendererRegistryEntries: { table: { disable: true } }, + uiSchemaRegistryEntries: { table: { disable: true } }, jsonSchema: { control: "object", - description: "this is a simple schema with one property (name)", }, + data: {table: {disable: true}}, + config: {control: "object"}, + onChange: {table: {disable: true, action: "on-change"}}, }, }; diff --git a/src/stories/controls/TextControl.stories.tsx b/src/stories/controls/TextControl.stories.tsx index 039769e..ed64522 100644 --- a/src/stories/controls/TextControl.stories.tsx +++ b/src/stories/controls/TextControl.stories.tsx @@ -41,6 +41,10 @@ const meta: Meta = { control: "object", description: "this is a simple schema with one property (name)", }, + uiSchemaRegistryEntries: { table: { disable: true } }, + data: {table: {disable: true}}, + config: {control: "object"}, + onChange: {table: {disable: true, action: "on-change"}}, }, };