@bioturing/components 0.14.1 → 0.15.1

package/dist/Modal.js

@@ -1,430 +0,0 @@
-"use client";
-import * as __WEBPACK_EXTERNAL_MODULE_antd_es_app_useApp_90d95086__ from "antd/es/app/useApp";
-import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
-import * as __WEBPACK_EXTERNAL_MODULE_antd_es_modal_52965d33__ from "antd/es/modal";
-import * as __WEBPACK_EXTERNAL_MODULE__bioturing_assets_dd0c210d__ from "@bioturing/assets";
-import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
-import * as __WEBPACK_EXTERNAL_MODULE_antd_es_config_provider_6a57beb3__ from "antd/es/config-provider";
-import * as __WEBPACK_EXTERNAL_MODULE_antd_es_theme_useToken_e8911485__ from "antd/es/theme/useToken";
-import "tailwind-merge";
-import * as __WEBPACK_EXTERNAL_MODULE_antd_es_modal_context_bc73863f__ from "antd/es/modal/context";
-import * as __WEBPACK_EXTERNAL_MODULE_antd_es_modal_components_NormalCancelBtn_54ff398c__ from "antd/es/modal/components/NormalCancelBtn";
-import * as __WEBPACK_EXTERNAL_MODULE_antd_es_modal_components_NormalOkBtn_897b50c4__ from "antd/es/modal/components/NormalOkBtn";
-import * as __WEBPACK_EXTERNAL_MODULE_antd_es_modal_locale_f16c0933__ from "antd/es/modal/locale";
-import * as __WEBPACK_EXTERNAL_MODULE_antd_es_locale_31079002__ from "antd/es/locale";
-import * as __WEBPACK_EXTERNAL_MODULE_antd__ from "antd";
-function cx(...args) {
-    const classes = [];
-    for (const arg of args)if (arg) {
-        if ("string" == typeof arg || "number" == typeof arg) classes.push(String(arg));
-        else if (Array.isArray(arg)) classes.push(...cx(...arg));
-        else if ("object" == typeof arg) {
-            for (const [key, value] of Object.entries(arg))if (value) classes.push(key);
-        }
-    }
-    return classes;
-}
-"use client";
-const useAntdCssVarClassname = ()=>{
-    var _token_;
-    const token = (0, __WEBPACK_EXTERNAL_MODULE_antd_es_theme_useToken_e8911485__["default"])();
-    return null == (_token_ = token[4]) ? void 0 : _token_.key;
-};
-const useCls = ()=>{
-    const { getPrefixCls } = (0, __WEBPACK_EXTERNAL_MODULE_react__.useContext)(__WEBPACK_EXTERNAL_MODULE_antd_es_config_provider_6a57beb3__["default"].ConfigContext);
-    return (...args)=>cx(...args).map((cls)=>getPrefixCls(cls)).join(" ");
-};
-"use client";
-const IconButtonImpl = (props, ref)=>{
-    const { label, size = "medium", negativeMargin = true, children, className, tooltipProps = {}, as, href, target, rel, download, hrefLang, referrerPolicy, ...rest } = props;
-    const cls = useCls();
-    const antdCssVarClassname = useAntdCssVarClassname();
-    const buttonClasses = [
-        cls("icon-button"),
-        cls(`icon-button-${size}`),
-        cls(negativeMargin ? "icon-button-negative-margin" : ""),
-        antdCssVarClassname,
-        className
-    ].filter(Boolean).join(" ");
-    const Component = as || (href ? "a" : "button");
-    const anchorProps = "a" === Component ? {
-        ...void 0 !== target && {
-            target
-        },
-        ...void 0 !== rel && {
-            rel
-        },
-        ...void 0 !== download && {
-            download
-        },
-        ...void 0 !== hrefLang && {
-            hrefLang
-        },
-        ...void 0 !== referrerPolicy && {
-            referrerPolicy
-        }
-    } : {};
-    const elementProps = {
-        ref,
-        className: buttonClasses,
-        ..."button" === Component && {
-            type: "button"
-        },
-        ...href && {
-            href
-        },
-        ...anchorProps,
-        ...rest
-    };
-    const element = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(Component, {
-        ...elementProps,
-        children: children
-    });
-    return label ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd__.Tooltip, {
-        title: label,
-        arrow: false,
-        ...tooltipProps,
-        children: element
-    }) : element;
-};
-const IconButton = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)(IconButtonImpl);
-var constants_ModalSize = /*#__PURE__*/ function(ModalSize) {
-    ModalSize["xsmall"] = "400px";
-    ModalSize["small"] = "520px";
-    ModalSize["medium"] = "640px";
-    ModalSize["large"] = "840px";
-    ModalSize["xlarge"] = "1024px";
-    ModalSize["xxlarge"] = "1280px";
-    ModalSize["fullscreen"] = "100%";
-    return ModalSize;
-}({});
-"use client";
-const Modal = ({ open: externalOpen, closeIcon, children, size: sizeProp, footer, width, style, styles, classNames, okButtonProps, cancelButtonProps, loading, onOk, onCancel, okText, okType = "primary", confirmLoading, cancelText = "Close", hideOkButton = false, hideCancelButton = false, contentPadding, title, afterTitle, beforeCloseButton, afterCloseButton, defaultFixedHeaderFooter = false, centered = true, type = "default", defaultOpen = true, background: backgroundProp, bodyScrollable = true, ...rest })=>{
-    const defaultCloseIcon = void 0 === closeIcon ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__bioturing_assets_dd0c210d__.X, {
-        size: 16,
-        weight: "bold"
-    }) : closeIcon;
-    const defaultModalSize = "default" === type ? "medium" : "xsmall";
-    const size = sizeProp || defaultModalSize;
-    const modalWidth = width || constants_ModalSize[size];
-    const background = backgroundProp || (size && size in constants_ModalSize && parseInt(constants_ModalSize[size]) <= parseInt(constants_ModalSize.medium) ? "elevated" : "container");
-    const modalStyle = {
-        "--ds-modal-bg": `var(--ds-color-bg-${background})`,
-        ...style,
-        ..."fullscreen" === size ? {
-            top: 0,
-            maxWidth: "100%",
-            height: "100%"
-        } : {}
-    };
-    const modalStyles = {
-        ...styles,
-        body: {
-            ...void 0 !== contentPadding ? {
-                "--ds-modal-content-padding": false === contentPadding || 0 === contentPadding ? "0" : "number" == typeof contentPadding ? `${contentPadding}px` : contentPadding
-            } : {},
-            ...null == styles ? void 0 : styles.body
-        }
-    };
-    const [isContentOverflow, setIsContentOverflow] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(false);
-    const cls = useCls();
-    const resizeObserverRef = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)(null);
-    const modalInnerRef = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)((node)=>{
-        if (!node) return;
-        const modalBody = node.querySelector("." + cls("modal-body"));
-        if (!(modalBody instanceof HTMLElement)) return;
-        const resizeObserver = new ResizeObserver(()=>{
-            const hasOverflow = modalBody.scrollHeight > modalBody.clientHeight;
-            setIsContentOverflow(hasOverflow);
-        });
-        resizeObserverRef.current = resizeObserver;
-        resizeObserver.observe(modalBody);
-        const hasOverflow = modalBody.scrollHeight > modalBody.clientHeight;
-        setIsContentOverflow(hasOverflow);
-    }, [
-        cls
-    ]);
-    (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>()=>{
-            if (resizeObserverRef.current) {
-                resizeObserverRef.current.disconnect();
-                resizeObserverRef.current = null;
-            }
-        }, []);
-    const [locale] = (0, __WEBPACK_EXTERNAL_MODULE_antd_es_locale_31079002__.useLocale)("Modal", (0, __WEBPACK_EXTERNAL_MODULE_antd_es_modal_locale_f16c0933__.getConfirmLocale)());
-    const okTextLocale = okText || (null == locale ? void 0 : locale.okText);
-    const cancelTextLocale = cancelText || (null == locale ? void 0 : locale.cancelText);
-    const modalOkButtonProps = {
-        loading: loading,
-        ...okButtonProps
-    };
-    const modalCancelButtonProps = {
-        ...cancelButtonProps
-    };
-    const [internalOpen, setInternalOpen] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(defaultOpen);
-    const uncontrolledOpen = void 0 === externalOpen;
-    const open = uncontrolledOpen ? internalOpen : externalOpen;
-    const defaultFooter = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd_es_modal_context_bc73863f__.ModalContextProvider, {
-        value: {
-            okButtonProps: modalOkButtonProps,
-            cancelButtonProps: modalCancelButtonProps,
-            onCancel,
-            onOk,
-            okType,
-            confirmLoading,
-            okTextLocale,
-            cancelTextLocale
-        },
-        children: hideOkButton ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd_es_modal_components_NormalCancelBtn_54ff398c__["default"], {}) : hideCancelButton ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd_es_modal_components_NormalOkBtn_897b50c4__["default"], {}) : /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.Fragment, {
-            children: [
-                /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd_es_modal_components_NormalCancelBtn_54ff398c__["default"], {}),
-                /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd_es_modal_components_NormalOkBtn_897b50c4__["default"], {})
-            ]
-        })
-    });
-    const renderTitle = ()=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.Fragment, {
-            children: [
-                /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE_antd__.Flex, {
-                    align: "center",
-                    gap: 8,
-                    className: cls("modal-title-wrapper"),
-                    children: [
-                        /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
-                            className: cls("grow", "truncate"),
-                            children: title
-                        }),
-                        /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
-                            className: "flex items-center gap-2",
-                            children: [
-                                beforeCloseButton,
-                                /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(IconButton, {
-                                    onClick: (e)=>null == onCancel ? void 0 : onCancel(e),
-                                    children: defaultCloseIcon
-                                }),
-                                afterCloseButton
-                            ]
-                        })
-                    ]
-                }),
-                afterTitle ? afterTitle : null
-            ]
-        });
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd_es_modal_52965d33__["default"], {
-        closeIcon: false,
-        open: open,
-        width: modalWidth,
-        style: modalStyle,
-        title: renderTitle(),
-        classNames: {
-            ...classNames,
-            wrapper: cls("modal-wrap", "fullscreen" == size && "modal-fullscreen", isContentOverflow && "modal-content-overflow", false === bodyScrollable && "modal-no-body-scroll", (defaultFixedHeaderFooter || isContentOverflow || "fullscreen" == size) && "modal-fixed")
-        },
-        styles: modalStyles,
-        modalRender: (modal)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
-                ref: modalInnerRef,
-                className: cls("modal-inner"),
-                children: modal
-            }),
-        okButtonProps: modalOkButtonProps,
-        cancelButtonProps: modalCancelButtonProps,
-        onOk: (e)=>{
-            if (uncontrolledOpen) setInternalOpen(false);
-            null == onOk || onOk(e);
-        },
-        onCancel: (e)=>{
-            if (uncontrolledOpen) setInternalOpen(false);
-            null == onCancel || onCancel(e);
-        },
-        okText: okText,
-        cancelText: cancelText,
-        okType: "primary",
-        confirmLoading: confirmLoading,
-        footer: void 0 === footer ? hideOkButton && hideCancelButton ? null : defaultFooter : footer,
-        centered: centered,
-        ...rest,
-        children: children
-    });
-};
-function _define_property(obj, key, value) {
-    if (key in obj) Object.defineProperty(obj, key, {
-        value: value,
-        enumerable: true,
-        configurable: true,
-        writable: true
-    });
-    else obj[key] = value;
-    return obj;
-}
-class ModalManager {
-    subscribe(listener) {
-        this.listeners.push(listener);
-        return ()=>{
-            this.listeners = this.listeners.filter((l)=>l !== listener);
-        };
-    }
-    emit(event) {
-        this.listeners.forEach((l)=>l(event));
-    }
-    generateId() {
-        this.counter += 1;
-        return `modal_${this.counter}_${Date.now()}`;
-    }
-    constructor(){
-        _define_property(this, "listeners", []);
-        _define_property(this, "counter", 0);
-    }
-}
-const modalManager = new ModalManager();
-function createModal(config) {
-    const trigger = document.activeElement instanceof HTMLElement ? document.activeElement : void 0;
-    const { type = "default", ...restConfig } = config;
-    const id = modalManager.generateId();
-    modalManager.emit({
-        type: "add",
-        payload: {
-            id,
-            type,
-            trigger,
-            ...restConfig
-        }
-    });
-    return {
-        update: (cfg)=>modalManager.emit({
-                type: "update",
-                payload: {
-                    id,
-                    config: cfg
-                }
-            }),
-        destroy: ()=>modalManager.emit({
-                type: "destroy",
-                payload: {
-                    id
-                }
-            })
-    };
-}
-const functions_confirm = (config)=>createModal({
-        ...config,
-        type: "confirm"
-    });
-const info = (config)=>createModal({
-        ...config,
-        type: "info"
-    });
-const success = (config)=>createModal({
-        ...config,
-        type: "success"
-    });
-const error = (config)=>createModal({
-        ...config,
-        type: "error"
-    });
-const warning = (config)=>createModal({
-        ...config,
-        type: "warning"
-    });
-const functions_open = (config)=>createModal({
-        ...config,
-        type: "default"
-    });
-const destroyAll = ()=>modalManager.emit({
-        type: "destroyAll"
-    });
-"use client";
-const ModalProvider = ({ children })=>{
-    const [modals, setModals] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)([]);
-    (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
-        const unsubscribe = modalManager.subscribe((event)=>{
-            setModals((prev)=>{
-                switch(event.type){
-                    case "add":
-                        return [
-                            ...prev,
-                            event.payload
-                        ];
-                    case "update":
-                        return prev.map((m)=>{
-                            if (m.id === event.payload.id) {
-                                const cfg = event.payload.config;
-                                const merged = "function" == typeof cfg ? cfg(m) : {
-                                    ...m,
-                                    ...cfg
-                                };
-                                return {
-                                    ...m,
-                                    ...merged
-                                };
-                            }
-                            return m;
-                        });
-                    case "destroy":
-                        return prev.filter((m)=>m.id !== event.payload.id);
-                    case "destroyAll":
-                        return [];
-                    default:
-                        return prev;
-                }
-            });
-        });
-        return unsubscribe;
-    }, []);
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.Fragment, {
-        children: [
-            children,
-            modals.map((modal)=>{
-                const { id, content, children, onOk, onCancel, trigger, ...modalProps } = modal;
-                return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.createElement)(Modal, {
-                    ...modalProps,
-                    key: id,
-                    open: modalProps.open,
-                    onOk: (e)=>{
-                        null == onOk || onOk(e);
-                        modalManager.emit({
-                            type: "update",
-                            payload: {
-                                id,
-                                config: {
-                                    open: false
-                                }
-                            }
-                        });
-                    },
-                    onCancel: (e)=>{
-                        null == onCancel || onCancel(e);
-                        modalManager.emit({
-                            type: "update",
-                            payload: {
-                                id,
-                                config: {
-                                    open: false
-                                }
-                            }
-                        });
-                    },
-                    afterClose: ()=>{
-                        modalManager.emit({
-                            type: "destroy",
-                            payload: {
-                                id
-                            }
-                        });
-                        if (trigger instanceof HTMLElement) trigger.focus();
-                    }
-                }, content || children);
-            })
-        ]
-    });
-};
-const useModal = ()=>(0, __WEBPACK_EXTERNAL_MODULE_antd_es_app_useApp_90d95086__["default"])().modal;
-const Modal_Modal = Object.assign(Modal, {
-    Provider: ModalProvider,
-    open: functions_open,
-    info: info,
-    success: success,
-    error: error,
-    warning: warning,
-    confirm: functions_confirm,
-    destroyAll: destroyAll,
-    useModal
-});
-export { Modal_Modal as Modal };

package/dist/Popover.js

@@ -1,10 +0,0 @@
-import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
-import * as __WEBPACK_EXTERNAL_MODULE_antd_es_popover_ff5d0161__ from "antd/es/popover";
-"use client";
-const Popover = ({ className, style, arrow = false, ...rest })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd_es_popover_ff5d0161__["default"], {
-        className: className,
-        arrow: arrow,
-        style: style,
-        ...rest
-    });
-export { Popover };

package/dist/PopupPanel.css

@@ -1,116 +0,0 @@
-.ds-popup-panel {
-  box-shadow: var(--ds-box-shadow-secondary);
-  border-radius: var(--ds-border-radius);
-  background: var(--ds-color-bg-elevated);
-  color: var(--ds-color-text);
-  font-size: var(--ds-font-size);
-  font-family: var(--ds-font-family);
-  transition-property: transform, scale, opacity;
-  transition-duration: .2s;
-  transition-timing-function: var(--ds-motion-ease-out);
-  transform-origin: var(--transform-origin);
-  width: calc(min(var(--size-width), var(--available-width)));
-  max-width: var(--available-width);
-  max-height: var(--available-height);
-  flex-direction: column;
-  height: max-content;
-  list-style: none;
-  display: flex;
-}
-
-.ds-popup-panel[data-ending-style], .ds-popup-panel[data-starting-style] {
-  opacity: 0;
-  transform: scale(.9);
-}
-
-.ds-popup-panel:focus {
-  outline: none;
-}
-
-.ds-popup-panel-header {
-  border-bottom: 1px solid var(--ds-color-split);
-  padding: calc(var(--ds-popup-panel-padding) / 2) var(--ds-popup-panel-padding);
-  flex: 0;
-  margin-bottom: 0;
-}
-
-.ds-popup-panel-header .ds-popup-panel-title-wrapper {
-  font-weight: 500;
-  font-size: var(--ds-font-size);
-  line-height: var(--ds-line-height);
-  color: var(--ds-color-text);
-}
-
-.ds-popup-panel-footer {
-  border-top: 1px solid var(--ds-color-split);
-  padding: calc(var(--ds-popup-panel-padding) / 2) var(--ds-popup-panel-padding);
-  flex: 0;
-  margin-top: 0;
-}
-
-.ds-popup-panel-content {
-  flex-direction: column;
-  flex: 1;
-  display: flex;
-  overflow: auto;
-}
-
-.ds-popup-panel-content .ds-popup-panel-content-inner {
-  padding: var(--ds-popup-panel-padding);
-  flex: 1;
-}
-
-.ds-resize-handle-top {
-  color: #fff;
-  border-top-left-radius: .5rem;
-  border-top-right-radius: .5rem;
-  justify-content: center;
-  width: 100%;
-  height: 4px;
-  padding: .5rem;
-  display: block;
-  position: absolute;
-  top: 0;
-}
-
-.ds-resize-handle-bottom {
-  color: #fff;
-  border-bottom-right-radius: .5rem;
-  border-bottom-left-radius: .5rem;
-  justify-content: center;
-  width: 100%;
-  height: 4px;
-  padding: .5rem;
-  display: block;
-  position: absolute;
-  bottom: 0;
-}
-
-.ds-resize-handle-left {
-  color: #fff;
-  border-top-left-radius: .5rem;
-  border-bottom-left-radius: .5rem;
-  align-items: center;
-  width: 4px;
-  height: 100%;
-  padding: .5rem;
-  display: block;
-  position: absolute;
-  top: 0;
-  left: 0;
-}
-
-.ds-resize-handle-right {
-  color: #fff;
-  border-top-right-radius: .5rem;
-  border-bottom-right-radius: .5rem;
-  align-items: center;
-  width: 4px;
-  height: 100%;
-  padding: .5rem;
-  display: block;
-  position: absolute;
-  top: 0;
-  right: 0;
-}
-