@trackunit/react-form-wizard 1.17.12 → 1.17.14-alpha-c57027e60fa.0

package/index.cjs.js

@@ -171,7 +171,7 @@ const getStateIcon = (state) => {
  */
 const FormWizardSidebarStep = ({ stepNumber, state, basePath, title, subTitle, path, "data-testid": dataTestId, onClickNavigate, isSubStep = false, }) => {
     const stateIcon = getStateIcon(state);
-    return (jsxRuntime.jsx(reactRouter.Link, { className: cvaFormWizardSidebarStep({ state, isSubStep }), "data-testid": dataTestId ?? `form-wizard-sidebar-step-${path}`, onClick: onClickNavigate, params: prev => ({ ...prev, stepPath: path }), search: prev => ({ ...prev }), to: basePath, children: jsxRuntime.jsxs("div", { className: cvaSectionHeaderContainer({ state }), children: [jsxRuntime.jsx("div", { className: cvaStepNumberContainer(), children: stateIcon ?? (jsxRuntime.jsx("span", { className: cvaStepNumber({ state, isSubStep }), "data-testid": isSubStep ? `form-wizard-sidebar-substep` : `form-wizard-sidebar-step-number-${stepNumber}`, children: stepNumber })) }), jsxRuntime.jsxs("div", { className: cvaTitleAndDescription(), children: [jsxRuntime.jsx("h3", { className: cvaHeader(), children: title }), subTitle ? jsxRuntime.jsx("p", { className: cvaSubtitle(), children: subTitle }) : null] })] }) }));
+    return (jsxRuntime.jsx(reactRouter.Link, { className: cvaFormWizardSidebarStep({ state, isSubStep }), "data-testid": dataTestId ?? `form-wizard-sidebar-step-${path}`, onClick: onClickNavigate, params: (prev) => ({ ...prev, stepPath: path }), search: (prev) => ({ ...prev }), to: basePath, children: jsxRuntime.jsxs("div", { className: cvaSectionHeaderContainer({ state }), children: [jsxRuntime.jsx("div", { className: cvaStepNumberContainer(), children: stateIcon ?? (jsxRuntime.jsx("span", { className: cvaStepNumber({ state, isSubStep }), "data-testid": isSubStep ? `form-wizard-sidebar-substep` : `form-wizard-sidebar-step-number-${stepNumber}`, children: stepNumber })) }), jsxRuntime.jsxs("div", { className: cvaTitleAndDescription(), children: [jsxRuntime.jsx("h3", { className: cvaHeader(), children: title }), subTitle ? jsxRuntime.jsx("p", { className: cvaSubtitle(), children: subTitle }) : null] })] }) }));
 };
 
 const cvaFooterContainer = cssClassVarianceUtilities.cvaMerge([

package/index.esm.js

@@ -169,7 +169,7 @@ const getStateIcon = (state) => {
  */
 const FormWizardSidebarStep = ({ stepNumber, state, basePath, title, subTitle, path, "data-testid": dataTestId, onClickNavigate, isSubStep = false, }) => {
     const stateIcon = getStateIcon(state);
-    return (jsx(Link, { className: cvaFormWizardSidebarStep({ state, isSubStep }), "data-testid": dataTestId ?? `form-wizard-sidebar-step-${path}`, onClick: onClickNavigate, params: prev => ({ ...prev, stepPath: path }), search: prev => ({ ...prev }), to: basePath, children: jsxs("div", { className: cvaSectionHeaderContainer({ state }), children: [jsx("div", { className: cvaStepNumberContainer(), children: stateIcon ?? (jsx("span", { className: cvaStepNumber({ state, isSubStep }), "data-testid": isSubStep ? `form-wizard-sidebar-substep` : `form-wizard-sidebar-step-number-${stepNumber}`, children: stepNumber })) }), jsxs("div", { className: cvaTitleAndDescription(), children: [jsx("h3", { className: cvaHeader(), children: title }), subTitle ? jsx("p", { className: cvaSubtitle(), children: subTitle }) : null] })] }) }));
+    return (jsx(Link, { className: cvaFormWizardSidebarStep({ state, isSubStep }), "data-testid": dataTestId ?? `form-wizard-sidebar-step-${path}`, onClick: onClickNavigate, params: (prev) => ({ ...prev, stepPath: path }), search: (prev) => ({ ...prev }), to: basePath, children: jsxs("div", { className: cvaSectionHeaderContainer({ state }), children: [jsx("div", { className: cvaStepNumberContainer(), children: stateIcon ?? (jsx("span", { className: cvaStepNumber({ state, isSubStep }), "data-testid": isSubStep ? `form-wizard-sidebar-substep` : `form-wizard-sidebar-step-number-${stepNumber}`, children: stepNumber })) }), jsxs("div", { className: cvaTitleAndDescription(), children: [jsx("h3", { className: cvaHeader(), children: title }), subTitle ? jsx("p", { className: cvaSubtitle(), children: subTitle }) : null] })] }) }));
 };
 
 const cvaFooterContainer = cvaMerge([

package/package.json

@@ -1,16 +1,16 @@
 {
   "name": "@trackunit/react-form-wizard",
-  "version": "1.17.12",
+  "version": "1.17.14-alpha-c57027e60fa.0",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "dependencies": {
     "zod": "^3.23.8",
     "@hookform/resolvers": "^3.3.4",
     "@tanstack/router-core": "1.114.29",
-    "@trackunit/shared-utils": "1.13.82",
-    "@trackunit/css-class-variance-utilities": "1.11.82",
-    "@trackunit/react-components": "1.20.10",
-    "@trackunit/i18n-library-translation": "1.15.11"
+    "@trackunit/shared-utils": "1.13.84-alpha-c57027e60fa.0",
+    "@trackunit/css-class-variance-utilities": "1.11.84-alpha-c57027e60fa.0",
+    "@trackunit/react-components": "1.20.12-alpha-c57027e60fa.0",
+    "@trackunit/i18n-library-translation": "1.15.13-alpha-c57027e60fa.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/FormWizard/useFormWizard.d.ts

@@ -1,4 +1,5 @@
-import { RegisteredRouter, RouteIds } from "@tanstack/react-router";
+import { RegisteredRouter } from "@tanstack/react-router";
+import { RoutePaths } from "@tanstack/router-core";
 import { CommonProps, Refable } from "@trackunit/react-components";
 import { MappedOmit } from "@trackunit/shared-utils";
 import { ReactNode } from "react";
@@ -32,7 +33,8 @@ export type StepComponentProps<TFullSchemaHook extends () => AnyZodObject, TStep
 export interface FromWizardComponentProps<TFullSchema extends AnyZodObject, TComponentStepDefinitions extends StepDefinitions<TFullSchema>> extends MappedOmit<UseFormWizardProps<TFullSchema, TComponentStepDefinitions>, "steps">, CommonProps, Refable<HTMLDivElement> {
     steps: TComponentStepDefinitions;
 }
-export type StringWithStepKey<TPath> = TPath extends `${infer _Prefix}/$stepPath` ? TPath : never;
+type StepPathString = `${string}/$stepPath`;
+export type StringWithStepKey<TPath> = [TPath] extends [never] ? StepPathString : string extends TPath ? StepPathString : TPath extends StepPathString ? TPath : never;
 /**
  * The main props interface for the useFormWizard hook.
  * This interface contains the full configuration needed
@@ -42,7 +44,7 @@ export interface UseFormWizardProps<TFullSchema extends SomeZodObject, TStepDefi
     fullFormSchema: TFullSchema;
     lastStepPrimaryActionLabel: string;
     onCancel?: (stepKey: string) => void;
-    basePath: StringWithStepKey<`${RouteIds<RegisteredRouter["routeTree"]>}`>;
+    basePath: StringWithStepKey<`${RoutePaths<RegisteredRouter["routeTree"]>}`>;
     steps: TStepDefinitions;
     isEdit?: boolean;
 }

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.d.ts

@@ -1,4 +1,5 @@
-import { RegisteredRouter, RouteIds } from "@tanstack/react-router";
+import { RegisteredRouter } from "@tanstack/react-router";
+import { RoutePaths } from "@tanstack/router-core";
 import { CommonProps } from "@trackunit/react-components";
 import { MouseEventHandler } from "react";
 import { StepState, StringWithStepKey } from "../FormWizard/useFormWizard";
@@ -6,7 +7,7 @@ interface FormWizardSidebarStepProps extends CommonProps {
     state: StepState;
     stepNumber?: number;
     title: string;
-    basePath: StringWithStepKey<`${RouteIds<RegisteredRouter["routeTree"]>}`>;
+    basePath: StringWithStepKey<`${RoutePaths<RegisteredRouter["routeTree"]>}`>;
     subTitle?: string;
     path: string;
     onClickNavigate: MouseEventHandler<HTMLElement>;

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;