@trackunit/react-form-wizard 1.24.1 → 1.24.2

package/index.cjs.js

@@ -459,7 +459,7 @@ const cvaStepContainer = cssClassVarianceUtilities.cvaMerge(["h-full", "grid", "
  * });
  * ```
  */
-const FormWizard = ({ lastStepPrimaryActionLabel, isEdit = false, steps, fullFormSchema, onCancel, className, "data-testid": dataTestId, basePath, ref, }) => {
+const FormWizard = ({ lastStepPrimaryActionLabel, isEdit = false, steps, fullFormSchema, onCancel, className, "data-testid": dataTestId, basePath, ref, style, }) => {
     const navigate = reactRouter.useNavigate();
     const { stepPath, subStepPath } = reactRouter.useParams({ strict: false });
     const initialFullFormState = react.useMemo(() => sharedUtils.objectFromEntries(sharedUtils.objectEntries(steps)
@@ -604,7 +604,7 @@ const FormWizard = ({ lastStepPrimaryActionLabel, isEdit = false, steps, fullFor
         steps,
         initialFullFormState,
     ]);
-    return (jsxRuntime.jsx("div", { className: cvaFormWizardContainer({ className }), "data-testid": dataTestId, ref: ref, children: jsxRuntime.jsxs("div", { className: cvaFormWizardLayout(), children: [jsxRuntime.jsx(FormWizardSidebar, { children: sidebarSteps }), jsxRuntime.jsx("div", { className: cvaStepContainer(), children: stepWrapper })] }) }));
+    return (jsxRuntime.jsx("div", { className: cvaFormWizardContainer({ className }), "data-testid": dataTestId, ref: ref, style: style, children: jsxRuntime.jsxs("div", { className: cvaFormWizardLayout(), children: [jsxRuntime.jsx(FormWizardSidebar, { children: sidebarSteps }), jsxRuntime.jsx("div", { className: cvaStepContainer(), children: stepWrapper })] }) }));
 };
 
 /**
@@ -668,7 +668,7 @@ const useFormWizard = (props) => {
  * This component is not intended to be used in production code.
  * It is used to test the individual steps of a form wizard.
  */
-const TestHelperFormWizardStep = ({ stepKey, fullFormSchema, defaultValues, children, overrides = {}, }) => {
+const TestHelperFormWizardStep = ({ stepKey, fullFormSchema, defaultValues, children, overrides = {}, style, }) => {
     const form = reactHookForm.useForm({
         resolver: zod.zodResolver(fullFormSchema.shape[stepKey]),
         mode: "all",
@@ -679,10 +679,12 @@ const TestHelperFormWizardStep = ({ stepKey, fullFormSchema, defaultValues, chil
         mode: "all",
         defaultValues: defaultValues,
     });
-    return (jsxRuntime.jsx(reactHookForm.FormProvider, { ...form, children: jsxRuntime.jsx("div", { "data-testid": stepKey, children: children({
+    return (jsxRuntime.jsx(reactHookForm.FormProvider, { ...form, children: jsxRuntime.jsx("div", { "data-testid": stepKey, style: style, children: children({
                 form,
                 fullForm,
-                setSubmitHandler: () => { },
+                setSubmitHandler: () => {
+                    /* noop */
+                },
                 ...overrides,
             }) }) }));
 };

package/index.esm.js

@@ -457,7 +457,7 @@ const cvaStepContainer = cvaMerge(["h-full", "grid", "bg-white", "overflow-hidde
  * });
  * ```
  */
-const FormWizard = ({ lastStepPrimaryActionLabel, isEdit = false, steps, fullFormSchema, onCancel, className, "data-testid": dataTestId, basePath, ref, }) => {
+const FormWizard = ({ lastStepPrimaryActionLabel, isEdit = false, steps, fullFormSchema, onCancel, className, "data-testid": dataTestId, basePath, ref, style, }) => {
     const navigate = useNavigate();
     const { stepPath, subStepPath } = useParams({ strict: false });
     const initialFullFormState = useMemo(() => objectFromEntries(objectEntries(steps)
@@ -602,7 +602,7 @@ const FormWizard = ({ lastStepPrimaryActionLabel, isEdit = false, steps, fullFor
         steps,
         initialFullFormState,
     ]);
-    return (jsx("div", { className: cvaFormWizardContainer({ className }), "data-testid": dataTestId, ref: ref, children: jsxs("div", { className: cvaFormWizardLayout(), children: [jsx(FormWizardSidebar, { children: sidebarSteps }), jsx("div", { className: cvaStepContainer(), children: stepWrapper })] }) }));
+    return (jsx("div", { className: cvaFormWizardContainer({ className }), "data-testid": dataTestId, ref: ref, style: style, children: jsxs("div", { className: cvaFormWizardLayout(), children: [jsx(FormWizardSidebar, { children: sidebarSteps }), jsx("div", { className: cvaStepContainer(), children: stepWrapper })] }) }));
 };
 
 /**
@@ -666,7 +666,7 @@ const useFormWizard = (props) => {
  * This component is not intended to be used in production code.
  * It is used to test the individual steps of a form wizard.
  */
-const TestHelperFormWizardStep = ({ stepKey, fullFormSchema, defaultValues, children, overrides = {}, }) => {
+const TestHelperFormWizardStep = ({ stepKey, fullFormSchema, defaultValues, children, overrides = {}, style, }) => {
     const form = useForm({
         resolver: zodResolver(fullFormSchema.shape[stepKey]),
         mode: "all",
@@ -677,10 +677,12 @@ const TestHelperFormWizardStep = ({ stepKey, fullFormSchema, defaultValues, chil
         mode: "all",
         defaultValues: defaultValues,
     });
-    return (jsx(FormProvider, { ...form, children: jsx("div", { "data-testid": stepKey, children: children({
+    return (jsx(FormProvider, { ...form, children: jsx("div", { "data-testid": stepKey, style: style, children: children({
                 form,
                 fullForm,
-                setSubmitHandler: () => { },
+                setSubmitHandler: () => {
+                    /* noop */
+                },
                 ...overrides,
             }) }) }));
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/react-form-wizard",
-  "version": "1.24.1",
+  "version": "1.24.2",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "dependencies": {

package/src/FormWizard/FormWizard.d.ts

@@ -108,4 +108,4 @@ export type FormWizardStepFormReturnMap<TFullSchema extends AnyZodObject> = Part
  * });
  * ```
  */
-export declare const FormWizard: <TFullSchema extends AnyZodObject, TComponentStepDefinitions extends StepDefinitions<TFullSchema>>({ lastStepPrimaryActionLabel, isEdit, steps, fullFormSchema, onCancel, className, "data-testid": dataTestId, basePath, ref, }: FromWizardComponentProps<TFullSchema, TComponentStepDefinitions>) => import("react/jsx-runtime").JSX.Element;
+export declare const FormWizard: <TFullSchema extends AnyZodObject, TComponentStepDefinitions extends StepDefinitions<TFullSchema>>({ lastStepPrimaryActionLabel, isEdit, steps, fullFormSchema, onCancel, className, "data-testid": dataTestId, basePath, ref, style, }: FromWizardComponentProps<TFullSchema, TComponentStepDefinitions>) => import("react/jsx-runtime").JSX.Element;

package/src/FormWizard/useFormWizard.d.ts

@@ -1,6 +1,6 @@
 import { RegisteredRouter } from "@tanstack/react-router";
 import { RoutePaths } from "@tanstack/router-core";
-import { CommonProps, Refable } from "@trackunit/react-components";
+import { CommonProps, Refable, type Styleable } from "@trackunit/react-components";
 import { MappedOmit } from "@trackunit/shared-utils";
 import { ReactNode } from "react";
 import { UseFormReturn } from "react-hook-form";
@@ -30,7 +30,7 @@ interface DefinedStep<TStepSchema extends TFullSchemaValue[keyof TFullSchemaValu
     defaultValues?: Partial<TStepSchema>;
 }
 export type StepComponentProps<TFullSchemaHook extends () => AnyZodObject, TStepKey extends keyof z.TypeOf<ReturnType<TFullSchemaHook>>> = StepComponentPropsInner<z.TypeOf<ReturnType<TFullSchemaHook>>[TStepKey], z.TypeOf<ReturnType<TFullSchemaHook>>>;
-export interface FromWizardComponentProps<TFullSchema extends AnyZodObject, TComponentStepDefinitions extends StepDefinitions<TFullSchema>> extends MappedOmit<UseFormWizardProps<TFullSchema, TComponentStepDefinitions>, "steps">, CommonProps, Refable<HTMLDivElement> {
+export interface FromWizardComponentProps<TFullSchema extends AnyZodObject, TComponentStepDefinitions extends StepDefinitions<TFullSchema>> extends MappedOmit<UseFormWizardProps<TFullSchema, TComponentStepDefinitions>, "steps">, CommonProps, Refable<HTMLDivElement>, Styleable {
     steps: TComponentStepDefinitions;
 }
 type StepPathString = `${string}/$stepPath`;

package/src/TestHelpers/TestHelperFormWizardStep.d.ts

@@ -1,8 +1,9 @@
+import type { Styleable } from "@trackunit/react-components";
 import { ReactNode } from "react";
 import { DefaultValues } from "react-hook-form";
 import { AnyZodObject, z } from "zod";
 import { StepComponentProps } from "../FormWizard/useFormWizard";
-export interface TestHelperFormWizardStepProps<TStepKey extends keyof z.infer<TFullSchema>, TFullSchema extends AnyZodObject> {
+export interface TestHelperFormWizardStepProps<TStepKey extends keyof z.infer<TFullSchema>, TFullSchema extends AnyZodObject> extends Styleable {
     overrides?: Partial<StepComponentProps<() => TFullSchema, TStepKey>>;
     fullFormSchema: TFullSchema;
     stepKey: TStepKey;
@@ -14,4 +15,4 @@ export interface TestHelperFormWizardStepProps<TStepKey extends keyof z.infer<TF
  * This component is not intended to be used in production code.
  * It is used to test the individual steps of a form wizard.
  */
-export declare const TestHelperFormWizardStep: <TStepKey extends keyof z.infer<TFullSchema>, TFullSchema extends AnyZodObject>({ stepKey, fullFormSchema, defaultValues, children, overrides, }: TestHelperFormWizardStepProps<TStepKey, TFullSchema>) => import("react/jsx-runtime").JSX.Element;
+export declare const TestHelperFormWizardStep: <TStepKey extends keyof z.infer<TFullSchema>, TFullSchema extends AnyZodObject>({ stepKey, fullFormSchema, defaultValues, children, overrides, style, }: TestHelperFormWizardStepProps<TStepKey, TFullSchema>) => import("react/jsx-runtime").JSX.Element;