tiny-ui 1.0.0 → 1.0.2

package/lib/modal/modal.js

@@ -0,0 +1,85 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = tslib_1.__importStar(require("react"));
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const react_transition_group_1 = require("react-transition-group");
+const overlay_1 = tslib_1.__importDefault(require("../overlay"));
+const __1 = require("..");
+const config_context_1 = require("../config-provider/config-context");
+const general_1 = require("../_utils/general");
+const use_locale_1 = require("../_utils/use-locale");
+const Modal = react_1.default.forwardRef((props, ref) => {
+    const locale = (0, use_locale_1.useLocale)();
+    const { visible = false, width = 520, centered = false, closable = true, unmountOnClose = true, maskType = 'default', maskClosable = true, confirmText = locale.Modal.okText, cancelText = locale.Modal.cancelText, confirmLoading = false, animation = 'slide', zIndex = 1000, onConfirm, onCancel: onCancelProp, onClose: onCloseProp, top, header, footer, afterClose, confirmButtonProps, cancelButtonProps, className, children, style, maskStyle, headerStyle, bodyStyle, footerStyle, prefixCls: customisedCls, } = props;
+    const onCancel = onCloseProp ?? onCancelProp;
+    const [modalVisible, setModalVisible] = (0, react_1.useState)(visible);
+    const configContext = (0, react_1.useContext)(config_context_1.ConfigContext);
+    const prefixCls = (0, general_1.getPrefixCls)('modal', configContext.prefixCls, customisedCls);
+    const cls = (0, classnames_1.default)(prefixCls, className, { [`${prefixCls}_centered`]: centered });
+    const nodeRef = (0, react_1.useRef)(null);
+    const previousFocusRef = (0, react_1.useRef)(null);
+    const titleId = (0, react_1.useId)();
+    // Focus trap + Escape key
+    (0, react_1.useEffect)(() => {
+        if (!visible)
+            return;
+        previousFocusRef.current = document.activeElement;
+        const handleKeyDown = (e) => {
+            if (e.key === 'Escape') {
+                onCancel?.(e);
+                return;
+            }
+            if (e.key === 'Tab' && nodeRef.current) {
+                const focusable = nodeRef.current.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');
+                if (focusable.length === 0)
+                    return;
+                const first = focusable[0];
+                const last = focusable[focusable.length - 1];
+                if (e.shiftKey) {
+                    if (document.activeElement === first) {
+                        e.preventDefault();
+                        last.focus();
+                    }
+                }
+                else {
+                    if (document.activeElement === last) {
+                        e.preventDefault();
+                        first.focus();
+                    }
+                }
+            }
+        };
+        document.addEventListener('keydown', handleKeyDown);
+        // Focus first focusable element
+        requestAnimationFrame(() => {
+            if (nodeRef.current) {
+                const focusable = nodeRef.current.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');
+                if (focusable.length > 0)
+                    focusable[0].focus();
+            }
+        });
+        return () => {
+            document.removeEventListener('keydown', handleKeyDown);
+            previousFocusRef.current?.focus();
+        };
+    }, [visible, onCancel]);
+    const renderFooter = () => {
+        if (react_1.default.isValidElement(footer)) {
+            return footer;
+        }
+        else if (footer === null) {
+            return null;
+        }
+        else {
+            return ((0, jsx_runtime_1.jsxs)(__1.Flex, { gap: "sm", justify: 'end', className: `${prefixCls}__footer`, style: footerStyle, children: [(0, jsx_runtime_1.jsx)(__1.Button, { onClick: onCancel, className: `${prefixCls}__footer-btn`, ...cancelButtonProps, children: cancelText }), (0, jsx_runtime_1.jsx)(__1.Button, { loading: confirmLoading, onClick: onConfirm, btnType: "primary", className: `${prefixCls}__footer-btn`, ...confirmButtonProps, children: confirmText })] }));
+        }
+    };
+    return ((0, jsx_runtime_1.jsx)(overlay_1.default, { onEnter: () => setModalVisible(true), onExit: () => setModalVisible(false), zIndex: zIndex, type: maskType, unmountOnExit: unmountOnClose, isShow: visible, onExited: afterClose, clickCallback: (e) => {
+            maskClosable && onCancel ? onCancel(e) : undefined;
+        }, style: maskStyle, children: (0, jsx_runtime_1.jsx)("div", { ref: ref, className: cls, style: { top }, children: (0, jsx_runtime_1.jsx)("div", { style: { width, ...style }, children: (0, jsx_runtime_1.jsx)(react_transition_group_1.CSSTransition, { appear: true, nodeRef: nodeRef, in: modalVisible, classNames: `${prefixCls}__content_${animation}`, timeout: 0, children: (0, jsx_runtime_1.jsxs)("div", { ref: nodeRef, className: `${prefixCls}__content`, role: "dialog", "aria-modal": "true", "aria-labelledby": header ? titleId : undefined, onClick: (e) => e.stopPropagation(), children: [closable && ((0, jsx_runtime_1.jsx)("button", { type: "button", className: `${prefixCls}__close-btn`, onClick: onCancel, "aria-label": "Close", children: "\u2715" })), header && ((0, jsx_runtime_1.jsx)("div", { className: `${prefixCls}__header`, style: headerStyle, children: (0, jsx_runtime_1.jsx)("div", { className: `${prefixCls}__title`, id: titleId, children: header }) })), (0, jsx_runtime_1.jsx)("div", { className: `${prefixCls}__body`, style: bodyStyle, children: children }), renderFooter()] }) }) }) }) }));
+});
+Modal.displayName = 'Modal';
+exports.default = Modal;
+//# sourceMappingURL=modal.js.map

package/lib/modal/modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal.js","sourceRoot":"","sources":["../../components/modal/modal.tsx"],"names":[],"mappings":"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"}

package/lib/notification/index.d.ts

@@ -1,2 +1,2 @@
-declare const notificationContainer: any;
+import notificationContainer from './notification-container';
 export default notificationContainer;

package/lib/notification/index.js

@@ -1,77 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const client_1 = require("react-dom/client");
-const notification_1 = tslib_1.__importDefault(require("./notification"));
-const general_1 = require("../_utils/general");
-const className = 'ty-notification-container';
-const rootMap = new Map();
-let offset;
-const unmountDom = (queryName, containerDiv, position, height, direction) => {
-    const root = rootMap.get(containerDiv);
-    if (root) {
-        root.unmount();
-        rootMap.delete(containerDiv);
-    }
-    document.body.removeChild(containerDiv);
-    requestAnimationFrame(() => {
-        const containers = document.querySelectorAll(`.${queryName}`);
-        const len = containers.length;
-        for (let i = 0; i < len; i++) {
-            const element = containers[i];
-            const elementPosition = parseInt(element.style[direction] || '0', 10);
-            elementPosition > position &&
-                (element.style[direction] = `${elementPosition - height - offset}px`);
-        }
-    });
-};
-const createComponent = (options, type) => {
-    const placement = options.placement || 'topRight';
-    const queryName = `${className}_${(0, general_1.camelCaseToDash)(placement)}`;
-    const containers = document.querySelectorAll(`.${queryName}`);
-    const lastContainer = containers.length > 0 ? containers[containers.length - 1] : null;
-    const div = document.createElement('div');
-    div.className = `${className} ${queryName}`;
-    document.body.appendChild(div);
-    offset = options.offset || 24;
-    const direction = placement.includes('top') ? 'top' : 'bottom';
-    const position = lastContainer
-        ? parseInt(lastContainer.style[direction] || '0', 10) + lastContainer.offsetHeight + offset
-        : options.margin || 16;
-    div.style[direction] = `${position}px`;
-    const props = {
-        type,
-        title: options.title,
-        description: options.description,
-        footer: options.footer,
-        duration: options.duration,
-        onClose: options.onClose,
-        onClick: options.onClick,
-        icon: options.icon,
-        didMount: () => {
-            placement.includes('Right') ? (div.style.right = `0px`) : (div.style.left = `0px`);
-        },
-        willUnmount: (height) => {
-            const updatedPosition = parseInt(div.style[direction] || '0', 10);
-            unmountDom(queryName, div, updatedPosition, height, direction);
-        },
-    };
-    const element = react_1.default.createElement(notification_1.default, props);
-    const root = (0, client_1.createRoot)(div);
-    rootMap.set(div, root);
-    root.render(element);
-};
-const open = (options) => {
-    createComponent(options, undefined);
-};
-const notificationContainer = {};
-['success', 'error', 'warning', 'info'].forEach((type) => {
-    notificationContainer[type] = (options) => {
-        createComponent(options, type);
-    };
-});
-notificationContainer.open = open;
-notificationContainer.warn = notificationContainer.warning;
-exports.default = notificationContainer;
+const notification_container_1 = tslib_1.__importDefault(require("./notification-container"));
+exports.default = notification_container_1.default;
 //# sourceMappingURL=index.js.map

package/lib/notification/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/notification/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/notification/index.tsx"],"names":[],"mappings":";;;AAAA,8FAA6D;AAE7D,kBAAe,gCAAqB,CAAC"}

package/lib/notification/notification-container.d.ts

@@ -0,0 +1,2 @@
+declare const notificationContainer: any;
+export default notificationContainer;

package/lib/notification/notification-container.js

@@ -0,0 +1,77 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const client_1 = require("react-dom/client");
+const notification_1 = tslib_1.__importDefault(require("./notification"));
+const general_1 = require("../_utils/general");
+const className = 'ty-notification-container';
+const rootMap = new Map();
+let offset;
+const unmountDom = (queryName, containerDiv, position, height, direction) => {
+    const root = rootMap.get(containerDiv);
+    if (root) {
+        root.unmount();
+        rootMap.delete(containerDiv);
+    }
+    document.body.removeChild(containerDiv);
+    requestAnimationFrame(() => {
+        const containers = document.querySelectorAll(`.${queryName}`);
+        const len = containers.length;
+        for (let i = 0; i < len; i++) {
+            const element = containers[i];
+            const elementPosition = parseInt(element.style[direction] || '0', 10);
+            elementPosition > position &&
+                (element.style[direction] = `${elementPosition - height - offset}px`);
+        }
+    });
+};
+const createComponent = (options, type) => {
+    const placement = options.placement || 'topRight';
+    const queryName = `${className}_${(0, general_1.camelCaseToDash)(placement)}`;
+    const containers = document.querySelectorAll(`.${queryName}`);
+    const lastContainer = containers.length > 0 ? containers[containers.length - 1] : null;
+    const div = document.createElement('div');
+    div.className = `${className} ${queryName}`;
+    document.body.appendChild(div);
+    offset = options.offset || 24;
+    const direction = placement.includes('top') ? 'top' : 'bottom';
+    const position = lastContainer
+        ? parseInt(lastContainer.style[direction] || '0', 10) + lastContainer.offsetHeight + offset
+        : options.margin || 16;
+    div.style[direction] = `${position}px`;
+    const props = {
+        type,
+        title: options.title,
+        description: options.description,
+        footer: options.footer,
+        duration: options.duration,
+        onClose: options.onClose,
+        onClick: options.onClick,
+        icon: options.icon,
+        didMount: () => {
+            placement.includes('Right') ? (div.style.right = `0px`) : (div.style.left = `0px`);
+        },
+        willUnmount: (height) => {
+            const updatedPosition = parseInt(div.style[direction] || '0', 10);
+            unmountDom(queryName, div, updatedPosition, height, direction);
+        },
+    };
+    const element = react_1.default.createElement(notification_1.default, props);
+    const root = (0, client_1.createRoot)(div);
+    rootMap.set(div, root);
+    root.render(element);
+};
+const open = (options) => {
+    createComponent(options, undefined);
+};
+const notificationContainer = {};
+['success', 'error', 'warning', 'info'].forEach((type) => {
+    notificationContainer[type] = (options) => {
+        createComponent(options, type);
+    };
+});
+notificationContainer.open = open;
+notificationContainer.warn = notificationContainer.warning;
+exports.default = notificationContainer;
+//# sourceMappingURL=notification-container.js.map

package/lib/notification/notification-container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"notification-container.js","sourceRoot":"","sources":["../../components/notification/notification-container.tsx"],"names":[],"mappings":";;;AAAA,0DAA4D;AAC5D,6CAAoD;AACpD,0EAA0C;AAC1C,+CAAoD;AAGpD,MAAM,SAAS,GAAG,2BAA2B,CAAC;AAC9C,MAAM,OAAO,GAAG,IAAI,GAAG,EAAqB,CAAC;AAwB7C,IAAI,MAAc,CAAC;AAEnB,MAAM,UAAU,GAAe,CAAC,SAAS,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE;IACtF,MAAM,IAAI,GAAG,OAAO,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC;IACvC,IAAI,IAAI,EAAE,CAAC;QACT,IAAI,CAAC,OAAO,EAAE,CAAC;QACf,OAAO,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;IAC/B,CAAC;IACD,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;IACxC,qBAAqB,CAAC,GAAG,EAAE;QACzB,MAAM,UAAU,GAAG,QAAQ,CAAC,gBAAgB,CAAC,IAAI,SAAS,EAAE,CAAC,CAAC;QAC9D,MAAM,GAAG,GAAG,UAAU,CAAC,MAAM,CAAC;QAC9B,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC;YAC7B,MAAM,OAAO,GAAG,UAAU,CAAC,CAAC,CAAgB,CAAC;YAC7C,MAAM,eAAe,GAAG,QAAQ,CAAE,OAAuB,CAAC,KAAK,CAAC,SAAS,CAAC,IAAI,GAAG,EAAE,EAAE,CAAC,CAAC;YACvF,eAAe,GAAG,QAAQ;gBACxB,CAAC,OAAO,CAAC,KAAK,CAAC,SAAS,CAAC,GAAG,GAAG,eAAe,GAAG,MAAM,GAAG,MAAM,IAAI,CAAC,CAAC;QAC1E,CAAC;IACH,CAAC,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,MAAM,eAAe,GAAG,CAAC,OAAgB,EAAE,IAAsB,EAAE,EAAE;IACnE,MAAM,SAAS,GAAG,OAAO,CAAC,SAAS,IAAI,UAAU,CAAC;IAClD,MAAM,SAAS,GAAG,GAAG,SAAS,IAAI,IAAA,yBAAe,EAAC,SAAS,CAAC,EAAE,CAAC;IAC/D,MAAM,UAAU,GAAG,QAAQ,CAAC,gBAAgB,CAAC,IAAI,SAAS,EAAE,CAAC,CAAC;IAC9D,MAAM,aAAa,GACjB,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAE,UAAU,CAAC,UAAU,CAAC,MAAM,GAAG,CAAC,CAAiB,CAAC,CAAC,CAAC,IAAI,CAAC;IAEpF,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC1C,GAAG,CAAC,SAAS,GAAG,GAAG,SAAS,IAAI,SAAS,EAAE,CAAC;IAC5C,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;IAE/B,MAAM,GAAG,OAAO,CAAC,MAAM,IAAI,EAAE,CAAC;IAC9B,MAAM,SAAS,GAAc,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC;IAC1E,MAAM,QAAQ,GAAG,aAAa;QAC5B,CAAC,CAAC,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,SAAS,CAAC,IAAI,GAAG,EAAE,EAAE,CAAC,GAAG,aAAa,CAAC,YAAY,GAAG,MAAM;QAC3F,CAAC,CAAC,OAAO,CAAC,MAAM,IAAI,EAAE,CAAC;IACzB,GAAG,CAAC,KAAK,CAAC,SAAS,CAAC,GAAG,GAAG,QAAQ,IAAI,CAAC;IAEvC,MAAM,KAAK,GAAsB;QAC/B,IAAI;QACJ,KAAK,EAAE,OAAO,CAAC,KAAK;QACpB,WAAW,EAAE,OAAO,CAAC,WAAW;QAChC,MAAM,EAAE,OAAO,CAAC,MAAM;QACtB,QAAQ,EAAE,OAAO,CAAC,QAAQ;QAC1B,OAAO,EAAE,OAAO,CAAC,OAAO;QACxB,OAAO,EAAE,OAAO,CAAC,OAAO;QACxB,IAAI,EAAE,OAAO,CAAC,IAAI;QAClB,QAAQ,EAAE,GAAG,EAAE;YACb,SAAS,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,GAAG,KAAK,CAAC,CAAC;QACrF,CAAC;QACD,WAAW,EAAE,CAAC,MAAM,EAAE,EAAE;YACtB,MAAM,eAAe,GAAG,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,SAAS,CAAC,IAAI,GAAG,EAAE,EAAE,CAAC,CAAC;YAClE,UAAU,CAAC,SAAS,EAAE,GAAG,EAAE,eAAe,EAAE,MAAM,EAAE,SAAS,CAAC,CAAC;QACjE,CAAC;KACF,CAAC;IACF,MAAM,OAAO,GAAG,eAAK,CAAC,aAAa,CAAC,sBAAY,EAAE,KAAK,CAAC,CAAC;IACzD,MAAM,IAAI,GAAG,IAAA,mBAAU,EAAC,GAAG,CAAC,CAAC;IAC7B,OAAO,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC;IACvB,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;AACvB,CAAC,CAAC;AAEF,MAAM,IAAI,GAAG,CAAC,OAAgB,EAAE,EAAE;IAChC,eAAe,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;AACtC,CAAC,CAAC;AAEF,MAAM,qBAAqB,GAAQ,EAAE,CAAC;AAEtC,CAAC,SAAS,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;IACvD,qBAAqB,CAAC,IAAI,CAAC,GAAG,CAAC,OAAgB,EAAE,EAAE;QACjD,eAAe,CAAC,OAAO,EAAE,IAAwB,CAAC,CAAC;IACrD,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,qBAAqB,CAAC,IAAI,GAAG,IAAI,CAAC;AAClC,qBAAqB,CAAC,IAAI,GAAG,qBAAqB,CAAC,OAAO,CAAC;AAE3D,kBAAe,qBAAqB,CAAC"}

package/lib/overlay/index.d.ts

@@ -1,6 +1,2 @@
-import { OverlayProps } from './types';
-declare const Overlay: {
-    (props: OverlayProps): JSX.Element;
-    displayName: string;
-};
+import Overlay from './overlay';
 export default Overlay;

package/lib/overlay/index.js

@@ -1,29 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const classnames_1 = tslib_1.__importDefault(require("classnames"));
-const portal_1 = tslib_1.__importDefault(require("../portal"));
-const react_transition_group_1 = require("react-transition-group");
-const config_context_1 = require("../config-provider/config-context");
-const general_1 = require("../_utils/general");
-const Overlay = (props) => {
-    const { isShow = false, blurred = false, unmountOnExit = true, zIndex = 1000, type = 'default', clickCallback, onEnter, onEntered, onExit, onExited, children, style, prefixCls: customisedCls, } = props;
-    const configContext = (0, react_1.useContext)(config_context_1.ConfigContext);
-    const prefixCls = (0, general_1.getPrefixCls)('overlay', configContext.prefixCls, customisedCls);
-    const cls = (0, classnames_1.default)(prefixCls, `${prefixCls}_${type}`, { [`${prefixCls}_blurred`]: blurred });
-    const nodeRef = (0, react_1.useRef)(null);
-    (0, react_1.useEffect)(() => {
-        if (isShow) {
-            document.body.style.overflow = 'hidden';
-        }
-        else {
-            document.body.style.overflow = '';
-        }
-    });
-    return ((0, jsx_runtime_1.jsx)(portal_1.default, { children: (0, jsx_runtime_1.jsx)(react_transition_group_1.CSSTransition, { appear: true, nodeRef: nodeRef, onEnter: onEnter, onEntered: onEntered, onExit: onExit, onExited: onExited, in: isShow, mountOnEnter: true, unmountOnExit: unmountOnExit, classNames: `${prefixCls}_fade`, timeout: { exit: 300, enter: 0 }, children: (0, jsx_runtime_1.jsx)("div", { ref: nodeRef, tabIndex: -1, className: cls, onClick: clickCallback, style: { zIndex, ...style }, children: children }) }) }));
-};
-Overlay.displayName = 'Overlay';
-exports.default = Overlay;
+const overlay_1 = tslib_1.__importDefault(require("./overlay"));
+exports.default = overlay_1.default;
 //# sourceMappingURL=index.js.map

package/lib/overlay/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/overlay/index.tsx"],"names":[],"mappings":";;;;AAAA,iCAAsD;AACtD,oEAAoC;AACpC,+DAA+B;AAC/B,mEAAuD;AACvD,sEAAkE;AAClE,+CAAiD;AAGjD,MAAM,OAAO,GAAG,CAAC,KAAmB,EAAe,EAAE;IACnD,MAAM,EACJ,MAAM,GAAG,KAAK,EACd,OAAO,GAAG,KAAK,EACf,aAAa,GAAG,IAAI,EACpB,MAAM,GAAG,IAAI,EACb,IAAI,GAAG,SAAS,EAChB,aAAa,EACb,OAAO,EACP,SAAS,EACT,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,SAAS,EAAE,aAAa,GACzB,GAAG,KAAK,CAAC;IACV,MAAM,aAAa,GAAG,IAAA,kBAAU,EAAC,8BAAa,CAAC,CAAC;IAChD,MAAM,SAAS,GAAG,IAAA,sBAAY,EAAC,SAAS,EAAE,aAAa,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;IAClF,MAAM,GAAG,GAAG,IAAA,oBAAU,EAAC,SAAS,EAAE,GAAG,SAAS,IAAI,IAAI,EAAE,EAAE,EAAE,CAAC,GAAG,SAAS,UAAU,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC;IACjG,MAAM,OAAO,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAE7C,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,MAAM,EAAE,CAAC;YACX,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAC;QAC1C,CAAC;aAAM,CAAC;YACN,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,EAAE,CAAC;QACpC,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,OAAO,CACL,uBAAC,gBAAM,cACL,uBAAC,sCAAa,IACZ,MAAM,EAAE,IAAI,EACZ,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,MAAM,EACV,YAAY,EAAE,IAAI,EAClB,aAAa,EAAE,aAAa,EAC5B,UAAU,EAAE,GAAG,SAAS,OAAO,EAC/B,OAAO,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC,EAAE,YAChC,gCAAK,GAAG,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,SAAS,EAAE,GAAG,EAAE,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,YACjG,QAAQ,GACL,GACQ,GACT,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,CAAC,WAAW,GAAG,SAAS,CAAC;AAEhC,kBAAe,OAAO,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/overlay/index.tsx"],"names":[],"mappings":";;;AAAA,gEAAgC;AAEhC,kBAAe,iBAAO,CAAC"}

package/lib/overlay/overlay.d.ts

@@ -0,0 +1,6 @@
+import { OverlayProps } from './types';
+declare const Overlay: {
+    (props: OverlayProps): JSX.Element;
+    displayName: string;
+};
+export default Overlay;

package/lib/overlay/overlay.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const portal_1 = tslib_1.__importDefault(require("../portal"));
+const react_transition_group_1 = require("react-transition-group");
+const config_context_1 = require("../config-provider/config-context");
+const general_1 = require("../_utils/general");
+const Overlay = (props) => {
+    const { isShow = false, blurred = false, unmountOnExit = true, zIndex = 1000, type = 'default', clickCallback, onEnter, onEntered, onExit, onExited, children, style, prefixCls: customisedCls, } = props;
+    const configContext = (0, react_1.useContext)(config_context_1.ConfigContext);
+    const prefixCls = (0, general_1.getPrefixCls)('overlay', configContext.prefixCls, customisedCls);
+    const cls = (0, classnames_1.default)(prefixCls, `${prefixCls}_${type}`, { [`${prefixCls}_blurred`]: blurred });
+    const nodeRef = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(() => {
+        if (isShow) {
+            document.body.style.overflow = 'hidden';
+        }
+        else {
+            document.body.style.overflow = '';
+        }
+    });
+    return ((0, jsx_runtime_1.jsx)(portal_1.default, { children: (0, jsx_runtime_1.jsx)(react_transition_group_1.CSSTransition, { appear: true, nodeRef: nodeRef, onEnter: onEnter, onEntered: onEntered, onExit: onExit, onExited: onExited, in: isShow, mountOnEnter: true, unmountOnExit: unmountOnExit, classNames: `${prefixCls}_fade`, timeout: { exit: 300, enter: 0 }, children: (0, jsx_runtime_1.jsx)("div", { ref: nodeRef, tabIndex: -1, className: cls, onClick: clickCallback, style: { zIndex, ...style }, children: children }) }) }));
+};
+Overlay.displayName = 'Overlay';
+exports.default = Overlay;
+//# sourceMappingURL=overlay.js.map

package/lib/overlay/overlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"overlay.js","sourceRoot":"","sources":["../../components/overlay/overlay.tsx"],"names":[],"mappings":";;;;AAAA,iCAAsD;AACtD,oEAAoC;AACpC,+DAA+B;AAC/B,mEAAuD;AACvD,sEAAkE;AAClE,+CAAiD;AAGjD,MAAM,OAAO,GAAG,CAAC,KAAmB,EAAe,EAAE;IACnD,MAAM,EACJ,MAAM,GAAG,KAAK,EACd,OAAO,GAAG,KAAK,EACf,aAAa,GAAG,IAAI,EACpB,MAAM,GAAG,IAAI,EACb,IAAI,GAAG,SAAS,EAChB,aAAa,EACb,OAAO,EACP,SAAS,EACT,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,SAAS,EAAE,aAAa,GACzB,GAAG,KAAK,CAAC;IACV,MAAM,aAAa,GAAG,IAAA,kBAAU,EAAC,8BAAa,CAAC,CAAC;IAChD,MAAM,SAAS,GAAG,IAAA,sBAAY,EAAC,SAAS,EAAE,aAAa,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;IAClF,MAAM,GAAG,GAAG,IAAA,oBAAU,EAAC,SAAS,EAAE,GAAG,SAAS,IAAI,IAAI,EAAE,EAAE,EAAE,CAAC,GAAG,SAAS,UAAU,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC;IACjG,MAAM,OAAO,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAE7C,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,MAAM,EAAE,CAAC;YACX,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAC;QAC1C,CAAC;aAAM,CAAC;YACN,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,EAAE,CAAC;QACpC,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,OAAO,CACL,uBAAC,gBAAM,cACL,uBAAC,sCAAa,IACZ,MAAM,EAAE,IAAI,EACZ,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,MAAM,EACV,YAAY,EAAE,IAAI,EAClB,aAAa,EAAE,aAAa,EAC5B,UAAU,EAAE,GAAG,SAAS,OAAO,EAC/B,OAAO,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC,EAAE,YAChC,gCAAK,GAAG,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,SAAS,EAAE,GAAG,EAAE,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,YACjG,QAAQ,GACL,GACQ,GACT,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,CAAC,WAAW,GAAG,SAAS,CAAC;AAEhC,kBAAe,OAAO,CAAC"}

package/lib/pagination/index.d.ts

@@ -1,3 +1,2 @@
-import { PaginationProps } from './types';
-declare const Pagination: (props: PaginationProps) => JSX.Element;
+import Pagination from './pagination';
 export default Pagination;

package/lib/pagination/index.js

@@ -1,119 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const classnames_1 = tslib_1.__importDefault(require("classnames"));
-const config_context_1 = require("../config-provider/config-context");
-const general_1 = require("../_utils/general");
-const components_1 = require("../_utils/components");
-const Pagination = (props) => {
-    const { align = 'center', size = 'md', defaultCurrent = 1, defaultPageSize = 10, total = 0, disabled = false, onChange, className, prefixCls: customisedCls, ...otherProps } = props;
-    const configContext = (0, react_1.useContext)(config_context_1.ConfigContext);
-    const prefixCls = (0, general_1.getPrefixCls)('pagination', configContext.prefixCls, customisedCls);
-    const cls = (0, classnames_1.default)(prefixCls, className, {
-        [`${prefixCls}_${align}`]: align,
-        [`${prefixCls}_${size}`]: size,
-        [`${prefixCls}_disabled`]: disabled,
-    });
-    const [current, setCurrent] = (0, react_1.useState)('current' in props ? props.current : defaultCurrent);
-    const [pageSize, setPageSize] = (0, react_1.useState)('pageSize' in props ? props.pageSize : defaultPageSize);
-    const itemOnClick = (item) => {
-        // If this item is in active or disabled status, reject the next action.
-        if (item.active || item.disabled) {
-            return;
-        }
-        const count = Math.ceil(total / pageSize);
-        let curr = 0;
-        if (item.type === 'page') {
-            curr = Number(item.label);
-        }
-        if (item.type === 'prev') {
-            curr = current - 1 > 0 ? current - 1 : 1;
-        }
-        if (item.type === 'next') {
-            curr = current + 1 <= count ? current + 1 : count;
-        }
-        if (item.type === 'jump-prev' || item.type === 'jump-next') {
-            curr = item.type === 'jump-prev' ? current - 5 : current + 5;
-            if (curr > count) {
-                curr = count;
-            }
-            if (curr < 1) {
-                curr = 1;
-            }
-        }
-        !('current' in props) && setCurrent(curr);
-        onChange && onChange(curr, total, pageSize);
-    };
-    const getItems = () => {
-        const count = Math.ceil(total / pageSize);
-        const items = [
-            { type: 'prev', label: '<', disabled: disabled || current === 1 },
-        ];
-        const itemCount = count <= 5 ? count : 5;
-        let num = 0;
-        let basic = 0;
-        if (current > 3 && count > 5) {
-            items.push({ disabled, type: 'page', label: '1' });
-        }
-        if (current > 4 && count > 6) {
-            items.push({ disabled, type: 'jump-prev', label: '•••' });
-        }
-        while (num < itemCount) {
-            num += 1;
-            if (current > 3 && count > 5) {
-                basic = current - 3;
-            }
-            let label = num + basic;
-            if (count - current === 0 && count > 5) {
-                label -= 2;
-            }
-            if (count - current === 1 && count > 5) {
-                label -= 1;
-            }
-            if (label <= count) {
-                items.push({ disabled, type: 'page', label: `${label}`, active: current === label });
-            }
-        }
-        if (current + 3 < count && count > 6) {
-            items.push({ disabled, type: 'jump-next', label: '•••' });
-        }
-        if (current + 2 < count && count > 5) {
-            items.push({ disabled, type: 'page', label: `${count}` });
-        }
-        items.push({ type: 'next', label: '>', disabled: disabled || current === count });
-        return items;
-    };
-    const renderItem = (item) => {
-        const { type, label } = item;
-        switch (type) {
-            case 'prev':
-                return (0, jsx_runtime_1.jsx)(components_1.ArrowDown, { size: 12, className: `${prefixCls}__left-arrow` });
-            case 'next':
-                return (0, jsx_runtime_1.jsx)(components_1.ArrowDown, { size: 12, className: `${prefixCls}__right-arrow` });
-            default:
-                return label;
-        }
-    };
-    (0, react_1.useEffect)(() => {
-        'current' in props && setCurrent(props.current);
-        'pageSize' in props && setPageSize(props.pageSize);
-    }, [props]);
-    return ((0, jsx_runtime_1.jsx)("nav", { ...otherProps, className: cls, "aria-label": "Pagination", children: (0, jsx_runtime_1.jsx)("ul", { className: `${prefixCls}__list`, children: getItems().map((item, idx) => {
-                const { active, disabled: itemDisabled, type, label } = item;
-                const cls = (0, classnames_1.default)(`${prefixCls}__item`, {
-                    [`${prefixCls}__item_active`]: active,
-                    [`${prefixCls}__item_disabled`]: itemDisabled,
-                    [`${prefixCls}__item_ellipsis`]: type === 'jump-next' || type === 'jump-prev',
-                });
-                const ariaLabel = type === 'prev' ? 'Previous page' :
-                    type === 'next' ? 'Next page' :
-                        type === 'jump-prev' ? 'Jump back 5 pages' :
-                            type === 'jump-next' ? 'Jump forward 5 pages' :
-                                `Page ${label}`;
-                return ((0, jsx_runtime_1.jsx)("li", { className: cls, children: (0, jsx_runtime_1.jsx)("button", { type: "button", disabled: itemDisabled, "aria-current": active ? 'page' : undefined, "aria-label": ariaLabel, onClick: () => itemOnClick(item), children: renderItem(item) }) }, idx));
-            }) }) }));
-};
-exports.default = Pagination;
+const pagination_1 = tslib_1.__importDefault(require("./pagination"));
+exports.default = pagination_1.default;
 //# sourceMappingURL=index.js.map

package/lib/pagination/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/pagination/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/pagination/index.tsx"],"names":[],"mappings":";;;AAAA,sEAAsC;AAEtC,kBAAe,oBAAU,CAAC"}

package/lib/pagination/pagination.d.ts

@@ -0,0 +1,3 @@
+import { PaginationProps } from './types';
+declare const Pagination: (props: PaginationProps) => JSX.Element;
+export default Pagination;