@mezzanine-ui/react 0.13.10 → 0.14.0

package/Notification/Notification.js

@@ -9,66 +9,66 @@ import Icon from '../Icon/Icon.js';
 import cx from 'clsx';
 import { createNotifier } from '../Notifier/createNotifier.js';
 
-/**
- * The react component for `mezzanine` notification.
- *
- * Use the API from the Notification instance such as `Notification.success` and `Notification.error`
- * to display a notification globally.
- */
-// eslint-disable-next-line @typescript-eslint/no-redeclare
-const NotificationElement = ((props) => {
-    const { cancelText, children, confirmText, direction = 'left', duration, onCancel: onCancelProp, onClose: onCloseProp, onConfirm: onConfirmProp, onExited: onExitedProp, reference, severity, title, ...restTransitionProps } = props;
-    const targetIcon = severity ? (notificationIcons[severity]) : undefined;
-    const [open, setOpen] = useState(true);
-    useEffect(() => {
-        if (open && duration) {
-            const timer = window.setTimeout(() => {
-                setOpen(false);
-            }, duration);
-            return () => {
-                window.clearTimeout(timer);
-            };
-        }
-    }, [open, duration]);
-    const onClose = () => {
-        setOpen(false);
-        if (onCloseProp) {
-            onCloseProp(reference);
-        }
-    };
-    const onConfirm = onConfirmProp ? () => {
-        setOpen(false);
-        onConfirmProp();
-    } : undefined;
-    const onCancel = onCancelProp ? () => {
-        setOpen(false);
-        onCancelProp();
-    } : undefined;
-    const onExited = (node) => {
-        if (onExitedProp) {
-            onExitedProp(node);
-        }
-        NotificationElement.remove(reference);
-    };
-    return (jsx(SlideFade, { in: open, appear: true, onExited: onExited, direction: direction, ...restTransitionProps, children: jsxs("div", { className: cx(notificationClasses.host, severity ? notificationClasses.severity(severity) : undefined), children: [targetIcon ? (jsx("div", { className: notificationClasses.iconContainer, children: jsx(Icon, { icon: targetIcon, className: notificationClasses.severityIcon }) })) : null, jsxs("div", { className: notificationClasses.body, children: [jsx("h4", { className: notificationClasses.title, children: title }), jsx("div", { className: notificationClasses.content, children: children }), onConfirm && !severity ? (jsxs(ButtonGroup, { className: notificationClasses.action, children: [jsx(Button, { variant: "contained", onClick: onConfirm, children: confirmText }), jsx(Button, { variant: "outlined", onClick: onCancel || onClose, children: cancelText })] })) : null] }), jsx(Icon, { icon: TimesIcon, className: notificationClasses.closeIcon, onClick: onClose })] }) }));
-});
-const { add, config, destroy, remove, } = createNotifier({
-    duration: false,
-    render: (notif) => jsx(NotificationElement, { ...notif }),
-    setRoot: (root) => {
-        root === null || root === void 0 ? void 0 : root.setAttribute('class', notificationClasses.root);
-    },
-});
-NotificationElement.add = add;
-NotificationElement.config = config;
-NotificationElement.destroy = destroy;
-NotificationElement.remove = remove;
-['success', 'warning', 'error', 'info'].forEach((severity) => {
-    NotificationElement[severity] = (props) => NotificationElement.add({
-        ...props,
-        severity,
-    });
-});
+/**
+ * The react component for `mezzanine` notification.
+ *
+ * Use the API from the Notification instance such as `Notification.success` and `Notification.error`
+ * to display a notification globally.
+ */
+// eslint-disable-next-line @typescript-eslint/no-redeclare
+const NotificationElement = ((props) => {
+    const { cancelText, children, confirmText, direction = 'left', duration, onCancel: onCancelProp, onClose: onCloseProp, onConfirm: onConfirmProp, onExited: onExitedProp, reference, severity, title, ...restTransitionProps } = props;
+    const targetIcon = severity ? (notificationIcons[severity]) : undefined;
+    const [open, setOpen] = useState(true);
+    useEffect(() => {
+        if (open && duration) {
+            const timer = window.setTimeout(() => {
+                setOpen(false);
+            }, duration);
+            return () => {
+                window.clearTimeout(timer);
+            };
+        }
+    }, [open, duration]);
+    const onClose = () => {
+        setOpen(false);
+        if (onCloseProp) {
+            onCloseProp(reference);
+        }
+    };
+    const onConfirm = onConfirmProp ? () => {
+        setOpen(false);
+        onConfirmProp();
+    } : undefined;
+    const onCancel = onCancelProp ? () => {
+        setOpen(false);
+        onCancelProp();
+    } : undefined;
+    const onExited = (node) => {
+        if (onExitedProp) {
+            onExitedProp(node);
+        }
+        NotificationElement.remove(reference);
+    };
+    return (jsx(SlideFade, { in: open, appear: true, onExited: onExited, direction: direction, ...restTransitionProps, children: jsxs("div", { className: cx(notificationClasses.host, severity ? notificationClasses.severity(severity) : undefined), children: [targetIcon ? (jsx("div", { className: notificationClasses.iconContainer, children: jsx(Icon, { icon: targetIcon, className: notificationClasses.severityIcon }) })) : null, jsxs("div", { className: notificationClasses.body, children: [jsx("h4", { className: notificationClasses.title, children: title }), jsx("div", { className: notificationClasses.content, children: children }), onConfirm && !severity ? (jsxs(ButtonGroup, { className: notificationClasses.action, children: [jsx(Button, { variant: "contained", onClick: onConfirm, children: confirmText }), jsx(Button, { variant: "outlined", onClick: onCancel || onClose, children: cancelText })] })) : null] }), jsx(Icon, { icon: TimesIcon, className: notificationClasses.closeIcon, onClick: onClose })] }) }));
+});
+const { add, config, destroy, remove, } = createNotifier({
+    duration: false,
+    render: (notif) => jsx(NotificationElement, { ...notif }),
+    setRoot: (root) => {
+        root === null || root === void 0 ? void 0 : root.setAttribute('class', notificationClasses.root);
+    },
+});
+NotificationElement.add = add;
+NotificationElement.config = config;
+NotificationElement.destroy = destroy;
+NotificationElement.remove = remove;
+['success', 'warning', 'error', 'info'].forEach((severity) => {
+    NotificationElement[severity] = (props) => NotificationElement.add({
+        ...props,
+        severity,
+    });
+});
 var NotificationElement$1 = NotificationElement;
 
 export { NotificationElement$1 as default };

package/Notification/index.d.ts

@@ -1,2 +1,2 @@
-export { NotificationSeverity, } from '@mezzanine-ui/core/notification';
-export { NotificationData, default, } from './Notification';
+export { NotificationSeverity, } from '@mezzanine-ui/core/notification';
+export { NotificationData, default, } from './Notification';

package/Notifier/NotifierManager.d.ts

@@ -1,17 +1,17 @@
-import { Key, RefObject } from 'react';
-import { NotifierData, NotifierConfig, RenderNotifier } from './typings';
-export interface NotifierController<N extends NotifierData> {
-    add: (notifier: N & {
-        key: Key;
-    }) => void;
-    remove: (key: Key) => void;
-}
-export interface NotifierManagerProps<N extends NotifierData> extends Pick<NotifierConfig, 'maxCount'> {
-    controllerRef: RefObject<NotifierController<N>>;
-    defaultNotifiers?: (N & {
-        key: Key;
-    })[];
-    render: RenderNotifier<N>;
-}
-declare function NotifierManager<N extends NotifierData>(props: NotifierManagerProps<N>): JSX.Element;
-export default NotifierManager;
+import { Key, RefObject } from 'react';
+import { NotifierData, NotifierConfig, RenderNotifier } from './typings';
+export interface NotifierController<N extends NotifierData> {
+    add: (notifier: N & {
+        key: Key;
+    }) => void;
+    remove: (key: Key) => void;
+}
+export interface NotifierManagerProps<N extends NotifierData> extends Pick<NotifierConfig, 'maxCount'> {
+    controllerRef: RefObject<NotifierController<N>>;
+    defaultNotifiers?: (N & {
+        key: Key;
+    })[];
+    render: RenderNotifier<N>;
+}
+declare function NotifierManager<N extends NotifierData>(props: NotifierManagerProps<N>): JSX.Element;
+export default NotifierManager;

package/Notifier/NotifierManager.js

@@ -1,31 +1,31 @@
 import { jsx, Fragment } from 'react/jsx-runtime';
 import { useState, useMemo, useImperativeHandle, Fragment as Fragment$1 } from 'react';
 
-function NotifierManager(props) {
-    const { controllerRef, defaultNotifiers = [], maxCount, render, } = props;
-    const [notifiers, setNotifiers] = useState(defaultNotifiers);
-    const notifiersShouldRendered = typeof maxCount === 'number' && notifiers.length > maxCount
-        ? notifiers.slice(0, maxCount)
-        : notifiers;
-    const controller = useMemo(() => ({
-        add(notifier) {
-            setNotifiers((prev) => {
-                const notifierIndex = prev.findIndex(({ key }) => key === notifier.key);
-                return ~notifierIndex
-                    ? [
-                        ...prev.slice(0, notifierIndex),
-                        notifier,
-                        ...prev.slice(notifierIndex + 1, prev.length),
-                    ]
-                    : [...prev, notifier];
-            });
-        },
-        remove(key) {
-            setNotifiers((prev) => prev.filter((m) => m.key !== key));
-        },
-    }), []);
-    useImperativeHandle(controllerRef, () => controller, [controller]);
-    return (jsx(Fragment, { children: notifiersShouldRendered.map((notifier) => (jsx(Fragment$1, { children: render(notifier) }, notifier.key))) }));
+function NotifierManager(props) {
+    const { controllerRef, defaultNotifiers = [], maxCount, render, } = props;
+    const [notifiers, setNotifiers] = useState(defaultNotifiers);
+    const notifiersShouldRendered = typeof maxCount === 'number' && notifiers.length > maxCount
+        ? notifiers.slice(0, maxCount)
+        : notifiers;
+    const controller = useMemo(() => ({
+        add(notifier) {
+            setNotifiers((prev) => {
+                const notifierIndex = prev.findIndex(({ key }) => key === notifier.key);
+                return ~notifierIndex
+                    ? [
+                        ...prev.slice(0, notifierIndex),
+                        notifier,
+                        ...prev.slice(notifierIndex + 1, prev.length),
+                    ]
+                    : [...prev, notifier];
+            });
+        },
+        remove(key) {
+            setNotifiers((prev) => prev.filter((m) => m.key !== key));
+        },
+    }), []);
+    useImperativeHandle(controllerRef, () => controller, [controller]);
+    return (jsx(Fragment, { children: notifiersShouldRendered.map((notifier) => (jsx(Fragment$1, { children: render(notifier) }, notifier.key))) }));
 }
 
 export { NotifierManager as default };

package/Notifier/createNotifier.d.ts

@@ -1,21 +1,21 @@
-import { Notifier, NotifierConfig, NotifierData, RenderNotifier } from './typings';
-export interface CreateNotifierProps<N extends NotifierData, C extends NotifierConfig> extends NotifierConfig {
-    /**
-     * Customizable config for notifier. The given values should be retrivable from your notification carrier.
-     */
-    config?: C;
-    /**
-     * The render props for notification carrier(UI component).
-     */
-    render: RenderNotifier<N>;
-    /**
-     * The method to set attributes or listeners to root.
-     */
-    setRoot?: (root: HTMLDivElement) => void;
-}
-/**
- * The utility factory for `mezzanine` to create a notifier.
- *
- * When APIs are called, Notifier will dynamically render a new react instance by `ReactDOM.render` method.
- */
-export declare function createNotifier<N extends NotifierData, C extends NotifierConfig = NotifierConfig>(props: CreateNotifierProps<N, C>): Notifier<N, C>;
+import { Notifier, NotifierConfig, NotifierData, RenderNotifier } from './typings';
+export interface CreateNotifierProps<N extends NotifierData, C extends NotifierConfig> extends NotifierConfig {
+    /**
+     * Customizable config for notifier. The given values should be retrivable from your notification carrier.
+     */
+    config?: C;
+    /**
+     * The render props for notification carrier(UI component).
+     */
+    render: RenderNotifier<N>;
+    /**
+     * The method to set attributes or listeners to root.
+     */
+    setRoot?: (root: HTMLDivElement) => void;
+}
+/**
+ * The utility factory for `mezzanine` to create a notifier.
+ *
+ * When APIs are called, Notifier will dynamically render a new react instance by `ReactDOM.render` method.
+ */
+export declare function createNotifier<N extends NotifierData, C extends NotifierConfig = NotifierConfig>(props: CreateNotifierProps<N, C>): Notifier<N, C>;

package/Notifier/createNotifier.js

@@ -3,71 +3,71 @@ import { createRef } from 'react';
 import { createRoot } from 'react-dom/client';
 import NotifierManager from './NotifierManager.js';
 
-/**
- * The utility factory for `mezzanine` to create a notifier.
- *
- * When APIs are called, Notifier will dynamically render a new react instance by `ReactDOM.render` method.
- */
-function createNotifier(props) {
-    const { config: configProp, render: renderNotifier, setRoot, duration, maxCount, ...restNotifierProps } = props;
-    const container = typeof document === 'undefined' ? null : document.createElement('div');
-    const root = container ? createRoot(container) : null;
-    const controllerRef = createRef();
-    let currentConfig = {
-        duration,
-        maxCount,
-        ...configProp,
-    };
-    if (setRoot && container) {
-        setRoot(container);
-    }
-    return {
-        add(notifier) {
-            var _a, _b;
-            if (container === null)
-                return 'NOT_SET';
-            document.body.appendChild(container);
-            const key = (_a = notifier.key) !== null && _a !== void 0 ? _a : Date.now();
-            const resolvedNotifier = {
-                ...restNotifierProps,
-                ...notifier,
-                ...currentConfig,
-                duration: (_b = notifier.duration) !== null && _b !== void 0 ? _b : currentConfig.duration,
-                key,
-                instanceKey: key,
-            };
-            if (controllerRef.current) {
-                controllerRef.current.add(resolvedNotifier);
-            }
-            else {
-                root === null || root === void 0 ? void 0 : root.render(jsx(NotifierManager, { controllerRef: controllerRef, defaultNotifiers: [resolvedNotifier], maxCount: currentConfig.maxCount, render: renderNotifier }));
-            }
-            return resolvedNotifier.key;
-        },
-        remove(key) {
-            if (controllerRef.current) {
-                controllerRef.current.remove(key);
-            }
-        },
-        destroy() {
-            if (container === null)
-                return;
-            // when useEffect(() => () => { root.unmount() }, []), will be show "Rendered more hooks than during the previous render." issue.
-            root === null || root === void 0 ? void 0 : root.render(null);
-            if (container.parentNode) {
-                container.parentNode.removeChild(container);
-            }
-        },
-        config(config) {
-            currentConfig = {
-                ...currentConfig,
-                ...config,
-            };
-        },
-        getConfig() {
-            return currentConfig;
-        },
-    };
+/**
+ * The utility factory for `mezzanine` to create a notifier.
+ *
+ * When APIs are called, Notifier will dynamically render a new react instance by `ReactDOM.render` method.
+ */
+function createNotifier(props) {
+    const { config: configProp, render: renderNotifier, setRoot, duration, maxCount, ...restNotifierProps } = props;
+    const container = typeof document === 'undefined' ? null : document.createElement('div');
+    const root = container ? createRoot(container) : null;
+    const controllerRef = createRef();
+    let currentConfig = {
+        duration,
+        maxCount,
+        ...configProp,
+    };
+    if (setRoot && container) {
+        setRoot(container);
+    }
+    return {
+        add(notifier) {
+            var _a, _b;
+            if (container === null)
+                return 'NOT_SET';
+            document.body.appendChild(container);
+            const key = (_a = notifier.key) !== null && _a !== void 0 ? _a : Date.now();
+            const resolvedNotifier = {
+                ...restNotifierProps,
+                ...notifier,
+                ...currentConfig,
+                duration: (_b = notifier.duration) !== null && _b !== void 0 ? _b : currentConfig.duration,
+                key,
+                instanceKey: key,
+            };
+            if (controllerRef.current) {
+                controllerRef.current.add(resolvedNotifier);
+            }
+            else {
+                root === null || root === void 0 ? void 0 : root.render(jsx(NotifierManager, { controllerRef: controllerRef, defaultNotifiers: [resolvedNotifier], maxCount: currentConfig.maxCount, render: renderNotifier }));
+            }
+            return resolvedNotifier.key;
+        },
+        remove(key) {
+            if (controllerRef.current) {
+                controllerRef.current.remove(key);
+            }
+        },
+        destroy() {
+            if (container === null)
+                return;
+            // when useEffect(() => () => { root.unmount() }, []), will be show "Rendered more hooks than during the previous render." issue.
+            root === null || root === void 0 ? void 0 : root.render(null);
+            if (container.parentNode) {
+                container.parentNode.removeChild(container);
+            }
+        },
+        config(config) {
+            currentConfig = {
+                ...currentConfig,
+                ...config,
+            };
+        },
+        getConfig() {
+            return currentConfig;
+        },
+    };
 }
 
 export { createNotifier };

package/Notifier/index.d.ts

@@ -1,2 +1,2 @@
-export * from './typings';
-export * from './createNotifier';
+export * from './typings';
+export * from './createNotifier';

package/Notifier/typings.d.ts

@@ -1,28 +1,28 @@
-import { Key, ReactNode } from 'react';
-export interface NotifierConfig {
-    /**
-     * If passed as number, the notification will be closed after the amount of time.
-     */
-    duration?: number | false;
-    maxCount?: number;
-}
-export interface NotifierData extends Pick<NotifierConfig, 'duration'> {
-    /**
-     * The notification content.
-     */
-    children?: ReactNode;
-    /**
-     * Close Handler
-     */
-    onClose?: (key: Key) => void;
-}
-export declare type RenderNotifier<N extends NotifierData> = (notifier: N) => ReactNode;
-export interface Notifier<N extends NotifierData, C extends NotifierConfig = NotifierConfig> {
-    add: (notifier: N & {
-        key?: Key;
-    }) => Key;
-    config: (configs: C) => void;
-    destroy: VoidFunction;
-    remove: (key: Key) => void;
-    getConfig: () => C;
-}
+import { Key, ReactNode } from 'react';
+export interface NotifierConfig {
+    /**
+     * If passed as number, the notification will be closed after the amount of time.
+     */
+    duration?: number | false;
+    maxCount?: number;
+}
+export interface NotifierData extends Pick<NotifierConfig, 'duration'> {
+    /**
+     * The notification content.
+     */
+    children?: ReactNode;
+    /**
+     * Close Handler
+     */
+    onClose?: (key: Key) => void;
+}
+export type RenderNotifier<N extends NotifierData> = (notifier: N) => ReactNode;
+export interface Notifier<N extends NotifierData, C extends NotifierConfig = NotifierConfig> {
+    add: (notifier: N & {
+        key?: Key;
+    }) => Key;
+    config: (configs: C) => void;
+    destroy: VoidFunction;
+    remove: (key: Key) => void;
+    getConfig: () => C;
+}

package/Overlay/Overlay.d.ts

@@ -1,43 +1,43 @@
-import { MouseEventHandler } from 'react';
-import { NativeElementPropsWithoutKeyAndRef } from '../utils/jsx-types';
-import { PortalProps } from '../Portal';
-export interface OverlayProps extends Pick<PortalProps, 'children' | 'container' | 'disablePortal'>, NativeElementPropsWithoutKeyAndRef<'div'> {
-    /**
-     * Controls whether to disable closing element while backdrop clicked.
-     * @default false
-     */
-    disableCloseOnBackdropClick?: boolean;
-    /**
-     * Whether to hide backdrop.
-     * @default false
-     */
-    hideBackdrop?: boolean;
-    /**
-     * Whether to set backdrop invisible
-     * @default false
-     */
-    invisibleBackdrop?: boolean;
-    /**
-     * Click handler for backdrop.
-     */
-    onBackdropClick?: MouseEventHandler;
-    /**
-     * Callback fired while the element will be closed.
-     */
-    onClose?: VoidFunction;
-    /**
-     * Overlay is use on top of a component(surface)
-     * @default false
-     */
-    onSurface?: boolean;
-    /**
-     * Controls whether to show the element.
-     * @default false
-     */
-    open?: boolean;
-}
-/**
- * The react component for `mezzanine` overlay.
- */
-declare const Overlay: import("react").ForwardRefExoticComponent<OverlayProps & import("react").RefAttributes<HTMLDivElement>>;
-export default Overlay;
+import { MouseEventHandler } from 'react';
+import { NativeElementPropsWithoutKeyAndRef } from '../utils/jsx-types';
+import { PortalProps } from '../Portal';
+export interface OverlayProps extends Pick<PortalProps, 'children' | 'container' | 'disablePortal'>, NativeElementPropsWithoutKeyAndRef<'div'> {
+    /**
+     * Controls whether to disable closing element while backdrop clicked.
+     * @default false
+     */
+    disableCloseOnBackdropClick?: boolean;
+    /**
+     * Whether to hide backdrop.
+     * @default false
+     */
+    hideBackdrop?: boolean;
+    /**
+     * Whether to set backdrop invisible
+     * @default false
+     */
+    invisibleBackdrop?: boolean;
+    /**
+     * Click handler for backdrop.
+     */
+    onBackdropClick?: MouseEventHandler;
+    /**
+     * Callback fired while the element will be closed.
+     */
+    onClose?: VoidFunction;
+    /**
+     * Overlay is use on top of a component(surface)
+     * @default false
+     */
+    onSurface?: boolean;
+    /**
+     * Controls whether to show the element.
+     * @default false
+     */
+    open?: boolean;
+}
+/**
+ * The react component for `mezzanine` overlay.
+ */
+declare const Overlay: import("react").ForwardRefExoticComponent<OverlayProps & import("react").RefAttributes<HTMLDivElement>>;
+export default Overlay;

package/Overlay/Overlay.js

@@ -5,28 +5,28 @@ import Portal from '../Portal/Portal.js';
 import Fade from '../Transition/Fade.js';
 import cx from 'clsx';
 
-/**
- * The react component for `mezzanine` overlay.
- */
-const Overlay = forwardRef(function Overlay(props, ref) {
-    const { children, className, container, disableCloseOnBackdropClick = false, disablePortal, hideBackdrop = false, invisibleBackdrop = false, onBackdropClick, onClose, onSurface, open = false, ...rest } = props;
-    const fixedAtBody = Boolean(!container);
-    return (jsx(Portal, { container: container, disablePortal: disablePortal, children: jsxs("div", { ...rest, ref: ref, className: cx(overlayClasses.host, {
-                [overlayClasses.hostFixed]: fixedAtBody,
-                [overlayClasses.hostOpen]: open,
-            }, className), children: [hideBackdrop ? null : (jsx(Fade, { in: open, children: jsx("div", { "aria-hidden": true, className: cx(overlayClasses.backdrop, {
-                            [overlayClasses.backdropFixed]: fixedAtBody,
-                            [overlayClasses.invisible]: invisibleBackdrop,
-                            [overlayClasses.backdropOnSurface]: onSurface,
-                        }), onClick: (event) => {
-                            if (!disableCloseOnBackdropClick && onClose) {
-                                onClose();
-                            }
-                            if (onBackdropClick) {
-                                onBackdropClick(event);
-                            }
-                        } }) })), children] }) }));
-});
+/**
+ * The react component for `mezzanine` overlay.
+ */
+const Overlay = forwardRef(function Overlay(props, ref) {
+    const { children, className, container, disableCloseOnBackdropClick = false, disablePortal, hideBackdrop = false, invisibleBackdrop = false, onBackdropClick, onClose, onSurface, open = false, ...rest } = props;
+    const fixedAtBody = Boolean(!container);
+    return (jsx(Portal, { container: container, disablePortal: disablePortal, children: jsxs("div", { ...rest, ref: ref, className: cx(overlayClasses.host, {
+                [overlayClasses.hostFixed]: fixedAtBody,
+                [overlayClasses.hostOpen]: open,
+            }, className), children: [hideBackdrop ? null : (jsx(Fade, { in: open, children: jsx("div", { "aria-hidden": true, className: cx(overlayClasses.backdrop, {
+                            [overlayClasses.backdropFixed]: fixedAtBody,
+                            [overlayClasses.invisible]: invisibleBackdrop,
+                            [overlayClasses.backdropOnSurface]: onSurface,
+                        }), onClick: (event) => {
+                            if (!disableCloseOnBackdropClick && onClose) {
+                                onClose();
+                            }
+                            if (onBackdropClick) {
+                                onBackdropClick(event);
+                            }
+                        } }) })), children] }) }));
+});
 var Overlay$1 = Overlay;
 
 export { Overlay$1 as default };

package/Overlay/index.d.ts

@@ -1 +1 @@
-export { OverlayProps, default, } from './Overlay';
+export { OverlayProps, default, } from './Overlay';

package/PageFooter/PageFooter.d.ts

@@ -1,15 +1,15 @@
-import { ReactNode } from 'react';
-import { ConfirmActionsProps } from '../ConfirmActions';
-import { NativeElementPropsWithoutKeyAndRef } from '../utils/jsx-types';
-export interface PageFooterProps extends NativeElementPropsWithoutKeyAndRef<'footer'>, Pick<ConfirmActionsProps, 'cancelButtonProps' | 'cancelText' | 'confirmButtonProps' | 'confirmText' | 'danger' | 'loading' | 'hideCancelButton' | 'hideConfirmButton' | 'onCancel' | 'onConfirm'> {
-    /**
-     * The className of action wrapper.
-     */
-    actionClassName?: string;
-    /**
-     * The action element in the left.
-     */
-    children?: ReactNode;
-}
-declare const PageFooter: import("react").ForwardRefExoticComponent<PageFooterProps & import("react").RefAttributes<HTMLElement>>;
-export default PageFooter;
+import { ReactNode } from 'react';
+import { ConfirmActionsProps } from '../ConfirmActions';
+import { NativeElementPropsWithoutKeyAndRef } from '../utils/jsx-types';
+export interface PageFooterProps extends NativeElementPropsWithoutKeyAndRef<'footer'>, Pick<ConfirmActionsProps, 'cancelButtonProps' | 'cancelText' | 'confirmButtonProps' | 'confirmText' | 'danger' | 'loading' | 'hideCancelButton' | 'hideConfirmButton' | 'onCancel' | 'onConfirm'> {
+    /**
+     * The className of action wrapper.
+     */
+    actionClassName?: string;
+    /**
+     * The action element in the left.
+     */
+    children?: ReactNode;
+}
+declare const PageFooter: import("react").ForwardRefExoticComponent<PageFooterProps & import("react").RefAttributes<HTMLElement>>;
+export default PageFooter;