npm - @lumeweb/portal-framework-ui - Versions diffs - 0.1.0 → 0.1.1 - Mend

@lumeweb/portal-framework-ui 0.1.0 → 0.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1349) hide show

package/dist/esm/components/form/SchemaForm.js CHANGED Viewed

@@ -1,17 +1,16 @@
-import { __esmMin } from "../../_virtual/rolldown_runtime.js";
 import { useDialog } from "../dialog/Dialog.context.js";
 import { useIsFormDialog } from "../dialog/utils/dialogDetection.js";
-import { adapters, init_adapters } from "./adapters.js";
-import { FormProvider, init_context } from "./context.js";
-import { AdapterType, init_types, isStepFormConfig } from "./types.js";
-import { FormRenderer, init_FormRenderer } from "./FormRenderer.js";
-import { handleFormSubmission, init_core } from "./handlers/core.js";
-import { computeAutoSaveConfig, init_autoSave } from "./utils/autoSave.js";
+import { adapters } from "./adapters.js";
+import { FormProvider } from "./context.js";
+import { AdapterType, isStepFormConfig } from "./types.js";
+import { FormRenderer } from "./FormRenderer.js";
+import { handleFormSubmission } from "./handlers/core.js";
+import { computeAutoSaveConfig } from "./utils/autoSave.js";
 import { Environment } from "../shared/environment/builders.js";
 import { UnifiedFooter } from "../shared/UnifiedFooter.js";
 import { renderHeader } from "../shared/utils/renderHeader.js";
 import { useForceRerender } from "../shared/hooks/useForceRerender.js";
-import { init_components } from "../index.js";
+import "../index.js";
 import { Form, cn } from "@lumeweb/portal-framework-ui-core";
 import { AutoSaveIndicator, useNotification } from "@refinedev/core";
 import React, { useEffect, useMemo } from "react";
@@ -19,14 +18,15 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { isElement, isValidElementType } from "react-is";
 //#region src/components/form/SchemaForm.tsx
+const defaultFooterCss = "pt-4 mt-4 border-t";
 function SchemaForm({ active = true, closeDialog = () => void 0, config }) {
 	if (!active) return null;
 	const { currentDialog, setFormMethods: setFormInstance, formMethods } = useDialog();
 	const { open: openNotification } = useNotification();
 	const isInDialog = useIsFormDialog();
 	if (!config) throw new Error("SchemaForm requires a form config");
-	const shouldUseRefine = config.adapter === AdapterType.REFINE || config.refine || Boolean(config.refineCoreProps?.resource);
-	const adapterName = shouldUseRefine ? AdapterType.REFINE : config.adapter ?? AdapterType.RHF;
+	const shouldUseRefine = config.adapter === "refine" || config.refine || Boolean(config.refineCoreProps?.resource);
+	const adapterName = shouldUseRefine ? "refine" : config.adapter ?? "rhf";
 	const adapter = adapters[adapterName];
 	const autoSaveConfig = computeAutoSaveConfig(config.autoSave);
 	const formInstance = adapter.useForm({
@@ -135,20 +135,20 @@ function renderFooter(footerConfig, footerProps, isInDialog, currentDialog) {
 	if (footerConfig === void 0) {
 		const { config, formMethods, closeDialog } = footerProps;
 		const isSubmitting = formMethods?.formState?.isSubmitting || false;
-		const footerEnvironment$1 = Environment.footer();
-		if (isInDialog) footerEnvironment$1.dialog({
+		const footerEnvironment = Environment.footer();
+		if (isInDialog) footerEnvironment.dialog({
 			dialogConfig: currentDialog,
 			onClose: config.onCancel || closeDialog
 		});
-		else footerEnvironment$1.standalone();
-		footerEnvironment$1.simpleForm({
+		else footerEnvironment.standalone();
+		footerEnvironment.simpleForm({
 			isSubmitting,
 			methods: formMethods
 		});
 		return /* @__PURE__ */ jsx(UnifiedFooter, {
 			className: footerProps.className,
 			config: { ...config },
-			environment: footerEnvironment$1.build()
+			environment: footerEnvironment.build()
 		});
 	}
 	if (footerConfig === false) return null;
@@ -166,19 +166,7 @@ function renderFooter(footerConfig, footerProps, isInDialog, currentDialog) {
 		environment: footerEnvironment
 	});
 }
-var defaultFooterCss;
-var init_SchemaForm = __esmMin(() => {
-	init_components();
-	init_adapters();
-	init_context();
-	init_FormRenderer();
-	init_core();
-	init_types();
-	init_autoSave();
-	defaultFooterCss = "pt-4 mt-4 border-t";
-});
 //#endregion
-init_SchemaForm();
-export { SchemaForm, init_SchemaForm };
+export { SchemaForm };
 //# sourceMappingURL=SchemaForm.js.map

package/dist/esm/components/form/SchemaForm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SchemaForm.js","names":["AdapterFormProvider","footerEnvironment"],"sources":["../../../../src/components/form/SchemaForm.tsx"],"sourcesContent":["import type { DefaultValues, FieldValues } from \"react-hook-form\";\n\nimport {\n Form as AdapterFormProvider,\n cn,\n} from \"@lumeweb/portal-framework-ui-core\";\nimport {\n AutoSaveIndicator,\n BaseRecord,\n type FormAction,\n useNotification,\n} from \"@refinedev/core\";\nimport React, { useEffect, useMemo } from \"react\";\nimport { isElement, isValidElementType } from \"react-is\";\n\nimport { createFormActions } from \"@/components\";\nimport { DialogConfig, FormDialogConfig, useDialog } from \"@/components\";\nimport { useIsFormDialog } from \"@/components\";\nimport { Environment, renderHeader, UnifiedFooter } from \"@/components\";\nimport { adapters, FormAdapter, UnifiedFormReturnType } from \"./adapters\";\nimport { FormProvider } from \"./context\";\nimport { FormRenderer } from \"./FormRenderer\";\nimport { handleFormSubmission } from \"./handlers/core\";\nimport { AdapterType, type FormConfig, isStepFormConfig } from \"./types\";\nimport { computeAutoSaveConfig } from \"./utils/autoSave\";\nimport { useForceRerender as useSharedForceRerender } from \"@/components\";\n\nconst defaultFooterCss = \"pt-4 mt-4 border-t\";\n\nexport interface SchemaFormProps<\n TRequest extends FieldValues = FieldValues,\n TResponse extends BaseRecord = any,\n> {\n active?: boolean;\n closeDialog?: () => void;\n config: FormConfig<TRequest, TResponse>;\n}\n\nexport function SchemaForm<T extends FieldValues = FieldValues>({\n active = true,\n closeDialog = () => void 0,\n config,\n}: SchemaFormProps<T>) {\n if (!active) {\n return null;\n }\n\n const { currentDialog, setFormMethods: setFormInstance, formMethods } = useDialog();\n const { open: openNotification } = useNotification();\n const isInDialog = useIsFormDialog();\n\n if (!config) throw new Error(\"SchemaForm requires a form config\");\n\n // Determine adapter - prioritize explicit config, then refine resource presence\n const shouldUseRefine =\n config.adapter === AdapterType.REFINE \|\|\n config.refine \|\|\n Boolean(config.refineCoreProps?.resource);\n const adapterName = shouldUseRefine\n ? AdapterType.REFINE\n : (config.adapter ?? AdapterType.RHF);\n const adapter = adapters[adapterName] as FormAdapter<T>;\n\n const autoSaveConfig = computeAutoSaveConfig(config.autoSave);\n\n const formInstance = adapter.useForm({\n defaultValues: config.defaultValues as DefaultValues<T>,\n refineCoreProps: {\n ...config.refineCoreProps,\n action: config.action,\n autoSave: autoSaveConfig,\n errorNotification: config.errorNotification,\n id: ([\"edit\", \"clone\"] as FormAction[]).includes(config.action!)\n ? config.id\n : undefined,\n redirectOnSuccess: false,\n resource: config.resource,\n successNotification: config.successNotification,\n },\n validationSchema: config.validationSchema,\n });\n\n const autoSaveProps = shouldUseRefine\n ? \"refineCore\" in formInstance\n ? formInstance.refineCore.autoSaveProps\n : undefined\n : undefined;\n\n const isActiveDialog =\n !!(\n currentDialog?.formConfig &&\n currentDialog.formConfig.formId === config.formId\n ) && isInDialog;\n\n // Implement forceRerender mechanism\n useSharedForceRerender(config.forceRerender);\n\n useEffect(() => {\n if (!setFormInstance) return;\n if (isActiveDialog) {\n setFormInstance(formInstance);\n }\n return () => {\n // clear on unmount or when dialog closes\n try {\n setFormInstance(undefined as any);\n } catch {}\n };\n }, [formInstance, setFormInstance, isActiveDialog]);\n\n const cConfig = { ...config };\n\n if (cConfig.footerClassName === undefined) {\n cConfig.footerClassName = defaultFooterCss;\n }\n\n if (cConfig.footerClassName === false) {\n cConfig.footerClassName = undefined;\n }\n\n const finalConfig: FormConfig<T> \| FormDialogConfig<T> = useMemo(\n () =>\n isActiveDialog ? { ...currentDialog!, formConfig: cConfig } : cConfig,\n [isActiveDialog, currentDialog, cConfig],\n );\n\n // Implement forceRerender mechanism\n useSharedForceRerender(config.forceRerender);\n\n const isRefineWithAutosave = shouldUseRefine && autoSaveConfig?.enabled;\n\n return (\n <FormProvider<T>\n adapter={adapterName}\n autoSave={autoSaveProps}\n config={cConfig}\n formInstance={formInstance}>\n <AdapterFormProvider\n {...(formInstance as unknown as UnifiedFormReturnType<FieldValues>)}>\n <form\n className={cn(cConfig.formClassName, {\n \"flex flex-col space-y-4\":\n cConfig.layout === \"vertical\" \|\| !cConfig.layout,\n \"flex flex-row items-end gap-4\": cConfig.layout === \"horizontal\",\n \"grid gap-4\": cConfig.layout === \"grid\",\n \"space-y-4\": cConfig.layout !== \"grid\",\n })}\n onSubmit={formInstance.handleSubmit(async () => {\n await handleFormSubmission({\n closeDialog,\n config: cConfig,\n currentDialog,\n formMethods: formInstance,\n isStep: isStepFormConfig(cConfig),\n onError: async (error) => {\n if (adapterName !== \"refine\" && cConfig.errorNotification) {\n const notification =\n typeof cConfig.errorNotification === \"function\"\n ? cConfig.errorNotification(error)\n : cConfig.errorNotification;\n openNotification?.(notification);\n }\n },\n onSubmit: async (data) =>\n adapter.submitHandler(cConfig, formInstance),\n });\n })}>\n {renderHeader({\n actions: cConfig.actions,\n className: \"form-header\",\n description: cConfig.description,\n header: cConfig.header,\n isDialog: isActiveDialog,\n title: cConfig.title,\n unifiedHeaderConfig: cConfig,\n })}\n <FormRenderer fields={cConfig.fields} groups={cConfig.groups} />\n {renderFooter(\n cConfig.footer,\n {\n className: cConfig.footerClassName,\n closeDialog,\n config: finalConfig,\n formMethods: formInstance,\n },\n isActiveDialog,\n currentDialog,\n )}\n {isRefineWithAutosave && (\n <AutoSaveIndicator\n {...autoSaveProps!}\n elements={cConfig.autoSaveStates}\n />\n )}\n </form>\n </AdapterFormProvider>\n </FormProvider>\n );\n}\n\n// Helper function to render footer based on configuration\nfunction renderFooter(\n footerConfig: any,\n footerProps: any,\n isInDialog: boolean,\n currentDialog?: DialogConfig,\n): React.ReactNode {\n // If footer is undefined, check if we're in a dialog context\n if (footerConfig === undefined) {\n const { config, formMethods, closeDialog } = footerProps;\n const isSubmitting = formMethods?.formState?.isSubmitting \|\| false;\n\n const footerEnvironment = Environment.footer();\n\n if (isInDialog) {\n footerEnvironment.dialog({\n dialogConfig: currentDialog,\n onClose: config.onCancel \|\| closeDialog,\n });\n } else {\n footerEnvironment.standalone();\n }\n footerEnvironment.simpleForm({\n isSubmitting,\n methods: formMethods,\n });\n\n return (\n <UnifiedFooter\n className={footerProps.className}\n config={{ ...config }}\n environment={footerEnvironment.build()}\n />\n );\n }\n\n // If footer is false, render nothing\n if (footerConfig === false) {\n return null;\n }\n\n // If footer is a React element or functional component, render it\n if (isElement(footerConfig) \|\| isValidElementType(footerConfig)) {\n // If it's a valid element, render it directly\n if (isElement(footerConfig)) {\n return footerConfig;\n }\n // If it's a valid component type, instantiate it with footerProps\n if (isValidElementType(footerConfig)) {\n const FooterComponent = footerConfig as React.ComponentType<any>;\n return <FooterComponent {...footerProps} />;\n }\n }\n\n // For any other case, render default unified footer\n const footerEnvironment = Environment.footer()\n .standalone()\n .simpleForm({\n isSubmitting: footerProps.formMethods?.formState?.isSubmitting \|\| false,\n methods: footerProps.formMethods,\n })\n .build();\n return (\n <UnifiedFooter\n className={footerProps.className}\n config={footerProps.config}\n environment={footerEnvironment}\n />\n );\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"SchemaForm.js","names":["AdapterFormProvider","FooterComponent"],"sources":["../../../../src/components/form/SchemaForm.tsx"],"sourcesContent":["import type { DefaultValues, FieldValues } from \"react-hook-form\";\n\nimport {\n Form as AdapterFormProvider,\n cn,\n} from \"@lumeweb/portal-framework-ui-core\";\nimport {\n AutoSaveIndicator,\n BaseRecord,\n type FormAction,\n useNotification,\n} from \"@refinedev/core\";\nimport React, { useEffect, useMemo } from \"react\";\nimport { isElement, isValidElementType } from \"react-is\";\n\nimport { createFormActions } from \"@/components\";\nimport { DialogConfig, FormDialogConfig, useDialog } from \"@/components\";\nimport { useIsFormDialog } from \"@/components\";\nimport { Environment, renderHeader, UnifiedFooter } from \"@/components\";\nimport { adapters, FormAdapter, UnifiedFormReturnType } from \"./adapters\";\nimport { FormProvider } from \"./context\";\nimport { FormRenderer } from \"./FormRenderer\";\nimport { handleFormSubmission } from \"./handlers/core\";\nimport { AdapterType, type FormConfig, isStepFormConfig } from \"./types\";\nimport { computeAutoSaveConfig } from \"./utils/autoSave\";\nimport { useForceRerender as useSharedForceRerender } from \"@/components\";\n\nconst defaultFooterCss = \"pt-4 mt-4 border-t\";\n\nexport interface SchemaFormProps<\n TRequest extends FieldValues = FieldValues,\n TResponse extends BaseRecord = any,\n> {\n active?: boolean;\n closeDialog?: () => void;\n config: FormConfig<TRequest, TResponse>;\n}\n\nexport function SchemaForm<T extends FieldValues = FieldValues>({\n active = true,\n closeDialog = () => void 0,\n config,\n}: SchemaFormProps<T>) {\n if (!active) {\n return null;\n }\n\n const { currentDialog, setFormMethods: setFormInstance, formMethods } = useDialog();\n const { open: openNotification } = useNotification();\n const isInDialog = useIsFormDialog();\n\n if (!config) throw new Error(\"SchemaForm requires a form config\");\n\n // Determine adapter - prioritize explicit config, then refine resource presence\n const shouldUseRefine =\n config.adapter === AdapterType.REFINE \|\|\n config.refine \|\|\n Boolean(config.refineCoreProps?.resource);\n const adapterName = shouldUseRefine\n ? AdapterType.REFINE\n : (config.adapter ?? AdapterType.RHF);\n const adapter = adapters[adapterName] as FormAdapter<T>;\n\n const autoSaveConfig = computeAutoSaveConfig(config.autoSave);\n\n const formInstance = adapter.useForm({\n defaultValues: config.defaultValues as DefaultValues<T>,\n refineCoreProps: {\n ...config.refineCoreProps,\n action: config.action,\n autoSave: autoSaveConfig,\n errorNotification: config.errorNotification,\n id: ([\"edit\", \"clone\"] as FormAction[]).includes(config.action!)\n ? config.id\n : undefined,\n redirectOnSuccess: false,\n resource: config.resource,\n successNotification: config.successNotification,\n },\n validationSchema: config.validationSchema,\n });\n\n const autoSaveProps = shouldUseRefine\n ? \"refineCore\" in formInstance\n ? formInstance.refineCore.autoSaveProps\n : undefined\n : undefined;\n\n const isActiveDialog =\n !!(\n currentDialog?.formConfig &&\n currentDialog.formConfig.formId === config.formId\n ) && isInDialog;\n\n // Implement forceRerender mechanism\n useSharedForceRerender(config.forceRerender);\n\n useEffect(() => {\n if (!setFormInstance) return;\n if (isActiveDialog) {\n setFormInstance(formInstance);\n }\n return () => {\n // clear on unmount or when dialog closes\n try {\n setFormInstance(undefined as any);\n } catch {}\n };\n }, [formInstance, setFormInstance, isActiveDialog]);\n\n const cConfig = { ...config };\n\n if (cConfig.footerClassName === undefined) {\n cConfig.footerClassName = defaultFooterCss;\n }\n\n if (cConfig.footerClassName === false) {\n cConfig.footerClassName = undefined;\n }\n\n const finalConfig: FormConfig<T> \| FormDialogConfig<T> = useMemo(\n () =>\n isActiveDialog ? { ...currentDialog!, formConfig: cConfig } : cConfig,\n [isActiveDialog, currentDialog, cConfig],\n );\n\n // Implement forceRerender mechanism\n useSharedForceRerender(config.forceRerender);\n\n const isRefineWithAutosave = shouldUseRefine && autoSaveConfig?.enabled;\n\n return (\n <FormProvider<T>\n adapter={adapterName}\n autoSave={autoSaveProps}\n config={cConfig}\n formInstance={formInstance}>\n <AdapterFormProvider\n {...(formInstance as unknown as UnifiedFormReturnType<FieldValues>)}>\n <form\n className={cn(cConfig.formClassName, {\n \"flex flex-col space-y-4\":\n cConfig.layout === \"vertical\" \|\| !cConfig.layout,\n \"flex flex-row items-end gap-4\": cConfig.layout === \"horizontal\",\n \"grid gap-4\": cConfig.layout === \"grid\",\n \"space-y-4\": cConfig.layout !== \"grid\",\n })}\n onSubmit={formInstance.handleSubmit(async () => {\n await handleFormSubmission({\n closeDialog,\n config: cConfig,\n currentDialog,\n formMethods: formInstance,\n isStep: isStepFormConfig(cConfig),\n onError: async (error) => {\n if (adapterName !== \"refine\" && cConfig.errorNotification) {\n const notification =\n typeof cConfig.errorNotification === \"function\"\n ? cConfig.errorNotification(error)\n : cConfig.errorNotification;\n openNotification?.(notification);\n }\n },\n onSubmit: async (data) =>\n adapter.submitHandler(cConfig, formInstance),\n });\n })}>\n {renderHeader({\n actions: cConfig.actions,\n className: \"form-header\",\n description: cConfig.description,\n header: cConfig.header,\n isDialog: isActiveDialog,\n title: cConfig.title,\n unifiedHeaderConfig: cConfig,\n })}\n <FormRenderer fields={cConfig.fields} groups={cConfig.groups} />\n {renderFooter(\n cConfig.footer,\n {\n className: cConfig.footerClassName,\n closeDialog,\n config: finalConfig,\n formMethods: formInstance,\n },\n isActiveDialog,\n currentDialog,\n )}\n {isRefineWithAutosave && (\n <AutoSaveIndicator\n {...autoSaveProps!}\n elements={cConfig.autoSaveStates}\n />\n )}\n </form>\n </AdapterFormProvider>\n </FormProvider>\n );\n}\n\n// Helper function to render footer based on configuration\nfunction renderFooter(\n footerConfig: any,\n footerProps: any,\n isInDialog: boolean,\n currentDialog?: DialogConfig,\n): React.ReactNode {\n // If footer is undefined, check if we're in a dialog context\n if (footerConfig === undefined) {\n const { config, formMethods, closeDialog } = footerProps;\n const isSubmitting = formMethods?.formState?.isSubmitting \|\| false;\n\n const footerEnvironment = Environment.footer();\n\n if (isInDialog) {\n footerEnvironment.dialog({\n dialogConfig: currentDialog,\n onClose: config.onCancel \|\| closeDialog,\n });\n } else {\n footerEnvironment.standalone();\n }\n footerEnvironment.simpleForm({\n isSubmitting,\n methods: formMethods,\n });\n\n return (\n <UnifiedFooter\n className={footerProps.className}\n config={{ ...config }}\n environment={footerEnvironment.build()}\n />\n );\n }\n\n // If footer is false, render nothing\n if (footerConfig === false) {\n return null;\n }\n\n // If footer is a React element or functional component, render it\n if (isElement(footerConfig) \|\| isValidElementType(footerConfig)) {\n // If it's a valid element, render it directly\n if (isElement(footerConfig)) {\n return footerConfig;\n }\n // If it's a valid component type, instantiate it with footerProps\n if (isValidElementType(footerConfig)) {\n const FooterComponent = footerConfig as React.ComponentType<any>;\n return <FooterComponent {...footerProps} />;\n }\n }\n\n // For any other case, render default unified footer\n const footerEnvironment = Environment.footer()\n .standalone()\n .simpleForm({\n isSubmitting: footerProps.formMethods?.formState?.isSubmitting \|\| false,\n methods: footerProps.formMethods,\n })\n .build();\n return (\n <UnifiedFooter\n className={footerProps.className}\n config={footerProps.config}\n environment={footerEnvironment}\n />\n );\n}\n"],"mappings":"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"}

package/dist/esm/components/form/StepControlContext.d.ts CHANGED Viewed

@@ -1,5 +1,4 @@
 import { NavigationType } from "../shared/types/header.js";
-import "../index.js";
 import React from "react";
 //#region src/components/form/StepControlContext.d.ts

package/dist/esm/components/form/StepControlContext.js CHANGED Viewed

@@ -1,8 +1,8 @@
-import { __esmMin } from "../../_virtual/rolldown_runtime.js";
 import React, { createContext, useCallback, useContext, useMemo, useState } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/form/StepControlContext.tsx
+const StepControlContext = createContext(void 0);
 /**
 * Provider component for step control functionality
 * Handles step navigation logic and state management
@@ -243,12 +243,7 @@ function useStepControlContext() {
 	if (context === void 0) throw new Error("useStepControl must be used within a StepControlProvider");
 	return context;
 }
-var StepControlContext;
-var init_StepControlContext = __esmMin(() => {
-	StepControlContext = createContext(void 0);
-});
 //#endregion
-init_StepControlContext();
-export { StepControlProvider, init_StepControlContext, useCreateStepControl, useOptionalStepControlContext, useStepControl, useStepControlContext };
+export { StepControlProvider, useCreateStepControl, useOptionalStepControlContext, useStepControl, useStepControlContext };
 //# sourceMappingURL=StepControlContext.js.map

package/dist/esm/components/form/StepControlContext.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StepControlContext.js","names":[],"sources":["../../../../src/components/form/StepControlContext.tsx"],"sourcesContent":["import React, {\n createContext,\n useCallback,\n useContext,\n useMemo,\n useState,\n} from \"react\";\n\nimport type { NavigationType } from \"@/components\";\n\n/*\n Interface for step control context values\n /\nexport interface StepControlContextType {\n /\n Current active step index\n /\n currentStep: number;\n /\n Navigate to a specific step\n * @param step - The step index to navigate to\n /\n goToStep: (step: number) => void;\n /\n Jump to a specific step without transition animation\n * @param step - The step index to jump to\n /\n jumpTo: (step: number) => void;\n /\n Navigate to the next step\n /\n handleNext: () => Promise<void>;\n /\n Navigate to the previous step\n /\n handlePrevious: () => Promise<void>;\n /\n Retry the current step\n /\n handleRetry: () => Promise<void>;\n /\n Number of times the current step has been retried\n /\n retryCount: number;\n /\n Whether the current step is the first step\n /\n isFirstStep: boolean;\n /\n Whether the current step is the last step\n /\n isLastStep: boolean;\n /\n Total number of steps\n /\n totalSteps: number;\n /\n Transition state with navigation direction\n /\n transitionState: {\n direction: \"backward\" \| \"forward\" \| null;\n enteringStep: null \| number;\n exitingStep: null \| number;\n };\n}\n\nconst StepControlContext = createContext<StepControlContextType \| undefined>(\n undefined,\n);\n\nexport interface StepControlProviderProps {\n children: React.ReactNode;\n /\n Default step to start on\n /\n defaultStep?: number;\n /\n Function to handle step submission\n /\n handleStepSubmit?: () => Promise<void>;\n /\n Whether to validate when going back steps\n /\n isBackValidate?: boolean;\n /\n Callback when step changes\n /\n onStepChange?: (step: number) => void;\n /\n Callback when step is retried\n /\n onStepRetry?: (step: number) => void;\n /\n Callback when navigation starts\n /\n onNavigationStart?: (\n fromStep: number,\n toStep: number,\n type: NavigationType,\n ) => void;\n /\n Callback when navigation ends successfully\n /\n onNavigationEnd?: (\n fromStep: number,\n toStep: number,\n type: NavigationType,\n ) => void;\n /\n Callback when navigation fails\n /\n onNavigationError?: (\n fromStep: number,\n toStep: number,\n type: NavigationType,\n error: any,\n ) => void;\n /\n Total number of steps\n /\n totalSteps?: number;\n /\n Function to trigger validation for the current step\n /\n triggerValidation?: () => Promise<boolean>;\n}\n\n/\n Hook to create step control state independently\n * This hook can be used outside of StepControlProvider\n /\nexport interface UseCreateStepControlOptions {\n /\n Default step to start on\n * @default 1\n /\n defaultStep?: number;\n /\n Function to handle step submission\n /\n handleStepSubmit?: () => Promise<void>;\n /\n Whether to validate when going back steps\n * @default false\n /\n isBackValidate?: boolean;\n /\n Callback when step changes\n /\n onStepChange?: (step: number) => void;\n /\n Callback when step is retried\n /\n onStepRetry?: (step: number) => void;\n /\n Callback when navigation starts\n /\n onNavigationStart?: (\n fromStep: number,\n toStep: number,\n type: NavigationType,\n ) => void;\n /\n Callback when navigation ends successfully\n /\n onNavigationEnd?: (\n fromStep: number,\n toStep: number,\n type: NavigationType,\n ) => void;\n /\n Callback when navigation fails\n /\n onNavigationError?: (\n fromStep: number,\n toStep: number,\n type: NavigationType,\n error: any,\n ) => void;\n /\n Total number of steps\n /\n totalSteps: number;\n /\n Function to trigger validation for the current step\n /\n triggerValidation?: () => Promise<boolean>;\n}\n\n/\n Provider component for step control functionality\n * Handles step navigation logic and state management\n /\nexport function StepControlProvider({\n children,\n defaultStep,\n handleStepSubmit,\n isBackValidate,\n onStepChange,\n onStepRetry,\n onNavigationStart,\n onNavigationEnd,\n onNavigationError,\n totalSteps,\n triggerValidation,\n}: StepControlProviderProps) {\n const stepControl = useCreateStepControl({\n defaultStep: defaultStep ?? 1,\n handleStepSubmit,\n isBackValidate: isBackValidate ?? false,\n onStepChange,\n onStepRetry,\n onNavigationStart,\n onNavigationEnd,\n onNavigationError,\n totalSteps: totalSteps ?? 1,\n triggerValidation,\n });\n\n return (\n <StepControlContext.Provider value={stepControl}>\n {children}\n </StepControlContext.Provider>\n );\n}\n\nexport function useCreateStepControl({\n defaultStep = 1,\n handleStepSubmit,\n isBackValidate = false,\n onStepChange,\n onStepRetry,\n onNavigationStart,\n onNavigationEnd,\n onNavigationError,\n totalSteps: totalStepsProp,\n triggerValidation,\n}: UseCreateStepControlOptions): StepControlContextType {\n const [currentStep, setCurrentStep] = useState(defaultStep);\n const [retryCount, setRetryCount] = useState(0);\n const [transitionState, setTransitionState] = useState<{\n direction: \"backward\" \| \"forward\" \| null;\n enteringStep: null \| number;\n exitingStep: null \| number;\n }>({\n direction: null,\n enteringStep: null,\n exitingStep: null,\n });\n\n const isFirstStep = currentStep === 1;\n const isLastStep = currentStep === totalStepsProp;\n\n const goToStep = useCallback(\n (step: number) => {\n const targetStep = Math.max(1, Math.min(step, totalStepsProp));\n\n // Call navigation start callback\n try {\n onNavigationStart?.(currentStep, targetStep, \"goTo\");\n } catch (error) {\n onNavigationError?.(currentStep, targetStep, \"goTo\", error);\n return;\n }\n\n if (targetStep === currentStep) {\n onNavigationEnd?.(currentStep, targetStep, \"goTo\");\n return;\n }\n\n // Reset retry count when navigating to a different step\n setRetryCount(0);\n\n // Determine navigation direction\n const direction = targetStep > currentStep ? \"forward\" : \"backward\";\n\n setTransitionState({\n direction,\n enteringStep: targetStep,\n exitingStep: currentStep,\n });\n\n // After transition duration, update the current step\n setTimeout(() => {\n try {\n setCurrentStep(targetStep);\n setTransitionState({\n direction: null,\n enteringStep: null,\n exitingStep: null,\n });\n onStepChange?.(targetStep);\n onNavigationEnd?.(currentStep, targetStep, \"goTo\");\n } catch (error) {\n onNavigationError?.(currentStep, targetStep, \"goTo\", error);\n }\n }, 300);\n },\n [\n totalStepsProp,\n onStepChange,\n currentStep,\n onNavigationStart,\n onNavigationEnd,\n onNavigationError,\n ],\n );\n\n const jumpTo = useCallback(\n (step: number) => {\n const targetStep = Math.max(1, Math.min(step, totalStepsProp));\n\n // Call navigation start callback\n try {\n onNavigationStart?.(currentStep, targetStep, \"jumpTo\");\n } catch (error) {\n onNavigationError?.(currentStep, targetStep, \"jumpTo\", error);\n return;\n }\n\n if (targetStep === currentStep) {\n onNavigationEnd?.(currentStep, targetStep, \"jumpTo\");\n return;\n }\n\n // Reset retry count when jumping to a different step\n setRetryCount(0);\n\n // Skip transition animation and directly set the step\n try {\n setCurrentStep(targetStep);\n onStepChange?.(targetStep);\n onNavigationEnd?.(currentStep, targetStep, \"jumpTo\");\n } catch (error) {\n onNavigationError?.(currentStep, targetStep, \"jumpTo\", error);\n }\n },\n [\n totalStepsProp,\n onStepChange,\n currentStep,\n onNavigationStart,\n onNavigationEnd,\n onNavigationError,\n ],\n );\n\n const handleRetry = useCallback(async () => {\n // Call navigation start callback\n try {\n onNavigationStart?.(currentStep, currentStep, \"retry\");\n } catch (error) {\n onNavigationError?.(currentStep, currentStep, \"retry\", error);\n return;\n }\n\n // Increment retry count\n setRetryCount((prev) => prev + 1);\n\n // Trigger transition animation for retry\n setTransitionState({\n direction: null,\n enteringStep: currentStep,\n exitingStep: currentStep,\n });\n\n // After transition duration, reset transition state, set current step to force reprocessing, and trigger callback\n setTimeout(() => {\n try {\n setTransitionState({\n direction: null,\n enteringStep: null,\n exitingStep: null,\n });\n setCurrentStep(currentStep);\n onStepRetry?.(currentStep);\n onNavigationEnd?.(currentStep, currentStep, \"retry\");\n } catch (error) {\n onNavigationError?.(currentStep, currentStep, \"retry\", error);\n }\n }, 300);\n }, [\n currentStep,\n onStepRetry,\n onNavigationStart,\n onNavigationEnd,\n onNavigationError,\n ]);\n\n const handleNext = useCallback(async () => {\n if (isLastStep) return;\n\n const targetStep = currentStep + 1;\n\n // Call navigation start callback\n try {\n onNavigationStart?.(currentStep, targetStep, \"next\");\n } catch (error) {\n onNavigationError?.(currentStep, targetStep, \"next\", error);\n return;\n }\n\n // Handle step submission if provided\n if (handleStepSubmit) {\n try {\n await handleStepSubmit();\n } catch (error) {\n onNavigationError?.(currentStep, targetStep, \"next\", error);\n return;\n }\n }\n\n goToStep(targetStep);\n }, [\n currentStep,\n isLastStep,\n goToStep,\n handleStepSubmit,\n onNavigationStart,\n onNavigationEnd,\n onNavigationError,\n ]);\n\n const handlePrevious = useCallback(async () => {\n if (isFirstStep) return;\n\n const targetStep = currentStep - 1;\n\n // Call navigation start callback\n try {\n onNavigationStart?.(currentStep, targetStep, \"previous\");\n } catch (error) {\n onNavigationError?.(currentStep, targetStep, \"previous\", error);\n return;\n }\n\n if (isBackValidate && triggerValidation) {\n try {\n const isValid = await triggerValidation();\n if (!isValid) {\n onNavigationError?.(\n currentStep,\n targetStep,\n \"previous\",\n new Error(\"Validation failed\"),\n );\n return;\n }\n } catch (error) {\n onNavigationError?.(currentStep, targetStep, \"previous\", error);\n return;\n }\n }\n\n goToStep(targetStep);\n }, [\n currentStep,\n isFirstStep,\n isBackValidate,\n triggerValidation,\n goToStep,\n onNavigationStart,\n onNavigationEnd,\n onNavigationError,\n ]);\n\n return useMemo(\n () => ({\n currentStep,\n goToStep,\n jumpTo,\n handleNext,\n handlePrevious,\n handleRetry,\n retryCount,\n isFirstStep,\n isLastStep,\n totalSteps: totalStepsProp,\n transitionState,\n }),\n [\n currentStep,\n totalStepsProp,\n isFirstStep,\n isLastStep,\n goToStep,\n jumpTo,\n handleNext,\n handlePrevious,\n handleRetry,\n retryCount,\n transitionState,\n ],\n );\n}\n\n/\n Hook to optionally consume the step control context\n * @returns StepControlContextType \| undefined - Step control methods and state, or undefined if not in context\n /\nexport function useOptionalStepControlContext() {\n return useContext(StepControlContext);\n}\n\n/\n Backward compatibility hook\n * This maintains the original API where useStepControl could be used as both\n * a context consumer and a creator depending on whether options were passed\n /\nexport function useStepControl(\n options?: UseCreateStepControlOptions,\n): StepControlContextType {\n // If options are provided, create step control state independently\n if (options) {\n return useCreateStepControl(options);\n }\n\n // Otherwise, consume context (original behavior)\n return useStepControlContext();\n}\n\n/\n Hook to consume the step control context\n * @returns StepControlContextType - Step control methods and state\n * @throws Error if used outside StepControlProvider\n */\nexport function useStepControlContext() {\n const context = useContext(StepControlContext);\n if (context === undefined) {\n throw new Error(\"useStepControl must be used within a StepControlProvider\");\n }\n return context;\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"StepControlContext.js","names":[],"sources":["../../../../src/components/form/StepControlContext.tsx"],"sourcesContent":["import React, {\n createContext,\n useCallback,\n useContext,\n useMemo,\n useState,\n} from \"react\";\n\nimport type { NavigationType } from \"@/components\";\n\n/*\n Interface for step control context values\n /\nexport interface StepControlContextType {\n /\n Current active step index\n /\n currentStep: number;\n /\n Navigate to a specific step\n * @param step - The step index to navigate to\n /\n goToStep: (step: number) => void;\n /\n Jump to a specific step without transition animation\n * @param step - The step index to jump to\n /\n jumpTo: (step: number) => void;\n /\n Navigate to the next step\n /\n handleNext: () => Promise<void>;\n /\n Navigate to the previous step\n /\n handlePrevious: () => Promise<void>;\n /\n Retry the current step\n /\n handleRetry: () => Promise<void>;\n /\n Number of times the current step has been retried\n /\n retryCount: number;\n /\n Whether the current step is the first step\n /\n isFirstStep: boolean;\n /\n Whether the current step is the last step\n /\n isLastStep: boolean;\n /\n Total number of steps\n /\n totalSteps: number;\n /\n Transition state with navigation direction\n /\n transitionState: {\n direction: \"backward\" \| \"forward\" \| null;\n enteringStep: null \| number;\n exitingStep: null \| number;\n };\n}\n\nconst StepControlContext = createContext<StepControlContextType \| undefined>(\n undefined,\n);\n\nexport interface StepControlProviderProps {\n children: React.ReactNode;\n /\n Default step to start on\n /\n defaultStep?: number;\n /\n Function to handle step submission\n /\n handleStepSubmit?: () => Promise<void>;\n /\n Whether to validate when going back steps\n /\n isBackValidate?: boolean;\n /\n Callback when step changes\n /\n onStepChange?: (step: number) => void;\n /\n Callback when step is retried\n /\n onStepRetry?: (step: number) => void;\n /\n Callback when navigation starts\n /\n onNavigationStart?: (\n fromStep: number,\n toStep: number,\n type: NavigationType,\n ) => void;\n /\n Callback when navigation ends successfully\n /\n onNavigationEnd?: (\n fromStep: number,\n toStep: number,\n type: NavigationType,\n ) => void;\n /\n Callback when navigation fails\n /\n onNavigationError?: (\n fromStep: number,\n toStep: number,\n type: NavigationType,\n error: any,\n ) => void;\n /\n Total number of steps\n /\n totalSteps?: number;\n /\n Function to trigger validation for the current step\n /\n triggerValidation?: () => Promise<boolean>;\n}\n\n/\n Hook to create step control state independently\n * This hook can be used outside of StepControlProvider\n /\nexport interface UseCreateStepControlOptions {\n /\n Default step to start on\n * @default 1\n /\n defaultStep?: number;\n /\n Function to handle step submission\n /\n handleStepSubmit?: () => Promise<void>;\n /\n Whether to validate when going back steps\n * @default false\n /\n isBackValidate?: boolean;\n /\n Callback when step changes\n /\n onStepChange?: (step: number) => void;\n /\n Callback when step is retried\n /\n onStepRetry?: (step: number) => void;\n /\n Callback when navigation starts\n /\n onNavigationStart?: (\n fromStep: number,\n toStep: number,\n type: NavigationType,\n ) => void;\n /\n Callback when navigation ends successfully\n /\n onNavigationEnd?: (\n fromStep: number,\n toStep: number,\n type: NavigationType,\n ) => void;\n /\n Callback when navigation fails\n /\n onNavigationError?: (\n fromStep: number,\n toStep: number,\n type: NavigationType,\n error: any,\n ) => void;\n /\n Total number of steps\n /\n totalSteps: number;\n /\n Function to trigger validation for the current step\n /\n triggerValidation?: () => Promise<boolean>;\n}\n\n/\n Provider component for step control functionality\n * Handles step navigation logic and state management\n /\nexport function StepControlProvider({\n children,\n defaultStep,\n handleStepSubmit,\n isBackValidate,\n onStepChange,\n onStepRetry,\n onNavigationStart,\n onNavigationEnd,\n onNavigationError,\n totalSteps,\n triggerValidation,\n}: StepControlProviderProps) {\n const stepControl = useCreateStepControl({\n defaultStep: defaultStep ?? 1,\n handleStepSubmit,\n isBackValidate: isBackValidate ?? false,\n onStepChange,\n onStepRetry,\n onNavigationStart,\n onNavigationEnd,\n onNavigationError,\n totalSteps: totalSteps ?? 1,\n triggerValidation,\n });\n\n return (\n <StepControlContext.Provider value={stepControl}>\n {children}\n </StepControlContext.Provider>\n );\n}\n\nexport function useCreateStepControl({\n defaultStep = 1,\n handleStepSubmit,\n isBackValidate = false,\n onStepChange,\n onStepRetry,\n onNavigationStart,\n onNavigationEnd,\n onNavigationError,\n totalSteps: totalStepsProp,\n triggerValidation,\n}: UseCreateStepControlOptions): StepControlContextType {\n const [currentStep, setCurrentStep] = useState(defaultStep);\n const [retryCount, setRetryCount] = useState(0);\n const [transitionState, setTransitionState] = useState<{\n direction: \"backward\" \| \"forward\" \| null;\n enteringStep: null \| number;\n exitingStep: null \| number;\n }>({\n direction: null,\n enteringStep: null,\n exitingStep: null,\n });\n\n const isFirstStep = currentStep === 1;\n const isLastStep = currentStep === totalStepsProp;\n\n const goToStep = useCallback(\n (step: number) => {\n const targetStep = Math.max(1, Math.min(step, totalStepsProp));\n\n // Call navigation start callback\n try {\n onNavigationStart?.(currentStep, targetStep, \"goTo\");\n } catch (error) {\n onNavigationError?.(currentStep, targetStep, \"goTo\", error);\n return;\n }\n\n if (targetStep === currentStep) {\n onNavigationEnd?.(currentStep, targetStep, \"goTo\");\n return;\n }\n\n // Reset retry count when navigating to a different step\n setRetryCount(0);\n\n // Determine navigation direction\n const direction = targetStep > currentStep ? \"forward\" : \"backward\";\n\n setTransitionState({\n direction,\n enteringStep: targetStep,\n exitingStep: currentStep,\n });\n\n // After transition duration, update the current step\n setTimeout(() => {\n try {\n setCurrentStep(targetStep);\n setTransitionState({\n direction: null,\n enteringStep: null,\n exitingStep: null,\n });\n onStepChange?.(targetStep);\n onNavigationEnd?.(currentStep, targetStep, \"goTo\");\n } catch (error) {\n onNavigationError?.(currentStep, targetStep, \"goTo\", error);\n }\n }, 300);\n },\n [\n totalStepsProp,\n onStepChange,\n currentStep,\n onNavigationStart,\n onNavigationEnd,\n onNavigationError,\n ],\n );\n\n const jumpTo = useCallback(\n (step: number) => {\n const targetStep = Math.max(1, Math.min(step, totalStepsProp));\n\n // Call navigation start callback\n try {\n onNavigationStart?.(currentStep, targetStep, \"jumpTo\");\n } catch (error) {\n onNavigationError?.(currentStep, targetStep, \"jumpTo\", error);\n return;\n }\n\n if (targetStep === currentStep) {\n onNavigationEnd?.(currentStep, targetStep, \"jumpTo\");\n return;\n }\n\n // Reset retry count when jumping to a different step\n setRetryCount(0);\n\n // Skip transition animation and directly set the step\n try {\n setCurrentStep(targetStep);\n onStepChange?.(targetStep);\n onNavigationEnd?.(currentStep, targetStep, \"jumpTo\");\n } catch (error) {\n onNavigationError?.(currentStep, targetStep, \"jumpTo\", error);\n }\n },\n [\n totalStepsProp,\n onStepChange,\n currentStep,\n onNavigationStart,\n onNavigationEnd,\n onNavigationError,\n ],\n );\n\n const handleRetry = useCallback(async () => {\n // Call navigation start callback\n try {\n onNavigationStart?.(currentStep, currentStep, \"retry\");\n } catch (error) {\n onNavigationError?.(currentStep, currentStep, \"retry\", error);\n return;\n }\n\n // Increment retry count\n setRetryCount((prev) => prev + 1);\n\n // Trigger transition animation for retry\n setTransitionState({\n direction: null,\n enteringStep: currentStep,\n exitingStep: currentStep,\n });\n\n // After transition duration, reset transition state, set current step to force reprocessing, and trigger callback\n setTimeout(() => {\n try {\n setTransitionState({\n direction: null,\n enteringStep: null,\n exitingStep: null,\n });\n setCurrentStep(currentStep);\n onStepRetry?.(currentStep);\n onNavigationEnd?.(currentStep, currentStep, \"retry\");\n } catch (error) {\n onNavigationError?.(currentStep, currentStep, \"retry\", error);\n }\n }, 300);\n }, [\n currentStep,\n onStepRetry,\n onNavigationStart,\n onNavigationEnd,\n onNavigationError,\n ]);\n\n const handleNext = useCallback(async () => {\n if (isLastStep) return;\n\n const targetStep = currentStep + 1;\n\n // Call navigation start callback\n try {\n onNavigationStart?.(currentStep, targetStep, \"next\");\n } catch (error) {\n onNavigationError?.(currentStep, targetStep, \"next\", error);\n return;\n }\n\n // Handle step submission if provided\n if (handleStepSubmit) {\n try {\n await handleStepSubmit();\n } catch (error) {\n onNavigationError?.(currentStep, targetStep, \"next\", error);\n return;\n }\n }\n\n goToStep(targetStep);\n }, [\n currentStep,\n isLastStep,\n goToStep,\n handleStepSubmit,\n onNavigationStart,\n onNavigationEnd,\n onNavigationError,\n ]);\n\n const handlePrevious = useCallback(async () => {\n if (isFirstStep) return;\n\n const targetStep = currentStep - 1;\n\n // Call navigation start callback\n try {\n onNavigationStart?.(currentStep, targetStep, \"previous\");\n } catch (error) {\n onNavigationError?.(currentStep, targetStep, \"previous\", error);\n return;\n }\n\n if (isBackValidate && triggerValidation) {\n try {\n const isValid = await triggerValidation();\n if (!isValid) {\n onNavigationError?.(\n currentStep,\n targetStep,\n \"previous\",\n new Error(\"Validation failed\"),\n );\n return;\n }\n } catch (error) {\n onNavigationError?.(currentStep, targetStep, \"previous\", error);\n return;\n }\n }\n\n goToStep(targetStep);\n }, [\n currentStep,\n isFirstStep,\n isBackValidate,\n triggerValidation,\n goToStep,\n onNavigationStart,\n onNavigationEnd,\n onNavigationError,\n ]);\n\n return useMemo(\n () => ({\n currentStep,\n goToStep,\n jumpTo,\n handleNext,\n handlePrevious,\n handleRetry,\n retryCount,\n isFirstStep,\n isLastStep,\n totalSteps: totalStepsProp,\n transitionState,\n }),\n [\n currentStep,\n totalStepsProp,\n isFirstStep,\n isLastStep,\n goToStep,\n jumpTo,\n handleNext,\n handlePrevious,\n handleRetry,\n retryCount,\n transitionState,\n ],\n );\n}\n\n/\n Hook to optionally consume the step control context\n * @returns StepControlContextType \| undefined - Step control methods and state, or undefined if not in context\n /\nexport function useOptionalStepControlContext() {\n return useContext(StepControlContext);\n}\n\n/\n Backward compatibility hook\n * This maintains the original API where useStepControl could be used as both\n * a context consumer and a creator depending on whether options were passed\n /\nexport function useStepControl(\n options?: UseCreateStepControlOptions,\n): StepControlContextType {\n // If options are provided, create step control state independently\n if (options) {\n return useCreateStepControl(options);\n }\n\n // Otherwise, consume context (original behavior)\n return useStepControlContext();\n}\n\n/\n Hook to consume the step control context\n * @returns StepControlContextType - Step control methods and state\n * @throws Error if used outside StepControlProvider\n */\nexport function useStepControlContext() {\n const context = useContext(StepControlContext);\n if (context === undefined) {\n throw new Error(\"useStepControl must be used within a StepControlProvider\");\n }\n return context;\n}\n"],"mappings":"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"}

package/dist/esm/components/form/StepSchemaForm.js CHANGED Viewed

@@ -1,21 +1,39 @@
-import { __esmMin } from "../../_virtual/rolldown_runtime.js";
 import { isFormDialog, isWizardDialogConfig } from "../dialog/Dialog.types.js";
 import { useDialog } from "../dialog/Dialog.context.js";
-import { FormProvider, init_context } from "./context.js";
-import { StepControlProvider, init_StepControlContext, useOptionalStepControlContext, useStepControl } from "./StepControlContext.js";
-import { AdapterType, init_types } from "./types.js";
-import { SchemaForm, init_SchemaForm } from "./SchemaForm.js";
-import { getStepOnSuccessHandler, handleStepSubmission, init_step } from "./handlers/step.js";
-import { createStepRetryHandler, init_stepRetry } from "./utils/stepRetry.js";
-import { WizardStepContent, init_WizardStepContent } from "./WizardStepContent.js";
+import { FormProvider } from "./context.js";
+import { StepControlProvider, useOptionalStepControlContext, useStepControl } from "./StepControlContext.js";
+import { AdapterType } from "./types.js";
+import { SchemaForm } from "./SchemaForm.js";
+import { getStepOnSuccessHandler, handleStepSubmission } from "./handlers/step.js";
+import { createStepRetryHandler } from "./utils/stepRetry.js";
+import { WizardStepContent } from "./WizardStepContent.js";
 import { isWizardForm } from "../shared/types/form.js";
 import { Environment } from "../shared/environment/builders.js";
 import { UnifiedFooter } from "../shared/UnifiedFooter.js";
-import { init_components } from "../index.js";
+import "../index.js";
 import React, { useCallback, useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/form/StepSchemaForm.tsx
+const defaultStepFormFooter = (stepMethods, formMethods, currentDialog) => {
+	const footerEnvironment = Environment.footer().standalone().stepForm({
+		isSubmitting: formMethods?.formState?.isSubmitting || false,
+		methods: formMethods
+	}).step({
+		current: stepMethods.currentStep,
+		isFirst: stepMethods.isFirstStep,
+		isLast: stepMethods.isLastStep,
+		jumpTo: stepMethods.jumpTo,
+		onNext: stepMethods.handleSubmit || stepMethods.handleNext,
+		onPrevious: stepMethods.handlePrevious,
+		onRetry: stepMethods.handleRetry,
+		total: stepMethods.totalSteps
+	}).build();
+	return /* @__PURE__ */ jsx(UnifiedFooter, {
+		config: isFormDialog(currentDialog) || isWizardDialogConfig(currentDialog) ? currentDialog.formConfig : currentDialog,
+		environment: footerEnvironment
+	});
+};
 function StepSchemaForm({ closeDialog, config, onNavigationStart, onNavigationEnd, onNavigationError }) {
 	const { currentDialog, formMethods } = useDialog();
 	const existingStepControl = useOptionalStepControlContext();
@@ -122,7 +140,7 @@ function StepSchemaFormContent({ closeDialog, config, formMethods, onNavigationS
 					children: schemaForm
 				}) : schemaForm;
 				return /* @__PURE__ */ jsx(FormProvider, {
-					adapter: config.adapter ?? AdapterType.RHF,
+					adapter: config.adapter ?? "rhf",
 					config: {
 						...formConfig,
 						steps: config.steps
@@ -152,38 +170,7 @@ function StepSchemaFormContent({ closeDialog, config, formMethods, onNavigationS
 		])
 	});
 }
-var defaultStepFormFooter;
-var init_StepSchemaForm = __esmMin(() => {
-	init_types();
-	init_components();
-	init_context();
-	init_step();
-	init_SchemaForm();
-	init_StepControlContext();
-	init_stepRetry();
-	init_WizardStepContent();
-	defaultStepFormFooter = (stepMethods, formMethods, currentDialog) => {
-		const footerEnvironment = Environment.footer().standalone().stepForm({
-			isSubmitting: formMethods?.formState?.isSubmitting || false,
-			methods: formMethods
-		}).step({
-			current: stepMethods.currentStep,
-			isFirst: stepMethods.isFirstStep,
-			isLast: stepMethods.isLastStep,
-			jumpTo: stepMethods.jumpTo,
-			onNext: stepMethods.handleSubmit || stepMethods.handleNext,
-			onPrevious: stepMethods.handlePrevious,
-			onRetry: stepMethods.handleRetry,
-			total: stepMethods.totalSteps
-		}).build();
-		return /* @__PURE__ */ jsx(UnifiedFooter, {
-			config: isFormDialog(currentDialog) || isWizardDialogConfig(currentDialog) ? currentDialog.formConfig : currentDialog,
-			environment: footerEnvironment
-		});
-	};
-});
 //#endregion
-init_StepSchemaForm();
-export { StepSchemaForm, init_StepSchemaForm };
+export { StepSchemaForm };
 //# sourceMappingURL=StepSchemaForm.js.map

package/dist/esm/components/form/StepSchemaForm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StepSchemaForm.js","names":[],"sources":["../../../../src/components/form/StepSchemaForm.tsx"],"sourcesContent":["import type { FieldValues } from \"react-hook-form\";\n\nimport { BaseRecord } from \"@refinedev/core\";\nimport React, { useCallback, useMemo } from \"react\";\n\nimport type { FormConfig, StepFormFooterRenderer } from \"./types\";\nimport { AdapterType, type StepFormConfig } from \"./types\";\n\nimport { useDialog } from \"@/components\";\nimport { isFormDialog, isWizardDialogConfig } from \"@/components\";\nimport { Environment, isWizardForm, UnifiedFooter } from \"@/components\";\nimport { FormProvider } from \"./context\";\nimport { getStepOnSuccessHandler, handleStepSubmission } from \"./handlers/step\";\nimport { SchemaForm } from \"./SchemaForm\";\nimport {\n StepControlProvider,\n useOptionalStepControlContext,\n useStepControl,\n} from \"./StepControlContext\";\nimport { createStepRetryHandler } from \"./utils/stepRetry\";\nimport { WizardStepContent } from \"./WizardStepContent\";\n\nconst defaultStepFormFooter: StepFormFooterRenderer = (\n stepMethods,\n formMethods,\n currentDialog,\n) => {\n const footerEnvironment = Environment.footer()\n .standalone()\n .stepForm({\n isSubmitting: formMethods?.formState?.isSubmitting \|\| false,\n methods: formMethods,\n })\n .step({\n current: stepMethods.currentStep,\n isFirst: stepMethods.isFirstStep,\n isLast: stepMethods.isLastStep,\n jumpTo: stepMethods.jumpTo,\n onNext: stepMethods.handleSubmit \|\| stepMethods.handleNext,\n onPrevious: stepMethods.handlePrevious,\n onRetry: stepMethods.handleRetry,\n total: stepMethods.totalSteps,\n })\n .build();\n\n return (\n <UnifiedFooter\n config={\n isFormDialog(currentDialog) \|\| isWizardDialogConfig(currentDialog)\n ? currentDialog.formConfig\n : currentDialog\n }\n environment={footerEnvironment}\n />\n );\n};\n\ninterface StepSchemaFormContentProps<\n TRequest extends FieldValues = FieldValues,\n TResponse extends BaseRecord = any,\n> {\n closeDialog: () => void;\n config: StepFormConfig<TRequest, TResponse>;\n currentDialog: any;\n formMethods: any;\n onNavigationStart?: (fromStep: number, toStep: number, type: 'goTo' \| 'jumpTo' \| 'next' \| 'previous' \| 'retry') => void;\n onNavigationEnd?: (fromStep: number, toStep: number, type: 'goTo' \| 'jumpTo' \| 'next' \| 'previous' \| 'retry') => void;\n onNavigationError?: (fromStep: number, toStep: number, type: 'goTo' \| 'jumpTo' \| 'next' \| 'previous' \| 'retry', error: any) => void;\n}\n\ninterface StepSchemaFormProps<\n TRequest extends FieldValues = FieldValues,\n TResponse extends BaseRecord = any,\n> {\n closeDialog: () => void;\n config: StepFormConfig<TRequest, TResponse>;\n onNavigationStart?: (fromStep: number, toStep: number, type: 'goTo' \| 'jumpTo' \| 'next' \| 'previous' \| 'retry') => void;\n onNavigationEnd?: (fromStep: number, toStep: number, type: 'goTo' \| 'jumpTo' \| 'next' \| 'previous' \| 'retry') => void;\n onNavigationError?: (fromStep: number, toStep: number, type: 'goTo' \| 'jumpTo' \| 'next' \| 'previous' \| 'retry', error: any) => void;\n}\n\nexport function StepSchemaForm<\n TRequest extends FieldValues = FieldValues,\n TResponse extends BaseRecord = any,\n>({ closeDialog, config, onNavigationStart, onNavigationEnd, onNavigationError }: StepSchemaFormProps<TRequest, TResponse>) {\n const { currentDialog, formMethods } = useDialog();\n const existingStepControl = useOptionalStepControlContext();\n\n // If we're already in a step control context, render content directly\n if (existingStepControl && existingStepControl.totalSteps > 0) {\n return (\n <StepSchemaFormContent\n closeDialog={closeDialog}\n config={config}\n currentDialog={currentDialog}\n formMethods={formMethods}\n onNavigationStart={onNavigationStart}\n onNavigationEnd={onNavigationEnd}\n onNavigationError={onNavigationError}\n />\n );\n }\n\n // Otherwise, create a new step control context\n return (\n <StepControlProvider\n defaultStep={config.stepBehavior?.defaultStep}\n isBackValidate={config.stepBehavior?.isBackValidate}\n onStepRetry={createStepRetryHandler(config.steps)}\n totalSteps={config.steps.length}\n onNavigationStart={onNavigationStart}\n onNavigationEnd={onNavigationEnd}\n onNavigationError={onNavigationError}>\n <StepSchemaFormContent\n closeDialog={closeDialog}\n config={config}\n currentDialog={currentDialog}\n formMethods={formMethods}\n onNavigationStart={onNavigationStart}\n onNavigationEnd={onNavigationEnd}\n onNavigationError={onNavigationError}\n />\n </StepControlProvider>\n );\n}\n\nfunction getStepFooterConfig<\n TRequest extends FieldValues,\n TResponse extends BaseRecord,\n>(\n isActive: boolean,\n footerConfig: StepFormConfig<TRequest, TResponse>[\"footer\"],\n stepMethods: any,\n triggerSubmit: () => void,\n): false \| React.ComponentType<any> {\n if (!isActive) {\n return false;\n }\n if (footerConfig === false) {\n return false;\n }\n\n // Return a Higher-Order Component that receives props and calls the original footer function\n return function StepFooterComponent(props: any) {\n const { closeDialog, currentDialog, formMethods } = props;\n const footerFn = footerConfig ?? defaultStepFormFooter;\n return footerFn(\n { ...stepMethods, handleSubmit: triggerSubmit },\n formMethods?.current,\n closeDialog,\n currentDialog,\n );\n };\n}\n\nfunction StepSchemaFormContent<\n TRequest extends FieldValues = FieldValues,\n TResponse extends BaseRecord = any,\n>({\n closeDialog,\n config,\n formMethods,\n onNavigationStart,\n onNavigationEnd,\n onNavigationError,\n}: StepSchemaFormContentProps<TRequest, TResponse>) {\n const stepControl = useStepControl();\n const {\n currentStep,\n goToStep, // Use context's goToStep which now has transitions\n jumpTo,\n handleNext,\n handlePrevious,\n handleRetry,\n isFirstStep,\n isLastStep,\n totalSteps,\n transitionState, // Get transition state from context\n } = stepControl;\n\n const triggerSubmit = useCallback(() => {\n if (!formMethods?.current?.handleSubmit) return;\n\n handleStepSubmission({\n closeDialog,\n config: {\n ...config,\n onSuccess: getStepOnSuccessHandler(\n config,\n formMethods?.current,\n isLastStep,\n closeDialog,\n ),\n },\n currentStep, // Keep 1-based for external APIs\n formMethods: formMethods?.current,\n goToNextStep: handleNext, // Add the missing goToNextStep parameter\n isLastStep,\n stepConfig: config.steps[currentStep - 1], // Convert to 0-based index for array access\n });\n }, [formMethods?.current, config, currentStep, isLastStep, closeDialog, handleNext]);\n\n const schemaForms = useMemo(() => {\n const stepMethods = {\n currentStep, // Keep 1-based for external APIs\n goToStep, // Use context's goToStep directly\n jumpTo,\n handleNext,\n handlePrevious,\n handleRetry,\n isFirstStep,\n isLastStep,\n totalSteps,\n };\n\n return config.steps.map((step, index) => {\n const isActive = currentStep === index + 1; // Compare 1-based currentStep with 0-based index\n const isExiting = transitionState.exitingStep === index + 1;\n const isEntering = transitionState.enteringStep === index + 1;\n\n const formConfig: FormConfig<TRequest, TResponse> = {\n ...config,\n fields: step.fields,\n footer: getStepFooterConfig(\n isActive,\n config.footer,\n stepMethods,\n triggerSubmit,\n ),\n validationSchema: step.validationSchema,\n };\n\n const schemaForm = (\n <SchemaForm<TRequest>\n active={isActive}\n closeDialog={closeDialog}\n config={formConfig}\n />\n );\n\n const formContent = isWizardForm(config) ? (\n <WizardStepContent\n className=\"space-y-6\"\n description={step.description}\n icon={step.icon}\n isActive={isActive}\n isEntering={isEntering}\n isExiting={isExiting}\n title={step.title}>\n {schemaForm}\n </WizardStepContent>\n ) : (\n schemaForm\n );\n\n return (\n <FormProvider\n adapter={config.adapter ?? AdapterType.RHF}\n config={{ ...formConfig, steps: config.steps }}\n formInstance={formMethods}\n key={`step-${index}`}>\n {formContent}\n </FormProvider>\n );\n });\n }, [\n config,\n currentStep,\n goToStep,\n jumpTo,\n handleNext,\n handlePrevious,\n handleRetry,\n isFirstStep,\n isLastStep,\n totalSteps,\n triggerSubmit,\n closeDialog,\n formMethods,\n transitionState,\n onNavigationStart,\n onNavigationEnd,\n onNavigationError,\n ]);\n\n return <div className=\"grid grid-cols-1 grid-rows-1\">{schemaForms}</div>;\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"StepSchemaForm.js","names":[],"sources":["../../../../src/components/form/StepSchemaForm.tsx"],"sourcesContent":["import type { FieldValues } from \"react-hook-form\";\n\nimport { BaseRecord } from \"@refinedev/core\";\nimport React, { useCallback, useMemo } from \"react\";\n\nimport type { FormConfig, StepFormFooterRenderer } from \"./types\";\nimport { AdapterType, type StepFormConfig } from \"./types\";\n\nimport { useDialog } from \"@/components\";\nimport { isFormDialog, isWizardDialogConfig } from \"@/components\";\nimport { Environment, isWizardForm, UnifiedFooter } from \"@/components\";\nimport { FormProvider } from \"./context\";\nimport { getStepOnSuccessHandler, handleStepSubmission } from \"./handlers/step\";\nimport { SchemaForm } from \"./SchemaForm\";\nimport {\n StepControlProvider,\n useOptionalStepControlContext,\n useStepControl,\n} from \"./StepControlContext\";\nimport { createStepRetryHandler } from \"./utils/stepRetry\";\nimport { WizardStepContent } from \"./WizardStepContent\";\n\nconst defaultStepFormFooter: StepFormFooterRenderer = (\n stepMethods,\n formMethods,\n currentDialog,\n) => {\n const footerEnvironment = Environment.footer()\n .standalone()\n .stepForm({\n isSubmitting: formMethods?.formState?.isSubmitting \|\| false,\n methods: formMethods,\n })\n .step({\n current: stepMethods.currentStep,\n isFirst: stepMethods.isFirstStep,\n isLast: stepMethods.isLastStep,\n jumpTo: stepMethods.jumpTo,\n onNext: stepMethods.handleSubmit \|\| stepMethods.handleNext,\n onPrevious: stepMethods.handlePrevious,\n onRetry: stepMethods.handleRetry,\n total: stepMethods.totalSteps,\n })\n .build();\n\n return (\n <UnifiedFooter\n config={\n isFormDialog(currentDialog) \|\| isWizardDialogConfig(currentDialog)\n ? currentDialog.formConfig\n : currentDialog\n }\n environment={footerEnvironment}\n />\n );\n};\n\ninterface StepSchemaFormContentProps<\n TRequest extends FieldValues = FieldValues,\n TResponse extends BaseRecord = any,\n> {\n closeDialog: () => void;\n config: StepFormConfig<TRequest, TResponse>;\n currentDialog: any;\n formMethods: any;\n onNavigationStart?: (fromStep: number, toStep: number, type: 'goTo' \| 'jumpTo' \| 'next' \| 'previous' \| 'retry') => void;\n onNavigationEnd?: (fromStep: number, toStep: number, type: 'goTo' \| 'jumpTo' \| 'next' \| 'previous' \| 'retry') => void;\n onNavigationError?: (fromStep: number, toStep: number, type: 'goTo' \| 'jumpTo' \| 'next' \| 'previous' \| 'retry', error: any) => void;\n}\n\ninterface StepSchemaFormProps<\n TRequest extends FieldValues = FieldValues,\n TResponse extends BaseRecord = any,\n> {\n closeDialog: () => void;\n config: StepFormConfig<TRequest, TResponse>;\n onNavigationStart?: (fromStep: number, toStep: number, type: 'goTo' \| 'jumpTo' \| 'next' \| 'previous' \| 'retry') => void;\n onNavigationEnd?: (fromStep: number, toStep: number, type: 'goTo' \| 'jumpTo' \| 'next' \| 'previous' \| 'retry') => void;\n onNavigationError?: (fromStep: number, toStep: number, type: 'goTo' \| 'jumpTo' \| 'next' \| 'previous' \| 'retry', error: any) => void;\n}\n\nexport function StepSchemaForm<\n TRequest extends FieldValues = FieldValues,\n TResponse extends BaseRecord = any,\n>({ closeDialog, config, onNavigationStart, onNavigationEnd, onNavigationError }: StepSchemaFormProps<TRequest, TResponse>) {\n const { currentDialog, formMethods } = useDialog();\n const existingStepControl = useOptionalStepControlContext();\n\n // If we're already in a step control context, render content directly\n if (existingStepControl && existingStepControl.totalSteps > 0) {\n return (\n <StepSchemaFormContent\n closeDialog={closeDialog}\n config={config}\n currentDialog={currentDialog}\n formMethods={formMethods}\n onNavigationStart={onNavigationStart}\n onNavigationEnd={onNavigationEnd}\n onNavigationError={onNavigationError}\n />\n );\n }\n\n // Otherwise, create a new step control context\n return (\n <StepControlProvider\n defaultStep={config.stepBehavior?.defaultStep}\n isBackValidate={config.stepBehavior?.isBackValidate}\n onStepRetry={createStepRetryHandler(config.steps)}\n totalSteps={config.steps.length}\n onNavigationStart={onNavigationStart}\n onNavigationEnd={onNavigationEnd}\n onNavigationError={onNavigationError}>\n <StepSchemaFormContent\n closeDialog={closeDialog}\n config={config}\n currentDialog={currentDialog}\n formMethods={formMethods}\n onNavigationStart={onNavigationStart}\n onNavigationEnd={onNavigationEnd}\n onNavigationError={onNavigationError}\n />\n </StepControlProvider>\n );\n}\n\nfunction getStepFooterConfig<\n TRequest extends FieldValues,\n TResponse extends BaseRecord,\n>(\n isActive: boolean,\n footerConfig: StepFormConfig<TRequest, TResponse>[\"footer\"],\n stepMethods: any,\n triggerSubmit: () => void,\n): false \| React.ComponentType<any> {\n if (!isActive) {\n return false;\n }\n if (footerConfig === false) {\n return false;\n }\n\n // Return a Higher-Order Component that receives props and calls the original footer function\n return function StepFooterComponent(props: any) {\n const { closeDialog, currentDialog, formMethods } = props;\n const footerFn = footerConfig ?? defaultStepFormFooter;\n return footerFn(\n { ...stepMethods, handleSubmit: triggerSubmit },\n formMethods?.current,\n closeDialog,\n currentDialog,\n );\n };\n}\n\nfunction StepSchemaFormContent<\n TRequest extends FieldValues = FieldValues,\n TResponse extends BaseRecord = any,\n>({\n closeDialog,\n config,\n formMethods,\n onNavigationStart,\n onNavigationEnd,\n onNavigationError,\n}: StepSchemaFormContentProps<TRequest, TResponse>) {\n const stepControl = useStepControl();\n const {\n currentStep,\n goToStep, // Use context's goToStep which now has transitions\n jumpTo,\n handleNext,\n handlePrevious,\n handleRetry,\n isFirstStep,\n isLastStep,\n totalSteps,\n transitionState, // Get transition state from context\n } = stepControl;\n\n const triggerSubmit = useCallback(() => {\n if (!formMethods?.current?.handleSubmit) return;\n\n handleStepSubmission({\n closeDialog,\n config: {\n ...config,\n onSuccess: getStepOnSuccessHandler(\n config,\n formMethods?.current,\n isLastStep,\n closeDialog,\n ),\n },\n currentStep, // Keep 1-based for external APIs\n formMethods: formMethods?.current,\n goToNextStep: handleNext, // Add the missing goToNextStep parameter\n isLastStep,\n stepConfig: config.steps[currentStep - 1], // Convert to 0-based index for array access\n });\n }, [formMethods?.current, config, currentStep, isLastStep, closeDialog, handleNext]);\n\n const schemaForms = useMemo(() => {\n const stepMethods = {\n currentStep, // Keep 1-based for external APIs\n goToStep, // Use context's goToStep directly\n jumpTo,\n handleNext,\n handlePrevious,\n handleRetry,\n isFirstStep,\n isLastStep,\n totalSteps,\n };\n\n return config.steps.map((step, index) => {\n const isActive = currentStep === index + 1; // Compare 1-based currentStep with 0-based index\n const isExiting = transitionState.exitingStep === index + 1;\n const isEntering = transitionState.enteringStep === index + 1;\n\n const formConfig: FormConfig<TRequest, TResponse> = {\n ...config,\n fields: step.fields,\n footer: getStepFooterConfig(\n isActive,\n config.footer,\n stepMethods,\n triggerSubmit,\n ),\n validationSchema: step.validationSchema,\n };\n\n const schemaForm = (\n <SchemaForm<TRequest>\n active={isActive}\n closeDialog={closeDialog}\n config={formConfig}\n />\n );\n\n const formContent = isWizardForm(config) ? (\n <WizardStepContent\n className=\"space-y-6\"\n description={step.description}\n icon={step.icon}\n isActive={isActive}\n isEntering={isEntering}\n isExiting={isExiting}\n title={step.title}>\n {schemaForm}\n </WizardStepContent>\n ) : (\n schemaForm\n );\n\n return (\n <FormProvider\n adapter={config.adapter ?? AdapterType.RHF}\n config={{ ...formConfig, steps: config.steps }}\n formInstance={formMethods}\n key={`step-${index}`}>\n {formContent}\n </FormProvider>\n );\n });\n }, [\n config,\n currentStep,\n goToStep,\n jumpTo,\n handleNext,\n handlePrevious,\n handleRetry,\n isFirstStep,\n isLastStep,\n totalSteps,\n triggerSubmit,\n closeDialog,\n formMethods,\n transitionState,\n onNavigationStart,\n onNavigationEnd,\n onNavigationError,\n ]);\n\n return <div className=\"grid grid-cols-1 grid-rows-1\">{schemaForms}</div>;\n}\n"],"mappings":"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"}

package/dist/esm/components/form/WizardForm.js CHANGED Viewed

@@ -1,15 +1,14 @@
-import { __esmMin } from "../../_virtual/rolldown_runtime.js";
 import { useDialog } from "../dialog/Dialog.context.js";
 import { resolveAllowStepNavigation } from "../shared/utils/stepState.js";
 import { useIsInDialog } from "../dialog/utils/dialogDetection.js";
-import { StepControlProvider, init_StepControlContext, useStepControl } from "./StepControlContext.js";
-import { createStepRetryHandler, init_stepRetry } from "./utils/stepRetry.js";
-import { StepSchemaForm, init_StepSchemaForm } from "./StepSchemaForm.js";
+import { StepControlProvider, useStepControl } from "./StepControlContext.js";
+import { createStepRetryHandler } from "./utils/stepRetry.js";
+import { StepSchemaForm } from "./StepSchemaForm.js";
 import { ProgressStyleType } from "../shared/types/header.js";
 import { Environment } from "../shared/environment/builders.js";
 import { UnifiedFooter } from "../shared/UnifiedFooter.js";
 import { UnifiedHeader } from "../shared/UnifiedHeader.js";
-import { init_components } from "../index.js";
+import "../index.js";
 import React, { useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -68,7 +67,7 @@ function WizardFormContent({ closeDialog, config, formMethods, isInDialog }) {
 		current: currentStep,
 		disabledSteps: config.stepNavigationDisabled,
 		onStepClick: goToStep,
-		progressStyle: ProgressStyleType.TIMELINE,
+		progressStyle: "timeline",
 		steps: config.steps,
 		total: totalSteps
 	}).build();
@@ -85,11 +84,11 @@ function WizardFormContent({ closeDialog, config, formMethods, isInDialog }) {
 					closeDialog,
 					config: {
 						...config,
-						footer: (stepMethods, formMethods$1, closeDialog$1, currentDialog$1) => {
+						footer: (stepMethods, formMethods, closeDialog, currentDialog) => {
 							const footerEnvironmentBuilder = Environment.footer();
 							if (isInDialog) footerEnvironmentBuilder.dialog({
-								dialogConfig: currentDialog$1 || {},
-								onClose: closeDialog$1
+								dialogConfig: currentDialog || {},
+								onClose: closeDialog
 							});
 							else footerEnvironmentBuilder.standalone();
 							return /* @__PURE__ */ jsx(UnifiedFooter, {
@@ -97,7 +96,7 @@ function WizardFormContent({ closeDialog, config, formMethods, isInDialog }) {
 								environment: footerEnvironmentBuilder.wizardForm({
 									isSubmitting,
 									methods: {
-										...formMethods$1?.current,
+										...formMethods?.current,
 										handleSubmit: stepMethods.handleSubmit
 									}
 								}).step({
@@ -121,14 +120,7 @@ function WizardFormContent({ closeDialog, config, formMethods, isInDialog }) {
 		})]
 	});
 }
-var init_WizardForm = __esmMin(() => {
-	init_components();
-	init_StepControlContext();
-	init_StepSchemaForm();
-	init_stepRetry();
-});
 //#endregion
-init_WizardForm();
-export { WizardForm, init_WizardForm };
+export { WizardForm };
 //# sourceMappingURL=WizardForm.js.map

package/dist/esm/components/form/WizardForm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"WizardForm.js","names":[~~"currentDialog","closeDialog","formMethods"~~],"sources":["../../../../src/components/form/WizardForm.tsx"],"sourcesContent":["import type { FieldValues } from \"react-hook-form\";\n\nimport { BaseRecord } from \"@refinedev/core\";\nimport React, { useMemo } from \"react\";\n\nimport type { WizardFormConfig } from \"./types\";\n\nimport { useDialog } from \"@/components\";\nimport { useIsInDialog } from \"@/components\";\nimport { Environment, UnifiedFooter, UnifiedHeader } from \"@/components\";\nimport { ProgressStyleType } from \"@/components\";\nimport { resolveAllowStepNavigation } from \"@/components\";\nimport { StepControlProvider, useStepControl } from \"./StepControlContext\";\nimport { StepSchemaForm } from \"./StepSchemaForm\";\nimport { createStepRetryHandler } from \"./utils/stepRetry\";\n\ninterface WizardFormContentProps<\n TRequest extends FieldValues = FieldValues,\n TResponse extends BaseRecord = any,\n> {\n closeDialog: () => void;\n config: WizardFormConfig<TRequest, TResponse>;\n formMethods: any;\n isInDialog: boolean;\n}\n\ninterface WizardFormProps<\n TRequest extends FieldValues = FieldValues,\n TResponse extends BaseRecord = any,\n> {\n closeDialog?: () => void;\n config: WizardFormConfig<TRequest, TResponse>;\n}\n\nexport function WizardForm<\n TRequest extends FieldValues = FieldValues,\n TResponse extends BaseRecord = any,\n>({\n closeDialog = () => void 0,\n config,\n}: WizardFormProps<TRequest, TResponse>) {\n const { formMethods } = useDialog();\n const existingStepControl = useStepControl();\n const isInDialog = useIsInDialog();\n\n // If we're already in a step control context, render content directly\n if (existingStepControl && existingStepControl.totalSteps > 0) {\n return (\n <WizardFormContent\n closeDialog={closeDialog}\n config={config}\n formMethods={formMethods}\n isInDialog={isInDialog}\n />\n );\n }\n\n return (\n <StepControlProvider\n defaultStep={config.stepBehavior?.defaultStep}\n isBackValidate={config.stepBehavior?.isBackValidate}\n onStepRetry={createStepRetryHandler(config.steps)}\n totalSteps={config.steps.length}\n onNavigationStart={config.onNavigationStart}\n onNavigationEnd={config.onNavigationEnd}\n onNavigationError={config.onNavigationError}>\n <WizardFormContent\n closeDialog={closeDialog}\n config={config}\n formMethods={formMethods}\n isInDialog={isInDialog}\n />\n </StepControlProvider>\n );\n}\n\nfunction WizardFormContent<\n TRequest extends FieldValues = FieldValues,\n TResponse extends BaseRecord = any,\n>({\n closeDialog,\n config,\n formMethods,\n isInDialog,\n}: WizardFormContentProps<TRequest, TResponse>) {\n const { currentDialog } = useDialog();\n const stepControl = useStepControl();\n const { currentStep, goToStep, isFirstStep, isLastStep, totalSteps } =\n stepControl;\n const isSubmitting = formMethods?.current?.formState?.isSubmitting \|\| false;\n\n // Helper function to evaluate allowStepNavigation (step-level takes precedence over wizard-level)\n const isStepNavigationAllowed = useMemo(() => {\n return resolveAllowStepNavigation(\n config.allowStepNavigation,\n config.steps,\n currentStep,\n );\n }, [config.allowStepNavigation, config.steps, currentStep]);\n\n // Create header environment\n const currentStepConfig = config.steps[currentStep - 1];\n const headerEnvironmentBuilder = Environment.header();\n\n // Use dialog container if we're in a dialog, otherwise use standalone\n if (isInDialog) {\n headerEnvironmentBuilder.dialog({\n dialogConfig: currentDialog \|\| {},\n onClose: closeDialog,\n });\n } else {\n headerEnvironmentBuilder.standalone();\n }\n\n const headerEnvironment = headerEnvironmentBuilder\n .content({\n actions: undefined,\n description: currentStepConfig?.description,\n title: currentStepConfig?.title,\n })\n .wizardNavigation({\n allowNavigation: isStepNavigationAllowed,\n current: currentStep,\n disabledSteps: config.stepNavigationDisabled,\n onStepClick: goToStep,\n progressStyle: ProgressStyleType.TIMELINE,\n steps: config.steps,\n total: totalSteps,\n })\n .build();\n\n return (\n <div className={config.wizardClassName \|\| \"space-y-6\"}>\n {!isInDialog && (\n <UnifiedHeader config={config} environment={headerEnvironment} />\n )}\n <div className=\"space-y-4\">\n <div className=\"space-y-4\">\n <StepSchemaForm\n closeDialog={closeDialog}\n config={{\n ...config,\n footer: (\n stepMethods,\n formMethods,\n closeDialog,\n currentDialog,\n ) => {\n const footerEnvironmentBuilder = Environment.footer();\n\n // Use dialog container if we're in a dialog, otherwise use standalone\n if (isInDialog) {\n footerEnvironmentBuilder.dialog({\n dialogConfig: currentDialog \|\| {},\n onClose: closeDialog,\n });\n } else {\n footerEnvironmentBuilder.standalone();\n }\n\n const footerEnvironment = footerEnvironmentBuilder\n .wizardForm({\n isSubmitting,\n methods: {\n ...formMethods?.current,\n handleSubmit: stepMethods.handleSubmit, // Override with step-specific handler\n },\n })\n .step({\n current: currentStep,\n isFirst: isFirstStep,\n isLast: isLastStep,\n jumpTo: stepControl.jumpTo,\n onNext: stepMethods.handleNext,\n onPrevious: stepMethods.handlePrevious,\n onRetry: stepMethods.handleRetry,\n retryCount: stepControl.retryCount,\n total: totalSteps,\n })\n .build();\n\n // Pass the config with actionButtons to UnifiedFooter\n // This allows UnifiedFooter to properly evaluate dynamic actionButtons callbacks\n return (\n <UnifiedFooter\n config={config}\n environment={footerEnvironment}\n />\n );\n },\n header: false, // Never render step headers in wizards\n stepBehavior: config.stepBehavior,\n }}\n />\n </div>\n </div>\n </div>\n );\n}\n"],"mappings":"~~;;;;;;;;;;;;;;;;~~AAkCA,SAAgB,WAGd,EACA,oBAAoB,KAAK,GACzB,UACuC;CACvC,MAAM,EAAE,gBAAgB,WAAW;CACnC,MAAM,sBAAsB,gBAAgB;CAC5C,MAAM,aAAa,eAAe;AAGlC,KAAI,uBAAuB,oBAAoB,aAAa,EAC1D,QACE,oBAAC;~~EACc~~;EACL;EACK;EACD;~~GACZ~~;AAIN,QACE,oBAAC;~~EACC~~,aAAa,OAAO,cAAc;EAClC,gBAAgB,OAAO,cAAc;EACrC,aAAa,uBAAuB,OAAO,MAAM;EACjD,YAAY,OAAO,MAAM;EACzB,mBAAmB,OAAO;EAC1B,iBAAiB,OAAO;EACxB,mBAAmB,OAAO;YAC1B,oBAAC;~~GACc~~;GACL;GACK;GACD;~~IACZ~~;~~GACkB~~;;AAI1B,SAAS,kBAGP,EACA,aACA,QACA,aACA,cAC8C;CAC9C,MAAM,EAAE,kBAAkB,WAAW;CACrC,MAAM,cAAc,gBAAgB;CACpC,MAAM,EAAE,aAAa,UAAU,aAAa,YAAY,eACtD;CACF,MAAM,eAAe,aAAa,SAAS,WAAW,gBAAgB;CAGtE,MAAM,0BAA0B,cAAc;AAC5C,SAAO,2BACL,OAAO,qBACP,OAAO,OACP,YACD;IACA;EAAC,OAAO;EAAqB,OAAO;EAAO;EAAY,CAAC;CAG3D,MAAM,oBAAoB,OAAO,MAAM,cAAc;CACrD,MAAM,2BAA2B,YAAY,QAAQ;AAGrD,KAAI,WACF,0BAAyB,OAAO;EAC9B,cAAc,iBAAiB,EAAE;EACjC,SAAS;EACV,CAAC;KAEF,0BAAyB,YAAY;CAGvC,MAAM,oBAAoB,yBACvB,QAAQ;EACP,SAAS;EACT,aAAa,mBAAmB;EAChC,OAAO,mBAAmB;EAC3B,CAAC,CACD,iBAAiB;EAChB,iBAAiB;EACjB,SAAS;EACT,eAAe,OAAO;EACtB,aAAa;EACb~~,eAAe,kBAAkB~~;~~EACjC~~,OAAO,OAAO;EACd,OAAO;EACR,CAAC,CACD,OAAO;AAEV,QACE,qBAAC;~~EAAI~~,WAAW,OAAO,mBAAmB;~~aACvC~~,CAAC,cACA,oBAAC;~~GAAsB~~;GAAQ,aAAa;~~IAAqB~~,~~EAEnE~~,oBAAC;~~GAAI~~,WAAU;aACb,oBAAC;~~IAAI~~,WAAU;cACb,oBAAC;~~KACc~~;KACb,QAAQ;MACN,GAAG;MACH,SACE,aACA,~~eACA~~,~~eACA~~,~~oBACG~~;OACH,MAAM,2BAA2B,YAAY,QAAQ;AAGrD,WAAI,WACF,0BAAyB,OAAO;QAC9B,~~cAAcA~~,~~mBAAiB~~,EAAE;QACjC,~~SAASC~~;QACV,CAAC;WAEF,0BAAyB,YAAY;AA0BvC,cACE,oBAAC;~~QACS~~;QACR,aA1BsB,yBACvB,WAAW;SACV;SACA,SAAS;UACP,~~GAAGC~~,~~eAAa~~;UAChB,cAAc,YAAY;UAC3B;SACF,CAAC,CACD,KAAK;SACJ,SAAS;SACT,SAAS;SACT,QAAQ;SACR,QAAQ,YAAY;SACpB,QAAQ,YAAY;SACpB,YAAY,YAAY;SACxB,SAAS,YAAY;SACrB,YAAY,YAAY;SACxB,OAAO;SACR,CAAC,CACD,~~OAAO~~;~~SAQN~~;;MAGN,QAAQ;MACR,cAAc,OAAO;MACtB;~~MACD~~;~~KACE~~;~~IACF;~~GACF~~;;;kBA7L+B;0BAKkC;sBACzB;iBACS~~"}
1	+ {"version":3,"file":"WizardForm.js","names":[],"sources":["../../../../src/components/form/WizardForm.tsx"],"sourcesContent":["import type { FieldValues } from \"react-hook-form\";\n\nimport { BaseRecord } from \"@refinedev/core\";\nimport React, { useMemo } from \"react\";\n\nimport type { WizardFormConfig } from \"./types\";\n\nimport { useDialog } from \"@/components\";\nimport { useIsInDialog } from \"@/components\";\nimport { Environment, UnifiedFooter, UnifiedHeader } from \"@/components\";\nimport { ProgressStyleType } from \"@/components\";\nimport { resolveAllowStepNavigation } from \"@/components\";\nimport { StepControlProvider, useStepControl } from \"./StepControlContext\";\nimport { StepSchemaForm } from \"./StepSchemaForm\";\nimport { createStepRetryHandler } from \"./utils/stepRetry\";\n\ninterface WizardFormContentProps<\n TRequest extends FieldValues = FieldValues,\n TResponse extends BaseRecord = any,\n> {\n closeDialog: () => void;\n config: WizardFormConfig<TRequest, TResponse>;\n formMethods: any;\n isInDialog: boolean;\n}\n\ninterface WizardFormProps<\n TRequest extends FieldValues = FieldValues,\n TResponse extends BaseRecord = any,\n> {\n closeDialog?: () => void;\n config: WizardFormConfig<TRequest, TResponse>;\n}\n\nexport function WizardForm<\n TRequest extends FieldValues = FieldValues,\n TResponse extends BaseRecord = any,\n>({\n closeDialog = () => void 0,\n config,\n}: WizardFormProps<TRequest, TResponse>) {\n const { formMethods } = useDialog();\n const existingStepControl = useStepControl();\n const isInDialog = useIsInDialog();\n\n // If we're already in a step control context, render content directly\n if (existingStepControl && existingStepControl.totalSteps > 0) {\n return (\n <WizardFormContent\n closeDialog={closeDialog}\n config={config}\n formMethods={formMethods}\n isInDialog={isInDialog}\n />\n );\n }\n\n return (\n <StepControlProvider\n defaultStep={config.stepBehavior?.defaultStep}\n isBackValidate={config.stepBehavior?.isBackValidate}\n onStepRetry={createStepRetryHandler(config.steps)}\n totalSteps={config.steps.length}\n onNavigationStart={config.onNavigationStart}\n onNavigationEnd={config.onNavigationEnd}\n onNavigationError={config.onNavigationError}>\n <WizardFormContent\n closeDialog={closeDialog}\n config={config}\n formMethods={formMethods}\n isInDialog={isInDialog}\n />\n </StepControlProvider>\n );\n}\n\nfunction WizardFormContent<\n TRequest extends FieldValues = FieldValues,\n TResponse extends BaseRecord = any,\n>({\n closeDialog,\n config,\n formMethods,\n isInDialog,\n}: WizardFormContentProps<TRequest, TResponse>) {\n const { currentDialog } = useDialog();\n const stepControl = useStepControl();\n const { currentStep, goToStep, isFirstStep, isLastStep, totalSteps } =\n stepControl;\n const isSubmitting = formMethods?.current?.formState?.isSubmitting \|\| false;\n\n // Helper function to evaluate allowStepNavigation (step-level takes precedence over wizard-level)\n const isStepNavigationAllowed = useMemo(() => {\n return resolveAllowStepNavigation(\n config.allowStepNavigation,\n config.steps,\n currentStep,\n );\n }, [config.allowStepNavigation, config.steps, currentStep]);\n\n // Create header environment\n const currentStepConfig = config.steps[currentStep - 1];\n const headerEnvironmentBuilder = Environment.header();\n\n // Use dialog container if we're in a dialog, otherwise use standalone\n if (isInDialog) {\n headerEnvironmentBuilder.dialog({\n dialogConfig: currentDialog \|\| {},\n onClose: closeDialog,\n });\n } else {\n headerEnvironmentBuilder.standalone();\n }\n\n const headerEnvironment = headerEnvironmentBuilder\n .content({\n actions: undefined,\n description: currentStepConfig?.description,\n title: currentStepConfig?.title,\n })\n .wizardNavigation({\n allowNavigation: isStepNavigationAllowed,\n current: currentStep,\n disabledSteps: config.stepNavigationDisabled,\n onStepClick: goToStep,\n progressStyle: ProgressStyleType.TIMELINE,\n steps: config.steps,\n total: totalSteps,\n })\n .build();\n\n return (\n <div className={config.wizardClassName \|\| \"space-y-6\"}>\n {!isInDialog && (\n <UnifiedHeader config={config} environment={headerEnvironment} />\n )}\n <div className=\"space-y-4\">\n <div className=\"space-y-4\">\n <StepSchemaForm\n closeDialog={closeDialog}\n config={{\n ...config,\n footer: (\n stepMethods,\n formMethods,\n closeDialog,\n currentDialog,\n ) => {\n const footerEnvironmentBuilder = Environment.footer();\n\n // Use dialog container if we're in a dialog, otherwise use standalone\n if (isInDialog) {\n footerEnvironmentBuilder.dialog({\n dialogConfig: currentDialog \|\| {},\n onClose: closeDialog,\n });\n } else {\n footerEnvironmentBuilder.standalone();\n }\n\n const footerEnvironment = footerEnvironmentBuilder\n .wizardForm({\n isSubmitting,\n methods: {\n ...formMethods?.current,\n handleSubmit: stepMethods.handleSubmit, // Override with step-specific handler\n },\n })\n .step({\n current: currentStep,\n isFirst: isFirstStep,\n isLast: isLastStep,\n jumpTo: stepControl.jumpTo,\n onNext: stepMethods.handleNext,\n onPrevious: stepMethods.handlePrevious,\n onRetry: stepMethods.handleRetry,\n retryCount: stepControl.retryCount,\n total: totalSteps,\n })\n .build();\n\n // Pass the config with actionButtons to UnifiedFooter\n // This allows UnifiedFooter to properly evaluate dynamic actionButtons callbacks\n return (\n <UnifiedFooter\n config={config}\n environment={footerEnvironment}\n />\n );\n },\n header: false, // Never render step headers in wizards\n stepBehavior: config.stepBehavior,\n }}\n />\n </div>\n </div>\n </div>\n );\n}\n"],"mappings":";;;;;;;;;;;;;;;AAkCA,SAAgB,WAGd,EACA,oBAAoB,KAAK,GACzB,UACuC;CACvC,MAAM,EAAE,gBAAgB,WAAW;CACnC,MAAM,sBAAsB,gBAAgB;CAC5C,MAAM,aAAa,eAAe;AAGlC,KAAI,uBAAuB,oBAAoB,aAAa,EAC1D,QACE,oBAAC,mBAAD;EACe;EACL;EACK;EACD;EACZ;AAIN,QACE,oBAAC,qBAAD;EACE,aAAa,OAAO,cAAc;EAClC,gBAAgB,OAAO,cAAc;EACrC,aAAa,uBAAuB,OAAO,MAAM;EACjD,YAAY,OAAO,MAAM;EACzB,mBAAmB,OAAO;EAC1B,iBAAiB,OAAO;EACxB,mBAAmB,OAAO;YAC1B,oBAAC,mBAAD;GACe;GACL;GACK;GACD;GACZ;EACkB;;AAI1B,SAAS,kBAGP,EACA,aACA,QACA,aACA,cAC8C;CAC9C,MAAM,EAAE,kBAAkB,WAAW;CACrC,MAAM,cAAc,gBAAgB;CACpC,MAAM,EAAE,aAAa,UAAU,aAAa,YAAY,eACtD;CACF,MAAM,eAAe,aAAa,SAAS,WAAW,gBAAgB;CAGtE,MAAM,0BAA0B,cAAc;AAC5C,SAAO,2BACL,OAAO,qBACP,OAAO,OACP,YACD;IACA;EAAC,OAAO;EAAqB,OAAO;EAAO;EAAY,CAAC;CAG3D,MAAM,oBAAoB,OAAO,MAAM,cAAc;CACrD,MAAM,2BAA2B,YAAY,QAAQ;AAGrD,KAAI,WACF,0BAAyB,OAAO;EAC9B,cAAc,iBAAiB,EAAE;EACjC,SAAS;EACV,CAAC;KAEF,0BAAyB,YAAY;CAGvC,MAAM,oBAAoB,yBACvB,QAAQ;EACP,SAAS;EACT,aAAa,mBAAmB;EAChC,OAAO,mBAAmB;EAC3B,CAAC,CACD,iBAAiB;EAChB,iBAAiB;EACjB,SAAS;EACT,eAAe,OAAO;EACtB,aAAa;EACb;EACA,OAAO,OAAO;EACd,OAAO;EACR,CAAC,CACD,OAAO;AAEV,QACE,qBAAC,OAAD;EAAK,WAAW,OAAO,mBAAmB;YAA1C,CACG,CAAC,cACA,oBAAC,eAAD;GAAuB;GAAQ,aAAa;GAAqB,GAEnE,oBAAC,OAAD;GAAK,WAAU;aACb,oBAAC,OAAD;IAAK,WAAU;cACb,oBAAC,gBAAD;KACe;KACb,QAAQ;MACN,GAAG;MACH,SACE,aACA,aACA,aACA,kBACG;OACH,MAAM,2BAA2B,YAAY,QAAQ;AAGrD,WAAI,WACF,0BAAyB,OAAO;QAC9B,cAAc,iBAAiB,EAAE;QACjC,SAAS;QACV,CAAC;WAEF,0BAAyB,YAAY;AA0BvC,cACE,oBAAC,eAAD;QACU;QACR,aA1BsB,yBACvB,WAAW;SACV;SACA,SAAS;UACP,GAAG,aAAa;UAChB,cAAc,YAAY;UAC3B;SACF,CAAC,CACD,KAAK;SACJ,SAAS;SACT,SAAS;SACT,QAAQ;SACR,QAAQ,YAAY;SACpB,QAAQ,YAAY;SACpB,YAAY,YAAY;SACxB,SAAS,YAAY;SACrB,YAAY,YAAY;SACxB,OAAO;SACR,CAAC,CACD,OAO+B;QAC9B;;MAGN,QAAQ;MACR,cAAc,OAAO;MACtB;KACD;IACE;GACF,EACF"}

package/dist/esm/components/form/WizardStepContent.js CHANGED Viewed

@@ -1,6 +1,5 @@
-import { __esmMin } from "../../_virtual/rolldown_runtime.js";
-import { init_StepControlContext, useOptionalStepControlContext } from "./StepControlContext.js";
-import { getStepAnimationClasses, init_animationUtils } from "./utils/animationUtils.js";
+import { useOptionalStepControlContext } from "./StepControlContext.js";
+import { getStepAnimationClasses } from "./utils/animationUtils.js";
 import { cn } from "@lumeweb/portal-framework-ui-core";
 import React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -41,12 +40,7 @@ function renderIcon(icon) {
 	if (isValidElementType(icon)) return /* @__PURE__ */ jsx(icon, {});
 	return null;
 }
-var init_WizardStepContent = __esmMin(() => {
-	init_StepControlContext();
-	init_animationUtils();
-});
 //#endregion
-init_WizardStepContent();
-export { WizardStepContent, init_WizardStepContent };
+export { WizardStepContent };
 //# sourceMappingURL=WizardStepContent.js.map

package/dist/esm/components/form/WizardStepContent.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"WizardStepContent.js","names":[],"sources":["../../../../src/components/form/WizardStepContent.tsx"],"sourcesContent":["import { cn } from \"@lumeweb/portal-framework-ui-core\";\nimport React, { type ReactNode } from \"react\";\nimport { isElement, isValidElementType } from \"react-is\";\n\nimport { useOptionalStepControlContext } from \"./StepControlContext\";\nimport { getStepAnimationClasses } from \"./utils/animationUtils\";\n\ninterface StepContentProps {\n children: ReactNode;\n className?: string;\n description?: string;\n icon?: ReactNode;\n isActive?: boolean;\n isEntering?: boolean;\n isExiting?: boolean;\n title?: string;\n}\n\nexport function WizardStepContent({\n children,\n className = \"\",\n description,\n icon,\n isActive = false,\n isEntering = false,\n isExiting = false,\n title,\n}: StepContentProps) {\n // Get transition direction from context\n const stepControl = useOptionalStepControlContext();\n const direction = stepControl?.transitionState?.direction \|\| null;\n\n // Determine animation classes using utility function\n const animationClasses = getStepAnimationClasses(\n isEntering,\n isExiting,\n isActive,\n direction,\n );\n\n return (\n <div\n className={cn(\n \"transition-all duration-300 ease-in-out\",\n animationClasses,\n className,\n )}\n style={{\n gridColumn: 1,\n gridRow: 1,\n }}>\n {(title \|\| description \|\| icon) && (\n <div className=\"bg-muted flex items-start gap-4 rounded-lg p-4\">\n {icon && (\n <div\n aria-hidden={!title}\n className=\"bg-primary/10 text-primary flex-shrink-0 rounded-lg p-2\">\n {renderIcon(icon)}\n </div>\n )}\n {(title \|\| description) && (\n <div>\n {title && (\n <h2\n aria-label={description ? `${title}: ${description}` : title}\n className=\"text-foreground text-xl font-semibold\">\n {title}\n </h2>\n )}\n {description && (\n <p\n aria-label={title ? `${title}: ${description}` : description}\n className=\"text-muted-foreground mt-1 text-sm\">\n {description}\n </p>\n )}\n </div>\n )}\n </div>\n )}\n\n <div className=\"pt-6\">{children}</div>\n </div>\n );\n}\n\n// Helper function to safely render icons\nfunction renderIcon(icon: ReactNode): ReactNode {\n if (!icon) return null;\n\n // If icon is already a valid React element, return it directly\n if (isElement(icon)) {\n return icon;\n }\n\n // If icon is a valid React component type, instantiate it\n if (isValidElementType(icon)) {\n const IconComponent = icon as React.ComponentType;\n return <IconComponent />;\n }\n\n // For any other case, return null\n return null;\n}\n"],"mappings":"~~;;;;;;;;;~~AAkBA,SAAgB,kBAAkB,EAChC,UACA,YAAY,IACZ,aACA,MACA,WAAW,OACX,aAAa,OACb,YAAY,OACZ,SACmB;AAanB,QACE,qBAAC;~~EACC~~,WAAW,GACT,2CAVmB,wBACvB,YACA,WACA,UAPkB,+~~BAA+B~~,~~EACpB~~,iBAAiB,aAAa,~~KAQ5D~~,~~EAOK~~,UACD;EACD,OAAO;GACL,YAAY;GACZ,SAAS;GACV;~~cACC~~,SAAS,eAAe,SACxB,qBAAC;~~GAAI~~,WAAU;~~cACZ~~,QACC,oBAAC;~~IACC~~,eAAa,CAAC;IACd,WAAU;cACT,WAAW,KAAK;~~KACb~~,~~GAEN~~,SAAS,gBACT,qBAAC,~~oBACE~~,SACC,oBAAC;~~IACC~~,cAAY,cAAc,GAAG,MAAM,IAAI,gBAAgB;IACvD,WAAU;cACT;~~KACE~~,~~EAEN~~,eACC,oBAAC;~~IACC~~,cAAY,QAAQ,GAAG,MAAM,IAAI,gBAAgB;IACjD,WAAU;cACT;~~KACC~~,~~IAEF~~;~~IAEJ~~,~~EAGR~~,~~oBAAC~~;~~GAAI~~,WAAU;GAAQ;~~IAAe;GAClC;;~~AAKV,SAAS,WAAW,MAA4B;AAC9C,KAAI,CAAC,KAAM,QAAO;AAGlB,KAAI,UAAU,KAAK,CACjB,QAAO;AAIT,KAAI,mBAAmB,KAAK,CAE1B,QAAO,~~oBADe~~,~~SACE~~;AAI1B,QAAO~~;;;0BAlG4D;sBACJ~~"}
1	+ {"version":3,"file":"WizardStepContent.js","names":["IconComponent"],"sources":["../../../../src/components/form/WizardStepContent.tsx"],"sourcesContent":["import { cn } from \"@lumeweb/portal-framework-ui-core\";\nimport React, { type ReactNode } from \"react\";\nimport { isElement, isValidElementType } from \"react-is\";\n\nimport { useOptionalStepControlContext } from \"./StepControlContext\";\nimport { getStepAnimationClasses } from \"./utils/animationUtils\";\n\ninterface StepContentProps {\n children: ReactNode;\n className?: string;\n description?: string;\n icon?: ReactNode;\n isActive?: boolean;\n isEntering?: boolean;\n isExiting?: boolean;\n title?: string;\n}\n\nexport function WizardStepContent({\n children,\n className = \"\",\n description,\n icon,\n isActive = false,\n isEntering = false,\n isExiting = false,\n title,\n}: StepContentProps) {\n // Get transition direction from context\n const stepControl = useOptionalStepControlContext();\n const direction = stepControl?.transitionState?.direction \|\| null;\n\n // Determine animation classes using utility function\n const animationClasses = getStepAnimationClasses(\n isEntering,\n isExiting,\n isActive,\n direction,\n );\n\n return (\n <div\n className={cn(\n \"transition-all duration-300 ease-in-out\",\n animationClasses,\n className,\n )}\n style={{\n gridColumn: 1,\n gridRow: 1,\n }}>\n {(title \|\| description \|\| icon) && (\n <div className=\"bg-muted flex items-start gap-4 rounded-lg p-4\">\n {icon && (\n <div\n aria-hidden={!title}\n className=\"bg-primary/10 text-primary flex-shrink-0 rounded-lg p-2\">\n {renderIcon(icon)}\n </div>\n )}\n {(title \|\| description) && (\n <div>\n {title && (\n <h2\n aria-label={description ? `${title}: ${description}` : title}\n className=\"text-foreground text-xl font-semibold\">\n {title}\n </h2>\n )}\n {description && (\n <p\n aria-label={title ? `${title}: ${description}` : description}\n className=\"text-muted-foreground mt-1 text-sm\">\n {description}\n </p>\n )}\n </div>\n )}\n </div>\n )}\n\n <div className=\"pt-6\">{children}</div>\n </div>\n );\n}\n\n// Helper function to safely render icons\nfunction renderIcon(icon: ReactNode): ReactNode {\n if (!icon) return null;\n\n // If icon is already a valid React element, return it directly\n if (isElement(icon)) {\n return icon;\n }\n\n // If icon is a valid React component type, instantiate it\n if (isValidElementType(icon)) {\n const IconComponent = icon as React.ComponentType;\n return <IconComponent />;\n }\n\n // For any other case, return null\n return null;\n}\n"],"mappings":";;;;;;;;AAkBA,SAAgB,kBAAkB,EAChC,UACA,YAAY,IACZ,aACA,MACA,WAAW,OACX,aAAa,OACb,YAAY,OACZ,SACmB;AAanB,QACE,qBAAC,OAAD;EACE,WAAW,GACT,2CAVmB,wBACvB,YACA,WACA,UAPkB,+BACS,EAAE,iBAAiB,aAAa,KAcvC,EAChB,UACD;EACD,OAAO;GACL,YAAY;GACZ,SAAS;GACV;YATH,EAUI,SAAS,eAAe,SACxB,qBAAC,OAAD;GAAK,WAAU;aAAf,CACG,QACC,oBAAC,OAAD;IACE,eAAa,CAAC;IACd,WAAU;cACT,WAAW,KAAK;IACb,IAEN,SAAS,gBACT,qBAAC,OAAD,aACG,SACC,oBAAC,MAAD;IACE,cAAY,cAAc,GAAG,MAAM,IAAI,gBAAgB;IACvD,WAAU;cACT;IACE,GAEN,eACC,oBAAC,KAAD;IACE,cAAY,QAAQ,GAAG,MAAM,IAAI,gBAAgB;IACjD,WAAU;cACT;IACC,EAEF,IAEJ;MAGR,oBAAC,OAAD;GAAK,WAAU;GAAQ;GAAe,EAClC;;;AAKV,SAAS,WAAW,MAA4B;AAC9C,KAAI,CAAC,KAAM,QAAO;AAGlB,KAAI,UAAU,KAAK,CACjB,QAAO;AAIT,KAAI,mBAAmB,KAAK,CAE1B,QAAO,oBAACA,MAAD,EAAiB;AAI1B,QAAO"}

package/dist/esm/components/form/__mocks__/@hookform/resolvers/zod.d.ts CHANGED Viewed

@@ -1,8 +1,7 @@
 //#region src/components/form/__mocks__/@hookform/resolvers/zod.d.ts
 // Augment the original module's types to include our mock exports
 declare module "@hookform/resolvers/zod" {
-  export const zodResolverSymbol: symbol;
-  // We can also refine the zodResolver mock's type if needed,
+  export const zodResolverSymbol: symbol; // We can also refine the zodResolver mock's type if needed,
   // but for this fix, just declaring the symbol is sufficient.
   // export const zodResolver: import("vitest").Mock<any, any>;
 }