@orbe-agro/client-core 5.3.147 → 5.3.157

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'\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;"}
+{"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,EAAwB,MAExB,yBAERC,GACG,EAAA,UAAA,gBAAAC,EAACC,KAAc,GAAGJ,GAAO,KAAAD,EAAU,CAAA,GACvC,IAIA,gBAAAI,EAAAC,GAAA,EAAc,GAAGJ,GAAO,KAAAD,EAAU,CAAA;"}

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'\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,GAAU,SAAS,KAAKA,GAAU,cAAcN;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":";;;;;;;;;;;AAyBM,MAAAA,IAAkB,CAACC,MAAgC;AAC/C,QAAA;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,EAAU,IAAIC,EAAU,GAE1BC,IAAWC,EAAWC,CAAe,GAErCC,IAAcC;AAAA,IAChBR;AAAA,EACJ,GACMS,IAAaC,EAAY,YAAY,GAErCC,IACFjB,KACC,CAACkB,EAAMR,GAAU,SAAS,KAAKA,GAAU,cAAcN;AAE5D,2BACK,MAAG,EAAA,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,GAAc,CAAA,CAAA,sBAAMC,GAAe,CAAA,CAAA;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'\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;"}
+{"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,IAG9B,gBAAAE,EAAAC,GAAA,EAAA,UAAA;AAAA,EAAAF;AAAA,oBACAG,GAAe,CAAA,CAAA;AAAA,GACpB,IAIJJ,KAAaA,EAAU,SAAS,MAAM,IAG9B,gBAAAE,EAAAC,GAAA,EAAA,UAAA;AAAA,EAAA,gBAAAE,EAACC,GAAc,EAAA;AAAA,EACdL;AAAA,GACL,IAIJD,KAAaA,EAAU,SAAS,OAAO,IAG9B,gBAAAE,EAAAC,GAAA,EAAA,UAAA;AAAA,EAAAF;AAAA,oBACAM,GAAY,CAAA,CAAA;AAAA,GACjB,IAMC,gBAAAL,EAAAC,GAAA,EAAA,UAAA;AAAA,EAAAF;AAAA,oBACAO,GAAc,CAAA,CAAA;AAAA,GACnB,GAIFC,IAAiB,CACnBC,MACC;AACK,QAAA;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,EAOtB,GAEMM,IAA6BD;AAAA,IAC/BD;AAAA,IACA;AAAA,EACJ;AAEA,SAAIL,sBAEK,OAAI,EAAA,WAAWK,GAAsB,GAAGD,GAAM,KAAAF,GAC1C,UACLF,GAAA,sBAKH,OAAI,EAAA,KAAAE,GAAU,WAAWK,GAA6B,GAAGH,GACtD,UAAA,gBAAAX,EAAC,QAAK,EAAA,WAAU,2BACZ,UAAC,gBAAAA,EAAAN,GAAA,EAA6B,WAAAC,GACzB,UAAAC,EAAA,CACL,EACJ,CAAA,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'\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;"}
+{"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":";AAMM,MAAAA,IAAkBC,EAAoC,CAAE,CAAA,GAEjDC,IAA0BF,EAAgB;"}

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'\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;"}
+{"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":";;AAUa,MAAAA,IAAO,CAACC,MAAqB;AAChC,QAAA;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,SACK,gBAAAQ,EAAA,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'\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,GAAS;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":";;;;;;AAaM,MAAAA,IAAgB,CAACC,MAA8B;AAC3C,QAAA,EAAE,aAAAC,EAAY,IAAIC,EAAU,GAE5B;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,GAAoB,EAAA,OAPJ;AAAA,IACjB,YAAAL;AAAA,IACA,QAAAC;AAAA,IACA,MAAME,KAAQP;AAAA,EAClB,GAIQ,UAAC,gBAAAU,EAAAC,GAAA,EACI,WAACC,MAEM,gBAAAF;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAWG;AAAA,QACP;AAAA,QACAD,GAAS;AAAA,QACTT;AAAA,MACJ;AAAA,MAEC,UAAAD;AAAA,IAAA;AAAA,EACL,GAGZ,EACJ,CAAA;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'\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,KAAQC,GAAa,QAAQE,GACnDG,IAAqBV,KAAcK,GAAa,YAChDM,IAAiBV,KAAUI,GAAa,UAAU,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;"}
+{"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":";;;;;;;AAsBM,MAAAA,IAAW,CAACC,MAAyB;AACjC,QAAA;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,EAAQ,GACtB,EAAE,aAAAC,EAAY,IAAIC,EAAU,GAE5BC,IAAsBL,KAAQC,GAAa,QAAQE,GACnDG,IAAqBV,KAAcK,GAAa,YAChDM,IAAiBV,KAAUI,GAAa,UAAU,YAElDO,IAA0B,MAAM;AAClC,YAAQD,GAAgB;AAAA,MACpB,KAAKE,EAAO;AACD,eAAAf,IACD,GAAGgB,EAAcL,CAAmB,EAAE,CAAC,IACnCX,KAAS,mBACb,KACA;AAAA,MACV,KAAKe,EAAO;AACD,eAAA;AAAA,MACX,KAAKA,EAAO;AACR,eAAO,GAAGC,EAAcL,CAAmB,EAAE,CAAC,IAC1CX,KAAS,mBACb;AAAA,MACJ;AACW,eAAA;AAAA,IAAA;AAAA,EAEnB,GAEMiB,IAAgBC;AAAA,IAClB;AAAA,IACAL;AAAA,IACAlB;AAAA,IACAI,IAAU,YAAY;AAAA,EAC1B,GAEMoB,IAAiBD;AAAA,IACnB;AAAA,IACAlB,KAASc,EAAwB;AAAA,IACjCb;AAAA,EACJ,GAEMmB,IAAiB,MACfP,MAAmBE,EAAO,aACnB,EAAE,GAAGV,GAAY,UAAUO,EAAqB,IAGpD,EAAE,GAAGP,EAAM,GAGhBgB,IAAa,EAAE,SAAS,GAAG,WAAW,GAAG,QAAQ,IAAI,GACrDC,IAAY,EAAE,SAAS,GAAG,WAAW,IAAI,GACzCC,IAAeD;AAGjB,SAAA,gBAAAE,EAACC,GAAwB,EAAA,OAAO,EAAE,SAAA1B,EAAA,GAC9B,UAAC,gBAAA2B,EAAA,OAAA,EAAI,KAAAtB,GAAU,WAAWa,GACtB,UAAA;AAAA,IAAA,gBAAAS;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,SAAA5B;AAAA,QACA,WAAWqB;AAAA,QACX,OAAOC,EAAe;AAAA,QAErB,UAAA;AAAA,UAAA3B,KACI,gBAAA+B,EAAA,QAAA,EAAK,WAAU,kCAAiC,UAEjD,KAAA;AAAA,UAEHxB;AAAA,UACAH,KAAU,gBAAA2B,EAAA,QAAA,EAAM,UAAM3B,EAAA,CAAA;AAAA,UACtBG,KAASa,MAAmB,cAAc;AAAA,QAAA;AAAA,MAAA;AAAA,IAC/C;AAAA,IACA,gBAAAa;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WACIb,MAAmBE,EAAO,aACpB,iDACA;AAAA,QAGT,UAAA;AAAA,UAAArB;AAAA,UACA,gBAAA8B,EAAAG,GAAA,EAAgB,MAAK,QACjB,UACG5B,KAAA,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,QAAQ;AAAA,cAE3C,UAAA1B;AAAA,YAAA;AAAA,UAAA,EAGb,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ,EAAA,CACJ,EACJ,CAAA;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'\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;"}
+{"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":";AASM,MAAAA,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\";\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","useForm","formItemInvalid","useFormItem","inputGroupSize","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","useForm","formItemInvalid","useFormItem","inputGroupSize","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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"}

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'\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","useForm","inputGroupSize","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,IAAkBC,KAAW,MAC7BC,IAAiBC,KAAiB,MAElCC,IACFT,KAAQO,KAAkBF,KAAmBF,GAE3CO,IAAaC;AAAA,IACf;AAAA,IACA,eAAeF,CAAc,IAAIG,EAAcH,CAAc,EAAE,CAAC;AAAA,IAChEP;AAAA,EAAA;AAGJ,SACI,gBAAAW,EAAC,OAAA,EAAI,KAAAf,GAAU,WAAWY,GACrB,UAAAT,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","useForm","inputGroupSize","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,EAAc,IAAAH,GAEhC,EAAE,aAAAI,EAAY,IAAIC,EAAU,GAC5BC,IAAkBC,KAAW,MAC7BC,IAAiBC,KAAiB,MAElCC,IACFT,KAAQO,KAAkBF,KAAmBF,GAE3CO,IAAaC;AAAA,IACf;AAAA,IACA,eAAeF,CAAc,IAAIG,EAAcH,CAAc,EAAE,CAAC;AAAA,IAChEP;AAAA,EACJ;AAEA,SACK,gBAAAW,EAAA,OAAA,EAAI,KAAAf,GAAU,WAAWY,GACrB,UAAAT,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'\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","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,IAAkBC,KAAW,MAE7BC,IAAiBL,KAAQG,KAAmBF,GAE5CK,IAAkBC,EAAW,eAAeR,CAAS;AAK3D,2BACKS,GAAA,EAA0B,OAJV;AAAA,IACjB,MAAMH;AAAA,EAAA,GAIF,UAAA,gBAAAI,EAACC,KACI,UAAA,MAEO,gBAAAD,EAAC,OAAA,EAAI,KAAAb,GAAU,WAAWU,GACrB,UAAAR,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","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,EAAS,IAAAH,GAEhC,EAAE,aAAAI,EAAY,IAAIC,EAAU,GAC5BC,IAAkBC,KAAW,MAE7BC,IAAiBL,KAAQG,KAAmBF,GAE5CK,IAAkBC,EAAW,eAAeR,CAAS;AAK3D,2BACKS,GAA0B,EAAA,OAJV;AAAA,IACjB,MAAMH;AAAA,EACV,GAGQ,UAAA,gBAAAI,EAACC,KACI,UAAM,MAEE,gBAAAD,EAAA,OAAA,EAAI,KAAAb,GAAU,WAAWU,GACrB,UAAAR,GACL,GAGZ,EACJ,CAAA;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'\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;"}
+{"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":";AAGM,MAAAA,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 {\n    forwardRef,\n    type ForwardRefExoticComponent,\n    type RefAttributes,\n} 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 = forwardRef<HTMLDivElement, InputGroupProps>((props, ref) => (\n    <_InputGroup {...props} ref={ref} />\n)) as CompoundedComponent\n\nInputGroup.Addon = Addon\n\nexport { InputGroup }\n\nexport default InputGroup\n"],"names":["InputGroup","forwardRef","props","ref","_InputGroup","Addon"],"mappings":";;;;AAiBA,MAAMA,IAAaC,EAA4C,CAACC,GAAOC,wBAClEC,GAAA,EAAa,GAAGF,GAAO,KAAAC,GAAU,CACrC;AAEDH,EAAW,QAAQK;"}
+{"version":3,"file":"index.js","sources":["../../../../../lib/@ecme/components/ui/InputGroup/index.tsx"],"sourcesContent":["import {\n    forwardRef,\n    type ForwardRefExoticComponent,\n    type RefAttributes,\n} 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 = forwardRef<HTMLDivElement, InputGroupProps>((props, ref) => (\n    <_InputGroup {...props} ref={ref} />\n)) as CompoundedComponent\n\nInputGroup.Addon = Addon\n\nexport { InputGroup }\n\nexport default InputGroup\n"],"names":["InputGroup","forwardRef","props","ref","_InputGroup","Addon"],"mappings":";;;;AAiBM,MAAAA,IAAaC,EAA4C,CAACC,GAAOC,wBAClEC,GAAa,EAAA,GAAGF,GAAO,KAAAC,GAAU,CACrC;AAEDH,EAAW,QAAQK;"}

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'\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;"}
+{"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":";;;AAeM,MAAAA,IAAO,CAACC,MAAqB;AACzB,QAAA;AAAA,IACF,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,mBAAAC,IAAoB,CAAC;AAAA,IACrB,qBAAAC,IAAsB,CAAC;AAAA,IACvB,2BAAAC,IAA4B,CAAC;AAAA,IAC7B,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,OAAI,EAAA,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,MACJ;AAAA,MAEC,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'\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;"}
+{"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":";;;;;;;;;;AAqBM,MAAAA,IAAe,CAACC,MAA6B;AACzC,QAAA;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,EAA0B,IAClEC,EAAWC,CAAW,GAEpB,EAAE,WAAAC,EAAU,IAAIC,EAAU;AAEhC,EAAAC,EAAU,MAAM;AACP,IAAAN,EAAiC,SAASV,CAAkB,KAC7DO,EAAc,EAAI,GAElBN,MAAaK,KACbC,EAAc,EAAI;AAAA,EAGvB,GAAA,CAACN,GAAUD,GAAUU,CAAmB,CAAC;AAEtC,QAAAO,IAAiB,CAACC,MAAkC;AAClD,IAAA,OAAOb,KAAa,cACXA,EAAA,CAACC,GAAYY,CAAC,GAE3BX,EAAc,CAACD,CAAU;AAAA,EAC7B,GAEMa,IAAwBC;AAAA,IAC1B;AAAA,KACET,KACEA,EAA0B,SAASX,CAAkB,KACrDH,MACA;AAAA,IACJE;AAAA,EACJ;AAGI,SAAA,gBAAAsB,EAAC,OAAI,EAAA,WAAU,iBACX,UAAA;AAAA,IAAA,gBAAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAWF;AAAA,QACX,MAAK;AAAA,QACL,SAASF;AAAA,QAET,UAAA;AAAA,UAAC,gBAAAI,EAAA,QAAA,EAAK,WAAU,2BACX,UAAA;AAAA,YACGjB,KAAA,gBAAAkB;AAAA,cAACC;AAAA,cAAA;AAAA,gBACG,WAAWH;AAAA,kBACP;AAAA,kBACA,CAACvB,KAAU;AAAA,gBAAA;AAAA,cACf;AAAA,YACJ;AAAA,YAEHM;AAAA,UAAA,GACL;AAAA,UACA,gBAAAmB;AAAA,YAACE,EAAO;AAAA,YAAP;AAAA,cACG,WAAU;AAAA,cACV,SAAS,EAAE,WAAW,eAAe;AAAA,cACrC,SAAS;AAAA,gBACL,WAAWlB,IACL,oBACA;AAAA,cACV;AAAA,cACA,YAAY,EAAE,UAAU,KAAK;AAAA,cAE5B,UAAAG,IAAgB,OAAO,gBAAAa,EAACG,GAAc,CAAA,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QAC3C;AAAA,MAAA;AAAA,IACJ;AAAA,IACA,gBAAAH,EAACI,GAAwB,EAAA,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,SAAS;AAAA,QACrD,SAAS;AAAA,UACL,SAASR,IAAa,IAAI;AAAA,UAC1B,QAAQA,IAAa,SAAS;AAAA,QAClC;AAAA,QACA,YAAY,EAAE,UAAU,KAAK;AAAA,QAE5B,UAAAR;AAAA,MAAA;AAAA,IAAA,EAET,CAAA;AAAA,EAAA,GACJ;AAER;AAEAH,EAAa,cAAc;"}

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

@@ -1 +1 @@
-{"version":3,"file":"MenuGroup.js","sources":["../../../../../lib/@ecme/components/ui/Menu/MenuGroup.tsx"],"sourcesContent":["import { useContext } from 'react'\nimport classNames from 'classnames'\nimport { GroupContextProvider } from './context/groupContext'\nimport MenuContext from './context/menuContext'\nimport type { CommonProps } from '../@types/common'\nimport type { ReactNode } from 'react'\n\nexport interface MenuGroupProps extends CommonProps {\n    label: string | ReactNode\n}\n\nconst MenuGroup = (props: MenuGroupProps) => {\n    const { label, children, className } = props\n\n    const { sideCollapsed } = useContext(MenuContext)\n\n    const menuGroupDefaultClass = 'menu-group'\n    const menuGroupClass = classNames(menuGroupDefaultClass, className)\n\n    return (\n        <div className={menuGroupClass}>\n            {label && !sideCollapsed && (\n                <div className={classNames('menu-title')}>{label}</div>\n            )}\n            <GroupContextProvider value={null}>\n                <ul>{children}</ul>\n            </GroupContextProvider>\n        </div>\n    )\n}\n\nMenuGroup.displayName = 'MenuGroup'\n\nexport default MenuGroup\n"],"names":["MenuGroup","props","label","children","className","sideCollapsed","useContext","MenuContext","menuGroupClass","classNames","jsxs","jsx","GroupContextProvider"],"mappings":";;;;;AAWA,MAAMA,IAAY,CAACC,MAA0B;AACzC,QAAM,EAAE,OAAAC,GAAO,UAAAC,GAAU,WAAAC,EAAA,IAAcH,GAEjC,EAAE,eAAAI,EAAA,IAAkBC,EAAWC,CAAW,GAG1CC,IAAiBC,EADO,cAC2BL,CAAS;AAElE,SACI,gBAAAM,EAAC,OAAA,EAAI,WAAWF,GACX,UAAA;AAAA,IAAAN,KAAS,CAACG,KACP,gBAAAM,EAAC,OAAA,EAAI,WAAWF,EAAW,YAAY,GAAI,UAAAP,EAAA,CAAM;AAAA,sBAEpDU,GAAA,EAAqB,OAAO,MACzB,UAAA,gBAAAD,EAAC,MAAA,EAAI,UAAAR,GAAS,EAAA,CAClB;AAAA,EAAA,GACJ;AAER;AAEAH,EAAU,cAAc;"}
+{"version":3,"file":"MenuGroup.js","sources":["../../../../../lib/@ecme/components/ui/Menu/MenuGroup.tsx"],"sourcesContent":["import { useContext } from 'react'\nimport classNames from 'classnames'\nimport { GroupContextProvider } from './context/groupContext'\nimport MenuContext from './context/menuContext'\nimport type { CommonProps } from '../@types/common'\nimport type { ReactNode } from 'react'\n\nexport interface MenuGroupProps extends CommonProps {\n    label: string | ReactNode\n}\n\nconst MenuGroup = (props: MenuGroupProps) => {\n    const { label, children, className } = props\n\n    const { sideCollapsed } = useContext(MenuContext)\n\n    const menuGroupDefaultClass = 'menu-group'\n    const menuGroupClass = classNames(menuGroupDefaultClass, className)\n\n    return (\n        <div className={menuGroupClass}>\n            {label && !sideCollapsed && (\n                <div className={classNames('menu-title')}>{label}</div>\n            )}\n            <GroupContextProvider value={null}>\n                <ul>{children}</ul>\n            </GroupContextProvider>\n        </div>\n    )\n}\n\nMenuGroup.displayName = 'MenuGroup'\n\nexport default MenuGroup\n"],"names":["MenuGroup","props","label","children","className","sideCollapsed","useContext","MenuContext","menuGroupClass","classNames","jsxs","jsx","GroupContextProvider"],"mappings":";;;;;AAWM,MAAAA,IAAY,CAACC,MAA0B;AACzC,QAAM,EAAE,OAAAC,GAAO,UAAAC,GAAU,WAAAC,EAAc,IAAAH,GAEjC,EAAE,eAAAI,EAAA,IAAkBC,EAAWC,CAAW,GAG1CC,IAAiBC,EADO,cAC2BL,CAAS;AAG9D,SAAA,gBAAAM,EAAC,OAAI,EAAA,WAAWF,GACX,UAAA;AAAA,IAASN,KAAA,CAACG,KACN,gBAAAM,EAAA,OAAA,EAAI,WAAWF,EAAW,YAAY,GAAI,UAAMP,EAAA,CAAA;AAAA,sBAEpDU,GAAqB,EAAA,OAAO,MACzB,UAAC,gBAAAD,EAAA,MAAA,EAAI,UAAAR,GAAS,EAClB,CAAA;AAAA,EAAA,GACJ;AAER;AAEAH,EAAU,cAAc;"}

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

@@ -1 +1 @@
-{"version":3,"file":"MenuItem.js","sources":["../../../../../lib/@ecme/components/ui/Menu/MenuItem.tsx"],"sourcesContent":["import { MenuContextConsumer } from './context/menuContext'\nimport { GroupContextConsumer } from './context/groupContext'\nimport { CollapseContextConsumer } from './context/collapseContext'\nimport BaseMenuItem from '../MenuItem'\nimport type { MenuItemProps as BaseMenuItemProps } from '../MenuItem'\n\nexport type MenuItemProps = BaseMenuItemProps\n\nconst MenuItem = (props: MenuItemProps) => {\n    const { eventKey, ...rest } = props\n\n    return (\n        <MenuContextConsumer>\n            {(context) => (\n                <GroupContextConsumer>\n                    {() => (\n                        <CollapseContextConsumer>\n                            {() => (\n                                <BaseMenuItem\n                                    menuItemHeight={context.menuItemHeight}\n                                    isActive={(\n                                        context.defaultActiveKeys as string[]\n                                    ).includes(eventKey as string)}\n                                    eventKey={eventKey}\n                                    onSelect={context.onSelect}\n                                    {...rest}\n                                />\n                            )}\n                        </CollapseContextConsumer>\n                    )}\n                </GroupContextConsumer>\n            )}\n        </MenuContextConsumer>\n    )\n}\n\nMenuItem.displayName = 'MenuItem'\n\nexport default MenuItem\n"],"names":["MenuItem","props","eventKey","rest","jsx","MenuContextConsumer","context","GroupContextConsumer","CollapseContextConsumer","BaseMenuItem"],"mappings":";;;;;AAQA,MAAMA,IAAW,CAACC,MAAyB;AACvC,QAAM,EAAE,UAAAC,GAAU,GAAGC,EAAA,IAASF;AAE9B,SACI,gBAAAG,EAACC,KACI,UAAA,CAACC,wBACGC,GAAA,EACI,UAAA,MACG,gBAAAH,EAACI,GAAA,EACI,UAAA,MACG,gBAAAJ;AAAA,IAACK;AAAAA,IAAA;AAAA,MACG,gBAAgBH,EAAQ;AAAA,MACxB,UACIA,EAAQ,kBACV,SAASJ,CAAkB;AAAA,MAC7B,UAAAA;AAAA,MACA,UAAUI,EAAQ;AAAA,MACjB,GAAGH;AAAA,IAAA;AAAA,EAAA,EACR,CAER,GAER,GAER;AAER;AAEAH,EAAS,cAAc;"}
+{"version":3,"file":"MenuItem.js","sources":["../../../../../lib/@ecme/components/ui/Menu/MenuItem.tsx"],"sourcesContent":["import { MenuContextConsumer } from './context/menuContext'\nimport { GroupContextConsumer } from './context/groupContext'\nimport { CollapseContextConsumer } from './context/collapseContext'\nimport BaseMenuItem from '../MenuItem'\nimport type { MenuItemProps as BaseMenuItemProps } from '../MenuItem'\n\nexport type MenuItemProps = BaseMenuItemProps\n\nconst MenuItem = (props: MenuItemProps) => {\n    const { eventKey, ...rest } = props\n\n    return (\n        <MenuContextConsumer>\n            {(context) => (\n                <GroupContextConsumer>\n                    {() => (\n                        <CollapseContextConsumer>\n                            {() => (\n                                <BaseMenuItem\n                                    menuItemHeight={context.menuItemHeight}\n                                    isActive={(\n                                        context.defaultActiveKeys as string[]\n                                    ).includes(eventKey as string)}\n                                    eventKey={eventKey}\n                                    onSelect={context.onSelect}\n                                    {...rest}\n                                />\n                            )}\n                        </CollapseContextConsumer>\n                    )}\n                </GroupContextConsumer>\n            )}\n        </MenuContextConsumer>\n    )\n}\n\nMenuItem.displayName = 'MenuItem'\n\nexport default MenuItem\n"],"names":["MenuItem","props","eventKey","rest","jsx","MenuContextConsumer","context","GroupContextConsumer","CollapseContextConsumer","BaseMenuItem"],"mappings":";;;;;AAQM,MAAAA,IAAW,CAACC,MAAyB;AACvC,QAAM,EAAE,UAAAC,GAAU,GAAGC,EAAA,IAASF;AAG1B,SAAA,gBAAAG,EAACC,KACI,UAAC,CAAAC,wBACGC,GACI,EAAA,UAAA,MACI,gBAAAH,EAAAI,GAAA,EACI,UACG,MAAA,gBAAAJ;AAAA,IAACK;AAAAA,IAAA;AAAA,MACG,gBAAgBH,EAAQ;AAAA,MACxB,UACIA,EAAQ,kBACV,SAASJ,CAAkB;AAAA,MAC7B,UAAAA;AAAA,MACA,UAAUI,EAAQ;AAAA,MACjB,GAAGH;AAAA,IAAA;AAAA,EAAA,EAGhB,CAAA,EAER,CAAA,GAER;AAER;AAEAH,EAAS,cAAc;"}

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

@@ -1 +1 @@
-{"version":3,"file":"collapseContext.js","sources":["../../../../../../lib/@ecme/components/ui/Menu/context/collapseContext.tsx"],"sourcesContent":["import { createContext } from 'react'\n\nconst CollapseContext = createContext<boolean>(false)\n\nexport const CollapseContextProvider = CollapseContext.Provider\n\nexport const CollapseContextConsumer = CollapseContext.Consumer\n\nexport default CollapseContext\n"],"names":["CollapseContext","createContext","CollapseContextProvider","CollapseContextConsumer"],"mappings":";AAEA,MAAMA,IAAkBC,EAAuB,EAAK,GAEvCC,IAA0BF,EAAgB,UAE1CG,IAA0BH,EAAgB;"}
+{"version":3,"file":"collapseContext.js","sources":["../../../../../../lib/@ecme/components/ui/Menu/context/collapseContext.tsx"],"sourcesContent":["import { createContext } from 'react'\n\nconst CollapseContext = createContext<boolean>(false)\n\nexport const CollapseContextProvider = CollapseContext.Provider\n\nexport const CollapseContextConsumer = CollapseContext.Consumer\n\nexport default CollapseContext\n"],"names":["CollapseContext","createContext","CollapseContextProvider","CollapseContextConsumer"],"mappings":";AAEM,MAAAA,IAAkBC,EAAuB,EAAK,GAEvCC,IAA0BF,EAAgB,UAE1CG,IAA0BH,EAAgB;"}

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

@@ -1 +1 @@
-{"version":3,"file":"groupContext.js","sources":["../../../../../../lib/@ecme/components/ui/Menu/context/groupContext.tsx"],"sourcesContent":["import { createContext } from 'react'\n\nconst GroupContext = createContext(null)\n\nexport const GroupContextProvider = GroupContext.Provider\n\nexport const GroupContextConsumer = GroupContext.Consumer\n\nexport default GroupContext\n"],"names":["GroupContext","createContext","GroupContextProvider","GroupContextConsumer"],"mappings":";AAEA,MAAMA,IAAeC,EAAc,IAAI,GAE1BC,IAAuBF,EAAa,UAEpCG,IAAuBH,EAAa;"}
+{"version":3,"file":"groupContext.js","sources":["../../../../../../lib/@ecme/components/ui/Menu/context/groupContext.tsx"],"sourcesContent":["import { createContext } from 'react'\n\nconst GroupContext = createContext(null)\n\nexport const GroupContextProvider = GroupContext.Provider\n\nexport const GroupContextConsumer = GroupContext.Consumer\n\nexport default GroupContext\n"],"names":["GroupContext","createContext","GroupContextProvider","GroupContextConsumer"],"mappings":";AAEM,MAAAA,IAAeC,EAAc,IAAI,GAE1BC,IAAuBF,EAAa,UAEpCG,IAAuBH,EAAa;"}

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

@@ -1 +1 @@
-{"version":3,"file":"menuContext.js","sources":["../../../../../../lib/@ecme/components/ui/Menu/context/menuContext.tsx"],"sourcesContent":["import { createContext } from 'react'\n\nexport interface MenuContextProps {\n    defaultActiveKeys?: Array<string>\n    defaultExpandedKeys?: Array<string>\n    defaultCollapseActiveKeys?: Array<string>\n    menuItemHeight?: number\n    onSelect?: (eventKey: string, e: MouseEvent) => void\n    sideCollapsed?: boolean\n}\n\nconst MenuContext = createContext<MenuContextProps>({})\n\nexport const MenuContextProvider = MenuContext.Provider\n\nexport const MenuContextConsumer = MenuContext.Consumer\n\nexport default MenuContext\n"],"names":["MenuContext","createContext","MenuContextProvider","MenuContextConsumer"],"mappings":";AAWA,MAAMA,IAAcC,EAAgC,CAAA,CAAE,GAEzCC,IAAsBF,EAAY,UAElCG,IAAsBH,EAAY;"}
+{"version":3,"file":"menuContext.js","sources":["../../../../../../lib/@ecme/components/ui/Menu/context/menuContext.tsx"],"sourcesContent":["import { createContext } from 'react'\n\nexport interface MenuContextProps {\n    defaultActiveKeys?: Array<string>\n    defaultExpandedKeys?: Array<string>\n    defaultCollapseActiveKeys?: Array<string>\n    menuItemHeight?: number\n    onSelect?: (eventKey: string, e: MouseEvent) => void\n    sideCollapsed?: boolean\n}\n\nconst MenuContext = createContext<MenuContextProps>({})\n\nexport const MenuContextProvider = MenuContext.Provider\n\nexport const MenuContextConsumer = MenuContext.Consumer\n\nexport default MenuContext\n"],"names":["MenuContext","createContext","MenuContextProvider","MenuContextConsumer"],"mappings":";AAWM,MAAAA,IAAcC,EAAgC,CAAE,CAAA,GAEzCC,IAAsBF,EAAY,UAElCG,IAAsBH,EAAY;"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../lib/@ecme/components/ui/MenuItem/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport type { CommonProps } from '../@types/common'\nimport type { ElementType, Ref } from 'react'\nimport { PiDotOutlineFill } from 'react-icons/pi'\n\nexport interface MenuItemProps extends CommonProps {\n    asElement?: ElementType\n    id?: string\n    disabled?: boolean\n    dotIndent?: boolean\n    eventKey?: string\n    isActive?: boolean\n    menuItemHeight?: string | number\n    onSelect?: (eventKey: string, e: MouseEvent) => void\n    ref?: Ref<HTMLElement>\n}\n\nconst MenuItem = (props: MenuItemProps) => {\n    const {\n        asElement: Component = 'div',\n        children,\n        className,\n        disabled,\n        dotIndent,\n        eventKey,\n        isActive,\n        menuItemHeight = 42,\n        onSelect,\n        ref,\n        style,\n        ...rest\n    } = props\n\n    const menuItemActiveClass = `menu-item-active`\n    const menuItemHoverClass = `menu-item-hoverable`\n    const disabledClass = 'menu-item-disabled'\n    const menuItemClass = classNames(\n        'menu-item',\n        isActive && menuItemActiveClass,\n        disabled && disabledClass,\n        !disabled && menuItemHoverClass,\n        dotIndent && 'items-center gap-2',\n        className,\n    )\n\n    const hanldeOnClick = (e: MouseEvent) => {\n        if (onSelect) {\n            onSelect(eventKey as string, e)\n        }\n    }\n\n    return (\n        <Component\n            ref={ref}\n            className={menuItemClass}\n            style={{ height: `${menuItemHeight}px`, ...style }}\n            onClick={hanldeOnClick}\n            {...rest}\n        >\n            {dotIndent ? (\n                <>\n                    <div>\n                        <PiDotOutlineFill\n                            className={classNames(\n                                'text-3xl w-[24px]',\n                                !isActive && 'opacity-25',\n                            )}\n                        />\n                    </div>\n                    {children}\n                </>\n            ) : (\n                <>{children}</>\n            )}\n        </Component>\n    )\n}\n\nexport default MenuItem\n"],"names":["MenuItem","props","Component","children","className","disabled","dotIndent","eventKey","isActive","menuItemHeight","onSelect","ref","style","rest","menuItemClass","classNames","hanldeOnClick","e","jsx","jsxs","Fragment","PiDotOutlineFill"],"mappings":";;;AAiBA,MAAMA,IAAW,CAACC,MAAyB;AACvC,QAAM;AAAA,IACF,WAAWC,IAAY;AAAA,IACvB,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,gBAAAC,IAAiB;AAAA,IACjB,UAAAC;AAAA,IACA,KAAAC;AAAA,IACA,OAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACHZ,GAKEa,IAAgBC;AAAA,IAClB;AAAA,IACAP,KALwB;AAAA,IAMxBH,KAJkB;AAAA,IAKlB,CAACA,KANsB;AAAA,IAOvBC,KAAa;AAAA,IACbF;AAAA,EAAA,GAGEY,IAAgB,CAACC,MAAkB;AACrC,IAAIP,KACAA,EAASH,GAAoBU,CAAC;AAAA,EAEtC;AAEA,SACI,gBAAAC;AAAA,IAAChB;AAAA,IAAA;AAAA,MACG,KAAAS;AAAA,MACA,WAAWG;AAAA,MACX,OAAO,EAAE,QAAQ,GAAGL,CAAc,MAAM,GAAGG,EAAA;AAAA,MAC3C,SAASI;AAAA,MACR,GAAGH;AAAA,MAEH,cACG,gBAAAM,EAAAC,GAAA,EACI,UAAA;AAAA,QAAA,gBAAAF,EAAC,OAAA,EACG,UAAA,gBAAAA;AAAA,UAACG;AAAA,UAAA;AAAA,YACG,WAAWN;AAAA,cACP;AAAA,cACA,CAACP,KAAY;AAAA,YAAA;AAAA,UACjB;AAAA,QAAA,GAER;AAAA,QACCL;AAAA,MAAA,EAAA,CACL,2BAEG,UAAAA,EAAA,CAAS;AAAA,IAAA;AAAA,EAAA;AAI5B;"}
+{"version":3,"file":"index.js","sources":["../../../../../lib/@ecme/components/ui/MenuItem/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport type { CommonProps } from '../@types/common'\nimport type { ElementType, Ref } from 'react'\nimport { PiDotOutlineFill } from 'react-icons/pi'\n\nexport interface MenuItemProps extends CommonProps {\n    asElement?: ElementType\n    id?: string\n    disabled?: boolean\n    dotIndent?: boolean\n    eventKey?: string\n    isActive?: boolean\n    menuItemHeight?: string | number\n    onSelect?: (eventKey: string, e: MouseEvent) => void\n    ref?: Ref<HTMLElement>\n}\n\nconst MenuItem = (props: MenuItemProps) => {\n    const {\n        asElement: Component = 'div',\n        children,\n        className,\n        disabled,\n        dotIndent,\n        eventKey,\n        isActive,\n        menuItemHeight = 42,\n        onSelect,\n        ref,\n        style,\n        ...rest\n    } = props\n\n    const menuItemActiveClass = `menu-item-active`\n    const menuItemHoverClass = `menu-item-hoverable`\n    const disabledClass = 'menu-item-disabled'\n    const menuItemClass = classNames(\n        'menu-item',\n        isActive && menuItemActiveClass,\n        disabled && disabledClass,\n        !disabled && menuItemHoverClass,\n        dotIndent && 'items-center gap-2',\n        className,\n    )\n\n    const hanldeOnClick = (e: MouseEvent) => {\n        if (onSelect) {\n            onSelect(eventKey as string, e)\n        }\n    }\n\n    return (\n        <Component\n            ref={ref}\n            className={menuItemClass}\n            style={{ height: `${menuItemHeight}px`, ...style }}\n            onClick={hanldeOnClick}\n            {...rest}\n        >\n            {dotIndent ? (\n                <>\n                    <div>\n                        <PiDotOutlineFill\n                            className={classNames(\n                                'text-3xl w-[24px]',\n                                !isActive && 'opacity-25',\n                            )}\n                        />\n                    </div>\n                    {children}\n                </>\n            ) : (\n                <>{children}</>\n            )}\n        </Component>\n    )\n}\n\nexport default MenuItem\n"],"names":["MenuItem","props","Component","children","className","disabled","dotIndent","eventKey","isActive","menuItemHeight","onSelect","ref","style","rest","menuItemClass","classNames","hanldeOnClick","e","jsx","jsxs","Fragment","PiDotOutlineFill"],"mappings":";;;AAiBM,MAAAA,IAAW,CAACC,MAAyB;AACjC,QAAA;AAAA,IACF,WAAWC,IAAY;AAAA,IACvB,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,gBAAAC,IAAiB;AAAA,IACjB,UAAAC;AAAA,IACA,KAAAC;AAAA,IACA,OAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACHZ,GAKEa,IAAgBC;AAAA,IAClB;AAAA,IACAP,KALwB;AAAA,IAMxBH,KAJkB;AAAA,IAKlB,CAACA,KANsB;AAAA,IAOvBC,KAAa;AAAA,IACbF;AAAA,EACJ,GAEMY,IAAgB,CAACC,MAAkB;AACrC,IAAIP,KACAA,EAASH,GAAoBU,CAAC;AAAA,EAEtC;AAGI,SAAA,gBAAAC;AAAA,IAAChB;AAAA,IAAA;AAAA,MACG,KAAAS;AAAA,MACA,WAAWG;AAAA,MACX,OAAO,EAAE,QAAQ,GAAGL,CAAc,MAAM,GAAGG,EAAM;AAAA,MACjD,SAASI;AAAA,MACR,GAAGH;AAAA,MAEH,cAEO,gBAAAM,EAAAC,GAAA,EAAA,UAAA;AAAA,QAAA,gBAAAF,EAAC,OACG,EAAA,UAAA,gBAAAA;AAAA,UAACG;AAAA,UAAA;AAAA,YACG,WAAWN;AAAA,cACP;AAAA,cACA,CAACP,KAAY;AAAA,YAAA;AAAA,UACjB;AAAA,QAAA,GAER;AAAA,QACCL;AAAA,MACL,EAAA,CAAA,2BAEG,UAAAA,EAAS,CAAA;AAAA,IAAA;AAAA,EAEpB;AAER;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Notification.js","sources":["../../../../../lib/@ecme/components/ui/Notification/Notification.tsx"],"sourcesContent":["import { useCallback, useState } from 'react'\nimport classNames from 'classnames'\nimport useTimeout from '../hooks/useTimeout'\nimport CloseButton from '../CloseButton'\nimport StatusIcon from '../StatusIcon'\nimport type { CommonProps, TypeAttributes } from '../@types/common'\nimport type { ReactNode, MouseEvent, Ref } from 'react'\n\nexport interface NotificationProps extends CommonProps {\n    closable?: boolean\n    customIcon?: ReactNode | string\n    duration?: number\n    onClose?: (e: MouseEvent<HTMLSpanElement>) => void\n    ref?: Ref<HTMLDivElement>\n    title?: string\n    triggerByToast?: boolean\n    type?: TypeAttributes.Status\n    width?: number | string\n}\n\nconst Notification = (props: NotificationProps) => {\n    const {\n        className,\n        children,\n        closable = false,\n        customIcon,\n        duration = 3000,\n        onClose,\n        style,\n        ref,\n        title,\n        triggerByToast,\n        type,\n        width = 350,\n        ...rest\n    } = props\n\n    const [display, setDisplay] = useState('show')\n\n    const { clear } = useTimeout(onClose as () => void, duration, duration > 0)\n\n    const handleClose = useCallback(\n        (e: MouseEvent<HTMLSpanElement>) => {\n            setDisplay('hiding')\n            onClose?.(e)\n            clear()\n            if (!triggerByToast) {\n                setTimeout(() => {\n                    setDisplay('hide')\n                }, 400)\n            }\n        },\n        [onClose, clear, triggerByToast],\n    )\n\n    const notificationClass = classNames('notification', className)\n\n    if (display === 'hide') {\n        return null\n    }\n\n    return (\n        <div\n            ref={ref}\n            {...rest}\n            className={notificationClass}\n            style={{ width: width, ...style }}\n        >\n            <div\n                className={classNames(\n                    'notification-content',\n                    !children && 'no-child',\n                )}\n            >\n                {type && !customIcon ? (\n                    <div className=\"mr-3 mt-0.5\">\n                        <StatusIcon type={type} />\n                    </div>\n                ) : null}\n                {customIcon && <div className=\"mr-3\">{customIcon}</div>}\n                <div className=\"mr-4\">\n                    {title && (\n                        <div\n                            className={classNames(\n                                'notification-title',\n                                children ? 'mb-2' : '',\n                            )}\n                        >\n                            {title}\n                        </div>\n                    )}\n                    <div\n                        className={classNames(\n                            'notification-description',\n                            !title && children ? 'mt-1' : '',\n                        )}\n                    >\n                        {children}\n                    </div>\n                </div>\n            </div>\n            {closable && (\n                <CloseButton\n                    className=\"notification-close\"\n                    absolute={true}\n                    onClick={handleClose}\n                />\n            )}\n        </div>\n    )\n}\n\nexport default Notification\n"],"names":["Notification","props","className","children","closable","customIcon","duration","onClose","style","ref","title","triggerByToast","type","width","rest","display","setDisplay","useState","clear","useTimeout","handleClose","useCallback","e","notificationClass","classNames","jsxs","jsx","StatusIcon","CloseButton"],"mappings":";;;;;;;;AAoBA,MAAMA,IAAe,CAACC,MAA6B;AAC/C,QAAM;AAAA,IACF,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,YAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,SAAAC;AAAA,IACA,OAAAC;AAAA,IACA,KAAAC;AAAA,IACA,OAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,MAAAC;AAAA,IACA,OAAAC,IAAQ;AAAA,IACR,GAAGC;AAAA,EAAA,IACHb,GAEE,CAACc,GAASC,CAAU,IAAIC,EAAS,MAAM,GAEvC,EAAE,OAAAC,EAAA,IAAUC,EAAWZ,GAAuBD,GAAUA,IAAW,CAAC,GAEpEc,IAAcC;AAAA,IAChB,CAACC,MAAmC;AAChC,MAAAN,EAAW,QAAQ,GACnBT,IAAUe,CAAC,GACXJ,EAAA,GACKP,KACD,WAAW,MAAM;AACb,QAAAK,EAAW,MAAM;AAAA,MACrB,GAAG,GAAG;AAAA,IAEd;AAAA,IACA,CAACT,GAASW,GAAOP,CAAc;AAAA,EAAA,GAG7BY,IAAoBC,EAAW,gBAAgBtB,CAAS;AAE9D,SAAIa,MAAY,SACL,OAIP,gBAAAU;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAAhB;AAAA,MACC,GAAGK;AAAA,MACJ,WAAWS;AAAA,MACX,OAAO,EAAE,OAAAV,GAAc,GAAGL,EAAA;AAAA,MAE1B,UAAA;AAAA,QAAA,gBAAAiB;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAWD;AAAA,cACP;AAAA,cACA,CAACrB,KAAY;AAAA,YAAA;AAAA,YAGhB,UAAA;AAAA,cAAAS,KAAQ,CAACP,IACN,gBAAAqB,EAAC,OAAA,EAAI,WAAU,eACX,UAAA,gBAAAA,EAACC,GAAA,EAAW,MAAAf,EAAA,CAAY,EAAA,CAC5B,IACA;AAAA,cACHP,KAAc,gBAAAqB,EAAC,OAAA,EAAI,WAAU,QAAQ,UAAArB,GAAW;AAAA,cACjD,gBAAAoB,EAAC,OAAA,EAAI,WAAU,QACV,UAAA;AAAA,gBAAAf,KACG,gBAAAgB;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACG,WAAWF;AAAA,sBACP;AAAA,sBACArB,IAAW,SAAS;AAAA,oBAAA;AAAA,oBAGvB,UAAAO;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBAGT,gBAAAgB;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACG,WAAWF;AAAA,sBACP;AAAA,sBACA,CAACd,KAASP,IAAW,SAAS;AAAA,oBAAA;AAAA,oBAGjC,UAAAA;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACL,EAAA,CACJ;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAEHC,KACG,gBAAAsB;AAAA,UAACE;AAAA,UAAA;AAAA,YACG,WAAU;AAAA,YACV,UAAU;AAAA,YACV,SAASR;AAAA,UAAA;AAAA,QAAA;AAAA,MACb;AAAA,IAAA;AAAA,EAAA;AAIhB;"}
+{"version":3,"file":"Notification.js","sources":["../../../../../lib/@ecme/components/ui/Notification/Notification.tsx"],"sourcesContent":["import { useCallback, useState } from 'react'\nimport classNames from 'classnames'\nimport useTimeout from '../hooks/useTimeout'\nimport CloseButton from '../CloseButton'\nimport StatusIcon from '../StatusIcon'\nimport type { CommonProps, TypeAttributes } from '../@types/common'\nimport type { ReactNode, MouseEvent, Ref } from 'react'\n\nexport interface NotificationProps extends CommonProps {\n    closable?: boolean\n    customIcon?: ReactNode | string\n    duration?: number\n    onClose?: (e: MouseEvent<HTMLSpanElement>) => void\n    ref?: Ref<HTMLDivElement>\n    title?: string\n    triggerByToast?: boolean\n    type?: TypeAttributes.Status\n    width?: number | string\n}\n\nconst Notification = (props: NotificationProps) => {\n    const {\n        className,\n        children,\n        closable = false,\n        customIcon,\n        duration = 3000,\n        onClose,\n        style,\n        ref,\n        title,\n        triggerByToast,\n        type,\n        width = 350,\n        ...rest\n    } = props\n\n    const [display, setDisplay] = useState('show')\n\n    const { clear } = useTimeout(onClose as () => void, duration, duration > 0)\n\n    const handleClose = useCallback(\n        (e: MouseEvent<HTMLSpanElement>) => {\n            setDisplay('hiding')\n            onClose?.(e)\n            clear()\n            if (!triggerByToast) {\n                setTimeout(() => {\n                    setDisplay('hide')\n                }, 400)\n            }\n        },\n        [onClose, clear, triggerByToast],\n    )\n\n    const notificationClass = classNames('notification', className)\n\n    if (display === 'hide') {\n        return null\n    }\n\n    return (\n        <div\n            ref={ref}\n            {...rest}\n            className={notificationClass}\n            style={{ width: width, ...style }}\n        >\n            <div\n                className={classNames(\n                    'notification-content',\n                    !children && 'no-child',\n                )}\n            >\n                {type && !customIcon ? (\n                    <div className=\"mr-3 mt-0.5\">\n                        <StatusIcon type={type} />\n                    </div>\n                ) : null}\n                {customIcon && <div className=\"mr-3\">{customIcon}</div>}\n                <div className=\"mr-4\">\n                    {title && (\n                        <div\n                            className={classNames(\n                                'notification-title',\n                                children ? 'mb-2' : '',\n                            )}\n                        >\n                            {title}\n                        </div>\n                    )}\n                    <div\n                        className={classNames(\n                            'notification-description',\n                            !title && children ? 'mt-1' : '',\n                        )}\n                    >\n                        {children}\n                    </div>\n                </div>\n            </div>\n            {closable && (\n                <CloseButton\n                    className=\"notification-close\"\n                    absolute={true}\n                    onClick={handleClose}\n                />\n            )}\n        </div>\n    )\n}\n\nexport default Notification\n"],"names":["Notification","props","className","children","closable","customIcon","duration","onClose","style","ref","title","triggerByToast","type","width","rest","display","setDisplay","useState","clear","useTimeout","handleClose","useCallback","e","notificationClass","classNames","jsxs","jsx","StatusIcon","CloseButton"],"mappings":";;;;;;;;AAoBM,MAAAA,IAAe,CAACC,MAA6B;AACzC,QAAA;AAAA,IACF,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,YAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,SAAAC;AAAA,IACA,OAAAC;AAAA,IACA,KAAAC;AAAA,IACA,OAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,MAAAC;AAAA,IACA,OAAAC,IAAQ;AAAA,IACR,GAAGC;AAAA,EAAA,IACHb,GAEE,CAACc,GAASC,CAAU,IAAIC,EAAS,MAAM,GAEvC,EAAE,OAAAC,EAAM,IAAIC,EAAWZ,GAAuBD,GAAUA,IAAW,CAAC,GAEpEc,IAAcC;AAAA,IAChB,CAACC,MAAmC;AAChC,MAAAN,EAAW,QAAQ,GACnBT,IAAUe,CAAC,GACLJ,EAAA,GACDP,KACD,WAAW,MAAM;AACb,QAAAK,EAAW,MAAM;AAAA,SAClB,GAAG;AAAA,IAEd;AAAA,IACA,CAACT,GAASW,GAAOP,CAAc;AAAA,EACnC,GAEMY,IAAoBC,EAAW,gBAAgBtB,CAAS;AAE9D,SAAIa,MAAY,SACL,OAIP,gBAAAU;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAAhB;AAAA,MACC,GAAGK;AAAA,MACJ,WAAWS;AAAA,MACX,OAAO,EAAE,OAAAV,GAAc,GAAGL,EAAM;AAAA,MAEhC,UAAA;AAAA,QAAA,gBAAAiB;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAWD;AAAA,cACP;AAAA,cACA,CAACrB,KAAY;AAAA,YACjB;AAAA,YAEC,UAAA;AAAA,cAAQS,KAAA,CAACP,IACN,gBAAAqB,EAAC,OAAI,EAAA,WAAU,eACX,UAAC,gBAAAA,EAAAC,GAAA,EAAW,MAAAf,EAAY,CAAA,EAAA,CAC5B,IACA;AAAA,cACHP,KAAc,gBAAAqB,EAAC,OAAI,EAAA,WAAU,QAAQ,UAAWrB,GAAA;AAAA,cACjD,gBAAAoB,EAAC,OAAI,EAAA,WAAU,QACV,UAAA;AAAA,gBACGf,KAAA,gBAAAgB;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACG,WAAWF;AAAA,sBACP;AAAA,sBACArB,IAAW,SAAS;AAAA,oBACxB;AAAA,oBAEC,UAAAO;AAAA,kBAAA;AAAA,gBACL;AAAA,gBAEJ,gBAAAgB;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACG,WAAWF;AAAA,sBACP;AAAA,sBACA,CAACd,KAASP,IAAW,SAAS;AAAA,oBAClC;AAAA,oBAEC,UAAAA;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACL,EACJ,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACJ;AAAA,QACCC,KACG,gBAAAsB;AAAA,UAACE;AAAA,UAAA;AAAA,YACG,WAAU;AAAA,YACV,UAAU;AAAA,YACV,SAASR;AAAA,UAAA;AAAA,QAAA;AAAA,MACb;AAAA,IAAA;AAAA,EAER;AAER;"}

package/dist/@ecme/components/ui/Pagination/Next.js.map

@@ -1 +1 @@
-{"version":3,"file":"Next.js","sources":["../../../../../lib/@ecme/components/ui/Pagination/Next.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport { HiChevronRight } from 'react-icons/hi'\nimport type { CommonProps } from '../@types/common'\nimport type { MouseEvent } from 'react'\n\ninterface NextProps extends CommonProps {\n    currentPage: number\n    pageCount: number\n    pagerClass: {\n        default: string\n        inactive: string\n        active: string\n        disabled: string\n    }\n    onNext: (e: MouseEvent<HTMLSpanElement>) => void\n}\n\nconst Next = (props: NextProps) => {\n    const { currentPage, pageCount, pagerClass, onNext } = props\n\n    const disabled = currentPage === pageCount || pageCount === 0\n\n    const onNextClick = (e: MouseEvent<HTMLSpanElement>) => {\n        e.preventDefault()\n        if (disabled) {\n            return\n        }\n        onNext(e)\n    }\n\n    const pagerNextClass = classNames(\n        pagerClass.default,\n        'pagination-pager-next',\n        disabled ? pagerClass.disabled : pagerClass.inactive,\n    )\n\n    return (\n        <span\n            className={pagerNextClass}\n            role=\"presentation\"\n            onClick={onNextClick}\n        >\n            <HiChevronRight />\n        </span>\n    )\n}\n\nexport default Next\n"],"names":["Next","props","currentPage","pageCount","pagerClass","onNext","disabled","onNextClick","e","pagerNextClass","classNames","jsx","HiChevronRight"],"mappings":";;;AAiBA,MAAMA,IAAO,CAACC,MAAqB;AAC/B,QAAM,EAAE,aAAAC,GAAa,WAAAC,GAAW,YAAAC,GAAY,QAAAC,MAAWJ,GAEjDK,IAAWJ,MAAgBC,KAAaA,MAAc,GAEtDI,IAAc,CAACC,MAAmC;AAEpD,IADAA,EAAE,eAAA,GACE,CAAAF,KAGJD,EAAOG,CAAC;AAAA,EACZ,GAEMC,IAAiBC;AAAA,IACnBN,EAAW;AAAA,IACX;AAAA,IACAE,IAAWF,EAAW,WAAWA,EAAW;AAAA,EAAA;AAGhD,SACI,gBAAAO;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAWF;AAAA,MACX,MAAK;AAAA,MACL,SAASF;AAAA,MAET,4BAACK,GAAA,CAAA,CAAe;AAAA,IAAA;AAAA,EAAA;AAG5B;"}
+{"version":3,"file":"Next.js","sources":["../../../../../lib/@ecme/components/ui/Pagination/Next.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport { HiChevronRight } from 'react-icons/hi'\nimport type { CommonProps } from '../@types/common'\nimport type { MouseEvent } from 'react'\n\ninterface NextProps extends CommonProps {\n    currentPage: number\n    pageCount: number\n    pagerClass: {\n        default: string\n        inactive: string\n        active: string\n        disabled: string\n    }\n    onNext: (e: MouseEvent<HTMLSpanElement>) => void\n}\n\nconst Next = (props: NextProps) => {\n    const { currentPage, pageCount, pagerClass, onNext } = props\n\n    const disabled = currentPage === pageCount || pageCount === 0\n\n    const onNextClick = (e: MouseEvent<HTMLSpanElement>) => {\n        e.preventDefault()\n        if (disabled) {\n            return\n        }\n        onNext(e)\n    }\n\n    const pagerNextClass = classNames(\n        pagerClass.default,\n        'pagination-pager-next',\n        disabled ? pagerClass.disabled : pagerClass.inactive,\n    )\n\n    return (\n        <span\n            className={pagerNextClass}\n            role=\"presentation\"\n            onClick={onNextClick}\n        >\n            <HiChevronRight />\n        </span>\n    )\n}\n\nexport default Next\n"],"names":["Next","props","currentPage","pageCount","pagerClass","onNext","disabled","onNextClick","e","pagerNextClass","classNames","jsx","HiChevronRight"],"mappings":";;;AAiBM,MAAAA,IAAO,CAACC,MAAqB;AAC/B,QAAM,EAAE,aAAAC,GAAa,WAAAC,GAAW,YAAAC,GAAY,QAAAC,EAAW,IAAAJ,GAEjDK,IAAWJ,MAAgBC,KAAaA,MAAc,GAEtDI,IAAc,CAACC,MAAmC;AAEpD,IADAA,EAAE,eAAe,GACb,CAAAF,KAGJD,EAAOG,CAAC;AAAA,EACZ,GAEMC,IAAiBC;AAAA,IACnBN,EAAW;AAAA,IACX;AAAA,IACAE,IAAWF,EAAW,WAAWA,EAAW;AAAA,EAChD;AAGI,SAAA,gBAAAO;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAWF;AAAA,MACX,MAAK;AAAA,MACL,SAASF;AAAA,MAET,4BAACK,GAAe,CAAA,CAAA;AAAA,IAAA;AAAA,EACpB;AAER;"}

package/dist/@ecme/components/ui/Pagination/Pagers.js.map

@@ -1 +1 @@
-{"version":3,"file":"Pagers.js","sources":["../../../../../lib/@ecme/components/ui/Pagination/Pagers.tsx"],"sourcesContent":["import { useState, useEffect, useCallback, useMemo } from 'react'\nimport classNames from 'classnames'\nimport {\n    HiOutlineChevronDoubleLeft,\n    HiOutlineDotsHorizontal,\n    HiChevronDoubleRight,\n} from 'react-icons/hi'\n\nconst PAGER_COUNT = 7\n\ntype More = 'nextMore' | 'prevMore'\n\ntype MoreProps = {\n    className: string\n    onArrow: (more: More) => void\n}\n\nconst NextMore = ({ className, onArrow }: MoreProps) => {\n    const [quickNextArrowIcon, setQuickNextArrowIcon] = useState(false)\n\n    return (\n        <li\n            className={className}\n            role=\"presentation\"\n            onMouseEnter={() => {\n                setQuickNextArrowIcon(true)\n            }}\n            onMouseLeave={() => {\n                setQuickNextArrowIcon(false)\n            }}\n            onClick={() => onArrow('nextMore')}\n        >\n            {quickNextArrowIcon ? (\n                <HiChevronDoubleRight />\n            ) : (\n                <HiOutlineDotsHorizontal />\n            )}\n        </li>\n    )\n}\n\nconst PrevMore = ({ className, onArrow }: MoreProps) => {\n    const [quickPrevArrowIcon, setQuickPrevArrowIcon] = useState(false)\n\n    return (\n        <li\n            className={className}\n            role=\"presentation\"\n            onMouseEnter={() => {\n                setQuickPrevArrowIcon(true)\n            }}\n            onMouseLeave={() => {\n                setQuickPrevArrowIcon(false)\n            }}\n            onClick={() => onArrow('prevMore')}\n        >\n            {quickPrevArrowIcon ? (\n                <HiOutlineChevronDoubleLeft />\n            ) : (\n                <HiOutlineDotsHorizontal />\n            )}\n        </li>\n    )\n}\n\ntype PagersProps = {\n    pageCount: number\n    currentPage: number\n    pagerClass: {\n        default: string\n        inactive: string\n        active: string\n        disabled: string\n    }\n    onChange: (page: number) => void\n}\n\nconst Pagers = (props: PagersProps) => {\n    const { pageCount, currentPage, onChange, pagerClass } = props\n\n    const [showPrevMore, setShowPrevMore] = useState(false)\n    const [showNextMore, setShowNextMore] = useState(false)\n\n    useEffect(() => {\n        if (pageCount > PAGER_COUNT) {\n            if (currentPage > PAGER_COUNT - 2) {\n                setShowPrevMore(true)\n            }\n            if (currentPage < pageCount - 2) {\n                setShowNextMore(true)\n            }\n            if (currentPage >= pageCount - 3 && currentPage <= pageCount) {\n                setShowNextMore(false)\n            }\n            if (currentPage >= 1 && currentPage <= 4) {\n                setShowPrevMore(false)\n            }\n        } else {\n            setShowPrevMore(false)\n            setShowNextMore(false)\n        }\n    }, [currentPage, pageCount])\n\n    const onPagerClick = (\n        value: number,\n        e: React.MouseEvent<HTMLLIElement, MouseEvent>,\n    ) => {\n        e.preventDefault()\n        let newPage = value\n\n        if (newPage < 1) {\n            newPage = 1\n        }\n        if (newPage > pageCount) {\n            newPage = pageCount\n        }\n\n        if (newPage !== currentPage) {\n            onChange(newPage)\n        }\n    }\n\n    const onArrowClick = useCallback(\n        (e: More) => {\n            let newPage = currentPage\n            if (e === 'nextMore') {\n                newPage = currentPage + 5\n            }\n            if (e === 'prevMore') {\n                newPage = currentPage - 5\n            }\n            onChange(newPage)\n        },\n        [currentPage, onChange],\n    )\n\n    const getPages = useMemo(() => {\n        const pagerArray: number[] = []\n        if (showPrevMore && !showNextMore) {\n            const startPage = pageCount - (PAGER_COUNT - 2)\n            for (let i = startPage; i < pageCount; i++) {\n                pagerArray.push(i)\n            }\n        } else if (!showPrevMore && showNextMore) {\n            for (let i = 2; i < PAGER_COUNT; i++) {\n                pagerArray.push(i)\n            }\n        } else if (showPrevMore && showNextMore) {\n            const offset = Math.floor(PAGER_COUNT / 2) - 1\n            const maxRange =\n                currentPage >= pageCount - 2 && currentPage <= pageCount\n            for (\n                let i = currentPage - offset;\n                i <= currentPage + (maxRange ? 0 : offset);\n                i++\n            ) {\n                pagerArray.push(i)\n            }\n        } else {\n            for (let i = 2; i < pageCount; i++) {\n                pagerArray.push(i)\n            }\n        }\n        if (pagerArray.length > PAGER_COUNT) {\n            return []\n        }\n\n        return pagerArray\n    }, [showPrevMore, showNextMore, currentPage, pageCount])\n\n    const getPagerClass = (index: number) => {\n        return classNames(\n            pagerClass.default,\n            currentPage === index ? pagerClass.active : pagerClass.inactive,\n        )\n    }\n\n    return (\n        <ul>\n            {pageCount > 0 && (\n                <li\n                    className={getPagerClass(1)}\n                    role=\"presentation\"\n                    onClick={(e) => onPagerClick(1, e)}\n                >\n                    1\n                </li>\n            )}\n            {showPrevMore && (\n                <PrevMore\n                    className={classNames(\n                        pagerClass.default,\n                        pagerClass.inactive,\n                    )}\n                    onArrow={(arrow) => onArrowClick(arrow)}\n                />\n            )}\n            {getPages.map((pager, index) => {\n                return (\n                    <li\n                        key={index}\n                        className={getPagerClass(pager)}\n                        role=\"presentation\"\n                        onClick={(e) => onPagerClick(pager, e)}\n                    >\n                        {pager}\n                    </li>\n                )\n            })}\n            {showNextMore && (\n                <NextMore\n                    className={classNames(\n                        pagerClass.default,\n                        pagerClass.inactive,\n                    )}\n                    onArrow={(arrow) => onArrowClick(arrow)}\n                />\n            )}\n            {pageCount > 1 && (\n                <li\n                    className={getPagerClass(pageCount)}\n                    role=\"presentation\"\n                    onClick={(e) => onPagerClick(pageCount, e)}\n                >\n                    {pageCount}\n                </li>\n            )}\n        </ul>\n    )\n}\n\nexport default Pagers\n"],"names":["PAGER_COUNT","NextMore","className","onArrow","quickNextArrowIcon","setQuickNextArrowIcon","useState","jsx","HiChevronDoubleRight","HiOutlineDotsHorizontal","PrevMore","quickPrevArrowIcon","setQuickPrevArrowIcon","HiOutlineChevronDoubleLeft","Pagers","props","pageCount","currentPage","onChange","pagerClass","showPrevMore","setShowPrevMore","showNextMore","setShowNextMore","useEffect","onPagerClick","value","e","newPage","onArrowClick","useCallback","getPages","useMemo","pagerArray","startPage","i","offset","maxRange","getPagerClass","index","classNames","arrow","pager"],"mappings":"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"}
+{"version":3,"file":"Pagers.js","sources":["../../../../../lib/@ecme/components/ui/Pagination/Pagers.tsx"],"sourcesContent":["import { useState, useEffect, useCallback, useMemo } from 'react'\nimport classNames from 'classnames'\nimport {\n    HiOutlineChevronDoubleLeft,\n    HiOutlineDotsHorizontal,\n    HiChevronDoubleRight,\n} from 'react-icons/hi'\n\nconst PAGER_COUNT = 7\n\ntype More = 'nextMore' | 'prevMore'\n\ntype MoreProps = {\n    className: string\n    onArrow: (more: More) => void\n}\n\nconst NextMore = ({ className, onArrow }: MoreProps) => {\n    const [quickNextArrowIcon, setQuickNextArrowIcon] = useState(false)\n\n    return (\n        <li\n            className={className}\n            role=\"presentation\"\n            onMouseEnter={() => {\n                setQuickNextArrowIcon(true)\n            }}\n            onMouseLeave={() => {\n                setQuickNextArrowIcon(false)\n            }}\n            onClick={() => onArrow('nextMore')}\n        >\n            {quickNextArrowIcon ? (\n                <HiChevronDoubleRight />\n            ) : (\n                <HiOutlineDotsHorizontal />\n            )}\n        </li>\n    )\n}\n\nconst PrevMore = ({ className, onArrow }: MoreProps) => {\n    const [quickPrevArrowIcon, setQuickPrevArrowIcon] = useState(false)\n\n    return (\n        <li\n            className={className}\n            role=\"presentation\"\n            onMouseEnter={() => {\n                setQuickPrevArrowIcon(true)\n            }}\n            onMouseLeave={() => {\n                setQuickPrevArrowIcon(false)\n            }}\n            onClick={() => onArrow('prevMore')}\n        >\n            {quickPrevArrowIcon ? (\n                <HiOutlineChevronDoubleLeft />\n            ) : (\n                <HiOutlineDotsHorizontal />\n            )}\n        </li>\n    )\n}\n\ntype PagersProps = {\n    pageCount: number\n    currentPage: number\n    pagerClass: {\n        default: string\n        inactive: string\n        active: string\n        disabled: string\n    }\n    onChange: (page: number) => void\n}\n\nconst Pagers = (props: PagersProps) => {\n    const { pageCount, currentPage, onChange, pagerClass } = props\n\n    const [showPrevMore, setShowPrevMore] = useState(false)\n    const [showNextMore, setShowNextMore] = useState(false)\n\n    useEffect(() => {\n        if (pageCount > PAGER_COUNT) {\n            if (currentPage > PAGER_COUNT - 2) {\n                setShowPrevMore(true)\n            }\n            if (currentPage < pageCount - 2) {\n                setShowNextMore(true)\n            }\n            if (currentPage >= pageCount - 3 && currentPage <= pageCount) {\n                setShowNextMore(false)\n            }\n            if (currentPage >= 1 && currentPage <= 4) {\n                setShowPrevMore(false)\n            }\n        } else {\n            setShowPrevMore(false)\n            setShowNextMore(false)\n        }\n    }, [currentPage, pageCount])\n\n    const onPagerClick = (\n        value: number,\n        e: React.MouseEvent<HTMLLIElement, MouseEvent>,\n    ) => {\n        e.preventDefault()\n        let newPage = value\n\n        if (newPage < 1) {\n            newPage = 1\n        }\n        if (newPage > pageCount) {\n            newPage = pageCount\n        }\n\n        if (newPage !== currentPage) {\n            onChange(newPage)\n        }\n    }\n\n    const onArrowClick = useCallback(\n        (e: More) => {\n            let newPage = currentPage\n            if (e === 'nextMore') {\n                newPage = currentPage + 5\n            }\n            if (e === 'prevMore') {\n                newPage = currentPage - 5\n            }\n            onChange(newPage)\n        },\n        [currentPage, onChange],\n    )\n\n    const getPages = useMemo(() => {\n        const pagerArray: number[] = []\n        if (showPrevMore && !showNextMore) {\n            const startPage = pageCount - (PAGER_COUNT - 2)\n            for (let i = startPage; i < pageCount; i++) {\n                pagerArray.push(i)\n            }\n        } else if (!showPrevMore && showNextMore) {\n            for (let i = 2; i < PAGER_COUNT; i++) {\n                pagerArray.push(i)\n            }\n        } else if (showPrevMore && showNextMore) {\n            const offset = Math.floor(PAGER_COUNT / 2) - 1\n            const maxRange =\n                currentPage >= pageCount - 2 && currentPage <= pageCount\n            for (\n                let i = currentPage - offset;\n                i <= currentPage + (maxRange ? 0 : offset);\n                i++\n            ) {\n                pagerArray.push(i)\n            }\n        } else {\n            for (let i = 2; i < pageCount; i++) {\n                pagerArray.push(i)\n            }\n        }\n        if (pagerArray.length > PAGER_COUNT) {\n            return []\n        }\n\n        return pagerArray\n    }, [showPrevMore, showNextMore, currentPage, pageCount])\n\n    const getPagerClass = (index: number) => {\n        return classNames(\n            pagerClass.default,\n            currentPage === index ? pagerClass.active : pagerClass.inactive,\n        )\n    }\n\n    return (\n        <ul>\n            {pageCount > 0 && (\n                <li\n                    className={getPagerClass(1)}\n                    role=\"presentation\"\n                    onClick={(e) => onPagerClick(1, e)}\n                >\n                    1\n                </li>\n            )}\n            {showPrevMore && (\n                <PrevMore\n                    className={classNames(\n                        pagerClass.default,\n                        pagerClass.inactive,\n                    )}\n                    onArrow={(arrow) => onArrowClick(arrow)}\n                />\n            )}\n            {getPages.map((pager, index) => {\n                return (\n                    <li\n                        key={index}\n                        className={getPagerClass(pager)}\n                        role=\"presentation\"\n                        onClick={(e) => onPagerClick(pager, e)}\n                    >\n                        {pager}\n                    </li>\n                )\n            })}\n            {showNextMore && (\n                <NextMore\n                    className={classNames(\n                        pagerClass.default,\n                        pagerClass.inactive,\n                    )}\n                    onArrow={(arrow) => onArrowClick(arrow)}\n                />\n            )}\n            {pageCount > 1 && (\n                <li\n                    className={getPagerClass(pageCount)}\n                    role=\"presentation\"\n                    onClick={(e) => onPagerClick(pageCount, e)}\n                >\n                    {pageCount}\n                </li>\n            )}\n        </ul>\n    )\n}\n\nexport default Pagers\n"],"names":["PAGER_COUNT","NextMore","className","onArrow","quickNextArrowIcon","setQuickNextArrowIcon","useState","jsx","HiChevronDoubleRight","HiOutlineDotsHorizontal","PrevMore","quickPrevArrowIcon","setQuickPrevArrowIcon","HiOutlineChevronDoubleLeft","Pagers","props","pageCount","currentPage","onChange","pagerClass","showPrevMore","setShowPrevMore","showNextMore","setShowNextMore","useEffect","onPagerClick","value","e","newPage","onArrowClick","useCallback","getPages","useMemo","pagerArray","startPage","i","offset","maxRange","getPagerClass","index","classNames","arrow","pager"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"Pagination.js","sources":["../../../../../lib/@ecme/components/ui/Pagination/Pagination.tsx"],"sourcesContent":["import { useState, useEffect, useMemo } from 'react'\nimport Pager from './Pagers'\nimport Prev from './Prev'\nimport Next from './Next'\nimport Total from './Total'\nimport useControllableState from '../hooks/useControllableState'\nimport classNames from 'classnames'\nimport type { CommonProps } from '../@types/common'\n\nexport interface PaginationProps extends CommonProps {\n    currentPage?: number\n    displayTotal?: boolean\n    onChange?: (pageNumber: number) => void\n    pageSize?: number\n    total?: number\n}\n\nconst defaultTotal = 5\n\nconst Pagination = (props: PaginationProps) => {\n    const {\n        className,\n        currentPage = 1,\n        displayTotal = false,\n        onChange,\n        pageSize = 1,\n        total = 5,\n    } = props\n\n    const [paginationTotal] = useControllableState({\n        prop: total,\n        defaultProp: defaultTotal,\n        onChange,\n    })\n\n    const [internalPageSize, setInternalPageSize] = useState(pageSize)\n\n    const getInternalPageCount = useMemo(() => {\n        if (typeof paginationTotal === 'number') {\n            return Math.ceil(paginationTotal / internalPageSize)\n        }\n        return null\n    }, [paginationTotal, internalPageSize])\n\n    const getValidCurrentPage = (count: number | string) => {\n        const value = parseInt(count as string, 10)\n        const internalPageCount = getInternalPageCount\n        let resetValue\n        if (!internalPageCount) {\n            if (isNaN(value) || value < 1) {\n                resetValue = 1\n            }\n        } else {\n            if (value < 1) {\n                resetValue = 1\n            }\n            if (value > internalPageCount) {\n                resetValue = internalPageCount\n            }\n        }\n\n        if ((resetValue === undefined && isNaN(value)) || resetValue === 0) {\n            resetValue = 1\n        }\n\n        return resetValue === undefined ? value : resetValue\n    }\n\n    const [internalCurrentPage, setInternalCurrentPage] = useState(\n        currentPage ? getValidCurrentPage(currentPage) : 1,\n    )\n\n    useEffect(() => {\n        if (pageSize !== internalPageSize) {\n            setInternalPageSize(pageSize)\n        }\n\n        if (currentPage !== internalCurrentPage) {\n            setInternalCurrentPage(currentPage)\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [pageSize, currentPage])\n\n    const onPaginationChange = (val: number) => {\n        setInternalCurrentPage(getValidCurrentPage(val))\n        onChange?.(getValidCurrentPage(val))\n    }\n\n    const onPrev = () => {\n        const newPage = internalCurrentPage - 1\n        setInternalCurrentPage(getValidCurrentPage(newPage))\n        onChange?.(getValidCurrentPage(newPage))\n    }\n\n    const onNext = () => {\n        const newPage = internalCurrentPage + 1\n        setInternalCurrentPage(getValidCurrentPage(newPage))\n        onChange?.(getValidCurrentPage(newPage))\n    }\n\n    const pagerClass = {\n        default: 'pagination-pager',\n        inactive: 'pagination-pager-inactive',\n        active: `text-primary dark:bg-primary dark:text-neutral`,\n        disabled: 'pagination-pager-disabled',\n    }\n\n    const paginationClass = classNames('pagination', className)\n\n    return (\n        <div className={paginationClass}>\n            {displayTotal && <Total total={total} />}\n            <Prev\n                currentPage={internalCurrentPage}\n                pagerClass={pagerClass}\n                onPrev={onPrev}\n            />\n            <Pager\n                pageCount={getInternalPageCount as number}\n                currentPage={internalCurrentPage}\n                pagerClass={pagerClass}\n                onChange={onPaginationChange}\n            />\n            <Next\n                currentPage={internalCurrentPage}\n                pageCount={getInternalPageCount as number}\n                pagerClass={pagerClass}\n                onNext={onNext}\n            />\n        </div>\n    )\n}\n\nPagination.displayName = 'Pagination'\n\nexport default Pagination\n"],"names":["defaultTotal","Pagination","props","className","currentPage","displayTotal","onChange","pageSize","total","paginationTotal","useControllableState","internalPageSize","setInternalPageSize","useState","getInternalPageCount","useMemo","getValidCurrentPage","count","value","internalPageCount","resetValue","internalCurrentPage","setInternalCurrentPage","useEffect","onPaginationChange","val","onPrev","newPage","onNext","pagerClass","paginationClass","classNames","jsxs","jsx","Total","Prev","Pager","Next"],"mappings":";;;;;;;;AAiBA,MAAMA,IAAe,GAEfC,IAAa,CAACC,MAA2B;AAC3C,QAAM;AAAA,IACF,WAAAC;AAAA,IACA,aAAAC,IAAc;AAAA,IACd,cAAAC,IAAe;AAAA,IACf,UAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,OAAAC,IAAQ;AAAA,EAAA,IACRN,GAEE,CAACO,CAAe,IAAIC,EAAqB;AAAA,IAC3C,MAAMF;AAAA,IACN,aAAaR;AAAA,IACb,UAAAM;AAAA,EAAA,CACH,GAEK,CAACK,GAAkBC,CAAmB,IAAIC,EAASN,CAAQ,GAE3DO,IAAuBC,EAAQ,MAC7B,OAAON,KAAoB,WACpB,KAAK,KAAKA,IAAkBE,CAAgB,IAEhD,MACR,CAACF,GAAiBE,CAAgB,CAAC,GAEhCK,IAAsB,CAACC,MAA2B;AACpD,UAAMC,IAAQ,SAASD,GAAiB,EAAE,GACpCE,IAAoBL;AAC1B,QAAIM;AACJ,WAAKD,KAKGD,IAAQ,MACRE,IAAa,IAEbF,IAAQC,MACRC,IAAaD,OARb,MAAMD,CAAK,KAAKA,IAAQ,OACxBE,IAAa,KAWhBA,MAAe,UAAa,MAAMF,CAAK,KAAME,MAAe,OAC7DA,IAAa,IAGVA,MAAe,SAAYF,IAAQE;AAAA,EAC9C,GAEM,CAACC,GAAqBC,CAAsB,IAAIT;AAAA,IAClDT,IAAcY,EAAoBZ,CAAW,IAAI;AAAA,EAAA;AAGrD,EAAAmB,EAAU,MAAM;AACZ,IAAIhB,MAAaI,KACbC,EAAoBL,CAAQ,GAG5BH,MAAgBiB,KAChBC,EAAuBlB,CAAW;AAAA,EAG1C,GAAG,CAACG,GAAUH,CAAW,CAAC;AAE1B,QAAMoB,IAAqB,CAACC,MAAgB;AACxC,IAAAH,EAAuBN,EAAoBS,CAAG,CAAC,GAC/CnB,IAAWU,EAAoBS,CAAG,CAAC;AAAA,EACvC,GAEMC,IAAS,MAAM;AACjB,UAAMC,IAAUN,IAAsB;AACtC,IAAAC,EAAuBN,EAAoBW,CAAO,CAAC,GACnDrB,IAAWU,EAAoBW,CAAO,CAAC;AAAA,EAC3C,GAEMC,IAAS,MAAM;AACjB,UAAMD,IAAUN,IAAsB;AACtC,IAAAC,EAAuBN,EAAoBW,CAAO,CAAC,GACnDrB,IAAWU,EAAoBW,CAAO,CAAC;AAAA,EAC3C,GAEME,IAAa;AAAA,IACf,SAAS;AAAA,IACT,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,UAAU;AAAA,EAAA,GAGRC,IAAkBC,EAAW,cAAc5B,CAAS;AAE1D,SACI,gBAAA6B,EAAC,OAAA,EAAI,WAAWF,GACX,UAAA;AAAA,IAAAzB,KAAgB,gBAAA4B,EAACC,KAAM,OAAA1B,EAAA,CAAc;AAAA,IACtC,gBAAAyB;AAAA,MAACE;AAAA,MAAA;AAAA,QACG,aAAad;AAAA,QACb,YAAAQ;AAAA,QACA,QAAAH;AAAA,MAAA;AAAA,IAAA;AAAA,IAEJ,gBAAAO;AAAA,MAACG;AAAAA,MAAA;AAAA,QACG,WAAWtB;AAAA,QACX,aAAaO;AAAA,QACb,YAAAQ;AAAA,QACA,UAAUL;AAAA,MAAA;AAAA,IAAA;AAAA,IAEd,gBAAAS;AAAA,MAACI;AAAA,MAAA;AAAA,QACG,aAAahB;AAAA,QACb,WAAWP;AAAA,QACX,YAAAe;AAAA,QACA,QAAAD;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ,GACJ;AAER;AAEA3B,EAAW,cAAc;"}
+{"version":3,"file":"Pagination.js","sources":["../../../../../lib/@ecme/components/ui/Pagination/Pagination.tsx"],"sourcesContent":["import { useState, useEffect, useMemo } from 'react'\nimport Pager from './Pagers'\nimport Prev from './Prev'\nimport Next from './Next'\nimport Total from './Total'\nimport useControllableState from '../hooks/useControllableState'\nimport classNames from 'classnames'\nimport type { CommonProps } from '../@types/common'\n\nexport interface PaginationProps extends CommonProps {\n    currentPage?: number\n    displayTotal?: boolean\n    onChange?: (pageNumber: number) => void\n    pageSize?: number\n    total?: number\n}\n\nconst defaultTotal = 5\n\nconst Pagination = (props: PaginationProps) => {\n    const {\n        className,\n        currentPage = 1,\n        displayTotal = false,\n        onChange,\n        pageSize = 1,\n        total = 5,\n    } = props\n\n    const [paginationTotal] = useControllableState({\n        prop: total,\n        defaultProp: defaultTotal,\n        onChange,\n    })\n\n    const [internalPageSize, setInternalPageSize] = useState(pageSize)\n\n    const getInternalPageCount = useMemo(() => {\n        if (typeof paginationTotal === 'number') {\n            return Math.ceil(paginationTotal / internalPageSize)\n        }\n        return null\n    }, [paginationTotal, internalPageSize])\n\n    const getValidCurrentPage = (count: number | string) => {\n        const value = parseInt(count as string, 10)\n        const internalPageCount = getInternalPageCount\n        let resetValue\n        if (!internalPageCount) {\n            if (isNaN(value) || value < 1) {\n                resetValue = 1\n            }\n        } else {\n            if (value < 1) {\n                resetValue = 1\n            }\n            if (value > internalPageCount) {\n                resetValue = internalPageCount\n            }\n        }\n\n        if ((resetValue === undefined && isNaN(value)) || resetValue === 0) {\n            resetValue = 1\n        }\n\n        return resetValue === undefined ? value : resetValue\n    }\n\n    const [internalCurrentPage, setInternalCurrentPage] = useState(\n        currentPage ? getValidCurrentPage(currentPage) : 1,\n    )\n\n    useEffect(() => {\n        if (pageSize !== internalPageSize) {\n            setInternalPageSize(pageSize)\n        }\n\n        if (currentPage !== internalCurrentPage) {\n            setInternalCurrentPage(currentPage)\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [pageSize, currentPage])\n\n    const onPaginationChange = (val: number) => {\n        setInternalCurrentPage(getValidCurrentPage(val))\n        onChange?.(getValidCurrentPage(val))\n    }\n\n    const onPrev = () => {\n        const newPage = internalCurrentPage - 1\n        setInternalCurrentPage(getValidCurrentPage(newPage))\n        onChange?.(getValidCurrentPage(newPage))\n    }\n\n    const onNext = () => {\n        const newPage = internalCurrentPage + 1\n        setInternalCurrentPage(getValidCurrentPage(newPage))\n        onChange?.(getValidCurrentPage(newPage))\n    }\n\n    const pagerClass = {\n        default: 'pagination-pager',\n        inactive: 'pagination-pager-inactive',\n        active: `text-primary dark:bg-primary dark:text-neutral`,\n        disabled: 'pagination-pager-disabled',\n    }\n\n    const paginationClass = classNames('pagination', className)\n\n    return (\n        <div className={paginationClass}>\n            {displayTotal && <Total total={total} />}\n            <Prev\n                currentPage={internalCurrentPage}\n                pagerClass={pagerClass}\n                onPrev={onPrev}\n            />\n            <Pager\n                pageCount={getInternalPageCount as number}\n                currentPage={internalCurrentPage}\n                pagerClass={pagerClass}\n                onChange={onPaginationChange}\n            />\n            <Next\n                currentPage={internalCurrentPage}\n                pageCount={getInternalPageCount as number}\n                pagerClass={pagerClass}\n                onNext={onNext}\n            />\n        </div>\n    )\n}\n\nPagination.displayName = 'Pagination'\n\nexport default Pagination\n"],"names":["defaultTotal","Pagination","props","className","currentPage","displayTotal","onChange","pageSize","total","paginationTotal","useControllableState","internalPageSize","setInternalPageSize","useState","getInternalPageCount","useMemo","getValidCurrentPage","count","value","internalPageCount","resetValue","internalCurrentPage","setInternalCurrentPage","useEffect","onPaginationChange","val","onPrev","newPage","onNext","pagerClass","paginationClass","classNames","jsxs","jsx","Total","Prev","Pager","Next"],"mappings":";;;;;;;;AAiBA,MAAMA,IAAe,GAEfC,IAAa,CAACC,MAA2B;AACrC,QAAA;AAAA,IACF,WAAAC;AAAA,IACA,aAAAC,IAAc;AAAA,IACd,cAAAC,IAAe;AAAA,IACf,UAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,OAAAC,IAAQ;AAAA,EAAA,IACRN,GAEE,CAACO,CAAe,IAAIC,EAAqB;AAAA,IAC3C,MAAMF;AAAA,IACN,aAAaR;AAAA,IACb,UAAAM;AAAA,EAAA,CACH,GAEK,CAACK,GAAkBC,CAAmB,IAAIC,EAASN,CAAQ,GAE3DO,IAAuBC,EAAQ,MAC7B,OAAON,KAAoB,WACpB,KAAK,KAAKA,IAAkBE,CAAgB,IAEhD,MACR,CAACF,GAAiBE,CAAgB,CAAC,GAEhCK,IAAsB,CAACC,MAA2B;AAC9C,UAAAC,IAAQ,SAASD,GAAiB,EAAE,GACpCE,IAAoBL;AACtB,QAAAM;AACJ,WAAKD,KAKGD,IAAQ,MACKE,IAAA,IAEbF,IAAQC,MACKC,IAAAD,OARb,MAAMD,CAAK,KAAKA,IAAQ,OACXE,IAAA,KAWhBA,MAAe,UAAa,MAAMF,CAAK,KAAME,MAAe,OAChDA,IAAA,IAGVA,MAAe,SAAYF,IAAQE;AAAA,EAC9C,GAEM,CAACC,GAAqBC,CAAsB,IAAIT;AAAA,IAClDT,IAAcY,EAAoBZ,CAAW,IAAI;AAAA,EACrD;AAEA,EAAAmB,EAAU,MAAM;AACZ,IAAIhB,MAAaI,KACbC,EAAoBL,CAAQ,GAG5BH,MAAgBiB,KAChBC,EAAuBlB,CAAW;AAAA,EACtC,GAED,CAACG,GAAUH,CAAW,CAAC;AAEpB,QAAAoB,IAAqB,CAACC,MAAgB;AACjB,IAAAH,EAAAN,EAAoBS,CAAG,CAAC,GACpCnB,IAAAU,EAAoBS,CAAG,CAAC;AAAA,EACvC,GAEMC,IAAS,MAAM;AACjB,UAAMC,IAAUN,IAAsB;AACf,IAAAC,EAAAN,EAAoBW,CAAO,CAAC,GACxCrB,IAAAU,EAAoBW,CAAO,CAAC;AAAA,EAC3C,GAEMC,IAAS,MAAM;AACjB,UAAMD,IAAUN,IAAsB;AACf,IAAAC,EAAAN,EAAoBW,CAAO,CAAC,GACxCrB,IAAAU,EAAoBW,CAAO,CAAC;AAAA,EAC3C,GAEME,IAAa;AAAA,IACf,SAAS;AAAA,IACT,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,UAAU;AAAA,EACd,GAEMC,IAAkBC,EAAW,cAAc5B,CAAS;AAGtD,SAAA,gBAAA6B,EAAC,OAAI,EAAA,WAAWF,GACX,UAAA;AAAA,IAAgBzB,KAAA,gBAAA4B,EAACC,KAAM,OAAA1B,EAAc,CAAA;AAAA,IACtC,gBAAAyB;AAAA,MAACE;AAAA,MAAA;AAAA,QACG,aAAad;AAAA,QACb,YAAAQ;AAAA,QACA,QAAAH;AAAA,MAAA;AAAA,IACJ;AAAA,IACA,gBAAAO;AAAA,MAACG;AAAAA,MAAA;AAAA,QACG,WAAWtB;AAAA,QACX,aAAaO;AAAA,QACb,YAAAQ;AAAA,QACA,UAAUL;AAAA,MAAA;AAAA,IACd;AAAA,IACA,gBAAAS;AAAA,MAACI;AAAA,MAAA;AAAA,QACG,aAAahB;AAAA,QACb,WAAWP;AAAA,QACX,YAAAe;AAAA,QACA,QAAAD;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ,GACJ;AAER;AAEA3B,EAAW,cAAc;"}

package/dist/@ecme/components/ui/Pagination/Prev.js.map

@@ -1 +1 @@
-{"version":3,"file":"Prev.js","sources":["../../../../../lib/@ecme/components/ui/Pagination/Prev.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport { HiChevronLeft } from 'react-icons/hi'\nimport type { CommonProps } from '../@types/common'\nimport type { MouseEvent } from 'react'\n\ninterface PrevProps extends CommonProps {\n    currentPage: number\n    pagerClass: {\n        default: string\n        inactive: string\n        active: string\n        disabled: string\n    }\n    onPrev: (e: MouseEvent<HTMLSpanElement>) => void\n}\n\nconst Prev = (props: PrevProps) => {\n    const { currentPage, pagerClass, onPrev } = props\n\n    const disabled = currentPage <= 1\n\n    const onPrevClick = (e: MouseEvent<HTMLSpanElement>) => {\n        if (disabled) {\n            return\n        }\n        onPrev(e)\n    }\n\n    const pagerPrevClass = classNames(\n        pagerClass.default,\n        'pagination-pager-prev',\n        disabled ? pagerClass.disabled : pagerClass.inactive,\n    )\n\n    return (\n        <span\n            className={pagerPrevClass}\n            role=\"presentation\"\n            onClick={onPrevClick}\n        >\n            <HiChevronLeft />\n        </span>\n    )\n}\n\nexport default Prev\n"],"names":["Prev","props","currentPage","pagerClass","onPrev","disabled","onPrevClick","e","pagerPrevClass","classNames","jsx","HiChevronLeft"],"mappings":";;;AAgBA,MAAMA,IAAO,CAACC,MAAqB;AAC/B,QAAM,EAAE,aAAAC,GAAa,YAAAC,GAAY,QAAAC,EAAA,IAAWH,GAEtCI,IAAWH,KAAe,GAE1BI,IAAc,CAACC,MAAmC;AACpD,IAAIF,KAGJD,EAAOG,CAAC;AAAA,EACZ,GAEMC,IAAiBC;AAAA,IACnBN,EAAW;AAAA,IACX;AAAA,IACAE,IAAWF,EAAW,WAAWA,EAAW;AAAA,EAAA;AAGhD,SACI,gBAAAO;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAWF;AAAA,MACX,MAAK;AAAA,MACL,SAASF;AAAA,MAET,4BAACK,GAAA,CAAA,CAAc;AAAA,IAAA;AAAA,EAAA;AAG3B;"}
+{"version":3,"file":"Prev.js","sources":["../../../../../lib/@ecme/components/ui/Pagination/Prev.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport { HiChevronLeft } from 'react-icons/hi'\nimport type { CommonProps } from '../@types/common'\nimport type { MouseEvent } from 'react'\n\ninterface PrevProps extends CommonProps {\n    currentPage: number\n    pagerClass: {\n        default: string\n        inactive: string\n        active: string\n        disabled: string\n    }\n    onPrev: (e: MouseEvent<HTMLSpanElement>) => void\n}\n\nconst Prev = (props: PrevProps) => {\n    const { currentPage, pagerClass, onPrev } = props\n\n    const disabled = currentPage <= 1\n\n    const onPrevClick = (e: MouseEvent<HTMLSpanElement>) => {\n        if (disabled) {\n            return\n        }\n        onPrev(e)\n    }\n\n    const pagerPrevClass = classNames(\n        pagerClass.default,\n        'pagination-pager-prev',\n        disabled ? pagerClass.disabled : pagerClass.inactive,\n    )\n\n    return (\n        <span\n            className={pagerPrevClass}\n            role=\"presentation\"\n            onClick={onPrevClick}\n        >\n            <HiChevronLeft />\n        </span>\n    )\n}\n\nexport default Prev\n"],"names":["Prev","props","currentPage","pagerClass","onPrev","disabled","onPrevClick","e","pagerPrevClass","classNames","jsx","HiChevronLeft"],"mappings":";;;AAgBM,MAAAA,IAAO,CAACC,MAAqB;AAC/B,QAAM,EAAE,aAAAC,GAAa,YAAAC,GAAY,QAAAC,EAAW,IAAAH,GAEtCI,IAAWH,KAAe,GAE1BI,IAAc,CAACC,MAAmC;AACpD,IAAIF,KAGJD,EAAOG,CAAC;AAAA,EACZ,GAEMC,IAAiBC;AAAA,IACnBN,EAAW;AAAA,IACX;AAAA,IACAE,IAAWF,EAAW,WAAWA,EAAW;AAAA,EAChD;AAGI,SAAA,gBAAAO;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAWF;AAAA,MACX,MAAK;AAAA,MACL,SAASF;AAAA,MAET,4BAACK,GAAc,CAAA,CAAA;AAAA,IAAA;AAAA,EACnB;AAER;"}

package/dist/@ecme/components/ui/Pagination/Total.js.map

@@ -1 +1 @@
-{"version":3,"file":"Total.js","sources":["../../../../../lib/@ecme/components/ui/Pagination/Total.tsx"],"sourcesContent":["const Total = (props: { total: number }) => {\n    const { total } = props\n    return (\n        <div className=\"pagination-total\">\n            Total <span>{total}</span> Items\n        </div>\n    )\n}\n\nexport default Total\n"],"names":["Total","props","total","jsxs","jsx"],"mappings":";AAAA,MAAMA,IAAQ,CAACC,MAA6B;AACxC,QAAM,EAAE,OAAAC,MAAUD;AAClB,SACI,gBAAAE,EAAC,OAAA,EAAI,WAAU,oBAAmB,UAAA;AAAA,IAAA;AAAA,IACxB,gBAAAC,EAAC,UAAM,UAAAF,EAAA,CAAM;AAAA,IAAO;AAAA,EAAA,GAC9B;AAER;"}
+{"version":3,"file":"Total.js","sources":["../../../../../lib/@ecme/components/ui/Pagination/Total.tsx"],"sourcesContent":["const Total = (props: { total: number }) => {\n    const { total } = props\n    return (\n        <div className=\"pagination-total\">\n            Total <span>{total}</span> Items\n        </div>\n    )\n}\n\nexport default Total\n"],"names":["Total","props","total","jsxs","jsx"],"mappings":";AAAM,MAAAA,IAAQ,CAACC,MAA6B;AAClC,QAAA,EAAE,OAAAC,MAAUD;AAEd,SAAA,gBAAAE,EAAC,OAAI,EAAA,WAAU,oBAAmB,UAAA;AAAA,IAAA;AAAA,IACxB,gBAAAC,EAAC,UAAM,UAAMF,EAAA,CAAA;AAAA,IAAO;AAAA,EAAA,GAC9B;AAER;"}