@nolwenture/formik-jsonschema-form 0.26.1 → 0.26.3

package/dist/fields/StringField.js

@@ -5,7 +5,6 @@ import { getEnums } from "../utils/getEnums";
 import { useExtractUiSchema, useSetDefault } from "../hooks";
 import { useFormikContext } from "formik";
 export const StringField = (props) => {
-    var _a;
     const { templates: { FieldTemplate }, components: { FieldInput }, } = useContext(FormRegistry);
     useSetDefault(props);
     const { name, uiSchema = {}, schema } = props;
@@ -15,18 +14,21 @@ export const StringField = (props) => {
     const fieldDataAttribute = schema.type === "string"
         ? { "data-fjsf-string": name }
         : { "data-fjsf-number": name };
-    switch (enums === null || enums === void 0 ? void 0 : enums.type) {
+    switch (enums?.type) {
         case "select":
-            return (_jsx(FieldTemplate, Object.assign({}, props, fieldDataAttribute, { children: _jsxs(FieldInput, Object.assign({ type }, inputProps, { name: name, formikAs: "select", onChange: (e) => {
-                        const selectedOption = enums === null || enums === void 0 ? void 0 : enums.values.find((option) => option.const.toString() === e.target.value);
+            return (_jsx(FieldTemplate, { ...props, ...fieldDataAttribute, children: _jsxs(FieldInput, { type,
+                    ...inputProps, name: name, formikAs: "select", onChange: (e) => {
+                        const selectedOption = enums?.values.find((option) => option.const.toString() === e.target.value);
                         const selectedValue = selectedOption
                             ? selectedOption.const
                             : e.target.value;
-                        form === null || form === void 0 ? void 0 : form.setFieldValue(name, selectedValue);
-                    }, children: [_jsx("option", Object.assign({ value: "", disabled: false,
-                            hidden: true }, (_a = uiSchema["ui:placeholderOptionOptions"]) === null || _a === void 0 ? void 0 : _a.props, { children: placeholder })), enums === null || enums === void 0 ? void 0 : enums.values.map((option, index) => (_jsx("option", { value: option.const.toString(), children: option.title }, index)))] })) })));
+                        form?.setFieldValue(name, selectedValue);
+                    }, children: [_jsx("option", { value: "", disabled: false,
+                            hidden: true,
+                            ...uiSchema["ui:placeholderOptionOptions"]?.props, children: placeholder }), enums?.values.map((option, index) => (_jsx("option", { value: option.const.toString(), children: option.title }, index)))] }) }));
         default:
-            return (_jsx(FieldTemplate, Object.assign({}, props, fieldDataAttribute, { children: _jsx(FieldInput, Object.assign({ type,
-                    placeholder }, inputProps, { name: name })) })));
+            return (_jsx(FieldTemplate, { ...props, ...fieldDataAttribute, children: _jsx(FieldInput, { type,
+                    placeholder,
+                    ...inputProps, name: name }) }));
     }
 };

package/dist/fields/TextAreaField.js

@@ -7,5 +7,5 @@ export const TextAreaField = (props) => {
     useSetDefault(props);
     const { name, uiSchema } = props;
     const { props: inputProps } = useExtractUiSchema(uiSchema);
-    return (_jsx(FieldTemplate, Object.assign({}, props, { "data-fjsf-string": name, children: _jsx(TextAreaInputField, { inputProps: inputProps, name: name }) })));
+    return (_jsx(FieldTemplate, { ...props, "data-fjsf-string": name, children: _jsx(TextAreaInputField, { inputProps: inputProps, name: name }) }));
 };

package/dist/fields/ToggleField.js

@@ -7,5 +7,5 @@ export const ToggleField = (props) => {
     useSetDefault(props);
     const { name, uiSchema } = props;
     const { props: inputProps } = useExtractUiSchema(uiSchema);
-    return (_jsx(FieldTemplate, Object.assign({}, props, { "data-fjsf-boolean": name, children: _jsx(ToggleSwitchField, Object.assign({}, inputProps, { name: name })) })));
+    return (_jsx(FieldTemplate, { ...props, "data-fjsf-boolean": name, children: _jsx(ToggleSwitchField, { ...inputProps, name: name }) }));
 };

package/dist/fields/stories/AnyField.stories.js

@@ -1,12 +1,3 @@
-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 { within, userEvent, expect } from "@storybook/test";
 import { Formik, Form } from "formik";
@@ -24,56 +15,56 @@ export const Default = {
         schema: {},
         uiSchema: {},
     },
-    play: (_a) => __awaiter(void 0, [_a], void 0, function* ({ canvasElement }) {
+    play: async ({ canvasElement }) => {
         const canvas = within(canvasElement);
         const select = canvasElement.querySelector("select");
         // Null
-        yield userEvent.selectOptions(select, "null");
+        await userEvent.selectOptions(select, "null");
         const allInputs = canvasElement.querySelectorAll("input");
         expect(allInputs).toHaveLength(0);
         // AnyField
-        yield userEvent.selectOptions(select, "any");
+        await userEvent.selectOptions(select, "any");
         const anySelect = canvasElement.querySelectorAll("select");
         const input = canvasElement.querySelector('input[name="dynamicField"]');
-        yield userEvent.type(input, "testString");
+        await userEvent.type(input, "testString");
         expect(input).toHaveValue("testString");
-        yield userEvent.selectOptions(anySelect[1], "boolean");
-        yield userEvent.click(input);
+        await userEvent.selectOptions(anySelect[1], "boolean");
+        await userEvent.click(input);
         expect(input).toBeChecked;
         // StringField
-        yield userEvent.selectOptions(select, "string");
-        yield userEvent.type(input, "testString");
+        await userEvent.selectOptions(select, "string");
+        await userEvent.type(input, "testString");
         expect(input).toHaveValue("testString");
         // IntegerField
-        yield userEvent.selectOptions(select, "integer");
+        await userEvent.selectOptions(select, "integer");
         const integerInput = canvasElement.querySelector('input[name="dynamicField"]');
-        yield userEvent.type(integerInput, "321");
+        await userEvent.type(integerInput, "321");
         expect(integerInput).toHaveValue(321);
         // NumberField
-        yield userEvent.selectOptions(select, "number");
+        await userEvent.selectOptions(select, "number");
         const numberInput = canvasElement.querySelector('input[name="dynamicField"]');
-        yield userEvent.clear(numberInput);
-        yield userEvent.type(numberInput, "123");
+        await userEvent.clear(numberInput);
+        await userEvent.type(numberInput, "123");
         expect(numberInput).toHaveValue(123);
         // BooleanField
-        yield userEvent.selectOptions(select, "boolean");
+        await userEvent.selectOptions(select, "boolean");
         const checkBox = canvasElement.querySelector('input[name="dynamicField"]');
-        yield userEvent.click(checkBox);
+        await userEvent.click(checkBox);
         expect(checkBox).toBeChecked();
         // ObjectField
         //  TODO Find out how to handle modal
         // ArrayField
-        yield userEvent.selectOptions(select, "array");
+        await userEvent.selectOptions(select, "array");
         const addButton = canvas.getByText("+");
-        yield userEvent.click(addButton);
-        yield userEvent.click(addButton);
+        await userEvent.click(addButton);
+        await userEvent.click(addButton);
         const downArrow = canvas.queryAllByText("↓");
         const inputFirst = canvasElement.querySelector('input[name="dynamicField[0]"]');
         const inputSecond = canvasElement.querySelector('input[name="dynamicField[1]"]');
-        yield userEvent.type(inputFirst, "first");
-        yield userEvent.type(inputSecond, "second");
-        yield userEvent.click(downArrow[0]);
+        await userEvent.type(inputFirst, "first");
+        await userEvent.type(inputSecond, "second");
+        await userEvent.click(downArrow[0]);
         expect(inputFirst).toHaveValue("second");
         expect(inputSecond).toHaveValue("first");
-    }),
+    },
 };

package/dist/fields/stories/ArrayField.stories.js

@@ -1,12 +1,3 @@
-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 { within, userEvent, expect } from "@storybook/test";
 import { Formik, Form } from "formik";
@@ -29,13 +20,13 @@ export const BasicArray = {
         },
         uiSchema: {},
     },
-    play: (_a) => __awaiter(void 0, [_a], void 0, function* ({ canvasElement }) {
+    play: async ({ canvasElement }) => {
         const canvas = within(canvasElement);
         // Add three items
         const addButton = canvas.getByText("+");
-        yield userEvent.click(addButton);
-        yield userEvent.click(addButton);
-        yield userEvent.click(addButton);
+        await userEvent.click(addButton);
+        await userEvent.click(addButton);
+        await userEvent.click(addButton);
         const allDownArrows = canvas.queryAllByText("↓");
         const allUpArrows = canvas.queryAllByText("↑");
         const firstCheckbox = canvasElement.querySelector('input[name="itemsList[0]"]');
@@ -44,30 +35,30 @@ export const BasicArray = {
         const allLabelsAfterAdd = canvasElement.querySelectorAll('[name^="itemsList["]');
         expect(allLabelsAfterAdd.length).toEqual(3);
         // Check that moving items work
-        yield userEvent.click(firstCheckbox);
+        await userEvent.click(firstCheckbox);
         expect(firstCheckbox).toBeChecked();
         expect(secondCheckbox).not.toBeChecked();
         expect(thirdCheckbox).not.toBeChecked();
-        yield userEvent.click(allDownArrows[0]);
+        await userEvent.click(allDownArrows[0]);
         expect(firstCheckbox).not.toBeChecked();
         expect(secondCheckbox).toBeChecked();
         expect(thirdCheckbox).not.toBeChecked();
-        yield userEvent.click(allDownArrows[1]);
+        await userEvent.click(allDownArrows[1]);
         expect(firstCheckbox).not.toBeChecked();
         expect(secondCheckbox).not.toBeChecked();
         expect(thirdCheckbox).toBeChecked();
-        yield userEvent.click(allUpArrows[1]);
+        await userEvent.click(allUpArrows[1]);
         expect(firstCheckbox).not.toBeChecked();
         expect(secondCheckbox).toBeChecked();
         expect(thirdCheckbox).not.toBeChecked();
         // Remove items
         const removeButton = canvas.queryAllByText("-");
-        yield userEvent.click(removeButton[2]);
-        yield userEvent.click(removeButton[1]);
-        yield userEvent.click(removeButton[0]);
+        await userEvent.click(removeButton[2]);
+        await userEvent.click(removeButton[1]);
+        await userEvent.click(removeButton[0]);
         const allLabelsAfterRemove = canvasElement.querySelectorAll('[name^="itemsList["]');
         expect(allLabelsAfterRemove.length).toEqual(0);
-    }),
+    },
 };
 export const EnumArray = {
     args: {
@@ -83,13 +74,13 @@ export const EnumArray = {
         },
         uiSchema: {},
     },
-    play: (_a) => __awaiter(void 0, [_a], void 0, function* ({ canvasElement }) {
+    play: async ({ canvasElement }) => {
         const canvas = within(canvasElement);
         // Add three items
         const addButton = canvas.getByText("+");
-        yield userEvent.click(addButton);
-        yield userEvent.click(addButton);
-        yield userEvent.click(addButton);
+        await userEvent.click(addButton);
+        await userEvent.click(addButton);
+        await userEvent.click(addButton);
         const allDownArrows = canvas.queryAllByText("↓");
         const allUpArrows = canvas.queryAllByText("↑");
         const firstSelect = canvasElement.querySelector('select[name="itemsList[0]"]');
@@ -97,33 +88,33 @@ export const EnumArray = {
         const thirdSelect = canvasElement.querySelector('select[name="itemsList[2]"]');
         const allLabelsAfterAdd = canvasElement.querySelectorAll('[name^="itemsList["]');
         expect(allLabelsAfterAdd.length).toEqual(3);
-        yield userEvent.selectOptions(firstSelect, "1");
-        yield userEvent.selectOptions(secondSelect, "2");
-        yield userEvent.selectOptions(thirdSelect, "3");
+        await userEvent.selectOptions(firstSelect, "1");
+        await userEvent.selectOptions(secondSelect, "2");
+        await userEvent.selectOptions(thirdSelect, "3");
         // Check that moving items work
-        yield expect(firstSelect).toHaveValue("1");
-        yield expect(secondSelect).toHaveValue("2");
-        yield expect(thirdSelect).toHaveValue("3");
-        yield userEvent.click(allDownArrows[0]);
-        yield expect(firstSelect).toHaveValue("2");
-        yield expect(secondSelect).toHaveValue("1");
-        yield expect(thirdSelect).toHaveValue("3");
-        yield userEvent.click(allDownArrows[1]);
-        yield expect(firstSelect).toHaveValue("2");
-        yield expect(secondSelect).toHaveValue("3");
-        yield expect(thirdSelect).toHaveValue("1");
-        yield userEvent.click(allUpArrows[1]);
-        yield expect(firstSelect).toHaveValue("2");
-        yield expect(secondSelect).toHaveValue("1");
-        yield expect(thirdSelect).toHaveValue("3");
+        await expect(firstSelect).toHaveValue("1");
+        await expect(secondSelect).toHaveValue("2");
+        await expect(thirdSelect).toHaveValue("3");
+        await userEvent.click(allDownArrows[0]);
+        await expect(firstSelect).toHaveValue("2");
+        await expect(secondSelect).toHaveValue("1");
+        await expect(thirdSelect).toHaveValue("3");
+        await userEvent.click(allDownArrows[1]);
+        await expect(firstSelect).toHaveValue("2");
+        await expect(secondSelect).toHaveValue("3");
+        await expect(thirdSelect).toHaveValue("1");
+        await userEvent.click(allUpArrows[1]);
+        await expect(firstSelect).toHaveValue("2");
+        await expect(secondSelect).toHaveValue("1");
+        await expect(thirdSelect).toHaveValue("3");
         // Remove items
         const removeButton = canvas.queryAllByText("-");
-        yield userEvent.click(removeButton[2]);
-        yield userEvent.click(removeButton[1]);
-        yield userEvent.click(removeButton[0]);
+        await userEvent.click(removeButton[2]);
+        await userEvent.click(removeButton[1]);
+        await userEvent.click(removeButton[0]);
         const allLabelsAfterRemove = canvasElement.querySelectorAll('[name^="itemsList["]');
         expect(allLabelsAfterRemove.length).toEqual(0);
-    }),
+    },
 };
 export const ObjectArray = {
     args: {
@@ -152,12 +143,12 @@ export const ObjectArray = {
         },
         uiSchema: {},
     },
-    play: (_a) => __awaiter(void 0, [_a], void 0, function* ({ canvasElement }) {
+    play: async ({ canvasElement }) => {
         const canvas = within(canvasElement);
         // Add two items
         const addButton = canvas.getByText("+");
-        yield userEvent.click(addButton);
-        yield userEvent.click(addButton);
+        await userEvent.click(addButton);
+        await userEvent.click(addButton);
         const allDownArrows = canvas.queryAllByText("↓");
         const allUpArrows = canvas.queryAllByText("↑");
         const firstStringInput = canvasElement.querySelector('input[name="itemsList[0].string"]');
@@ -166,28 +157,28 @@ export const ObjectArray = {
         const secondNumberInput = canvasElement.querySelector('input[name="itemsList[1].number"]');
         const allLabelsAfterAdd = canvasElement.querySelectorAll('[name^="itemsList["]');
         expect(allLabelsAfterAdd.length).toEqual(4);
-        yield userEvent.type(firstStringInput, "first");
-        yield userEvent.type(firstNumberInput, "1");
-        yield userEvent.type(secondStringInput, "second");
-        yield userEvent.type(secondNumberInput, "2");
+        await userEvent.type(firstStringInput, "first");
+        await userEvent.type(firstNumberInput, "1");
+        await userEvent.type(secondStringInput, "second");
+        await userEvent.type(secondNumberInput, "2");
         // Check that moving items work
-        yield userEvent.click(allDownArrows[0]);
-        yield expect(firstStringInput).toHaveValue("second");
-        yield expect(firstNumberInput).toHaveValue(2);
-        yield expect(secondStringInput).toHaveValue("first");
-        yield expect(secondNumberInput).toHaveValue(1);
-        yield userEvent.click(allUpArrows[0]);
-        yield expect(firstStringInput).toHaveValue("first");
-        yield expect(firstNumberInput).toHaveValue(1);
-        yield expect(secondStringInput).toHaveValue("second");
-        yield expect(secondNumberInput).toHaveValue(2);
+        await userEvent.click(allDownArrows[0]);
+        await expect(firstStringInput).toHaveValue("second");
+        await expect(firstNumberInput).toHaveValue(2);
+        await expect(secondStringInput).toHaveValue("first");
+        await expect(secondNumberInput).toHaveValue(1);
+        await userEvent.click(allUpArrows[0]);
+        await expect(firstStringInput).toHaveValue("first");
+        await expect(firstNumberInput).toHaveValue(1);
+        await expect(secondStringInput).toHaveValue("second");
+        await expect(secondNumberInput).toHaveValue(2);
         // Remove items
         const removeButton = canvas.queryAllByText("-");
-        yield userEvent.click(removeButton[1]);
-        yield userEvent.click(removeButton[0]);
+        await userEvent.click(removeButton[1]);
+        await userEvent.click(removeButton[0]);
         const allLabelsAfterRemove = canvasElement.querySelectorAll('[name^="itemsList["]');
         expect(allLabelsAfterRemove.length).toEqual(0);
-    }),
+    },
 };
 export const AnyOfArray = {
     args: {
@@ -205,7 +196,7 @@ export const AnyOfArray = {
         },
         uiSchema: {},
     },
-    play: (_a) => __awaiter(void 0, [_a], void 0, function* ({ canvasElement }) {
+    play: async ({ canvasElement }) => {
         const anyOfSelectField = canvasElement.querySelector('select[name="anyOf Select"]');
         const optionOne = canvasElement.querySelector('option[value="1"]');
         const optionTwo = canvasElement.querySelector('option[value="2"]');
@@ -216,9 +207,9 @@ export const AnyOfArray = {
         expect(optionTwo).toBeInTheDocument();
         expect(optionThree).toBeInTheDocument();
         expect(optionFour).toBeInTheDocument();
-        yield userEvent.selectOptions(anyOfSelectField, optionOne);
-        yield userEvent.selectOptions(anyOfSelectField, optionThree);
-        yield userEvent.click(optionThree);
-        yield expect(anyOfSelectField).toHaveValue(["1", "3"]);
-    }),
+        await userEvent.selectOptions(anyOfSelectField, optionOne);
+        await userEvent.selectOptions(anyOfSelectField, optionThree);
+        await userEvent.click(optionThree);
+        await expect(anyOfSelectField).toHaveValue(["1", "3"]);
+    },
 };

package/dist/fields/stories/BooleanField.stories.js

@@ -1,12 +1,3 @@
-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";
@@ -26,11 +17,11 @@ export const Default = {
             "ui:label": "I accept the terms and conditions",
         },
     },
-    play: (_a) => __awaiter(void 0, [_a], void 0, function* ({ canvasElement }) {
+    play: async ({ canvasElement }) => {
         const checkbox = canvasElement.querySelector('input[type="checkbox"][name="acceptTerms"]');
-        yield userEvent.click(checkbox);
-        yield expect(checkbox).toBeChecked();
-        yield userEvent.click(checkbox);
-        yield expect(checkbox).not.toBeChecked();
-    }),
+        await userEvent.click(checkbox);
+        await expect(checkbox).toBeChecked();
+        await userEvent.click(checkbox);
+        await expect(checkbox).not.toBeChecked();
+    },
 };

package/dist/fields/stories/DateField.stories.js

@@ -1,12 +1,3 @@
-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";
@@ -24,11 +15,11 @@ export const Default = {
         schema: { type: "string", format: "date" },
         uiSchema: {},
     },
-    play: (_a) => __awaiter(void 0, [_a], void 0, function* ({ canvasElement }) {
+    play: async ({ canvasElement }) => {
         const dateInput = canvasElement.querySelector('input[name="birthDate"]');
         expect(dateInput).toBeInTheDocument();
         const dateToInput = "2023-02-01";
-        yield userEvent.type(dateInput, dateToInput);
-        yield expect(dateInput).toHaveValue(dateToInput);
-    }),
+        await userEvent.type(dateInput, dateToInput);
+        await expect(dateInput).toHaveValue(dateToInput);
+    },
 };

package/dist/fields/stories/FileUploadField.stories.js

@@ -1,23 +1,14 @@
-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 { Formik, Form } from "formik";
 import { FileUploadField } from "../FileUploadField";
 import { FileUploadContext } from "../../FileUploadContext";
 let isFileUploaded = false;
 let mockFileName = "";
-export const mockUploadFile = (_a) => __awaiter(void 0, [_a], void 0, function* ({ data, onUploadProgress, }) {
+export const mockUploadFile = async ({ data, onUploadProgress, }) => {
     const file = data.get("file");
-    mockFileName = (file === null || file === void 0 ? void 0 : file.name) || "unknown";
+    mockFileName = file?.name || "unknown";
     console.log("Mock uploadFile called with FormData:", data);
-    const mockFileId = (file === null || file === void 0 ? void 0 : file.name) || "mockFileId";
+    const mockFileId = file?.name || "mockFileId";
     setTimeout(() => {
         isFileUploaded = true;
     }, 1000);
@@ -31,20 +22,20 @@ export const mockUploadFile = (_a) => __awaiter(void 0, [_a], void 0, function*
             clearInterval(interval);
     }, 100);
     return mockFileId;
-});
-export const mockFetchFile = (fileId) => __awaiter(void 0, void 0, void 0, function* () {
+};
+export const mockFetchFile = async (fileId) => {
     console.log("Mock fetchFile called with fileId:", fileId);
     if (!isFileUploaded) {
         return new Promise((resolve) => setTimeout(() => resolve({ name: mockFileName }), 0));
     }
     return new Promise((resolve) => setTimeout(() => resolve({ name: mockFileName }), 500));
-});
-export const mockRemoveFile = (fileName) => __awaiter(void 0, void 0, void 0, function* () {
+};
+export const mockRemoveFile = async (fileName) => {
     console.log("Mock removeFile called with fileName:", fileName);
     isFileUploaded = false;
     mockFileName = "";
     return { success: true };
-});
+};
 export default {
     title: "Fields/FileUploadField",
     component: FileUploadField,
@@ -62,5 +53,5 @@ export const Default = {
         schema: { type: "object" },
         uiSchema: {},
     },
-    play: (_a) => __awaiter(void 0, [_a], void 0, function* ({ canvasElement }) { }),
+    play: async ({ canvasElement }) => { },
 };

package/dist/fields/stories/MultipleChoiceField.stories.js

@@ -1,12 +1,3 @@
-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";
@@ -34,22 +25,22 @@ export const OneOf = {
             "ui:field": "MultipleChoiceField",
         },
     },
-    play: (_a) => __awaiter(void 0, [_a], void 0, function* ({ canvasElement }) {
+    play: async ({ canvasElement }) => {
         const optionSunny = canvasElement.querySelector('input[type="radio"][name="choicesOneOf"][value="sunny"]');
         const optionCloudy = canvasElement.querySelector('input[type="radio"][name="choicesOneOf"][value="cloudy"]');
         const optionRainy = canvasElement.querySelector('input[type="radio"][name="choicesOneOf"][value="rainy"]');
         const optionWindy = canvasElement.querySelector('input[type="radio"][name="choicesOneOf"][value="windy"]');
-        yield userEvent.click(optionSunny);
-        yield expect(optionSunny).toBeChecked();
-        yield expect(optionCloudy).not.toBeChecked();
-        yield expect(optionRainy).not.toBeChecked();
-        yield expect(optionWindy).not.toBeChecked();
-        yield userEvent.click(optionCloudy);
-        yield expect(optionCloudy).toBeChecked();
-        yield expect(optionSunny).not.toBeChecked();
-        yield expect(optionRainy).not.toBeChecked();
-        yield expect(optionWindy).not.toBeChecked();
-    }),
+        await userEvent.click(optionSunny);
+        await expect(optionSunny).toBeChecked();
+        await expect(optionCloudy).not.toBeChecked();
+        await expect(optionRainy).not.toBeChecked();
+        await expect(optionWindy).not.toBeChecked();
+        await userEvent.click(optionCloudy);
+        await expect(optionCloudy).toBeChecked();
+        await expect(optionSunny).not.toBeChecked();
+        await expect(optionRainy).not.toBeChecked();
+        await expect(optionWindy).not.toBeChecked();
+    },
 };
 export const AnyOf = {
     args: {
@@ -67,20 +58,20 @@ export const AnyOf = {
             "ui:field": "MultipleChoiceField",
         },
     },
-    play: (_a) => __awaiter(void 0, [_a], void 0, function* ({ canvasElement }) {
+    play: async ({ canvasElement }) => {
         const optionLily = canvasElement.querySelector('input[type="checkbox"][name="choicesAnyOf"][value="lily"]');
         const optionRose = canvasElement.querySelector('input[type="checkbox"][name="choicesAnyOf"][value="rose"]');
         const optionIris = canvasElement.querySelector('input[type="checkbox"][name="choicesAnyOf"][value="iris"]');
         const optionDaisy = canvasElement.querySelector('input[type="checkbox"][name="choicesAnyOf"][value="daisy"]');
-        yield userEvent.click(optionIris);
-        yield expect(optionIris).toBeChecked();
-        yield expect(optionRose).not.toBeChecked();
-        yield expect(optionLily).not.toBeChecked();
-        yield expect(optionDaisy).not.toBeChecked();
-        yield userEvent.click(optionRose);
-        yield expect(optionIris).toBeChecked();
-        yield expect(optionRose).toBeChecked();
-        yield expect(optionLily).not.toBeChecked();
-        yield expect(optionDaisy).not.toBeChecked();
-    }),
+        await userEvent.click(optionIris);
+        await expect(optionIris).toBeChecked();
+        await expect(optionRose).not.toBeChecked();
+        await expect(optionLily).not.toBeChecked();
+        await expect(optionDaisy).not.toBeChecked();
+        await userEvent.click(optionRose);
+        await expect(optionIris).toBeChecked();
+        await expect(optionRose).toBeChecked();
+        await expect(optionLily).not.toBeChecked();
+        await expect(optionDaisy).not.toBeChecked();
+    },
 };

package/dist/fields/stories/NullField.stories.js

@@ -1,12 +1,3 @@
-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, jsxs as _jsxs } from "react/jsx-runtime";
 import { within, expect } from "@storybook/test";
 import { Formik, Form } from "formik";
@@ -25,14 +16,14 @@ export const Default = {
         schema: { type: "null", title: "Null Field" },
         uiSchema: {},
     },
-    play: (_a) => __awaiter(void 0, [_a], void 0, function* ({ canvasElement }) {
+    play: async ({ canvasElement }) => {
         const canvas = within(canvasElement);
         const title = canvasElement.querySelector('label[for="nullField"]');
         const submitButton = canvasElement.querySelector('button[type="submit"]');
-        const additionalInfo = yield canvas.findByText("Additional info");
+        const additionalInfo = await canvas.findByText("Additional info");
         expect(title).toBeInTheDocument();
         expect(title.textContent).toBeTruthy();
         expect(additionalInfo).toBeInTheDocument();
         expect(submitButton).toBeInTheDocument();
-    }),
+    },
 };

package/dist/fields/stories/NumberField.stories.js

@@ -1,12 +1,3 @@
-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";
@@ -24,10 +15,10 @@ export const Default = {
         schema: { type: "number" },
         uiSchema: {},
     },
-    play: (_a) => __awaiter(void 0, [_a], void 0, function* ({ canvasElement }) {
+    play: async ({ canvasElement }) => {
         const numberInput = canvasElement.querySelector('input[name="numberInput"]');
-        yield userEvent.type(numberInput, "asd123");
-        yield expect(numberInput).toHaveValue(123);
+        await userEvent.type(numberInput, "asd123");
+        await expect(numberInput).toHaveValue(123);
         // Add tests, such as validation adn incrementing/decrementing the value
-    }),
+    },
 };