@trackunit/react-form-wizard 1.7.132 → 1.7.135

package/index.cjs.js

@@ -191,9 +191,9 @@ const cvaNavigationContainer = cssClassVarianceUtilities.cvaMerge(["flex", "gap-
  * The footer component for the FormWizard.
  * In most cases you should not be using this component directly, but rather use the FormWizard component.
  */
-const FormWizardFooter = ({ disablePrimaryAction = false, onBack, onCancel, primaryActionLabel, }) => {
+const FormWizardFooter = ({ disablePrimaryAction = false, loading = false, onBack, onCancel, primaryActionLabel, }) => {
     const [t] = useTranslation();
-    return (jsxRuntime.jsxs("div", { className: cvaFooterContainer(), children: [jsxRuntime.jsx(reactComponents.Button, { "data-testid": "wizard-cancel", onClick: onCancel, variant: "ghost-neutral", children: t("wizard.defaults.cancel") }), jsxRuntime.jsxs("div", { className: cvaNavigationContainer(), children: [onBack ? (jsxRuntime.jsx(reactComponents.Button, { "data-testid": "wizard-back", onClick: onBack, variant: "secondary", children: t("wizard.defaults.back") })) : null, jsxRuntime.jsx(reactComponents.Button, { "data-testid": "wizard-next", disabled: disablePrimaryAction, type: "submit", children: primaryActionLabel ? primaryActionLabel : t("wizard.defaults.next") })] })] }));
+    return (jsxRuntime.jsxs("div", { className: cvaFooterContainer(), children: [jsxRuntime.jsx(reactComponents.Button, { "data-testid": "wizard-cancel", onClick: onCancel, variant: "ghost-neutral", children: t("wizard.defaults.cancel") }), jsxRuntime.jsxs("div", { className: cvaNavigationContainer(), children: [onBack ? (jsxRuntime.jsx(reactComponents.Button, { "data-testid": "wizard-back", onClick: onBack, variant: "secondary", children: t("wizard.defaults.back") })) : null, jsxRuntime.jsx(reactComponents.Button, { "data-testid": "wizard-next", disabled: disablePrimaryAction, loading: loading, type: "submit", children: primaryActionLabel ? primaryActionLabel : t("wizard.defaults.next") })] })] }));
 };
 
 const cvaFormWizardHeader = cssClassVarianceUtilities.cvaMerge([
@@ -336,11 +336,11 @@ const FormWizardStepWrapper = ({ stepKey, onCancel, description, title, componen
                         resetFullFormState,
                     }) }) }), jsxRuntime.jsx(FormWizardFooter, { stepForms,
                 onBack: previousStepPath
-                    ?
-                        () => navigate({ to: basePath, params: { stepPath: previousStepPath } })
+                    ? () => navigate({ to: basePath, params: { stepPath: previousStepPath } })
                     : null,
                 primaryActionLabel: isLastStep ? lastStepPrimaryActionLabel : undefined,
                 onCancel: handleCancel,
+                loading: isLastStep ? isSubmitting : false,
                 disablePrimaryAction: isSubmitting })] }, String(stepKey)));
 };
 

package/index.esm.js

@@ -189,9 +189,9 @@ const cvaNavigationContainer = cvaMerge(["flex", "gap-2"]);
  * The footer component for the FormWizard.
  * In most cases you should not be using this component directly, but rather use the FormWizard component.
  */
-const FormWizardFooter = ({ disablePrimaryAction = false, onBack, onCancel, primaryActionLabel, }) => {
+const FormWizardFooter = ({ disablePrimaryAction = false, loading = false, onBack, onCancel, primaryActionLabel, }) => {
     const [t] = useTranslation();
-    return (jsxs("div", { className: cvaFooterContainer(), children: [jsx(Button, { "data-testid": "wizard-cancel", onClick: onCancel, variant: "ghost-neutral", children: t("wizard.defaults.cancel") }), jsxs("div", { className: cvaNavigationContainer(), children: [onBack ? (jsx(Button, { "data-testid": "wizard-back", onClick: onBack, variant: "secondary", children: t("wizard.defaults.back") })) : null, jsx(Button, { "data-testid": "wizard-next", disabled: disablePrimaryAction, type: "submit", children: primaryActionLabel ? primaryActionLabel : t("wizard.defaults.next") })] })] }));
+    return (jsxs("div", { className: cvaFooterContainer(), children: [jsx(Button, { "data-testid": "wizard-cancel", onClick: onCancel, variant: "ghost-neutral", children: t("wizard.defaults.cancel") }), jsxs("div", { className: cvaNavigationContainer(), children: [onBack ? (jsx(Button, { "data-testid": "wizard-back", onClick: onBack, variant: "secondary", children: t("wizard.defaults.back") })) : null, jsx(Button, { "data-testid": "wizard-next", disabled: disablePrimaryAction, loading: loading, type: "submit", children: primaryActionLabel ? primaryActionLabel : t("wizard.defaults.next") })] })] }));
 };
 
 const cvaFormWizardHeader = cvaMerge([
@@ -334,11 +334,11 @@ const FormWizardStepWrapper = ({ stepKey, onCancel, description, title, componen
                         resetFullFormState,
                     }) }) }), jsx(FormWizardFooter, { stepForms,
                 onBack: previousStepPath
-                    ?
-                        () => navigate({ to: basePath, params: { stepPath: previousStepPath } })
+                    ? () => navigate({ to: basePath, params: { stepPath: previousStepPath } })
                     : null,
                 primaryActionLabel: isLastStep ? lastStepPrimaryActionLabel : undefined,
                 onCancel: handleCancel,
+                loading: isLastStep ? isSubmitting : false,
                 disablePrimaryAction: isSubmitting })] }, String(stepKey)));
 };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/react-form-wizard",
-  "version": "1.7.132",
+  "version": "1.7.135",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "dependencies": {
@@ -10,13 +10,13 @@
     "react-hook-form": "7.62.0",
     "@tanstack/react-router": "1.114.29",
     "@tanstack/router-core": "1.114.29",
-    "@trackunit/shared-utils": "1.9.86",
-    "@trackunit/css-class-variance-utilities": "1.7.86",
-    "@trackunit/react-components": "1.10.61",
-    "@trackunit/i18n-library-translation": "1.7.104"
+    "@trackunit/shared-utils": "1.9.88",
+    "@trackunit/css-class-variance-utilities": "1.7.88",
+    "@trackunit/react-components": "1.10.63",
+    "@trackunit/i18n-library-translation": "1.7.106"
   },
   "engines": {
-    "node": ">=22.x",
+    "node": ">=24.x",
     "yarn": "3.8.6"
   },
   "module": "./index.esm.js",

package/src/FormWizardFooter/FormWizardFooter.d.ts

@@ -1,13 +1,15 @@
 import { CommonProps } from "@trackunit/react-components";
+import { ReactElement } from "react";
 interface FormWizardFooterProps extends CommonProps {
     primaryActionLabel?: string;
     onCancel: () => void;
     onBack: (() => void) | null;
     disablePrimaryAction?: boolean;
+    loading: boolean;
 }
 /**
  * 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) => import("react/jsx-runtime").JSX.Element;
+export declare const FormWizardFooter: ({ disablePrimaryAction, loading, onBack, onCancel, primaryActionLabel, }: FormWizardFooterProps) => ReactElement;
 export {};