@nolwenture/formik-jsonschema-form 0.7.1 → 0.8.0

package/dist/fields/stories/ObjectField.stories.js

@@ -0,0 +1,76 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { userEvent, expect } from "@storybook/test";
+import { Formik, Form } from "formik";
+import { ObjectField } from "./../ObjectField";
+export default {
+    title: "Components/ObjectField",
+    component: ObjectField,
+    decorators: [
+        (Story) => (_jsx(Formik, { initialValues: {}, onSubmit: () => { }, children: _jsx(Form, { children: Story() }) })),
+    ],
+};
+export const Default = {
+    args: {
+        name: "object",
+        schema: {
+            type: "object",
+            title: "Object field test",
+            properties: {
+                string: {
+                    type: "string",
+                    title: "stringField",
+                    description: "String description",
+                },
+                number: {
+                    type: "number",
+                    title: "numberField",
+                    description: "Number description",
+                },
+                boolean: {
+                    type: "boolean",
+                    title: "booleanField",
+                    description: "Boolean description",
+                    default: false,
+                },
+                enum: {
+                    type: "array",
+                    title: "Array Enum",
+                    description: "Array Enum description",
+                    items: {
+                        type: "number",
+                        enum: [1, 2, 3, 4],
+                    },
+                },
+                null: {
+                    type: "null",
+                    title: "nullField",
+                    description: "Null description",
+                },
+            },
+        },
+        uiSchema: {},
+    },
+    play: (_a) => __awaiter(void 0, [_a], void 0, function* ({ canvasElement }) {
+        const stringField = canvasElement.querySelector('input[name="object.string"]');
+        const numberField = canvasElement.querySelector('input[name="object.number"]');
+        const booleanField = canvasElement.querySelector('input[name="object.boolean"]');
+        const enumField = canvasElement.querySelector('select[name="object.enum[0]"]');
+        yield userEvent.type(stringField, "string");
+        yield userEvent.type(numberField, "123");
+        yield userEvent.click(booleanField);
+        yield userEvent.selectOptions(enumField, "2");
+        expect(stringField).toHaveValue("string");
+        expect(numberField).toHaveValue(123);
+        expect(booleanField).toBeChecked();
+        expect(enumField).toHaveValue("2");
+    }),
+};

package/dist/fields/stories/RadioField.stories.d.ts

@@ -0,0 +1,5 @@
+import { StoryObj } from "@storybook/react";
+import { RadioField } from "./../RadioField";
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react").ReactRenderer, import("../../types").FieldProps>;
+export default _default;
+export declare const Default: StoryObj<typeof RadioField>;

package/dist/fields/stories/RadioField.stories.js

@@ -0,0 +1,42 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { userEvent, expect } from "@storybook/test";
+import { RadioField } from "./../RadioField";
+import { Formik, Form } from "formik";
+export default {
+    title: "Components/RadioField",
+    component: RadioField,
+    decorators: [
+        (Story) => (_jsx(Formik, { initialValues: {}, onSubmit: () => { }, children: _jsx(Form, { children: Story() }) })),
+    ],
+};
+export const Default = {
+    args: {
+        name: "RadioField",
+        title: "Radio field test",
+        schema: {
+            type: "boolean",
+        },
+        uiSchema: {
+            "ui:label": { true: "yes", false: "no" },
+        },
+    },
+    play: (_a) => __awaiter(void 0, [_a], void 0, function* ({ canvasElement }) {
+        const radioTrue = canvasElement.querySelector('input[type="radio"][name="RadioField"][value="true"]');
+        const radioFalse = canvasElement.querySelector('input[type="radio"][name="RadioField"][value="false"]');
+        yield userEvent.click(radioTrue);
+        yield expect(radioTrue).toBeChecked();
+        yield expect(radioFalse).not.toBeChecked();
+        yield userEvent.click(radioFalse);
+        yield expect(radioFalse).toBeChecked();
+        yield expect(radioTrue).not.toBeChecked();
+    }),
+};