@lax-wp/design-system 0.3.7 → 0.3.8

package/dist/components/feedback/confirmation-modal/ConfirmationModal.d.ts

@@ -1,51 +1,23 @@
-import React from 'react';
-import { type IButtonStatus } from '../../button/Button';
-export interface ConfirmationModalProps {
+import { type FC } from 'react';
+export interface IConfirmationModalProps {
     /** Whether the modal is visible */
-    visible?: boolean;
+    visible: boolean;
     /** Callback when modal is closed */
-    onClose?: () => void;
-    /** Callback when confirmed */
-    onConfirm?: () => void;
-    /** Title of the confirmation popup */
-    title?: React.ReactNode;
+    onClose: () => void;
     /** Content/message of the confirmation popup */
-    content?: React.ReactNode;
+    content: React.ReactNode;
+    /** Title of the confirmation popup */
+    title: React.ReactNode;
+    /** Callback when confirmed */
+    onConfirm: () => void;
     /** Whether the action is in loading state */
     isLoading?: boolean;
     /** Variant of the modal ('destructive' for delete actions) */
     variant?: 'destructive' | 'default';
-    /** Width of the modal in pixels */
-    width?: number;
-    /** Container element ID for portal rendering */
-    parentContainer?: string;
-    /** Child element that triggers the popup when clicked (optional) - legacy support */
-    children?: React.ReactElement;
-    /** Callback when cancel is triggered - legacy support */
-    onCancel?: (closeByIcon?: boolean) => void;
-    /** Callback when OK is clicked - legacy support */
-    onOk?: () => void;
-    /** Footer configuration - legacy support */
-    footer?: {
-        /** Justify content alignment (e.g., 'justify-end', 'justify-center') */
-        justify?: string;
-        /** Text for OK button */
-        okText?: string;
-        /** Text for cancel button */
-        cancelText?: string;
-        /** Button style for OK button */
-        okBtnType?: IButtonStatus;
-        /** Button style for cancel button */
-        cancelBtnType?: IButtonStatus;
-    };
-    /** Async handler that receives a callback with error status - legacy support */
-    async?: (cb: ({ error }: {
-        error: boolean;
-    }) => void) => Promise<void>;
-    /** Control visibility from outside - legacy support */
-    isVisibleOutside?: boolean;
-    /** Whether clicking children can open the popup - legacy support */
-    ableToConfirmByChildren?: boolean;
+    /** Text for the cancel button (default: 'Cancel') */
+    cancelText?: string;
+    /** Text for the confirm button (default: 'Confirm' or 'Delete' based on variant) */
+    confirmText?: string;
 }
 /**
  * ConfirmationModal component for displaying confirmation dialogs
@@ -53,14 +25,14 @@ export interface ConfirmationModalProps {
  * @example
  * ```tsx
  * <ConfirmationModal
+ *   visible={isOpen}
  *   title="Delete Item"
  *   content="Are you sure you want to delete this item?"
- *   onOk={() => console.log('Confirmed')}
- *   onCancel={() => console.log('Cancelled')}
- * >
- *   <button>Delete</button>
- * </ConfirmationModal>
+ *   onConfirm={() => handleDelete()}
+ *   onClose={() => setIsOpen(false)}
+ *   variant="destructive"
+ * />
  * ```
  */
-export declare const ConfirmationModal: React.FC<ConfirmationModalProps>;
+export declare const ConfirmationModal: FC<IConfirmationModalProps>;
 export default ConfirmationModal;

package/dist/index.d.ts

@@ -47,7 +47,7 @@ export type { TooltipProps, TooltipPlacement, } from "./components/tooltip/Toolt
 export { default as Toast, toast } from "./components/feedback/toast/Toast";
 export type { ToastContainerProps, ToastType, ToastPosition, } from "./components/feedback/toast/Toast";
 export { ConfirmationModal } from "./components/feedback/confirmation-modal/ConfirmationModal";
-export type { ConfirmationModalProps, } from "./components/feedback/confirmation-modal/ConfirmationModal";
+export type { IConfirmationModalProps, } from "./components/feedback/confirmation-modal/ConfirmationModal";
 export { CodeEditor } from "./components/data-display/code-editor/CodeEditor";
 export type { CodeEditorProps } from "./types";
 export { JsonGrid } from "./components/data-display/code-editor/JsonGrid";