@trackunit/react-form-wizard 2.6.24-alpha-3e7014314a8.0 → 2.6.29

package/index.cjs.js

@@ -212,6 +212,7 @@ const cvaFormWizardComponentStepForm = cssClassVarianceUtilities.cvaMerge(["grid
 const FormWizardStepWrapper = ({ stepKey, onCancel, description, title, component, nextStepPath, previousStepPath, lastStepPrimaryActionLabel, fullFormSchema, setFullFormState, fullFormState, stepForms, setStepForms, setStepStates, basePath, containerClassName, onPrimaryAction, initialFullFormState, }) => {
     const navigate = reactRouter.useNavigate();
     const [isSubmitting, setIsSubmitting] = react.useState(false);
+    const [primaryActionDisabledByStep, setPrimaryActionDisabledByStep] = react.useState(false);
     const [submitHandlerInternal, setSubmitHandlerInternal] = react.useState(null);
     const [beforeSubmitInternal, setBeforeSubmitInternal] = react.useState(null);
     const form = reactHookForm.useForm({
@@ -297,9 +298,10 @@ const FormWizardStepWrapper = ({ stepKey, onCancel, description, title, componen
         return isEmptyStep && form.formState.isValid ? emptyStepSubmitHandler : stepSubmitHandler;
     }, [emptyStepSubmitHandler, form.formState.isValid, isEmptyStep, stepSubmitHandler]);
     react.useEffect(() => {
-        // submit on cmd/ctrl + enter, always
+        // submit on cmd/ctrl + enter, unless a submit is already running or the step disabled the
+        // primary action — the shortcut must not bypass the footer button's disabled state
         const handleKeyDown = (event) => {
-            if (event.key === "Enter" && (event.ctrlKey || event.metaKey)) {
+            if (event.key === "Enter" && (event.ctrlKey || event.metaKey) && !isSubmitting && !primaryActionDisabledByStep) {
                 event.preventDefault();
                 void stepSubmitHandler();
             }
@@ -308,7 +310,7 @@ const FormWizardStepWrapper = ({ stepKey, onCancel, description, title, componen
         return () => {
             document.removeEventListener("keydown", handleKeyDown);
         };
-    }, [stepSubmitHandler]);
+    }, [stepSubmitHandler, isSubmitting, primaryActionDisabledByStep]);
     return (jsxRuntime.jsxs("form", { className: cvaFormWizardComponentStepForm(), noValidate: true, onSubmit: async (e) => {
             e.preventDefault();
             try {
@@ -324,6 +326,7 @@ const FormWizardStepWrapper = ({ stepKey, onCancel, description, title, componen
                         setSubmitHandler: isLastStep ? setSubmitHandler : null,
                         beforeStepSubmit: beforeStepSubmit,
                         resetFullFormState,
+                        setPrimaryActionDisabled: setPrimaryActionDisabledByStep,
                     }) }) }), jsxRuntime.jsx(FormWizardFooter, { stepForms,
                 onClickBack: previousStepPath
                     ? () => navigate({ to: basePath, params: { stepPath: previousStepPath } })
@@ -331,7 +334,7 @@ const FormWizardStepWrapper = ({ stepKey, onCancel, description, title, componen
                 primaryActionLabel: isLastStep ? lastStepPrimaryActionLabel : undefined,
                 onClickCancel: handleCancel,
                 loading: isLastStep ? isSubmitting : false,
-                disablePrimaryAction: isSubmitting })] }, String(stepKey)));
+                disablePrimaryAction: isSubmitting || primaryActionDisabledByStep })] }, String(stepKey)));
 };
 
 const cvaFormWizardContainer = cssClassVarianceUtilities.cvaMerge(["h-full"]);

package/index.esm.js

@@ -210,6 +210,7 @@ const cvaFormWizardComponentStepForm = cvaMerge(["grid-rows-min-fr-min", "grid",
 const FormWizardStepWrapper = ({ stepKey, onCancel, description, title, component, nextStepPath, previousStepPath, lastStepPrimaryActionLabel, fullFormSchema, setFullFormState, fullFormState, stepForms, setStepForms, setStepStates, basePath, containerClassName, onPrimaryAction, initialFullFormState, }) => {
     const navigate = useNavigate();
     const [isSubmitting, setIsSubmitting] = useState(false);
+    const [primaryActionDisabledByStep, setPrimaryActionDisabledByStep] = useState(false);
     const [submitHandlerInternal, setSubmitHandlerInternal] = useState(null);
     const [beforeSubmitInternal, setBeforeSubmitInternal] = useState(null);
     const form = useForm({
@@ -295,9 +296,10 @@ const FormWizardStepWrapper = ({ stepKey, onCancel, description, title, componen
         return isEmptyStep && form.formState.isValid ? emptyStepSubmitHandler : stepSubmitHandler;
     }, [emptyStepSubmitHandler, form.formState.isValid, isEmptyStep, stepSubmitHandler]);
     useEffect(() => {
-        // submit on cmd/ctrl + enter, always
+        // submit on cmd/ctrl + enter, unless a submit is already running or the step disabled the
+        // primary action — the shortcut must not bypass the footer button's disabled state
         const handleKeyDown = (event) => {
-            if (event.key === "Enter" && (event.ctrlKey || event.metaKey)) {
+            if (event.key === "Enter" && (event.ctrlKey || event.metaKey) && !isSubmitting && !primaryActionDisabledByStep) {
                 event.preventDefault();
                 void stepSubmitHandler();
             }
@@ -306,7 +308,7 @@ const FormWizardStepWrapper = ({ stepKey, onCancel, description, title, componen
         return () => {
             document.removeEventListener("keydown", handleKeyDown);
         };
-    }, [stepSubmitHandler]);
+    }, [stepSubmitHandler, isSubmitting, primaryActionDisabledByStep]);
     return (jsxs("form", { className: cvaFormWizardComponentStepForm(), noValidate: true, onSubmit: async (e) => {
             e.preventDefault();
             try {
@@ -322,6 +324,7 @@ const FormWizardStepWrapper = ({ stepKey, onCancel, description, title, componen
                         setSubmitHandler: isLastStep ? setSubmitHandler : null,
                         beforeStepSubmit: beforeStepSubmit,
                         resetFullFormState,
+                        setPrimaryActionDisabled: setPrimaryActionDisabledByStep,
                     }) }) }), jsx(FormWizardFooter, { stepForms,
                 onClickBack: previousStepPath
                     ? () => navigate({ to: basePath, params: { stepPath: previousStepPath } })
@@ -329,7 +332,7 @@ const FormWizardStepWrapper = ({ stepKey, onCancel, description, title, componen
                 primaryActionLabel: isLastStep ? lastStepPrimaryActionLabel : undefined,
                 onClickCancel: handleCancel,
                 loading: isLastStep ? isSubmitting : false,
-                disablePrimaryAction: isSubmitting })] }, String(stepKey)));
+                disablePrimaryAction: isSubmitting || primaryActionDisabledByStep })] }, String(stepKey)));
 };
 
 const cvaFormWizardContainer = cvaMerge(["h-full"]);

package/migrations/entry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"entry.js","sourceRoot":"","sources":["../../../../../libs/react/form-wizard/migrations/entry.ts"],"names":[],"mappings":"","sourcesContent":["export {};\n"]}

package/package.json

@@ -1,16 +1,16 @@
 {
   "name": "@trackunit/react-form-wizard",
-  "version": "2.6.24-alpha-3e7014314a8.0",
+  "version": "2.6.29",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "dependencies": {
     "zod": "^3.25.76",
     "@hookform/resolvers": "^3.3.4",
     "@tanstack/router-core": "1.114.29",
-    "@trackunit/shared-utils": "1.16.23-alpha-3e7014314a8.0",
-    "@trackunit/css-class-variance-utilities": "1.14.20-alpha-3e7014314a8.0",
-    "@trackunit/react-components": "2.10.16-alpha-3e7014314a8.0",
-    "@trackunit/i18n-library-translation": "2.4.22-alpha-3e7014314a8.0"
+    "@trackunit/shared-utils": "1.16.22",
+    "@trackunit/css-class-variance-utilities": "1.14.19",
+    "@trackunit/react-components": "2.10.21",
+    "@trackunit/i18n-library-translation": "2.4.27"
   },
   "engines": {
     "node": ">=24.x",

package/src/FormWizard/useFormWizard.d.ts

@@ -17,6 +17,8 @@ export type StepComponentPropsInner<TStepSchema extends TFullSchemaValue[keyof T
     setSubmitHandler: ((onFinalSubmit: (fullFormState: TFullSchemaValue) => void) => void) | null;
     beforeStepSubmit?: ((beforeSubmit: (fullFormState: TFullSchemaValue) => void) => void) | null;
     resetFullFormState?: ((reset: () => void) => void) | null;
+    /** Lets the step disable the footer's primary action, e.g. after a completed final submit. */
+    setPrimaryActionDisabled?: ((disabled: boolean) => void) | null;
 };
 export interface SimpleStepProps {
     title: string;