@trackunit/react-form-wizard 0.1.182 → 0.1.185

package/index.cjs.js

@@ -1,7 +1,5 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var jsxRuntime = require('react/jsx-runtime');
 var i18nLibraryTranslation = require('@trackunit/i18n-library-translation');
 var reactRouter = require('@tanstack/react-router');
@@ -156,37 +154,7 @@ const getStateIcon = (state) => {
  */
 const FormWizardSidebarStep = ({ stepNumber, state, basePath, title, subTitle, path, dataTestId, onNavigate, isSubStep, }) => {
     const stateIcon = getStateIcon(state);
-    return (jsxRuntime.jsx(reactRouter.Link, { className: cvaFormWizardSidebarStep({ state, isSubStep }), "data-testid": dataTestId !== null && dataTestId !== void 0 ? dataTestId : `form-wizard-sidebar-step-${path}`, onClick: () => onNavigate(), params: prev => (Object.assign(Object.assign({}, prev), { stepPath: path })), search: prev => (Object.assign({}, prev)), to: basePath, children: jsxRuntime.jsxs("div", { className: cvaSectionHeaderContainer(), children: [jsxRuntime.jsx("div", { children: stateIcon !== null && stateIcon !== void 0 ? stateIcon : jsxRuntime.jsx("span", { className: cvaStepNumber({ state, isSubStep }), children: stepNumber }) }), jsxRuntime.jsxs("div", { className: cvaTitleAndDescription(), children: [jsxRuntime.jsx("h1", { className: cvaHeader(), children: title }), subTitle ? jsxRuntime.jsx("p", { className: cvaSubtitle(), children: subTitle }) : null] })] }) }));
-};
-
-/******************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-
-function __awaiter(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());
-    });
-}
-
-typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
-    var e = new Error(message);
-    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+    return (jsxRuntime.jsx(reactRouter.Link, { className: cvaFormWizardSidebarStep({ state, isSubStep }), "data-testid": dataTestId !== null && dataTestId !== void 0 ? dataTestId : `form-wizard-sidebar-step-${path}`, onClick: () => onNavigate(), params: prev => ({ ...prev, stepPath: path }), search: prev => ({ ...prev }), to: basePath, children: jsxRuntime.jsxs("div", { className: cvaSectionHeaderContainer(), children: [jsxRuntime.jsx("div", { children: stateIcon !== null && stateIcon !== void 0 ? stateIcon : jsxRuntime.jsx("span", { className: cvaStepNumber({ state, isSubStep }), children: stepNumber }) }), jsxRuntime.jsxs("div", { className: cvaTitleAndDescription(), children: [jsxRuntime.jsx("h1", { className: cvaHeader(), children: title }), subTitle ? jsxRuntime.jsx("p", { className: cvaSubtitle(), children: subTitle }) : null] })] }) }));
 };
 
 const cvaFooterContainer = cssClassVarianceUtilities.cvaMerge([
@@ -253,24 +221,24 @@ const FormWizardStepWrapper = ({ stepKey, onCancel, description, title, componen
         control: form.control,
     });
     react.useEffect(() => {
-        setFullFormState(prev => (Object.assign(Object.assign({}, prev), { [stepKey]: watchedValue })));
+        setFullFormState(prev => ({ ...prev, [stepKey]: watchedValue }));
     }, [setFullFormState, stepKey, watchedValue]);
     react.useEffect(() => {
-        setStepForms(prev => (Object.assign(Object.assign({}, prev), { [stepKey]: form })));
+        setStepForms(prev => ({ ...prev, [stepKey]: form }));
     }, [form, setStepForms, stepKey]);
     react.useEffect(() => {
-        setStepStates(prev => (Object.assign(Object.assign({}, prev), { [stepKey]: form.formState.isValid ? "valid" : "invalid" })));
+        setStepStates(prev => ({ ...prev, [stepKey]: form.formState.isValid ? "valid" : "invalid" }));
     }, [form.formState.isValid, setStepStates, stepKey]);
     const isLastStep = nextStepPath === null;
     const handleCancel = react.useCallback(() => {
         return onCancel ? onCancel() : navigate({ to: "../../" });
     }, [onCancel, navigate]);
     const setSubmitHandler = react.useCallback(callback => {
-        const wrappedCallbackFunction = (fullFormStateInner) => __awaiter(void 0, void 0, void 0, function* () {
+        const wrappedCallbackFunction = async (fullFormStateInner) => {
             setIsSubmitting(true);
-            yield callback(fullFormStateInner);
+            await callback(fullFormStateInner);
             setIsSubmitting(false);
-        });
+        };
         setSubmitHandlerInternal(() => wrappedCallbackFunction);
     }, [setSubmitHandlerInternal]);
     const isEmptyStep = sharedUtils.objectKeys(form.getValues()).length === 0;
@@ -283,18 +251,18 @@ const FormWizardStepWrapper = ({ stepKey, onCancel, description, title, componen
             navigate({ to: basePath, params: { stepPath: nextStepPath } });
         }
     }, [basePath, fullFormState, isLastStep, navigate, nextStepPath, submitHandlerInternal]);
-    const stepSubmitHandler = react.useMemo(() => form.handleSubmit((data) => __awaiter(void 0, void 0, void 0, function* () {
+    const stepSubmitHandler = react.useMemo(() => form.handleSubmit(async (data) => {
         //? This state is not updated for the submit handler below; therefore, there is duplication.
-        setFullFormState(prev => (Object.assign(Object.assign({}, prev), { [stepKey]: data })));
+        setFullFormState(prev => ({ ...prev, [stepKey]: data }));
         if (isLastStep) {
             //? This state is not updated for the submit handler below; therefore, there is duplication.
-            yield (submitHandlerInternal === null || submitHandlerInternal === void 0 ? void 0 : submitHandlerInternal(Object.assign(Object.assign({}, fullFormState), { [stepKey]: data })));
+            await (submitHandlerInternal === null || submitHandlerInternal === void 0 ? void 0 : submitHandlerInternal({ ...fullFormState, [stepKey]: data }));
         }
         else if (nextStepPath) {
             // eslint-disable-next-line local-rules/no-typescript-assertion
             navigate({ to: basePath, params: { stepPath: nextStepPath } });
         }
-    })), [
+    }), [
         basePath,
         form,
         fullFormState,
@@ -324,11 +292,11 @@ const FormWizardStepWrapper = ({ stepKey, onCancel, description, title, componen
     return (jsxRuntime.jsxs("form", { className: cvaFormWizardComponentStepForm(), noValidate: true, onSubmit: e => {
             e.preventDefault();
             handleSubmit();
-        }, children: [jsxRuntime.jsx(FormWizardHeader, { title, description }), jsxRuntime.jsx("div", { className: cvaFormWizardComponentContainer({ className: containerClassName }), children: jsxRuntime.jsx(reactHookForm.FormProvider, Object.assign({}, form, { children: component({
+        }, children: [jsxRuntime.jsx(FormWizardHeader, { title, description }), jsxRuntime.jsx("div", { className: cvaFormWizardComponentContainer({ className: containerClassName }), children: jsxRuntime.jsx(reactHookForm.FormProvider, { ...form, children: component({
                         form,
                         fullForm,
                         setSubmitHandler: isLastStep ? setSubmitHandler : null,
-                    }) })) }), jsxRuntime.jsx(FormWizardFooter, { stepForms,
+                    }) }) }), jsxRuntime.jsx(FormWizardFooter, { stepForms,
                 onBack: previousStepPath
                     ? // eslint-disable-next-line local-rules/no-typescript-assertion
                         () => navigate({ to: basePath, params: { stepPath: previousStepPath } })
@@ -405,7 +373,10 @@ const FormWizard = ({ lastStepPrimaryActionLabel, isEdit, steps, fullFormSchema,
                             }
                             //If the step has a default value, it is considered valid, so we set it to valid in order to show the green checkmark
                             if (hasDefaultValue && stepStates[key] === undefined && isEdit) {
-                                setStepStates(prev => (Object.assign(Object.assign({}, prev), { [key]: "valid" })));
+                                setStepStates(prev => ({
+                                    ...prev,
+                                    [key]: "valid",
+                                }));
                             }
                             //If the step has a default value, we return done, so we can navigate to that step
                             if (hasDefaultValue && isEdit && stepStates[key] === "valid") {
@@ -429,21 +400,23 @@ const FormWizard = ({ lastStepPrimaryActionLabel, isEdit, steps, fullFormSchema,
                             }
                             return "ready";
                         };
-                        return (jsxRuntime.jsx(FormWizardSidebarStep, { key: String(key),
-                            state: stepState(),
+                        return (jsxRuntime.jsx(FormWizardSidebarStep, { state: stepState(),
                             stepNumber: isSubStep ? undefined : rootSteps.indexOf(key) + 1,
                             title,
                             onNavigate: () => {
                                 previousStepKey &&
                                     setFullFormState(prev => {
                                         var _a;
-                                        return (Object.assign(Object.assign({}, prev), { [previousStepKey]: (_a = stepForms[previousStepKey]) === null || _a === void 0 ? void 0 : _a.getValues() }));
+                                        return ({
+                                            ...prev,
+                                            [previousStepKey]: (_a = stepForms[previousStepKey]) === null || _a === void 0 ? void 0 : _a.getValues(),
+                                        });
                                     });
                             },
                             basePath,
                             path: String(key),
                             subTitle: sidebarDescription,
-                            isSubStep }));
+                            isSubStep }, String(key)));
                     }) }), jsxRuntime.jsx("div", { className: cvaStepContainer(), children: sharedUtils.objectEntries(steps)
                         .filter(([_, step]) => { var _a; return (hasShouldRenderProperty(step) ? (_a = step.shouldRender) === null || _a === void 0 ? void 0 : _a.call(step, fullFormState) : true); })
                         .map(([stepKey, props], index) => {
@@ -453,7 +426,8 @@ const FormWizard = ({ lastStepPrimaryActionLabel, isEdit, steps, fullFormSchema,
                             const step = stepEntry[1];
                             return hasShouldRenderProperty(step) ? (_a = step.shouldRender) === null || _a === void 0 ? void 0 : _a.call(step, fullFormState) : true;
                         });
-                        return currentVisibleStepKey === stepKey ? (jsxRuntime.jsx(FormWizardStepWrapper, Object.assign({}, props, { basePath,
+                        return currentVisibleStepKey === stepKey ? (jsxRuntime.jsx(FormWizardStepWrapper, { ...props,
+                            basePath,
                             stepKey: stepKey.toString(), // TODO: .toString() is a workaround
                             stepForms,
                             setStepForms,
@@ -464,7 +438,7 @@ const FormWizard = ({ lastStepPrimaryActionLabel, isEdit, steps, fullFormSchema,
                             fullFormSchema,
                             lastStepPrimaryActionLabel,
                             nextStepPath: (_b = (_a = entriesOfRenderableSteps[index + 1]) === null || _a === void 0 ? void 0 : _a[0].toString()) !== null && _b !== void 0 ? _b : null,
-                            previousStepPath: (_d = (_c = entriesOfRenderableSteps[index - 1]) === null || _c === void 0 ? void 0 : _c[0].toString()) !== null && _d !== void 0 ? _d : null }), stepKey.toString())) : null;
+                            previousStepPath: (_d = (_c = entriesOfRenderableSteps[index - 1]) === null || _c === void 0 ? void 0 : _c[0].toString()) !== null && _d !== void 0 ? _d : null }, stepKey.toString())) : null;
                     }) })] }) }));
 };
 
@@ -518,9 +492,11 @@ const FormWizard = ({ lastStepPrimaryActionLabel, isEdit, steps, fullFormSchema,
 });
  */
 const useFormWizard = (props) => {
-    return react.useMemo(() => (Object.assign(Object.assign({}, props), { 
+    return react.useMemo(() => ({
+        ...props,
         // eslint-disable-next-line local-rules/no-typescript-assertion
-        steps: sharedUtils.objectFromEntries(sharedUtils.objectEntries(props.steps).map(([key, step]) => [key, Object.assign(Object.assign({}, step), { formSchema: props.fullFormSchema.shape[key] })])) })), [props]);
+        steps: sharedUtils.objectFromEntries(sharedUtils.objectEntries(props.steps).map(([key, step]) => [key, { ...step, formSchema: props.fullFormSchema.shape[key] }])), // TODO: find a work around for string | number | symbol,
+    }), [props]);
 };
 
 /**
@@ -538,7 +514,7 @@ const TestHelperFormWizardStep = ({ stepKey, fullFormSchema, defaultValues, chil
         mode: "all",
         defaultValues: defaultValues,
     });
-    return jsxRuntime.jsx("div", { "data-testid": stepKey, children: children(Object.assign({ form, fullForm, setSubmitHandler: () => { } }, overrides)) });
+    return jsxRuntime.jsx("div", { "data-testid": stepKey, children: children({ form, fullForm, setSubmitHandler: () => { }, ...overrides }) });
 };
 
 /*

package/index.esm.js

@@ -152,37 +152,7 @@ const getStateIcon = (state) => {
  */
 const FormWizardSidebarStep = ({ stepNumber, state, basePath, title, subTitle, path, dataTestId, onNavigate, isSubStep, }) => {
     const stateIcon = getStateIcon(state);
-    return (jsx(Link, { className: cvaFormWizardSidebarStep({ state, isSubStep }), "data-testid": dataTestId !== null && dataTestId !== void 0 ? dataTestId : `form-wizard-sidebar-step-${path}`, onClick: () => onNavigate(), params: prev => (Object.assign(Object.assign({}, prev), { stepPath: path })), search: prev => (Object.assign({}, prev)), to: basePath, children: jsxs("div", { className: cvaSectionHeaderContainer(), children: [jsx("div", { children: stateIcon !== null && stateIcon !== void 0 ? stateIcon : jsx("span", { className: cvaStepNumber({ state, isSubStep }), children: stepNumber }) }), jsxs("div", { className: cvaTitleAndDescription(), children: [jsx("h1", { className: cvaHeader(), children: title }), subTitle ? jsx("p", { className: cvaSubtitle(), children: subTitle }) : null] })] }) }));
-};
-
-/******************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-
-function __awaiter(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());
-    });
-}
-
-typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
-    var e = new Error(message);
-    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+    return (jsx(Link, { className: cvaFormWizardSidebarStep({ state, isSubStep }), "data-testid": dataTestId !== null && dataTestId !== void 0 ? dataTestId : `form-wizard-sidebar-step-${path}`, onClick: () => onNavigate(), params: prev => ({ ...prev, stepPath: path }), search: prev => ({ ...prev }), to: basePath, children: jsxs("div", { className: cvaSectionHeaderContainer(), children: [jsx("div", { children: stateIcon !== null && stateIcon !== void 0 ? stateIcon : jsx("span", { className: cvaStepNumber({ state, isSubStep }), children: stepNumber }) }), jsxs("div", { className: cvaTitleAndDescription(), children: [jsx("h1", { className: cvaHeader(), children: title }), subTitle ? jsx("p", { className: cvaSubtitle(), children: subTitle }) : null] })] }) }));
 };
 
 const cvaFooterContainer = cvaMerge([
@@ -249,24 +219,24 @@ const FormWizardStepWrapper = ({ stepKey, onCancel, description, title, componen
         control: form.control,
     });
     useEffect(() => {
-        setFullFormState(prev => (Object.assign(Object.assign({}, prev), { [stepKey]: watchedValue })));
+        setFullFormState(prev => ({ ...prev, [stepKey]: watchedValue }));
     }, [setFullFormState, stepKey, watchedValue]);
     useEffect(() => {
-        setStepForms(prev => (Object.assign(Object.assign({}, prev), { [stepKey]: form })));
+        setStepForms(prev => ({ ...prev, [stepKey]: form }));
     }, [form, setStepForms, stepKey]);
     useEffect(() => {
-        setStepStates(prev => (Object.assign(Object.assign({}, prev), { [stepKey]: form.formState.isValid ? "valid" : "invalid" })));
+        setStepStates(prev => ({ ...prev, [stepKey]: form.formState.isValid ? "valid" : "invalid" }));
     }, [form.formState.isValid, setStepStates, stepKey]);
     const isLastStep = nextStepPath === null;
     const handleCancel = useCallback(() => {
         return onCancel ? onCancel() : navigate({ to: "../../" });
     }, [onCancel, navigate]);
     const setSubmitHandler = useCallback(callback => {
-        const wrappedCallbackFunction = (fullFormStateInner) => __awaiter(void 0, void 0, void 0, function* () {
+        const wrappedCallbackFunction = async (fullFormStateInner) => {
             setIsSubmitting(true);
-            yield callback(fullFormStateInner);
+            await callback(fullFormStateInner);
             setIsSubmitting(false);
-        });
+        };
         setSubmitHandlerInternal(() => wrappedCallbackFunction);
     }, [setSubmitHandlerInternal]);
     const isEmptyStep = objectKeys(form.getValues()).length === 0;
@@ -279,18 +249,18 @@ const FormWizardStepWrapper = ({ stepKey, onCancel, description, title, componen
             navigate({ to: basePath, params: { stepPath: nextStepPath } });
         }
     }, [basePath, fullFormState, isLastStep, navigate, nextStepPath, submitHandlerInternal]);
-    const stepSubmitHandler = useMemo(() => form.handleSubmit((data) => __awaiter(void 0, void 0, void 0, function* () {
+    const stepSubmitHandler = useMemo(() => form.handleSubmit(async (data) => {
         //? This state is not updated for the submit handler below; therefore, there is duplication.
-        setFullFormState(prev => (Object.assign(Object.assign({}, prev), { [stepKey]: data })));
+        setFullFormState(prev => ({ ...prev, [stepKey]: data }));
         if (isLastStep) {
             //? This state is not updated for the submit handler below; therefore, there is duplication.
-            yield (submitHandlerInternal === null || submitHandlerInternal === void 0 ? void 0 : submitHandlerInternal(Object.assign(Object.assign({}, fullFormState), { [stepKey]: data })));
+            await (submitHandlerInternal === null || submitHandlerInternal === void 0 ? void 0 : submitHandlerInternal({ ...fullFormState, [stepKey]: data }));
         }
         else if (nextStepPath) {
             // eslint-disable-next-line local-rules/no-typescript-assertion
             navigate({ to: basePath, params: { stepPath: nextStepPath } });
         }
-    })), [
+    }), [
         basePath,
         form,
         fullFormState,
@@ -320,11 +290,11 @@ const FormWizardStepWrapper = ({ stepKey, onCancel, description, title, componen
     return (jsxs("form", { className: cvaFormWizardComponentStepForm(), noValidate: true, onSubmit: e => {
             e.preventDefault();
             handleSubmit();
-        }, children: [jsx(FormWizardHeader, { title, description }), jsx("div", { className: cvaFormWizardComponentContainer({ className: containerClassName }), children: jsx(FormProvider, Object.assign({}, form, { children: component({
+        }, children: [jsx(FormWizardHeader, { title, description }), jsx("div", { className: cvaFormWizardComponentContainer({ className: containerClassName }), children: jsx(FormProvider, { ...form, children: component({
                         form,
                         fullForm,
                         setSubmitHandler: isLastStep ? setSubmitHandler : null,
-                    }) })) }), jsx(FormWizardFooter, { stepForms,
+                    }) }) }), jsx(FormWizardFooter, { stepForms,
                 onBack: previousStepPath
                     ? // eslint-disable-next-line local-rules/no-typescript-assertion
                         () => navigate({ to: basePath, params: { stepPath: previousStepPath } })
@@ -401,7 +371,10 @@ const FormWizard = ({ lastStepPrimaryActionLabel, isEdit, steps, fullFormSchema,
                             }
                             //If the step has a default value, it is considered valid, so we set it to valid in order to show the green checkmark
                             if (hasDefaultValue && stepStates[key] === undefined && isEdit) {
-                                setStepStates(prev => (Object.assign(Object.assign({}, prev), { [key]: "valid" })));
+                                setStepStates(prev => ({
+                                    ...prev,
+                                    [key]: "valid",
+                                }));
                             }
                             //If the step has a default value, we return done, so we can navigate to that step
                             if (hasDefaultValue && isEdit && stepStates[key] === "valid") {
@@ -425,21 +398,23 @@ const FormWizard = ({ lastStepPrimaryActionLabel, isEdit, steps, fullFormSchema,
                             }
                             return "ready";
                         };
-                        return (jsx(FormWizardSidebarStep, { key: String(key),
-                            state: stepState(),
+                        return (jsx(FormWizardSidebarStep, { state: stepState(),
                             stepNumber: isSubStep ? undefined : rootSteps.indexOf(key) + 1,
                             title,
                             onNavigate: () => {
                                 previousStepKey &&
                                     setFullFormState(prev => {
                                         var _a;
-                                        return (Object.assign(Object.assign({}, prev), { [previousStepKey]: (_a = stepForms[previousStepKey]) === null || _a === void 0 ? void 0 : _a.getValues() }));
+                                        return ({
+                                            ...prev,
+                                            [previousStepKey]: (_a = stepForms[previousStepKey]) === null || _a === void 0 ? void 0 : _a.getValues(),
+                                        });
                                     });
                             },
                             basePath,
                             path: String(key),
                             subTitle: sidebarDescription,
-                            isSubStep }));
+                            isSubStep }, String(key)));
                     }) }), jsx("div", { className: cvaStepContainer(), children: objectEntries(steps)
                         .filter(([_, step]) => { var _a; return (hasShouldRenderProperty(step) ? (_a = step.shouldRender) === null || _a === void 0 ? void 0 : _a.call(step, fullFormState) : true); })
                         .map(([stepKey, props], index) => {
@@ -449,7 +424,8 @@ const FormWizard = ({ lastStepPrimaryActionLabel, isEdit, steps, fullFormSchema,
                             const step = stepEntry[1];
                             return hasShouldRenderProperty(step) ? (_a = step.shouldRender) === null || _a === void 0 ? void 0 : _a.call(step, fullFormState) : true;
                         });
-                        return currentVisibleStepKey === stepKey ? (jsx(FormWizardStepWrapper, Object.assign({}, props, { basePath,
+                        return currentVisibleStepKey === stepKey ? (jsx(FormWizardStepWrapper, { ...props,
+                            basePath,
                             stepKey: stepKey.toString(), // TODO: .toString() is a workaround
                             stepForms,
                             setStepForms,
@@ -460,7 +436,7 @@ const FormWizard = ({ lastStepPrimaryActionLabel, isEdit, steps, fullFormSchema,
                             fullFormSchema,
                             lastStepPrimaryActionLabel,
                             nextStepPath: (_b = (_a = entriesOfRenderableSteps[index + 1]) === null || _a === void 0 ? void 0 : _a[0].toString()) !== null && _b !== void 0 ? _b : null,
-                            previousStepPath: (_d = (_c = entriesOfRenderableSteps[index - 1]) === null || _c === void 0 ? void 0 : _c[0].toString()) !== null && _d !== void 0 ? _d : null }), stepKey.toString())) : null;
+                            previousStepPath: (_d = (_c = entriesOfRenderableSteps[index - 1]) === null || _c === void 0 ? void 0 : _c[0].toString()) !== null && _d !== void 0 ? _d : null }, stepKey.toString())) : null;
                     }) })] }) }));
 };
 
@@ -514,9 +490,11 @@ const FormWizard = ({ lastStepPrimaryActionLabel, isEdit, steps, fullFormSchema,
 });
  */
 const useFormWizard = (props) => {
-    return useMemo(() => (Object.assign(Object.assign({}, props), { 
+    return useMemo(() => ({
+        ...props,
         // eslint-disable-next-line local-rules/no-typescript-assertion
-        steps: objectFromEntries(objectEntries(props.steps).map(([key, step]) => [key, Object.assign(Object.assign({}, step), { formSchema: props.fullFormSchema.shape[key] })])) })), [props]);
+        steps: objectFromEntries(objectEntries(props.steps).map(([key, step]) => [key, { ...step, formSchema: props.fullFormSchema.shape[key] }])), // TODO: find a work around for string | number | symbol,
+    }), [props]);
 };
 
 /**
@@ -534,7 +512,7 @@ const TestHelperFormWizardStep = ({ stepKey, fullFormSchema, defaultValues, chil
         mode: "all",
         defaultValues: defaultValues,
     });
-    return jsx("div", { "data-testid": stepKey, children: children(Object.assign({ form, fullForm, setSubmitHandler: () => { } }, overrides)) });
+    return jsx("div", { "data-testid": stepKey, children: children({ form, fullForm, setSubmitHandler: () => { }, ...overrides }) });
 };
 
 /*

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@trackunit/react-form-wizard",
-  "version": "0.1.182",
+  "version": "0.1.185",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "dependencies": {
-    "react": "^18.2.0",
+    "react": "18.3.1",
     "zod": "3.22.4",
     "@trackunit/css-class-variance-utilities": "*",
     "@trackunit/react-components": "*",
@@ -19,5 +19,6 @@
     "yarn": "3.8.2"
   },
   "module": "./index.esm.js",
-  "main": "./index.cjs.js"
-}
+  "main": "./index.cjs.js",
+  "types": "./index.esm.d.ts"
+}

package/src/FormWizard/FormWizard.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { UseFormReturn } from "react-hook-form";
 import { AnyZodObject, z } from "zod";
 import { FromWizardComponentProps, StepDefinitions } from "./useFormWizard";
@@ -9,4 +8,4 @@ export type FormWizardStepFormReturnMap<TFullSchema extends AnyZodObject> = Part
  * The FormWizard component is used for forms in multiple steps.
  * Use the useFormWizard hook to generate the props for this component.
  */
-export declare const FormWizard: <TFullSchema extends AnyZodObject, TComponentStepDefinitions extends StepDefinitions<TFullSchema>>({ lastStepPrimaryActionLabel, isEdit, steps, fullFormSchema, onCancel, className, dataTestId, basePath, }: FromWizardComponentProps<TFullSchema, TComponentStepDefinitions>) => JSX.Element;
+export declare const FormWizard: <TFullSchema extends AnyZodObject, TComponentStepDefinitions extends StepDefinitions<TFullSchema>>({ lastStepPrimaryActionLabel, isEdit, steps, fullFormSchema, onCancel, className, dataTestId, basePath, }: FromWizardComponentProps<TFullSchema, TComponentStepDefinitions>) => import("react/jsx-runtime").JSX.Element;

package/src/FormWizardFooter/FormWizardFooter.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CommonProps } from "@trackunit/react-components";
 interface FormWizardFooterProps extends CommonProps {
     primaryActionLabel?: string;
@@ -10,5 +9,5 @@ interface FormWizardFooterProps extends CommonProps {
  * The footer component for the FormWizard.
  * In most cases you should not be using this component directly, but rather use the FormWizard component.
  */
-export declare const FormWizardFooter: ({ disablePrimaryAction, onBack, onCancel, primaryActionLabel, }: FormWizardFooterProps) => JSX.Element;
+export declare const FormWizardFooter: ({ disablePrimaryAction, onBack, onCancel, primaryActionLabel, }: FormWizardFooterProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/src/FormWizardHeader/FormWizardHeader.d.ts

@@ -8,5 +8,5 @@ interface FormWizardHeaderProps extends CommonProps {
  * The header component for the FormWizard.
  * In most cases you should not be using this component directly, but rather use the FormWizard component.
  */
-export declare const FormWizardHeader: ({ title, description, className, dataTestId }: FormWizardHeaderProps) => JSX.Element;
+export declare const FormWizardHeader: ({ title, description, className, dataTestId }: FormWizardHeaderProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/src/FormWizardSidebar/FormWizardSidebar.d.ts

@@ -10,5 +10,5 @@ interface FormWizardSidebarProps extends CommonProps {
  * Displays the sidebar with steps for the wizard.
  * Prefer using the FormWizard component instead of this directly.
  */
-export declare function FormWizardSidebar({ dataTestId, children, className }: FormWizardSidebarProps): JSX.Element;
+export declare function FormWizardSidebar({ dataTestId, children, className }: FormWizardSidebarProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/src/FormWizardSidebarStep/FormWizardSidebarStep.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { RegisteredRouter, RouteIds } from "@tanstack/react-router";
 import { CommonProps } from "@trackunit/react-components";
 import { StepState, StringWithStepKey } from "../FormWizard/useFormWizard";
@@ -16,5 +15,5 @@ interface FormWizardSidebarStepProps extends CommonProps {
  * A sidebar step component used by the FormWizard component to render each step.
  * This component is generally used internally by the FormWizard component.
  */
-export declare const FormWizardSidebarStep: ({ stepNumber, state, basePath, title, subTitle, path, dataTestId, onNavigate, isSubStep, }: FormWizardSidebarStepProps) => JSX.Element;
+export declare const FormWizardSidebarStep: ({ stepNumber, state, basePath, title, subTitle, path, dataTestId, onNavigate, isSubStep, }: FormWizardSidebarStepProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/src/FormWizardStepWrapper/FormWizardStepWrapper.d.ts

@@ -27,4 +27,4 @@ export interface FormWizardStepWrapperProps<TStepKey extends keyof z.TypeOf<TFul
  * A wrapper component used by the FormWizard component to render each step.
  * In most cases you should not be using this component directly, but rather use the FormWizard component.
  */
-export declare const FormWizardStepWrapper: <TFullSchema extends AnyZodObject, TStepKey extends keyof z.TypeOf<TFullSchema>>({ stepKey, onCancel, description, title, component, nextStepPath, previousStepPath, lastStepPrimaryActionLabel, fullFormSchema, setFullFormState, fullFormState, stepForms, setStepForms, setStepStates, basePath, containerClassName, }: FormWizardStepWrapperProps<TStepKey, TFullSchema>) => JSX.Element;
+export declare const FormWizardStepWrapper: <TFullSchema extends AnyZodObject, TStepKey extends keyof z.TypeOf<TFullSchema>>({ stepKey, onCancel, description, title, component, nextStepPath, previousStepPath, lastStepPrimaryActionLabel, fullFormSchema, setFullFormState, fullFormState, stepForms, setStepForms, setStepStates, basePath, containerClassName, }: FormWizardStepWrapperProps<TStepKey, TFullSchema>) => import("react/jsx-runtime").JSX.Element;

package/src/TestHelpers/TestHelperFormWizardStep.d.ts

@@ -14,4 +14,4 @@ export interface TestHelperFormWizardStepProps<TStepKey extends keyof z.infer<TF
  * This component is not intended to be used in production code.
  * It is used to test the individual steps of a form wizard.
  */
-export declare const TestHelperFormWizardStep: <TStepKey extends keyof z.TypeOf<TFullSchema>, TFullSchema extends AnyZodObject>({ stepKey, fullFormSchema, defaultValues, children, overrides, }: TestHelperFormWizardStepProps<TStepKey, TFullSchema>) => JSX.Element;
+export declare const TestHelperFormWizardStep: <TStepKey extends keyof z.infer<TFullSchema>, TFullSchema extends AnyZodObject>({ stepKey, fullFormSchema, defaultValues, children, overrides, }: TestHelperFormWizardStepProps<TStepKey, TFullSchema>) => import("react/jsx-runtime").JSX.Element;

package/src/translation.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { NamespaceTransProps, TransForLibs, TranslationResource } from "@trackunit/i18n-library-translation";
 import defaultTranslations from "./locales/en/translation.json";
 /** A type for all available translation keys in this library */
@@ -27,7 +26,7 @@ export type TranslationFunction = TransForLibs<TranslationKeys>;
 /**
  * Trans for this specific library.
  */
-export declare const Trans: (props: NamespaceTransProps<TranslationKeys>) => JSX.Element;
+export declare const Trans: (props: NamespaceTransProps<TranslationKeys>) => import("react/jsx-runtime").JSX.Element;
 /**
  * Registers the translations for this library
  */

package/translation.cjs.js

@@ -6,4 +6,4 @@ var translation = {
 	"wizard.defaults.next": "Weiter"
 };
 
-exports["default"] = translation;
+exports.default = translation;

package/translation.cjs10.js

@@ -6,4 +6,4 @@ var translation = {
 	"wizard.defaults.next": "Dalej"
 };
 
-exports["default"] = translation;
+exports.default = translation;

package/translation.cjs11.js

@@ -6,4 +6,4 @@ var translation = {
 	"wizard.defaults.next": "Próximo"
 };
 
-exports["default"] = translation;
+exports.default = translation;

package/translation.cjs12.js

@@ -6,4 +6,4 @@ var translation = {
 	"wizard.defaults.next": "Далее"
 };
 
-exports["default"] = translation;
+exports.default = translation;

package/translation.cjs13.js

@@ -6,4 +6,4 @@ var translation = {
 	"wizard.defaults.next": "Înainte"
 };
 
-exports["default"] = translation;
+exports.default = translation;

package/translation.cjs14.js

@@ -6,4 +6,4 @@ var translation = {
 	"wizard.defaults.next": "Siguiente"
 };
 
-exports["default"] = translation;
+exports.default = translation;

package/translation.cjs15.js

@@ -6,4 +6,4 @@ var translation = {
 	"wizard.defaults.next": "Nästa"
 };
 
-exports["default"] = translation;
+exports.default = translation;

package/translation.cjs16.js

@@ -6,4 +6,4 @@ var translation = {
 	"wizard.defaults.next": "次へ"
 };
 
-exports["default"] = translation;
+exports.default = translation;

package/translation.cjs17.js

@@ -6,4 +6,4 @@ var translation = {
 	"wizard.defaults.next": "ถัดไป"
 };
 
-exports["default"] = translation;
+exports.default = translation;

package/translation.cjs2.js

@@ -6,4 +6,4 @@ var translation = {
 	"wizard.defaults.next": "Næste"
 };
 
-exports["default"] = translation;
+exports.default = translation;

package/translation.cjs3.js

@@ -6,4 +6,4 @@ var translation = {
 	"wizard.defaults.next": "Další"
 };
 
-exports["default"] = translation;
+exports.default = translation;

package/translation.cjs4.js

@@ -6,4 +6,4 @@ var translation = {
 	"wizard.defaults.next": "Volgende"
 };
 
-exports["default"] = translation;
+exports.default = translation;

package/translation.cjs5.js

@@ -6,4 +6,4 @@ var translation = {
 	"wizard.defaults.next": "Suivant"
 };
 
-exports["default"] = translation;
+exports.default = translation;

package/translation.cjs6.js

@@ -6,4 +6,4 @@ var translation = {
 	"wizard.defaults.next": "Seuraava"
 };
 
-exports["default"] = translation;
+exports.default = translation;

package/translation.cjs7.js

@@ -6,4 +6,4 @@ var translation = {
 	"wizard.defaults.next": "Következő"
 };
 
-exports["default"] = translation;
+exports.default = translation;

package/translation.cjs8.js

@@ -6,4 +6,4 @@ var translation = {
 	"wizard.defaults.next": "Avanti"
 };
 
-exports["default"] = translation;
+exports.default = translation;

package/translation.cjs9.js

@@ -6,4 +6,4 @@ var translation = {
 	"wizard.defaults.next": "Neste"
 };
 
-exports["default"] = translation;
+exports.default = translation;