@trackunit/react-form-wizard 1.17.23-alpha-192bcb42ded.0 → 1.17.24

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.23-alpha-192bcb42ded.0",
+  "version": "1.17.24",
   "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.87-alpha-192bcb42ded.0",
-    "@trackunit/css-class-variance-utilities": "1.11.87-alpha-192bcb42ded.0",
-    "@trackunit/react-components": "1.20.16-alpha-192bcb42ded.0",
-    "@trackunit/i18n-library-translation": "1.15.18-alpha-192bcb42ded.0"
+    "@trackunit/shared-utils": "1.13.87",
+    "@trackunit/css-class-variance-utilities": "1.11.87",
+    "@trackunit/react-components": "1.20.17",
+    "@trackunit/i18n-library-translation": "1.15.18"
   },
   "engines": {
     "node": ">=24.x",

package/src/FormWizard/useFormWizard.d.ts

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

package/src/FormWizardSidebarStep/FormWizardSidebarStep.d.ts

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