@lumeweb/portal-framework-ui 0.0.1 → 0.1.0

package/dist/esm/components/dialog/Dialog.renderer.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.renderer.spec.js","names":[],"sources":["../../../../src/components/dialog/Dialog.renderer.spec.tsx"],"sourcesContent":["import {\n  act,\n  cleanup,\n  fireEvent,\n  render,\n  screen,\n  waitFor,\n  waitForElementToBeRemoved,\n} from \"@testing-library/react\";\nimport React from \"react\";\nimport { afterEach, describe, expect, it, vi } from \"vitest\";\n\nimport { ActionItemType } from \"../actions\";\nimport { DialogProvider, useDialog } from \"./Dialog.context\";\nimport { DialogRenderer } from \"./Dialog.renderer\";\nimport { DialogConfig, DialogType, DialogTypes } from \"./Dialog.types\";\n\n// Define spy before it's used in mock\nconst openNotificationSpy = vi.fn();\n\n// Mock necessary external components and hooks\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    // Fix: Ensure children are rendered correctly without extra comments\n    Button: ({ children, disabled, onClick, variant, ...props }: any) => {\n      // Debug logging removed\n      return (\n        <button\n          data-testid=\"mock-button\"\n          data-variant={variant}\n          disabled={disabled}\n          onClick={onClick}\n          {...props}>\n          {children}\n        </button>\n      );\n    },\n    // More robust cn mock that handles objects\n    cn: (...args: any[]) => {\n      const classes: string[] = [];\n      args.forEach((arg) => {\n        if (typeof arg === \"string\") {\n          classes.push(arg);\n        } else if (typeof arg === \"object\" && arg !== null) {\n          Object.keys(arg).forEach((key) => {\n            if (arg[key]) {\n              classes.push(key);\n            }\n          });\n        }\n      });\n      return classes.filter(Boolean).join(\" \");\n    },\n    // Mocking key components to control their behavior in tests\n    Dialog: ({ children, onOpenChange, open, ...props }: any) => {\n      // Debug logging removed\n      // Add a log to check the 'open' prop value after a potential state update\n      React.useEffect(() => {\n        // Debug logging removed\n      }, [open]);\n\n      // Pass the 'open' prop down to all direct children that are valid elements\n      const childrenWithOpenProp = React.Children.map(children, (child) => {\n        if (React.isValidElement(child)) {\n          // Debug logging removed\n          return React.cloneElement(child, { open });\n        }\n        return child;\n      });\n\n      return (\n        // Add a test helper button to trigger onOpenChange(false)\n        <div data-open={open} data-testid=\"mock-dialog\" {...props}>\n          {/* Conditionally render children based on the 'open' prop */}\n          {open && childrenWithOpenProp} // Render childrenWithOpenProp here\n          {/* Add a button outside the content to simulate outside click */}\n          {open &&\n            onOpenChange && ( // Only render if dialog is open and onOpenChange is provided\n              <button\n                data-testid=\"mock-outside-click-trigger\"\n                onClick={() => {\n                  // Debug logging removed\n                  onOpenChange(false); // This simulates the dialog closing itself\n                }}\n                style={{\n                  height: \"10px\",\n                  left: 0,\n                  opacity: 0,\n                  position: \"fixed\",\n                  top: 0,\n                  width: \"10px\",\n                  zIndex: 9999,\n                }} // Make it invisible and ensure it's clickable\n              />\n            )}\n        </div>\n      );\n    },\n    // Modify DialogContent to accept and use the 'open' prop, relying on conditional rendering\n    DialogContent: ({\n      children,\n      className,\n      onInteractOutside,\n      open,\n      ...props\n    }: any) => {\n      // Debug logging removed\n\n      // Add a log to check the 'open' prop value after a potential state update\n      React.useEffect(() => {\n        // Debug logging removed\n      }, [open]);\n\n      // Pass the 'open' prop down to all direct children that are valid elements\n      const childrenWithOpenProp = React.Children.map(children, (child) => {\n        if (React.isValidElement(child)) {\n          // Debug logging removed\n          return React.cloneElement(child, { open });\n        }\n        return child;\n      });\n\n      // Conditionally render content based on the 'open' prop\n      if (!open) {\n        // Debug logging removed\n        return null; // Don't render anything if dialog is closed\n      }\n      return (\n        <div className={className} data-testid=\"mock-dialog-content\" {...props}>\n          {childrenWithOpenProp} {/* Render childrenWithOpenProp here */}\n          {/* Add a button inside the content to explicitly trigger onInteractOutside */}\n          {onInteractOutside && (\n            <button\n              data-testid=\"mock-on-interact-outside-trigger\"\n              onClick={(e) => {\n                // Debug logging removed\n                onInteractOutside(e); // Pass the event\n              }}\n              style={{\n                height: \"10px\",\n                opacity: 0,\n                position: \"absolute\",\n                right: 0,\n                top: 0,\n                width: \"10px\",\n                zIndex: 9999,\n              }} // Make it invisible and ensure it's clickable\n            />\n          )}\n        </div>\n      );\n    },\n    DialogDescription: ({ children, ...props }: any) => {\n      // Debug logging removed\n      return (\n        <p data-testid=\"mock-dialog-description\" {...props}>\n          {children}\n        </p>\n      );\n    },\n    DialogFooter: ({ children, className, ...props }: any) => {\n      // Debug logging removed\n      return (\n        <div className={className} data-testid=\"mock-dialog-footer\" {...props}>\n          {children}\n        </div>\n      );\n    },\n    DialogHeader: ({ children, className, ...props }: any) => {\n      // Debug logging removed\n      return (\n        <div className={className} data-testid=\"mock-dialog-header\" {...props}>\n          {children}\n        </div>\n      );\n    },\n    DialogTitle: ({ children, className, ...props }: any) => {\n      // Debug logging removed\n      return (\n        <h2 className={className} data-testid=\"mock-dialog-title\" {...props}>\n          {children}\n        </h2>\n      );\n    },\n    // Mock DropdownMenu and its children with basic elements\n    // Use useDialog to get the dialog's open state\n    DropdownMenu: ({ children, ...props }: any) => {\n      const { currentDialog } = useDialog();\n      const open = !!currentDialog; // Dropdown should only be \"open\" if the dialog is open\n      // Debug logging removed\n      // Pass open prop down to children\n      const childrenWithOpenProp = React.Children.map(children, (child) => {\n        if (React.isValidElement(child)) {\n          // Debug logging removed\n          return React.cloneElement(child, { open });\n        }\n        return child;\n      });\n      return (\n        <div data-open={open} data-testid=\"mock-dropdown-menu\" {...props}>\n          {childrenWithOpenProp}\n        </div>\n      ); // Add data-open for debugging\n    },\n    // Modify DropdownMenuContent mock to accept and use the open prop from the dialog state\n    DropdownMenuContent: ({\n      children,\n      className,\n      open, // Accept open prop passed from Mock DropdownMenu\n      // Removed closeDialog prop here as it's passed to children directly by DialogRenderer\n      ...props\n    }: any) => {\n      // Debug logging removed\n\n      // Conditionally render content based on the dialog's 'open' prop\n      if (!open) {\n        // Debug logging removed\n        return null; // Don't render anything if dialog is closed\n      }\n\n      // Simply render children directly. The DialogRenderer passes closeDialog\n      // to the DropdownMenuContent mock, and the DropdownMenuItem mock\n      // is set up to receive it.\n      return (\n        <div\n          className={className}\n          data-testid=\"mock-dropdown-content\"\n          {...props}>\n          {children}\n        </div>\n      );\n    },\n    // Modify DropdownMenuItem mock to accept and use closeDialog\n    DropdownMenuItem: ({ children, closeDialog, onSelect, ...props }: any) => (\n      <button\n        data-testid=\"mock-dropdown-item\"\n        onClick={() => {\n          // Debug logging removed\n          // Debug logging removed\n          onSelect?.(); // Call original onSelect\n          // Removed: closeDialog?.(\"user\"); // Let the real onConfirm/handleConfirm logic close the dialog\n        }}\n        {...props}>\n        {children}\n      </button>\n    ),\n    DropdownMenuTrigger: ({ asChild, children, ...props }: any) => {\n      // Debug logging removed\n      if (asChild) {\n        const child = React.Children.only(children);\n        return React.cloneElement(child, {\n          ...props,\n          ...child.props,\n          \"data-testid\": \"mock-dropdown-trigger\",\n        });\n      }\n      return (\n        <button data-testid=\"mock-dropdown-trigger\" {...props}>\n          {children}\n        </button>\n      );\n    },\n    Spinner: ({ ...props }: any) => {\n      // Debug logging removed\n      return (\n        <span data-testid=\"mock-spinner\" {...props}>\n          Loading...\n        </span>\n      );\n    },\n  };\n});\n\nvi.mock(\"@refinedev/core\", async (importOriginal) => {\n  const actual = await importOriginal<typeof import(\"@refinedev/core\")>();\n  return {\n    ...actual,\n    // Correct mock implementation that returns the expected object structure\n    // Return the same spy instance defined outside\n    useNotification: vi.fn(() => ({ open: openNotificationSpy })),\n  };\n});\n\n// Mock form components as they are complex and tested separately\nvi.mock(\"../form/SchemaForm\", () => ({\n  // Accept dialogTitle prop\n  SchemaForm: ({ config, dialogTitle }: any) => {\n    // Provide a mock methods object to the footer function\n    const mockMethods = { formState: { isSubmitting: false } };\n    return (\n      <div data-testid=\"mock-schema-form\">\n        {/* Use dialogTitle here */}\n        SchemaForm for {dialogTitle}\n        {config.footer && (\n          <div data-testid=\"mock-form-footer\">\n            {typeof config.footer === \"function\"\n              ? config.footer(mockMethods)\n              : config.footer}\n          </div>\n        )}\n      </div>\n    );\n  },\n}));\nvi.mock(\"../form/StepSchemaForm\", () => ({\n  // Accept dialogTitle prop\n  StepSchemaForm: ({ config, dialogTitle }: any) => (\n    <div data-testid=\"mock-step-schema-form\">\n      {/* Use dialogTitle here */}\n      StepSchemaForm for {dialogTitle}\n    </div>\n  ),\n}));\nvi.mock(\"../form/types\", () => ({\n  isStepFormConfig: vi.fn((config) => !!config.steps),\n}));\nvi.mock(\"../actions\", () => ({\n  // Ensure mock ActionItemType matches the real one including BUTTON\n  ActionItemType: {\n    BUTTON: \"button\",\n    CANCEL: \"cancel\",\n    CUSTOM: \"custom\",\n    DATE: \"date\",\n    FILE: \"file\",\n    LINK: \"link\",\n    SUBMIT: \"submit\",\n  },\n  ActionListRenderer: ({\n    actions,\n    closeDialog,\n    isSubmitting,\n    layout,\n    ...props\n  }: any) => {\n    // Debug logging removed\n    return (\n      <div data-layout={layout} data-testid=\"mock-action-list\" {...props}>\n        {actions.map((action: any, index: number) => (\n          <button\n            // Add data-testid for 'button' type actions\n            data-testid={\n              action.type === \"button\"\n                ? \"mock-action-button\"\n                : `mock-action-${action.type}`\n            }\n            disabled={isSubmitting && action.type === \"submit\"}\n            key={index}\n            onClick={() => {\n              // Debug logging removed\n              // Call closeDialog with 'user' source for cancel action\n              if (action.type === \"cancel\") closeDialog(\"user\");\n              // Simulate submit action - in real form it's handled by form library\n              if (action.type === \"submit\" && !isSubmitting) {\n                // This mock doesn't simulate form submission, just the button presence\n              }\n              // Call custom onClick if present\n              if (action.onClick) action.onClick();\n            }}>\n            {action.label || action.type}\n          </button>\n        ))}\n      </div>\n    );\n  },\n}));\n\n// Helper component to trigger dialogs\nconst DialogTrigger = ({ config }: { config: DialogConfig }) => {\n  const { openDialog } = useDialog();\n  return <button onClick={() => openDialog(config)}>Open Dialog</button>;\n};\n\ndescribe(\"DialogRenderer\", () => {\n  afterEach(() => {\n    cleanup();\n    vi.clearAllMocks();\n  });\n\n  it(\"should not render anything when no dialog is open\", () => {\n    render(\n      <DialogProvider>\n        <DialogRenderer />\n      </DialogProvider>,\n    );\n    expect(screen.queryByTestId(\"mock-dialog\")).not.toBeInTheDocument();\n  });\n\n  it(\"should render a dialog when currentDialog is set\", async () => {\n    render(\n      <DialogProvider>\n        <DialogTrigger\n          config={{ title: \"Test Dialog\", type: DialogTypes.ALERT }}\n        />\n        <DialogRenderer />\n      </DialogProvider>,\n    );\n\n    const openButton = screen.getByText(\"Open Dialog\");\n    fireEvent.click(openButton);\n\n    await waitFor(() => {\n      expect(screen.getByTestId(\"mock-dialog\")).toBeInTheDocument();\n      expect(screen.getByTestId(\"mock-dialog-title\")).toHaveTextContent(\n        \"Test Dialog\",\n      );\n    });\n  });\n\n  it(\"should render title and description\", async () => {\n    render(\n      <DialogProvider>\n        <DialogTrigger\n          config={{\n            description: \"Test Description\",\n            title: \"Test Title\",\n            type: DialogTypes.ALERT,\n          }}\n        />\n        <DialogRenderer />\n      </DialogProvider>,\n    );\n\n    fireEvent.click(screen.getByText(\"Open Dialog\"));\n\n    await waitFor(() => {\n      expect(screen.getByTestId(\"mock-dialog-title\")).toHaveTextContent(\n        \"Test Title\",\n      );\n      expect(screen.getByTestId(\"mock-dialog-description\")).toHaveTextContent(\n        \"Test Description\",\n      );\n    });\n  });\n\n  it(\"should render custom content for 'custom' type\", async () => {\n    const CustomContent = () => (\n      <div data-testid=\"custom-content\">This is custom content</div>\n    );\n    render(\n      <DialogProvider>\n        <DialogTrigger\n          config={{\n            content: <CustomContent />,\n            title: \"Custom Dialog\",\n            type: DialogTypes.CUSTOM,\n          }}\n        />\n        <DialogRenderer />\n      </DialogProvider>,\n    );\n\n    fireEvent.click(screen.getByText(\"Open Dialog\"));\n\n    await waitFor(() => {\n      expect(screen.getByTestId(\"mock-dialog-title\")).toHaveTextContent(\n        \"Custom Dialog\",\n      );\n      expect(screen.getByTestId(\"custom-content\")).toBeInTheDocument();\n      expect(\n        screen.queryByTestId(\"mock-dialog-description\"),\n      ).not.toBeInTheDocument(); // Custom doesn't use description by default\n    });\n  });\n\n  it(\"should render default buttons for 'confirm' type\", async () => {\n    const onConfirmMock = vi.fn();\n    const onCancelMock = vi.fn();\n    render(\n      <DialogProvider>\n        <DialogTrigger\n          config={{\n            cancelText: \"No\",\n            confirmText: \"Yes\",\n            onCancel: onCancelMock,\n            onConfirm: onConfirmMock,\n            title: \"Confirm Action\",\n            type: DialogTypes.CONFIRM,\n          }}\n        />\n        <DialogRenderer />\n      </DialogProvider>,\n    );\n\n    fireEvent.click(screen.getByText(\"Open Dialog\"));\n\n    await waitFor(() => {\n      const buttons = screen.getAllByTestId(\"mock-button\");\n      expect(buttons).toHaveLength(2);\n      expect(buttons[0]).toHaveTextContent(\"No\"); // Cancel button\n      expect(buttons[1]).toHaveTextContent(\"Yes\"); // Confirm button\n    });\n\n    // Test confirm button click\n    fireEvent.click(screen.getByText(\"Yes\"));\n    await waitFor(() => {\n      expect(onConfirmMock).toHaveBeenCalledTimes(1);\n    });\n\n    // Re-open and test cancel button click\n    fireEvent.click(screen.getByText(\"Open Dialog\"));\n    await waitFor(() => screen.getByText(\"No\")); // Wait for dialog to open again\n    // Click the cancel button, which now calls closeDialog('user') in the mock ActionListRenderer\n    fireEvent.click(screen.getByText(\"No\"));\n    await waitFor(() => {\n      expect(onCancelMock).toHaveBeenCalledTimes(1);\n      expect(onCancelMock).toHaveBeenCalledWith(\"user\");\n    });\n  });\n\n  it(\"should render ActionListRenderer for actionButtons\", async () => {\n    const action1Mock = vi.fn();\n    const action2Mock = vi.fn();\n    render(\n      <DialogProvider>\n        <DialogTrigger\n          config={{\n            actionButtons: [\n              {\n                label: \"Action 1\",\n                onClick: action1Mock,\n                type: ActionItemType.BUTTON,\n              },\n              {\n                label: \"Action 2\",\n                onClick: action2Mock,\n                type: ActionItemType.BUTTON,\n              },\n            ],\n            actionButtonsLayout: \"vertical\",\n            title: \"Action Dialog\",\n            type: DialogTypes.ALERT,\n          }}\n        />\n        <DialogRenderer />\n      </DialogProvider>,\n    );\n\n    fireEvent.click(screen.getByText(\"Open Dialog\"));\n\n    await waitFor(() => {\n      expect(screen.getByTestId(\"mock-action-list\")).toBeInTheDocument();\n      expect(screen.getByTestId(\"mock-action-list\")).toHaveAttribute(\n        \"data-layout\",\n        \"vertical\",\n      );\n      // Use getAllByTestId because there are multiple buttons with this testid\n      const actionButtons = screen.getAllByTestId(\"mock-action-button\");\n      expect(actionButtons).toHaveLength(2);\n      expect(actionButtons[0]).toHaveTextContent(\"Action 1\");\n      expect(actionButtons[1]).toHaveTextContent(\"Action 2\");\n    });\n  });\n\n  it(\"should render SchemaForm for 'form' type (non-step)\", async () => {\n    vi.mock(\"../form/types\"); // Ensure isStepFormConfig is mocked\n    const { isStepFormConfig } = await import(\"../form/types\");\n    (isStepFormConfig as vi.Mock).mockReturnValue(false);\n\n    const onSubmitMock = vi.fn();\n    const onSuccessMock = vi.fn();\n    render(\n      <DialogProvider>\n        <DialogTrigger\n          config={{\n            formConfig: {\n              fields: [],\n              onSubmit: onSubmitMock,\n              onSuccess: onSuccessMock,\n            },\n            onSubmit: onSubmitMock, // onSubmit is also required on DialogConfig for type 'form'\n            onSuccess: onSuccessMock, // onSuccess is also required on DialogConfig for type 'form'\n            title: \"Form Dialog\",\n            type: DialogTypes.FORM,\n          }}\n        />\n        <DialogRenderer />\n      </DialogProvider>,\n    );\n\n    fireEvent.click(screen.getByText(\"Open Dialog\"));\n\n    await waitFor(() => {\n      expect(screen.getByTestId(\"mock-schema-form\")).toBeInTheDocument();\n      // Check text content using the correct dialogTitle prop\n      expect(screen.getByTestId(\"mock-schema-form\")).toHaveTextContent(\n        \"SchemaForm for Form Dialog\",\n      );\n      expect(screen.getByTestId(\"mock-form-footer\")).toBeInTheDocument(); // Check for default form footer\n      expect(screen.getByTestId(\"mock-action-cancel\")).toBeInTheDocument(); // Check for default cancel button\n      expect(screen.getByTestId(\"mock-action-submit\")).toBeInTheDocument(); // Check for default submit button\n    });\n  });\n\n  it(\"should render StepSchemaForm for 'form' type (step)\", async () => {\n    vi.mock(\"../form/types\"); // Ensure isStepFormConfig is mocked\n    const { isStepFormConfig } = await import(\"../form/types\");\n    (isStepFormConfig as vi.Mock).mockReturnValue(true);\n\n    const onSubmitMock = vi.fn();\n    const onSuccessMock = vi.fn();\n    render(\n      <DialogProvider>\n        <DialogTrigger\n          config={{\n            formConfig: {\n              onSubmit: onSubmitMock,\n              onSuccess: onSuccessMock,\n              steps: [],\n            },\n            onSubmit: onSubmitMock, // onSubmit is also required on DialogConfig for type 'form'\n            onSuccess: onSuccessMock, // onSuccess is also required on DialogConfig for type 'form'\n            title: \"Step Form Dialog\",\n            type: DialogTypes.FORM,\n          }}\n        />\n        <DialogRenderer />\n      </DialogProvider>,\n    );\n\n    fireEvent.click(screen.getByText(\"Open Dialog\"));\n\n    await waitFor(() => {\n      expect(screen.getByTestId(\"mock-step-schema-form\")).toBeInTheDocument();\n      // Check text content using the correct dialogTitle prop\n      expect(screen.getByTestId(\"mock-step-schema-form\")).toHaveTextContent(\n        \"StepSchemaForm for Step Form Dialog\",\n      );\n      expect(screen.queryByTestId(\"mock-schema-form\")).not.toBeInTheDocument();\n    });\n  });\n\n  it(\"should call onConfirm and close for alert/confirm types if dismissable\", async () => {\n    const onConfirmMock = vi.fn();\n    render(\n      <DialogProvider>\n        <DialogTrigger\n          config={{\n            dismissable: true,\n            // Alert type uses \"Continue\" by default if no confirmText is provided\n            onConfirm: onConfirmMock,\n            title: \"Dismissable Alert\",\n            type: DialogTypes.ALERT,\n          }}\n        />\n        <DialogRenderer />\n      </DialogProvider>,\n    );\n\n    fireEvent.click(screen.getByText(\"Open Dialog\"));\n    // Alert type uses \"Continue\" by default if no confirmText is provided\n    await waitFor(() => screen.getByText(\"Continue\")); // Wait for the button to appear\n\n    fireEvent.click(screen.getByText(\"Continue\"));\n\n    // Use waitForElementToBeRemoved to wait for the dialog to disappear\n    await waitForElementToBeRemoved(() => screen.queryByTestId(\"mock-dialog\"));\n\n    expect(onConfirmMock).toHaveBeenCalledTimes(1);\n    // The dialog should be gone, confirmed by waitForElementToBeRemoved\n  });\n\n  it(\"should call onConfirm but not close for alert/confirm types if not dismissable\", async () => {\n    const onConfirmMock = vi.fn();\n    render(\n      <DialogProvider>\n        <DialogTrigger\n          config={{\n            dismissable: false, // Explicitly not dismissable\n            // Alert type uses \"Continue\" by default if no confirmText is provided\n            onConfirm: onConfirmMock,\n            title: \"Non-Dismissable Alert\",\n            type: DialogTypes.ALERT,\n          }}\n        />\n        <DialogRenderer />\n      </DialogProvider>,\n    );\n\n    fireEvent.click(screen.getByText(\"Open Dialog\"));\n    // Alert type uses \"Continue\" by default if no confirmText is provided\n    await waitFor(() => screen.getByText(\"Continue\")); // Wait for the button to appear\n\n    fireEvent.click(screen.getByText(\"Continue\"));\n\n    await waitFor(() => {\n      expect(onConfirmMock).toHaveBeenCalledTimes(1);\n      expect(screen.getByTestId(\"mock-dialog\")).toBeInTheDocument(); // Dialog should NOT close\n    });\n  });\n\n  it(\"should prevent close on outside click if preventCloseOnOutsideClick is true\", async () => {\n    const onCancelMock = vi.fn();\n    // Import useNotification within the test scope after the mock is defined\n    const { useNotification } = await import(\"@refinedev/core\");\n    const { open: openNotificationMock } = useNotification();\n\n    render(\n      <DialogProvider>\n        <DialogTrigger\n          config={{\n            onCancel: onCancelMock, // onCancel should not be called\n            preventCloseOnOutsideClick: true,\n            title: \"Prevent Close\",\n            type: DialogTypes.ALERT,\n          }}\n        />\n        <DialogRenderer />\n      </DialogProvider>,\n    );\n\n    fireEvent.click(screen.getByText(\"Open Dialog\"));\n    // Wait for the outside click trigger button to appear\n    await waitFor(() => screen.getByTestId(\"mock-outside-click-trigger\"));\n\n    // Simulate clicking outside by clicking the dedicated trigger element inside content\n    fireEvent.click(screen.getByTestId(\"mock-on-interact-outside-trigger\"));\n\n    // Wait briefly to ensure no unexpected state changes\n    await new Promise((resolve) => setTimeout(resolve, 50));\n\n    expect(screen.getByTestId(\"mock-dialog\")).toBeInTheDocument(); // Dialog should still be open\n    expect(onCancelMock).not.toHaveBeenCalled();\n    expect(openNotificationMock).not.toHaveBeenCalled();\n  });\n\n  it(\"should prevent close on outside click and show notification if preventCloseOnOutsideClick is 'dirty'\", async () => {\n    const onCancelMock = vi.fn();\n    // Import useNotification within the test scope after the mock is defined\n    const { useNotification } = await import(\"@refinedev/core\");\n    const { open: openNotificationMock } = useNotification();\n\n    render(\n      <DialogProvider>\n        <DialogTrigger\n          config={{\n            onCancel: onCancelMock, // onCancel should not be called\n            preventCloseOnOutsideClick: \"dirty\",\n            title: \"Prevent Close Dirty\",\n            type: DialogTypes.ALERT,\n          }}\n        />\n        <DialogRenderer />\n      </DialogProvider>,\n    );\n\n    fireEvent.click(screen.getByText(\"Open Dialog\"));\n    // Wait for the trigger element to appear inside the mock content\n    await waitFor(() => screen.getByTestId(\"mock-on-interact-outside-trigger\"));\n\n    // Simulate clicking outside by clicking the dedicated trigger element inside content\n    fireEvent.click(screen.getByTestId(\"mock-on-interact-outside-trigger\"));\n\n    // Wait for the notification spy to be called\n    await waitFor(() => {\n      expect(openNotificationMock).toHaveBeenCalledTimes(1);\n    });\n\n    expect(screen.getByTestId(\"mock-dialog\")).toBeInTheDocument(); // Dialog should still be open\n    expect(onCancelMock).not.toHaveBeenCalled();\n    expect(openNotificationMock).toHaveBeenCalledWith({\n      description: \"You have unsaved changes. Are you sure you want to leave?\",\n      message: \"Unsaved Changes\",\n      type: \"error\",\n    });\n  });\n\n  it(\"should render status icons\", async () => {\n    render(\n      <DialogProvider>\n        <DialogTrigger\n          config={{\n            status: \"success\",\n            title: \"Success Alert\",\n            type: DialogTypes.ALERT,\n          }}\n        />\n        <DialogRenderer />\n      </DialogProvider>,\n    );\n\n    fireEvent.click(screen.getByText(\"Open Dialog\"));\n    await waitFor(() => screen.getByLabelText(\"Success\"));\n    expect(screen.getByLabelText(\"Success\")).toBeInTheDocument();\n    cleanup(); // Clean up for the next test\n\n    render(\n      <DialogProvider>\n        <DialogTrigger\n          config={{\n            status: \"error\",\n            title: \"Error Alert\",\n            type: DialogTypes.ALERT,\n          }}\n        />\n        <DialogRenderer />\n      </DialogProvider>,\n    );\n\n    fireEvent.click(screen.getByText(\"Open Dialog\"));\n    await waitFor(() => screen.getByLabelText(\"Error\"));\n    expect(screen.getByLabelText(\"Error\")).toBeInTheDocument();\n  });\n\n  it(\"should render custom icon\", async () => {\n    const CustomIcon = () => <div data-testid=\"custom-icon\">Custom Icon</div>;\n    render(\n      <DialogProvider>\n        <DialogTrigger\n          config={{\n            icon: <CustomIcon />,\n            title: \"Icon Alert\",\n            type: DialogTypes.ALERT,\n          }}\n        />\n        <DialogRenderer />\n      </DialogProvider>,\n    );\n\n    fireEvent.click(screen.getByText(\"Open Dialog\"));\n    await waitFor(() => screen.getByTestId(\"custom-icon\"));\n    expect(screen.getByTestId(\"custom-icon\")).toBeInTheDocument();\n    expect(screen.queryByLabelText(\"Success\")).not.toBeInTheDocument();\n    expect(screen.queryByLabelText(\"Error\")).not.toBeInTheDocument();\n  });\n\n  it(\"should apply size class names\", async () => {\n    render(\n      <DialogProvider>\n        <DialogTrigger\n          config={{\n            size: \"2xl\",\n            title: \"Large Dialog\",\n            type: DialogTypes.ALERT,\n          }}\n        />\n        <DialogRenderer />\n      </DialogProvider>,\n    );\n\n    fireEvent.click(screen.getByText(\"Open Dialog\"));\n    await waitFor(() => screen.getByTestId(\"mock-dialog-content\"));\n    expect(screen.getByTestId(\"mock-dialog-content\")).toHaveClass(\"max-w-2xl\");\n    cleanup();\n\n    render(\n      <DialogProvider>\n        <DialogTrigger\n          config={{\n            size: \"md\",\n            title: \"Medium Dialog\",\n            type: DialogTypes.ALERT,\n          }}\n        />\n        <DialogRenderer />\n      </DialogProvider>,\n    );\n\n    fireEvent.click(screen.getByText(\"Open Dialog\"));\n    await waitFor(() => screen.getByTestId(\"mock-dialog-content\"));\n    expect(screen.getByTestId(\"mock-dialog-content\")).toHaveClass(\"max-w-xl\");\n    cleanup();\n\n    render(\n      <DialogProvider>\n        <DialogTrigger\n          config={{\n            size: \"sm\",\n            title: \"Small Dialog\",\n            type: DialogTypes.ALERT,\n          }}\n        />\n        <DialogRenderer />\n      </DialogProvider>,\n    );\n\n    fireEvent.click(screen.getByText(\"Open Dialog\"));\n    await waitFor(() => screen.getByTestId(\"mock-dialog-content\"));\n    expect(screen.getByTestId(\"mock-dialog-content\")).toHaveClass(\"max-w-sm\");\n  });\n\n  it(\"should apply position class names\", async () => {\n    render(\n      <DialogProvider>\n        <DialogTrigger\n          config={{\n            position: \"top-right\",\n            title: \"Top Right Dialog\",\n            type: DialogTypes.ALERT,\n          }}\n        />\n        <DialogRenderer />\n      </DialogProvider>,\n    );\n\n    fireEvent.click(screen.getByText(\"Open Dialog\"));\n    await waitFor(() => screen.getByTestId(\"mock-dialog-content\"));\n    expect(screen.getByTestId(\"mock-dialog-content\")).toHaveClass(\n      \"top-4 right-4\",\n    );\n    cleanup();\n\n    render(\n      <DialogProvider>\n        <DialogTrigger\n          config={{\n            position: \"bottom-left\",\n            title: \"Bottom Left Dialog\",\n            type: DialogTypes.ALERT,\n          }}\n        />\n        <DialogRenderer />\n      </DialogProvider>,\n    );\n\n    fireEvent.click(screen.getByText(\"Open Dialog\"));\n    await waitFor(() => screen.getByTestId(\"mock-dialog-content\"));\n    expect(screen.getByTestId(\"mock-dialog-content\")).toHaveClass(\n      \"bottom-4 left-4\",\n    );\n  });\n\n  it(\"should apply custom class names\", async () => {\n    render(\n      <DialogProvider>\n        <DialogTrigger\n          config={{\n            classNames: {\n              content: \"custom-content-class\",\n              footer: \"custom-footer-class\",\n              header: \"custom-header-class\",\n            },\n            // Add confirmText to ensure the default footer is rendered for alert type\n            confirmText: \"OK\",\n            title: \"Styled Dialog\",\n            type: DialogTypes.ALERT,\n          }}\n        />\n        <DialogRenderer />\n      </DialogProvider>,\n    );\n\n    fireEvent.click(screen.getByText(\"Open Dialog\"));\n    await waitFor(() => screen.getByTestId(\"mock-dialog-content\")); // Wait for content\n\n    expect(screen.getByTestId(\"mock-dialog-header\")).toHaveClass(\n      \"custom-header-class\",\n    );\n    expect(screen.getByTestId(\"mock-dialog-content\")).toHaveClass(\n      \"custom-content-class\",\n    );\n    // Note: DialogFooterContent only renders DialogFooter if there's content.\n    // For alert type with default buttons, it should render.\n    await waitFor(() => screen.getByTestId(\"mock-dialog-footer\")); // Wait for footer\n    expect(screen.getByTestId(\"mock-dialog-footer\")).toHaveClass(\n      \"custom-footer-class\",\n    );\n  });\n\n  it(\"should render custom footer content\", async () => {\n    const CustomFooter = () => (\n      <div data-testid=\"custom-footer\">This is a custom footer</div>\n    );\n    render(\n      <DialogProvider>\n        <DialogTrigger\n          config={{\n            footer: <CustomFooter />,\n            title: \"Custom Footer Dialog\",\n            type: DialogTypes.ALERT,\n          }}\n        />\n        <DialogRenderer />\n      </DialogProvider>,\n    );\n\n    fireEvent.click(screen.getByText(\"Open Dialog\"));\n    await waitFor(() => screen.getByTestId(\"custom-footer\"));\n    expect(screen.getByTestId(\"custom-footer\")).toBeInTheDocument();\n    expect(screen.queryByTestId(\"mock-button\")).not.toBeInTheDocument(); // Default buttons should not be present\n  });\n\n  it(\"should render custom footer function content for form dialog\", async () => {\n    vi.mock(\"../form/types\"); // Ensure isStepFormConfig is mocked\n    const { isStepFormConfig } = await import(\"../form/types\");\n    (isStepFormConfig as vi.Mock).mockReturnValue(false);\n\n    const CustomFormFooter = (methods: any) => (\n      <div data-testid=\"custom-form-footer\">\n        Form Footer: {methods ? \"Methods Available\" : \"No Methods\"}\n      </div>\n    );\n    const onSubmitMock = vi.fn();\n    const onSuccessMock = vi.fn();\n\n    render(\n      <DialogProvider>\n        <DialogTrigger\n          config={{\n            formConfig: {\n              fields: [],\n              footer: CustomFormFooter,\n              onSubmit: onSubmitMock,\n              onSuccess: onSuccessMock,\n            },\n            onSubmit: onSubmitMock,\n            onSuccess: onSuccessMock,\n            title: \"Form Dialog with Custom Footer\",\n            type: DialogTypes.FORM,\n          }}\n        />\n        <DialogRenderer />\n      </DialogProvider>,\n    );\n\n    fireEvent.click(screen.getByText(\"Open Dialog\"));\n    await waitFor(() => screen.getByTestId(\"custom-form-footer\"));\n    expect(screen.getByTestId(\"custom-form-footer\")).toBeInTheDocument();\n    expect(screen.getByTestId(\"custom-form-footer\")).toHaveTextContent(\n      \"Form Footer: Methods Available\",\n    );\n    expect(screen.queryByTestId(\"mock-action-list\")).not.toBeInTheDocument(); // Default action list should not be present\n  });\n\n  it.skip(\"should render actions dropdown for alert/confirm types if actions config is present\", async () => {\n    const onConfirmMock = vi.fn();\n    const customActionMock = vi.fn();\n    render(\n      <DialogProvider>\n        <DialogTrigger\n          config={{\n            actions: {\n              content: (\n                <button\n                  data-testid=\"custom-action-item\"\n                  onClick={customActionMock}>\n                  Custom Action\n                </button>\n              ),\n              triggerLabel: \"Options\",\n            },\n            dismissable: true, // Explicitly set dismissable to true\n            onConfirm: onConfirmMock,\n            title: \"Actions Dialog\",\n            type: DialogTypes.ALERT,\n          }}\n        />\n        <DialogRenderer />\n      </DialogProvider>,\n    );\n\n    // Debug logging removed\n    // Debug logging removed\n    // Open the dialog\n    act(() => {\n      // Debug logging removed\n      fireEvent.click(screen.getByText(\"Open Dialog\"));\n      // Debug logging removed\n    });\n    // Debug logging removed\n    // Debug logging removed\n    await waitFor(() => screen.getByTestId(\"mock-dropdown-trigger\")); // Wait for trigger to appear\n    // Debug logging removed\n\n    expect(screen.getByTestId(\"mock-dropdown-trigger\")).toHaveTextContent(\n      \"Options\",\n    );\n    // The dropdown content is rendered by Mock DropdownMenuContent, which now checks dialog open state\n    expect(\n      screen.queryByTestId(\"mock-dropdown-content\"),\n    ).not.toBeInTheDocument(); // Content is hidden initially\n    // Debug logging removed\n\n    // Debug logging removed\n    // Debug logging removed\n    act(() => {\n      // Debug logging removed\n      fireEvent.click(screen.getByTestId(\"mock-dropdown-trigger\"));\n      // Debug logging removed\n    });\n    // Debug logging removed\n    // Debug logging removed\n    // Wait for the dropdown content to appear after clicking the trigger\n    await waitFor(() => screen.getByTestId(\"mock-dropdown-content\"));\n    // Debug logging removed\n\n    expect(screen.getByTestId(\"mock-dropdown-item\")).toHaveTextContent(\n      \"Continue\",\n    ); // Default confirm/continue item\n    expect(screen.getByTestId(\"custom-action-item\")).toBeInTheDocument(); // Custom action item\n    // Debug logging removed\n\n    // Debug logging removed\n    // Debug logging removed\n    // Test clicking default item\n    act(() => {\n      // Debug logging removed\n      fireEvent.click(screen.getByTestId(\"mock-dropdown-item\"));\n      // Debug logging removed\n    });\n    // Debug logging removed\n    // Debug logging removed\n    await waitFor(() => {\n      // Keep this check for the mock call\n      expect(onConfirmMock).toHaveBeenCalledTimes(1);\n    });\n    // Debug logging removed\n    // Debug logging removed\n    // Add a small delay before waiting for removal to help with potential timing issues\n    await new Promise((resolve) => setTimeout(resolve, 50));\n    // Debug logging removed\n    // Add wait for dropdown content to be removed with timeout\n    await waitForElementToBeRemoved(\n      () => screen.queryByTestId(\"mock-dropdown-content\"),\n      { timeout: 2000 },\n    );\n    // Debug logging removed\n\n    // Debug logging removed\n    // Debug logging removed\n    // Re-open and test clicking custom item\n    act(() => {\n      // Debug logging removed\n      fireEvent.click(screen.getByText(\"Open Dialog\")); // Re-open dialog\n      // Debug logging removed\n    });\n    // Debug logging removed\n    // Debug logging removed\n    await waitFor(() => screen.getByTestId(\"mock-dropdown-trigger\")); // Wait for trigger to appear\n    // Debug logging removed\n\n    // Debug logging removed\n    // Debug logging removed\n    act(() => {\n      // Debug logging removed\n      fireEvent.click(screen.getByTestId(\"mock-dropdown-trigger\")); // Open dropdown\n      // Debug logging removed\n    });\n    // Debug logging removed\n    // Debug logging removed\n    await waitFor(() => screen.getByTestId(\"custom-action-item\")); // Wait for custom item to appear\n    // Debug logging removed\n\n    // Debug logging removed\n    // Debug logging removed\n    act(() => {\n      // Debug logging removed\n      fireEvent.click(screen.getByTestId(\"custom-action-item\"));\n      // Debug logging removed\n    });\n    // Debug logging removed\n    // Debug logging removed\n    expect(customActionMock).toHaveBeenCalledTimes(1);\n    // Debug logging removed\n\n    // Debug logging removed\n    // Debug logging removed\n    // Add a small delay before waiting for removal to help with potential timing issues\n    await new Promise((resolve) => setTimeout(resolve, 50));\n    // Debug logging removed\n    // After clicking an item, the dropdown content should close\n    // Change this waitFor to waitForElementToBeRemoved with timeout\n    await waitForElementToBeRemoved(\n      () => screen.queryByTestId(\"mock-dropdown-content\"),\n      { timeout: 2000 },\n    );\n    // Debug logging removed\n  });\n});\n"],"mappings":"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"}

package/dist/esm/components/dialog/Dialog.types.d.ts

@@ -0,0 +1,275 @@
+import { ActionItemConfig, ActionListLayout } from "../actions/types.js";
+import { ComponentSize } from "../sizing/index.js";
+import { EnvironmentSyncCallback, ForceRerenderCallback } from "../shared/types/form.js";
+import { FormConfig, StepFormConfig, WizardFormConfig } from "../form/types.js";
+import "../index.js";
+import { BaseRecord } from "@refinedev/core";
+import React, { ReactNode } from "react";
+
+//#region src/components/dialog/Dialog.types.d.ts
+
+/**
+ * Dialog Configuration API
+ *
+ * The dialog system provides a type-safe way to display various dialog types through the useDialog hook.
+ *
+ * Basic usage:
+ *
+ * const { openDialog } = useDialog();
+ *
+ * // Simple alert
+ * openDialog({
+ *   type: DialogTypes.ALERT,
+ *   title: 'Notification',
+ *   description: 'Update successful',
+ *   variant: 'success'
+ * });
+ *
+ * // Confirmation dialog
+ * openDialog({
+ *   type: DialogTypes.CONFIRM,
+ *   title: 'Confirm Action',
+ *   cancelText: 'Cancel',
+ *   confirmText: 'Proceed',
+ *   onConfirm: handleDelete
+ * });
+ *
+ * // Form dialog
+ * openDialog({
+ *   type: DialogTypes.FORM,
+ *   title: 'Create Item',
+ *   formSchema: z.object({ name: z.string() }),
+ *   onSubmit: handleSubmit
+ * });
+ *
+ * // Wizard form dialog
+ * openDialog({
+ *   type: DialogTypes.WIZARD_FORM,
+ *   title: 'Multi-step Form',
+ *   formConfig: wizardConfig,
+ *   onSubmit: handleSubmit
+ * });
+ *
+ * // Custom dialog
+ * openDialog({
+ *   type: DialogTypes.CUSTOM,
+ *   title: 'Custom Content',
+ *   content: <MyComponent />,
+ *   footer: <CustomFooter />
+ * });
+ */
+declare const DialogTypes: {
+  readonly ALERT: "alert";
+  readonly CONFIRM: "confirm";
+  readonly CUSTOM: "custom";
+  readonly FORM: "form";
+  readonly WIZARD_FORM: "wizard_form";
+};
+type DialogType = (typeof DialogTypes)[keyof typeof DialogTypes];
+declare const DialogIconLayout: {
+  readonly CENTER: "center";
+  readonly LEFT: "left";
+  readonly RIGHT: "right";
+};
+type DialogIconLayout = (typeof DialogIconLayout)[keyof typeof DialogIconLayout];
+declare const DialogPosition: {
+  readonly BOTTOM: "bottom";
+  readonly BOTTOM_LEFT: "bottom-left";
+  readonly BOTTOM_RIGHT: "bottom-right";
+  readonly CENTER: "center";
+  readonly LEFT: "left";
+  readonly RIGHT: "right";
+  readonly TOP: "top";
+  readonly TOP_LEFT: "top-left";
+  readonly TOP_RIGHT: "top-right";
+};
+type DialogPosition = (typeof DialogPosition)[keyof typeof DialogPosition];
+declare const DialogStatus: {
+  readonly ERROR: "error";
+  readonly NONE: null;
+  readonly SUCCESS: "success";
+};
+type DialogStatus = (typeof DialogStatus)[keyof typeof DialogStatus];
+declare const DialogVariant: {
+  readonly DEFAULT: "default";
+  readonly DESTRUCTIVE: "destructive";
+  readonly INFO: "info";
+  readonly SUCCESS: "success";
+  readonly WARNING: "warning";
+};
+declare enum FormDialogType {
+  SCHEMA = "schema",
+  STEP = "step",
+  WIZARD = "wizard",
+}
+type DialogVariant = (typeof DialogVariant)[keyof typeof DialogVariant];
+declare const DIALOG_SIZE_CLASSES: {
+  readonly "2xl": "max-w-2xl";
+  readonly "3xl": "max-w-3xl";
+  readonly "4xl": "max-w-4xl";
+  readonly "5xl": "max-w-5xl";
+  readonly "6xl": "max-w-6xl";
+  readonly "7xl": "max-w-7xl";
+  readonly auto: "max-w-[calc(100vw-2rem)] sm:max-w-md";
+  readonly full: "max-w-full";
+  readonly lg: "max-w-lg";
+  readonly md: "max-w-md";
+  readonly sm: "max-w-sm";
+  readonly xl: "max-w-xl";
+  readonly xs: "max-w-xs";
+};
+type DialogSize = ComponentSize;
+declare const DIALOG_POSITION_CLASSES: {
+  readonly bottom: "bottom-4 inset-x-0 mx-auto";
+  readonly "bottom-left": "bottom-4 left-4";
+  readonly "bottom-right": "bottom-4 right-4";
+  readonly center: "";
+  readonly left: "left-4 top-1/2 -translate-y-1/2";
+  readonly right: "right-4 top-1/2 -translate-y-1/2";
+  readonly top: "top-4 inset-x-0 mx-auto";
+  readonly "top-left": "top-4 left-4";
+  readonly "top-right": "top-4 right-4";
+};
+declare function isAlertDialog(config: DialogConfig): config is AlertDialogConfig;
+declare function isConfirmDialog(config: DialogConfig): config is ConfirmDialogConfig;
+declare function isCustomDialog(config: DialogConfig): config is CustomDialogConfig;
+declare function isFormDialog<T extends BaseRecord = any, R extends BaseRecord = any>(config: DialogConfig<T, R>): config is FormDialogConfig<T, R>;
+declare function isWizardDialogConfig<TRequest extends BaseRecord = any, TResponse extends BaseRecord = any>(config: DialogConfig<TRequest, TResponse>): config is WizardDialogConfig<TRequest, TResponse>;
+declare function getDialogType(config: DialogConfig): DialogType;
+declare function getFormTypeFromDialog(config: DialogConfig): FormDialogType;
+/**
+ * Type guard to check if footer is a function
+ */
+declare function isDialogFooterFunction(footer: ((environment: any) => ReactNode) | false | ReactNode | undefined): footer is (environment: any) => ReactNode;
+/**
+ * Type guard to check if header is a function
+ */
+declare function isDialogHeaderFunction(header: ((environment: any) => ReactNode) | false | ReactNode | undefined): header is (environment: any) => ReactNode;
+declare function isWizardFormConfig<TRequest extends BaseRecord = any, TResponse extends BaseRecord = any>(formConfig: FormConfig<TRequest, TResponse> | StepFormConfig<TRequest, TResponse>): formConfig is WizardFormConfig<TRequest, TResponse>;
+declare const contextProviders: Record<string, React.FC<{
+  children: React.ReactNode;
+  dialog: DialogConfig;
+  formMethods: any;
+}>>;
+interface AlertDialogConfig extends DialogBaseConfig {
+  cancelText?: string;
+  confirmText?: string;
+  description?: React.FC | React.ReactNode | string;
+  onCancel?: (source: "programmatic" | "user") => void;
+  onConfirm?: () => Promise<void> | void;
+  type: typeof DialogTypes.ALERT;
+}
+interface ConfirmDialogConfig extends DialogBaseConfig {
+  cancelText: string;
+  confirmText: string;
+  onCancel?: (source: "programmatic" | "user") => void;
+  onConfirm: () => Promise<void> | void;
+  type: typeof DialogTypes.CONFIRM;
+}
+interface CustomDialogConfig extends DialogBaseConfig {
+  onCancel?: (source: "programmatic" | "user") => void;
+  type: typeof DialogTypes.CUSTOM;
+}
+interface DialogActionsConfig {
+  /** Dropdown menu content */
+  content: ReactNode;
+  /** Trigger button label */
+  triggerLabel: string;
+}
+interface DialogBaseConfig<T extends BaseRecord = any> {
+  /** Action buttons configuration */
+  actionButtons?: ActionItemConfig[];
+  /** Layout for action buttons */
+  actionButtonsLayout?: ActionListLayout;
+  /** Actions dropdown configuration */
+  actions?: DialogActionsConfig;
+  /** CSS class names for dialog parts */
+  classNames?: DialogClassNames;
+  /** Custom dialog content */
+  content?: ReactNode;
+  /** Description text */
+  description?: string;
+  /** Whether dialog can be dismissed */
+  dismissable?: boolean;
+  /** Custom footer content - ReactNode, function, or false to hide */
+  footer?: ((environment: any) => ReactNode) | false | ReactNode;
+  /** Custom header content - ReactNode, function, or false to hide */
+  header?: ((environment: any) => ReactNode) | false | ReactNode;
+  /** Icon to display */
+  icon?: ReactNode;
+  /** Icon layout relative to title */
+  iconLayout?: DialogIconLayout;
+  /** Unique identifier */
+  id?: string;
+  /** Dialog position on screen */
+  position?: DialogPosition;
+  /** Prevent closing when clicking outside */
+  preventCloseOnOutsideClick?: "dirty" | boolean;
+  /** Show loading spinner */
+  showSpinner?: boolean;
+  /** Dialog size */
+  size?: DialogSize;
+  /** Status indicator */
+  status?: DialogStatus;
+  /** Dialog title */
+  title: string;
+  /** Visual variant */
+  variant?: DialogVariant;
+  /**
+   * Optional callback for receiving a force rerender method.
+   * The framework will call this callback with a method that can be stored
+   * locally and used to force a component rerender when something outside
+   * the render loop needs to trigger a rerender.
+   */
+  forceRerender?: ForceRerenderCallback;
+  /**
+   * Optional callback for receiving an environment sync method.
+   * The framework will call this callback with a method that can be stored
+   * locally and used to sync environment changes when something outside
+   * the normal flow updates the environment.
+   */
+  environmentSync?: EnvironmentSyncCallback;
+}
+interface DialogClassNames {
+  /** Close button class */
+  close?: string;
+  /** Content container class */
+  content?: string;
+  /** Description text class */
+  description?: string;
+  /** Header container class */
+  header?: string;
+  /** Title text class */
+  title?: string;
+}
+interface FormDialogConfig<TRequest extends BaseRecord = any, TResponse extends BaseRecord = any> extends DialogBaseConfig<TRequest> {
+  /**
+   * Whether to automatically close the dialog on successful form submission
+   * @default true
+   */
+  closeOnSubmit?: boolean;
+  formConfig: FormConfig<TRequest, TResponse> | StepFormConfig<TRequest, TResponse>;
+  onCancel?: (source: "programmatic" | "user") => void;
+  onSubmit: (values: TRequest) => Promise<TResponse>;
+  /** Callback when form submission succeeds - required for form dialogs */
+  onSuccess: (response: TResponse, values: TRequest) => void;
+  type: typeof DialogTypes.FORM;
+}
+interface WizardDialogConfig<TRequest extends BaseRecord = any, TResponse extends BaseRecord = any> extends DialogBaseConfig<TRequest> {
+  /**
+   * Whether to automatically close the dialog on successful form submission
+   * @default true
+   */
+  closeOnSubmit?: boolean;
+  formConfig: WizardFormConfig<TRequest, TResponse>;
+  onCancel?: (source: "programmatic" | "user") => void;
+  onSubmit?: (values: TRequest) => Promise<TResponse>;
+  /** Callback when form submission succeeds */
+  onSuccess?: (response: TResponse, values: TRequest) => void;
+  type: typeof DialogTypes.WIZARD_FORM;
+}
+declare const dialogContextRequirements: Record<DialogType, string[]>;
+type DialogConfig<TRequest extends BaseRecord = any, TResponse extends BaseRecord = any> = AlertDialogConfig | ConfirmDialogConfig | CustomDialogConfig | FormDialogConfig<TRequest, TResponse> | WizardDialogConfig<TRequest, TResponse>;
+//#endregion
+export { AlertDialogConfig, ConfirmDialogConfig, CustomDialogConfig, DIALOG_POSITION_CLASSES, DIALOG_SIZE_CLASSES, DialogActionsConfig, DialogBaseConfig, DialogClassNames, DialogConfig, DialogIconLayout, DialogPosition, DialogSize, DialogStatus, DialogType, DialogTypes, DialogVariant, FormDialogConfig, FormDialogType, WizardDialogConfig, contextProviders, dialogContextRequirements, getDialogType, getFormTypeFromDialog, isAlertDialog, isConfirmDialog, isCustomDialog, isDialogFooterFunction, isDialogHeaderFunction, isFormDialog, isWizardDialogConfig, isWizardFormConfig };
+//# sourceMappingURL=Dialog.types.d.ts.map

package/dist/esm/components/dialog/Dialog.types.js

@@ -0,0 +1,189 @@
+import { __esmMin } from "../../_virtual/rolldown_runtime.js";
+import { FormProvider } from "../form/context.js";
+import { StepControlProvider } from "../form/StepControlContext.js";
+import { AdapterType, isStepFormConfig } from "../form/types.js";
+import { createStepRetryHandler } from "../form/utils/stepRetry.js";
+import { COMPONENT_SIZE_CLASSES } from "../sizing/index.js";
+import { init_components } from "../index.js";
+import React from "react";
+import { Fragment, jsx } from "react/jsx-runtime";
+
+//#region src/components/dialog/Dialog.types.tsx
+function isAlertDialog(config) {
+	return config.type === DialogTypes.ALERT;
+}
+function isConfirmDialog(config) {
+	return config.type === DialogTypes.CONFIRM;
+}
+function isCustomDialog(config) {
+	return config.type === DialogTypes.CUSTOM;
+}
+function isFormDialog(config) {
+	return config.type === DialogTypes.FORM;
+}
+function isWizardDialogConfig(config) {
+	return config.type === DialogTypes.WIZARD_FORM;
+}
+function getDialogType(config) {
+	for (const [type, checker] of Object.entries(dialogTypeCheckers)) if (checker(config)) return type;
+	return config.type;
+}
+function getFormTypeFromDialog(config) {
+	for (const [type, checker] of Object.entries(formTypeCheckers)) if (checker(config)) return type;
+	throw new Error(`Unable to determine form type from dialog config: ${config.type}`);
+}
+/**
+* Type guard to check if footer is a function
+*/
+function isDialogFooterFunction(footer) {
+	return typeof footer === "function";
+}
+/**
+* Type guard to check if header is a function
+*/
+function isDialogHeaderFunction(header) {
+	return typeof header === "function";
+}
+function isWizardFormConfig(formConfig) {
+	const hasWizardClassName = "wizardClassName" in formConfig;
+	const hasAllowStepNavigation = "allowStepNavigation" in formConfig && formConfig.allowStepNavigation !== void 0;
+	const hasProgressStyle = "progressStyle" in formConfig && formConfig.progressStyle !== void 0;
+	const hasShowStepProgress = "showStepProgress" in formConfig && formConfig.showStepProgress !== void 0;
+	return hasWizardClassName || hasAllowStepNavigation || hasProgressStyle || hasShowStepProgress;
+}
+var DialogTypes, DialogIconLayout, DialogPosition, DialogStatus, DialogVariant, FormDialogType, DIALOG_SIZE_CLASSES, DIALOG_POSITION_CLASSES, dialogTypeCheckers, formTypeCheckers, contextProviders, dialogContextRequirements;
+var init_Dialog_types = __esmMin(() => {
+	init_components();
+	DialogTypes = {
+		ALERT: "alert",
+		CONFIRM: "confirm",
+		CUSTOM: "custom",
+		FORM: "form",
+		WIZARD_FORM: "wizard_form"
+	};
+	DialogIconLayout = {
+		CENTER: "center",
+		LEFT: "left",
+		RIGHT: "right"
+	};
+	DialogPosition = {
+		BOTTOM: "bottom",
+		BOTTOM_LEFT: "bottom-left",
+		BOTTOM_RIGHT: "bottom-right",
+		CENTER: "center",
+		LEFT: "left",
+		RIGHT: "right",
+		TOP: "top",
+		TOP_LEFT: "top-left",
+		TOP_RIGHT: "top-right"
+	};
+	DialogStatus = {
+		ERROR: "error",
+		NONE: null,
+		SUCCESS: "success"
+	};
+	DialogVariant = {
+		DEFAULT: "default",
+		DESTRUCTIVE: "destructive",
+		INFO: "info",
+		SUCCESS: "success",
+		WARNING: "warning"
+	};
+	FormDialogType = /* @__PURE__ */ function(FormDialogType$1) {
+		FormDialogType$1["SCHEMA"] = "schema";
+		FormDialogType$1["STEP"] = "step";
+		FormDialogType$1["WIZARD"] = "wizard";
+		return FormDialogType$1;
+	}({});
+	DIALOG_SIZE_CLASSES = COMPONENT_SIZE_CLASSES;
+	DIALOG_POSITION_CLASSES = {
+		[DialogPosition.BOTTOM]: "bottom-4 inset-x-0 mx-auto",
+		[DialogPosition.BOTTOM_LEFT]: "bottom-4 left-4",
+		[DialogPosition.BOTTOM_RIGHT]: "bottom-4 right-4",
+		[DialogPosition.CENTER]: "",
+		[DialogPosition.LEFT]: "left-4 top-1/2 -translate-y-1/2",
+		[DialogPosition.RIGHT]: "right-4 top-1/2 -translate-y-1/2",
+		[DialogPosition.TOP]: "top-4 inset-x-0 mx-auto",
+		[DialogPosition.TOP_LEFT]: "top-4 left-4",
+		[DialogPosition.TOP_RIGHT]: "top-4 right-4"
+	};
+	dialogTypeCheckers = {
+		alert: (config) => config.type === DialogTypes.ALERT,
+		confirm: (config) => config.type === DialogTypes.CONFIRM,
+		custom: (config) => config.type === DialogTypes.CUSTOM,
+		form: (config) => config.type === DialogTypes.FORM,
+		wizard_form: (config) => config.type === DialogTypes.WIZARD_FORM
+	};
+	formTypeCheckers = {
+		[FormDialogType.SCHEMA]: (config) => isFormDialog(config) && !isWizardDialogConfig(config) && !isStepFormConfig(config.formConfig),
+		[FormDialogType.STEP]: (config) => isFormDialog(config) && !isWizardDialogConfig(config) && isStepFormConfig(config.formConfig),
+		[FormDialogType.WIZARD]: (config) => isWizardDialogConfig(config)
+	};
+	contextProviders = {
+		form: ({ children, dialog, formMethods }) => {
+			if (isFormDialog(dialog)) {
+				const formDialog = dialog;
+				return /* @__PURE__ */ jsx(FormProvider, {
+					adapter: formDialog.formConfig?.adapter ?? AdapterType.RHF,
+					config: formDialog.formConfig,
+					formInstance: formMethods,
+					children
+				});
+			}
+			if (isWizardDialogConfig(dialog)) {
+				const wizardDialog = dialog;
+				return /* @__PURE__ */ jsx(FormProvider, {
+					adapter: wizardDialog.formConfig?.adapter ?? AdapterType.RHF,
+					config: wizardDialog.formConfig,
+					formInstance: formMethods,
+					children
+				});
+			}
+			return /* @__PURE__ */ jsx(Fragment, { children });
+		},
+		stepControl: ({ children, dialog, formMethods }) => {
+			if (isWizardDialogConfig(dialog)) {
+				const wizardDialog = dialog;
+				return /* @__PURE__ */ jsx(StepControlProvider, {
+					defaultStep: wizardDialog.formConfig?.stepBehavior?.defaultStep,
+					handleStepSubmit: formMethods?.handleStepSubmit,
+					isBackValidate: wizardDialog.formConfig?.stepBehavior?.isBackValidate,
+					onStepChange: formMethods?.onStepChange,
+					onStepRetry: createStepRetryHandler(wizardDialog.formConfig?.steps || []),
+					onNavigationStart: wizardDialog.formConfig?.onNavigationStart,
+					onNavigationEnd: wizardDialog.formConfig?.onNavigationEnd,
+					onNavigationError: wizardDialog.formConfig?.onNavigationError,
+					totalSteps: wizardDialog.formConfig?.steps?.length,
+					triggerValidation: formMethods?.triggerValidation,
+					children
+				});
+			}
+			if (isFormDialog(dialog)) {
+				const formDialog = dialog;
+				if (isStepFormConfig(formDialog.formConfig)) return /* @__PURE__ */ jsx(StepControlProvider, {
+					defaultStep: formDialog.formConfig?.stepBehavior?.defaultStep,
+					isBackValidate: formDialog.formConfig?.stepBehavior?.isBackValidate,
+					onStepRetry: createStepRetryHandler(formDialog.formConfig?.steps || []),
+					onNavigationStart: formDialog.formConfig?.onNavigationStart,
+					onNavigationEnd: formDialog.formConfig?.onNavigationEnd,
+					onNavigationError: formDialog.formConfig?.onNavigationError,
+					totalSteps: formDialog.formConfig?.steps?.length,
+					children
+				});
+			}
+			return /* @__PURE__ */ jsx(Fragment, { children });
+		}
+	};
+	dialogContextRequirements = {
+		[DialogTypes.ALERT]: [],
+		[DialogTypes.CONFIRM]: [],
+		[DialogTypes.CUSTOM]: [],
+		[DialogTypes.FORM]: ["form"],
+		[DialogTypes.WIZARD_FORM]: ["form", "stepControl"]
+	};
+});
+
+//#endregion
+init_Dialog_types();
+export { DIALOG_POSITION_CLASSES, DIALOG_SIZE_CLASSES, DialogIconLayout, DialogPosition, DialogStatus, DialogTypes, DialogVariant, FormDialogType, contextProviders, dialogContextRequirements, getDialogType, getFormTypeFromDialog, init_Dialog_types, isAlertDialog, isConfirmDialog, isCustomDialog, isDialogFooterFunction, isDialogHeaderFunction, isFormDialog, isWizardDialogConfig, isWizardFormConfig };
+//# sourceMappingURL=Dialog.types.js.map

package/dist/esm/components/dialog/Dialog.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.types.js","names":[],"sources":["../../../../src/components/dialog/Dialog.types.tsx"],"sourcesContent":["import { BaseRecord } from \"@refinedev/core\";\nimport React, { ReactNode } from \"react\";\n\nimport type {\n  EnvironmentSyncCallback,\n  ForceRerenderCallback,\n  FormConfig,\n  StepFormConfig,\n  WizardFormConfig\n} from \"@/components\";\nimport {\n  ActionItemConfig,\n  ActionListLayout,\n  AdapterType,\n  COMPONENT_SIZE_CLASSES,\n  ComponentSize,\n  createStepRetryHandler,\n  FormProvider,\n  isStepFormConfig,\n  StepControlProvider\n} from \"@/components\";\n\n/**\n * Dialog Configuration API\n *\n * The dialog system provides a type-safe way to display various dialog types through the useDialog hook.\n *\n * Basic usage:\n *\n * const { openDialog } = useDialog();\n *\n * // Simple alert\n * openDialog({\n *   type: DialogTypes.ALERT,\n *   title: 'Notification',\n *   description: 'Update successful',\n *   variant: 'success'\n * });\n *\n * // Confirmation dialog\n * openDialog({\n *   type: DialogTypes.CONFIRM,\n *   title: 'Confirm Action',\n *   cancelText: 'Cancel',\n *   confirmText: 'Proceed',\n *   onConfirm: handleDelete\n * });\n *\n * // Form dialog\n * openDialog({\n *   type: DialogTypes.FORM,\n *   title: 'Create Item',\n *   formSchema: z.object({ name: z.string() }),\n *   onSubmit: handleSubmit\n * });\n *\n * // Wizard form dialog\n * openDialog({\n *   type: DialogTypes.WIZARD_FORM,\n *   title: 'Multi-step Form',\n *   formConfig: wizardConfig,\n *   onSubmit: handleSubmit\n * });\n *\n * // Custom dialog\n * openDialog({\n *   type: DialogTypes.CUSTOM,\n *   title: 'Custom Content',\n *   content: <MyComponent />,\n *   footer: <CustomFooter />\n * });\n */\n\n// =============================================================================\n// 1. TYPE ENUMS & CONSTANTS\n// =============================================================================\n\nexport const DialogTypes = {\n  ALERT: \"alert\",\n  CONFIRM: \"confirm\",\n  CUSTOM: \"custom\",\n  FORM: \"form\",\n  WIZARD_FORM: \"wizard_form\",\n} as const;\n\nexport type DialogType = (typeof DialogTypes)[keyof typeof DialogTypes];\n\nexport const DialogIconLayout = {\n  CENTER: \"center\",\n  LEFT: \"left\",\n  RIGHT: \"right\",\n} as const;\n\nexport type DialogIconLayout =\n  (typeof DialogIconLayout)[keyof typeof DialogIconLayout];\n\nexport const DialogPosition = {\n  BOTTOM: \"bottom\",\n  BOTTOM_LEFT: \"bottom-left\",\n  BOTTOM_RIGHT: \"bottom-right\",\n  CENTER: \"center\",\n  LEFT: \"left\",\n  RIGHT: \"right\",\n  TOP: \"top\",\n  TOP_LEFT: \"top-left\",\n  TOP_RIGHT: \"top-right\",\n} as const;\n\nexport type DialogPosition =\n  (typeof DialogPosition)[keyof typeof DialogPosition];\n\nexport const DialogStatus = {\n  ERROR: \"error\",\n  NONE: null,\n  SUCCESS: \"success\",\n} as const;\n\nexport type DialogStatus = (typeof DialogStatus)[keyof typeof DialogStatus];\n\nexport const DialogVariant = {\n  DEFAULT: \"default\",\n  DESTRUCTIVE: \"destructive\",\n  INFO: \"info\",\n  SUCCESS: \"success\",\n  WARNING: \"warning\",\n} as const;\n\nexport enum FormDialogType {\n  SCHEMA = \"schema\",\n  STEP = \"step\",\n  WIZARD = \"wizard\",\n}\n\nexport type DialogVariant = (typeof DialogVariant)[keyof typeof DialogVariant];\n\n// =============================================================================\n// 2. CSS CLASS MAPPINGS\n// =============================================================================\n\nexport const DIALOG_SIZE_CLASSES = COMPONENT_SIZE_CLASSES;\n\nexport type DialogSize = ComponentSize;\n\nexport const DIALOG_POSITION_CLASSES = {\n  [DialogPosition.BOTTOM]: \"bottom-4 inset-x-0 mx-auto\",\n  [DialogPosition.BOTTOM_LEFT]: \"bottom-4 left-4\",\n  [DialogPosition.BOTTOM_RIGHT]: \"bottom-4 right-4\",\n  [DialogPosition.CENTER]: \"\",\n  [DialogPosition.LEFT]: \"left-4 top-1/2 -translate-y-1/2\",\n  [DialogPosition.RIGHT]: \"right-4 top-1/2 -translate-y-1/2\",\n  [DialogPosition.TOP]: \"top-4 inset-x-0 mx-auto\",\n  [DialogPosition.TOP_LEFT]: \"top-4 left-4\",\n  [DialogPosition.TOP_RIGHT]: \"top-4 right-4\",\n} as const;\n\n// =============================================================================\n// 3. TYPE CHECKER FUNCTIONS\n// =============================================================================\n\nexport function isAlertDialog(\n  config: DialogConfig,\n): config is AlertDialogConfig {\n  return config.type === DialogTypes.ALERT;\n}\n\nexport function isConfirmDialog(\n  config: DialogConfig,\n): config is ConfirmDialogConfig {\n  return config.type === DialogTypes.CONFIRM;\n}\n\nexport function isCustomDialog(\n  config: DialogConfig,\n): config is CustomDialogConfig {\n  return config.type === DialogTypes.CUSTOM;\n}\n\nexport function isFormDialog<\n  T extends BaseRecord = any,\n  R extends BaseRecord = any,\n>(config: DialogConfig<T, R>): config is FormDialogConfig<T, R> {\n  return config.type === DialogTypes.FORM;\n}\n\nexport function isWizardDialogConfig<\n  TRequest extends BaseRecord = any,\n  TResponse extends BaseRecord = any,\n>(\n  config: DialogConfig<TRequest, TResponse>,\n): config is WizardDialogConfig<TRequest, TResponse> {\n  return config.type === DialogTypes.WIZARD_FORM;\n}\n\n// Type checker functions for each dialog type\nconst dialogTypeCheckers = {\n  alert: (config: DialogConfig): boolean => config.type === DialogTypes.ALERT,\n  confirm: (config: DialogConfig): boolean =>\n    config.type === DialogTypes.CONFIRM,\n  custom: (config: DialogConfig): boolean => config.type === DialogTypes.CUSTOM,\n  form: (config: DialogConfig): boolean => config.type === DialogTypes.FORM,\n  wizard_form: (config: DialogConfig): boolean =>\n    config.type === DialogTypes.WIZARD_FORM,\n} as const;\n\n// Registry mapping function to determine the dialog type based on config\nexport function getDialogType(config: DialogConfig): DialogType {\n  // Check each dialog type in order using type guards\n  for (const [type, checker] of Object.entries(dialogTypeCheckers)) {\n    if (checker(config)) {\n      return type as DialogType;\n    }\n  }\n\n  // Fallback to the configured dialog type\n  return config.type as DialogType;\n}\n\n// Form type checker functions for determining form rendering type from dialog config\nconst formTypeCheckers = {\n  [FormDialogType.SCHEMA]: (config: DialogConfig): boolean =>\n    isFormDialog(config) &&\n    !isWizardDialogConfig(config) &&\n    !isStepFormConfig(config.formConfig),\n  [FormDialogType.STEP]: (config: DialogConfig): boolean =>\n    isFormDialog(config) &&\n    !isWizardDialogConfig(config) &&\n    isStepFormConfig(config.formConfig),\n  [FormDialogType.WIZARD]: (config: DialogConfig): boolean =>\n    isWizardDialogConfig(config),\n} as const;\n\n// Registry mapping function to determine the form type based on dialog config\nexport function getFormTypeFromDialog(config: DialogConfig): FormDialogType {\n  // Check each form type in order using type guards\n  for (const [type, checker] of Object.entries(formTypeCheckers)) {\n    if (checker(config)) {\n      return type as FormDialogType;\n    }\n  }\n\n  // This should never happen as form dialogs always match one of the above\n  throw new Error(\n    `Unable to determine form type from dialog config: ${config.type}`,\n  );\n}\n\n/**\n * Type guard to check if footer is a function\n */\nexport function isDialogFooterFunction(\n  footer: ((environment: any) => ReactNode) | false | ReactNode | undefined,\n): footer is (environment: any) => ReactNode {\n  return typeof footer === \"function\";\n}\n\n/**\n * Type guard to check if header is a function\n */\nexport function isDialogHeaderFunction(\n  header: ((environment: any) => ReactNode) | false | ReactNode | undefined,\n): header is (environment: any) => ReactNode {\n  return typeof header === \"function\";\n}\n\nexport function isWizardFormConfig<\n  TRequest extends BaseRecord = any,\n  TResponse extends BaseRecord = any,\n>(\n  formConfig:\n    | FormConfig<TRequest, TResponse>\n    | StepFormConfig<TRequest, TResponse>,\n): formConfig is WizardFormConfig<TRequest, TResponse> {\n  // Check if formConfig has wizard-specific properties\n  const hasWizardClassName = \"wizardClassName\" in formConfig;\n  const hasAllowStepNavigation =\n    \"allowStepNavigation\" in formConfig &&\n    formConfig.allowStepNavigation !== undefined;\n  const hasProgressStyle =\n    \"progressStyle\" in formConfig && formConfig.progressStyle !== undefined;\n  const hasShowStepProgress =\n    \"showStepProgress\" in formConfig &&\n    formConfig.showStepProgress !== undefined;\n\n  return (\n    hasWizardClassName ||\n    hasAllowStepNavigation ||\n    hasProgressStyle ||\n    hasShowStepProgress\n  );\n}\n\n// Context provider mapping - refactored to be functional components\nexport const contextProviders: Record<\n  string,\n  React.FC<{\n    children: React.ReactNode;\n    dialog: DialogConfig;\n    formMethods: any;\n  }>\n> = {\n  form: ({ children, dialog, formMethods }) => {\n    // Only provide FormProvider for dialog configs that have formConfig\n    if (isFormDialog(dialog)) {\n      const formDialog = dialog;\n      return (\n        <FormProvider\n          adapter={formDialog.formConfig?.adapter ?? AdapterType.RHF}\n          config={formDialog.formConfig}\n          formInstance={formMethods}>\n          {children}\n        </FormProvider>\n      );\n    }\n    if (isWizardDialogConfig(dialog)) {\n      const wizardDialog = dialog;\n      return (\n        <FormProvider\n          adapter={wizardDialog.formConfig?.adapter ?? AdapterType.RHF}\n          config={wizardDialog.formConfig}\n          formInstance={formMethods}>\n          {children}\n        </FormProvider>\n      );\n    }\n    return <>{children}</>;\n  },\n  stepControl: ({ children, dialog, formMethods }) => {\n    // For wizard forms, extract step control values from formMethods and dialog\n    if (isWizardDialogConfig(dialog)) {\n      const wizardDialog = dialog;\n      return (\n        <StepControlProvider\n          defaultStep={wizardDialog.formConfig?.stepBehavior?.defaultStep}\n          handleStepSubmit={formMethods?.handleStepSubmit}\n          isBackValidate={wizardDialog.formConfig?.stepBehavior?.isBackValidate}\n          onStepChange={formMethods?.onStepChange}\n          onStepRetry={createStepRetryHandler(wizardDialog.formConfig?.steps || [])}\n          onNavigationStart={wizardDialog.formConfig?.onNavigationStart}\n          onNavigationEnd={wizardDialog.formConfig?.onNavigationEnd}\n          onNavigationError={wizardDialog.formConfig?.onNavigationError}\n          totalSteps={wizardDialog.formConfig?.steps?.length}\n          triggerValidation={formMethods?.triggerValidation}>\n          {children}\n        </StepControlProvider>\n      );\n    }\n\n    // For regular step forms, also provide step control context\n    if (isFormDialog(dialog)) {\n      const formDialog = dialog;\n      if (isStepFormConfig(formDialog.formConfig)) {\n        return (\n          <StepControlProvider\n            defaultStep={formDialog.formConfig?.stepBehavior?.defaultStep}\n            isBackValidate={formDialog.formConfig?.stepBehavior?.isBackValidate}\n            onStepRetry={createStepRetryHandler(formDialog.formConfig?.steps || [])}\n            onNavigationStart={formDialog.formConfig?.onNavigationStart}\n            onNavigationEnd={formDialog.formConfig?.onNavigationEnd}\n            onNavigationError={formDialog.formConfig?.onNavigationError}\n            totalSteps={formDialog.formConfig?.steps?.length}>\n            {children}\n          </StepControlProvider>\n        );\n      }\n    }\n\n    return <>{children}</>;\n  },\n};\n\n// =============================================================================\n// 4. CONFIGURATION INTERFACES\n// =============================================================================\n\nexport interface AlertDialogConfig extends DialogBaseConfig {\n  cancelText?: string;\n  confirmText?: string;\n  description?: React.FC | React.ReactNode | string;\n  onCancel?: (source: \"programmatic\" | \"user\") => void;\n  onConfirm?: () => Promise<void> | void;\n  type: typeof DialogTypes.ALERT;\n}\n\nexport interface ConfirmDialogConfig extends DialogBaseConfig {\n  cancelText: string;\n  confirmText: string;\n  onCancel?: (source: \"programmatic\" | \"user\") => void;\n  onConfirm: () => Promise<void> | void;\n  type: typeof DialogTypes.CONFIRM;\n}\n\nexport interface CustomDialogConfig extends DialogBaseConfig {\n  onCancel?: (source: \"programmatic\" | \"user\") => void;\n  type: typeof DialogTypes.CUSTOM;\n}\n\nexport interface DialogActionsConfig {\n  /** Dropdown menu content */\n  content: ReactNode;\n  /** Trigger button label */\n  triggerLabel: string;\n}\n\nexport interface DialogBaseConfig<T extends BaseRecord = any> {\n  /** Action buttons configuration */\n  actionButtons?: ActionItemConfig[];\n  /** Layout for action buttons */\n  actionButtonsLayout?: ActionListLayout;\n  /** Actions dropdown configuration */\n  actions?: DialogActionsConfig;\n  /** CSS class names for dialog parts */\n  classNames?: DialogClassNames;\n  /** Custom dialog content */\n  content?: ReactNode;\n  /** Description text */\n  description?: string;\n  /** Whether dialog can be dismissed */\n  dismissable?: boolean;\n  /** Custom footer content - ReactNode, function, or false to hide */\n  footer?: ((environment: any) => ReactNode) | false | ReactNode;\n  /** Custom header content - ReactNode, function, or false to hide */\n  header?: ((environment: any) => ReactNode) | false | ReactNode;\n  /** Icon to display */\n  icon?: ReactNode;\n  /** Icon layout relative to title */\n  iconLayout?: DialogIconLayout;\n  /** Unique identifier */\n  id?: string;\n  /** Dialog position on screen */\n  position?: DialogPosition;\n  /** Prevent closing when clicking outside */\n  preventCloseOnOutsideClick?: \"dirty\" | boolean;\n  /** Show loading spinner */\n  showSpinner?: boolean;\n  /** Dialog size */\n  size?: DialogSize;\n  /** Status indicator */\n  status?: DialogStatus;\n  /** Dialog title */\n  title: string;\n  /** Visual variant */\n  variant?: DialogVariant;\n  /**\n   * Optional callback for receiving a force rerender method.\n   * The framework will call this callback with a method that can be stored\n   * locally and used to force a component rerender when something outside\n   * the render loop needs to trigger a rerender.\n   */\n  forceRerender?: ForceRerenderCallback;\n  /**\n   * Optional callback for receiving an environment sync method.\n   * The framework will call this callback with a method that can be stored\n   * locally and used to sync environment changes when something outside\n   * the normal flow updates the environment.\n   */\n  environmentSync?: EnvironmentSyncCallback;\n}\n\nexport interface DialogClassNames {\n  /** Close button class */\n  close?: string;\n  /** Content container class */\n  content?: string;\n  /** Description text class */\n  description?: string;\n  /** Header container class */\n  header?: string;\n  /** Title text class */\n  title?: string;\n}\n\nexport interface FormDialogConfig<\n  TRequest extends BaseRecord = any,\n  TResponse extends BaseRecord = any,\n> extends DialogBaseConfig<TRequest> {\n  /**\n   * Whether to automatically close the dialog on successful form submission\n   * @default true\n   */\n  closeOnSubmit?: boolean;\n  formConfig:\n    | FormConfig<TRequest, TResponse>\n    | StepFormConfig<TRequest, TResponse>;\n  onCancel?: (source: \"programmatic\" | \"user\") => void;\n  onSubmit: (values: TRequest) => Promise<TResponse>;\n  /** Callback when form submission succeeds - required for form dialogs */\n  onSuccess: (response: TResponse, values: TRequest) => void;\n  type: typeof DialogTypes.FORM;\n}\n\nexport interface WizardDialogConfig<\n  TRequest extends BaseRecord = any,\n  TResponse extends BaseRecord = any,\n> extends DialogBaseConfig<TRequest> {\n  /**\n   * Whether to automatically close the dialog on successful form submission\n   * @default true\n   */\n  closeOnSubmit?: boolean;\n  formConfig: WizardFormConfig<TRequest, TResponse>;\n  onCancel?: (source: \"programmatic\" | \"user\") => void;\n  onSubmit?: (values: TRequest) => Promise<TResponse>;\n  /** Callback when form submission succeeds */\n  onSuccess?: (response: TResponse, values: TRequest) => void;\n  type: typeof DialogTypes.WIZARD_FORM;\n}\n\nexport const dialogContextRequirements: Record<DialogType, string[]> = {\n  [DialogTypes.ALERT]: [],\n  [DialogTypes.CONFIRM]: [],\n  [DialogTypes.CUSTOM]: [],\n  [DialogTypes.FORM]: [\"form\"],\n  [DialogTypes.WIZARD_FORM]: [\"form\", \"stepControl\"],\n};\n\nexport type DialogConfig<\n  TRequest extends BaseRecord = any,\n  TResponse extends BaseRecord = any,\n> =\n  | AlertDialogConfig\n  | ConfirmDialogConfig\n  | CustomDialogConfig\n  | FormDialogConfig<TRequest, TResponse>\n  | WizardDialogConfig<TRequest, TResponse>;\n"],"mappings":"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"}