@orbe-agro/client-core 5.3.13 → 5.3.14

package/dist/@ecme/components/ui/Dialog/Dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.js","sources":["../../../../../lib/@ecme/components/ui/Dialog/Dialog.tsx"],"sourcesContent":["import Modal from 'react-modal'\r\nimport classNames from 'classnames'\r\nimport CloseButton from '../CloseButton'\r\nimport { motion } from 'framer-motion'\r\nimport useWindowSize from '../hooks/useWindowSize'\r\nimport type ReactModal from 'react-modal'\r\nimport type { MouseEvent } from 'react'\r\n\r\nexport interface DialogProps extends ReactModal.Props {\r\n    closable?: boolean\r\n    contentClassName?: string\r\n    height?: string | number\r\n    onClose?: (e: MouseEvent<HTMLSpanElement>) => void\r\n    width?: number\r\n}\r\n\r\nconst Dialog = (props: DialogProps) => {\r\n    const currentSize = useWindowSize()\r\n\r\n    const {\r\n        bodyOpenClassName,\r\n        children,\r\n        className,\r\n        closable = true,\r\n        closeTimeoutMS = 150,\r\n        contentClassName,\r\n        height,\r\n        isOpen,\r\n        onClose,\r\n        overlayClassName,\r\n        portalClassName,\r\n        style,\r\n        width = 520,\r\n        ...rest\r\n    } = props\r\n\r\n    const onCloseClick = (e: MouseEvent<HTMLSpanElement>) => {\r\n        onClose?.(e)\r\n    }\r\n\r\n    const renderCloseButton = (\r\n        <CloseButton\r\n            absolute\r\n            className=\"ltr:right-6 rtl:left-6 top-4.5\"\r\n            onClick={onCloseClick}\r\n        />\r\n    )\r\n\r\n    const contentStyle = {\r\n        content: {\r\n            inset: 'unset',\r\n        },\r\n        ...style,\r\n    }\r\n\r\n    if (width !== undefined) {\r\n        contentStyle.content.width = width\r\n\r\n        if (\r\n            typeof currentSize.width !== 'undefined' &&\r\n            currentSize.width <= width\r\n        ) {\r\n            contentStyle.content.width = 'auto'\r\n        }\r\n    }\r\n\r\n    if (height !== undefined) {\r\n        contentStyle.content.height = height\r\n    }\r\n\r\n    const defaultDialogContentClass = 'dialog-content'\r\n\r\n    const dialogClass = classNames(defaultDialogContentClass, contentClassName)\r\n\r\n    return (\r\n        <Modal\r\n            className={{\r\n                base: classNames('dialog', className as string),\r\n                afterOpen: 'dialog-after-open',\r\n                beforeClose: 'dialog-before-close',\r\n            }}\r\n            overlayClassName={{\r\n                base: classNames('dialog-overlay', overlayClassName as string),\r\n                afterOpen: 'dialog-overlay-after-open',\r\n                beforeClose: 'dialog-overlay-before-close',\r\n            }}\r\n            portalClassName={classNames('dialog-portal', portalClassName)}\r\n            bodyOpenClassName={classNames('dialog-open', bodyOpenClassName)}\r\n            ariaHideApp={false}\r\n            isOpen={isOpen}\r\n            style={{ ...contentStyle }}\r\n            closeTimeoutMS={closeTimeoutMS}\r\n            {...rest}\r\n        >\r\n            <motion.div\r\n                className={dialogClass}\r\n                initial={{ transform: 'scale(0.9)' }}\r\n                animate={{\r\n                    transform: isOpen ? 'scale(1)' : 'scale(0.9)',\r\n                }}\r\n            >\r\n                {closable && renderCloseButton}\r\n                {children}\r\n            </motion.div>\r\n        </Modal>\r\n    )\r\n}\r\n\r\nDialog.displayName = 'Dialog'\r\n\r\nexport default Dialog\r\n"],"names":["Dialog","props","currentSize","useWindowSize","bodyOpenClassName","children","className","closable","closeTimeoutMS","contentClassName","height","isOpen","onClose","overlayClassName","portalClassName","style","width","rest","renderCloseButton","jsx","CloseButton","e","contentStyle","dialogClass","classNames","Modal","jsxs","motion"],"mappings":";;;;;;;AAgBA,MAAMA,IAAS,CAACC,MAAuB;AACnC,QAAMC,IAAcC,EAAA,GAEd;AAAA,IACF,mBAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,gBAAAC,IAAiB;AAAA,IACjB,kBAAAC;AAAA,IACA,QAAAC;AAAA,IACA,QAAAC;AAAA,IACA,SAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,OAAAC;AAAA,IACA,OAAAC,IAAQ;AAAA,IACR,GAAGC;AAAA,EAAA,IACHhB,GAMEiB,IACF,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,UAAQ;AAAA,MACR,WAAU;AAAA,MACV,SARa,CAACC,MAAmC;AACrD,QAAAT,KAAA,QAAAA,EAAUS;AAAA,MAAC;AAAA,IAOE;AAAA,EAAA,GAIXC,IAAe;AAAA,IACjB,SAAS;AAAA,MACL,OAAO;AAAA,IAAA;AAAA,IAEX,GAAGP;AAAA,EAAA;AAGP,EAAIC,MAAU,WACVM,EAAa,QAAQ,QAAQN,GAGzB,OAAOd,EAAY,QAAU,OAC7BA,EAAY,SAASc,MAErBM,EAAa,QAAQ,QAAQ,UAIjCZ,MAAW,WACXY,EAAa,QAAQ,SAASZ;AAKlC,QAAMa,IAAcC,EAFc,kBAEwBf,CAAgB;AAE1E,SACI,gBAAAU;AAAA,IAACM;AAAA,IAAA;AAAA,MACG,WAAW;AAAA,QACP,MAAMD,EAAW,UAAUlB,CAAmB;AAAA,QAC9C,WAAW;AAAA,QACX,aAAa;AAAA,MAAA;AAAA,MAEjB,kBAAkB;AAAA,QACd,MAAMkB,EAAW,kBAAkBX,CAA0B;AAAA,QAC7D,WAAW;AAAA,QACX,aAAa;AAAA,MAAA;AAAA,MAEjB,iBAAiBW,EAAW,iBAAiBV,CAAe;AAAA,MAC5D,mBAAmBU,EAAW,eAAepB,CAAiB;AAAA,MAC9D,aAAa;AAAA,MACb,QAAAO;AAAA,MACA,OAAO,EAAE,GAAGW,EAAA;AAAA,MACZ,gBAAAd;AAAA,MACC,GAAGS;AAAA,MAEJ,UAAA,gBAAAS;AAAA,QAACC,EAAO;AAAA,QAAP;AAAA,UACG,WAAWJ;AAAA,UACX,SAAS,EAAE,WAAW,aAAA;AAAA,UACtB,SAAS;AAAA,YACL,WAAWZ,IAAS,aAAa;AAAA,UAAA;AAAA,UAGpC,UAAA;AAAA,YAAAJ,KAAYW;AAAA,YACZb;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACL;AAAA,EAAA;AAGZ;AAEAL,EAAO,cAAc;"}
+{"version":3,"file":"Dialog.js","sources":["../../../../../lib/@ecme/components/ui/Dialog/Dialog.tsx"],"sourcesContent":["import Modal from 'react-modal'\nimport classNames from 'classnames'\nimport CloseButton from '../CloseButton'\nimport { motion } from 'framer-motion'\nimport useWindowSize from '../hooks/useWindowSize'\nimport type ReactModal from 'react-modal'\nimport type { MouseEvent } from 'react'\n\nexport interface DialogProps extends ReactModal.Props {\n    closable?: boolean\n    contentClassName?: string\n    height?: string | number\n    onClose?: (e: MouseEvent<HTMLSpanElement>) => void\n    width?: number\n}\n\nconst Dialog = (props: DialogProps) => {\n    const currentSize = useWindowSize()\n\n    const {\n        bodyOpenClassName,\n        children,\n        className,\n        closable = true,\n        closeTimeoutMS = 150,\n        contentClassName,\n        height,\n        isOpen,\n        onClose,\n        overlayClassName,\n        portalClassName,\n        style,\n        width = 520,\n        ...rest\n    } = props\n\n    const onCloseClick = (e: MouseEvent<HTMLSpanElement>) => {\n        onClose?.(e)\n    }\n\n    const renderCloseButton = (\n        <CloseButton\n            absolute\n            className=\"ltr:right-6 rtl:left-6 top-4.5\"\n            onClick={onCloseClick}\n        />\n    )\n\n    const contentStyle = {\n        content: {\n            inset: 'unset',\n        },\n        ...style,\n    }\n\n    if (width !== undefined) {\n        contentStyle.content.width = width\n\n        if (\n            typeof currentSize.width !== 'undefined' &&\n            currentSize.width <= width\n        ) {\n            contentStyle.content.width = 'auto'\n        }\n    }\n\n    if (height !== undefined) {\n        contentStyle.content.height = height\n    }\n\n    const defaultDialogContentClass = 'dialog-content'\n\n    const dialogClass = classNames(defaultDialogContentClass, contentClassName)\n\n    return (\n        <Modal\n            className={{\n                base: classNames('dialog', className as string),\n                afterOpen: 'dialog-after-open',\n                beforeClose: 'dialog-before-close',\n            }}\n            overlayClassName={{\n                base: classNames('dialog-overlay', overlayClassName as string),\n                afterOpen: 'dialog-overlay-after-open',\n                beforeClose: 'dialog-overlay-before-close',\n            }}\n            portalClassName={classNames('dialog-portal', portalClassName)}\n            bodyOpenClassName={classNames('dialog-open', bodyOpenClassName)}\n            ariaHideApp={false}\n            isOpen={isOpen}\n            style={{ ...contentStyle }}\n            closeTimeoutMS={closeTimeoutMS}\n            {...rest}\n        >\n            <motion.div\n                className={dialogClass}\n                initial={{ transform: 'scale(0.9)' }}\n                animate={{\n                    transform: isOpen ? 'scale(1)' : 'scale(0.9)',\n                }}\n            >\n                {closable && renderCloseButton}\n                {children}\n            </motion.div>\n        </Modal>\n    )\n}\n\nDialog.displayName = 'Dialog'\n\nexport default Dialog\n"],"names":["Dialog","props","currentSize","useWindowSize","bodyOpenClassName","children","className","closable","closeTimeoutMS","contentClassName","height","isOpen","onClose","overlayClassName","portalClassName","style","width","rest","renderCloseButton","jsx","CloseButton","e","contentStyle","dialogClass","classNames","Modal","jsxs","motion"],"mappings":";;;;;;;AAgBA,MAAMA,IAAS,CAACC,MAAuB;AACnC,QAAMC,IAAcC,EAAA,GAEd;AAAA,IACF,mBAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,gBAAAC,IAAiB;AAAA,IACjB,kBAAAC;AAAA,IACA,QAAAC;AAAA,IACA,QAAAC;AAAA,IACA,SAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,OAAAC;AAAA,IACA,OAAAC,IAAQ;AAAA,IACR,GAAGC;AAAA,EAAA,IACHhB,GAMEiB,IACF,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,UAAQ;AAAA,MACR,WAAU;AAAA,MACV,SARa,CAACC,MAAmC;AACrD,QAAAT,KAAA,QAAAA,EAAUS;AAAA,MACd;AAAA,IAMiB;AAAA,EAAA,GAIXC,IAAe;AAAA,IACjB,SAAS;AAAA,MACL,OAAO;AAAA,IAAA;AAAA,IAEX,GAAGP;AAAA,EAAA;AAGP,EAAIC,MAAU,WACVM,EAAa,QAAQ,QAAQN,GAGzB,OAAOd,EAAY,QAAU,OAC7BA,EAAY,SAASc,MAErBM,EAAa,QAAQ,QAAQ,UAIjCZ,MAAW,WACXY,EAAa,QAAQ,SAASZ;AAKlC,QAAMa,IAAcC,EAFc,kBAEwBf,CAAgB;AAE1E,SACI,gBAAAU;AAAA,IAACM;AAAA,IAAA;AAAA,MACG,WAAW;AAAA,QACP,MAAMD,EAAW,UAAUlB,CAAmB;AAAA,QAC9C,WAAW;AAAA,QACX,aAAa;AAAA,MAAA;AAAA,MAEjB,kBAAkB;AAAA,QACd,MAAMkB,EAAW,kBAAkBX,CAA0B;AAAA,QAC7D,WAAW;AAAA,QACX,aAAa;AAAA,MAAA;AAAA,MAEjB,iBAAiBW,EAAW,iBAAiBV,CAAe;AAAA,MAC5D,mBAAmBU,EAAW,eAAepB,CAAiB;AAAA,MAC9D,aAAa;AAAA,MACb,QAAAO;AAAA,MACA,OAAO,EAAE,GAAGW,EAAA;AAAA,MACZ,gBAAAd;AAAA,MACC,GAAGS;AAAA,MAEJ,UAAA,gBAAAS;AAAA,QAACC,EAAO;AAAA,QAAP;AAAA,UACG,WAAWJ;AAAA,UACX,SAAS,EAAE,WAAW,aAAA;AAAA,UACtB,SAAS;AAAA,YACL,WAAWZ,IAAS,aAAa;AAAA,UAAA;AAAA,UAGpC,UAAA;AAAA,YAAAJ,KAAYW;AAAA,YACZb;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACL;AAAA,EAAA;AAGZ;AAEAL,EAAO,cAAc;"}

package/dist/@ecme/components/ui/Drawer/Drawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.js","sources":["../../../../../lib/@ecme/components/ui/Drawer/Drawer.tsx"],"sourcesContent":["import classNames from 'classnames'\r\nimport Modal from 'react-modal'\r\nimport CloseButton from '../CloseButton'\r\nimport { motion } from 'framer-motion'\r\nimport type ReactModal from 'react-modal'\r\nimport type { MouseEvent, ReactNode } from 'react'\r\n\r\nexport interface DrawerProps extends ReactModal.Props {\r\n    bodyClass?: string\r\n    closable?: boolean\r\n    footer?: string | ReactNode\r\n    footerClass?: string\r\n    headerClass?: string\r\n    height?: string | number\r\n    lockScroll?: boolean\r\n    onClose?: (e: MouseEvent<HTMLSpanElement>) => void\r\n    placement?: 'top' | 'right' | 'bottom' | 'left'\r\n    showBackdrop?: boolean\r\n    title?: string | ReactNode\r\n    width?: string | number\r\n}\r\n\r\nconst Drawer = (props: DrawerProps) => {\r\n    const {\r\n        bodyOpenClassName,\r\n        bodyClass,\r\n        children,\r\n        className,\r\n        closable = true,\r\n        closeTimeoutMS = 300,\r\n        footer,\r\n        footerClass,\r\n        headerClass,\r\n        height = 400,\r\n        isOpen,\r\n        lockScroll = true,\r\n        onClose,\r\n        overlayClassName,\r\n        placement = 'right',\r\n        portalClassName,\r\n        showBackdrop = true,\r\n        title,\r\n        width = 400,\r\n        ...rest\r\n    } = props\r\n\r\n    const onCloseClick = (e: MouseEvent<HTMLSpanElement>) => {\r\n        onClose?.(e)\r\n    }\r\n\r\n    const renderCloseButton = <CloseButton onClick={onCloseClick} />\r\n\r\n    const getStyle = (): {\r\n        dimensionClass?: string\r\n        contentStyle?: {\r\n            width?: string | number\r\n            height?: string | number\r\n        }\r\n        motionStyle: {\r\n            [x: string]: string\r\n        }\r\n    } => {\r\n        if (placement === 'left' || placement === 'right') {\r\n            return {\r\n                dimensionClass: 'vertical',\r\n                contentStyle: { width },\r\n                motionStyle: {\r\n                    [placement]: `-${width}${\r\n                        typeof width === 'number' && 'px'\r\n                    }`,\r\n                },\r\n            }\r\n        }\r\n\r\n        if (placement === 'top' || placement === 'bottom') {\r\n            return {\r\n                dimensionClass: 'horizontal',\r\n                contentStyle: { height },\r\n                motionStyle: {\r\n                    [placement]: `-${height}${\r\n                        typeof height === 'number' && 'px'\r\n                    }`,\r\n                },\r\n            }\r\n        }\r\n\r\n        return {\r\n            motionStyle: {},\r\n        }\r\n    }\r\n\r\n    const { dimensionClass, contentStyle, motionStyle } = getStyle()\r\n\r\n    return (\r\n        <Modal\r\n            className={{\r\n                base: classNames('drawer', className as string),\r\n                afterOpen: 'drawer-after-open',\r\n                beforeClose: 'drawer-before-close',\r\n            }}\r\n            overlayClassName={{\r\n                base: classNames(\r\n                    'drawer-overlay',\r\n                    overlayClassName as string,\r\n                    !showBackdrop && 'bg-transparent',\r\n                ),\r\n                afterOpen: 'drawer-overlay-after-open',\r\n                beforeClose: 'drawer-overlay-before-close',\r\n            }}\r\n            portalClassName={classNames('drawer-portal', portalClassName)}\r\n            bodyOpenClassName={classNames(\r\n                'drawer-open',\r\n                lockScroll && 'drawer-lock-scroll',\r\n                bodyOpenClassName,\r\n            )}\r\n            ariaHideApp={false}\r\n            isOpen={isOpen}\r\n            closeTimeoutMS={closeTimeoutMS}\r\n            {...rest}\r\n        >\r\n            <motion.div\r\n                className={classNames('drawer-content', dimensionClass)}\r\n                style={contentStyle}\r\n                initial={motionStyle}\r\n                animate={{\r\n                    [placement as 'top' | 'right' | 'bottom' | 'left']: isOpen\r\n                        ? 0\r\n                        : motionStyle[placement],\r\n                }}\r\n            >\r\n                {title || closable ? (\r\n                    <div className={classNames('drawer-header', headerClass)}>\r\n                        {typeof title === 'string' ? (\r\n                            <h4>{title}</h4>\r\n                        ) : (\r\n                            <span>{title}</span>\r\n                        )}\r\n                        {closable && renderCloseButton}\r\n                    </div>\r\n                ) : null}\r\n                <div className={classNames('drawer-body', bodyClass)}>\r\n                    {children}\r\n                </div>\r\n                {footer && (\r\n                    <div className={classNames('drawer-footer', footerClass)}>\r\n                        {footer}\r\n                    </div>\r\n                )}\r\n            </motion.div>\r\n        </Modal>\r\n    )\r\n}\r\n\r\nDrawer.displayName = 'Drawer'\r\n\r\nexport default Drawer\r\n"],"names":["Drawer","props","bodyOpenClassName","bodyClass","children","className","closable","closeTimeoutMS","footer","footerClass","headerClass","height","isOpen","lockScroll","onClose","overlayClassName","placement","portalClassName","showBackdrop","title","width","rest","renderCloseButton","jsx","CloseButton","e","getStyle","dimensionClass","contentStyle","motionStyle","Modal","classNames","jsxs","motion"],"mappings":"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"}
+{"version":3,"file":"Drawer.js","sources":["../../../../../lib/@ecme/components/ui/Drawer/Drawer.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport Modal from 'react-modal'\nimport CloseButton from '../CloseButton'\nimport { motion } from 'framer-motion'\nimport type ReactModal from 'react-modal'\nimport type { MouseEvent, ReactNode } from 'react'\n\nexport interface DrawerProps extends ReactModal.Props {\n    bodyClass?: string\n    closable?: boolean\n    footer?: string | ReactNode\n    footerClass?: string\n    headerClass?: string\n    height?: string | number\n    lockScroll?: boolean\n    onClose?: (e: MouseEvent<HTMLSpanElement>) => void\n    placement?: 'top' | 'right' | 'bottom' | 'left'\n    showBackdrop?: boolean\n    title?: string | ReactNode\n    width?: string | number\n}\n\nconst Drawer = (props: DrawerProps) => {\n    const {\n        bodyOpenClassName,\n        bodyClass,\n        children,\n        className,\n        closable = true,\n        closeTimeoutMS = 300,\n        footer,\n        footerClass,\n        headerClass,\n        height = 400,\n        isOpen,\n        lockScroll = true,\n        onClose,\n        overlayClassName,\n        placement = 'right',\n        portalClassName,\n        showBackdrop = true,\n        title,\n        width = 400,\n        ...rest\n    } = props\n\n    const onCloseClick = (e: MouseEvent<HTMLSpanElement>) => {\n        onClose?.(e)\n    }\n\n    const renderCloseButton = <CloseButton onClick={onCloseClick} />\n\n    const getStyle = (): {\n        dimensionClass?: string\n        contentStyle?: {\n            width?: string | number\n            height?: string | number\n        }\n        motionStyle: {\n            [x: string]: string\n        }\n    } => {\n        if (placement === 'left' || placement === 'right') {\n            return {\n                dimensionClass: 'vertical',\n                contentStyle: { width },\n                motionStyle: {\n                    [placement]: `-${width}${\n                        typeof width === 'number' && 'px'\n                    }`,\n                },\n            }\n        }\n\n        if (placement === 'top' || placement === 'bottom') {\n            return {\n                dimensionClass: 'horizontal',\n                contentStyle: { height },\n                motionStyle: {\n                    [placement]: `-${height}${\n                        typeof height === 'number' && 'px'\n                    }`,\n                },\n            }\n        }\n\n        return {\n            motionStyle: {},\n        }\n    }\n\n    const { dimensionClass, contentStyle, motionStyle } = getStyle()\n\n    return (\n        <Modal\n            className={{\n                base: classNames('drawer', className as string),\n                afterOpen: 'drawer-after-open',\n                beforeClose: 'drawer-before-close',\n            }}\n            overlayClassName={{\n                base: classNames(\n                    'drawer-overlay',\n                    overlayClassName as string,\n                    !showBackdrop && 'bg-transparent',\n                ),\n                afterOpen: 'drawer-overlay-after-open',\n                beforeClose: 'drawer-overlay-before-close',\n            }}\n            portalClassName={classNames('drawer-portal', portalClassName)}\n            bodyOpenClassName={classNames(\n                'drawer-open',\n                lockScroll && 'drawer-lock-scroll',\n                bodyOpenClassName,\n            )}\n            ariaHideApp={false}\n            isOpen={isOpen}\n            closeTimeoutMS={closeTimeoutMS}\n            {...rest}\n        >\n            <motion.div\n                className={classNames('drawer-content', dimensionClass)}\n                style={contentStyle}\n                initial={motionStyle}\n                animate={{\n                    [placement as 'top' | 'right' | 'bottom' | 'left']: isOpen\n                        ? 0\n                        : motionStyle[placement],\n                }}\n            >\n                {title || closable ? (\n                    <div className={classNames('drawer-header', headerClass)}>\n                        {typeof title === 'string' ? (\n                            <h4>{title}</h4>\n                        ) : (\n                            <span>{title}</span>\n                        )}\n                        {closable && renderCloseButton}\n                    </div>\n                ) : null}\n                <div className={classNames('drawer-body', bodyClass)}>\n                    {children}\n                </div>\n                {footer && (\n                    <div className={classNames('drawer-footer', footerClass)}>\n                        {footer}\n                    </div>\n                )}\n            </motion.div>\n        </Modal>\n    )\n}\n\nDrawer.displayName = 'Drawer'\n\nexport default Drawer\n"],"names":["Drawer","props","bodyOpenClassName","bodyClass","children","className","closable","closeTimeoutMS","footer","footerClass","headerClass","height","isOpen","lockScroll","onClose","overlayClassName","placement","portalClassName","showBackdrop","title","width","rest","renderCloseButton","jsx","CloseButton","e","getStyle","dimensionClass","contentStyle","motionStyle","Modal","classNames","jsxs","motion"],"mappings":"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"}

package/dist/@ecme/components/ui/Dropdown/Dropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.js","sources":["../../../../../lib/@ecme/components/ui/Dropdown/Dropdown.tsx"],"sourcesContent":["import { DropdownContextProvider } from './context/dropdownContext'\r\nimport DropdownMenu from './DropdownMenu'\r\nimport { FloatingTree, useFloatingParentNodeId } from '@floating-ui/react'\r\nimport type { DropdownMenuProps, DropdownMenuRef } from './DropdownMenu'\r\nimport type { HTMLProps, Ref } from 'react'\r\n\r\nexport type DropdownRef = DropdownMenuRef\r\nexport interface DropdownProps extends DropdownMenuProps {\r\n    eventKey?: string\r\n    id?: string\r\n    ref?: Ref<DropdownRef>\r\n}\r\n\r\nconst Dropdown = ({\r\n    activeKey,\r\n    ref,\r\n    ...props\r\n}: DropdownProps & HTMLProps<HTMLElement>) => {\r\n    const parentId = useFloatingParentNodeId()\r\n\r\n    if (parentId === null) {\r\n        return (\r\n            <DropdownContextProvider value={{ activeKey }}>\r\n                <FloatingTree>\r\n                    <DropdownMenu {...props} ref={ref} />\r\n                </FloatingTree>\r\n            </DropdownContextProvider>\r\n        )\r\n    }\r\n\r\n    return <DropdownMenu {...props} ref={ref} />\r\n}\r\n\r\nexport default Dropdown\r\n"],"names":["Dropdown","activeKey","ref","props","useFloatingParentNodeId","jsx","DropdownContextProvider","FloatingTree","DropdownMenu"],"mappings":";;;;AAaA,MAAMA,IAAW,CAAC;AAAA,EACd,WAAAC;AAAA,EACA,KAAAC;AAAA,EACA,GAAGC;AACP,MACqBC,EAAA,MAEA,OAET,gBAAAC,EAACC,GAAA,EAAwB,OAAO,EAAE,WAAAL,KAC9B,UAAA,gBAAAI,EAACE,GAAA,EACG,UAAA,gBAAAF,EAACG,GAAA,EAAc,GAAGL,GAAO,KAAAD,EAAA,CAAU,GACvC,GACJ,IAID,gBAAAG,EAACG,GAAA,EAAc,GAAGL,GAAO,KAAAD,EAAA,CAAU;"}
+{"version":3,"file":"Dropdown.js","sources":["../../../../../lib/@ecme/components/ui/Dropdown/Dropdown.tsx"],"sourcesContent":["import { DropdownContextProvider } from './context/dropdownContext'\nimport DropdownMenu from './DropdownMenu'\nimport { FloatingTree, useFloatingParentNodeId } from '@floating-ui/react'\nimport type { DropdownMenuProps, DropdownMenuRef } from './DropdownMenu'\nimport type { HTMLProps, Ref } from 'react'\n\nexport type DropdownRef = DropdownMenuRef\nexport interface DropdownProps extends DropdownMenuProps {\n    eventKey?: string\n    id?: string\n    ref?: Ref<DropdownRef>\n}\n\nconst Dropdown = ({\n    activeKey,\n    ref,\n    ...props\n}: DropdownProps & HTMLProps<HTMLElement>) => {\n    const parentId = useFloatingParentNodeId()\n\n    if (parentId === null) {\n        return (\n            <DropdownContextProvider value={{ activeKey }}>\n                <FloatingTree>\n                    <DropdownMenu {...props} ref={ref} />\n                </FloatingTree>\n            </DropdownContextProvider>\n        )\n    }\n\n    return <DropdownMenu {...props} ref={ref} />\n}\n\nexport default Dropdown\n"],"names":["Dropdown","activeKey","ref","props","useFloatingParentNodeId","jsx","DropdownContextProvider","FloatingTree","DropdownMenu"],"mappings":";;;;AAaA,MAAMA,IAAW,CAAC;AAAA,EACd,WAAAC;AAAA,EACA,KAAAC;AAAA,EACA,GAAGC;AACP,MACqBC,EAAA,MAEA,OAET,gBAAAC,EAACC,GAAA,EAAwB,OAAO,EAAE,WAAAL,KAC9B,UAAA,gBAAAI,EAACE,GAAA,EACG,UAAA,gBAAAF,EAACG,GAAA,EAAc,GAAGL,GAAO,KAAAD,EAAA,CAAU,GACvC,GACJ,IAID,gBAAAG,EAACG,GAAA,EAAc,GAAGL,GAAO,KAAAD,EAAA,CAAU;"}

package/dist/@ecme/components/ui/Dropdown/DropdownItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownItem.js","sources":["../../../../../lib/@ecme/components/ui/Dropdown/DropdownItem.tsx"],"sourcesContent":["import { useContext, useCallback, isValidElement, cloneElement } from 'react'\r\nimport isNil from 'lodash/isNil'\r\nimport useUncertainRef from '../hooks/useUncertainRef'\r\nimport useUniqueId from '../hooks/useUniqueId'\r\nimport classNames from '../utils/classNames'\r\nimport DropdownContext from './context/dropdownContext'\r\nimport MenuContext from './context/menuContext'\r\nimport MenuItem from '../MenuItem'\r\nimport { DROPDOWN_ITEM_TYPE } from '../utils/constants'\r\nimport { useFloatingTree } from '@floating-ui/react'\r\nimport type { CommonProps } from '../@types/common'\r\nimport type {\r\n    SyntheticEvent,\r\n    RefObject,\r\n    ElementType,\r\n    ReactElement,\r\n    MouseEvent,\r\n    FocusEvent,\r\n    Ref,\r\n} from 'react'\r\n\r\nexport interface DropdownItemProps extends CommonProps {\r\n    asElement?: ElementType\r\n    active?: boolean\r\n    disabled?: boolean\r\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n    submenu?: ReactElement<any>\r\n    eventKey?: string\r\n    onSelect?: (eventKey: string, e: SyntheticEvent) => void\r\n    onFocus?: (e: SyntheticEvent) => void\r\n    onClick?: (e: SyntheticEvent) => void\r\n    ref?: Ref<HTMLElement>\r\n    variant?: 'default' | 'header' | 'divider' | 'custom'\r\n}\r\n\r\nconst { DEFAULT, DIVIDER, HEADER, CUSTOM } = DROPDOWN_ITEM_TYPE\r\n\r\nconst DropdownItem = (props: DropdownItemProps) => {\r\n    const {\r\n        asElement: Component = 'li',\r\n        children,\r\n        active: activeProp,\r\n        disabled,\r\n        className,\r\n        style,\r\n        eventKey,\r\n        onSelect,\r\n        onClick,\r\n        onFocus,\r\n        ref = null,\r\n        variant = DEFAULT,\r\n        ...rest\r\n    } = props\r\n\r\n    const dropdown = useContext(DropdownContext)\r\n    const menu = useContext(MenuContext)\r\n\r\n    const menuitemRef = useUncertainRef<HTMLElement>(\r\n        ref,\r\n    ) as RefObject<HTMLElement | null>\r\n\r\n    const menuitemId = useUniqueId('menu-item-')\r\n\r\n    const active =\r\n        activeProp ||\r\n        (!isNil(dropdown?.activeKey) && dropdown?.activeKey === eventKey)\r\n\r\n    const tree = useFloatingTree()\r\n\r\n    const activate = useCallback(\r\n        (e: SyntheticEvent) => {\r\n            onSelect?.(eventKey || '', e)\r\n            onClick?.(e)\r\n        },\r\n        [eventKey, onClick, onSelect],\r\n    )\r\n\r\n    const handleClick = useCallback(\r\n        (e: SyntheticEvent) => {\r\n            if (disabled) {\r\n                return\r\n            }\r\n\r\n            activate(e)\r\n            tree?.events.emit('click')\r\n        },\r\n        [disabled, activate, tree?.events],\r\n    )\r\n\r\n    const menuitemEventHandlers = {\r\n        ...menu.getItemProps({\r\n            onClick(event: MouseEvent<HTMLElement>) {\r\n                handleClick(event)\r\n            },\r\n            onFocus(event: FocusEvent<HTMLElement>) {\r\n                onFocus?.(event)\r\n                menu.setHasFocusInside(true)\r\n            },\r\n        }),\r\n    }\r\n\r\n    if (variant === DIVIDER || variant === HEADER || variant === CUSTOM) {\r\n        return (\r\n            <Component\r\n                ref={menuitemRef}\r\n                id={menuitemId}\r\n                style={style}\r\n                className={classNames(`menu-item-${variant}`, className)}\r\n                {...(variant === CUSTOM ? menuitemEventHandlers : {})}\r\n                {...rest}\r\n            >\r\n                {(variant === HEADER || variant === CUSTOM) && children}\r\n            </Component>\r\n        )\r\n    }\r\n\r\n    function renderChildren() {\r\n        if (!isValidElement(children)) {\r\n            return children\r\n        }\r\n        return cloneElement(children)\r\n    }\r\n\r\n    return (\r\n        <MenuItem\r\n            ref={menuitemRef}\r\n            asElement={Component}\r\n            style={style}\r\n            isActive={active}\r\n            disabled={disabled}\r\n            eventKey={eventKey}\r\n            className={className}\r\n            {...menuitemEventHandlers}\r\n            {...rest}\r\n        >\r\n            {renderChildren()}\r\n        </MenuItem>\r\n    )\r\n}\r\n\r\nexport default DropdownItem\r\n"],"names":["DEFAULT","DIVIDER","HEADER","CUSTOM","DROPDOWN_ITEM_TYPE","DropdownItem","props","Component","children","activeProp","disabled","className","style","eventKey","onSelect","onClick","onFocus","ref","variant","rest","dropdown","useContext","DropdownContext","menu","MenuContext","menuitemRef","useUncertainRef","menuitemId","useUniqueId","active","isNil","tree","useFloatingTree","activate","useCallback","handleClick","menuitemEventHandlers","event","jsx","classNames","renderChildren","isValidElement","cloneElement","MenuItem"],"mappings":";;;;;;;;;;;AAmCA,MAAM,EAAE,SAAAA,GAAS,SAAAC,GAAS,QAAAC,GAAQ,QAAAC,MAAWC,GAEvCC,KAAe,CAACC,MAA6B;AAC/C,QAAM;AAAA,IACF,WAAWC,IAAY;AAAA,IACvB,UAAAC;AAAA,IACA,QAAQC;AAAA,IACR,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,SAAAC;AAAA,IACA,SAAAC;AAAA,IACA,KAAAC,IAAM;AAAA,IACN,SAAAC,IAAUlB;AAAA,IACV,GAAGmB;AAAA,EAAA,IACHb,GAEEc,IAAWC,EAAWC,CAAe,GACrCC,IAAOF,EAAWG,CAAW,GAE7BC,IAAcC;AAAA,IAChBT;AAAA,EAAA,GAGEU,IAAaC,EAAY,YAAY,GAErCC,IACFpB,KACC,CAACqB,EAAMV,KAAA,gBAAAA,EAAU,SAAS,MAAKA,KAAA,gBAAAA,EAAU,eAAcP,GAEtDkB,IAAOC,EAAA,GAEPC,IAAWC;AAAA,IACb,CAAC,MAAsB;AACnB,MAAApB,KAAA,QAAAA,EAAWD,KAAY,IAAI,IAC3BE,KAAA,QAAAA,EAAU;AAAA,IAAC;AAAA,IAEf,CAACF,GAAUE,GAASD,CAAQ;AAAA,EAAA,GAG1BqB,IAAcD;AAAA,IAChB,CAAC,MAAsB;AACnB,MAAIxB,MAIJuB,EAAS,CAAC,GACVF,KAAA,QAAAA,EAAM,OAAO,KAAK;AAAA,IAAO;AAAA,IAE7B,CAACrB,GAAUuB,GAAUF,KAAA,gBAAAA,EAAM,MAAM;AAAA,EAAA,GAG/BK,IAAwB;AAAA,IAC1B,GAAGb,EAAK,aAAa;AAAA,MACjB,QAAQc,GAAgC;AACpC,QAAAF,EAAYE,CAAK;AAAA,MAAA;AAAA,MAErB,QAAQA,GAAgC;AACpC,QAAArB,KAAA,QAAAA,EAAUqB,IACVd,EAAK,kBAAkB,EAAI;AAAA,MAAA;AAAA,IAC/B,CACH;AAAA,EAAA;AAGL,MAAIL,MAAYjB,KAAWiB,MAAYhB,KAAUgB,MAAYf;AACzD,WACI,gBAAAmC;AAAA,MAAC/B;AAAA,MAAA;AAAA,QACG,KAAKkB;AAAA,QACL,IAAIE;AAAA,QACJ,OAAAf;AAAA,QACA,WAAW2B,EAAW,aAAarB,CAAO,IAAIP,CAAS;AAAA,QACtD,GAAIO,MAAYf,IAASiC,IAAwB,CAAA;AAAA,QACjD,GAAGjB;AAAA,QAEF,WAAAD,MAAYhB,KAAUgB,MAAYf,MAAWK;AAAA,MAAA;AAAA,IAAA;AAK3D,WAASgC,IAAiB;AACtB,WAAKC,EAAejC,CAAQ,IAGrBkC,EAAalC,CAAQ,IAFjBA;AAAA,EAEiB;AAGhC,SACI,gBAAA8B;AAAA,IAACK;AAAA,IAAA;AAAA,MACG,KAAKlB;AAAA,MACL,WAAWlB;AAAA,MACX,OAAAK;AAAA,MACA,UAAUiB;AAAA,MACV,UAAAnB;AAAA,MACA,UAAAG;AAAA,MACA,WAAAF;AAAA,MACC,GAAGyB;AAAA,MACH,GAAGjB;AAAA,MAEH,UAAAqB,EAAA;AAAA,IAAe;AAAA,EAAA;AAG5B;"}
+{"version":3,"file":"DropdownItem.js","sources":["../../../../../lib/@ecme/components/ui/Dropdown/DropdownItem.tsx"],"sourcesContent":["import { useContext, useCallback, isValidElement, cloneElement } from 'react'\nimport isNil from 'lodash/isNil'\nimport useUncertainRef from '../hooks/useUncertainRef'\nimport useUniqueId from '../hooks/useUniqueId'\nimport classNames from '../utils/classNames'\nimport DropdownContext from './context/dropdownContext'\nimport MenuContext from './context/menuContext'\nimport MenuItem from '../MenuItem'\nimport { DROPDOWN_ITEM_TYPE } from '../utils/constants'\nimport { useFloatingTree } from '@floating-ui/react'\nimport type { CommonProps } from '../@types/common'\nimport type {\n    SyntheticEvent,\n    RefObject,\n    ElementType,\n    ReactElement,\n    MouseEvent,\n    FocusEvent,\n    Ref,\n} from 'react'\n\nexport interface DropdownItemProps extends CommonProps {\n    asElement?: ElementType\n    active?: boolean\n    disabled?: boolean\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    submenu?: ReactElement<any>\n    eventKey?: string\n    onSelect?: (eventKey: string, e: SyntheticEvent) => void\n    onFocus?: (e: SyntheticEvent) => void\n    onClick?: (e: SyntheticEvent) => void\n    ref?: Ref<HTMLElement>\n    variant?: 'default' | 'header' | 'divider' | 'custom'\n}\n\nconst { DEFAULT, DIVIDER, HEADER, CUSTOM } = DROPDOWN_ITEM_TYPE\n\nconst DropdownItem = (props: DropdownItemProps) => {\n    const {\n        asElement: Component = 'li',\n        children,\n        active: activeProp,\n        disabled,\n        className,\n        style,\n        eventKey,\n        onSelect,\n        onClick,\n        onFocus,\n        ref = null,\n        variant = DEFAULT,\n        ...rest\n    } = props\n\n    const dropdown = useContext(DropdownContext)\n    const menu = useContext(MenuContext)\n\n    const menuitemRef = useUncertainRef<HTMLElement>(\n        ref,\n    ) as RefObject<HTMLElement | null>\n\n    const menuitemId = useUniqueId('menu-item-')\n\n    const active =\n        activeProp ||\n        (!isNil(dropdown?.activeKey) && dropdown?.activeKey === eventKey)\n\n    const tree = useFloatingTree()\n\n    const activate = useCallback(\n        (e: SyntheticEvent) => {\n            onSelect?.(eventKey || '', e)\n            onClick?.(e)\n        },\n        [eventKey, onClick, onSelect],\n    )\n\n    const handleClick = useCallback(\n        (e: SyntheticEvent) => {\n            if (disabled) {\n                return\n            }\n\n            activate(e)\n            tree?.events.emit('click')\n        },\n        [disabled, activate, tree?.events],\n    )\n\n    const menuitemEventHandlers = {\n        ...menu.getItemProps({\n            onClick(event: MouseEvent<HTMLElement>) {\n                handleClick(event)\n            },\n            onFocus(event: FocusEvent<HTMLElement>) {\n                onFocus?.(event)\n                menu.setHasFocusInside(true)\n            },\n        }),\n    }\n\n    if (variant === DIVIDER || variant === HEADER || variant === CUSTOM) {\n        return (\n            <Component\n                ref={menuitemRef}\n                id={menuitemId}\n                style={style}\n                className={classNames(`menu-item-${variant}`, className)}\n                {...(variant === CUSTOM ? menuitemEventHandlers : {})}\n                {...rest}\n            >\n                {(variant === HEADER || variant === CUSTOM) && children}\n            </Component>\n        )\n    }\n\n    function renderChildren() {\n        if (!isValidElement(children)) {\n            return children\n        }\n        return cloneElement(children)\n    }\n\n    return (\n        <MenuItem\n            ref={menuitemRef}\n            asElement={Component}\n            style={style}\n            isActive={active}\n            disabled={disabled}\n            eventKey={eventKey}\n            className={className}\n            {...menuitemEventHandlers}\n            {...rest}\n        >\n            {renderChildren()}\n        </MenuItem>\n    )\n}\n\nexport default DropdownItem\n"],"names":["DEFAULT","DIVIDER","HEADER","CUSTOM","DROPDOWN_ITEM_TYPE","DropdownItem","props","Component","children","activeProp","disabled","className","style","eventKey","onSelect","onClick","onFocus","ref","variant","rest","dropdown","useContext","DropdownContext","menu","MenuContext","menuitemRef","useUncertainRef","menuitemId","useUniqueId","active","isNil","tree","useFloatingTree","activate","useCallback","handleClick","menuitemEventHandlers","event","jsx","classNames","renderChildren","isValidElement","cloneElement","MenuItem"],"mappings":";;;;;;;;;;;AAmCA,MAAM,EAAE,SAAAA,GAAS,SAAAC,GAAS,QAAAC,GAAQ,QAAAC,MAAWC,GAEvCC,KAAe,CAACC,MAA6B;AAC/C,QAAM;AAAA,IACF,WAAWC,IAAY;AAAA,IACvB,UAAAC;AAAA,IACA,QAAQC;AAAA,IACR,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,SAAAC;AAAA,IACA,SAAAC;AAAA,IACA,KAAAC,IAAM;AAAA,IACN,SAAAC,IAAUlB;AAAA,IACV,GAAGmB;AAAA,EAAA,IACHb,GAEEc,IAAWC,EAAWC,CAAe,GACrCC,IAAOF,EAAWG,CAAW,GAE7BC,IAAcC;AAAA,IAChBT;AAAA,EAAA,GAGEU,IAAaC,EAAY,YAAY,GAErCC,IACFpB,KACC,CAACqB,EAAMV,KAAA,gBAAAA,EAAU,SAAS,MAAKA,KAAA,gBAAAA,EAAU,eAAcP,GAEtDkB,IAAOC,EAAA,GAEPC,IAAWC;AAAA,IACb,CAAC,MAAsB;AACnB,MAAApB,KAAA,QAAAA,EAAWD,KAAY,IAAI,IAC3BE,KAAA,QAAAA,EAAU;AAAA,IACd;AAAA,IACA,CAACF,GAAUE,GAASD,CAAQ;AAAA,EAAA,GAG1BqB,IAAcD;AAAA,IAChB,CAAC,MAAsB;AACnB,MAAIxB,MAIJuB,EAAS,CAAC,GACVF,KAAA,QAAAA,EAAM,OAAO,KAAK;AAAA,IACtB;AAAA,IACA,CAACrB,GAAUuB,GAAUF,KAAA,gBAAAA,EAAM,MAAM;AAAA,EAAA,GAG/BK,IAAwB;AAAA,IAC1B,GAAGb,EAAK,aAAa;AAAA,MACjB,QAAQc,GAAgC;AACpC,QAAAF,EAAYE,CAAK;AAAA,MACrB;AAAA,MACA,QAAQA,GAAgC;AACpC,QAAArB,KAAA,QAAAA,EAAUqB,IACVd,EAAK,kBAAkB,EAAI;AAAA,MAC/B;AAAA,IAAA,CACH;AAAA,EAAA;AAGL,MAAIL,MAAYjB,KAAWiB,MAAYhB,KAAUgB,MAAYf;AACzD,WACI,gBAAAmC;AAAA,MAAC/B;AAAA,MAAA;AAAA,QACG,KAAKkB;AAAA,QACL,IAAIE;AAAA,QACJ,OAAAf;AAAA,QACA,WAAW2B,EAAW,aAAarB,CAAO,IAAIP,CAAS;AAAA,QACtD,GAAIO,MAAYf,IAASiC,IAAwB,CAAA;AAAA,QACjD,GAAGjB;AAAA,QAEF,WAAAD,MAAYhB,KAAUgB,MAAYf,MAAWK;AAAA,MAAA;AAAA,IAAA;AAK3D,WAASgC,IAAiB;AACtB,WAAKC,EAAejC,CAAQ,IAGrBkC,EAAalC,CAAQ,IAFjBA;AAAA,EAGf;AAEA,SACI,gBAAA8B;AAAA,IAACK;AAAA,IAAA;AAAA,MACG,KAAKlB;AAAA,MACL,WAAWlB;AAAA,MACX,OAAAK;AAAA,MACA,UAAUiB;AAAA,MACV,UAAAnB;AAAA,MACA,UAAAG;AAAA,MACA,WAAAF;AAAA,MACC,GAAGyB;AAAA,MACH,GAAGjB;AAAA,MAEH,UAAAqB,EAAA;AAAA,IAAe;AAAA,EAAA;AAG5B;"}

package/dist/@ecme/components/ui/Dropdown/DropdownMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenu.js","sources":["../../../../../lib/@ecme/components/ui/Dropdown/DropdownMenu.tsx"],"sourcesContent":["import {\r\n    useState,\r\n    useRef,\r\n    useContext,\r\n    useEffect,\r\n    useImperativeHandle,\r\n} from 'react'\r\nimport DropdownToggle from './DropdownToggle'\r\nimport DropdownSubItem from './DropdownSubItem'\r\nimport MenuContext from './context/menuContext'\r\nimport classNames from '../utils/classNames'\r\nimport { useConfig } from '../ConfigProvider'\r\nimport {\r\n    autoUpdate,\r\n    flip,\r\n    FloatingFocusManager,\r\n    FloatingList,\r\n    FloatingNode,\r\n    FloatingPortal,\r\n    safePolygon,\r\n    shift,\r\n    useClick,\r\n    useDismiss,\r\n    useFloating,\r\n    useFloatingNodeId,\r\n    useFloatingParentNodeId,\r\n    useFloatingTree,\r\n    useHover,\r\n    useInteractions,\r\n    useListItem,\r\n    useListNavigation,\r\n    useMergeRefs,\r\n    useRole,\r\n    useTypeahead,\r\n    useTransitionStyles,\r\n} from '@floating-ui/react'\r\nimport type { CommonProps } from '../@types/common'\r\nimport type { DropdownToggleSharedProps } from './DropdownToggle'\r\nimport type { DropdownSubItemSharedProps } from './DropdownSubItem'\r\nimport type { Placement } from '@floating-ui/react'\r\nimport type { HTMLProps, FocusEvent, MouseEvent, ReactNode, Ref } from 'react'\r\n\r\nexport interface DropdownMenuProps\r\n    extends CommonProps,\r\n        DropdownToggleSharedProps,\r\n        DropdownSubItemSharedProps {\r\n    activeKey?: string\r\n    title?: string | ReactNode\r\n    menuClass?: string\r\n    trigger?: 'click' | 'hover' | 'context'\r\n    placement?: Placement\r\n    onOpen?: (bool: boolean) => void\r\n    ref?: Ref<HTMLElement | DropdownMenuRef>\r\n}\r\n\r\nexport type DropdownMenuRef = {\r\n    handleDropdownOpen: () => void\r\n    handleDropdownClose: () => void\r\n}\r\n\r\nconst DropdownMenu = (props: DropdownMenuProps & HTMLProps<HTMLElement>) => {\r\n    const {\r\n        children,\r\n        title,\r\n        renderTitle,\r\n        disabled,\r\n        toggleClassName,\r\n        menuClass,\r\n        placement,\r\n        trigger = 'click',\r\n        onOpen,\r\n        ref,\r\n        ...rest\r\n    } = props\r\n\r\n    const [isOpen, setIsOpen] = useState(false)\r\n    const [hasFocusInside, setHasFocusInside] = useState(false)\r\n    const [activeIndex, setActiveIndex] = useState<number | null>(null)\r\n\r\n    const elementsRef = useRef<Array<HTMLElement | null>>([])\r\n    const labelsRef = useRef<Array<string | null>>([])\r\n\r\n    const { direction } = useConfig()\r\n\r\n    const parent = useContext(MenuContext)\r\n\r\n    const tree = useFloatingTree()\r\n    const nodeId = useFloatingNodeId()\r\n    const parentId = useFloatingParentNodeId()\r\n    const item = useListItem()\r\n\r\n    const isNested = parentId != null\r\n\r\n    const handleOpen = (open: boolean) => {\r\n        if (disabled) {\r\n            return\r\n        }\r\n        setIsOpen(open)\r\n        onOpen?.(open)\r\n    }\r\n\r\n    const getDefaultPlacement = () => {\r\n        return direction === 'ltr' ? 'bottom-start' : 'bottom-end'\r\n    }\r\n\r\n    const getNestedDefaultPlacement = () => {\r\n        return direction === 'ltr' ? 'right-start' : 'left-start'\r\n    }\r\n\r\n    const { floatingStyles, refs, context } = useFloating<HTMLElement>({\r\n        nodeId,\r\n        open: isOpen,\r\n        onOpenChange: (open) => {\r\n            handleOpen(open)\r\n        },\r\n        placement:\r\n            placement ||\r\n            (isNested ? getNestedDefaultPlacement() : getDefaultPlacement()),\r\n        middleware: [flip(), shift()],\r\n        whileElementsMounted: autoUpdate,\r\n    })\r\n\r\n    const { isMounted, styles } = useTransitionStyles(context, {\r\n        common: ({ side }) => ({\r\n            transformOrigin: {\r\n                top: 'bottom',\r\n                bottom: 'top',\r\n                left: 'right',\r\n                right: 'left',\r\n            }[side],\r\n        }),\r\n        initial: {\r\n            transform: 'translateY(-5%)',\r\n            opacity: 0,\r\n        },\r\n        duration: 200,\r\n        open: {\r\n            opacity: 1,\r\n            transform: 'translateY(0%)',\r\n        },\r\n        close: {\r\n            opacity: 0,\r\n            transform: 'translateY(-5%)',\r\n        },\r\n    })\r\n\r\n    const hover = useHover(context, {\r\n        enabled: isNested || trigger === 'hover',\r\n        delay: { open: 75 },\r\n        handleClose: safePolygon({ blockPointerEvents: true }),\r\n    })\r\n\r\n    const click = useClick(context, {\r\n        event: 'mousedown',\r\n        toggle: !isNested,\r\n        ignoreMouse: isNested,\r\n    })\r\n\r\n    const role = useRole(context, { role: 'menu' })\r\n\r\n    const dismiss = useDismiss(context, { bubbles: true })\r\n\r\n    const listNavigation = useListNavigation(context, {\r\n        listRef: elementsRef,\r\n        activeIndex,\r\n        nested: isNested,\r\n        onNavigate: setActiveIndex,\r\n    })\r\n    const typeahead = useTypeahead(context, {\r\n        listRef: labelsRef,\r\n        onMatch: isOpen ? setActiveIndex : undefined,\r\n        activeIndex,\r\n    })\r\n\r\n    const { getReferenceProps, getFloatingProps, getItemProps } =\r\n        useInteractions([\r\n            hover,\r\n            role,\r\n            dismiss,\r\n            listNavigation,\r\n            typeahead,\r\n            ...(trigger === 'click' ? [click] : []),\r\n        ])\r\n\r\n    useEffect(() => {\r\n        if (!tree) return\r\n\r\n        function handleTreeClick() {\r\n            setIsOpen(false)\r\n            onOpen?.(false)\r\n        }\r\n\r\n        function onSubMenuOpen(event: { nodeId: string; parentId: string }) {\r\n            if (event.nodeId !== nodeId && event.parentId === parentId) {\r\n                setIsOpen(false)\r\n                onOpen?.(false)\r\n            }\r\n        }\r\n\r\n        tree.events.on('click', handleTreeClick)\r\n        tree.events.on('menuopen', onSubMenuOpen)\r\n\r\n        return () => {\r\n            tree.events.off('click', handleTreeClick)\r\n            tree.events.off('menuopen', onSubMenuOpen)\r\n        }\r\n        // eslint-disable-next-line react-hooks/exhaustive-deps\r\n    }, [tree, nodeId, parentId])\r\n\r\n    useEffect(() => {\r\n        if (isOpen && tree) {\r\n            tree.events.emit('menuopen', { parentId, nodeId })\r\n        }\r\n    }, [tree, isOpen, nodeId, parentId])\r\n\r\n    const toggleRef = useMergeRefs([refs.setReference, item.ref, ref])\r\n\r\n    useImperativeHandle(ref, () => {\r\n        return {\r\n            handleDropdownOpen: () => {\r\n                setIsOpen(true)\r\n                onOpen?.(true)\r\n            },\r\n            handleDropdownClose: () => {\r\n                setIsOpen(false)\r\n                onOpen?.(false)\r\n            },\r\n        }\r\n    }, [onOpen])\r\n\r\n    const toggleProps = {\r\n        ...getReferenceProps(\r\n            parent.getItemProps({\r\n                ...rest,\r\n                onFocus(event: FocusEvent<HTMLElement>) {\r\n                    rest.onFocus?.(event)\r\n                    setHasFocusInside(false)\r\n                    parent.setHasFocusInside(true)\r\n                },\r\n            }),\r\n        ),\r\n        ...(trigger === 'context'\r\n            ? {\r\n                  onContextMenu: (e: MouseEvent<HTMLElement>) => {\r\n                      e.preventDefault()\r\n                      handleOpen(true)\r\n                  },\r\n              }\r\n            : {}),\r\n    }\r\n\r\n    return (\r\n        <FloatingNode id={nodeId}>\r\n            {!isNested ? (\r\n                <DropdownToggle\r\n                    ref={toggleRef}\r\n                    role={'menuitem'}\r\n                    data-open={isOpen ? '' : undefined}\r\n                    data-focus-inside={hasFocusInside ? '' : undefined}\r\n                    className={classNames(toggleClassName)}\r\n                    disabled={disabled}\r\n                    placement={placement}\r\n                    renderTitle={renderTitle}\r\n                    {...toggleProps}\r\n                >\r\n                    {title}\r\n                </DropdownToggle>\r\n            ) : (\r\n                <li\r\n                    ref={toggleRef}\r\n                    tabIndex={parent.activeIndex === item.index ? 0 : -1}\r\n                    data-open={isOpen ? '' : undefined}\r\n                    data-nested={''}\r\n                    data-focus-inside={hasFocusInside ? '' : undefined}\r\n                    className={classNames(toggleClassName, 'outline-none')}\r\n                    {...toggleProps}\r\n                >\r\n                    <DropdownSubItem>\r\n                        {renderTitle ? renderTitle : title}\r\n                    </DropdownSubItem>\r\n                </li>\r\n            )}\r\n            <MenuContext.Provider\r\n                value={{\r\n                    activeIndex,\r\n                    setActiveIndex,\r\n                    getItemProps,\r\n                    setHasFocusInside,\r\n                    isOpen,\r\n                }}\r\n            >\r\n                <FloatingList elementsRef={elementsRef} labelsRef={labelsRef}>\r\n                    {isMounted && (\r\n                        <FloatingPortal>\r\n                            <FloatingFocusManager\r\n                                context={context}\r\n                                modal={false}\r\n                                initialFocus={isNested ? -1 : 0}\r\n                                returnFocus={!isNested}\r\n                            >\r\n                                <div\r\n                                    ref={refs.setFloating}\r\n                                    style={floatingStyles}\r\n                                    {...getFloatingProps()}\r\n                                    className=\"outline-none z-30\"\r\n                                >\r\n                                    <ul\r\n                                        className={classNames(\r\n                                            'dropdown-menu min-w-[160px]',\r\n                                            menuClass,\r\n                                        )}\r\n                                        style={styles}\r\n                                    >\r\n                                        {children}\r\n                                    </ul>\r\n                                </div>\r\n                            </FloatingFocusManager>\r\n                        </FloatingPortal>\r\n                    )}\r\n                </FloatingList>\r\n            </MenuContext.Provider>\r\n        </FloatingNode>\r\n    )\r\n}\r\n\r\nexport default DropdownMenu\r\n"],"names":["DropdownMenu","props","children","title","renderTitle","disabled","toggleClassName","menuClass","placement","trigger","onOpen","ref","rest","isOpen","setIsOpen","useState","hasFocusInside","setHasFocusInside","activeIndex","setActiveIndex","elementsRef","useRef","labelsRef","direction","useConfig","parent","useContext","MenuContext","tree","useFloatingTree","nodeId","useFloatingNodeId","parentId","useFloatingParentNodeId","item","useListItem","isNested","handleOpen","open","getDefaultPlacement","getNestedDefaultPlacement","floatingStyles","refs","context","useFloating","flip","shift","autoUpdate","isMounted","styles","useTransitionStyles","side","hover","useHover","safePolygon","click","useClick","role","useRole","dismiss","useDismiss","listNavigation","useListNavigation","typeahead","useTypeahead","getReferenceProps","getFloatingProps","getItemProps","useInteractions","useEffect","handleTreeClick","onSubMenuOpen","event","toggleRef","useMergeRefs","useImperativeHandle","toggleProps","_a","e","jsxs","FloatingNode","jsx","classNames","DropdownSubItem","DropdownToggle","FloatingList","FloatingPortal","FloatingFocusManager"],"mappings":"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"}
+{"version":3,"file":"DropdownMenu.js","sources":["../../../../../lib/@ecme/components/ui/Dropdown/DropdownMenu.tsx"],"sourcesContent":["import {\n    useState,\n    useRef,\n    useContext,\n    useEffect,\n    useImperativeHandle,\n} from 'react'\nimport DropdownToggle from './DropdownToggle'\nimport DropdownSubItem from './DropdownSubItem'\nimport MenuContext from './context/menuContext'\nimport classNames from '../utils/classNames'\nimport { useConfig } from '../ConfigProvider'\nimport {\n    autoUpdate,\n    flip,\n    FloatingFocusManager,\n    FloatingList,\n    FloatingNode,\n    FloatingPortal,\n    safePolygon,\n    shift,\n    useClick,\n    useDismiss,\n    useFloating,\n    useFloatingNodeId,\n    useFloatingParentNodeId,\n    useFloatingTree,\n    useHover,\n    useInteractions,\n    useListItem,\n    useListNavigation,\n    useMergeRefs,\n    useRole,\n    useTypeahead,\n    useTransitionStyles,\n} from '@floating-ui/react'\nimport type { CommonProps } from '../@types/common'\nimport type { DropdownToggleSharedProps } from './DropdownToggle'\nimport type { DropdownSubItemSharedProps } from './DropdownSubItem'\nimport type { Placement } from '@floating-ui/react'\nimport type { HTMLProps, FocusEvent, MouseEvent, ReactNode, Ref } from 'react'\n\nexport interface DropdownMenuProps\n    extends CommonProps,\n        DropdownToggleSharedProps,\n        DropdownSubItemSharedProps {\n    activeKey?: string\n    title?: string | ReactNode\n    menuClass?: string\n    trigger?: 'click' | 'hover' | 'context'\n    placement?: Placement\n    onOpen?: (bool: boolean) => void\n    ref?: Ref<HTMLElement | DropdownMenuRef>\n}\n\nexport type DropdownMenuRef = {\n    handleDropdownOpen: () => void\n    handleDropdownClose: () => void\n}\n\nconst DropdownMenu = (props: DropdownMenuProps & HTMLProps<HTMLElement>) => {\n    const {\n        children,\n        title,\n        renderTitle,\n        disabled,\n        toggleClassName,\n        menuClass,\n        placement,\n        trigger = 'click',\n        onOpen,\n        ref,\n        ...rest\n    } = props\n\n    const [isOpen, setIsOpen] = useState(false)\n    const [hasFocusInside, setHasFocusInside] = useState(false)\n    const [activeIndex, setActiveIndex] = useState<number | null>(null)\n\n    const elementsRef = useRef<Array<HTMLElement | null>>([])\n    const labelsRef = useRef<Array<string | null>>([])\n\n    const { direction } = useConfig()\n\n    const parent = useContext(MenuContext)\n\n    const tree = useFloatingTree()\n    const nodeId = useFloatingNodeId()\n    const parentId = useFloatingParentNodeId()\n    const item = useListItem()\n\n    const isNested = parentId != null\n\n    const handleOpen = (open: boolean) => {\n        if (disabled) {\n            return\n        }\n        setIsOpen(open)\n        onOpen?.(open)\n    }\n\n    const getDefaultPlacement = () => {\n        return direction === 'ltr' ? 'bottom-start' : 'bottom-end'\n    }\n\n    const getNestedDefaultPlacement = () => {\n        return direction === 'ltr' ? 'right-start' : 'left-start'\n    }\n\n    const { floatingStyles, refs, context } = useFloating<HTMLElement>({\n        nodeId,\n        open: isOpen,\n        onOpenChange: (open) => {\n            handleOpen(open)\n        },\n        placement:\n            placement ||\n            (isNested ? getNestedDefaultPlacement() : getDefaultPlacement()),\n        middleware: [flip(), shift()],\n        whileElementsMounted: autoUpdate,\n    })\n\n    const { isMounted, styles } = useTransitionStyles(context, {\n        common: ({ side }) => ({\n            transformOrigin: {\n                top: 'bottom',\n                bottom: 'top',\n                left: 'right',\n                right: 'left',\n            }[side],\n        }),\n        initial: {\n            transform: 'translateY(-5%)',\n            opacity: 0,\n        },\n        duration: 200,\n        open: {\n            opacity: 1,\n            transform: 'translateY(0%)',\n        },\n        close: {\n            opacity: 0,\n            transform: 'translateY(-5%)',\n        },\n    })\n\n    const hover = useHover(context, {\n        enabled: isNested || trigger === 'hover',\n        delay: { open: 75 },\n        handleClose: safePolygon({ blockPointerEvents: true }),\n    })\n\n    const click = useClick(context, {\n        event: 'mousedown',\n        toggle: !isNested,\n        ignoreMouse: isNested,\n    })\n\n    const role = useRole(context, { role: 'menu' })\n\n    const dismiss = useDismiss(context, { bubbles: true })\n\n    const listNavigation = useListNavigation(context, {\n        listRef: elementsRef,\n        activeIndex,\n        nested: isNested,\n        onNavigate: setActiveIndex,\n    })\n    const typeahead = useTypeahead(context, {\n        listRef: labelsRef,\n        onMatch: isOpen ? setActiveIndex : undefined,\n        activeIndex,\n    })\n\n    const { getReferenceProps, getFloatingProps, getItemProps } =\n        useInteractions([\n            hover,\n            role,\n            dismiss,\n            listNavigation,\n            typeahead,\n            ...(trigger === 'click' ? [click] : []),\n        ])\n\n    useEffect(() => {\n        if (!tree) return\n\n        function handleTreeClick() {\n            setIsOpen(false)\n            onOpen?.(false)\n        }\n\n        function onSubMenuOpen(event: { nodeId: string; parentId: string }) {\n            if (event.nodeId !== nodeId && event.parentId === parentId) {\n                setIsOpen(false)\n                onOpen?.(false)\n            }\n        }\n\n        tree.events.on('click', handleTreeClick)\n        tree.events.on('menuopen', onSubMenuOpen)\n\n        return () => {\n            tree.events.off('click', handleTreeClick)\n            tree.events.off('menuopen', onSubMenuOpen)\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [tree, nodeId, parentId])\n\n    useEffect(() => {\n        if (isOpen && tree) {\n            tree.events.emit('menuopen', { parentId, nodeId })\n        }\n    }, [tree, isOpen, nodeId, parentId])\n\n    const toggleRef = useMergeRefs([refs.setReference, item.ref, ref])\n\n    useImperativeHandle(ref, () => {\n        return {\n            handleDropdownOpen: () => {\n                setIsOpen(true)\n                onOpen?.(true)\n            },\n            handleDropdownClose: () => {\n                setIsOpen(false)\n                onOpen?.(false)\n            },\n        }\n    }, [onOpen])\n\n    const toggleProps = {\n        ...getReferenceProps(\n            parent.getItemProps({\n                ...rest,\n                onFocus(event: FocusEvent<HTMLElement>) {\n                    rest.onFocus?.(event)\n                    setHasFocusInside(false)\n                    parent.setHasFocusInside(true)\n                },\n            }),\n        ),\n        ...(trigger === 'context'\n            ? {\n                  onContextMenu: (e: MouseEvent<HTMLElement>) => {\n                      e.preventDefault()\n                      handleOpen(true)\n                  },\n              }\n            : {}),\n    }\n\n    return (\n        <FloatingNode id={nodeId}>\n            {!isNested ? (\n                <DropdownToggle\n                    ref={toggleRef}\n                    role={'menuitem'}\n                    data-open={isOpen ? '' : undefined}\n                    data-focus-inside={hasFocusInside ? '' : undefined}\n                    className={classNames(toggleClassName)}\n                    disabled={disabled}\n                    placement={placement}\n                    renderTitle={renderTitle}\n                    {...toggleProps}\n                >\n                    {title}\n                </DropdownToggle>\n            ) : (\n                <li\n                    ref={toggleRef}\n                    tabIndex={parent.activeIndex === item.index ? 0 : -1}\n                    data-open={isOpen ? '' : undefined}\n                    data-nested={''}\n                    data-focus-inside={hasFocusInside ? '' : undefined}\n                    className={classNames(toggleClassName, 'outline-none')}\n                    {...toggleProps}\n                >\n                    <DropdownSubItem>\n                        {renderTitle ? renderTitle : title}\n                    </DropdownSubItem>\n                </li>\n            )}\n            <MenuContext.Provider\n                value={{\n                    activeIndex,\n                    setActiveIndex,\n                    getItemProps,\n                    setHasFocusInside,\n                    isOpen,\n                }}\n            >\n                <FloatingList elementsRef={elementsRef} labelsRef={labelsRef}>\n                    {isMounted && (\n                        <FloatingPortal>\n                            <FloatingFocusManager\n                                context={context}\n                                modal={false}\n                                initialFocus={isNested ? -1 : 0}\n                                returnFocus={!isNested}\n                            >\n                                <div\n                                    ref={refs.setFloating}\n                                    style={floatingStyles}\n                                    {...getFloatingProps()}\n                                    className=\"outline-none z-30\"\n                                >\n                                    <ul\n                                        className={classNames(\n                                            'dropdown-menu min-w-[160px]',\n                                            menuClass,\n                                        )}\n                                        style={styles}\n                                    >\n                                        {children}\n                                    </ul>\n                                </div>\n                            </FloatingFocusManager>\n                        </FloatingPortal>\n                    )}\n                </FloatingList>\n            </MenuContext.Provider>\n        </FloatingNode>\n    )\n}\n\nexport default DropdownMenu\n"],"names":["DropdownMenu","props","children","title","renderTitle","disabled","toggleClassName","menuClass","placement","trigger","onOpen","ref","rest","isOpen","setIsOpen","useState","hasFocusInside","setHasFocusInside","activeIndex","setActiveIndex","elementsRef","useRef","labelsRef","direction","useConfig","parent","useContext","MenuContext","tree","useFloatingTree","nodeId","useFloatingNodeId","parentId","useFloatingParentNodeId","item","useListItem","isNested","handleOpen","open","getDefaultPlacement","getNestedDefaultPlacement","floatingStyles","refs","context","useFloating","flip","shift","autoUpdate","isMounted","styles","useTransitionStyles","side","hover","useHover","safePolygon","click","useClick","role","useRole","dismiss","useDismiss","listNavigation","useListNavigation","typeahead","useTypeahead","getReferenceProps","getFloatingProps","getItemProps","useInteractions","useEffect","handleTreeClick","onSubMenuOpen","event","toggleRef","useMergeRefs","useImperativeHandle","toggleProps","_a","e","jsxs","FloatingNode","jsx","classNames","DropdownSubItem","DropdownToggle","FloatingList","FloatingPortal","FloatingFocusManager"],"mappings":"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"}

package/dist/@ecme/components/ui/Dropdown/DropdownSub.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownSub.js","sources":["../../../../../lib/@ecme/components/ui/Dropdown/DropdownSub.tsx"],"sourcesContent":["import DropdownMenu from './DropdownMenu'\r\nimport { FloatingTree, useFloatingParentNodeId } from '@floating-ui/react'\r\nimport type { DropdownMenuProps, DropdownMenuRef } from './DropdownMenu'\r\nimport type { HTMLProps, Ref } from 'react'\r\n\r\nexport interface DropdownSubProps\r\n    extends Omit<DropdownMenuProps, 'trigger' | 'disabled' | 'activeKey'> {\r\n    eventKey?: string\r\n    id?: string\r\n    ref?: Ref<HTMLElement | DropdownMenuRef>\r\n}\r\n\r\nconst DropdownSub = ({\r\n    ref,\r\n    ...props\r\n}: DropdownSubProps & HTMLProps<HTMLElement>) => {\r\n    const parentId = useFloatingParentNodeId()\r\n\r\n    if (parentId === null) {\r\n        return (\r\n            <FloatingTree>\r\n                <DropdownMenu {...props} ref={ref} />\r\n            </FloatingTree>\r\n        )\r\n    }\r\n\r\n    return <DropdownMenu {...props} ref={ref} />\r\n}\r\n\r\nexport default DropdownSub\r\n"],"names":["DropdownSub","ref","props","useFloatingParentNodeId","FloatingTree","jsx","DropdownMenu"],"mappings":";;;AAYA,MAAMA,IAAc,CAAC;AAAA,EACjB,KAAAC;AAAA,EACA,GAAGC;AACP,MACqBC,EAAA,MAEA,yBAERC,GAAA,EACG,UAAA,gBAAAC,EAACC,KAAc,GAAGJ,GAAO,KAAAD,GAAU,GACvC,IAID,gBAAAI,EAACC,GAAA,EAAc,GAAGJ,GAAO,KAAAD,EAAA,CAAU;"}
+{"version":3,"file":"DropdownSub.js","sources":["../../../../../lib/@ecme/components/ui/Dropdown/DropdownSub.tsx"],"sourcesContent":["import DropdownMenu from './DropdownMenu'\nimport { FloatingTree, useFloatingParentNodeId } from '@floating-ui/react'\nimport type { DropdownMenuProps, DropdownMenuRef } from './DropdownMenu'\nimport type { HTMLProps, Ref } from 'react'\n\nexport interface DropdownSubProps\n    extends Omit<DropdownMenuProps, 'trigger' | 'disabled' | 'activeKey'> {\n    eventKey?: string\n    id?: string\n    ref?: Ref<HTMLElement | DropdownMenuRef>\n}\n\nconst DropdownSub = ({\n    ref,\n    ...props\n}: DropdownSubProps & HTMLProps<HTMLElement>) => {\n    const parentId = useFloatingParentNodeId()\n\n    if (parentId === null) {\n        return (\n            <FloatingTree>\n                <DropdownMenu {...props} ref={ref} />\n            </FloatingTree>\n        )\n    }\n\n    return <DropdownMenu {...props} ref={ref} />\n}\n\nexport default DropdownSub\n"],"names":["DropdownSub","ref","props","useFloatingParentNodeId","FloatingTree","jsx","DropdownMenu"],"mappings":";;;AAYA,MAAMA,IAAc,CAAC;AAAA,EACjB,KAAAC;AAAA,EACA,GAAGC;AACP,MACqBC,EAAA,MAEA,yBAERC,GAAA,EACG,UAAA,gBAAAC,EAACC,KAAc,GAAGJ,GAAO,KAAAD,GAAU,GACvC,IAID,gBAAAI,EAACC,GAAA,EAAc,GAAGJ,GAAO,KAAAD,EAAA,CAAU;"}

package/dist/@ecme/components/ui/Dropdown/DropdownSubItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownSubItem.js","sources":["../../../../../lib/@ecme/components/ui/Dropdown/DropdownSubItem.tsx"],"sourcesContent":["import { useContext } from 'react'\r\nimport isNil from 'lodash/isNil'\r\nimport useUncertainRef from '../hooks/useUncertainRef'\r\nimport useUniqueId from '../hooks/useUniqueId'\r\nimport { useConfig } from '../ConfigProvider'\r\nimport classNames from '../utils/classNames'\r\nimport DropdownContext from './context/dropdownContext'\r\nimport MenuItem from '../MenuItem'\r\nimport { TbChevronRight, TbChevronLeft } from 'react-icons/tb'\r\nimport type { CommonProps } from '../@types/common'\r\nimport type { SyntheticEvent, RefObject, ElementType, Ref } from 'react'\r\n\r\nexport interface DropdownSubItemSharedProps {\r\n    onClick?: (e: SyntheticEvent) => void\r\n    onSelect?: (eventKey: string, e: MouseEvent) => void\r\n    disabled?: boolean\r\n    eventKey?: string\r\n}\r\n\r\ninterface DropdownSubItemProps extends CommonProps, DropdownSubItemSharedProps {\r\n    asElement?: ElementType\r\n    active?: boolean\r\n    ref?: Ref<HTMLElement>\r\n}\r\n\r\nconst DropdownSubMenu = (props: DropdownSubItemProps) => {\r\n    const {\r\n        asElement: Component = 'li',\r\n        children,\r\n        active: activeProp,\r\n        disabled,\r\n        className,\r\n        style,\r\n        eventKey,\r\n        onSelect,\r\n        ref = null,\r\n        ...rest\r\n    } = props\r\n\r\n    const { direction } = useConfig()\r\n\r\n    const dropdown = useContext(DropdownContext)\r\n\r\n    const menuitemRef = useUncertainRef<HTMLElement>(\r\n        ref,\r\n    ) as RefObject<HTMLElement | null>\r\n    const menuitemId = useUniqueId('menu-item-')\r\n\r\n    const active =\r\n        activeProp ||\r\n        (!isNil(dropdown?.activeKey) && dropdown?.activeKey === eventKey)\r\n\r\n    return (\r\n        <ul style={style} className=\"relative\" {...rest}>\r\n            <MenuItem\r\n                ref={menuitemRef}\r\n                disabled={disabled}\r\n                asElement={Component}\r\n                id={menuitemId}\r\n                isActive={active}\r\n                eventKey={eventKey}\r\n                className={classNames('dropdown-submenu-item', className)}\r\n                onSelect={onSelect}\r\n            >\r\n                <span>{children}</span>\r\n                {direction === 'rtl' ? <TbChevronLeft /> : <TbChevronRight />}\r\n            </MenuItem>\r\n        </ul>\r\n    )\r\n}\r\n\r\nexport default DropdownSubMenu\r\n"],"names":["DropdownSubMenu","props","Component","children","activeProp","disabled","className","style","eventKey","onSelect","ref","rest","direction","useConfig","dropdown","useContext","DropdownContext","menuitemRef","useUncertainRef","menuitemId","useUniqueId","active","isNil","jsxs","MenuItem","classNames","jsx","TbChevronLeft","TbChevronRight"],"mappings":";;;;;;;;;;;AAyBA,MAAMA,IAAkB,CAACC,MAAgC;AACrD,QAAM;AAAA,IACF,WAAWC,IAAY;AAAA,IACvB,UAAAC;AAAA,IACA,QAAQC;AAAA,IACR,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,KAAAC,IAAM;AAAA,IACN,GAAGC;AAAA,EAAA,IACHV,GAEE,EAAE,WAAAW,EAAA,IAAcC,EAAA,GAEhBC,IAAWC,EAAWC,CAAe,GAErCC,IAAcC;AAAA,IAChBR;AAAA,EAAA,GAEES,IAAaC,EAAY,YAAY,GAErCC,IACFjB,KACC,CAACkB,EAAMR,KAAA,gBAAAA,EAAU,SAAS,MAAKA,KAAA,gBAAAA,EAAU,eAAcN;AAE5D,2BACK,MAAA,EAAG,OAAAD,GAAc,WAAU,YAAY,GAAGI,GACvC,UAAA,gBAAAY;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,KAAKP;AAAA,MACL,UAAAZ;AAAA,MACA,WAAWH;AAAA,MACX,IAAIiB;AAAA,MACJ,UAAUE;AAAA,MACV,UAAAb;AAAA,MACA,WAAWiB,EAAW,yBAAyBnB,CAAS;AAAA,MACxD,UAAAG;AAAA,MAEA,UAAA;AAAA,QAAA,gBAAAiB,EAAC,UAAM,UAAAvB,GAAS;AAAA,QACfS,MAAc,QAAQ,gBAAAc,EAACC,GAAA,CAAA,CAAc,sBAAMC,GAAA,CAAA,CAAe;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAEnE;AAER;"}
+{"version":3,"file":"DropdownSubItem.js","sources":["../../../../../lib/@ecme/components/ui/Dropdown/DropdownSubItem.tsx"],"sourcesContent":["import { useContext } from 'react'\nimport isNil from 'lodash/isNil'\nimport useUncertainRef from '../hooks/useUncertainRef'\nimport useUniqueId from '../hooks/useUniqueId'\nimport { useConfig } from '../ConfigProvider'\nimport classNames from '../utils/classNames'\nimport DropdownContext from './context/dropdownContext'\nimport MenuItem from '../MenuItem'\nimport { TbChevronRight, TbChevronLeft } from 'react-icons/tb'\nimport type { CommonProps } from '../@types/common'\nimport type { SyntheticEvent, RefObject, ElementType, Ref } from 'react'\n\nexport interface DropdownSubItemSharedProps {\n    onClick?: (e: SyntheticEvent) => void\n    onSelect?: (eventKey: string, e: MouseEvent) => void\n    disabled?: boolean\n    eventKey?: string\n}\n\ninterface DropdownSubItemProps extends CommonProps, DropdownSubItemSharedProps {\n    asElement?: ElementType\n    active?: boolean\n    ref?: Ref<HTMLElement>\n}\n\nconst DropdownSubMenu = (props: DropdownSubItemProps) => {\n    const {\n        asElement: Component = 'li',\n        children,\n        active: activeProp,\n        disabled,\n        className,\n        style,\n        eventKey,\n        onSelect,\n        ref = null,\n        ...rest\n    } = props\n\n    const { direction } = useConfig()\n\n    const dropdown = useContext(DropdownContext)\n\n    const menuitemRef = useUncertainRef<HTMLElement>(\n        ref,\n    ) as RefObject<HTMLElement | null>\n    const menuitemId = useUniqueId('menu-item-')\n\n    const active =\n        activeProp ||\n        (!isNil(dropdown?.activeKey) && dropdown?.activeKey === eventKey)\n\n    return (\n        <ul style={style} className=\"relative\" {...rest}>\n            <MenuItem\n                ref={menuitemRef}\n                disabled={disabled}\n                asElement={Component}\n                id={menuitemId}\n                isActive={active}\n                eventKey={eventKey}\n                className={classNames('dropdown-submenu-item', className)}\n                onSelect={onSelect}\n            >\n                <span>{children}</span>\n                {direction === 'rtl' ? <TbChevronLeft /> : <TbChevronRight />}\n            </MenuItem>\n        </ul>\n    )\n}\n\nexport default DropdownSubMenu\n"],"names":["DropdownSubMenu","props","Component","children","activeProp","disabled","className","style","eventKey","onSelect","ref","rest","direction","useConfig","dropdown","useContext","DropdownContext","menuitemRef","useUncertainRef","menuitemId","useUniqueId","active","isNil","jsxs","MenuItem","classNames","jsx","TbChevronLeft","TbChevronRight"],"mappings":";;;;;;;;;;;AAyBA,MAAMA,IAAkB,CAACC,MAAgC;AACrD,QAAM;AAAA,IACF,WAAWC,IAAY;AAAA,IACvB,UAAAC;AAAA,IACA,QAAQC;AAAA,IACR,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,KAAAC,IAAM;AAAA,IACN,GAAGC;AAAA,EAAA,IACHV,GAEE,EAAE,WAAAW,EAAA,IAAcC,EAAA,GAEhBC,IAAWC,EAAWC,CAAe,GAErCC,IAAcC;AAAA,IAChBR;AAAA,EAAA,GAEES,IAAaC,EAAY,YAAY,GAErCC,IACFjB,KACC,CAACkB,EAAMR,KAAA,gBAAAA,EAAU,SAAS,MAAKA,KAAA,gBAAAA,EAAU,eAAcN;AAE5D,2BACK,MAAA,EAAG,OAAAD,GAAc,WAAU,YAAY,GAAGI,GACvC,UAAA,gBAAAY;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,KAAKP;AAAA,MACL,UAAAZ;AAAA,MACA,WAAWH;AAAA,MACX,IAAIiB;AAAA,MACJ,UAAUE;AAAA,MACV,UAAAb;AAAA,MACA,WAAWiB,EAAW,yBAAyBnB,CAAS;AAAA,MACxD,UAAAG;AAAA,MAEA,UAAA;AAAA,QAAA,gBAAAiB,EAAC,UAAM,UAAAvB,GAAS;AAAA,QACfS,MAAc,QAAQ,gBAAAc,EAACC,GAAA,CAAA,CAAc,sBAAMC,GAAA,CAAA,CAAe;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAEnE;AAER;"}

package/dist/@ecme/components/ui/Dropdown/DropdownToggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownToggle.js","sources":["../../../../../lib/@ecme/components/ui/Dropdown/DropdownToggle.tsx"],"sourcesContent":["import classNames from 'classnames'\r\nimport {\r\n    TbChevronDown,\r\n    TbChevronUp,\r\n    TbChevronRight,\r\n    TbChevronLeft,\r\n} from 'react-icons/tb'\r\nimport type { CommonProps } from '../@types/common'\r\nimport type { Placement } from '@floating-ui/react'\r\nimport type { ReactNode, HTMLProps, Ref } from 'react'\r\n\r\nexport interface DropdownToggleSharedProps {\r\n    renderTitle?: ReactNode\r\n    placement?: Placement\r\n    toggleClassName?: string\r\n    disabled?: boolean\r\n}\r\n\r\ninterface DropdownToggleProps extends CommonProps, DropdownToggleSharedProps {\r\n    id?: string\r\n    ref?: Ref<HTMLDivElement>\r\n}\r\n\r\nconst DropdownToggleDefaultContent = ({\r\n    placement,\r\n    children,\r\n}: {\r\n    placement: Placement\r\n    children: string | ReactNode\r\n}) => {\r\n    if (placement && placement.includes('right')) {\r\n        return (\r\n            <>\r\n                {children}\r\n                <TbChevronRight />\r\n            </>\r\n        )\r\n    }\r\n\r\n    if (placement && placement.includes('left')) {\r\n        return (\r\n            <>\r\n                <TbChevronLeft />\r\n                {children}\r\n            </>\r\n        )\r\n    }\r\n\r\n    if (placement && placement.includes('right')) {\r\n        return (\r\n            <>\r\n                {children}\r\n                <TbChevronUp />\r\n            </>\r\n        )\r\n    }\r\n\r\n    return (\r\n        <>\r\n            {children}\r\n            <TbChevronDown />\r\n        </>\r\n    )\r\n}\r\n\r\nconst DropdownToggle = (\r\n    props: DropdownToggleProps & HTMLProps<HTMLDivElement>,\r\n) => {\r\n    const {\r\n        className,\r\n        renderTitle,\r\n        children,\r\n        placement = 'bottom-start',\r\n        disabled,\r\n        ref,\r\n        toggleClassName,\r\n        ...rest\r\n    } = props\r\n\r\n    const toggleClass = 'dropdown-toggle'\r\n    const disabledClass = 'dropdown-toggle-disabled'\r\n\r\n    const dropdownToggleClass = classNames(\r\n        toggleClass,\r\n        className,\r\n        toggleClassName,\r\n        disabled && disabledClass,\r\n    )\r\n\r\n    const dropdownToggleDefaultClass = classNames(\r\n        dropdownToggleClass,\r\n        'dropdown-toggle-default',\r\n    )\r\n\r\n    if (renderTitle) {\r\n        return (\r\n            <div className={dropdownToggleClass} {...rest} ref={ref}>\r\n                {renderTitle}\r\n            </div>\r\n        )\r\n    }\r\n\r\n    return (\r\n        <div ref={ref} className={dropdownToggleDefaultClass} {...rest}>\r\n            <span className=\"flex items-center gap-1\">\r\n                <DropdownToggleDefaultContent placement={placement}>\r\n                    {children}\r\n                </DropdownToggleDefaultContent>\r\n            </span>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default DropdownToggle\r\n"],"names":["DropdownToggleDefaultContent","placement","children","jsxs","Fragment","TbChevronRight","jsx","TbChevronLeft","TbChevronUp","TbChevronDown","DropdownToggle","props","className","renderTitle","disabled","ref","toggleClassName","rest","dropdownToggleClass","classNames","dropdownToggleDefaultClass"],"mappings":";;;AAuBA,MAAMA,IAA+B,CAAC;AAAA,EAClC,WAAAC;AAAA,EACA,UAAAC;AACJ,MAIQD,KAAaA,EAAU,SAAS,OAAO,IAEnC,gBAAAE,EAAAC,GAAA,EACK,UAAA;AAAA,EAAAF;AAAA,oBACAG,GAAA,CAAA,CAAe;AAAA,GACpB,IAIJJ,KAAaA,EAAU,SAAS,MAAM,IAElC,gBAAAE,EAAAC,GAAA,EACI,UAAA;AAAA,EAAA,gBAAAE,EAACC,GAAA,EAAc;AAAA,EACdL;AAAA,GACL,IAIJD,KAAaA,EAAU,SAAS,OAAO,IAEnC,gBAAAE,EAAAC,GAAA,EACK,UAAA;AAAA,EAAAF;AAAA,oBACAM,GAAA,CAAA,CAAY;AAAA,GACjB,IAKJ,gBAAAL,EAAAC,GAAA,EACK,UAAA;AAAA,EAAAF;AAAA,oBACAO,GAAA,CAAA,CAAc;AAAA,GACnB,GAIFC,IAAiB,CACnBC,MACC;AACD,QAAM;AAAA,IACF,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,UAAAX;AAAA,IACA,WAAAD,IAAY;AAAA,IACZ,UAAAa;AAAA,IACA,KAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACHN,GAKEO,IAAsBC;AAAA,IAHR;AAAA,IAKhBP;AAAA,IACAI;AAAA,IACAF,KANkB;AAAA,EAMN,GAGVM,IAA6BD;AAAA,IAC/BD;AAAA,IACA;AAAA,EAAA;AAGJ,SAAIL,sBAEK,OAAA,EAAI,WAAWK,GAAsB,GAAGD,GAAM,KAAAF,GAC1C,UAAAF,GACL,sBAKH,OAAA,EAAI,KAAAE,GAAU,WAAWK,GAA6B,GAAGH,GACtD,UAAA,gBAAAX,EAAC,QAAA,EAAK,WAAU,2BACZ,UAAA,gBAAAA,EAACN,GAAA,EAA6B,WAAAC,GACzB,UAAAC,EAAA,CACL,GACJ,GACJ;AAER;"}
+{"version":3,"file":"DropdownToggle.js","sources":["../../../../../lib/@ecme/components/ui/Dropdown/DropdownToggle.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport {\n    TbChevronDown,\n    TbChevronUp,\n    TbChevronRight,\n    TbChevronLeft,\n} from 'react-icons/tb'\nimport type { CommonProps } from '../@types/common'\nimport type { Placement } from '@floating-ui/react'\nimport type { ReactNode, HTMLProps, Ref } from 'react'\n\nexport interface DropdownToggleSharedProps {\n    renderTitle?: ReactNode\n    placement?: Placement\n    toggleClassName?: string\n    disabled?: boolean\n}\n\ninterface DropdownToggleProps extends CommonProps, DropdownToggleSharedProps {\n    id?: string\n    ref?: Ref<HTMLDivElement>\n}\n\nconst DropdownToggleDefaultContent = ({\n    placement,\n    children,\n}: {\n    placement: Placement\n    children: string | ReactNode\n}) => {\n    if (placement && placement.includes('right')) {\n        return (\n            <>\n                {children}\n                <TbChevronRight />\n            </>\n        )\n    }\n\n    if (placement && placement.includes('left')) {\n        return (\n            <>\n                <TbChevronLeft />\n                {children}\n            </>\n        )\n    }\n\n    if (placement && placement.includes('right')) {\n        return (\n            <>\n                {children}\n                <TbChevronUp />\n            </>\n        )\n    }\n\n    return (\n        <>\n            {children}\n            <TbChevronDown />\n        </>\n    )\n}\n\nconst DropdownToggle = (\n    props: DropdownToggleProps & HTMLProps<HTMLDivElement>,\n) => {\n    const {\n        className,\n        renderTitle,\n        children,\n        placement = 'bottom-start',\n        disabled,\n        ref,\n        toggleClassName,\n        ...rest\n    } = props\n\n    const toggleClass = 'dropdown-toggle'\n    const disabledClass = 'dropdown-toggle-disabled'\n\n    const dropdownToggleClass = classNames(\n        toggleClass,\n        className,\n        toggleClassName,\n        disabled && disabledClass,\n    )\n\n    const dropdownToggleDefaultClass = classNames(\n        dropdownToggleClass,\n        'dropdown-toggle-default',\n    )\n\n    if (renderTitle) {\n        return (\n            <div className={dropdownToggleClass} {...rest} ref={ref}>\n                {renderTitle}\n            </div>\n        )\n    }\n\n    return (\n        <div ref={ref} className={dropdownToggleDefaultClass} {...rest}>\n            <span className=\"flex items-center gap-1\">\n                <DropdownToggleDefaultContent placement={placement}>\n                    {children}\n                </DropdownToggleDefaultContent>\n            </span>\n        </div>\n    )\n}\n\nexport default DropdownToggle\n"],"names":["DropdownToggleDefaultContent","placement","children","jsxs","Fragment","TbChevronRight","jsx","TbChevronLeft","TbChevronUp","TbChevronDown","DropdownToggle","props","className","renderTitle","disabled","ref","toggleClassName","rest","dropdownToggleClass","classNames","dropdownToggleDefaultClass"],"mappings":";;;AAuBA,MAAMA,IAA+B,CAAC;AAAA,EAClC,WAAAC;AAAA,EACA,UAAAC;AACJ,MAIQD,KAAaA,EAAU,SAAS,OAAO,IAEnC,gBAAAE,EAAAC,GAAA,EACK,UAAA;AAAA,EAAAF;AAAA,oBACAG,GAAA,CAAA,CAAe;AAAA,GACpB,IAIJJ,KAAaA,EAAU,SAAS,MAAM,IAElC,gBAAAE,EAAAC,GAAA,EACI,UAAA;AAAA,EAAA,gBAAAE,EAACC,GAAA,EAAc;AAAA,EACdL;AAAA,GACL,IAIJD,KAAaA,EAAU,SAAS,OAAO,IAEnC,gBAAAE,EAAAC,GAAA,EACK,UAAA;AAAA,EAAAF;AAAA,oBACAM,GAAA,CAAA,CAAY;AAAA,GACjB,IAKJ,gBAAAL,EAAAC,GAAA,EACK,UAAA;AAAA,EAAAF;AAAA,oBACAO,GAAA,CAAA,CAAc;AAAA,GACnB,GAIFC,IAAiB,CACnBC,MACC;AACD,QAAM;AAAA,IACF,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,UAAAX;AAAA,IACA,WAAAD,IAAY;AAAA,IACZ,UAAAa;AAAA,IACA,KAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACHN,GAKEO,IAAsBC;AAAA,IAHR;AAAA,IAKhBP;AAAA,IACAI;AAAA,IACAF,KANkB;AAAA,EAMN,GAGVM,IAA6BD;AAAA,IAC/BD;AAAA,IACA;AAAA,EAAA;AAGJ,SAAIL,sBAEK,OAAA,EAAI,WAAWK,GAAsB,GAAGD,GAAM,KAAAF,GAC1C,UAAAF,GACL,sBAKH,OAAA,EAAI,KAAAE,GAAU,WAAWK,GAA6B,GAAGH,GACtD,UAAA,gBAAAX,EAAC,QAAA,EAAK,WAAU,2BACZ,UAAA,gBAAAA,EAACN,GAAA,EAA6B,WAAAC,GACzB,UAAAC,EAAA,CACL,GACJ,GACJ;AAER;"}

package/dist/@ecme/components/ui/Dropdown/context/dropdownContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropdownContext.js","sources":["../../../../../../lib/@ecme/components/ui/Dropdown/context/dropdownContext.ts"],"sourcesContent":["import { createContext } from 'react'\r\n\r\nexport type DropdownContextProps = {\r\n    activeKey?: string\r\n}\r\n\r\nconst DropdownContext = createContext<DropdownContextProps>({})\r\n\r\nexport const DropdownContextProvider = DropdownContext.Provider\r\n\r\nexport default DropdownContext\r\n"],"names":["DropdownContext","createContext","DropdownContextProvider"],"mappings":";AAMA,MAAMA,IAAkBC,EAAoC,CAAA,CAAE,GAEjDC,IAA0BF,EAAgB;"}
+{"version":3,"file":"dropdownContext.js","sources":["../../../../../../lib/@ecme/components/ui/Dropdown/context/dropdownContext.ts"],"sourcesContent":["import { createContext } from 'react'\n\nexport type DropdownContextProps = {\n    activeKey?: string\n}\n\nconst DropdownContext = createContext<DropdownContextProps>({})\n\nexport const DropdownContextProvider = DropdownContext.Provider\n\nexport default DropdownContext\n"],"names":["DropdownContext","createContext","DropdownContextProvider"],"mappings":";AAMA,MAAMA,IAAkBC,EAAoC,CAAA,CAAE,GAEjDC,IAA0BF,EAAgB;"}

package/dist/@ecme/components/ui/Dropdown/context/menuContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"menuContext.js","sources":["../../../../../../lib/@ecme/components/ui/Dropdown/context/menuContext.ts"],"sourcesContent":["import { createContext } from 'react'\r\n\r\nexport type MenuContextProps = {\r\n    getItemProps: (\r\n        userProps?: React.HTMLProps<HTMLElement>,\r\n    ) => Record<string, unknown>\r\n    activeIndex: number | null\r\n    setActiveIndex: React.Dispatch<React.SetStateAction<number | null>>\r\n    setHasFocusInside: React.Dispatch<React.SetStateAction<boolean>>\r\n    isOpen: boolean\r\n}\r\n\r\nconst MenuContext = createContext<MenuContextProps>({\r\n    getItemProps: () => ({}),\r\n    activeIndex: null,\r\n    setActiveIndex: () => {},\r\n    setHasFocusInside: () => {},\r\n    isOpen: false,\r\n})\r\n\r\nexport const MenuContextProvider = MenuContext.Provider\r\n\r\nexport default MenuContext\r\n"],"names":["MenuContext","createContext","MenuContextProvider"],"mappings":";AAYA,MAAMA,IAAcC,EAAgC;AAAA,EAChD,cAAc,OAAO,CAAA;AAAA,EACrB,aAAa;AAAA,EACb,gBAAgB,MAAM;AAAA,EAAA;AAAA,EACtB,mBAAmB,MAAM;AAAA,EAAA;AAAA,EACzB,QAAQ;AACZ,CAAC,GAEYC,IAAsBF,EAAY;"}
+{"version":3,"file":"menuContext.js","sources":["../../../../../../lib/@ecme/components/ui/Dropdown/context/menuContext.ts"],"sourcesContent":["import { createContext } from 'react'\n\nexport type MenuContextProps = {\n    getItemProps: (\n        userProps?: React.HTMLProps<HTMLElement>,\n    ) => Record<string, unknown>\n    activeIndex: number | null\n    setActiveIndex: React.Dispatch<React.SetStateAction<number | null>>\n    setHasFocusInside: React.Dispatch<React.SetStateAction<boolean>>\n    isOpen: boolean\n}\n\nconst MenuContext = createContext<MenuContextProps>({\n    getItemProps: () => ({}),\n    activeIndex: null,\n    setActiveIndex: () => {},\n    setHasFocusInside: () => {},\n    isOpen: false,\n})\n\nexport const MenuContextProvider = MenuContext.Provider\n\nexport default MenuContext\n"],"names":["MenuContext","createContext","MenuContextProvider"],"mappings":";AAYA,MAAMA,IAAcC,EAAgC;AAAA,EAChD,cAAc,OAAO,CAAA;AAAA,EACrB,aAAa;AAAA,EACb,gBAAgB,MAAM;AAAA,EAAC;AAAA,EACvB,mBAAmB,MAAM;AAAA,EAAC;AAAA,EAC1B,QAAQ;AACZ,CAAC,GAEYC,IAAsBF,EAAY;"}

package/dist/@ecme/components/ui/Dropdown/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../lib/@ecme/components/ui/Dropdown/index.ts"],"sourcesContent":["import type { ForwardRefExoticComponent, RefAttributes } from 'react'\r\nimport _Dropdown, { DropdownProps } from './Dropdown'\r\nimport DropdownItem from './DropdownItem'\r\nimport DropdownSub from './DropdownSub'\r\nimport type { DropdownRef } from './Dropdown'\r\n\r\nexport type { DropdownProps, DropdownRef } from './Dropdown'\r\nexport type { DropdownItemProps } from './DropdownItem'\r\nexport type { DropdownSubProps as DropdownMenuProps } from './DropdownSub'\r\n\r\ntype CompoundedComponent = ForwardRefExoticComponent<\r\n    DropdownProps & RefAttributes<DropdownRef>\r\n> & {\r\n    Item: typeof DropdownItem\r\n    Menu: typeof DropdownSub\r\n}\r\n\r\nconst Dropdown = _Dropdown as CompoundedComponent\r\n\r\nDropdown.Item = DropdownItem\r\nDropdown.Menu = DropdownSub\r\n\r\nexport { Dropdown }\r\n\r\nexport default Dropdown\r\n"],"names":["Dropdown","_Dropdown","DropdownItem","DropdownSub"],"mappings":";;;AAiBA,MAAMA,IAAWC;AAEjBD,EAAS,OAAOE;AAChBF,EAAS,OAAOG;"}
+{"version":3,"file":"index.js","sources":["../../../../../lib/@ecme/components/ui/Dropdown/index.ts"],"sourcesContent":["import type { ForwardRefExoticComponent, RefAttributes } from 'react'\nimport _Dropdown, { DropdownProps } from './Dropdown'\nimport DropdownItem from './DropdownItem'\nimport DropdownSub from './DropdownSub'\nimport type { DropdownRef } from './Dropdown'\n\nexport type { DropdownProps, DropdownRef } from './Dropdown'\nexport type { DropdownItemProps } from './DropdownItem'\nexport type { DropdownSubProps as DropdownMenuProps } from './DropdownSub'\n\ntype CompoundedComponent = ForwardRefExoticComponent<\n    DropdownProps & RefAttributes<DropdownRef>\n> & {\n    Item: typeof DropdownItem\n    Menu: typeof DropdownSub\n}\n\nconst Dropdown = _Dropdown as CompoundedComponent\n\nDropdown.Item = DropdownItem\nDropdown.Menu = DropdownSub\n\nexport { Dropdown }\n\nexport default Dropdown\n"],"names":["Dropdown","_Dropdown","DropdownItem","DropdownSub"],"mappings":";;;AAiBA,MAAMA,IAAWC;AAEjBD,EAAS,OAAOE;AAChBF,EAAS,OAAOG;"}

package/dist/@ecme/components/ui/Form/Form.js.map

@@ -1 +1 @@
-{"version":3,"file":"Form.js","sources":["../../../../../lib/@ecme/components/ui/Form/Form.tsx"],"sourcesContent":["import FormContainer from './FormContainer'\r\nimport type { ComponentPropsWithoutRef, Ref } from 'react'\r\nimport type { FormContainerProps } from './FormContainer'\r\n\r\nexport type FormProps = ComponentPropsWithoutRef<'form'> &\r\n    FormContainerProps & {\r\n        containerClassName?: string\r\n        ref?: Ref<HTMLFormElement>\r\n    }\r\n\r\nexport const Form = (props: FormProps) => {\r\n    const {\r\n        children,\r\n        containerClassName,\r\n        labelWidth,\r\n        layout,\r\n        size,\r\n        ref,\r\n        ...rest\r\n    } = props\r\n\r\n    return (\r\n        <form ref={ref} {...rest}>\r\n            <FormContainer\r\n                className={containerClassName}\r\n                labelWidth={labelWidth}\r\n                layout={layout}\r\n                size={size}\r\n            >\r\n                {children}\r\n            </FormContainer>\r\n        </form>\r\n    )\r\n}\r\n\r\nexport default Form\r\n"],"names":["Form","props","children","containerClassName","labelWidth","layout","size","ref","rest","jsx","FormContainer"],"mappings":";;AAUO,MAAMA,IAAO,CAACC,MAAqB;AACtC,QAAM;AAAA,IACF,UAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,QAAAC;AAAA,IACA,MAAAC;AAAA,IACA,KAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACHP;AAEJ,SACI,gBAAAQ,EAAC,QAAA,EAAK,KAAAF,GAAW,GAAGC,GAChB,UAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,WAAWP;AAAA,MACX,YAAAC;AAAA,MACA,QAAAC;AAAA,MACA,MAAAC;AAAA,MAEC,UAAAJ;AAAA,IAAA;AAAA,EAAA,GAET;AAER;"}
+{"version":3,"file":"Form.js","sources":["../../../../../lib/@ecme/components/ui/Form/Form.tsx"],"sourcesContent":["import FormContainer from './FormContainer'\nimport type { ComponentPropsWithoutRef, Ref } from 'react'\nimport type { FormContainerProps } from './FormContainer'\n\nexport type FormProps = ComponentPropsWithoutRef<'form'> &\n    FormContainerProps & {\n        containerClassName?: string\n        ref?: Ref<HTMLFormElement>\n    }\n\nexport const Form = (props: FormProps) => {\n    const {\n        children,\n        containerClassName,\n        labelWidth,\n        layout,\n        size,\n        ref,\n        ...rest\n    } = props\n\n    return (\n        <form ref={ref} {...rest}>\n            <FormContainer\n                className={containerClassName}\n                labelWidth={labelWidth}\n                layout={layout}\n                size={size}\n            >\n                {children}\n            </FormContainer>\n        </form>\n    )\n}\n\nexport default Form\n"],"names":["Form","props","children","containerClassName","labelWidth","layout","size","ref","rest","jsx","FormContainer"],"mappings":";;AAUO,MAAMA,IAAO,CAACC,MAAqB;AACtC,QAAM;AAAA,IACF,UAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,QAAAC;AAAA,IACA,MAAAC;AAAA,IACA,KAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACHP;AAEJ,SACI,gBAAAQ,EAAC,QAAA,EAAK,KAAAF,GAAW,GAAGC,GAChB,UAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,WAAWP;AAAA,MACX,YAAAC;AAAA,MACA,QAAAC;AAAA,MACA,MAAAC;AAAA,MAEC,UAAAJ;AAAA,IAAA;AAAA,EAAA,GAET;AAER;"}

package/dist/@ecme/components/ui/Form/FormContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormContainer.js","sources":["../../../../../lib/@ecme/components/ui/Form/FormContainer.tsx"],"sourcesContent":["import { FormContextProvider, FormContextConsumer } from './context'\r\nimport { useConfig } from '../ConfigProvider'\r\nimport classNames from 'classnames'\r\nimport { SIZES, LAYOUT } from '../utils/constants'\r\nimport type { FormContextProps } from './context'\r\nimport type { CommonProps, TypeAttributes } from '../@types/common'\r\n\r\nexport interface FormContainerProps extends CommonProps {\r\n    size?: TypeAttributes.ControlSize\r\n    layout?: TypeAttributes.FormLayout\r\n    labelWidth?: string | number\r\n}\r\n\r\nconst FormContainer = (props: FormContainerProps) => {\r\n    const { controlSize } = useConfig()\r\n\r\n    const {\r\n        children,\r\n        className,\r\n        labelWidth = 100,\r\n        layout = LAYOUT.VERTICAL,\r\n        size = SIZES.MD,\r\n    } = props\r\n\r\n    const contextValue = {\r\n        labelWidth,\r\n        layout,\r\n        size: size || controlSize,\r\n    }\r\n\r\n    return (\r\n        <FormContextProvider value={contextValue as FormContextProps}>\r\n            <FormContextConsumer>\r\n                {(context) => {\r\n                    return (\r\n                        <div\r\n                            className={classNames(\r\n                                'form-container',\r\n                                context?.layout,\r\n                                className,\r\n                            )}\r\n                        >\r\n                            {children}\r\n                        </div>\r\n                    )\r\n                }}\r\n            </FormContextConsumer>\r\n        </FormContextProvider>\r\n    )\r\n}\r\n\r\nFormContainer.displayName = 'FormContainer'\r\n\r\nexport default FormContainer\r\n"],"names":["FormContainer","props","controlSize","useConfig","children","className","labelWidth","layout","LAYOUT","size","SIZES","FormContextProvider","jsx","FormContextConsumer","context","classNames"],"mappings":";;;;;;AAaA,MAAMA,IAAgB,CAACC,MAA8B;AACjD,QAAM,EAAE,aAAAC,EAAA,IAAgBC,EAAA,GAElB;AAAA,IACF,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,YAAAC,IAAa;AAAA,IACb,QAAAC,IAASC,EAAO;AAAA,IAChB,MAAAC,IAAOC,EAAM;AAAA,EAAA,IACbT;AAQJ,2BACKU,GAAA,EAAoB,OAPJ;AAAA,IACjB,YAAAL;AAAA,IACA,QAAAC;AAAA,IACA,MAAME,KAAQP;AAAA,EAAA,GAKV,UAAA,gBAAAU,EAACC,GAAA,EACI,WAACC,MAEM,gBAAAF;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAWG;AAAA,QACP;AAAA,QACAD,KAAA,gBAAAA,EAAS;AAAA,QACTT;AAAA,MAAA;AAAA,MAGH,UAAAD;AAAA,IAAA;AAAA,EAAA,GAIjB,EAAA,CACJ;AAER;AAEAJ,EAAc,cAAc;"}
+{"version":3,"file":"FormContainer.js","sources":["../../../../../lib/@ecme/components/ui/Form/FormContainer.tsx"],"sourcesContent":["import { FormContextProvider, FormContextConsumer } from './context'\nimport { useConfig } from '../ConfigProvider'\nimport classNames from 'classnames'\nimport { SIZES, LAYOUT } from '../utils/constants'\nimport type { FormContextProps } from './context'\nimport type { CommonProps, TypeAttributes } from '../@types/common'\n\nexport interface FormContainerProps extends CommonProps {\n    size?: TypeAttributes.ControlSize\n    layout?: TypeAttributes.FormLayout\n    labelWidth?: string | number\n}\n\nconst FormContainer = (props: FormContainerProps) => {\n    const { controlSize } = useConfig()\n\n    const {\n        children,\n        className,\n        labelWidth = 100,\n        layout = LAYOUT.VERTICAL,\n        size = SIZES.MD,\n    } = props\n\n    const contextValue = {\n        labelWidth,\n        layout,\n        size: size || controlSize,\n    }\n\n    return (\n        <FormContextProvider value={contextValue as FormContextProps}>\n            <FormContextConsumer>\n                {(context) => {\n                    return (\n                        <div\n                            className={classNames(\n                                'form-container',\n                                context?.layout,\n                                className,\n                            )}\n                        >\n                            {children}\n                        </div>\n                    )\n                }}\n            </FormContextConsumer>\n        </FormContextProvider>\n    )\n}\n\nFormContainer.displayName = 'FormContainer'\n\nexport default FormContainer\n"],"names":["FormContainer","props","controlSize","useConfig","children","className","labelWidth","layout","LAYOUT","size","SIZES","FormContextProvider","jsx","FormContextConsumer","context","classNames"],"mappings":";;;;;;AAaA,MAAMA,IAAgB,CAACC,MAA8B;AACjD,QAAM,EAAE,aAAAC,EAAA,IAAgBC,EAAA,GAElB;AAAA,IACF,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,YAAAC,IAAa;AAAA,IACb,QAAAC,IAASC,EAAO;AAAA,IAChB,MAAAC,IAAOC,EAAM;AAAA,EAAA,IACbT;AAQJ,2BACKU,GAAA,EAAoB,OAPJ;AAAA,IACjB,YAAAL;AAAA,IACA,QAAAC;AAAA,IACA,MAAME,KAAQP;AAAA,EAAA,GAKV,UAAA,gBAAAU,EAACC,GAAA,EACI,WAACC,MAEM,gBAAAF;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAWG;AAAA,QACP;AAAA,QACAD,KAAA,gBAAAA,EAAS;AAAA,QACTT;AAAA,MAAA;AAAA,MAGH,UAAAD;AAAA,IAAA;AAAA,EAAA,GAIjB,EAAA,CACJ;AAER;AAEAJ,EAAc,cAAc;"}

package/dist/@ecme/components/ui/Form/FormItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormItem.js","sources":["../../../../../lib/@ecme/components/ui/Form/FormItem.tsx"],"sourcesContent":["import classNames from '../utils/classNames'\r\nimport { motion, AnimatePresence } from 'framer-motion'\r\nimport { useForm, FormItemContextProvider } from './context'\r\nimport { useConfig } from '../ConfigProvider'\r\nimport { CONTROL_SIZES, LAYOUT } from '../utils/constants'\r\nimport type { CommonProps, TypeAttributes } from '../@types/common'\r\nimport type { ReactNode, Ref } from 'react'\r\n\r\nexport interface FormItemProps extends CommonProps {\r\n    asterisk?: boolean\r\n    errorMessage?: string\r\n    extra?: string | ReactNode\r\n    htmlFor?: string\r\n    invalid?: boolean\r\n    label?: string\r\n    labelClass?: string\r\n    labelWidth?: string | number\r\n    layout?: TypeAttributes.FormLayout\r\n    ref?: Ref<HTMLDivElement>\r\n    size?: TypeAttributes.ControlSize\r\n}\r\n\r\nconst FormItem = (props: FormItemProps) => {\r\n    const {\r\n        asterisk,\r\n        children,\r\n        className,\r\n        errorMessage,\r\n        extra,\r\n        htmlFor,\r\n        invalid,\r\n        label,\r\n        labelClass,\r\n        labelWidth,\r\n        layout,\r\n        ref,\r\n        style,\r\n        size,\r\n    } = props\r\n\r\n    const formContext = useForm()\r\n    const { controlSize } = useConfig()\r\n\r\n    const formItemLabelHeight = size || formContext?.size || controlSize\r\n    const formItemLabelWidth = labelWidth || formContext?.labelWidth\r\n    const formItemLayout = layout || formContext?.layout || 'vertical'\r\n\r\n    const getFormLabelLayoutClass = () => {\r\n        switch (formItemLayout) {\r\n            case LAYOUT.HORIZONTAL:\r\n                return label\r\n                    ? `${CONTROL_SIZES[formItemLabelHeight].h} ${\r\n                          label && 'ltr:pr-2 rtl:pl-2'\r\n                      }`\r\n                    : 'ltr:pr-2 rtl:pl-2'\r\n            case LAYOUT.VERTICAL:\r\n                return `mb-2`\r\n            case LAYOUT.INLINE:\r\n                return `${CONTROL_SIZES[formItemLabelHeight].h} ${\r\n                    label && 'ltr:pr-2 rtl:pl-2'\r\n                }`\r\n            default:\r\n                return ''\r\n        }\r\n    }\r\n\r\n    const formItemClass = classNames(\r\n        'form-item',\r\n        formItemLayout,\r\n        className,\r\n        invalid ? 'invalid' : '',\r\n    )\r\n\r\n    const formLabelClass = classNames(\r\n        'form-label',\r\n        label && getFormLabelLayoutClass(),\r\n        labelClass,\r\n    )\r\n\r\n    const formLabelStyle = () => {\r\n        if (formItemLayout === LAYOUT.HORIZONTAL) {\r\n            return { ...style, ...{ minWidth: formItemLabelWidth } }\r\n        }\r\n\r\n        return { ...style }\r\n    }\r\n\r\n    const enterStyle = { opacity: 1, marginTop: 3, bottom: -21 }\r\n    const exitStyle = { opacity: 0, marginTop: -10 }\r\n    const initialStyle = exitStyle\r\n\r\n    return (\r\n        <FormItemContextProvider value={{ invalid }}>\r\n            <div ref={ref} className={formItemClass}>\r\n                <label\r\n                    htmlFor={htmlFor}\r\n                    className={formLabelClass}\r\n                    style={formLabelStyle()}\r\n                >\r\n                    {asterisk && (\r\n                        <span className=\"text-red-500 ltr:mr-1 rtl:ml-1\">\r\n                            *\r\n                        </span>\r\n                    )}\r\n                    {label}\r\n                    {extra && <span>{extra}</span>}\r\n                    {label && formItemLayout !== 'vertical' && ':'}\r\n                </label>\r\n                <div\r\n                    className={\r\n                        formItemLayout === LAYOUT.HORIZONTAL\r\n                            ? 'w-full flex flex-col justify-center relative'\r\n                            : ''\r\n                    }\r\n                >\r\n                    {children}\r\n                    <AnimatePresence mode=\"wait\">\r\n                        {invalid && (\r\n                            <motion.div\r\n                                className=\"form-explain\"\r\n                                initial={initialStyle}\r\n                                animate={enterStyle}\r\n                                exit={exitStyle}\r\n                                transition={{ duration: 0.15, type: 'tween' }}\r\n                            >\r\n                                {errorMessage}\r\n                            </motion.div>\r\n                        )}\r\n                    </AnimatePresence>\r\n                </div>\r\n            </div>\r\n        </FormItemContextProvider>\r\n    )\r\n}\r\n\r\nexport default FormItem\r\n"],"names":["FormItem","props","asterisk","children","className","errorMessage","extra","htmlFor","invalid","label","labelClass","labelWidth","layout","ref","style","size","formContext","useForm","controlSize","useConfig","formItemLabelHeight","formItemLabelWidth","formItemLayout","getFormLabelLayoutClass","LAYOUT","CONTROL_SIZES","formItemClass","classNames","formLabelClass","formLabelStyle","enterStyle","exitStyle","initialStyle","jsx","FormItemContextProvider","jsxs","AnimatePresence","motion"],"mappings":";;;;;;;AAsBA,MAAMA,IAAW,CAACC,MAAyB;AACvC,QAAM;AAAA,IACF,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,cAAAC;AAAA,IACA,OAAAC;AAAA,IACA,SAAAC;AAAA,IACA,SAAAC;AAAA,IACA,OAAAC;AAAA,IACA,YAAAC;AAAA,IACA,YAAAC;AAAA,IACA,QAAAC;AAAA,IACA,KAAAC;AAAA,IACA,OAAAC;AAAA,IACA,MAAAC;AAAA,EAAA,IACAd,GAEEe,IAAcC,EAAA,GACd,EAAE,aAAAC,EAAA,IAAgBC,EAAA,GAElBC,IAAsBL,MAAQC,KAAA,gBAAAA,EAAa,SAAQE,GACnDG,IAAqBV,MAAcK,KAAA,gBAAAA,EAAa,aAChDM,IAAiBV,MAAUI,KAAA,gBAAAA,EAAa,WAAU,YAElDO,IAA0B,MAAM;AAClC,YAAQD,GAAA;AAAA,MACJ,KAAKE,EAAO;AACR,eAAOf,IACD,GAAGgB,EAAcL,CAAmB,EAAE,CAAC,IACnCX,KAAS,mBACb,KACA;AAAA,MACV,KAAKe,EAAO;AACR,eAAO;AAAA,MACX,KAAKA,EAAO;AACR,eAAO,GAAGC,EAAcL,CAAmB,EAAE,CAAC,IAC1CX,KAAS,mBACb;AAAA,MACJ;AACI,eAAO;AAAA,IAAA;AAAA,EACf,GAGEiB,IAAgBC;AAAA,IAClB;AAAA,IACAL;AAAA,IACAlB;AAAA,IACAI,IAAU,YAAY;AAAA,EAAA,GAGpBoB,IAAiBD;AAAA,IACnB;AAAA,IACAlB,KAASc,EAAA;AAAA,IACTb;AAAA,EAAA,GAGEmB,IAAiB,MACfP,MAAmBE,EAAO,aACnB,EAAE,GAAGV,GAAY,UAAUO,EAAmB,IAGlD,EAAE,GAAGP,EAAA,GAGVgB,IAAa,EAAE,SAAS,GAAG,WAAW,GAAG,QAAQ,IAAA,GACjDC,IAAY,EAAE,SAAS,GAAG,WAAW,IAAA,GACrCC,IAAeD;AAErB,SACI,gBAAAE,EAACC,GAAA,EAAwB,OAAO,EAAE,SAAA1B,EAAA,GAC9B,UAAA,gBAAA2B,EAAC,OAAA,EAAI,KAAAtB,GAAU,WAAWa,GACtB,UAAA;AAAA,IAAA,gBAAAS;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,SAAA5B;AAAA,QACA,WAAWqB;AAAA,QACX,OAAOC,EAAA;AAAA,QAEN,UAAA;AAAA,UAAA3B,KACG,gBAAA+B,EAAC,QAAA,EAAK,WAAU,kCAAiC,UAAA,KAEjD;AAAA,UAEHxB;AAAA,UACAH,KAAS,gBAAA2B,EAAC,QAAA,EAAM,UAAA3B,EAAA,CAAM;AAAA,UACtBG,KAASa,MAAmB,cAAc;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAE/C,gBAAAa;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WACIb,MAAmBE,EAAO,aACpB,iDACA;AAAA,QAGT,UAAA;AAAA,UAAArB;AAAA,UACD,gBAAA8B,EAACG,GAAA,EAAgB,MAAK,QACjB,UAAA5B,KACG,gBAAAyB;AAAA,YAACI,EAAO;AAAA,YAAP;AAAA,cACG,WAAU;AAAA,cACV,SAASL;AAAA,cACT,SAASF;AAAA,cACT,MAAMC;AAAA,cACN,YAAY,EAAE,UAAU,MAAM,MAAM,QAAA;AAAA,cAEnC,UAAA1B;AAAA,YAAA;AAAA,UAAA,EACL,CAER;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ,EAAA,CACJ,EAAA,CACJ;AAER;"}
+{"version":3,"file":"FormItem.js","sources":["../../../../../lib/@ecme/components/ui/Form/FormItem.tsx"],"sourcesContent":["import classNames from '../utils/classNames'\nimport { motion, AnimatePresence } from 'framer-motion'\nimport { useForm, FormItemContextProvider } from './context'\nimport { useConfig } from '../ConfigProvider'\nimport { CONTROL_SIZES, LAYOUT } from '../utils/constants'\nimport type { CommonProps, TypeAttributes } from '../@types/common'\nimport type { ReactNode, Ref } from 'react'\n\nexport interface FormItemProps extends CommonProps {\n    asterisk?: boolean\n    errorMessage?: string\n    extra?: string | ReactNode\n    htmlFor?: string\n    invalid?: boolean\n    label?: string\n    labelClass?: string\n    labelWidth?: string | number\n    layout?: TypeAttributes.FormLayout\n    ref?: Ref<HTMLDivElement>\n    size?: TypeAttributes.ControlSize\n}\n\nconst FormItem = (props: FormItemProps) => {\n    const {\n        asterisk,\n        children,\n        className,\n        errorMessage,\n        extra,\n        htmlFor,\n        invalid,\n        label,\n        labelClass,\n        labelWidth,\n        layout,\n        ref,\n        style,\n        size,\n    } = props\n\n    const formContext = useForm()\n    const { controlSize } = useConfig()\n\n    const formItemLabelHeight = size || formContext?.size || controlSize\n    const formItemLabelWidth = labelWidth || formContext?.labelWidth\n    const formItemLayout = layout || formContext?.layout || 'vertical'\n\n    const getFormLabelLayoutClass = () => {\n        switch (formItemLayout) {\n            case LAYOUT.HORIZONTAL:\n                return label\n                    ? `${CONTROL_SIZES[formItemLabelHeight].h} ${\n                          label && 'ltr:pr-2 rtl:pl-2'\n                      }`\n                    : 'ltr:pr-2 rtl:pl-2'\n            case LAYOUT.VERTICAL:\n                return `mb-2`\n            case LAYOUT.INLINE:\n                return `${CONTROL_SIZES[formItemLabelHeight].h} ${\n                    label && 'ltr:pr-2 rtl:pl-2'\n                }`\n            default:\n                return ''\n        }\n    }\n\n    const formItemClass = classNames(\n        'form-item',\n        formItemLayout,\n        className,\n        invalid ? 'invalid' : '',\n    )\n\n    const formLabelClass = classNames(\n        'form-label',\n        label && getFormLabelLayoutClass(),\n        labelClass,\n    )\n\n    const formLabelStyle = () => {\n        if (formItemLayout === LAYOUT.HORIZONTAL) {\n            return { ...style, ...{ minWidth: formItemLabelWidth } }\n        }\n\n        return { ...style }\n    }\n\n    const enterStyle = { opacity: 1, marginTop: 3, bottom: -21 }\n    const exitStyle = { opacity: 0, marginTop: -10 }\n    const initialStyle = exitStyle\n\n    return (\n        <FormItemContextProvider value={{ invalid }}>\n            <div ref={ref} className={formItemClass}>\n                <label\n                    htmlFor={htmlFor}\n                    className={formLabelClass}\n                    style={formLabelStyle()}\n                >\n                    {asterisk && (\n                        <span className=\"text-red-500 ltr:mr-1 rtl:ml-1\">\n                            *\n                        </span>\n                    )}\n                    {label}\n                    {extra && <span>{extra}</span>}\n                    {label && formItemLayout !== 'vertical' && ':'}\n                </label>\n                <div\n                    className={\n                        formItemLayout === LAYOUT.HORIZONTAL\n                            ? 'w-full flex flex-col justify-center relative'\n                            : ''\n                    }\n                >\n                    {children}\n                    <AnimatePresence mode=\"wait\">\n                        {invalid && (\n                            <motion.div\n                                className=\"form-explain\"\n                                initial={initialStyle}\n                                animate={enterStyle}\n                                exit={exitStyle}\n                                transition={{ duration: 0.15, type: 'tween' }}\n                            >\n                                {errorMessage}\n                            </motion.div>\n                        )}\n                    </AnimatePresence>\n                </div>\n            </div>\n        </FormItemContextProvider>\n    )\n}\n\nexport default FormItem\n"],"names":["FormItem","props","asterisk","children","className","errorMessage","extra","htmlFor","invalid","label","labelClass","labelWidth","layout","ref","style","size","formContext","useForm","controlSize","useConfig","formItemLabelHeight","formItemLabelWidth","formItemLayout","getFormLabelLayoutClass","LAYOUT","CONTROL_SIZES","formItemClass","classNames","formLabelClass","formLabelStyle","enterStyle","exitStyle","initialStyle","jsx","FormItemContextProvider","jsxs","AnimatePresence","motion"],"mappings":";;;;;;;AAsBA,MAAMA,IAAW,CAACC,MAAyB;AACvC,QAAM;AAAA,IACF,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,cAAAC;AAAA,IACA,OAAAC;AAAA,IACA,SAAAC;AAAA,IACA,SAAAC;AAAA,IACA,OAAAC;AAAA,IACA,YAAAC;AAAA,IACA,YAAAC;AAAA,IACA,QAAAC;AAAA,IACA,KAAAC;AAAA,IACA,OAAAC;AAAA,IACA,MAAAC;AAAA,EAAA,IACAd,GAEEe,IAAcC,EAAA,GACd,EAAE,aAAAC,EAAA,IAAgBC,EAAA,GAElBC,IAAsBL,MAAQC,KAAA,gBAAAA,EAAa,SAAQE,GACnDG,IAAqBV,MAAcK,KAAA,gBAAAA,EAAa,aAChDM,IAAiBV,MAAUI,KAAA,gBAAAA,EAAa,WAAU,YAElDO,IAA0B,MAAM;AAClC,YAAQD,GAAA;AAAA,MACJ,KAAKE,EAAO;AACR,eAAOf,IACD,GAAGgB,EAAcL,CAAmB,EAAE,CAAC,IACnCX,KAAS,mBACb,KACA;AAAA,MACV,KAAKe,EAAO;AACR,eAAO;AAAA,MACX,KAAKA,EAAO;AACR,eAAO,GAAGC,EAAcL,CAAmB,EAAE,CAAC,IAC1CX,KAAS,mBACb;AAAA,MACJ;AACI,eAAO;AAAA,IAAA;AAAA,EAEnB,GAEMiB,IAAgBC;AAAA,IAClB;AAAA,IACAL;AAAA,IACAlB;AAAA,IACAI,IAAU,YAAY;AAAA,EAAA,GAGpBoB,IAAiBD;AAAA,IACnB;AAAA,IACAlB,KAASc,EAAA;AAAA,IACTb;AAAA,EAAA,GAGEmB,IAAiB,MACfP,MAAmBE,EAAO,aACnB,EAAE,GAAGV,GAAY,UAAUO,EAAmB,IAGlD,EAAE,GAAGP,EAAA,GAGVgB,IAAa,EAAE,SAAS,GAAG,WAAW,GAAG,QAAQ,IAAA,GACjDC,IAAY,EAAE,SAAS,GAAG,WAAW,IAAA,GACrCC,IAAeD;AAErB,SACI,gBAAAE,EAACC,GAAA,EAAwB,OAAO,EAAE,SAAA1B,EAAA,GAC9B,UAAA,gBAAA2B,EAAC,OAAA,EAAI,KAAAtB,GAAU,WAAWa,GACtB,UAAA;AAAA,IAAA,gBAAAS;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,SAAA5B;AAAA,QACA,WAAWqB;AAAA,QACX,OAAOC,EAAA;AAAA,QAEN,UAAA;AAAA,UAAA3B,KACG,gBAAA+B,EAAC,QAAA,EAAK,WAAU,kCAAiC,UAAA,KAEjD;AAAA,UAEHxB;AAAA,UACAH,KAAS,gBAAA2B,EAAC,QAAA,EAAM,UAAA3B,EAAA,CAAM;AAAA,UACtBG,KAASa,MAAmB,cAAc;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAE/C,gBAAAa;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WACIb,MAAmBE,EAAO,aACpB,iDACA;AAAA,QAGT,UAAA;AAAA,UAAArB;AAAA,UACD,gBAAA8B,EAACG,GAAA,EAAgB,MAAK,QACjB,UAAA5B,KACG,gBAAAyB;AAAA,YAACI,EAAO;AAAA,YAAP;AAAA,cACG,WAAU;AAAA,cACV,SAASL;AAAA,cACT,SAASF;AAAA,cACT,MAAMC;AAAA,cACN,YAAY,EAAE,UAAU,MAAM,MAAM,QAAA;AAAA,cAEnC,UAAA1B;AAAA,YAAA;AAAA,UAAA,EACL,CAER;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ,EAAA,CACJ,EAAA,CACJ;AAER;"}

package/dist/@ecme/components/ui/Form/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","sources":["../../../../../lib/@ecme/components/ui/Form/context.ts"],"sourcesContent":["import { createContext, useContext } from 'react'\r\nimport type { TypeAttributes } from '../@types/common'\r\n\r\nexport type FormContextProps = {\r\n    size?: TypeAttributes.ControlSize\r\n    layout?: TypeAttributes.FormLayout\r\n    labelWidth?: string | number\r\n}\r\n\r\nconst FormContext = createContext<FormContextProps | null>(null)\r\n\r\nexport const FormContextProvider = FormContext.Provider\r\n\r\nexport const FormContextConsumer = FormContext.Consumer\r\n\r\nexport function useForm() {\r\n    return useContext(FormContext)\r\n}\r\n\r\nexport type FormItemContextProps = {\r\n    invalid?: boolean\r\n}\r\n\r\nconst FormItemContext = createContext<FormItemContextProps | null>(null)\r\n\r\nexport const FormItemContextProvider = FormItemContext.Provider\r\n\r\nexport const FormItemContextConsumer = FormItemContext.Consumer\r\n\r\nexport function useFormItem() {\r\n    return useContext(FormItemContext)\r\n}\r\n\r\nexport default FormContext\r\n"],"names":["FormContext","createContext","FormContextProvider","FormContextConsumer","useForm","useContext","FormItemContext","FormItemContextProvider","FormItemContextConsumer","useFormItem"],"mappings":";AASA,MAAMA,IAAcC,EAAuC,IAAI,GAElDC,IAAsBF,EAAY,UAElCG,IAAsBH,EAAY;AAExC,SAASI,IAAU;AACtB,SAAOC,EAAWL,CAAW;AACjC;AAMA,MAAMM,IAAkBL,EAA2C,IAAI,GAE1DM,IAA0BD,EAAgB,UAE1CE,IAA0BF,EAAgB;AAEhD,SAASG,IAAc;AAC1B,SAAOJ,EAAWC,CAAe;AACrC;"}
+{"version":3,"file":"context.js","sources":["../../../../../lib/@ecme/components/ui/Form/context.ts"],"sourcesContent":["import { createContext, useContext } from 'react'\nimport type { TypeAttributes } from '../@types/common'\n\nexport type FormContextProps = {\n    size?: TypeAttributes.ControlSize\n    layout?: TypeAttributes.FormLayout\n    labelWidth?: string | number\n}\n\nconst FormContext = createContext<FormContextProps | null>(null)\n\nexport const FormContextProvider = FormContext.Provider\n\nexport const FormContextConsumer = FormContext.Consumer\n\nexport function useForm() {\n    return useContext(FormContext)\n}\n\nexport type FormItemContextProps = {\n    invalid?: boolean\n}\n\nconst FormItemContext = createContext<FormItemContextProps | null>(null)\n\nexport const FormItemContextProvider = FormItemContext.Provider\n\nexport const FormItemContextConsumer = FormItemContext.Consumer\n\nexport function useFormItem() {\n    return useContext(FormItemContext)\n}\n\nexport default FormContext\n"],"names":["FormContext","createContext","FormContextProvider","FormContextConsumer","useForm","useContext","FormItemContext","FormItemContextProvider","FormItemContextConsumer","useFormItem"],"mappings":";AASA,MAAMA,IAAcC,EAAuC,IAAI,GAElDC,IAAsBF,EAAY,UAElCG,IAAsBH,EAAY;AAExC,SAASI,IAAU;AACtB,SAAOC,EAAWL,CAAW;AACjC;AAMA,MAAMM,IAAkBL,EAA2C,IAAI,GAE1DM,IAA0BD,EAAgB,UAE1CE,IAA0BF,EAAgB;AAEhD,SAASG,IAAc;AAC1B,SAAOJ,EAAWC,CAAe;AACrC;"}

package/dist/@ecme/components/ui/Input/Input.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.js","sources":["../../../../../lib/@ecme/components/ui/Input/Input.tsx"],"sourcesContent":["import { useState, useEffect, useRef } from \"react\";\r\nimport classNames from \"classnames\";\r\nimport { useConfig } from \"../ConfigProvider\";\r\nimport { useForm, useFormItem } from \"../Form/context\";\r\nimport { useInputGroup } from \"../InputGroup/context\";\r\nimport { CONTROL_SIZES } from \"../utils/constants\";\r\nimport isNil from \"lodash/isNil\";\r\nimport type { CommonProps, TypeAttributes } from \"../@types/common\";\r\nimport type {\r\n  InputHTMLAttributes,\r\n  ElementType,\r\n  ReactNode,\r\n  HTMLInputTypeAttribute,\r\n  ClassAttributes,\r\n  Ref,\r\n} from \"react\";\r\n\r\nexport interface InputProps\r\n  extends CommonProps,\r\n    Omit<\r\n      InputHTMLAttributes<HTMLInputElement | HTMLTextAreaElement>,\r\n      \"size\" | \"prefix\"\r\n    > {\r\n  asElement?: ElementType;\r\n  disabled?: boolean;\r\n  invalid?: boolean;\r\n  prefix?: string | ReactNode;\r\n  rows?: number;\r\n  ref?: Ref<ElementType | HTMLInputElement | HTMLTextAreaElement>;\r\n  size?: TypeAttributes.ControlSize;\r\n  suffix?: string | ReactNode;\r\n  textArea?: boolean;\r\n  type?: HTMLInputTypeAttribute;\r\n  unstyle?: boolean;\r\n  disallowWhitespaceOnly?: boolean;\r\n}\r\n\r\nconst Input = (props: InputProps) => {\r\n  const {\r\n    asElement: Component = \"input\",\r\n    className,\r\n    disabled,\r\n    invalid,\r\n    prefix,\r\n    size,\r\n    suffix,\r\n    textArea,\r\n    type = \"text\",\r\n    ref,\r\n    rows,\r\n    style,\r\n    unstyle = false,\r\n    disallowWhitespaceOnly = false,\r\n    ...rest\r\n  } = props;\r\n\r\n  const [prefixGutter, setPrefixGutter] = useState(0);\r\n  const [suffixGutter, setSuffixGutter] = useState(0);\r\n\r\n  const { controlSize, direction } = useConfig();\r\n  const formControlSize = useForm()?.size;\r\n  const formItemInvalid = useFormItem()?.invalid;\r\n  const inputGroupSize = useInputGroup()?.size;\r\n\r\n  const inputSize = size || inputGroupSize || formControlSize || controlSize;\r\n\r\n  const isInputInvalid = invalid || formItemInvalid;\r\n\r\n  const fixControlledValue = (\r\n    val: string | number | readonly string[] | undefined\r\n  ) => {\r\n    if (typeof val === \"undefined\" || val === null) {\r\n      return \"\";\r\n    }\r\n    return val;\r\n  };\r\n\r\n  if (\"value\" in props) {\r\n    rest.value = fixControlledValue(props.value);\r\n    delete rest.defaultValue;\r\n  }\r\n\r\n  const inputDefaultClass = \"input\";\r\n  const inputSizeClass = `input-${inputSize} ${CONTROL_SIZES[inputSize].h}`;\r\n  const inputFocusClass = `focus:ring-primary focus-within:ring-primary focus-within:border-primary focus:border-primary`;\r\n  const inputWrapperClass = classNames(\r\n    \"input-wrapper\",\r\n    prefix || suffix ? className : \"\"\r\n  );\r\n  const inputClass = classNames(\r\n    inputDefaultClass,\r\n    !textArea && inputSizeClass,\r\n    !isInputInvalid && inputFocusClass,\r\n    !prefix && !suffix ? className : \"\",\r\n    disabled && \"input-disabled\",\r\n    isInputInvalid && \"input-invalid\",\r\n    textArea && \"input-textarea\"\r\n  );\r\n\r\n  const prefixNode = useRef<HTMLDivElement>(null);\r\n  const suffixNode = useRef<HTMLDivElement>(null);\r\n\r\n  const getAffixSize = () => {\r\n    if (!prefixNode.current && !suffixNode.current) {\r\n      return;\r\n    }\r\n    const prefixNodeWidth = prefixNode?.current?.offsetWidth;\r\n    const suffixNodeWidth = suffixNode?.current?.offsetWidth;\r\n\r\n    if (isNil(prefixNodeWidth) && isNil(suffixNodeWidth)) {\r\n      return;\r\n    }\r\n\r\n    if (prefixNodeWidth) {\r\n      setPrefixGutter(prefixNodeWidth);\r\n    }\r\n\r\n    if (suffixNodeWidth) {\r\n      setSuffixGutter(suffixNodeWidth);\r\n    }\r\n  };\r\n\r\n  useEffect(() => {\r\n    getAffixSize();\r\n  }, [prefix, suffix]);\r\n\r\n  const remToPxConvertion = (pixel: number) => 0.0625 * pixel;\r\n\r\n  const affixGutterStyle = () => {\r\n    const leftGutter = `${remToPxConvertion(prefixGutter) + 1}rem`;\r\n    const rightGutter = `${remToPxConvertion(suffixGutter) + 1}rem`;\r\n    const gutterStyle: {\r\n      paddingLeft?: string;\r\n      paddingRight?: string;\r\n    } = {};\r\n\r\n    if (direction === \"ltr\") {\r\n      if (prefix) {\r\n        gutterStyle.paddingLeft = leftGutter;\r\n      }\r\n\r\n      if (suffix) {\r\n        gutterStyle.paddingRight = rightGutter;\r\n      }\r\n    }\r\n\r\n    if (direction === \"rtl\") {\r\n      if (prefix) {\r\n        gutterStyle.paddingRight = leftGutter;\r\n      }\r\n\r\n      if (suffix) {\r\n        gutterStyle.paddingLeft = rightGutter;\r\n      }\r\n    }\r\n\r\n    return gutterStyle;\r\n  };\r\n\r\n  const inputProps = {\r\n    className: !unstyle ? inputClass : \"\",\r\n    disabled,\r\n    type,\r\n    ref,\r\n    ...rest,\r\n  };\r\n\r\n  if (disallowWhitespaceOnly && type === \"text\") {\r\n    inputProps.pattern = \"\\\\S(?!\\\\s*$).*\"; \r\n    inputProps.title = \"Este campo não pode conter apenas espaços.\"; \r\n  }\r\n\r\n  const renderTextArea = (\r\n    <textarea\r\n      style={style}\r\n      rows={rows}\r\n      {...(inputProps as ClassAttributes<HTMLTextAreaElement>)}\r\n    ></textarea>\r\n  );\r\n\r\n  const renderInput = (\r\n    <Component style={{ ...affixGutterStyle(), ...style }} {...inputProps} />\r\n  );\r\n\r\n  const renderAffixInput = (\r\n    <span className={inputWrapperClass}>\r\n      {prefix ? (\r\n        <div ref={prefixNode} className=\"input-suffix-start\">\r\n          {\" \"}\r\n          {prefix}{\" \"}\r\n        </div>\r\n      ) : null}\r\n      {renderInput}\r\n      {suffix ? (\r\n        <div ref={suffixNode} className=\"input-suffix-end\">\r\n          {suffix}\r\n        </div>\r\n      ) : null}\r\n    </span>\r\n  );\r\n\r\n  const renderChildren = () => {\r\n    if (textArea) {\r\n      return renderTextArea;\r\n    }\r\n\r\n    if (prefix || suffix) {\r\n      return renderAffixInput;\r\n    } else {\r\n      return renderInput;\r\n    }\r\n  };\r\n\r\n  return renderChildren();\r\n};\r\n\r\nexport default Input;\r\n"],"names":["Input","props","Component","className","disabled","invalid","prefix","size","suffix","textArea","type","ref","rows","style","unstyle","disallowWhitespaceOnly","rest","prefixGutter","setPrefixGutter","useState","suffixGutter","setSuffixGutter","controlSize","direction","useConfig","formControlSize","_a","useForm","formItemInvalid","_b","useFormItem","inputGroupSize","_c","useInputGroup","inputSize","isInputInvalid","fixControlledValue","val","inputDefaultClass","inputSizeClass","CONTROL_SIZES","inputFocusClass","inputWrapperClass","classNames","inputClass","prefixNode","useRef","suffixNode","getAffixSize","prefixNodeWidth","suffixNodeWidth","isNil","useEffect","remToPxConvertion","pixel","affixGutterStyle","leftGutter","rightGutter","gutterStyle","inputProps","renderTextArea","jsx","renderInput","renderAffixInput","jsxs"],"mappings":"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"}
+{"version":3,"file":"Input.js","sources":["../../../../../lib/@ecme/components/ui/Input/Input.tsx"],"sourcesContent":["import { useState, useEffect, useRef } from \"react\";\nimport classNames from \"classnames\";\nimport { useConfig } from \"../ConfigProvider\";\nimport { useForm, useFormItem } from \"../Form/context\";\nimport { useInputGroup } from \"../InputGroup/context\";\nimport { CONTROL_SIZES } from \"../utils/constants\";\nimport isNil from \"lodash/isNil\";\nimport type { CommonProps, TypeAttributes } from \"../@types/common\";\nimport type {\n  InputHTMLAttributes,\n  ElementType,\n  ReactNode,\n  HTMLInputTypeAttribute,\n  ClassAttributes,\n  Ref,\n} from \"react\";\n\nexport interface InputProps\n  extends CommonProps,\n    Omit<\n      InputHTMLAttributes<HTMLInputElement | HTMLTextAreaElement>,\n      \"size\" | \"prefix\"\n    > {\n  asElement?: ElementType;\n  disabled?: boolean;\n  invalid?: boolean;\n  prefix?: string | ReactNode;\n  rows?: number;\n  ref?: Ref<ElementType | HTMLInputElement | HTMLTextAreaElement>;\n  size?: TypeAttributes.ControlSize;\n  suffix?: string | ReactNode;\n  textArea?: boolean;\n  type?: HTMLInputTypeAttribute;\n  unstyle?: boolean;\n  disallowWhitespaceOnly?: boolean;\n}\n\nconst Input = (props: InputProps) => {\n  const {\n    asElement: Component = \"input\",\n    className,\n    disabled,\n    invalid,\n    prefix,\n    size,\n    suffix,\n    textArea,\n    type = \"text\",\n    ref,\n    rows,\n    style,\n    unstyle = false,\n    disallowWhitespaceOnly = false,\n    ...rest\n  } = props;\n\n  const [prefixGutter, setPrefixGutter] = useState(0);\n  const [suffixGutter, setSuffixGutter] = useState(0);\n\n  const { controlSize, direction } = useConfig();\n  const formControlSize = useForm()?.size;\n  const formItemInvalid = useFormItem()?.invalid;\n  const inputGroupSize = useInputGroup()?.size;\n\n  const inputSize = size || inputGroupSize || formControlSize || controlSize;\n\n  const isInputInvalid = invalid || formItemInvalid;\n\n  const fixControlledValue = (\n    val: string | number | readonly string[] | undefined\n  ) => {\n    if (typeof val === \"undefined\" || val === null) {\n      return \"\";\n    }\n    return val;\n  };\n\n  if (\"value\" in props) {\n    rest.value = fixControlledValue(props.value);\n    delete rest.defaultValue;\n  }\n\n  const inputDefaultClass = \"input\";\n  const inputSizeClass = `input-${inputSize} ${CONTROL_SIZES[inputSize].h}`;\n  const inputFocusClass = `focus:ring-primary focus-within:ring-primary focus-within:border-primary focus:border-primary`;\n  const inputWrapperClass = classNames(\n    \"input-wrapper\",\n    prefix || suffix ? className : \"\"\n  );\n  const inputClass = classNames(\n    inputDefaultClass,\n    !textArea && inputSizeClass,\n    !isInputInvalid && inputFocusClass,\n    !prefix && !suffix ? className : \"\",\n    disabled && \"input-disabled\",\n    isInputInvalid && \"input-invalid\",\n    textArea && \"input-textarea\"\n  );\n\n  const prefixNode = useRef<HTMLDivElement>(null);\n  const suffixNode = useRef<HTMLDivElement>(null);\n\n  const getAffixSize = () => {\n    if (!prefixNode.current && !suffixNode.current) {\n      return;\n    }\n    const prefixNodeWidth = prefixNode?.current?.offsetWidth;\n    const suffixNodeWidth = suffixNode?.current?.offsetWidth;\n\n    if (isNil(prefixNodeWidth) && isNil(suffixNodeWidth)) {\n      return;\n    }\n\n    if (prefixNodeWidth) {\n      setPrefixGutter(prefixNodeWidth);\n    }\n\n    if (suffixNodeWidth) {\n      setSuffixGutter(suffixNodeWidth);\n    }\n  };\n\n  useEffect(() => {\n    getAffixSize();\n  }, [prefix, suffix]);\n\n  const remToPxConvertion = (pixel: number) => 0.0625 * pixel;\n\n  const affixGutterStyle = () => {\n    const leftGutter = `${remToPxConvertion(prefixGutter) + 1}rem`;\n    const rightGutter = `${remToPxConvertion(suffixGutter) + 1}rem`;\n    const gutterStyle: {\n      paddingLeft?: string;\n      paddingRight?: string;\n    } = {};\n\n    if (direction === \"ltr\") {\n      if (prefix) {\n        gutterStyle.paddingLeft = leftGutter;\n      }\n\n      if (suffix) {\n        gutterStyle.paddingRight = rightGutter;\n      }\n    }\n\n    if (direction === \"rtl\") {\n      if (prefix) {\n        gutterStyle.paddingRight = leftGutter;\n      }\n\n      if (suffix) {\n        gutterStyle.paddingLeft = rightGutter;\n      }\n    }\n\n    return gutterStyle;\n  };\n\n  const inputProps = {\n    className: !unstyle ? inputClass : \"\",\n    disabled,\n    type,\n    ref,\n    ...rest,\n  };\n\n  if (disallowWhitespaceOnly && type === \"text\") {\n    inputProps.pattern = \"\\\\S(?!\\\\s*$).*\"; \n    inputProps.title = \"Este campo não pode conter apenas espaços.\"; \n  }\n\n  const renderTextArea = (\n    <textarea\n      style={style}\n      rows={rows}\n      {...(inputProps as ClassAttributes<HTMLTextAreaElement>)}\n    ></textarea>\n  );\n\n  const renderInput = (\n    <Component style={{ ...affixGutterStyle(), ...style }} {...inputProps} />\n  );\n\n  const renderAffixInput = (\n    <span className={inputWrapperClass}>\n      {prefix ? (\n        <div ref={prefixNode} className=\"input-suffix-start\">\n          {\" \"}\n          {prefix}{\" \"}\n        </div>\n      ) : null}\n      {renderInput}\n      {suffix ? (\n        <div ref={suffixNode} className=\"input-suffix-end\">\n          {suffix}\n        </div>\n      ) : null}\n    </span>\n  );\n\n  const renderChildren = () => {\n    if (textArea) {\n      return renderTextArea;\n    }\n\n    if (prefix || suffix) {\n      return renderAffixInput;\n    } else {\n      return renderInput;\n    }\n  };\n\n  return renderChildren();\n};\n\nexport default Input;\n"],"names":["Input","props","Component","className","disabled","invalid","prefix","size","suffix","textArea","type","ref","rows","style","unstyle","disallowWhitespaceOnly","rest","prefixGutter","setPrefixGutter","useState","suffixGutter","setSuffixGutter","controlSize","direction","useConfig","formControlSize","_a","useForm","formItemInvalid","_b","useFormItem","inputGroupSize","_c","useInputGroup","inputSize","isInputInvalid","fixControlledValue","val","inputDefaultClass","inputSizeClass","CONTROL_SIZES","inputFocusClass","inputWrapperClass","classNames","inputClass","prefixNode","useRef","suffixNode","getAffixSize","prefixNodeWidth","suffixNodeWidth","isNil","useEffect","remToPxConvertion","pixel","affixGutterStyle","leftGutter","rightGutter","gutterStyle","inputProps","renderTextArea","jsx","renderInput","renderAffixInput","jsxs"],"mappings":";;;;;;;;;AAqCA,MAAMA,KAAQ,CAACC,MAAsB;;AACnC,QAAM;AAAA,IACJ,WAAWC,IAAY;AAAA,IACvB,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,SAAAC;AAAA,IACA,QAAAC;AAAA,IACA,MAAAC;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,KAAAC;AAAA,IACA,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,SAAAC,IAAU;AAAA,IACV,wBAAAC,IAAyB;AAAA,IACzB,GAAGC;AAAA,EAAA,IACDf,GAEE,CAACgB,GAAcC,CAAe,IAAIC,EAAS,CAAC,GAC5C,CAACC,GAAcC,CAAe,IAAIF,EAAS,CAAC,GAE5C,EAAE,aAAAG,GAAa,WAAAC,EAAA,IAAcC,GAAA,GAC7BC,KAAkBC,IAAAC,SAAA,gBAAAD,EAAW,MAC7BE,KAAkBC,IAAAC,SAAA,gBAAAD,EAAe,SACjCE,KAAiBC,IAAAC,SAAA,gBAAAD,EAAiB,MAElCE,IAAY3B,KAAQwB,KAAkBN,KAAmBH,GAEzDa,IAAiB9B,KAAWuB,GAE5BQ,IAAqB,CACzBC,MAEI,OAAOA,IAAQ,OAAeA,MAAQ,OACjC,KAEFA;AAGT,EAAI,WAAWpC,MACbe,EAAK,QAAQoB,EAAmBnC,EAAM,KAAK,GAC3C,OAAOe,EAAK;AAGd,QAAMsB,IAAoB,SACpBC,IAAiB,SAASL,CAAS,IAAIM,GAAcN,CAAS,EAAE,CAAC,IACjEO,IAAkB,iGAClBC,IAAoBC;AAAA,IACxB;AAAA,IACArC,KAAUE,IAASL,IAAY;AAAA,EAAA,GAE3ByC,IAAaD;AAAA,IACjBL;AAAA,IACA,CAAC7B,KAAY8B;AAAA,IACb,CAACJ,KAAkBM;AAAA,IACnB,CAACnC,KAAU,CAACE,IAASL,IAAY;AAAA,IACjCC,KAAY;AAAA,IACZ+B,KAAkB;AAAA,IAClB1B,KAAY;AAAA,EAAA,GAGRoC,IAAaC,EAAuB,IAAI,GACxCC,IAAaD,EAAuB,IAAI,GAExCE,IAAe,MAAM;;AACzB,QAAI,CAACH,EAAW,WAAW,CAACE,EAAW;AACrC;AAEF,UAAME,KAAkBvB,IAAAmB,KAAA,gBAAAA,EAAY,YAAZ,gBAAAnB,EAAqB,aACvCwB,KAAkBrB,IAAAkB,KAAA,gBAAAA,EAAY,YAAZ,gBAAAlB,EAAqB;AAE7C,IAAIsB,EAAMF,CAAe,KAAKE,EAAMD,CAAe,MAI/CD,KACF/B,EAAgB+B,CAAe,GAG7BC,KACF7B,EAAgB6B,CAAe;AAAA,EAEnC;AAEA,EAAAE,GAAU,MAAM;AACd,IAAAJ,EAAA;AAAA,EACF,GAAG,CAAC1C,GAAQE,CAAM,CAAC;AAEnB,QAAM6C,IAAoB,CAACC,MAAkB,SAASA,GAEhDC,IAAmB,MAAM;AAC7B,UAAMC,IAAa,GAAGH,EAAkBpC,CAAY,IAAI,CAAC,OACnDwC,IAAc,GAAGJ,EAAkBjC,CAAY,IAAI,CAAC,OACpDsC,IAGF,CAAA;AAEJ,WAAInC,MAAc,UACZjB,MACFoD,EAAY,cAAcF,IAGxBhD,MACFkD,EAAY,eAAeD,KAI3BlC,MAAc,UACZjB,MACFoD,EAAY,eAAeF,IAGzBhD,MACFkD,EAAY,cAAcD,KAIvBC;AAAA,EACT,GAEMC,IAAa;AAAA,IACjB,WAAY7C,IAAuB,KAAb8B;AAAA,IACtB,UAAAxC;AAAA,IACA,MAAAM;AAAA,IACA,KAAAC;AAAA,IACA,GAAGK;AAAA,EAAA;AAGL,EAAID,KAA0BL,MAAS,WACrCiD,EAAW,UAAU,kBACrBA,EAAW,QAAQ;AAGrB,QAAMC,IACJ,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAAhD;AAAA,MACA,MAAAD;AAAA,MACC,GAAI+C;AAAA,IAAA;AAAA,EAAA,GAIHG,IACJ,gBAAAD,EAAC3D,GAAA,EAAU,OAAO,EAAE,GAAGqD,EAAA,GAAoB,GAAG1C,KAAU,GAAG8C,EAAA,CAAY,GAGnEI,KACJ,gBAAAC,EAAC,QAAA,EAAK,WAAWtB,GACd,UAAA;AAAA,IAAApC,IACC,gBAAA0D,EAAC,OAAA,EAAI,KAAKnB,GAAY,WAAU,sBAC7B,UAAA;AAAA,MAAA;AAAA,MACAvC;AAAA,MAAQ;AAAA,IAAA,EAAA,CACX,IACE;AAAA,IACHwD;AAAA,IACAtD,sBACE,OAAA,EAAI,KAAKuC,GAAY,WAAU,oBAC7B,aACH,IACE;AAAA,EAAA,GACN;AAeF,SAXMtC,IACKmD,IAGLtD,KAAUE,IACLuD,KAEAD;AAKb;"}

package/dist/@ecme/components/ui/InputGroup/Addon.js.map

@@ -1 +1 @@
-{"version":3,"file":"Addon.js","sources":["../../../../../lib/@ecme/components/ui/InputGroup/Addon.tsx"],"sourcesContent":["import classNames from 'classnames'\r\nimport { useConfig } from '../ConfigProvider'\r\nimport { useForm } from '../Form/context'\r\nimport { useInputGroup } from '../InputGroup/context'\r\nimport { CONTROL_SIZES } from '../utils/constants'\r\nimport type { CommonProps, TypeAttributes } from '../@types/common'\r\nimport type { Ref } from 'react'\r\n\r\nexport interface AddonProps extends CommonProps {\r\n    size?: TypeAttributes.ControlSize\r\n    ref?: Ref<HTMLDivElement>\r\n}\r\n\r\nconst Addon = ({ ref, ...props }: AddonProps) => {\r\n    const { size, children, className } = props\r\n\r\n    const { controlSize } = useConfig()\r\n    const formControlSize = useForm()?.size\r\n    const inputGroupSize = useInputGroup()?.size\r\n\r\n    const inputAddonSize =\r\n        size || inputGroupSize || formControlSize || controlSize\r\n\r\n    const addonClass = classNames(\r\n        'input-addon',\r\n        `input-addon-${inputAddonSize} ${CONTROL_SIZES[inputAddonSize].h}`,\r\n        className,\r\n    )\r\n\r\n    return (\r\n        <div ref={ref} className={addonClass}>\r\n            {children}\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default Addon\r\n"],"names":["Addon","ref","props","size","children","className","controlSize","useConfig","formControlSize","_a","useForm","inputGroupSize","_b","useInputGroup","inputAddonSize","addonClass","classNames","CONTROL_SIZES","jsx"],"mappings":";;;;;;;AAaA,MAAMA,IAAQ,CAAC,EAAE,KAAAC,GAAK,GAAGC,QAAwB;;AAC7C,QAAM,EAAE,MAAAC,GAAM,UAAAC,GAAU,WAAAC,EAAA,IAAcH,GAEhC,EAAE,aAAAI,EAAA,IAAgBC,EAAA,GAClBC,KAAkBC,IAAAC,QAAA,gBAAAD,EAAW,MAC7BE,KAAiBC,IAAAC,QAAA,gBAAAD,EAAiB,MAElCE,IACFX,KAAQQ,KAAkBH,KAAmBF,GAE3CS,IAAaC;AAAA,IACf;AAAA,IACA,eAAeF,CAAc,IAAIG,EAAcH,CAAc,EAAE,CAAC;AAAA,IAChET;AAAA,EAAA;AAGJ,SACI,gBAAAa,EAAC,OAAA,EAAI,KAAAjB,GAAU,WAAWc,GACrB,UAAAX,GACL;AAER;"}
+{"version":3,"file":"Addon.js","sources":["../../../../../lib/@ecme/components/ui/InputGroup/Addon.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport { useConfig } from '../ConfigProvider'\nimport { useForm } from '../Form/context'\nimport { useInputGroup } from '../InputGroup/context'\nimport { CONTROL_SIZES } from '../utils/constants'\nimport type { CommonProps, TypeAttributes } from '../@types/common'\nimport type { Ref } from 'react'\n\nexport interface AddonProps extends CommonProps {\n    size?: TypeAttributes.ControlSize\n    ref?: Ref<HTMLDivElement>\n}\n\nconst Addon = ({ ref, ...props }: AddonProps) => {\n    const { size, children, className } = props\n\n    const { controlSize } = useConfig()\n    const formControlSize = useForm()?.size\n    const inputGroupSize = useInputGroup()?.size\n\n    const inputAddonSize =\n        size || inputGroupSize || formControlSize || controlSize\n\n    const addonClass = classNames(\n        'input-addon',\n        `input-addon-${inputAddonSize} ${CONTROL_SIZES[inputAddonSize].h}`,\n        className,\n    )\n\n    return (\n        <div ref={ref} className={addonClass}>\n            {children}\n        </div>\n    )\n}\n\nexport default Addon\n"],"names":["Addon","ref","props","size","children","className","controlSize","useConfig","formControlSize","_a","useForm","inputGroupSize","_b","useInputGroup","inputAddonSize","addonClass","classNames","CONTROL_SIZES","jsx"],"mappings":";;;;;;;AAaA,MAAMA,IAAQ,CAAC,EAAE,KAAAC,GAAK,GAAGC,QAAwB;;AAC7C,QAAM,EAAE,MAAAC,GAAM,UAAAC,GAAU,WAAAC,EAAA,IAAcH,GAEhC,EAAE,aAAAI,EAAA,IAAgBC,EAAA,GAClBC,KAAkBC,IAAAC,QAAA,gBAAAD,EAAW,MAC7BE,KAAiBC,IAAAC,QAAA,gBAAAD,EAAiB,MAElCE,IACFX,KAAQQ,KAAkBH,KAAmBF,GAE3CS,IAAaC;AAAA,IACf;AAAA,IACA,eAAeF,CAAc,IAAIG,EAAcH,CAAc,EAAE,CAAC;AAAA,IAChET;AAAA,EAAA;AAGJ,SACI,gBAAAa,EAAC,OAAA,EAAI,KAAAjB,GAAU,WAAWc,GACrB,UAAAX,GACL;AAER;"}

package/dist/@ecme/components/ui/InputGroup/InputGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputGroup.js","sources":["../../../../../lib/@ecme/components/ui/InputGroup/InputGroup.tsx"],"sourcesContent":["import classNames from 'classnames'\r\nimport { useConfig } from '../ConfigProvider'\r\nimport { useForm } from '../Form/context'\r\nimport { InputGroupContextProvider, InputGroupContextConsumer } from './context'\r\nimport type { Ref } from 'react'\r\nimport type { CommonProps, TypeAttributes } from '../@types/common'\r\n\r\nexport interface InputGroupProps extends CommonProps {\r\n    size?: TypeAttributes.ControlSize\r\n    ref?: Ref<HTMLDivElement>\r\n}\r\n\r\nconst InputGroup = ({ ref, ...props }: InputGroupProps) => {\r\n    const { children, className, size } = props\r\n\r\n    const { controlSize } = useConfig()\r\n    const formControlSize = useForm()?.size\r\n\r\n    const inputGroupSize = size || formControlSize || controlSize\r\n\r\n    const inputGroupClass = classNames('input-group', className)\r\n\r\n    const contextValue = {\r\n        size: inputGroupSize,\r\n    }\r\n    return (\r\n        <InputGroupContextProvider value={contextValue}>\r\n            <InputGroupContextConsumer>\r\n                {() => {\r\n                    return (\r\n                        <div ref={ref} className={inputGroupClass}>\r\n                            {children}\r\n                        </div>\r\n                    )\r\n                }}\r\n            </InputGroupContextConsumer>\r\n        </InputGroupContextProvider>\r\n    )\r\n}\r\n\r\nexport default InputGroup\r\n"],"names":["InputGroup","ref","props","children","className","size","controlSize","useConfig","formControlSize","_a","useForm","inputGroupSize","inputGroupClass","classNames","InputGroupContextProvider","jsx","InputGroupContextConsumer"],"mappings":";;;;;;AAYA,MAAMA,IAAa,CAAC,EAAE,KAAAC,GAAK,GAAGC,QAA6B;;AACvD,QAAM,EAAE,UAAAC,GAAU,WAAAC,GAAW,MAAAC,EAAA,IAASH,GAEhC,EAAE,aAAAI,EAAA,IAAgBC,EAAA,GAClBC,KAAkBC,IAAAC,QAAA,gBAAAD,EAAW,MAE7BE,IAAiBN,KAAQG,KAAmBF,GAE5CM,IAAkBC,EAAW,eAAeT,CAAS;AAK3D,2BACKU,GAAA,EAA0B,OAJV;AAAA,IACjB,MAAMH;AAAA,EAAA,GAIF,UAAA,gBAAAI,EAACC,KACI,UAAA,MAEO,gBAAAD,EAAC,OAAA,EAAI,KAAAd,GAAU,WAAWW,GACrB,UAAAT,GACL,GAGZ,EAAA,CACJ;AAER;"}
+{"version":3,"file":"InputGroup.js","sources":["../../../../../lib/@ecme/components/ui/InputGroup/InputGroup.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport { useConfig } from '../ConfigProvider'\nimport { useForm } from '../Form/context'\nimport { InputGroupContextProvider, InputGroupContextConsumer } from './context'\nimport type { Ref } from 'react'\nimport type { CommonProps, TypeAttributes } from '../@types/common'\n\nexport interface InputGroupProps extends CommonProps {\n    size?: TypeAttributes.ControlSize\n    ref?: Ref<HTMLDivElement>\n}\n\nconst InputGroup = ({ ref, ...props }: InputGroupProps) => {\n    const { children, className, size } = props\n\n    const { controlSize } = useConfig()\n    const formControlSize = useForm()?.size\n\n    const inputGroupSize = size || formControlSize || controlSize\n\n    const inputGroupClass = classNames('input-group', className)\n\n    const contextValue = {\n        size: inputGroupSize,\n    }\n    return (\n        <InputGroupContextProvider value={contextValue}>\n            <InputGroupContextConsumer>\n                {() => {\n                    return (\n                        <div ref={ref} className={inputGroupClass}>\n                            {children}\n                        </div>\n                    )\n                }}\n            </InputGroupContextConsumer>\n        </InputGroupContextProvider>\n    )\n}\n\nexport default InputGroup\n"],"names":["InputGroup","ref","props","children","className","size","controlSize","useConfig","formControlSize","_a","useForm","inputGroupSize","inputGroupClass","classNames","InputGroupContextProvider","jsx","InputGroupContextConsumer"],"mappings":";;;;;;AAYA,MAAMA,IAAa,CAAC,EAAE,KAAAC,GAAK,GAAGC,QAA6B;;AACvD,QAAM,EAAE,UAAAC,GAAU,WAAAC,GAAW,MAAAC,EAAA,IAASH,GAEhC,EAAE,aAAAI,EAAA,IAAgBC,EAAA,GAClBC,KAAkBC,IAAAC,QAAA,gBAAAD,EAAW,MAE7BE,IAAiBN,KAAQG,KAAmBF,GAE5CM,IAAkBC,EAAW,eAAeT,CAAS;AAK3D,2BACKU,GAAA,EAA0B,OAJV;AAAA,IACjB,MAAMH;AAAA,EAAA,GAIF,UAAA,gBAAAI,EAACC,KACI,UAAA,MAEO,gBAAAD,EAAC,OAAA,EAAI,KAAAd,GAAU,WAAWW,GACrB,UAAAT,GACL,GAGZ,EAAA,CACJ;AAER;"}

package/dist/@ecme/components/ui/InputGroup/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","sources":["../../../../../lib/@ecme/components/ui/InputGroup/context.ts"],"sourcesContent":["import { createContext, useContext } from 'react'\r\nimport type { TypeAttributes } from '../@types/common'\r\n\r\nconst InputGroupContext = createContext<{\r\n    size?: TypeAttributes.ControlSize\r\n} | null>(null)\r\n\r\nexport const InputGroupContextProvider = InputGroupContext.Provider\r\n\r\nexport const InputGroupContextConsumer = InputGroupContext.Consumer\r\n\r\nexport function useInputGroup() {\r\n    return useContext(InputGroupContext)\r\n}\r\n\r\nexport default InputGroupContext\r\n"],"names":["InputGroupContext","createContext","InputGroupContextProvider","InputGroupContextConsumer","useInputGroup","useContext"],"mappings":";AAGA,MAAMA,IAAoBC,EAEhB,IAAI,GAEDC,IAA4BF,EAAkB,UAE9CG,IAA4BH,EAAkB;AAEpD,SAASI,IAAgB;AAC5B,SAAOC,EAAWL,CAAiB;AACvC;"}
+{"version":3,"file":"context.js","sources":["../../../../../lib/@ecme/components/ui/InputGroup/context.ts"],"sourcesContent":["import { createContext, useContext } from 'react'\nimport type { TypeAttributes } from '../@types/common'\n\nconst InputGroupContext = createContext<{\n    size?: TypeAttributes.ControlSize\n} | null>(null)\n\nexport const InputGroupContextProvider = InputGroupContext.Provider\n\nexport const InputGroupContextConsumer = InputGroupContext.Consumer\n\nexport function useInputGroup() {\n    return useContext(InputGroupContext)\n}\n\nexport default InputGroupContext\n"],"names":["InputGroupContext","createContext","InputGroupContextProvider","InputGroupContextConsumer","useInputGroup","useContext"],"mappings":";AAGA,MAAMA,IAAoBC,EAEhB,IAAI,GAEDC,IAA4BF,EAAkB,UAE9CG,IAA4BH,EAAkB;AAEpD,SAASI,IAAgB;AAC5B,SAAOC,EAAWL,CAAiB;AACvC;"}

package/dist/@ecme/components/ui/InputGroup/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../lib/@ecme/components/ui/InputGroup/index.tsx"],"sourcesContent":["import type { ForwardRefExoticComponent, RefAttributes } from 'react'\r\nimport _InputGroup, { InputGroupProps } from './InputGroup'\r\nimport Addon from './Addon'\r\n\r\nexport type { InputGroupProps } from './InputGroup'\r\nexport type { AddonProps } from './Addon'\r\n\r\ntype CompoundedComponent = ForwardRefExoticComponent<\r\n    InputGroupProps & RefAttributes<HTMLDivElement>\r\n> & {\r\n    Addon: typeof Addon\r\n}\r\n\r\nconst InputGroup = _InputGroup as CompoundedComponent\r\n\r\nInputGroup.Addon = Addon\r\n\r\nexport { InputGroup }\r\n\r\nexport default InputGroup\r\n"],"names":["InputGroup","_InputGroup","Addon"],"mappings":";;AAaA,MAAMA,IAAaC;AAEnBD,EAAW,QAAQE;"}
+{"version":3,"file":"index.js","sources":["../../../../../lib/@ecme/components/ui/InputGroup/index.tsx"],"sourcesContent":["import type { ForwardRefExoticComponent, RefAttributes } from 'react'\nimport _InputGroup, { InputGroupProps } from './InputGroup'\nimport Addon from './Addon'\n\nexport type { InputGroupProps } from './InputGroup'\nexport type { AddonProps } from './Addon'\n\ntype CompoundedComponent = ForwardRefExoticComponent<\n    InputGroupProps & RefAttributes<HTMLDivElement>\n> & {\n    Addon: typeof Addon\n}\n\nconst InputGroup = _InputGroup as CompoundedComponent\n\nInputGroup.Addon = Addon\n\nexport { InputGroup }\n\nexport default InputGroup\n"],"names":["InputGroup","_InputGroup","Addon"],"mappings":";;AAaA,MAAMA,IAAaC;AAEnBD,EAAW,QAAQE;"}

package/dist/@ecme/components/ui/Menu/Menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.js","sources":["../../../../../lib/@ecme/components/ui/Menu/Menu.tsx"],"sourcesContent":["import classNames from 'classnames'\r\nimport { MenuContextProvider } from './context/menuContext'\r\nimport type { CommonProps } from '../@types/common'\r\nimport type { Ref } from 'react'\r\n\r\nexport interface MenuProps extends CommonProps {\r\n    defaultActiveKeys?: Array<string>\r\n    defaultExpandedKeys?: Array<string>\r\n    defaultCollapseActiveKeys?: Array<string>\r\n    menuItemHeight?: number\r\n    onSelect?: (eventKey: string, e: MouseEvent) => void\r\n    ref?: Ref<HTMLDivElement>\r\n    sideCollapsed?: boolean\r\n}\r\n\r\nconst Menu = (props: MenuProps) => {\r\n    const {\r\n        children,\r\n        className,\r\n        defaultActiveKeys = [],\r\n        defaultExpandedKeys = [],\r\n        defaultCollapseActiveKeys = [],\r\n        menuItemHeight = 48,\r\n        onSelect,\r\n        ref,\r\n        sideCollapsed = false,\r\n        ...rest\r\n    } = props\r\n\r\n    const menuDefaultClass = 'menu'\r\n\r\n    const menuClass = classNames(menuDefaultClass, className)\r\n\r\n    return (\r\n        <nav ref={ref} className={menuClass} {...rest}>\r\n            <MenuContextProvider\r\n                value={{\r\n                    onSelect,\r\n                    menuItemHeight,\r\n                    sideCollapsed,\r\n                    defaultExpandedKeys,\r\n                    defaultActiveKeys,\r\n                    defaultCollapseActiveKeys,\r\n                }}\r\n            >\r\n                {children}\r\n            </MenuContextProvider>\r\n        </nav>\r\n    )\r\n}\r\n\r\nexport default Menu\r\n"],"names":["Menu","props","children","className","defaultActiveKeys","defaultExpandedKeys","defaultCollapseActiveKeys","menuItemHeight","onSelect","ref","sideCollapsed","rest","menuClass","classNames","jsx","MenuContextProvider"],"mappings":";;;AAeA,MAAMA,IAAO,CAACC,MAAqB;AAC/B,QAAM;AAAA,IACF,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,mBAAAC,IAAoB,CAAA;AAAA,IACpB,qBAAAC,IAAsB,CAAA;AAAA,IACtB,2BAAAC,IAA4B,CAAA;AAAA,IAC5B,gBAAAC,IAAiB;AAAA,IACjB,UAAAC;AAAA,IACA,KAAAC;AAAA,IACA,eAAAC,IAAgB;AAAA,IAChB,GAAGC;AAAA,EAAA,IACHV,GAIEW,IAAYC,EAFO,QAEsBV,CAAS;AAExD,2BACK,OAAA,EAAI,KAAAM,GAAU,WAAWG,GAAY,GAAGD,GACrC,UAAA,gBAAAG;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,OAAO;AAAA,QACH,UAAAP;AAAA,QACA,gBAAAD;AAAA,QACA,eAAAG;AAAA,QACA,qBAAAL;AAAA,QACA,mBAAAD;AAAA,QACA,2BAAAE;AAAA,MAAA;AAAA,MAGH,UAAAJ;AAAA,IAAA;AAAA,EAAA,GAET;AAER;"}
+{"version":3,"file":"Menu.js","sources":["../../../../../lib/@ecme/components/ui/Menu/Menu.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport { MenuContextProvider } from './context/menuContext'\nimport type { CommonProps } from '../@types/common'\nimport type { Ref } from 'react'\n\nexport interface MenuProps extends CommonProps {\n    defaultActiveKeys?: Array<string>\n    defaultExpandedKeys?: Array<string>\n    defaultCollapseActiveKeys?: Array<string>\n    menuItemHeight?: number\n    onSelect?: (eventKey: string, e: MouseEvent) => void\n    ref?: Ref<HTMLDivElement>\n    sideCollapsed?: boolean\n}\n\nconst Menu = (props: MenuProps) => {\n    const {\n        children,\n        className,\n        defaultActiveKeys = [],\n        defaultExpandedKeys = [],\n        defaultCollapseActiveKeys = [],\n        menuItemHeight = 48,\n        onSelect,\n        ref,\n        sideCollapsed = false,\n        ...rest\n    } = props\n\n    const menuDefaultClass = 'menu'\n\n    const menuClass = classNames(menuDefaultClass, className)\n\n    return (\n        <nav ref={ref} className={menuClass} {...rest}>\n            <MenuContextProvider\n                value={{\n                    onSelect,\n                    menuItemHeight,\n                    sideCollapsed,\n                    defaultExpandedKeys,\n                    defaultActiveKeys,\n                    defaultCollapseActiveKeys,\n                }}\n            >\n                {children}\n            </MenuContextProvider>\n        </nav>\n    )\n}\n\nexport default Menu\n"],"names":["Menu","props","children","className","defaultActiveKeys","defaultExpandedKeys","defaultCollapseActiveKeys","menuItemHeight","onSelect","ref","sideCollapsed","rest","menuClass","classNames","jsx","MenuContextProvider"],"mappings":";;;AAeA,MAAMA,IAAO,CAACC,MAAqB;AAC/B,QAAM;AAAA,IACF,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,mBAAAC,IAAoB,CAAA;AAAA,IACpB,qBAAAC,IAAsB,CAAA;AAAA,IACtB,2BAAAC,IAA4B,CAAA;AAAA,IAC5B,gBAAAC,IAAiB;AAAA,IACjB,UAAAC;AAAA,IACA,KAAAC;AAAA,IACA,eAAAC,IAAgB;AAAA,IAChB,GAAGC;AAAA,EAAA,IACHV,GAIEW,IAAYC,EAFO,QAEsBV,CAAS;AAExD,2BACK,OAAA,EAAI,KAAAM,GAAU,WAAWG,GAAY,GAAGD,GACrC,UAAA,gBAAAG;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,OAAO;AAAA,QACH,UAAAP;AAAA,QACA,gBAAAD;AAAA,QACA,eAAAG;AAAA,QACA,qBAAAL;AAAA,QACA,mBAAAD;AAAA,QACA,2BAAAE;AAAA,MAAA;AAAA,MAGH,UAAAJ;AAAA,IAAA;AAAA,EAAA,GAET;AAER;"}

package/dist/@ecme/components/ui/Menu/MenuCollapse.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuCollapse.js","sources":["../../../../../lib/@ecme/components/ui/Menu/MenuCollapse.tsx"],"sourcesContent":["import { useState, useEffect, useContext } from 'react'\r\nimport { useConfig } from '../ConfigProvider'\r\nimport { CollapseContextProvider } from './context/collapseContext'\r\nimport classNames from 'classnames'\r\nimport { motion } from 'framer-motion'\r\nimport MenuContext from './context/menuContext'\r\nimport { TbChevronDown } from 'react-icons/tb'\r\nimport { PiDotOutlineFill } from 'react-icons/pi'\r\nimport type { CommonProps } from '../@types/common'\r\nimport type { ReactNode, MouseEvent } from 'react'\r\n\r\nexport interface MenuCollapseProps extends CommonProps {\r\n    active?: boolean\r\n    eventKey?: string\r\n    expanded?: boolean\r\n    dotIndent?: boolean\r\n    indent?: boolean\r\n    label?: string | ReactNode\r\n    onToggle?: (expanded: boolean, e: MouseEvent<HTMLDivElement>) => void\r\n}\r\n\r\nconst MenuCollapse = (props: MenuCollapseProps) => {\r\n    const {\r\n        active,\r\n        children,\r\n        className,\r\n        eventKey,\r\n        expanded = false,\r\n        indent = true,\r\n        label = null,\r\n        dotIndent,\r\n        onToggle,\r\n    } = props\r\n\r\n    const [isExpanded, setIsExpanded] = useState(expanded)\r\n\r\n    const { sideCollapsed, defaultExpandedKeys, defaultCollapseActiveKeys } =\r\n        useContext(MenuContext)\r\n\r\n    const { direction } = useConfig()\r\n\r\n    useEffect(() => {\r\n        if ((defaultExpandedKeys as string[]).includes(eventKey as string)) {\r\n            setIsExpanded(true)\r\n        }\r\n        if (expanded !== isExpanded) {\r\n            setIsExpanded(true)\r\n        }\r\n        // eslint-disable-next-line react-hooks/exhaustive-deps\r\n    }, [expanded, eventKey, defaultExpandedKeys])\r\n\r\n    const toggleCollapse = (e: MouseEvent<HTMLDivElement>) => {\r\n        if (typeof onToggle === 'function') {\r\n            onToggle(!isExpanded, e)\r\n        }\r\n        setIsExpanded(!isExpanded)\r\n    }\r\n\r\n    const menuCollapseItemClass = classNames(\r\n        'menu-collapse-item',\r\n        ((defaultCollapseActiveKeys &&\r\n            defaultCollapseActiveKeys.includes(eventKey as string)) ||\r\n            active) &&\r\n            'menu-collapse-item-active',\r\n        className,\r\n    )\r\n\r\n    return (\r\n        <div className=\"menu-collapse\">\r\n            <div\r\n                className={menuCollapseItemClass}\r\n                role=\"presentation\"\r\n                onClick={toggleCollapse}\r\n            >\r\n                <span className=\"flex items-center gap-2\">\r\n                    {dotIndent && (\r\n                        <PiDotOutlineFill\r\n                            className={classNames(\r\n                                'text-3xl w-[24px]',\r\n                                !active && 'opacity-25',\r\n                            )}\r\n                        />\r\n                    )}\r\n                    {label}\r\n                </span>\r\n                <motion.span\r\n                    className=\"text-lg mt-1\"\r\n                    initial={{ transform: 'rotate(0deg)' }}\r\n                    animate={{\r\n                        transform: isExpanded\r\n                            ? 'rotate(-180deg)'\r\n                            : 'rotate(0deg)',\r\n                    }}\r\n                    transition={{ duration: 0.15 }}\r\n                >\r\n                    {sideCollapsed ? null : <TbChevronDown />}\r\n                </motion.span>\r\n            </div>\r\n            <CollapseContextProvider value={isExpanded}>\r\n                <motion.ul\r\n                    className={\r\n                        indent ? (direction === 'rtl' ? 'mr-8' : 'ml-8') : ''\r\n                    }\r\n                    initial={{ opacity: 0, height: 0, overflow: 'hidden' }}\r\n                    animate={{\r\n                        opacity: isExpanded ? 1 : 0,\r\n                        height: isExpanded ? 'auto' : 0,\r\n                    }}\r\n                    transition={{ duration: 0.15 }}\r\n                >\r\n                    {children}\r\n                </motion.ul>\r\n            </CollapseContextProvider>\r\n        </div>\r\n    )\r\n}\r\n\r\nMenuCollapse.displayName = 'MenuCollapse'\r\n\r\nexport default MenuCollapse\r\n"],"names":["MenuCollapse","props","active","children","className","eventKey","expanded","indent","label","dotIndent","onToggle","isExpanded","setIsExpanded","useState","sideCollapsed","defaultExpandedKeys","defaultCollapseActiveKeys","useContext","MenuContext","direction","useConfig","useEffect","toggleCollapse","e","menuCollapseItemClass","classNames","jsxs","jsx","PiDotOutlineFill","motion","TbChevronDown","CollapseContextProvider"],"mappings":";;;;;;;;;;AAqBA,MAAMA,IAAe,CAACC,MAA6B;AAC/C,QAAM;AAAA,IACF,QAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,QAAAC,IAAS;AAAA,IACT,OAAAC,IAAQ;AAAA,IACR,WAAAC;AAAA,IACA,UAAAC;AAAA,EAAA,IACAT,GAEE,CAACU,GAAYC,CAAa,IAAIC,EAASP,CAAQ,GAE/C,EAAE,eAAAQ,GAAe,qBAAAC,GAAqB,2BAAAC,EAAA,IACxCC,EAAWC,CAAW,GAEpB,EAAE,WAAAC,EAAA,IAAcC,EAAA;AAEtB,EAAAC,EAAU,MAAM;AACZ,IAAKN,EAAiC,SAASV,CAAkB,KAC7DO,EAAc,EAAI,GAElBN,MAAaK,KACbC,EAAc,EAAI;AAAA,EACtB,GAED,CAACN,GAAUD,GAAUU,CAAmB,CAAC;AAE5C,QAAMO,IAAiB,CAACC,MAAkC;AACtD,IAAI,OAAOb,KAAa,cACpBA,EAAS,CAACC,GAAYY,CAAC,GAE3BX,EAAc,CAACD,CAAU;AAAA,EAAA,GAGvBa,IAAwBC;AAAA,IAC1B;AAAA,KACET,KACEA,EAA0B,SAASX,CAAkB,KACrDH,MACA;AAAA,IACJE;AAAA,EAAA;AAGJ,SACI,gBAAAsB,EAAC,OAAA,EAAI,WAAU,iBACX,UAAA;AAAA,IAAA,gBAAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAWF;AAAA,QACX,MAAK;AAAA,QACL,SAASF;AAAA,QAET,UAAA;AAAA,UAAA,gBAAAI,EAAC,QAAA,EAAK,WAAU,2BACX,UAAA;AAAA,YAAAjB,KACG,gBAAAkB;AAAA,cAACC;AAAA,cAAA;AAAA,gBACG,WAAWH;AAAA,kBACP;AAAA,kBACA,CAACvB,KAAU;AAAA,gBAAA;AAAA,cACf;AAAA,YAAA;AAAA,YAGPM;AAAA,UAAA,GACL;AAAA,UACA,gBAAAmB;AAAA,YAACE,EAAO;AAAA,YAAP;AAAA,cACG,WAAU;AAAA,cACV,SAAS,EAAE,WAAW,eAAA;AAAA,cACtB,SAAS;AAAA,gBACL,WAAWlB,IACL,oBACA;AAAA,cAAA;AAAA,cAEV,YAAY,EAAE,UAAU,KAAA;AAAA,cAEvB,UAAAG,IAAgB,OAAO,gBAAAa,EAACG,GAAA,CAAA,CAAc;AAAA,YAAA;AAAA,UAAA;AAAA,QAC3C;AAAA,MAAA;AAAA,IAAA;AAAA,IAEJ,gBAAAH,EAACI,GAAA,EAAwB,OAAOpB,GAC5B,UAAA,gBAAAgB;AAAA,MAACE,EAAO;AAAA,MAAP;AAAA,QACG,WACItB,IAAUY,MAAc,QAAQ,SAAS,SAAU;AAAA,QAEvD,SAAS,EAAE,SAAS,GAAG,QAAQ,GAAG,UAAU,SAAA;AAAA,QAC5C,SAAS;AAAA,UACL,SAASR,IAAa,IAAI;AAAA,UAC1B,QAAQA,IAAa,SAAS;AAAA,QAAA;AAAA,QAElC,YAAY,EAAE,UAAU,KAAA;AAAA,QAEvB,UAAAR;AAAA,MAAA;AAAA,IAAA,EACL,CACJ;AAAA,EAAA,GACJ;AAER;AAEAH,EAAa,cAAc;"}
+{"version":3,"file":"MenuCollapse.js","sources":["../../../../../lib/@ecme/components/ui/Menu/MenuCollapse.tsx"],"sourcesContent":["import { useState, useEffect, useContext } from 'react'\nimport { useConfig } from '../ConfigProvider'\nimport { CollapseContextProvider } from './context/collapseContext'\nimport classNames from 'classnames'\nimport { motion } from 'framer-motion'\nimport MenuContext from './context/menuContext'\nimport { TbChevronDown } from 'react-icons/tb'\nimport { PiDotOutlineFill } from 'react-icons/pi'\nimport type { CommonProps } from '../@types/common'\nimport type { ReactNode, MouseEvent } from 'react'\n\nexport interface MenuCollapseProps extends CommonProps {\n    active?: boolean\n    eventKey?: string\n    expanded?: boolean\n    dotIndent?: boolean\n    indent?: boolean\n    label?: string | ReactNode\n    onToggle?: (expanded: boolean, e: MouseEvent<HTMLDivElement>) => void\n}\n\nconst MenuCollapse = (props: MenuCollapseProps) => {\n    const {\n        active,\n        children,\n        className,\n        eventKey,\n        expanded = false,\n        indent = true,\n        label = null,\n        dotIndent,\n        onToggle,\n    } = props\n\n    const [isExpanded, setIsExpanded] = useState(expanded)\n\n    const { sideCollapsed, defaultExpandedKeys, defaultCollapseActiveKeys } =\n        useContext(MenuContext)\n\n    const { direction } = useConfig()\n\n    useEffect(() => {\n        if ((defaultExpandedKeys as string[]).includes(eventKey as string)) {\n            setIsExpanded(true)\n        }\n        if (expanded !== isExpanded) {\n            setIsExpanded(true)\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [expanded, eventKey, defaultExpandedKeys])\n\n    const toggleCollapse = (e: MouseEvent<HTMLDivElement>) => {\n        if (typeof onToggle === 'function') {\n            onToggle(!isExpanded, e)\n        }\n        setIsExpanded(!isExpanded)\n    }\n\n    const menuCollapseItemClass = classNames(\n        'menu-collapse-item',\n        ((defaultCollapseActiveKeys &&\n            defaultCollapseActiveKeys.includes(eventKey as string)) ||\n            active) &&\n            'menu-collapse-item-active',\n        className,\n    )\n\n    return (\n        <div className=\"menu-collapse\">\n            <div\n                className={menuCollapseItemClass}\n                role=\"presentation\"\n                onClick={toggleCollapse}\n            >\n                <span className=\"flex items-center gap-2\">\n                    {dotIndent && (\n                        <PiDotOutlineFill\n                            className={classNames(\n                                'text-3xl w-[24px]',\n                                !active && 'opacity-25',\n                            )}\n                        />\n                    )}\n                    {label}\n                </span>\n                <motion.span\n                    className=\"text-lg mt-1\"\n                    initial={{ transform: 'rotate(0deg)' }}\n                    animate={{\n                        transform: isExpanded\n                            ? 'rotate(-180deg)'\n                            : 'rotate(0deg)',\n                    }}\n                    transition={{ duration: 0.15 }}\n                >\n                    {sideCollapsed ? null : <TbChevronDown />}\n                </motion.span>\n            </div>\n            <CollapseContextProvider value={isExpanded}>\n                <motion.ul\n                    className={\n                        indent ? (direction === 'rtl' ? 'mr-8' : 'ml-8') : ''\n                    }\n                    initial={{ opacity: 0, height: 0, overflow: 'hidden' }}\n                    animate={{\n                        opacity: isExpanded ? 1 : 0,\n                        height: isExpanded ? 'auto' : 0,\n                    }}\n                    transition={{ duration: 0.15 }}\n                >\n                    {children}\n                </motion.ul>\n            </CollapseContextProvider>\n        </div>\n    )\n}\n\nMenuCollapse.displayName = 'MenuCollapse'\n\nexport default MenuCollapse\n"],"names":["MenuCollapse","props","active","children","className","eventKey","expanded","indent","label","dotIndent","onToggle","isExpanded","setIsExpanded","useState","sideCollapsed","defaultExpandedKeys","defaultCollapseActiveKeys","useContext","MenuContext","direction","useConfig","useEffect","toggleCollapse","e","menuCollapseItemClass","classNames","jsxs","jsx","PiDotOutlineFill","motion","TbChevronDown","CollapseContextProvider"],"mappings":";;;;;;;;;;AAqBA,MAAMA,IAAe,CAACC,MAA6B;AAC/C,QAAM;AAAA,IACF,QAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,QAAAC,IAAS;AAAA,IACT,OAAAC,IAAQ;AAAA,IACR,WAAAC;AAAA,IACA,UAAAC;AAAA,EAAA,IACAT,GAEE,CAACU,GAAYC,CAAa,IAAIC,EAASP,CAAQ,GAE/C,EAAE,eAAAQ,GAAe,qBAAAC,GAAqB,2BAAAC,EAAA,IACxCC,EAAWC,CAAW,GAEpB,EAAE,WAAAC,EAAA,IAAcC,EAAA;AAEtB,EAAAC,EAAU,MAAM;AACZ,IAAKN,EAAiC,SAASV,CAAkB,KAC7DO,EAAc,EAAI,GAElBN,MAAaK,KACbC,EAAc,EAAI;AAAA,EAG1B,GAAG,CAACN,GAAUD,GAAUU,CAAmB,CAAC;AAE5C,QAAMO,IAAiB,CAACC,MAAkC;AACtD,IAAI,OAAOb,KAAa,cACpBA,EAAS,CAACC,GAAYY,CAAC,GAE3BX,EAAc,CAACD,CAAU;AAAA,EAC7B,GAEMa,IAAwBC;AAAA,IAC1B;AAAA,KACET,KACEA,EAA0B,SAASX,CAAkB,KACrDH,MACA;AAAA,IACJE;AAAA,EAAA;AAGJ,SACI,gBAAAsB,EAAC,OAAA,EAAI,WAAU,iBACX,UAAA;AAAA,IAAA,gBAAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAWF;AAAA,QACX,MAAK;AAAA,QACL,SAASF;AAAA,QAET,UAAA;AAAA,UAAA,gBAAAI,EAAC,QAAA,EAAK,WAAU,2BACX,UAAA;AAAA,YAAAjB,KACG,gBAAAkB;AAAA,cAACC;AAAA,cAAA;AAAA,gBACG,WAAWH;AAAA,kBACP;AAAA,kBACA,CAACvB,KAAU;AAAA,gBAAA;AAAA,cACf;AAAA,YAAA;AAAA,YAGPM;AAAA,UAAA,GACL;AAAA,UACA,gBAAAmB;AAAA,YAACE,EAAO;AAAA,YAAP;AAAA,cACG,WAAU;AAAA,cACV,SAAS,EAAE,WAAW,eAAA;AAAA,cACtB,SAAS;AAAA,gBACL,WAAWlB,IACL,oBACA;AAAA,cAAA;AAAA,cAEV,YAAY,EAAE,UAAU,KAAA;AAAA,cAEvB,UAAAG,IAAgB,OAAO,gBAAAa,EAACG,GAAA,CAAA,CAAc;AAAA,YAAA;AAAA,UAAA;AAAA,QAC3C;AAAA,MAAA;AAAA,IAAA;AAAA,IAEJ,gBAAAH,EAACI,GAAA,EAAwB,OAAOpB,GAC5B,UAAA,gBAAAgB;AAAA,MAACE,EAAO;AAAA,MAAP;AAAA,QACG,WACItB,IAAUY,MAAc,QAAQ,SAAS,SAAU;AAAA,QAEvD,SAAS,EAAE,SAAS,GAAG,QAAQ,GAAG,UAAU,SAAA;AAAA,QAC5C,SAAS;AAAA,UACL,SAASR,IAAa,IAAI;AAAA,UAC1B,QAAQA,IAAa,SAAS;AAAA,QAAA;AAAA,QAElC,YAAY,EAAE,UAAU,KAAA;AAAA,QAEvB,UAAAR;AAAA,MAAA;AAAA,IAAA,EACL,CACJ;AAAA,EAAA,GACJ;AAER;AAEAH,EAAa,cAAc;"}