@trackunit/react-form-wizard 1.14.8 → 1.14.10-alpha-ae1ff73fc64.0

package/index.cjs.js

@@ -209,7 +209,7 @@ const cvaFormWizardHeader = cssClassVarianceUtilities.cvaMerge([
  * In most cases you should not be using this component directly, but rather use the FormWizard component.
  */
 const FormWizardHeader = ({ title, description, className, "data-testid": dataTestId, }) => {
-    return (jsxRuntime.jsxs("div", { className: cvaFormWizardHeader({ className }), "data-testid": dataTestId, children: [jsxRuntime.jsx(reactComponents.Heading, { variant: "secondary", children: title }), description ? (jsxRuntime.jsx(reactComponents.Heading, { subtle: true, variant: "subtitle", children: description })) : null] }));
+    return (jsxRuntime.jsxs("div", { className: cvaFormWizardHeader({ className }), "data-testid": dataTestId, children: [jsxRuntime.jsx(reactComponents.Heading, { variant: "secondary", children: title }), description !== undefined ? (jsxRuntime.jsx(reactComponents.Heading, { subtle: true, variant: "subtitle", children: description })) : null] }));
 };
 
 const cvaFormWizardComponentContainer = cssClassVarianceUtilities.cvaMerge(["p-responsive-space", "overflow-y-auto", "bg-neutral-50"]);
@@ -474,7 +474,7 @@ const FormWizard = ({ lastStepPrimaryActionLabel, isEdit, steps, fullFormSchema,
     initialFullFormState);
     // If URL does not match a key from the schema, navigate to the first step
     const firstSchemaKey = String(sharedUtils.objectKeys(fullFormSchema.shape)[0]);
-    const keyToCheck = subStepPath ? `${stepPath}/${subStepPath}` : stepPath;
+    const keyToCheck = Boolean(subStepPath) ? `${stepPath}/${subStepPath}` : stepPath;
     // Move navigation to useEffect to avoid setState during render
     react.useEffect(() => {
         if (fullFormSchema.shape[keyToCheck] === undefined) {
@@ -491,7 +491,7 @@ const FormWizard = ({ lastStepPrimaryActionLabel, isEdit, steps, fullFormSchema,
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         return typeof obj.shouldRender === "function";
     }, []);
-    const currentVisibleStepKey = subStepPath ? `${stepPath}/${subStepPath}` : stepPath;
+    const currentVisibleStepKey = subStepPath !== undefined ? `${stepPath}/${subStepPath}` : stepPath;
     const currentVisibleStepIndex = react.useMemo(() => sharedUtils.objectKeys(steps)
         .filter(key => {
         const step = steps[key];
@@ -543,7 +543,7 @@ const FormWizard = ({ lastStepPrimaryActionLabel, isEdit, steps, fullFormSchema,
                 stepNumber: isSubStep ? undefined : rootSteps.indexOf(key) + 1,
                 title,
                 onClickNavigate: () => {
-                    if (previousStepKey) {
+                    if (previousStepKey !== undefined) {
                         const previousStepForm = stepForms[previousStepKey];
                         setFullFormState(prev => ({
                             ...prev,

package/index.esm.js

@@ -207,7 +207,7 @@ const cvaFormWizardHeader = cvaMerge([
  * In most cases you should not be using this component directly, but rather use the FormWizard component.
  */
 const FormWizardHeader = ({ title, description, className, "data-testid": dataTestId, }) => {
-    return (jsxs("div", { className: cvaFormWizardHeader({ className }), "data-testid": dataTestId, children: [jsx(Heading, { variant: "secondary", children: title }), description ? (jsx(Heading, { subtle: true, variant: "subtitle", children: description })) : null] }));
+    return (jsxs("div", { className: cvaFormWizardHeader({ className }), "data-testid": dataTestId, children: [jsx(Heading, { variant: "secondary", children: title }), description !== undefined ? (jsx(Heading, { subtle: true, variant: "subtitle", children: description })) : null] }));
 };
 
 const cvaFormWizardComponentContainer = cvaMerge(["p-responsive-space", "overflow-y-auto", "bg-neutral-50"]);
@@ -472,7 +472,7 @@ const FormWizard = ({ lastStepPrimaryActionLabel, isEdit, steps, fullFormSchema,
     initialFullFormState);
     // If URL does not match a key from the schema, navigate to the first step
     const firstSchemaKey = String(objectKeys(fullFormSchema.shape)[0]);
-    const keyToCheck = subStepPath ? `${stepPath}/${subStepPath}` : stepPath;
+    const keyToCheck = Boolean(subStepPath) ? `${stepPath}/${subStepPath}` : stepPath;
     // Move navigation to useEffect to avoid setState during render
     useEffect(() => {
         if (fullFormSchema.shape[keyToCheck] === undefined) {
@@ -489,7 +489,7 @@ const FormWizard = ({ lastStepPrimaryActionLabel, isEdit, steps, fullFormSchema,
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         return typeof obj.shouldRender === "function";
     }, []);
-    const currentVisibleStepKey = subStepPath ? `${stepPath}/${subStepPath}` : stepPath;
+    const currentVisibleStepKey = subStepPath !== undefined ? `${stepPath}/${subStepPath}` : stepPath;
     const currentVisibleStepIndex = useMemo(() => objectKeys(steps)
         .filter(key => {
         const step = steps[key];
@@ -541,7 +541,7 @@ const FormWizard = ({ lastStepPrimaryActionLabel, isEdit, steps, fullFormSchema,
                 stepNumber: isSubStep ? undefined : rootSteps.indexOf(key) + 1,
                 title,
                 onClickNavigate: () => {
-                    if (previousStepKey) {
+                    if (previousStepKey !== undefined) {
                         const previousStepForm = stepForms[previousStepKey];
                         setFullFormState(prev => ({
                             ...prev,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/react-form-wizard",
-  "version": "1.14.8",
+  "version": "1.14.10-alpha-ae1ff73fc64.0",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "dependencies": {
@@ -10,10 +10,10 @@
     "react-hook-form": "7.62.0",
     "@tanstack/react-router": "1.114.29",
     "@tanstack/router-core": "1.114.29",
-    "@trackunit/shared-utils": "1.13.67",
-    "@trackunit/css-class-variance-utilities": "1.11.67",
-    "@trackunit/react-components": "1.18.8",
-    "@trackunit/i18n-library-translation": "1.12.58"
+    "@trackunit/shared-utils": "1.13.69-alpha-ae1ff73fc64.0",
+    "@trackunit/css-class-variance-utilities": "1.11.69-alpha-ae1ff73fc64.0",
+    "@trackunit/react-components": "1.18.10-alpha-ae1ff73fc64.0",
+    "@trackunit/i18n-library-translation": "1.12.60-alpha-ae1ff73fc64.0"
   },
   "engines": {
     "node": ">=24.x",

package/src/FormWizard/FormWizard.variants.d.ts

@@ -1,3 +1,3 @@
-export declare const cvaFormWizardContainer: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
-export declare const cvaFormWizardLayout: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
-export declare const cvaStepContainer: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
+export declare const cvaFormWizardContainer: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const cvaFormWizardLayout: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const cvaStepContainer: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;

package/src/FormWizardFooter/FormWizardFooter.variants.d.ts

@@ -1,2 +1,2 @@
-export declare const cvaFooterContainer: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
-export declare const cvaNavigationContainer: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
+export declare const cvaFooterContainer: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const cvaNavigationContainer: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;

package/src/FormWizardHeader/FormWizardHeader.variants.d.ts

@@ -1 +1 @@
-export declare const cvaFormWizardHeader: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
+export declare const cvaFormWizardHeader: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;

package/src/FormWizardSidebar/FormWizardSidebar.variants.d.ts

@@ -1,2 +1,2 @@
-export declare const cvaFillSection: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
-export declare const cvaSidebar: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
+export declare const cvaFillSection: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const cvaSidebar: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;

package/src/FormWizardSidebarStep/FormWizardSidebarStep.variants.d.ts

@@ -1,16 +1,16 @@
 export declare const cvaFormWizardSidebarStep: (props?: ({
     state?: "ready" | "active" | "done" | "invalid" | "disabled" | null | undefined;
     isSubStep?: boolean | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export declare const cvaSectionHeaderContainer: (props?: ({
     state?: "ready" | "active" | "done" | "invalid" | "disabled" | null | undefined;
-    cursor?: "default" | "withCursor" | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
-export declare const cvaHeader: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
-export declare const cvaSubtitle: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
-export declare const cvaStepNumberContainer: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
+    cursor?: "withCursor" | "default" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const cvaHeader: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const cvaSubtitle: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const cvaStepNumberContainer: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
 export declare const cvaStepNumber: (props?: ({
     state?: "ready" | "active" | "done" | "invalid" | "disabled" | null | undefined;
     isSubStep?: boolean | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
-export declare const cvaTitleAndDescription: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const cvaTitleAndDescription: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;

package/src/FormWizardStepWrapper/FormWizardStepWrapper.variants.d.ts

@@ -1,2 +1,2 @@
-export declare const cvaFormWizardComponentContainer: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
-export declare const cvaFormWizardComponentStepForm: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
+export declare const cvaFormWizardComponentContainer: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const cvaFormWizardComponentStepForm: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;