@lumeweb/portal-framework-ui 0.0.1 → 0.1.0

package/dist/esm/components/form/SchemaForm.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SchemaForm.spec.js","names":["RHFFormProvider","FormProvider"],"sources":["../../../../src/components/form/SchemaForm.spec.tsx"],"sourcesContent":["import { useNotification } from \"@refinedev/core\";\nimport {\n  cleanup,\n  fireEvent,\n  render,\n  screen,\n  waitFor,\n} from \"@testing-library/react\";\nimport React from \"react\";\n// Import real RHF FormProvider\nimport {\n  FormProvider as RHFFormProvider,\n  UseFormReturn,\n} from \"react-hook-form\";\nimport { afterEach, beforeEach, describe, expect, it, vi } from \"vitest\";\n\nimport { useDialog } from \"../dialog\";\nimport { DialogType, DialogTypes } from \"../dialog/Dialog.types\";\nimport { adapters } from \"./adapters\";\n// Import custom FormProvider (mocked below)\nimport { FormProvider } from \"./context\";\nimport { SchemaForm } from \"./SchemaForm\";\nimport { FormConfig } from \"./types\";\n\n// Mock dependencies\nvi.mock(\"./FormRenderer\", () => ({\n  FormRenderer: vi.fn(({ fields }) => (\n    <div data-testid=\"mock-form-renderer\">\n      {fields.map((field: any) => (\n        <div key={field.name}>{field.label}</div>\n      ))}\n    </div>\n  )),\n}));\nvi.mock(\"../dialog\", () => ({\n  useDialog: vi.fn(),\n}));\nvi.mock(\"@refinedev/core\", () => ({\n  // Mock other refinedev exports if needed by SchemaForm\n  BaseRecord: {}, // Mock BaseRecord if used as a value\n  useNotification: vi.fn(),\n}));\nvi.mock(\"./adapters\", () => ({\n  adapters: {\n    refine: {\n      Controller: vi.fn(), // Keep mocking Controller if adapters use it directly\n      // Mock FormProvider to render the real RHF FormProvider but without passing methods\n      FormProvider: ({ children }: any) => (\n        <RHFFormProvider>{children}</RHFFormProvider>\n      ),\n      submitHandler: vi.fn(),\n      useForm: vi.fn(), // This will return a mock object\n    },\n    rhf: {\n      Controller: vi.fn(), // Keep mocking Controller if adapters use it directly\n      // Mock FormProvider to render the real RHF FormProvider but without passing methods\n      FormProvider: ({ children }: any) => (\n        <RHFFormProvider>{children}</RHFFormProvider>\n      ),\n      submitHandler: vi.fn(),\n      useForm: vi.fn(), // This will return a mock object\n    },\n  },\n}));\nvi.mock(\"./context\", () => ({\n  // Keep mocking custom FormProvider and useFormContext\n  FormProvider: vi.fn(({ adapter, children, config }: any) => (\n    <div data-testid={`mock-form-provider-${adapter}`}>{children}</div>\n  )),\n  useFormContext: vi.fn(),\n}));\nvi.mock(\"../actions\", () => ({\n  ActionListRenderer: vi.fn(({ actions }) => (\n    <div data-testid=\"mock-action-list-renderer\">\n      {actions.map((action: any) => (\n        <button key={action.label}>{action.label}</button>\n      ))}\n    </div>\n  )),\n}));\nvi.mock(\"@lumeweb/portal-framework-ui-core\", async (importOriginal) => {\n  const actual =\n    await importOriginal<typeof import(\"@lumeweb/portal-framework-ui-core\")>();\n  return {\n    ...actual,\n    cn: vi.fn((...classes) => classes.join(\" \")), // Simple mock for cn\n  };\n});\n\n// Define a mock object that looks like UseFormReturn\nconst createMockFormMethods = () =>\n  ({\n    control: {}, // Add control as it's often needed\n    formState: { isSubmitting: false },\n    getValues: vi.fn(() => ({})),\n    handleSubmit: vi.fn((onSubmit) => (e?: React.BaseSyntheticEvent) => {\n      e?.preventDefault(); // Prevent default form submission\n      return onSubmit({}); // Call onSubmit with mock data\n    }),\n    trigger: vi.fn(), // Add trigger\n    watch: vi.fn(() => ({ unsubscribe: vi.fn() })), // Add watch\n    // Add other methods if SchemaForm uses them directly\n  }) as unknown as UseFormReturn<any>; // Cast for type compatibility\n\nconst mockUseDialog = useDialog as vi.Mock;\nconst mockUseNotification = useNotification as vi.Mock;\nconst mockAdapters = adapters as any; // Cast to any for easier mocking\nconst mockCustomFormProvider = FormProvider as vi.Mock; // Mock the custom FormProvider\n\ndescribe(\"SchemaForm\", () => {\n  const mockCloseDialog = vi.fn();\n  const mockOpenNotification = vi.fn();\n  const mockSetFormMethods = vi.fn();\n\n  // Declare mockFormMethods variable here to be assigned in beforeEach\n  let mockFormMethods: UseFormReturn<any>;\n\n  beforeEach(() => {\n    // Clear all mocks\n    vi.clearAllMocks();\n\n    // Create a fresh mockFormMethods for each test\n    mockFormMethods = createMockFormMethods();\n\n    // Setup mocks for dependencies\n    mockUseDialog.mockReturnValue({\n      currentDialog: { onSuccess: vi.fn(), type: DialogTypes.FORM },\n      setFormMethods: mockSetFormMethods,\n    });\n    mockUseNotification.mockReturnValue({\n      open: mockOpenNotification,\n    });\n\n    // Setup adapter useForm mocks to return the fresh mockFormMethods\n    mockAdapters.rhf.useForm.mockReturnValue(mockFormMethods);\n    mockAdapters.refine.useForm.mockReturnValue({\n      ...mockFormMethods,\n      refineCore: { onFinish: vi.fn().mockResolvedValue({}) },\n    });\n\n    // Setup adapter submitHandler mocks\n    mockAdapters.rhf.submitHandler.mockResolvedValue({});\n    mockAdapters.refine.submitHandler.mockResolvedValue({});\n  });\n\n  afterEach(() => {\n    cleanup();\n    vi.clearAllMocks();\n    vi.resetAllMocks();\n    vi.restoreAllMocks();\n  });\n\n  const mockConfig: FormConfig<any> = {\n    actionButtons: [{ action: \"submit\", label: \"Save\" }],\n    fields: [{ label: \"Field 1\", name: \"field1\" } as any],\n    onError: vi.fn(),\n    onSubmit: vi.fn().mockResolvedValue({}),\n    onSuccess: vi.fn(),\n  };\n\n  it(\"throws error if config is missing\", () => {\n    // @ts-expect-error - testing missing config case\n    expect(() => render(<SchemaForm />)).toThrow(\n      \"SchemaForm requires a form config\",\n    );\n  });\n\n  it(\"renders the form with default RHF adapter\", () => {\n    render(<SchemaForm closeDialog={mockCloseDialog} config={mockConfig} />);\n\n    expect(mockAdapters.rhf.useForm).toHaveBeenCalledTimes(1);\n    expect(mockAdapters.refine.useForm).not.toHaveBeenCalled();\n    // Expect the custom FormProvider to be called with the correct adapter\n    expect(mockCustomFormProvider).toHaveBeenCalledWith(\n      expect.objectContaining({ adapter: \"rhf\" }),\n      {},\n    );\n    // Expect the real RHF FormProvider (used inside the adapter mock) to be in the document\n    expect(screen.getByTestId(\"mock-rhf-provider\")).toBeInTheDocument();\n    expect(screen.getByTestId(\"mock-form-renderer\")).toBeInTheDocument();\n    expect(screen.getByTestId(\"mock-action-list-renderer\")).toBeInTheDocument();\n    expect(screen.getByRole(\"button\", { name: /Save/i })).toBeInTheDocument();\n  });\n\n  it('uses refine adapter if config.adapter is \"refine\"', () => {\n    const refineConfig = { ...mockConfig, adapter: \"refine\" as const };\n    render(<SchemaForm closeDialog={mockCloseDialog} config={refineConfig} />);\n\n    expect(mockAdapters.refine.useForm).toHaveBeenCalledTimes(1);\n    expect(mockAdapters.rhf.useForm).not.toHaveBeenCalled();\n    expect(mockCustomFormProvider).toHaveBeenCalledWith(\n      expect.objectContaining({ adapter: \"refine\" }),\n      {},\n    );\n    expect(screen.getByTestId(\"mock-refine-provider\")).toBeInTheDocument();\n  });\n\n  it(\"uses refine adapter if config.refine is true\", () => {\n    const refineConfig = { ...mockConfig, refine: true };\n    render(<SchemaForm closeDialog={mockCloseDialog} config={refineConfig} />);\n\n    expect(mockAdapters.refine.useForm).toHaveBeenCalledTimes(1);\n    expect(mockAdapters.rhf.useForm).not.toHaveBeenCalled();\n    expect(mockCustomFormProvider).toHaveBeenCalledWith(\n      expect.objectContaining({ adapter: \"refine\" }),\n      {},\n    );\n    expect(screen.getByTestId(\"mock-refine-provider\")).toBeInTheDocument();\n  });\n\n  it(\"uses refine adapter if config.refineCoreProps.resource is present\", () => {\n    const refineConfig = {\n      ...mockConfig,\n      refineCoreProps: { resource: \"posts\" },\n    };\n    render(<SchemaForm closeDialog={mockCloseDialog} config={refineConfig} />);\n\n    expect(mockAdapters.refine.useForm).toHaveBeenCalledTimes(1);\n    expect(mockAdapters.rhf.useForm).not.toHaveBeenCalled();\n    expect(mockCustomFormProvider).toHaveBeenCalledWith(\n      expect.objectContaining({ adapter: \"refine\" }),\n      {},\n    );\n    expect(screen.getByTestId(\"mock-refine-provider\")).toBeInTheDocument();\n  });\n\n  it(\"calls setFormMethods with the form methods\", () => {\n    render(<SchemaForm closeDialog={mockCloseDialog} config={mockConfig} />);\n    expect(mockSetFormMethods).toHaveBeenCalledWith(mockFormMethods);\n  });\n\n  it(\"calls adapter submitHandler on form submission\", async () => {\n    const submitResult = { id: 1, name: \"test\" };\n    mockAdapters.rhf.submitHandler.mockResolvedValue(submitResult);\n\n    render(<SchemaForm closeDialog={mockCloseDialog} config={mockConfig} />);\n\n    // Find the form element within the RHF FormProvider mock\n    const form = screen.getByTestId(\"mock-rhf-provider\").closest(\"form\");\n    fireEvent.submit(form!);\n\n    await waitFor(() => {\n      expect(mockFormMethods.handleSubmit).toHaveBeenCalledTimes(1);\n      expect(mockAdapters.rhf.submitHandler).toHaveBeenCalledWith(\n        mockConfig,\n        mockFormMethods,\n      );\n    });\n  });\n\n  it(\"calls onSuccess callback on successful submission\", async () => {\n    const submitResult = { id: 1, name: \"test\" };\n    mockAdapters.rhf.submitHandler.mockResolvedValue(submitResult);\n    const mockOnSuccess = vi.fn();\n    const configWithSuccess = { ...mockConfig, onSuccess: mockOnSuccess };\n\n    render(\n      <SchemaForm closeDialog={mockCloseDialog} config={configWithSuccess} />,\n    );\n\n    const form = screen.getByTestId(\"mock-rhf-provider\").closest(\"form\");\n    fireEvent.submit(form!);\n\n    await waitFor(() => {\n      expect(mockOnSuccess).toHaveBeenCalledWith(\n        submitResult,\n        mockFormMethods.getValues(),\n      );\n    });\n  });\n\n  it(\"calls dialog onSuccess callback if dialog type is form\", async () => {\n    const submitResult = { id: 1, name: \"test\" };\n    mockAdapters.rhf.submitHandler.mockResolvedValue(submitResult);\n    const mockDialogOnSuccess = vi.fn();\n    mockUseDialog.mockReturnValue({\n      currentDialog: { onSuccess: mockDialogOnSuccess, type: DialogTypes.FORM },\n      setFormMethods: mockSetFormMethods,\n    });\n\n    render(<SchemaForm closeDialog={mockCloseDialog} config={mockConfig} />);\n\n    const form = screen.getByTestId(\"mock-rhf-provider\").closest(\"form\");\n    fireEvent.submit(form!);\n\n    await waitFor(() => {\n      expect(mockDialogOnSuccess).toHaveBeenCalledWith(\n        submitResult,\n        mockFormMethods.getValues(),\n      );\n    });\n  });\n\n  it(\"closes dialog on successful submission by default\", async () => {\n    mockAdapters.rhf.submitHandler.mockResolvedValue({});\n\n    render(<SchemaForm closeDialog={mockCloseDialog} config={mockConfig} />);\n\n    const form = screen.getByTestId(\"mock-rhf-provider\").closest(\"form\");\n    fireEvent.submit(form!);\n\n    await waitFor(() => {\n      expect(mockCloseDialog).toHaveBeenCalledTimes(1);\n    });\n  });\n\n  it(\"does not close dialog on successful submission if closeOnSubmit is false\", async () => {\n    mockAdapters.rhf.submitHandler.mockResolvedValue({});\n    const configNoClose = { ...mockConfig, closeOnSubmit: false };\n\n    render(<SchemaForm closeDialog={mockCloseDialog} config={configNoClose} />);\n\n    const form = screen.getByTestId(\"mock-rhf-provider\").closest(\"form\");\n    fireEvent.submit(form!);\n\n    await waitFor(() => {\n      // Wait for submit handler to finish\n      expect(mockAdapters.rhf.submitHandler).toHaveBeenCalled();\n    });\n    // Give a moment for the setTimeout in SchemaForm to potentially run if closeOnSubmit was true\n    await new Promise((resolve) => setTimeout(resolve, 150));\n    expect(mockCloseDialog).not.toHaveBeenCalled();\n  });\n\n  it(\"calls onError callback on submission error\", async () => {\n    const submitError = new Error(\"Submission failed\");\n    mockAdapters.rhf.submitHandler.mockRejectedValue(submitError);\n    const mockOnError = vi.fn();\n    const configWithError = { ...mockConfig, onError: mockOnError };\n\n    render(\n      <SchemaForm closeDialog={mockCloseDialog} config={configWithError} />,\n    );\n\n    const form = screen.getByTestId(\"mock-rhf-provider\").closest(\"form\");\n    fireEvent.submit(form!);\n\n    await waitFor(() => {\n      expect(mockOnError).toHaveBeenCalledWith(submitError);\n    });\n  });\n\n  it(\"opens notification on submission error for non-refine adapter if errorNotification is configured\", async () => {\n    const submitError = new Error(\"Submission failed\");\n    mockAdapters.rhf.submitHandler.mockRejectedValue(submitError);\n    const mockErrorNotification = vi.fn(() => ({\n      message: \"Failed\",\n      type: \"error\",\n    }));\n    const configWithErrorNotification = {\n      ...mockConfig,\n      errorNotification: mockErrorNotification,\n    };\n\n    render(\n      <SchemaForm\n        closeDialog={mockCloseDialog}\n        config={configWithErrorNotification}\n      />,\n    );\n\n    const form = screen.getByTestId(\"mock-rhf-provider\").closest(\"form\");\n    fireEvent.submit(form!);\n\n    await waitFor(() => {\n      expect(mockErrorNotification).toHaveBeenCalledWith(submitError);\n      expect(mockOpenNotification).toHaveBeenCalledWith({\n        message: \"Failed\",\n        type: \"error\",\n      });\n    });\n  });\n\n  it(\"does not open notification for refine adapter errors (refine handles its own)\", async () => {\n    const submitError = new Error(\"Submission failed\");\n    mockAdapters.refine.submitHandler.mockRejectedValue(submitError);\n    const mockErrorNotification = vi.fn(() => ({\n      message: \"Failed\",\n      type: \"error\",\n    }));\n    const configWithErrorNotification = {\n      ...mockConfig,\n      adapter: \"refine\" as const,\n      errorNotification: mockErrorNotification,\n    };\n\n    render(\n      <SchemaForm\n        closeDialog={mockCloseDialog}\n        config={configWithErrorNotification}\n      />,\n    );\n\n    const form = screen.getByTestId(\"mock-refine-provider\").closest(\"form\");\n    fireEvent.submit(form!);\n\n    await waitFor(() => {\n      // Wait for submit handler to finish\n      expect(mockAdapters.refine.submitHandler).toHaveBeenCalled();\n    });\n    expect(mockErrorNotification).not.toHaveBeenCalled();\n    expect(mockOpenNotification).not.toHaveBeenCalled();\n  });\n\n  it(\"renders custom footer if provided as a function\", () => {\n    const mockFooter = vi.fn(() => (\n      <div data-testid=\"custom-footer\">Custom Footer</div>\n    ));\n    const configWithFooter = { ...mockConfig, footer: mockFooter };\n\n    render(\n      <SchemaForm closeDialog={mockCloseDialog} config={configWithFooter} />,\n    );\n\n    expect(screen.getByTestId(\"custom-footer\")).toBeInTheDocument();\n    expect(mockFooter).toHaveBeenCalledWith(mockFormMethods, mockCloseDialog);\n    expect(\n      screen.queryByTestId(\"mock-action-list-renderer\"),\n    ).not.toBeInTheDocument();\n  });\n\n  it(\"renders custom footer if provided as ReactNode\", () => {\n    const customFooterNode = (\n      <div data-testid=\"custom-footer-node\">Custom Footer Node</div>\n    );\n    const configWithFooter = { ...mockConfig, footer: customFooterNode };\n\n    render(\n      <SchemaForm closeDialog={mockCloseDialog} config={configWithFooter} />,\n    );\n\n    expect(screen.getByTestId(\"custom-footer-node\")).toBeInTheDocument();\n    expect(\n      screen.queryByTestId(\"mock-action-list-renderer\"),\n    ).not.toBeInTheDocument();\n  });\n\n  it(\"renders action buttons if footer is not provided\", () => {\n    const configWithoutFooter = { ...mockConfig, footer: undefined };\n    render(\n      <SchemaForm closeDialog={mockCloseDialog} config={configWithoutFooter} />,\n    );\n\n    expect(screen.getByTestId(\"mock-action-list-renderer\")).toBeInTheDocument();\n    expect(screen.getByRole(\"button\", { name: /Save/i })).toBeInTheDocument();\n  });\n\n  it(\"renders action buttons if footer is an empty array\", () => {\n    const configWithEmptyFooter = { ...mockConfig, footer: [] };\n    render(\n      <SchemaForm\n        closeDialog={mockCloseDialog}\n        config={configWithEmptyFooter}\n      />,\n    );\n\n    expect(screen.getByTestId(\"mock-action-list-renderer\")).toBeInTheDocument();\n    expect(screen.getByRole(\"button\", { name: /Save/i })).toBeInTheDocument();\n  });\n\n  it(\"passes actionButtons from config to ActionListRenderer\", () => {\n    const actions = [\n      { action: \"custom\", label: \"Action 1\" },\n      { action: \"cancel\", label: \"Action 2\" },\n    ];\n    const configWithActions = {\n      ...mockConfig,\n      actionButtons: actions,\n      footer: undefined,\n    };\n\n    render(\n      <SchemaForm closeDialog={mockCloseDialog} config={configWithActions} />,\n    );\n\n    expect(screen.getByTestId(\"mock-action-list-renderer\")).toBeInTheDocument();\n    expect(\n      screen.getByRole(\"button\", { name: /Action 1/i }),\n    ).toBeInTheDocument();\n    expect(\n      screen.getByRole(\"button\", { name: /Action 2/i }),\n    ).toBeInTheDocument();\n  });\n\n  it(\"passes actionButtonsLayout from config to ActionListRenderer\", () => {\n    const configWithLayout = {\n      ...mockConfig,\n      actionButtonsLayout: \"vertical\" as const,\n      footer: undefined,\n    };\n\n    render(\n      <SchemaForm closeDialog={mockCloseDialog} config={configWithLayout} />,\n    );\n\n    expect(screen.getByTestId(\"mock-action-list-renderer\")).toBeInTheDocument();\n    // Check if layout prop was passed (mock ActionListRenderer doesn't render based on layout, just checks prop)\n    expect(screen.getByTestId(\"mock-action-list-renderer\")).toHaveAttribute(\n      \"layout\",\n      \"vertical\",\n    );\n  });\n\n  it(\"applies formClassName and layout classes\", () => {\n    const configWithClasses = {\n      ...mockConfig,\n      formClassName: \"extra-class\",\n      layout: \"grid\" as const,\n    };\n\n    render(\n      <SchemaForm closeDialog={mockCloseDialog} config={configWithClasses} />,\n    );\n\n    const formElement = screen.getByTestId(\"mock-rhf-provider\").closest(\"form\");\n    expect(formElement).toHaveClass(\"space-y-4\");\n    expect(formElement).toHaveClass(\"extra-class\");\n    expect(formElement).toHaveClass(\"grid\");\n    expect(formElement).toHaveClass(\"gap-4\");\n  });\n});\n"],"mappings":"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"}

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

@@ -0,0 +1,200 @@
+import { NavigationType } from "../shared/types/header.js";
+import "../index.js";
+import React from "react";
+
+//#region src/components/form/StepControlContext.d.ts
+/**
+ * Interface for step control context values
+ */
+interface StepControlContextType {
+  /**
+   * Current active step index
+   */
+  currentStep: number;
+  /**
+   * Navigate to a specific step
+   * @param step - The step index to navigate to
+   */
+  goToStep: (step: number) => void;
+  /**
+   * Jump to a specific step without transition animation
+   * @param step - The step index to jump to
+   */
+  jumpTo: (step: number) => void;
+  /**
+   * Navigate to the next step
+   */
+  handleNext: () => Promise<void>;
+  /**
+   * Navigate to the previous step
+   */
+  handlePrevious: () => Promise<void>;
+  /**
+   * Retry the current step
+   */
+  handleRetry: () => Promise<void>;
+  /**
+   * Number of times the current step has been retried
+   */
+  retryCount: number;
+  /**
+   * Whether the current step is the first step
+   */
+  isFirstStep: boolean;
+  /**
+   * Whether the current step is the last step
+   */
+  isLastStep: boolean;
+  /**
+   * Total number of steps
+   */
+  totalSteps: number;
+  /**
+   * Transition state with navigation direction
+   */
+  transitionState: {
+    direction: "backward" | "forward" | null;
+    enteringStep: null | number;
+    exitingStep: null | number;
+  };
+}
+interface StepControlProviderProps {
+  children: React.ReactNode;
+  /**
+   * Default step to start on
+   */
+  defaultStep?: number;
+  /**
+   * Function to handle step submission
+   */
+  handleStepSubmit?: () => Promise<void>;
+  /**
+   * Whether to validate when going back steps
+   */
+  isBackValidate?: boolean;
+  /**
+   * Callback when step changes
+   */
+  onStepChange?: (step: number) => void;
+  /**
+   * Callback when step is retried
+   */
+  onStepRetry?: (step: number) => void;
+  /**
+   * Callback when navigation starts
+   */
+  onNavigationStart?: (fromStep: number, toStep: number, type: NavigationType) => void;
+  /**
+   * Callback when navigation ends successfully
+   */
+  onNavigationEnd?: (fromStep: number, toStep: number, type: NavigationType) => void;
+  /**
+   * Callback when navigation fails
+   */
+  onNavigationError?: (fromStep: number, toStep: number, type: NavigationType, error: any) => void;
+  /**
+   * Total number of steps
+   */
+  totalSteps?: number;
+  /**
+   * Function to trigger validation for the current step
+   */
+  triggerValidation?: () => Promise<boolean>;
+}
+/**
+ * Hook to create step control state independently
+ * This hook can be used outside of StepControlProvider
+ */
+interface UseCreateStepControlOptions {
+  /**
+   * Default step to start on
+   * @default 1
+   */
+  defaultStep?: number;
+  /**
+   * Function to handle step submission
+   */
+  handleStepSubmit?: () => Promise<void>;
+  /**
+   * Whether to validate when going back steps
+   * @default false
+   */
+  isBackValidate?: boolean;
+  /**
+   * Callback when step changes
+   */
+  onStepChange?: (step: number) => void;
+  /**
+   * Callback when step is retried
+   */
+  onStepRetry?: (step: number) => void;
+  /**
+   * Callback when navigation starts
+   */
+  onNavigationStart?: (fromStep: number, toStep: number, type: NavigationType) => void;
+  /**
+   * Callback when navigation ends successfully
+   */
+  onNavigationEnd?: (fromStep: number, toStep: number, type: NavigationType) => void;
+  /**
+   * Callback when navigation fails
+   */
+  onNavigationError?: (fromStep: number, toStep: number, type: NavigationType, error: any) => void;
+  /**
+   * Total number of steps
+   */
+  totalSteps: number;
+  /**
+   * Function to trigger validation for the current step
+   */
+  triggerValidation?: () => Promise<boolean>;
+}
+/**
+ * Provider component for step control functionality
+ * Handles step navigation logic and state management
+ */
+declare function StepControlProvider({
+  children,
+  defaultStep,
+  handleStepSubmit,
+  isBackValidate,
+  onStepChange,
+  onStepRetry,
+  onNavigationStart,
+  onNavigationEnd,
+  onNavigationError,
+  totalSteps,
+  triggerValidation
+}: StepControlProviderProps): any;
+declare function useCreateStepControl({
+  defaultStep,
+  handleStepSubmit,
+  isBackValidate,
+  onStepChange,
+  onStepRetry,
+  onNavigationStart,
+  onNavigationEnd,
+  onNavigationError,
+  totalSteps: totalStepsProp,
+  triggerValidation
+}: UseCreateStepControlOptions): StepControlContextType;
+/**
+ * Hook to optionally consume the step control context
+ * @returns StepControlContextType | undefined - Step control methods and state, or undefined if not in context
+ */
+declare function useOptionalStepControlContext(): any;
+/**
+ * Backward compatibility hook
+ * This maintains the original API where useStepControl could be used as both
+ * a context consumer and a creator depending on whether options were passed
+ */
+declare function useStepControl(options?: UseCreateStepControlOptions): StepControlContextType;
+/**
+ * Hook to consume the step control context
+ * @returns StepControlContextType - Step control methods and state
+ * @throws Error if used outside StepControlProvider
+ */
+declare function useStepControlContext(): any;
+//#endregion
+export { StepControlContextType, StepControlProvider, StepControlProviderProps, UseCreateStepControlOptions, useCreateStepControl, useOptionalStepControlContext, useStepControl, useStepControlContext };
+//# sourceMappingURL=StepControlContext.d.ts.map

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

@@ -0,0 +1,254 @@
+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
+/**
+* Provider component for step control functionality
+* Handles step navigation logic and state management
+*/
+function StepControlProvider({ children, defaultStep, handleStepSubmit, isBackValidate, onStepChange, onStepRetry, onNavigationStart, onNavigationEnd, onNavigationError, totalSteps, triggerValidation }) {
+	const stepControl = useCreateStepControl({
+		defaultStep: defaultStep ?? 1,
+		handleStepSubmit,
+		isBackValidate: isBackValidate ?? false,
+		onStepChange,
+		onStepRetry,
+		onNavigationStart,
+		onNavigationEnd,
+		onNavigationError,
+		totalSteps: totalSteps ?? 1,
+		triggerValidation
+	});
+	return /* @__PURE__ */ jsx(StepControlContext.Provider, {
+		value: stepControl,
+		children
+	});
+}
+function useCreateStepControl({ defaultStep = 1, handleStepSubmit, isBackValidate = false, onStepChange, onStepRetry, onNavigationStart, onNavigationEnd, onNavigationError, totalSteps: totalStepsProp, triggerValidation }) {
+	const [currentStep, setCurrentStep] = useState(defaultStep);
+	const [retryCount, setRetryCount] = useState(0);
+	const [transitionState, setTransitionState] = useState({
+		direction: null,
+		enteringStep: null,
+		exitingStep: null
+	});
+	const isFirstStep = currentStep === 1;
+	const isLastStep = currentStep === totalStepsProp;
+	const goToStep = useCallback((step) => {
+		const targetStep = Math.max(1, Math.min(step, totalStepsProp));
+		try {
+			onNavigationStart?.(currentStep, targetStep, "goTo");
+		} catch (error) {
+			onNavigationError?.(currentStep, targetStep, "goTo", error);
+			return;
+		}
+		if (targetStep === currentStep) {
+			onNavigationEnd?.(currentStep, targetStep, "goTo");
+			return;
+		}
+		setRetryCount(0);
+		setTransitionState({
+			direction: targetStep > currentStep ? "forward" : "backward",
+			enteringStep: targetStep,
+			exitingStep: currentStep
+		});
+		setTimeout(() => {
+			try {
+				setCurrentStep(targetStep);
+				setTransitionState({
+					direction: null,
+					enteringStep: null,
+					exitingStep: null
+				});
+				onStepChange?.(targetStep);
+				onNavigationEnd?.(currentStep, targetStep, "goTo");
+			} catch (error) {
+				onNavigationError?.(currentStep, targetStep, "goTo", error);
+			}
+		}, 300);
+	}, [
+		totalStepsProp,
+		onStepChange,
+		currentStep,
+		onNavigationStart,
+		onNavigationEnd,
+		onNavigationError
+	]);
+	const jumpTo = useCallback((step) => {
+		const targetStep = Math.max(1, Math.min(step, totalStepsProp));
+		try {
+			onNavigationStart?.(currentStep, targetStep, "jumpTo");
+		} catch (error) {
+			onNavigationError?.(currentStep, targetStep, "jumpTo", error);
+			return;
+		}
+		if (targetStep === currentStep) {
+			onNavigationEnd?.(currentStep, targetStep, "jumpTo");
+			return;
+		}
+		setRetryCount(0);
+		try {
+			setCurrentStep(targetStep);
+			onStepChange?.(targetStep);
+			onNavigationEnd?.(currentStep, targetStep, "jumpTo");
+		} catch (error) {
+			onNavigationError?.(currentStep, targetStep, "jumpTo", error);
+		}
+	}, [
+		totalStepsProp,
+		onStepChange,
+		currentStep,
+		onNavigationStart,
+		onNavigationEnd,
+		onNavigationError
+	]);
+	const handleRetry = useCallback(async () => {
+		try {
+			onNavigationStart?.(currentStep, currentStep, "retry");
+		} catch (error) {
+			onNavigationError?.(currentStep, currentStep, "retry", error);
+			return;
+		}
+		setRetryCount((prev) => prev + 1);
+		setTransitionState({
+			direction: null,
+			enteringStep: currentStep,
+			exitingStep: currentStep
+		});
+		setTimeout(() => {
+			try {
+				setTransitionState({
+					direction: null,
+					enteringStep: null,
+					exitingStep: null
+				});
+				setCurrentStep(currentStep);
+				onStepRetry?.(currentStep);
+				onNavigationEnd?.(currentStep, currentStep, "retry");
+			} catch (error) {
+				onNavigationError?.(currentStep, currentStep, "retry", error);
+			}
+		}, 300);
+	}, [
+		currentStep,
+		onStepRetry,
+		onNavigationStart,
+		onNavigationEnd,
+		onNavigationError
+	]);
+	const handleNext = useCallback(async () => {
+		if (isLastStep) return;
+		const targetStep = currentStep + 1;
+		try {
+			onNavigationStart?.(currentStep, targetStep, "next");
+		} catch (error) {
+			onNavigationError?.(currentStep, targetStep, "next", error);
+			return;
+		}
+		if (handleStepSubmit) try {
+			await handleStepSubmit();
+		} catch (error) {
+			onNavigationError?.(currentStep, targetStep, "next", error);
+			return;
+		}
+		goToStep(targetStep);
+	}, [
+		currentStep,
+		isLastStep,
+		goToStep,
+		handleStepSubmit,
+		onNavigationStart,
+		onNavigationEnd,
+		onNavigationError
+	]);
+	const handlePrevious = useCallback(async () => {
+		if (isFirstStep) return;
+		const targetStep = currentStep - 1;
+		try {
+			onNavigationStart?.(currentStep, targetStep, "previous");
+		} catch (error) {
+			onNavigationError?.(currentStep, targetStep, "previous", error);
+			return;
+		}
+		if (isBackValidate && triggerValidation) try {
+			if (!await triggerValidation()) {
+				onNavigationError?.(currentStep, targetStep, "previous", /* @__PURE__ */ new Error("Validation failed"));
+				return;
+			}
+		} catch (error) {
+			onNavigationError?.(currentStep, targetStep, "previous", error);
+			return;
+		}
+		goToStep(targetStep);
+	}, [
+		currentStep,
+		isFirstStep,
+		isBackValidate,
+		triggerValidation,
+		goToStep,
+		onNavigationStart,
+		onNavigationEnd,
+		onNavigationError
+	]);
+	return useMemo(() => ({
+		currentStep,
+		goToStep,
+		jumpTo,
+		handleNext,
+		handlePrevious,
+		handleRetry,
+		retryCount,
+		isFirstStep,
+		isLastStep,
+		totalSteps: totalStepsProp,
+		transitionState
+	}), [
+		currentStep,
+		totalStepsProp,
+		isFirstStep,
+		isLastStep,
+		goToStep,
+		jumpTo,
+		handleNext,
+		handlePrevious,
+		handleRetry,
+		retryCount,
+		transitionState
+	]);
+}
+/**
+* Hook to optionally consume the step control context
+* @returns StepControlContextType | undefined - Step control methods and state, or undefined if not in context
+*/
+function useOptionalStepControlContext() {
+	return useContext(StepControlContext);
+}
+/**
+* Backward compatibility hook
+* This maintains the original API where useStepControl could be used as both
+* a context consumer and a creator depending on whether options were passed
+*/
+function useStepControl(options) {
+	if (options) return useCreateStepControl(options);
+	return useStepControlContext();
+}
+/**
+* Hook to consume the step control context
+* @returns StepControlContextType - Step control methods and state
+* @throws Error if used outside StepControlProvider
+*/
+function useStepControlContext() {
+	const context = useContext(StepControlContext);
+	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 };
+//# sourceMappingURL=StepControlContext.js.map

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

@@ -0,0 +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":";;;;;;;;;AAiMA,SAAgB,oBAAoB,EAClC,UACA,aACA,kBACA,gBACA,cACA,aACA,mBACA,iBACA,mBACA,YACA,qBAC2B;CAC3B,MAAM,cAAc,qBAAqB;EACvC,aAAa,eAAe;EAC5B;EACA,gBAAgB,kBAAkB;EAClC;EACA;EACA;EACA;EACA;EACA,YAAY,cAAc;EAC1B;EACD,CAAC;AAEF,QACE,oBAAC,mBAAmB;EAAS,OAAO;EACjC;GAC2B;;AAIlC,SAAgB,qBAAqB,EACnC,cAAc,GACd,kBACA,iBAAiB,OACjB,cACA,aACA,mBACA,iBACA,mBACA,YAAY,gBACZ,qBACsD;CACtD,MAAM,CAAC,aAAa,kBAAkB,SAAS,YAAY;CAC3D,MAAM,CAAC,YAAY,iBAAiB,SAAS,EAAE;CAC/C,MAAM,CAAC,iBAAiB,sBAAsB,SAI3C;EACD,WAAW;EACX,cAAc;EACd,aAAa;EACd,CAAC;CAEF,MAAM,cAAc,gBAAgB;CACpC,MAAM,aAAa,gBAAgB;CAEnC,MAAM,WAAW,aACd,SAAiB;EAChB,MAAM,aAAa,KAAK,IAAI,GAAG,KAAK,IAAI,MAAM,eAAe,CAAC;AAG9D,MAAI;AACF,uBAAoB,aAAa,YAAY,OAAO;WAC7C,OAAO;AACd,uBAAoB,aAAa,YAAY,QAAQ,MAAM;AAC3D;;AAGF,MAAI,eAAe,aAAa;AAC9B,qBAAkB,aAAa,YAAY,OAAO;AAClD;;AAIF,gBAAc,EAAE;AAKhB,qBAAmB;GACjB,WAHgB,aAAa,cAAc,YAAY;GAIvD,cAAc;GACd,aAAa;GACd,CAAC;AAGF,mBAAiB;AACf,OAAI;AACF,mBAAe,WAAW;AAC1B,uBAAmB;KACjB,WAAW;KACX,cAAc;KACd,aAAa;KACd,CAAC;AACF,mBAAe,WAAW;AAC1B,sBAAkB,aAAa,YAAY,OAAO;YAC3C,OAAO;AACd,wBAAoB,aAAa,YAAY,QAAQ,MAAM;;KAE5D,IAAI;IAET;EACE;EACA;EACA;EACA;EACA;EACA;EACD,CACF;CAED,MAAM,SAAS,aACZ,SAAiB;EAChB,MAAM,aAAa,KAAK,IAAI,GAAG,KAAK,IAAI,MAAM,eAAe,CAAC;AAG9D,MAAI;AACF,uBAAoB,aAAa,YAAY,SAAS;WAC/C,OAAO;AACd,uBAAoB,aAAa,YAAY,UAAU,MAAM;AAC7D;;AAGF,MAAI,eAAe,aAAa;AAC9B,qBAAkB,aAAa,YAAY,SAAS;AACpD;;AAIF,gBAAc,EAAE;AAGhB,MAAI;AACF,kBAAe,WAAW;AAC1B,kBAAe,WAAW;AAC1B,qBAAkB,aAAa,YAAY,SAAS;WAC7C,OAAO;AACd,uBAAoB,aAAa,YAAY,UAAU,MAAM;;IAGjE;EACE;EACA;EACA;EACA;EACA;EACA;EACD,CACF;CAED,MAAM,cAAc,YAAY,YAAY;AAE1C,MAAI;AACF,uBAAoB,aAAa,aAAa,QAAQ;WAC/C,OAAO;AACd,uBAAoB,aAAa,aAAa,SAAS,MAAM;AAC7D;;AAIF,iBAAe,SAAS,OAAO,EAAE;AAGjC,qBAAmB;GACjB,WAAW;GACX,cAAc;GACd,aAAa;GACd,CAAC;AAGF,mBAAiB;AACf,OAAI;AACF,uBAAmB;KACjB,WAAW;KACX,cAAc;KACd,aAAa;KACd,CAAC;AACF,mBAAe,YAAY;AAC3B,kBAAc,YAAY;AAC1B,sBAAkB,aAAa,aAAa,QAAQ;YAC7C,OAAO;AACd,wBAAoB,aAAa,aAAa,SAAS,MAAM;;KAE9D,IAAI;IACN;EACD;EACA;EACA;EACA;EACA;EACD,CAAC;CAEF,MAAM,aAAa,YAAY,YAAY;AACzC,MAAI,WAAY;EAEhB,MAAM,aAAa,cAAc;AAGjC,MAAI;AACF,uBAAoB,aAAa,YAAY,OAAO;WAC7C,OAAO;AACd,uBAAoB,aAAa,YAAY,QAAQ,MAAM;AAC3D;;AAIF,MAAI,iBACF,KAAI;AACF,SAAM,kBAAkB;WACjB,OAAO;AACd,uBAAoB,aAAa,YAAY,QAAQ,MAAM;AAC3D;;AAIJ,WAAS,WAAW;IACnB;EACD;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;CAEF,MAAM,iBAAiB,YAAY,YAAY;AAC7C,MAAI,YAAa;EAEjB,MAAM,aAAa,cAAc;AAGjC,MAAI;AACF,uBAAoB,aAAa,YAAY,WAAW;WACjD,OAAO;AACd,uBAAoB,aAAa,YAAY,YAAY,MAAM;AAC/D;;AAGF,MAAI,kBAAkB,kBACpB,KAAI;AAEF,OAAI,CADY,MAAM,mBAAmB,EAC3B;AACZ,wBACE,aACA,YACA,4BACA,IAAI,MAAM,oBAAoB,CAC/B;AACD;;WAEK,OAAO;AACd,uBAAoB,aAAa,YAAY,YAAY,MAAM;AAC/D;;AAIJ,WAAS,WAAW;IACnB;EACD;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;AAEF,QAAO,eACE;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YAAY;EACZ;EACD,GACD;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CACF;;;;;;AAOH,SAAgB,gCAAgC;AAC9C,QAAO,WAAW,mBAAmB;;;;;;;AAQvC,SAAgB,eACd,SACwB;AAExB,KAAI,QACF,QAAO,qBAAqB,QAAQ;AAItC,QAAO,uBAAuB;;;;;;;AAQhC,SAAgB,wBAAwB;CACtC,MAAM,UAAU,WAAW,mBAAmB;AAC9C,KAAI,YAAY,OACd,OAAM,IAAI,MAAM,2DAA2D;AAE7E,QAAO;;;;CAjdH,qBAAqB,cACzB,OACD"}

package/dist/esm/components/form/StepSchemaForm.d.ts

@@ -0,0 +1,22 @@
+import { StepFormConfig } from "./types.js";
+import { BaseRecord } from "@refinedev/core";
+import { FieldValues } from "react-hook-form";
+
+//#region src/components/form/StepSchemaForm.d.ts
+interface StepSchemaFormProps<TRequest extends FieldValues = FieldValues, TResponse extends BaseRecord = any> {
+  closeDialog: () => void;
+  config: StepFormConfig<TRequest, TResponse>;
+  onNavigationStart?: (fromStep: number, toStep: number, type: 'goTo' | 'jumpTo' | 'next' | 'previous' | 'retry') => void;
+  onNavigationEnd?: (fromStep: number, toStep: number, type: 'goTo' | 'jumpTo' | 'next' | 'previous' | 'retry') => void;
+  onNavigationError?: (fromStep: number, toStep: number, type: 'goTo' | 'jumpTo' | 'next' | 'previous' | 'retry', error: any) => void;
+}
+declare function StepSchemaForm<TRequest extends FieldValues = FieldValues, TResponse extends BaseRecord = any>({
+  closeDialog,
+  config,
+  onNavigationStart,
+  onNavigationEnd,
+  onNavigationError
+}: StepSchemaFormProps<TRequest, TResponse>): any;
+//#endregion
+export { StepSchemaForm };
+//# sourceMappingURL=StepSchemaForm.d.ts.map