@lax-wp/design-system 0.3.6 → 0.3.8

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

@@ -1,41 +1,23 @@
-import React from 'react';
-import { type IButtonStatus } from '../../button/Button';
-export interface ConfirmationModalProps {
-    /** Child element that triggers the popup when clicked (optional) */
-    children?: React.ReactElement;
-    /** Callback when cancel is triggered */
-    onCancel?: (closeByIcon?: boolean) => void;
-    /** Callback when OK is clicked */
-    onOk: () => void;
-    /** Title of the confirmation popup */
-    title: string;
+import { type FC } from 'react';
+export interface IConfirmationModalProps {
+    /** Whether the modal is visible */
+    visible: boolean;
+    /** Callback when modal is closed */
+    onClose: () => void;
     /** Content/message of the confirmation popup */
-    content: string;
-    /** Footer configuration */
-    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 */
-    async?: (cb: ({ error }: {
-        error: boolean;
-    }) => void) => Promise<void>;
-    /** Width of the modal in pixels */
-    width?: number;
-    /** Control visibility from outside */
-    isVisibleOutside?: boolean;
-    /** Whether clicking children can open the popup */
-    ableToConfirmByChildren?: boolean;
-    /** Container element ID for portal rendering */
-    parentContainer?: string;
+    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';
+    /** 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
@@ -43,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/components/tooltip/Tooltip.d.ts

@@ -1,9 +1,14 @@
-import React, { type ReactNode } from 'react';
+import './styles.css';
+import * as React from 'react';
+export type TooltipPlacement = 'auto' | 'auto-start' | 'auto-end' | 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'right' | 'right-start' | 'right-end' | 'left' | 'left-start' | 'left-end';
 export interface TooltipProps {
-    title: ReactNode;
-    placement?: 'top' | 'bottom' | 'left' | 'right';
-    children: ReactNode;
+    title: React.ReactNode;
+    placement?: TooltipPlacement;
+    children: React.ReactNode;
     className?: string;
+    hideTooltip?: boolean;
+    delayShow?: boolean;
+    whiteSpace?: 'normal' | 'nowrap' | 'pre' | 'pre-wrap' | 'pre-line' | 'initial' | 'inherit';
 }
-export declare const Tooltip: React.FC<TooltipProps>;
+declare const Tooltip: ({ children, title, hideTooltip, delayShow, whiteSpace, placement, className, }: TooltipProps) => import("react/jsx-runtime").JSX.Element;
 export default Tooltip;

package/dist/index.d.ts

@@ -42,10 +42,12 @@ export { PdfViewer } from "./components/data-display/pdf-viewer/PdfViewer";
 export type { PdfViewerProps } from "./components/data-display/pdf-viewer/PdfViewer";
 export { Popper } from "./components/data-display/popper/Popper";
 export type { PopperProps, PopperPlacement, } from "./components/data-display/popper/Popper";
+export { default as Tooltip } from "./components/tooltip/Tooltip";
+export type { TooltipProps, TooltipPlacement, } from "./components/tooltip/Tooltip";
 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";