@trackunit/react-form-wizard 0.1.70 → 0.1.71

package/index.cjs.js

@@ -275,7 +275,12 @@ const FormWizardStepWrapper = ({ stepKey, onCancel, description, title, componen
         });
         setSubmitHandlerInternal(() => wrappedCallbackFunction);
     }, [setSubmitHandlerInternal]);
-    const stepSubmitHandler = react.useMemo(() => form.handleSubmit((data) => __awaiter(void 0, void 0, void 0, function* () {
+    const isEmptyStep = sharedUtils.objectKeys(form.getValues()).length === 0;
+    const emptyStepSubmitHandler = react.useCallback((e) => {
+        e === null || e === void 0 ? void 0 : e.preventDefault();
+        submitHandlerInternal === null || submitHandlerInternal === void 0 ? void 0 : submitHandlerInternal(fullFormState);
+    }, [fullFormState, submitHandlerInternal]);
+    const nonEmptyStepSubmitHandler = react.useMemo(() => form.handleSubmit((data) => __awaiter(void 0, void 0, void 0, function* () {
         //? This state is not updated for the submit handler below; therefore, there is duplication.
         setFullFormState(prev => (Object.assign(Object.assign({}, prev), { [stepKey]: data })));
         if (isLastStep) {
@@ -296,10 +301,8 @@ const FormWizardStepWrapper = ({ stepKey, onCancel, description, title, componen
         stepKey,
         submitHandlerInternal,
     ]);
-    return (jsxRuntime.jsxs("form", { className: cvaFormWizardComponentStepForm(), noValidate: true, onSubmit: e => {
-            e.preventDefault();
-            stepSubmitHandler();
-        }, ref: formRef, children: [jsxRuntime.jsx(FormWizardHeader, { title, description }), jsxRuntime.jsx("div", { className: cvaFormWizardComponentContainer({ className: containerClassName }), children: component({
+    const handleSubmit = react.useMemo(() => (isEmptyStep ? emptyStepSubmitHandler : nonEmptyStepSubmitHandler), [emptyStepSubmitHandler, isEmptyStep, nonEmptyStepSubmitHandler]);
+    return (jsxRuntime.jsxs("form", { className: cvaFormWizardComponentStepForm(), onSubmit: handleSubmit, ref: formRef, children: [jsxRuntime.jsx(FormWizardHeader, { title, description }), jsxRuntime.jsx("div", { className: cvaFormWizardComponentContainer({ className: containerClassName }), children: component({
                     form,
                     fullForm,
                     setSubmitHandler: isLastStep ? setSubmitHandler : null,

package/index.esm.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { registerTranslations, useNamespaceTranslation } from '@trackunit/i18n-library-translation';
 import { Link, useNavigate, useParams } from '@tanstack/react-router';
-import { objectFromEntries, objectEntries, objectKeys, objectValues } from '@trackunit/shared-utils';
+import { objectKeys, objectFromEntries, objectEntries, objectValues } from '@trackunit/shared-utils';
 import { useState, useRef, useEffect, useCallback, useMemo } from 'react';
 import { cvaMerge } from '@trackunit/css-class-variance-utilities';
 import { Icon, Button, Heading } from '@trackunit/react-components';
@@ -271,7 +271,12 @@ const FormWizardStepWrapper = ({ stepKey, onCancel, description, title, componen
         });
         setSubmitHandlerInternal(() => wrappedCallbackFunction);
     }, [setSubmitHandlerInternal]);
-    const stepSubmitHandler = useMemo(() => form.handleSubmit((data) => __awaiter(void 0, void 0, void 0, function* () {
+    const isEmptyStep = objectKeys(form.getValues()).length === 0;
+    const emptyStepSubmitHandler = useCallback((e) => {
+        e === null || e === void 0 ? void 0 : e.preventDefault();
+        submitHandlerInternal === null || submitHandlerInternal === void 0 ? void 0 : submitHandlerInternal(fullFormState);
+    }, [fullFormState, submitHandlerInternal]);
+    const nonEmptyStepSubmitHandler = useMemo(() => form.handleSubmit((data) => __awaiter(void 0, void 0, void 0, function* () {
         //? This state is not updated for the submit handler below; therefore, there is duplication.
         setFullFormState(prev => (Object.assign(Object.assign({}, prev), { [stepKey]: data })));
         if (isLastStep) {
@@ -292,10 +297,8 @@ const FormWizardStepWrapper = ({ stepKey, onCancel, description, title, componen
         stepKey,
         submitHandlerInternal,
     ]);
-    return (jsxs("form", { className: cvaFormWizardComponentStepForm(), noValidate: true, onSubmit: e => {
-            e.preventDefault();
-            stepSubmitHandler();
-        }, ref: formRef, children: [jsx(FormWizardHeader, { title, description }), jsx("div", { className: cvaFormWizardComponentContainer({ className: containerClassName }), children: component({
+    const handleSubmit = useMemo(() => (isEmptyStep ? emptyStepSubmitHandler : nonEmptyStepSubmitHandler), [emptyStepSubmitHandler, isEmptyStep, nonEmptyStepSubmitHandler]);
+    return (jsxs("form", { className: cvaFormWizardComponentStepForm(), onSubmit: handleSubmit, ref: formRef, children: [jsx(FormWizardHeader, { title, description }), jsx("div", { className: cvaFormWizardComponentContainer({ className: containerClassName }), children: component({
                     form,
                     fullForm,
                     setSubmitHandler: isLastStep ? setSubmitHandler : null,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/react-form-wizard",
-  "version": "0.1.70",
+  "version": "0.1.71",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "dependencies": {