From a5c65ac2bb085686a892a5846332261318d2da62 Mon Sep 17 00:00:00 2001 From: Nathan Farmer Date: Fri, 8 Mar 2024 10:42:50 -0500 Subject: [PATCH] Add stories --- .../controls/NumericControl.stories.tsx | 30 --------- .../NumericControl.stories.tsx | 51 +++++++++++++++ .../NumericSliderControl.stories.tsx | 63 +++++++++++++++++++ 3 files changed, 114 insertions(+), 30 deletions(-) delete mode 100644 src/stories/controls/NumericControl.stories.tsx create mode 100644 src/stories/controls/NumericControls/NumericControl.stories.tsx create mode 100644 src/stories/controls/NumericControls/NumericSliderControl.stories.tsx diff --git a/src/stories/controls/NumericControl.stories.tsx b/src/stories/controls/NumericControl.stories.tsx deleted file mode 100644 index bcc5b77..0000000 --- a/src/stories/controls/NumericControl.stories.tsx +++ /dev/null @@ -1,30 +0,0 @@ -import type { Meta, StoryObj } from "@storybook/react" -import { StorybookAntDJsonForm } from "../../common/StorybookAntDJsonForm"; - -import { numericMagnitudeSchema, numericUISchema } from "../../testSchemas/numericSchema/numericSchema"; - - -const meta: Meta = { - title: "Control/Number", - component: StorybookAntDJsonForm, - tags: ["autodocs"], - args: { - uiSchema: numericUISchema, - }, - argTypes: { - uiSchema: { - control: "object", - }, - } -} - -export default meta -type Story = StoryObj - -export const RequiredSingleFloatingPoint: Story = { - tags: ["autodocs"], - args: { - jsonSchema: numericMagnitudeSchema, - uiSchema: numericUISchema, - }, -} diff --git a/src/stories/controls/NumericControls/NumericControl.stories.tsx b/src/stories/controls/NumericControls/NumericControl.stories.tsx new file mode 100644 index 0000000..c5e65de --- /dev/null +++ b/src/stories/controls/NumericControls/NumericControl.stories.tsx @@ -0,0 +1,51 @@ +import type { Meta, StoryObj } from "@storybook/react" +import { StorybookAntDJsonForm } from "../../../common/StorybookAntDJsonForm"; + +import { + numericMagnitudeSchema, + numericWeightSchema, + numericUISchema, + numericTheNumberSchema, +} from "../../../testSchemas/numericSchema/numericSchema"; + + +const meta: Meta = { + title: "Control/Numeric Input", + component: StorybookAntDJsonForm, + tags: ["autodocs"], + args: { + uiSchema: numericUISchema, + }, + argTypes: { + uiSchema: { + control: "object", + }, + } +} + +export default meta +type Story = StoryObj + +export const RequiredFloatingPoint: Story = { + tags: ["autodocs"], + args: { + jsonSchema: numericMagnitudeSchema, + uiSchema: numericUISchema, + }, +} + +export const RequiredFloatingPointWithDefault: Story = { + tags: ["autodocs"], + args: { + jsonSchema: numericTheNumberSchema, + uiSchema: numericUISchema, + }, +} + +export const OptionalFloatingPoint: Story = { + tags: ["autodocs"], + args: { + jsonSchema: numericWeightSchema, + uiSchema: numericUISchema, + }, +} diff --git a/src/stories/controls/NumericControls/NumericSliderControl.stories.tsx b/src/stories/controls/NumericControls/NumericSliderControl.stories.tsx new file mode 100644 index 0000000..3e5dd77 --- /dev/null +++ b/src/stories/controls/NumericControls/NumericSliderControl.stories.tsx @@ -0,0 +1,63 @@ +import type { Meta, StoryObj } from "@storybook/react" +import { StorybookAntDJsonForm } from "../../../common/StorybookAntDJsonForm"; + +import { + numericSliderBasisPointsSchema, + numericSliderUISchema, + numericSliderTemperatureSchema, + numericSliderTemperatureUISchema, + numericSliderFinalGradeSchema, + numericSliderPercentageUISchema, + numericSliderDonateNowSchema, + numericSliderUSDUISchema, +} from "../../../testSchemas/numericSchema/numericSliderSchema"; + + +const meta: Meta = { + title: "Control/Numeric Slider", + component: StorybookAntDJsonForm, + tags: ["autodocs"], + args: { + uiSchema: numericSliderUISchema, + }, + argTypes: { + uiSchema: { + control: "object", + }, + } +} + +export default meta +type Story = StoryObj + +export const RequiredInteger: Story = { + tags: ["autodocs"], + args: { + jsonSchema: numericSliderBasisPointsSchema, + uiSchema: numericSliderUISchema, + }, +} + +export const RequiredIntegerWithUnits: Story = { + tags: ["autodocs"], + args: { + jsonSchema: numericSliderTemperatureSchema, + uiSchema: numericSliderTemperatureUISchema, + }, +} + +export const RequiredPercentageWithDefault: Story = { + tags: ["autodocs"], + args: { + jsonSchema: numericSliderFinalGradeSchema, + uiSchema: numericSliderPercentageUISchema, + }, +} + +export const OptionalUSDWithDefault: Story = { + tags: ["autodocs"], + args: { + jsonSchema: numericSliderDonateNowSchema, + uiSchema: numericSliderUSDUISchema, + }, +}