@trackunit/react-form-wizard 0.1.65 → 0.1.68

package/index.cjs.js

@@ -275,12 +275,7 @@ const FormWizardStepWrapper = ({ stepKey, onCancel, description, title, componen
         });
         setSubmitHandlerInternal(() => wrappedCallbackFunction);
     }, [setSubmitHandlerInternal]);
-    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* () {
+    const stepSubmitHandler = 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) {
@@ -301,8 +296,10 @@ const FormWizardStepWrapper = ({ stepKey, onCancel, description, title, componen
         stepKey,
         submitHandlerInternal,
     ]);
-    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({
+    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({
                     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 { objectKeys, objectFromEntries, objectEntries, objectValues } from '@trackunit/shared-utils';
+import { objectFromEntries, objectEntries, objectKeys, 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,12 +271,7 @@ const FormWizardStepWrapper = ({ stepKey, onCancel, description, title, componen
         });
         setSubmitHandlerInternal(() => wrappedCallbackFunction);
     }, [setSubmitHandlerInternal]);
-    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* () {
+    const stepSubmitHandler = 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) {
@@ -297,8 +292,10 @@ const FormWizardStepWrapper = ({ stepKey, onCancel, description, title, componen
         stepKey,
         submitHandlerInternal,
     ]);
-    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({
+    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({
                     form,
                     fullForm,
                     setSubmitHandler: isLastStep ? setSubmitHandler : null,

package/package.json

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