@orbe-agro/client-core 5.6.0 → 5.6.6

package/dist/@ecme/components/template/Notification/NotificationAvatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationAvatar.js","sources":["../../../../../lib/@ecme/components/template/Notification/NotificationAvatar.tsx"],"sourcesContent":["import Avatar from '@/components/ui/Avatar'\r\nimport acronym from '@/utils/acronym'\r\nimport useRandomBgColor from '@/utils/hooks/useRandomBgColor'\r\nimport {\r\n    HiOutlineCalendar,\r\n    HiOutlineClipboardCheck,\r\n    HiOutlineBan,\r\n} from 'react-icons/hi'\r\n\r\nconst imagePath = '/img/avatars/'\r\n\r\nconst GeneratedAvatar = ({ target }: { target: string }) => {\r\n    const color = useRandomBgColor()\r\n    return (\r\n        <Avatar shape=\"circle\" className={`text-gray-900 ${color(target)}`}>\r\n            {acronym(target)}\r\n        </Avatar>\r\n    )\r\n}\r\n\r\nconst NotificationAvatar = (props: {\r\n    type: number\r\n    target: string\r\n    image: string\r\n    status: string\r\n}) => {\r\n    const { type, target, image, status } = props\r\n    switch (type) {\r\n        case 0:\r\n            if (image) {\r\n                return <Avatar shape=\"circle\" src={`${imagePath}${image}`} />\r\n            } else {\r\n                return <GeneratedAvatar target={target} />\r\n            }\r\n        case 1:\r\n            return (\r\n                <Avatar\r\n                    shape=\"circle\"\r\n                    className=\"bg-sky-200 text-gray-900\"\r\n                    icon={<HiOutlineCalendar />}\r\n                />\r\n            )\r\n        case 2:\r\n            return (\r\n                <Avatar\r\n                    shape=\"circle\"\r\n                    className={\r\n                        status === 'succeed'\r\n                            ? 'bg-emerald-200 text-gray-900'\r\n                            : 'bg-red-200 text-gray-900'\r\n                    }\r\n                    icon={\r\n                        status === 'succeed' ? (\r\n                            <HiOutlineClipboardCheck />\r\n                        ) : (\r\n                            <HiOutlineBan />\r\n                        )\r\n                    }\r\n                />\r\n            )\r\n        default:\r\n            return <Avatar />\r\n    }\r\n}\r\n\r\nexport default NotificationAvatar\r\n"],"names":[],"mappings":";;;;;AASA,MAAM,YAAY;AAElB,MAAM,kBAAkB,CAAC,EAAE,aAAiC;AACxD,QAAM,QAAQ,iBAAA;AACd,SACI,oBAAC,QAAA,EAAO,OAAM,UAAS,WAAW,iBAAiB,MAAM,MAAM,CAAC,IAC3D,UAAA,QAAQ,MAAM,GACnB;AAER;AAEA,MAAM,qBAAqB,CAAC,UAKtB;AACF,QAAM,EAAE,MAAM,QAAQ,OAAO,WAAW;AACxC,UAAQ,MAAA;AAAA,IACJ,KAAK;AACD,UAAI,OAAO;AACP,eAAO,oBAAC,UAAO,OAAM,UAAS,KAAK,GAAG,SAAS,GAAG,KAAK,GAAA,CAAI;AAAA,MAC/D,OAAO;AACH,eAAO,oBAAC,mBAAgB,QAAgB;AAAA,MAC5C;AAAA,IACJ,KAAK;AACD,aACI;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,OAAM;AAAA,UACN,WAAU;AAAA,UACV,0BAAO,mBAAA,CAAA,CAAkB;AAAA,QAAA;AAAA,MAAA;AAAA,IAGrC,KAAK;AACD,aACI;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,OAAM;AAAA,UACN,WACI,WAAW,YACL,iCACA;AAAA,UAEV,MACI,WAAW,gCACN,yBAAA,EAAwB,wBAExB,cAAA,CAAA,CAAa;AAAA,QAAA;AAAA,MAAA;AAAA,IAKlC;AACI,iCAAQ,QAAA,EAAO;AAAA,EAAA;AAE3B;"}
+{"version":3,"file":"NotificationAvatar.js","sources":["../../../../../lib/@ecme/components/template/Notification/NotificationAvatar.tsx"],"sourcesContent":["import Avatar from '@/components/ui/Avatar'\nimport acronym from '@/utils/acronym'\nimport useRandomBgColor from '@/utils/hooks/useRandomBgColor'\nimport {\n    HiOutlineCalendar,\n    HiOutlineClipboardCheck,\n    HiOutlineBan,\n} from 'react-icons/hi'\n\nconst imagePath = '/img/avatars/'\n\nconst GeneratedAvatar = ({ target }: { target: string }) => {\n    const color = useRandomBgColor()\n    return (\n        <Avatar shape=\"circle\" className={`text-gray-900 ${color(target)}`}>\n            {acronym(target)}\n        </Avatar>\n    )\n}\n\nconst NotificationAvatar = (props: {\n    type: number\n    target: string\n    image: string\n    status: string\n}) => {\n    const { type, target, image, status } = props\n    switch (type) {\n        case 0:\n            if (image) {\n                return <Avatar shape=\"circle\" src={`${imagePath}${image}`} />\n            } else {\n                return <GeneratedAvatar target={target} />\n            }\n        case 1:\n            return (\n                <Avatar\n                    shape=\"circle\"\n                    className=\"bg-sky-200 text-gray-900\"\n                    icon={<HiOutlineCalendar />}\n                />\n            )\n        case 2:\n            return (\n                <Avatar\n                    shape=\"circle\"\n                    className={\n                        status === 'succeed'\n                            ? 'bg-emerald-200 text-gray-900'\n                            : 'bg-red-200 text-gray-900'\n                    }\n                    icon={\n                        status === 'succeed' ? (\n                            <HiOutlineClipboardCheck />\n                        ) : (\n                            <HiOutlineBan />\n                        )\n                    }\n                />\n            )\n        default:\n            return <Avatar />\n    }\n}\n\nexport default NotificationAvatar\n"],"names":[],"mappings":";;;;;AASA,MAAM,YAAY;AAElB,MAAM,kBAAkB,CAAC,EAAE,aAAiC;AACxD,QAAM,QAAQ,iBAAA;AACd,SACI,oBAAC,QAAA,EAAO,OAAM,UAAS,WAAW,iBAAiB,MAAM,MAAM,CAAC,IAC3D,UAAA,QAAQ,MAAM,GACnB;AAER;AAEA,MAAM,qBAAqB,CAAC,UAKtB;AACF,QAAM,EAAE,MAAM,QAAQ,OAAO,WAAW;AACxC,UAAQ,MAAA;AAAA,IACJ,KAAK;AACD,UAAI,OAAO;AACP,eAAO,oBAAC,UAAO,OAAM,UAAS,KAAK,GAAG,SAAS,GAAG,KAAK,GAAA,CAAI;AAAA,MAC/D,OAAO;AACH,eAAO,oBAAC,mBAAgB,QAAgB;AAAA,MAC5C;AAAA,IACJ,KAAK;AACD,aACI;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,OAAM;AAAA,UACN,WAAU;AAAA,UACV,0BAAO,mBAAA,CAAA,CAAkB;AAAA,QAAA;AAAA,MAAA;AAAA,IAGrC,KAAK;AACD,aACI;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,OAAM;AAAA,UACN,WACI,WAAW,YACL,iCACA;AAAA,UAEV,MACI,WAAW,gCACN,yBAAA,EAAwB,wBAExB,cAAA,CAAA,CAAa;AAAA,QAAA;AAAA,MAAA;AAAA,IAKlC;AACI,iCAAQ,QAAA,EAAO;AAAA,EAAA;AAE3B;"}

package/dist/@ecme/components/template/Notification/NotificationToggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationToggle.js","sources":["../../../../../lib/@ecme/components/template/Notification/NotificationToggle.tsx"],"sourcesContent":["import classNames from '@/utils/classNames'\r\nimport Badge from '@/components/ui/Badge'\r\nimport { PiBellDuotone } from 'react-icons/pi'\r\n\r\nconst NotificationToggle = ({\r\n    className,\r\n    dot,\r\n}: {\r\n    className?: string\r\n    dot: boolean\r\n}) => {\r\n    return (\r\n        <div className={classNames('text-2xl', className)}>\r\n            {dot ? (\r\n                <Badge badgeStyle={{ top: '3px', right: '6px' }}>\r\n                    <PiBellDuotone />\r\n                </Badge>\r\n            ) : (\r\n                <PiBellDuotone />\r\n            )}\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default NotificationToggle\r\n"],"names":[],"mappings":";;;;;AAIA,MAAM,qBAAqB,CAAC;AAAA,EACxB;AAAA,EACA;AACJ,MAGM;AACF,SACI,oBAAC,SAAI,WAAW,WAAW,YAAY,SAAS,GAC3C,UAAA,MACG,oBAAC,OAAA,EAAM,YAAY,EAAE,KAAK,OAAO,OAAO,SACpC,UAAA,oBAAC,iBAAc,EAAA,CACnB,IAEA,oBAAC,eAAA,CAAA,CAAc,EAAA,CAEvB;AAER;"}
+{"version":3,"file":"NotificationToggle.js","sources":["../../../../../lib/@ecme/components/template/Notification/NotificationToggle.tsx"],"sourcesContent":["import classNames from '@/utils/classNames'\nimport Badge from '@/components/ui/Badge'\nimport { PiBellDuotone } from 'react-icons/pi'\n\nconst NotificationToggle = ({\n    className,\n    dot,\n}: {\n    className?: string\n    dot: boolean\n}) => {\n    return (\n        <div className={classNames('text-2xl', className)}>\n            {dot ? (\n                <Badge badgeStyle={{ top: '3px', right: '6px' }}>\n                    <PiBellDuotone />\n                </Badge>\n            ) : (\n                <PiBellDuotone />\n            )}\n        </div>\n    )\n}\n\nexport default NotificationToggle\n"],"names":[],"mappings":";;;;;AAIA,MAAM,qBAAqB,CAAC;AAAA,EACxB;AAAA,EACA;AACJ,MAGM;AACF,SACI,oBAAC,SAAI,WAAW,WAAW,YAAY,SAAS,GAC3C,UAAA,MACG,oBAAC,OAAA,EAAM,YAAY,EAAE,KAAK,OAAO,OAAO,SACpC,UAAA,oBAAC,iBAAc,EAAA,CACnB,IAEA,oBAAC,eAAA,CAAA,CAAc,EAAA,CAEvB;AAER;"}

package/dist/@ecme/components/template/PageContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageContainer.js","sources":["../../../../lib/@ecme/components/template/PageContainer.tsx"],"sourcesContent":["import { Suspense } from 'react'\r\nimport Container from '@/components/shared/Container'\r\nimport Footer from '@/components/template/Footer'\r\nimport useLayout from '@/utils/hooks/useLayout'\r\nimport classNames from '@/utils/classNames'\r\nimport {\r\n    PAGE_CONTAINER_GUTTER_X,\r\n    PAGE_CONTAINER_GUTTER_Y,\r\n} from '@/constants/theme.constant'\r\nimport type { CommonProps } from '@/@types/common'\r\nimport type { Meta, PageHeaderProps } from '@/@types/routes'\r\nimport type { FooterPageContainerType } from '@/components/template/Footer'\r\nimport type { ReactNode, ElementType, ComponentPropsWithRef } from 'react'\r\n\r\nexport interface PageContainerProps extends CommonProps, Meta {\r\n    contained?: boolean\r\n}\r\n\r\ntype PageContainerHeaderProps = PageHeaderProps & {\r\n    className?: string\r\n    gutterLess?: boolean\r\n    customeHeader?: () => ReactNode\r\n}\r\n\r\ninterface PageContainerBodyProps {\r\n    className?: string\r\n    pageContainerType?: string\r\n    children: React.ReactNode\r\n}\r\n\r\ninterface PageContainerFooterProps {\r\n    className?: string\r\n    footer?: boolean\r\n    pageContainerType: FooterPageContainerType\r\n}\r\n\r\nconst CustomHeader = <T extends ElementType>({\r\n    header,\r\n    ...props\r\n}: {\r\n    header: T\r\n} & ComponentPropsWithRef<T>) => {\r\n    const Header = header\r\n    return <Header {...props} />\r\n}\r\n\r\nexport const PageContainerHeader = ({\r\n    title,\r\n    contained,\r\n    extraHeader,\r\n    customeHeader,\r\n    gutterLess,\r\n    className,\r\n}: PageContainerHeaderProps) => {\r\n    if (!title && !extraHeader) return null\r\n\r\n    return (\r\n        <div\r\n            className={classNames(\r\n                contained && 'container mx-auto',\r\n                'flex items-center justify-between mb-4',\r\n                gutterLess && 'mt-4',\r\n                className,\r\n            )}\r\n        >\r\n            <div>\r\n                {title &&\r\n                    typeof title === 'string' &&\r\n                    (customeHeader ? (\r\n                        customeHeader()\r\n                    ) : (\r\n                        <h3 className=\"font-bold\">{title}</h3>\r\n                    ))}\r\n                <Suspense fallback={<></>}>\r\n                    {title && typeof title !== 'string' && (\r\n                        <CustomHeader header={title} />\r\n                    )}\r\n                </Suspense>\r\n            </div>\r\n            <Suspense fallback={<></>}>\r\n                {extraHeader && typeof extraHeader !== 'string' && (\r\n                    <CustomHeader header={extraHeader} />\r\n                )}\r\n            </Suspense>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport const PageContainerBody = ({\r\n    pageContainerType,\r\n    children,\r\n    className,\r\n}: PageContainerBodyProps) => {\r\n    return pageContainerType === 'contained' ? (\r\n        <Container className={classNames('h-full', className)}>\r\n            {children}\r\n        </Container>\r\n    ) : (\r\n        <>{children}</>\r\n    )\r\n}\r\n\r\nexport const PageContainerFooter = ({\r\n    footer,\r\n    pageContainerType,\r\n    className,\r\n}: PageContainerFooterProps) => {\r\n    if (!footer) return null\r\n\r\n    return (\r\n        <Footer className={className} pageContainerType={pageContainerType} />\r\n    )\r\n}\r\n\r\nconst PageContainer = (props: PageContainerProps) => {\r\n    const {\r\n        pageContainerType = 'default',\r\n        pageBackgroundType = 'default',\r\n        children,\r\n        header,\r\n        footer = true,\r\n    } = props\r\n\r\n    const { pageContainerReassemble } = useLayout()\r\n\r\n    const defaultClass = 'h-full flex flex-auto flex-col justify-between'\r\n    const pageContainerDefaultClass =\r\n        'page-container relative h-full flex flex-auto flex-col'\r\n    const pageContainerGutterClass = `${PAGE_CONTAINER_GUTTER_X} ${PAGE_CONTAINER_GUTTER_Y}`\r\n\r\n    return (\r\n        <>\r\n            {pageContainerReassemble ? (\r\n                pageContainerReassemble({\r\n                    pageContainerType,\r\n                    pageBackgroundType,\r\n                    pageContainerGutterClass,\r\n                    children,\r\n                    footer,\r\n                    header,\r\n                    defaultClass,\r\n                    pageContainerDefaultClass,\r\n                    PageContainerBody,\r\n                    PageContainerFooter,\r\n                    PageContainerHeader,\r\n                })\r\n            ) : (\r\n                <div\r\n                    className={classNames(\r\n                        defaultClass,\r\n                        pageBackgroundType === 'plain' &&\r\n                            'bg-white dark:bg-gray-900',\r\n                    )}\r\n                >\r\n                    <main className=\"h-full\">\r\n                        <div\r\n                            className={classNames(\r\n                                pageContainerDefaultClass,\r\n                                pageContainerType !== 'gutterless' &&\r\n                                    pageContainerGutterClass,\r\n                                pageContainerType === 'contained' &&\r\n                                    'container mx-auto',\r\n                                !footer && 'pb-0 sm:pb-0 md:pb-0',\r\n                            )}\r\n                        >\r\n                            <PageContainerHeader\r\n                                {...header}\r\n                                gutterLess={pageContainerType === 'gutterless'}\r\n                            />\r\n                            <PageContainerBody\r\n                                pageContainerType={pageContainerType}\r\n                            >\r\n                                {children}\r\n                            </PageContainerBody>\r\n                        </div>\r\n                    </main>\r\n                    <PageContainerFooter\r\n                        footer={footer}\r\n                        pageContainerType={\r\n                            pageContainerType as FooterPageContainerType\r\n                        }\r\n                    />\r\n                </div>\r\n            )}\r\n        </>\r\n    )\r\n}\r\n\r\nexport default PageContainer\r\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"PageContainer.js","sources":["../../../../lib/@ecme/components/template/PageContainer.tsx"],"sourcesContent":["import { Suspense } from 'react'\nimport Container from '@/components/shared/Container'\nimport Footer from '@/components/template/Footer'\nimport useLayout from '@/utils/hooks/useLayout'\nimport classNames from '@/utils/classNames'\nimport {\n    PAGE_CONTAINER_GUTTER_X,\n    PAGE_CONTAINER_GUTTER_Y,\n} from '@/constants/theme.constant'\nimport type { CommonProps } from '@/@types/common'\nimport type { Meta, PageHeaderProps } from '@/@types/routes'\nimport type { FooterPageContainerType } from '@/components/template/Footer'\nimport type { ReactNode, ElementType, ComponentPropsWithRef } from 'react'\n\nexport interface PageContainerProps extends CommonProps, Meta {\n    contained?: boolean\n}\n\ntype PageContainerHeaderProps = PageHeaderProps & {\n    className?: string\n    gutterLess?: boolean\n    customeHeader?: () => ReactNode\n}\n\ninterface PageContainerBodyProps {\n    className?: string\n    pageContainerType?: string\n    children: React.ReactNode\n}\n\ninterface PageContainerFooterProps {\n    className?: string\n    footer?: boolean\n    pageContainerType: FooterPageContainerType\n}\n\nconst CustomHeader = <T extends ElementType>({\n    header,\n    ...props\n}: {\n    header: T\n} & ComponentPropsWithRef<T>) => {\n    const Header = header\n    return <Header {...props} />\n}\n\nexport const PageContainerHeader = ({\n    title,\n    contained,\n    extraHeader,\n    customeHeader,\n    gutterLess,\n    className,\n}: PageContainerHeaderProps) => {\n    if (!title && !extraHeader) return null\n\n    return (\n        <div\n            className={classNames(\n                contained && 'container mx-auto',\n                'flex items-center justify-between mb-4',\n                gutterLess && 'mt-4',\n                className,\n            )}\n        >\n            <div>\n                {title &&\n                    typeof title === 'string' &&\n                    (customeHeader ? (\n                        customeHeader()\n                    ) : (\n                        <h3 className=\"font-bold\">{title}</h3>\n                    ))}\n                <Suspense fallback={<></>}>\n                    {title && typeof title !== 'string' && (\n                        <CustomHeader header={title} />\n                    )}\n                </Suspense>\n            </div>\n            <Suspense fallback={<></>}>\n                {extraHeader && typeof extraHeader !== 'string' && (\n                    <CustomHeader header={extraHeader} />\n                )}\n            </Suspense>\n        </div>\n    )\n}\n\nexport const PageContainerBody = ({\n    pageContainerType,\n    children,\n    className,\n}: PageContainerBodyProps) => {\n    return pageContainerType === 'contained' ? (\n        <Container className={classNames('h-full', className)}>\n            {children}\n        </Container>\n    ) : (\n        <>{children}</>\n    )\n}\n\nexport const PageContainerFooter = ({\n    footer,\n    pageContainerType,\n    className,\n}: PageContainerFooterProps) => {\n    if (!footer) return null\n\n    return (\n        <Footer className={className} pageContainerType={pageContainerType} />\n    )\n}\n\nconst PageContainer = (props: PageContainerProps) => {\n    const {\n        pageContainerType = 'default',\n        pageBackgroundType = 'default',\n        children,\n        header,\n        footer = true,\n    } = props\n\n    const { pageContainerReassemble } = useLayout()\n\n    const defaultClass = 'h-full flex flex-auto flex-col justify-between'\n    const pageContainerDefaultClass =\n        'page-container relative h-full flex flex-auto flex-col'\n    const pageContainerGutterClass = `${PAGE_CONTAINER_GUTTER_X} ${PAGE_CONTAINER_GUTTER_Y}`\n\n    return (\n        <>\n            {pageContainerReassemble ? (\n                pageContainerReassemble({\n                    pageContainerType,\n                    pageBackgroundType,\n                    pageContainerGutterClass,\n                    children,\n                    footer,\n                    header,\n                    defaultClass,\n                    pageContainerDefaultClass,\n                    PageContainerBody,\n                    PageContainerFooter,\n                    PageContainerHeader,\n                })\n            ) : (\n                <div\n                    className={classNames(\n                        defaultClass,\n                        pageBackgroundType === 'plain' &&\n                            'bg-white dark:bg-gray-900',\n                    )}\n                >\n                    <main className=\"h-full\">\n                        <div\n                            className={classNames(\n                                pageContainerDefaultClass,\n                                pageContainerType !== 'gutterless' &&\n                                    pageContainerGutterClass,\n                                pageContainerType === 'contained' &&\n                                    'container mx-auto',\n                                !footer && 'pb-0 sm:pb-0 md:pb-0',\n                            )}\n                        >\n                            <PageContainerHeader\n                                {...header}\n                                gutterLess={pageContainerType === 'gutterless'}\n                            />\n                            <PageContainerBody\n                                pageContainerType={pageContainerType}\n                            >\n                                {children}\n                            </PageContainerBody>\n                        </div>\n                    </main>\n                    <PageContainerFooter\n                        footer={footer}\n                        pageContainerType={\n                            pageContainerType as FooterPageContainerType\n                        }\n                    />\n                </div>\n            )}\n        </>\n    )\n}\n\nexport default PageContainer\n"],"names":[],"mappings":"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"}

package/dist/@ecme/components/template/Search.js.map

@@ -1 +1 @@
-{"version":3,"file":"Search.js","sources":["../../../../lib/@ecme/components/template/Search.tsx"],"sourcesContent":["import { NavigationTree } from '@/@types/navigation'\r\nimport Button from '@/components/ui/Button'\r\nimport Dialog from '@/components/ui/Dialog'\r\nimport ScrollBar from '@/components/ui/ScrollBar'\r\nimport navigationIcon from '@/configs/navigation-icon.config'\r\nimport navigationConfig from '@/configs/navigation.config'\r\nimport { NAV_ITEM_TYPE_ITEM } from '@/constants/navigation.constant'\r\nimport {\r\n    GUIDE_PREFIX_PATH,\r\n    UI_COMPONENTS_PREFIX_PATH,\r\n} from '@/constants/route.constant'\r\nimport classNames from '@/utils/classNames'\r\nimport withHeaderItem from '@/utils/hoc/withHeaderItem'\r\nimport {\r\n    filterDeep,\r\n    findDeep,\r\n    findPathDeep,\r\n    findValueDeep,\r\n} from 'deepdash-es/standalone'\r\nimport { flatten, flattenDeep } from 'lodash'\r\nimport debounce from 'lodash/debounce'\r\nimport { useEffect, useMemo, useRef, useState } from 'react'\r\nimport Highlighter from 'react-highlight-words'\r\nimport { useTranslation } from 'react-i18next'\r\nimport { HiChevronRight, HiOutlineSearch } from 'react-icons/hi'\r\nimport { PiMagnifyingGlassDuotone } from 'react-icons/pi'\r\nimport { Link } from 'react-router-dom'\r\nimport { Spinner } from '../ui'\r\n\r\ntype SearchData = {\r\n    key: string\r\n    path: string\r\n    title: string\r\n    icon: string\r\n    category: string\r\n    categoryTitle: string\r\n    breadcrumbs: string[]\r\n}\r\n\r\ntype SearchResult = {\r\n    title: string\r\n    data: SearchData[]\r\n}\r\n\r\nconst ListItem = (props: {\r\n    icon: string\r\n    label: string\r\n    url: string\r\n    isLast?: boolean\r\n    keyWord: string\r\n    breadcrumbs: string[]\r\n    onNavigate: () => void\r\n}) => {\r\n    const { icon, label, url = '', keyWord, onNavigate, breadcrumbs } = props\r\n\r\n    const makeBreadcrumbs = (breadcrumbs: string[]) => {\r\n        return breadcrumbs.join(' / ')\r\n    }\r\n\r\n    return (\r\n        <Link to={url} onClick={onNavigate}>\r\n            <div\r\n                className={classNames(\r\n                    'flex items-center justify-between rounded-xl p-3 cursor-pointer user-select',\r\n                    'hover:bg-gray-100 dark:hover:bg-gray-700',\r\n                )}\r\n            >\r\n                <div className=\"flex items-center gap-2\">\r\n                    {/* <div\r\n                        className={classNames(\r\n                            'rounded-lg border-2 border-gray-200 shadow-sm text-xl group-hover:shadow h-10 w-10 flex items-center justify-center bg-white dark:bg-gray-700 text-gray-900 dark:text-gray-100',\r\n                        )}\r\n                    >\r\n                        {icon && navigationIcon[icon]}\r\n                    </div> */}\r\n                    <div className=\"text-gray-900 dark:text-gray-300\">\r\n                        <Highlighter\r\n                            autoEscape\r\n                            highlightClassName={classNames(\r\n                                'text-primary',\r\n                                'underline bg-transparent font-semibold dark:text-white',\r\n                            )}\r\n                            searchWords={[keyWord]}\r\n                            textToHighlight={makeBreadcrumbs(breadcrumbs)}\r\n                        />\r\n                    </div>\r\n                </div>\r\n                <HiChevronRight className=\"text-lg\" />\r\n            </div>\r\n        </Link>\r\n    )\r\n}\r\n\r\ntype NavigationTreeFlat = NavigationTree & { parents: string[] }\r\n\r\nconst _Search = ({ className }: { className?: string }) => {\r\n    const [loading, setLoading] = useState(false)\r\n    const [searchDialogOpen, setSearchDialogOpen] = useState(false)\r\n    const [searchResult, setSearchResult] = useState<SearchResult[]>([])\r\n    const [noResult, setNoResult] = useState(false)\r\n\r\n    const inputRef = useRef<HTMLInputElement>(null)\r\n\r\n    const handleReset = () => {\r\n        setNoResult(false)\r\n        setSearchResult([])\r\n    }\r\n\r\n    const handleSearchOpen = () => {\r\n        setSearchDialogOpen(true)\r\n    }\r\n\r\n    const handleSearchClose = () => {\r\n        setSearchDialogOpen(false)\r\n        handleReset()\r\n    }\r\n\r\n    const debounceFn = debounce(handleDebounceFn, 750)\r\n\r\n    const { t } = useTranslation()\r\n\r\n    const flatNavTree = useMemo(() => {\r\n        const arr: NavigationTreeFlat[] = []\r\n\r\n        const makeflat = (item: NavigationTree, parents: string[]) => {\r\n            if (Array.isArray(item.subMenu) && item.subMenu.length > 0) {\r\n                item.subMenu.forEach((item) =>\r\n                    makeflat(item, [...parents, t(item.translateKey)]),\r\n                )\r\n            }\r\n            arr.push({ ...item, parents })\r\n        }\r\n\r\n        navigationConfig.forEach(function f(item) {\r\n            makeflat(item, [t(item.translateKey)])\r\n        })\r\n        return arr\r\n    }, [navigationConfig, t])\r\n\r\n    const filterNavigationTreeFlat = (\r\n        text: string,\r\n        tree: NavigationTreeFlat[],\r\n    ): NavigationTreeFlat[] => {\r\n        const results = tree.filter(\r\n            (item) =>\r\n                item.type === NAV_ITEM_TYPE_ITEM &&\r\n                item.parents.join().toUpperCase().includes(text.toUpperCase()),\r\n        )\r\n\r\n        return results\r\n    }\r\n\r\n    function navTreeFlatToSearchResult(\r\n        tree: NavigationTreeFlat[],\r\n    ): SearchResult[] {\r\n        const navTreeSearchResult: SearchResult = {\r\n            title: t('base.layout.search.results.navTree'),\r\n            data: [],\r\n        }\r\n        tree.forEach((item) => {\r\n            navTreeSearchResult.data.push({\r\n                category: item.path,\r\n                categoryTitle: item.title,\r\n                icon: item.icon,\r\n                key: item.key,\r\n                path: item.path,\r\n                title: t(item.translateKey, item.title),\r\n                breadcrumbs: item.parents,\r\n            })\r\n        })\r\n        return [navTreeSearchResult]\r\n    }\r\n\r\n    async function handleDebounceFn(query: string) {\r\n        if (!query) {\r\n            setLoading(false)\r\n            setSearchResult([])\r\n            return\r\n        }\r\n\r\n        if (noResult) {\r\n            setNoResult(false)\r\n        }\r\n\r\n        const res = await filterNavigationTreeFlat(query, flatNavTree)\r\n\r\n        if (res) {\r\n            if (res.length === 0) {\r\n                setNoResult(true)\r\n                setSearchResult([])\r\n            } else {\r\n                setSearchResult(navTreeFlatToSearchResult(res))\r\n            }\r\n        }\r\n\r\n        setLoading(false)\r\n    }\r\n\r\n    const handleSearch = (e: React.ChangeEvent<HTMLInputElement>) => {\r\n        setLoading(true)\r\n        debounceFn(e.target.value)\r\n    }\r\n\r\n    useEffect(() => {\r\n        if (searchDialogOpen) {\r\n            const timeout = setTimeout(() => inputRef.current?.focus(), 100)\r\n            return () => {\r\n                clearTimeout(timeout)\r\n            }\r\n        }\r\n    }, [searchDialogOpen])\r\n\r\n    const handleNavigate = () => {\r\n        handleSearchClose()\r\n    }\r\n\r\n    return (\r\n        <>\r\n            <div\r\n                className={classNames(className, 'text-2xl')}\r\n                onClick={handleSearchOpen}\r\n            >\r\n                <PiMagnifyingGlassDuotone />\r\n            </div>\r\n            <Dialog\r\n                contentClassName=\"p-0\"\r\n                isOpen={searchDialogOpen}\r\n                closable={false}\r\n                onRequestClose={handleSearchClose}\r\n            >\r\n                <div>\r\n                    <div className=\"flex items-center justify-between border-b border-gray-200 px-4 dark:border-gray-600\">\r\n                        <div className=\"flex items-center\">\r\n                            <HiOutlineSearch className=\"text-xl\" />\r\n                            <input\r\n                                ref={inputRef}\r\n                                className=\"block w-full bg-transparent p-4 text-base text-gray-900 outline-none ring-0 dark:text-gray-100\"\r\n                                placeholder={t('common.input.placeholder.search')}\r\n                                onChange={handleSearch}\r\n                            />\r\n                        </div>\r\n                        <Button size=\"xs\" onClick={handleSearchClose}>\r\n                            Esc\r\n                        </Button>\r\n                    </div>\r\n                    <div className=\"px-5 py-6\">\r\n                        {loading ? (\r\n                            <div\r\n                                className={classNames(\r\n                                    'flex items-center justify-center',\r\n                                )}\r\n                            >\r\n                                <Spinner size={40} />\r\n                            </div>\r\n                        ) : (\r\n                            <>\r\n                                <ScrollBar className=\"max-h-[350px] overflow-y-auto\">\r\n                                    {searchResult.map((result) => (\r\n                                        <div\r\n                                            key={result.title}\r\n                                            className=\"mb-4\"\r\n                                        >\r\n                                            <h6 className=\"mb-3\">\r\n                                                {result.title}\r\n                                            </h6>\r\n                                            {result.data.map((data, index) => (\r\n                                                <ListItem\r\n                                                    key={data.title + index}\r\n                                                    icon={data.icon}\r\n                                                    breadcrumbs={\r\n                                                        data.breadcrumbs\r\n                                                    }\r\n                                                    label={data.title}\r\n                                                    url={data.path}\r\n                                                    keyWord={\r\n                                                        inputRef.current\r\n                                                            ?.value || ''\r\n                                                    }\r\n                                                    onNavigate={handleNavigate}\r\n                                                />\r\n                                            ))}\r\n                                        </div>\r\n                                    ))}\r\n                                    {searchResult.length === 0 && noResult && (\r\n                                        <div className=\"my-10 text-center text-lg\">\r\n                                            <span className=\"pr-1\">\r\n                                                {t(\r\n                                                    'common.status.noResultsFor',\r\n                                                )}\r\n                                            </span>\r\n                                            <span className=\"heading-text\">\r\n                                                {`'`}\r\n                                                {inputRef.current?.value}\r\n                                                {`'`}\r\n                                            </span>\r\n                                        </div>\r\n                                    )}\r\n                                </ScrollBar>\r\n                            </>\r\n                        )}\r\n                    </div>\r\n                </div>\r\n            </Dialog>\r\n        </>\r\n    )\r\n}\r\n\r\nconst Search = withHeaderItem(_Search)\r\n\r\nexport default Search\r\n"],"names":["breadcrumbs","item"],"mappings":"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"}
+{"version":3,"file":"Search.js","sources":["../../../../lib/@ecme/components/template/Search.tsx"],"sourcesContent":["import { NavigationTree } from '@/@types/navigation'\nimport Button from '@/components/ui/Button'\nimport Dialog from '@/components/ui/Dialog'\nimport ScrollBar from '@/components/ui/ScrollBar'\nimport navigationIcon from '@/configs/navigation-icon.config'\nimport navigationConfig from '@/configs/navigation.config'\nimport { NAV_ITEM_TYPE_ITEM } from '@/constants/navigation.constant'\nimport {\n    GUIDE_PREFIX_PATH,\n    UI_COMPONENTS_PREFIX_PATH,\n} from '@/constants/route.constant'\nimport classNames from '@/utils/classNames'\nimport withHeaderItem from '@/utils/hoc/withHeaderItem'\nimport {\n    filterDeep,\n    findDeep,\n    findPathDeep,\n    findValueDeep,\n} from 'deepdash-es/standalone'\nimport { flatten, flattenDeep } from 'lodash'\nimport debounce from 'lodash/debounce'\nimport { useEffect, useMemo, useRef, useState } from 'react'\nimport Highlighter from 'react-highlight-words'\nimport { useTranslation } from 'react-i18next'\nimport { HiChevronRight, HiOutlineSearch } from 'react-icons/hi'\nimport { PiMagnifyingGlassDuotone } from 'react-icons/pi'\nimport { Link } from 'react-router-dom'\nimport { Spinner } from '../ui'\n\ntype SearchData = {\n    key: string\n    path: string\n    title: string\n    icon: string\n    category: string\n    categoryTitle: string\n    breadcrumbs: string[]\n}\n\ntype SearchResult = {\n    title: string\n    data: SearchData[]\n}\n\nconst ListItem = (props: {\n    icon: string\n    label: string\n    url: string\n    isLast?: boolean\n    keyWord: string\n    breadcrumbs: string[]\n    onNavigate: () => void\n}) => {\n    const { icon, label, url = '', keyWord, onNavigate, breadcrumbs } = props\n\n    const makeBreadcrumbs = (breadcrumbs: string[]) => {\n        return breadcrumbs.join(' / ')\n    }\n\n    return (\n        <Link to={url} onClick={onNavigate}>\n            <div\n                className={classNames(\n                    'flex items-center justify-between rounded-xl p-3 cursor-pointer user-select',\n                    'hover:bg-gray-100 dark:hover:bg-gray-700',\n                )}\n            >\n                <div className=\"flex items-center gap-2\">\n                    {/* <div\n                        className={classNames(\n                            'rounded-lg border-2 border-gray-200 shadow-sm text-xl group-hover:shadow h-10 w-10 flex items-center justify-center bg-white dark:bg-gray-700 text-gray-900 dark:text-gray-100',\n                        )}\n                    >\n                        {icon && navigationIcon[icon]}\n                    </div> */}\n                    <div className=\"text-gray-900 dark:text-gray-300\">\n                        <Highlighter\n                            autoEscape\n                            highlightClassName={classNames(\n                                'text-primary',\n                                'underline bg-transparent font-semibold dark:text-white',\n                            )}\n                            searchWords={[keyWord]}\n                            textToHighlight={makeBreadcrumbs(breadcrumbs)}\n                        />\n                    </div>\n                </div>\n                <HiChevronRight className=\"text-lg\" />\n            </div>\n        </Link>\n    )\n}\n\ntype NavigationTreeFlat = NavigationTree & { parents: string[] }\n\nconst _Search = ({ className }: { className?: string }) => {\n    const [loading, setLoading] = useState(false)\n    const [searchDialogOpen, setSearchDialogOpen] = useState(false)\n    const [searchResult, setSearchResult] = useState<SearchResult[]>([])\n    const [noResult, setNoResult] = useState(false)\n\n    const inputRef = useRef<HTMLInputElement>(null)\n\n    const handleReset = () => {\n        setNoResult(false)\n        setSearchResult([])\n    }\n\n    const handleSearchOpen = () => {\n        setSearchDialogOpen(true)\n    }\n\n    const handleSearchClose = () => {\n        setSearchDialogOpen(false)\n        handleReset()\n    }\n\n    const debounceFn = debounce(handleDebounceFn, 750)\n\n    const { t } = useTranslation()\n\n    const flatNavTree = useMemo(() => {\n        const arr: NavigationTreeFlat[] = []\n\n        const makeflat = (item: NavigationTree, parents: string[]) => {\n            if (Array.isArray(item.subMenu) && item.subMenu.length > 0) {\n                item.subMenu.forEach((item) =>\n                    makeflat(item, [...parents, t(item.translateKey)]),\n                )\n            }\n            arr.push({ ...item, parents })\n        }\n\n        navigationConfig.forEach(function f(item) {\n            makeflat(item, [t(item.translateKey)])\n        })\n        return arr\n    }, [navigationConfig, t])\n\n    const filterNavigationTreeFlat = (\n        text: string,\n        tree: NavigationTreeFlat[],\n    ): NavigationTreeFlat[] => {\n        const results = tree.filter(\n            (item) =>\n                item.type === NAV_ITEM_TYPE_ITEM &&\n                item.parents.join().toUpperCase().includes(text.toUpperCase()),\n        )\n\n        return results\n    }\n\n    function navTreeFlatToSearchResult(\n        tree: NavigationTreeFlat[],\n    ): SearchResult[] {\n        const navTreeSearchResult: SearchResult = {\n            title: t('base.layout.search.results.navTree'),\n            data: [],\n        }\n        tree.forEach((item) => {\n            navTreeSearchResult.data.push({\n                category: item.path,\n                categoryTitle: item.title,\n                icon: item.icon,\n                key: item.key,\n                path: item.path,\n                title: t(item.translateKey, item.title),\n                breadcrumbs: item.parents,\n            })\n        })\n        return [navTreeSearchResult]\n    }\n\n    async function handleDebounceFn(query: string) {\n        if (!query) {\n            setLoading(false)\n            setSearchResult([])\n            return\n        }\n\n        if (noResult) {\n            setNoResult(false)\n        }\n\n        const res = await filterNavigationTreeFlat(query, flatNavTree)\n\n        if (res) {\n            if (res.length === 0) {\n                setNoResult(true)\n                setSearchResult([])\n            } else {\n                setSearchResult(navTreeFlatToSearchResult(res))\n            }\n        }\n\n        setLoading(false)\n    }\n\n    const handleSearch = (e: React.ChangeEvent<HTMLInputElement>) => {\n        setLoading(true)\n        debounceFn(e.target.value)\n    }\n\n    useEffect(() => {\n        if (searchDialogOpen) {\n            const timeout = setTimeout(() => inputRef.current?.focus(), 100)\n            return () => {\n                clearTimeout(timeout)\n            }\n        }\n    }, [searchDialogOpen])\n\n    const handleNavigate = () => {\n        handleSearchClose()\n    }\n\n    return (\n        <>\n            <div\n                className={classNames(className, 'text-2xl')}\n                onClick={handleSearchOpen}\n            >\n                <PiMagnifyingGlassDuotone />\n            </div>\n            <Dialog\n                contentClassName=\"p-0\"\n                isOpen={searchDialogOpen}\n                closable={false}\n                onRequestClose={handleSearchClose}\n            >\n                <div>\n                    <div className=\"flex items-center justify-between border-b border-gray-200 px-4 dark:border-gray-600\">\n                        <div className=\"flex items-center\">\n                            <HiOutlineSearch className=\"text-xl\" />\n                            <input\n                                ref={inputRef}\n                                className=\"block w-full bg-transparent p-4 text-base text-gray-900 outline-none ring-0 dark:text-gray-100\"\n                                placeholder={t('common.input.placeholder.search')}\n                                onChange={handleSearch}\n                            />\n                        </div>\n                        <Button size=\"xs\" onClick={handleSearchClose}>\n                            Esc\n                        </Button>\n                    </div>\n                    <div className=\"px-5 py-6\">\n                        {loading ? (\n                            <div\n                                className={classNames(\n                                    'flex items-center justify-center',\n                                )}\n                            >\n                                <Spinner size={40} />\n                            </div>\n                        ) : (\n                            <>\n                                <ScrollBar className=\"max-h-[350px] overflow-y-auto\">\n                                    {searchResult.map((result) => (\n                                        <div\n                                            key={result.title}\n                                            className=\"mb-4\"\n                                        >\n                                            <h6 className=\"mb-3\">\n                                                {result.title}\n                                            </h6>\n                                            {result.data.map((data, index) => (\n                                                <ListItem\n                                                    key={data.title + index}\n                                                    icon={data.icon}\n                                                    breadcrumbs={\n                                                        data.breadcrumbs\n                                                    }\n                                                    label={data.title}\n                                                    url={data.path}\n                                                    keyWord={\n                                                        inputRef.current\n                                                            ?.value || ''\n                                                    }\n                                                    onNavigate={handleNavigate}\n                                                />\n                                            ))}\n                                        </div>\n                                    ))}\n                                    {searchResult.length === 0 && noResult && (\n                                        <div className=\"my-10 text-center text-lg\">\n                                            <span className=\"pr-1\">\n                                                {t(\n                                                    'common.status.noResultsFor',\n                                                )}\n                                            </span>\n                                            <span className=\"heading-text\">\n                                                {`'`}\n                                                {inputRef.current?.value}\n                                                {`'`}\n                                            </span>\n                                        </div>\n                                    )}\n                                </ScrollBar>\n                            </>\n                        )}\n                    </div>\n                </div>\n            </Dialog>\n        </>\n    )\n}\n\nconst Search = withHeaderItem(_Search)\n\nexport default Search\n"],"names":["breadcrumbs","item"],"mappings":"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"}

package/dist/@ecme/components/template/SideNav.js.map

@@ -1 +1 @@
-{"version":3,"file":"SideNav.js","sources":["../../../../lib/@ecme/components/template/SideNav.tsx"],"sourcesContent":["import classNames from \"@/utils/classNames\";\r\nimport ScrollBar from \"@/components/ui/ScrollBar\";\r\nimport Logo from \"@/components/template/Logo\";\r\nimport VerticalMenuContent from \"@/components/template/VerticalMenuContent\";\r\nimport { useThemeStore } from \"@/store/themeStore\";\r\nimport { useSessionUser } from \"@/store/authStore\";\r\nimport { useRouteKeyStore } from \"@/store/routeKeyStore\";\r\nimport navigationConfig from \"@/configs/navigation.config\";\r\nimport appConfig from \"@/configs/app.config\";\r\nimport { Link } from \"react-router-dom\";\r\nimport {\r\n  SIDE_NAV_WIDTH,\r\n  SIDE_NAV_COLLAPSED_WIDTH,\r\n  SIDE_NAV_CONTENT_GUTTER,\r\n  HEADER_HEIGHT,\r\n  LOGO_X_GUTTER,\r\n} from \"@/constants/theme.constant\";\r\nimport type { Mode } from \"@/@types/theme\";\r\nimport { getLogoFilename } from \"@base/utils/logo\";\r\nimport { LinkRenderer } from \"../layouts/Layouts\";\r\n\r\ntype SideNavProps = {\r\n  translationSetup?: boolean;\r\n  background?: boolean;\r\n  className?: string;\r\n  contentClass?: string;\r\n  mode?: Mode;\r\n  linkRenderer?: LinkRenderer;\r\n};\r\n\r\nconst sideNavStyle = {\r\n  width: SIDE_NAV_WIDTH,\r\n  minWidth: SIDE_NAV_WIDTH,\r\n};\r\n\r\nconst sideNavCollapseStyle = {\r\n  width: SIDE_NAV_COLLAPSED_WIDTH,\r\n  minWidth: SIDE_NAV_COLLAPSED_WIDTH,\r\n};\r\n\r\nconst SideNav = ({\r\n  translationSetup = appConfig.activeNavTranslation,\r\n  background = true,\r\n  className,\r\n  contentClass,\r\n  mode,\r\n  linkRenderer,\r\n}: SideNavProps) => {\r\n  const defaultMode = useThemeStore((state) => state.mode);\r\n  const direction = useThemeStore((state) => state.direction);\r\n  const sideNavCollapse = useThemeStore(\r\n    (state) => state.layout.sideNavCollapse\r\n  );\r\n\r\n  const currentRouteKey = useRouteKeyStore((state) => state.currentRouteKey);\r\n\r\n  const userAuthority = useSessionUser((state) => state.user.authority);\r\n\r\n  return (\r\n    <div\r\n      style={sideNavCollapse ? sideNavCollapseStyle : sideNavStyle}\r\n      className={classNames(\r\n        \"side-nav\",\r\n        background && \"side-nav-bg\",\r\n        !sideNavCollapse && \"side-nav-expand\",\r\n        className\r\n      )}\r\n    >\r\n      <Link\r\n        to={appConfig.authenticatedEntryPath}\r\n        className=\"side-nav-header flex flex-col justify-center\"\r\n        style={{ height: HEADER_HEIGHT }}\r\n      >\r\n        <Logo\r\n          imgClass=\"max-h-8\"\r\n          name={getLogoFilename(sideNavCollapse, defaultMode)}\r\n          className={classNames(\r\n            \"\",\r\n            sideNavCollapse && \"ltr:ml-[11.5px] ltr:mr-[11.5px]\",\r\n            sideNavCollapse ? SIDE_NAV_CONTENT_GUTTER : LOGO_X_GUTTER\r\n          )}\r\n        />\r\n      </Link>\r\n      <div className={classNames(\"side-nav-content\", contentClass)}>\r\n        <ScrollBar style={{ height: \"100%\" }} direction={direction}>\r\n          <VerticalMenuContent\r\n            collapsed={sideNavCollapse}\r\n            navigationTree={navigationConfig}\r\n            routeKey={currentRouteKey}\r\n            direction={direction}\r\n            translationSetup={translationSetup}\r\n            userAuthority={userAuthority || []}\r\n            linkRenderer={linkRenderer}\r\n          />\r\n        </ScrollBar>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default SideNav;\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AA8BA,MAAM,eAAe;AAAA,EACnB,OAAO;AAAA,EACP,UAAU;AACZ;AAEA,MAAM,uBAAuB;AAAA,EAC3B,OAAO;AAAA,EACP,UAAU;AACZ;AAEA,MAAM,UAAU,CAAC;AAAA,EACf,mBAAmB,UAAU;AAAA,EAC7B,aAAa;AAAA,EACb;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAoB;AAClB,QAAM,cAAc,cAAc,CAAC,UAAU,MAAM,IAAI;AACvD,QAAM,YAAY,cAAc,CAAC,UAAU,MAAM,SAAS;AAC1D,QAAM,kBAAkB;AAAA,IACtB,CAAC,UAAU,MAAM,OAAO;AAAA,EAAA;AAG1B,QAAM,kBAAkB,iBAAiB,CAAC,UAAU,MAAM,eAAe;AAEzE,QAAM,gBAAgB,eAAe,CAAC,UAAU,MAAM,KAAK,SAAS;AAEpE,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAO,kBAAkB,uBAAuB;AAAA,MAChD,WAAW;AAAA,QACT;AAAA,QACA,cAAc;AAAA,QACd,CAAC,mBAAmB;AAAA,QACpB;AAAA,MAAA;AAAA,MAGF,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAI,UAAU;AAAA,YACd,WAAU;AAAA,YACV,OAAO,EAAE,QAAQ,cAAA;AAAA,YAEjB,UAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,UAAS;AAAA,gBACT,MAAM,gBAAgB,iBAAiB,WAAW;AAAA,gBAClD,WAAW;AAAA,kBACT;AAAA,kBACA,mBAAmB;AAAA,kBACnB,kBAAkB,0BAA0B;AAAA,gBAAA;AAAA,cAC9C;AAAA,YAAA;AAAA,UACF;AAAA,QAAA;AAAA,QAEF,oBAAC,OAAA,EAAI,WAAW,WAAW,oBAAoB,YAAY,GACzD,UAAA,oBAAC,WAAA,EAAU,OAAO,EAAE,QAAQ,UAAU,WACpC,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW;AAAA,YACX,gBAAgB;AAAA,YAChB,UAAU;AAAA,YACV;AAAA,YACA;AAAA,YACA,eAAe,iBAAiB,CAAA;AAAA,YAChC;AAAA,UAAA;AAAA,QAAA,GAEJ,EAAA,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"SideNav.js","sources":["../../../../lib/@ecme/components/template/SideNav.tsx"],"sourcesContent":["import classNames from \"@/utils/classNames\";\nimport ScrollBar from \"@/components/ui/ScrollBar\";\nimport Logo from \"@/components/template/Logo\";\nimport VerticalMenuContent from \"@/components/template/VerticalMenuContent\";\nimport { useThemeStore } from \"@/store/themeStore\";\nimport { useSessionUser } from \"@/store/authStore\";\nimport { useRouteKeyStore } from \"@/store/routeKeyStore\";\nimport navigationConfig from \"@/configs/navigation.config\";\nimport appConfig from \"@/configs/app.config\";\nimport { Link } from \"react-router-dom\";\nimport {\n  SIDE_NAV_WIDTH,\n  SIDE_NAV_COLLAPSED_WIDTH,\n  SIDE_NAV_CONTENT_GUTTER,\n  HEADER_HEIGHT,\n  LOGO_X_GUTTER,\n} from \"@/constants/theme.constant\";\nimport type { Mode } from \"@/@types/theme\";\nimport { getLogoFilename } from \"@base/utils/logo\";\nimport { LinkRenderer } from \"../layouts/Layouts\";\n\ntype SideNavProps = {\n  translationSetup?: boolean;\n  background?: boolean;\n  className?: string;\n  contentClass?: string;\n  mode?: Mode;\n  linkRenderer?: LinkRenderer;\n};\n\nconst sideNavStyle = {\n  width: SIDE_NAV_WIDTH,\n  minWidth: SIDE_NAV_WIDTH,\n};\n\nconst sideNavCollapseStyle = {\n  width: SIDE_NAV_COLLAPSED_WIDTH,\n  minWidth: SIDE_NAV_COLLAPSED_WIDTH,\n};\n\nconst SideNav = ({\n  translationSetup = appConfig.activeNavTranslation,\n  background = true,\n  className,\n  contentClass,\n  mode,\n  linkRenderer,\n}: SideNavProps) => {\n  const defaultMode = useThemeStore((state) => state.mode);\n  const direction = useThemeStore((state) => state.direction);\n  const sideNavCollapse = useThemeStore(\n    (state) => state.layout.sideNavCollapse\n  );\n\n  const currentRouteKey = useRouteKeyStore((state) => state.currentRouteKey);\n\n  const userAuthority = useSessionUser((state) => state.user.authority);\n\n  return (\n    <div\n      style={sideNavCollapse ? sideNavCollapseStyle : sideNavStyle}\n      className={classNames(\n        \"side-nav\",\n        background && \"side-nav-bg\",\n        !sideNavCollapse && \"side-nav-expand\",\n        className\n      )}\n    >\n      <Link\n        to={appConfig.authenticatedEntryPath}\n        className=\"side-nav-header flex flex-col justify-center\"\n        style={{ height: HEADER_HEIGHT }}\n      >\n        <Logo\n          imgClass=\"max-h-8\"\n          name={getLogoFilename(sideNavCollapse, defaultMode)}\n          className={classNames(\n            \"\",\n            sideNavCollapse && \"ltr:ml-[11.5px] ltr:mr-[11.5px]\",\n            sideNavCollapse ? SIDE_NAV_CONTENT_GUTTER : LOGO_X_GUTTER\n          )}\n        />\n      </Link>\n      <div className={classNames(\"side-nav-content\", contentClass)}>\n        <ScrollBar style={{ height: \"100%\" }} direction={direction}>\n          <VerticalMenuContent\n            collapsed={sideNavCollapse}\n            navigationTree={navigationConfig}\n            routeKey={currentRouteKey}\n            direction={direction}\n            translationSetup={translationSetup}\n            userAuthority={userAuthority || []}\n            linkRenderer={linkRenderer}\n          />\n        </ScrollBar>\n      </div>\n    </div>\n  );\n};\n\nexport default SideNav;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AA8BA,MAAM,eAAe;AAAA,EACnB,OAAO;AAAA,EACP,UAAU;AACZ;AAEA,MAAM,uBAAuB;AAAA,EAC3B,OAAO;AAAA,EACP,UAAU;AACZ;AAEA,MAAM,UAAU,CAAC;AAAA,EACf,mBAAmB,UAAU;AAAA,EAC7B,aAAa;AAAA,EACb;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAoB;AAClB,QAAM,cAAc,cAAc,CAAC,UAAU,MAAM,IAAI;AACvD,QAAM,YAAY,cAAc,CAAC,UAAU,MAAM,SAAS;AAC1D,QAAM,kBAAkB;AAAA,IACtB,CAAC,UAAU,MAAM,OAAO;AAAA,EAAA;AAG1B,QAAM,kBAAkB,iBAAiB,CAAC,UAAU,MAAM,eAAe;AAEzE,QAAM,gBAAgB,eAAe,CAAC,UAAU,MAAM,KAAK,SAAS;AAEpE,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAO,kBAAkB,uBAAuB;AAAA,MAChD,WAAW;AAAA,QACT;AAAA,QACA,cAAc;AAAA,QACd,CAAC,mBAAmB;AAAA,QACpB;AAAA,MAAA;AAAA,MAGF,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAI,UAAU;AAAA,YACd,WAAU;AAAA,YACV,OAAO,EAAE,QAAQ,cAAA;AAAA,YAEjB,UAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,UAAS;AAAA,gBACT,MAAM,gBAAgB,iBAAiB,WAAW;AAAA,gBAClD,WAAW;AAAA,kBACT;AAAA,kBACA,mBAAmB;AAAA,kBACnB,kBAAkB,0BAA0B;AAAA,gBAAA;AAAA,cAC9C;AAAA,YAAA;AAAA,UACF;AAAA,QAAA;AAAA,QAEF,oBAAC,OAAA,EAAI,WAAW,WAAW,oBAAoB,YAAY,GACzD,UAAA,oBAAC,WAAA,EAAU,OAAO,EAAE,QAAQ,UAAU,WACpC,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW;AAAA,YACX,gBAAgB;AAAA,YAChB,UAAU;AAAA,YACV;AAAA,YACA;AAAA,YACA,eAAe,iBAAiB,CAAA;AAAA,YAChC;AAAA,UAAA;AAAA,QAAA,GAEJ,EAAA,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/@ecme/components/template/SideNavToggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"SideNavToggle.js","sources":["../../../../lib/@ecme/components/template/SideNavToggle.tsx"],"sourcesContent":["import withHeaderItem from '@/utils/hoc/withHeaderItem'\r\nimport { useThemeStore } from '@/store/themeStore'\r\nimport useResponsive from '@/utils/hooks/useResponsive'\r\nimport NavToggle from '@/components/shared/NavToggle'\r\nimport type { CommonProps } from '@/@types/common'\r\n\r\nconst _SideNavToggle = ({ className }: CommonProps) => {\r\n    const { layout, setSideNavCollapse } = useThemeStore((state) => state)\r\n\r\n    const sideNavCollapse = layout.sideNavCollapse\r\n\r\n    const { larger } = useResponsive()\r\n\r\n    const onCollapse = () => {\r\n        setSideNavCollapse(!sideNavCollapse)\r\n    }\r\n\r\n    return (\r\n        <>\r\n            {larger.md && (\r\n                <div className={className} role=\"button\" onClick={onCollapse}>\r\n                    <NavToggle className=\"text-2xl\" toggled={sideNavCollapse} />\r\n                </div>\r\n            )}\r\n        </>\r\n    )\r\n}\r\n\r\nconst SideNavToggle = withHeaderItem(_SideNavToggle)\r\n\r\nexport default SideNavToggle\r\n"],"names":[],"mappings":";;;;;AAMA,MAAM,iBAAiB,CAAC,EAAE,gBAA6B;AACnD,QAAM,EAAE,QAAQ,mBAAA,IAAuB,cAAc,CAAC,UAAU,KAAK;AAErE,QAAM,kBAAkB,OAAO;AAE/B,QAAM,EAAE,OAAA,IAAW,cAAA;AAEnB,QAAM,aAAa,MAAM;AACrB,uBAAmB,CAAC,eAAe;AAAA,EACvC;AAEA,yCAES,UAAA,OAAO,MACJ,oBAAC,OAAA,EAAI,WAAsB,MAAK,UAAS,SAAS,YAC9C,8BAAC,WAAA,EAAU,WAAU,YAAW,SAAS,iBAAiB,GAC9D,EAAA,CAER;AAER;AAEA,MAAM,gBAAgB,eAAe,cAAc;"}
+{"version":3,"file":"SideNavToggle.js","sources":["../../../../lib/@ecme/components/template/SideNavToggle.tsx"],"sourcesContent":["import withHeaderItem from '@/utils/hoc/withHeaderItem'\nimport { useThemeStore } from '@/store/themeStore'\nimport useResponsive from '@/utils/hooks/useResponsive'\nimport NavToggle from '@/components/shared/NavToggle'\nimport type { CommonProps } from '@/@types/common'\n\nconst _SideNavToggle = ({ className }: CommonProps) => {\n    const { layout, setSideNavCollapse } = useThemeStore((state) => state)\n\n    const sideNavCollapse = layout.sideNavCollapse\n\n    const { larger } = useResponsive()\n\n    const onCollapse = () => {\n        setSideNavCollapse(!sideNavCollapse)\n    }\n\n    return (\n        <>\n            {larger.md && (\n                <div className={className} role=\"button\" onClick={onCollapse}>\n                    <NavToggle className=\"text-2xl\" toggled={sideNavCollapse} />\n                </div>\n            )}\n        </>\n    )\n}\n\nconst SideNavToggle = withHeaderItem(_SideNavToggle)\n\nexport default SideNavToggle\n"],"names":[],"mappings":";;;;;AAMA,MAAM,iBAAiB,CAAC,EAAE,gBAA6B;AACnD,QAAM,EAAE,QAAQ,mBAAA,IAAuB,cAAc,CAAC,UAAU,KAAK;AAErE,QAAM,kBAAkB,OAAO;AAE/B,QAAM,EAAE,OAAA,IAAW,cAAA;AAEnB,QAAM,aAAa,MAAM;AACrB,uBAAmB,CAAC,eAAe;AAAA,EACvC;AAEA,yCAES,UAAA,OAAO,MACJ,oBAAC,OAAA,EAAI,WAAsB,MAAK,UAAS,SAAS,YAC9C,8BAAC,WAAA,EAAU,WAAU,YAAW,SAAS,iBAAiB,GAC9D,EAAA,CAER;AAER;AAEA,MAAM,gBAAgB,eAAe,cAAc;"}

package/dist/@ecme/components/template/SidePanel/SidePanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"SidePanel.js","sources":["../../../../../lib/@ecme/components/template/SidePanel/SidePanel.tsx"],"sourcesContent":["import classNames from 'classnames'\r\nimport Drawer from '@/components/ui/Drawer'\r\nimport { PiGearDuotone } from 'react-icons/pi'\r\nimport SidePanelContent, { SidePanelContentProps } from './SidePanelContent'\r\nimport withHeaderItem from '@/utils/hoc/withHeaderItem'\r\nimport { useThemeStore } from '@/store/themeStore'\r\nimport type { CommonProps } from '@/@types/common'\r\nimport { useTranslation } from 'react-i18next'\r\n\r\ntype SidePanelProps = SidePanelContentProps & CommonProps\r\n\r\nconst _SidePanel = (props: SidePanelProps) => {\r\n    const { className, ...rest } = props\r\n\r\n    const panelExpand = useThemeStore((state) => state.panelExpand)\r\n    const direction = useThemeStore((state) => state.direction)\r\n    const setPanelExpand = useThemeStore((state) => state.setPanelExpand)\r\n\r\n    const openPanel = () => {\r\n        setPanelExpand(true)\r\n    }\r\n\r\n    const closePanel = () => {\r\n        setPanelExpand(false)\r\n\r\n        if (document) {\r\n            const bodyClassList = document.body.classList\r\n            if (bodyClassList.contains('drawer-lock-scroll')) {\r\n                bodyClassList.remove('drawer-lock-scroll', 'drawer-open')\r\n            }\r\n        }\r\n    }\r\n\r\n    const { t } = useTranslation()\r\n\r\n    return (\r\n        <>\r\n            <div\r\n                className={classNames('text-2xl', className)}\r\n                onClick={openPanel}\r\n                {...rest}\r\n            >\r\n                <PiGearDuotone />\r\n            </div>\r\n            <Drawer\r\n                title={t('base.layout.themeConfig.title')}\r\n                isOpen={panelExpand}\r\n                placement={direction === 'rtl' ? 'left' : 'right'}\r\n                width={375}\r\n                onClose={closePanel}\r\n                onRequestClose={closePanel}\r\n            >\r\n                <SidePanelContent callBackClose={closePanel} />\r\n            </Drawer>\r\n        </>\r\n    )\r\n}\r\n\r\nconst SidePanel = withHeaderItem(_SidePanel)\r\n\r\nexport default SidePanel\r\n"],"names":[],"mappings":";;;;;;;;;AAWA,MAAM,aAAa,CAAC,UAA0B;AAC1C,QAAM,EAAE,WAAW,GAAG,KAAA,IAAS;AAE/B,QAAM,cAAc,cAAc,CAAC,UAAU,MAAM,WAAW;AAC9D,QAAM,YAAY,cAAc,CAAC,UAAU,MAAM,SAAS;AAC1D,QAAM,iBAAiB,cAAc,CAAC,UAAU,MAAM,cAAc;AAEpE,QAAM,YAAY,MAAM;AACpB,mBAAe,IAAI;AAAA,EACvB;AAEA,QAAM,aAAa,MAAM;AACrB,mBAAe,KAAK;AAEpB,QAAI,UAAU;AACV,YAAM,gBAAgB,SAAS,KAAK;AACpC,UAAI,cAAc,SAAS,oBAAoB,GAAG;AAC9C,sBAAc,OAAO,sBAAsB,aAAa;AAAA,MAC5D;AAAA,IACJ;AAAA,EACJ;AAEA,QAAM,EAAE,EAAA,IAAM,eAAA;AAEd,SACI,qBAAA,UAAA,EACI,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW,WAAW,YAAY,SAAS;AAAA,QAC3C,SAAS;AAAA,QACR,GAAG;AAAA,QAEJ,8BAAC,eAAA,CAAA,CAAc;AAAA,MAAA;AAAA,IAAA;AAAA,IAEnB;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,OAAO,EAAE,+BAA+B;AAAA,QACxC,QAAQ;AAAA,QACR,WAAW,cAAc,QAAQ,SAAS;AAAA,QAC1C,OAAO;AAAA,QACP,SAAS;AAAA,QACT,gBAAgB;AAAA,QAEhB,UAAA,oBAAC,kBAAA,EAAiB,eAAe,WAAA,CAAY;AAAA,MAAA;AAAA,IAAA;AAAA,EACjD,GACJ;AAER;AAEA,MAAM,YAAY,eAAe,UAAU;"}
+{"version":3,"file":"SidePanel.js","sources":["../../../../../lib/@ecme/components/template/SidePanel/SidePanel.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport Drawer from '@/components/ui/Drawer'\nimport { PiGearDuotone } from 'react-icons/pi'\nimport SidePanelContent, { SidePanelContentProps } from './SidePanelContent'\nimport withHeaderItem from '@/utils/hoc/withHeaderItem'\nimport { useThemeStore } from '@/store/themeStore'\nimport type { CommonProps } from '@/@types/common'\nimport { useTranslation } from 'react-i18next'\n\ntype SidePanelProps = SidePanelContentProps & CommonProps\n\nconst _SidePanel = (props: SidePanelProps) => {\n    const { className, ...rest } = props\n\n    const panelExpand = useThemeStore((state) => state.panelExpand)\n    const direction = useThemeStore((state) => state.direction)\n    const setPanelExpand = useThemeStore((state) => state.setPanelExpand)\n\n    const openPanel = () => {\n        setPanelExpand(true)\n    }\n\n    const closePanel = () => {\n        setPanelExpand(false)\n\n        if (document) {\n            const bodyClassList = document.body.classList\n            if (bodyClassList.contains('drawer-lock-scroll')) {\n                bodyClassList.remove('drawer-lock-scroll', 'drawer-open')\n            }\n        }\n    }\n\n    const { t } = useTranslation()\n\n    return (\n        <>\n            <div\n                className={classNames('text-2xl', className)}\n                onClick={openPanel}\n                {...rest}\n            >\n                <PiGearDuotone />\n            </div>\n            <Drawer\n                title={t('base.layout.themeConfig.title')}\n                isOpen={panelExpand}\n                placement={direction === 'rtl' ? 'left' : 'right'}\n                width={375}\n                onClose={closePanel}\n                onRequestClose={closePanel}\n            >\n                <SidePanelContent callBackClose={closePanel} />\n            </Drawer>\n        </>\n    )\n}\n\nconst SidePanel = withHeaderItem(_SidePanel)\n\nexport default SidePanel\n"],"names":[],"mappings":";;;;;;;;;AAWA,MAAM,aAAa,CAAC,UAA0B;AAC1C,QAAM,EAAE,WAAW,GAAG,KAAA,IAAS;AAE/B,QAAM,cAAc,cAAc,CAAC,UAAU,MAAM,WAAW;AAC9D,QAAM,YAAY,cAAc,CAAC,UAAU,MAAM,SAAS;AAC1D,QAAM,iBAAiB,cAAc,CAAC,UAAU,MAAM,cAAc;AAEpE,QAAM,YAAY,MAAM;AACpB,mBAAe,IAAI;AAAA,EACvB;AAEA,QAAM,aAAa,MAAM;AACrB,mBAAe,KAAK;AAEpB,QAAI,UAAU;AACV,YAAM,gBAAgB,SAAS,KAAK;AACpC,UAAI,cAAc,SAAS,oBAAoB,GAAG;AAC9C,sBAAc,OAAO,sBAAsB,aAAa;AAAA,MAC5D;AAAA,IACJ;AAAA,EACJ;AAEA,QAAM,EAAE,EAAA,IAAM,eAAA;AAEd,SACI,qBAAA,UAAA,EACI,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW,WAAW,YAAY,SAAS;AAAA,QAC3C,SAAS;AAAA,QACR,GAAG;AAAA,QAEJ,8BAAC,eAAA,CAAA,CAAc;AAAA,MAAA;AAAA,IAAA;AAAA,IAEnB;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,OAAO,EAAE,+BAA+B;AAAA,QACxC,QAAQ;AAAA,QACR,WAAW,cAAc,QAAQ,SAAS;AAAA,QAC1C,OAAO;AAAA,QACP,SAAS;AAAA,QACT,gBAAgB;AAAA,QAEhB,UAAA,oBAAC,kBAAA,EAAiB,eAAe,WAAA,CAAY;AAAA,MAAA;AAAA,IAAA;AAAA,EACjD,GACJ;AAER;AAEA,MAAM,YAAY,eAAe,UAAU;"}

package/dist/@ecme/components/template/SidePanel/SidePanelContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"SidePanelContent.js","sources":["../../../../../lib/@ecme/components/template/SidePanel/SidePanelContent.tsx"],"sourcesContent":["import ThemeConfigurator from '@/components/template/ThemeConfigurator'\r\nimport type { ThemeConfiguratorProps } from '@/components/template/ThemeConfigurator'\r\n\r\nexport type SidePanelContentProps = ThemeConfiguratorProps\r\n\r\nconst SidePanelContent = (props: SidePanelContentProps) => {\r\n    return <ThemeConfigurator {...props} />\r\n}\r\n\r\nexport default SidePanelContent\r\n"],"names":[],"mappings":";;;AAKA,MAAM,mBAAmB,CAAC,UAAiC;AACvD,SAAO,oBAAC,mBAAA,EAAmB,GAAG,MAAA,CAAO;AACzC;"}
+{"version":3,"file":"SidePanelContent.js","sources":["../../../../../lib/@ecme/components/template/SidePanel/SidePanelContent.tsx"],"sourcesContent":["import ThemeConfigurator from '@/components/template/ThemeConfigurator'\nimport type { ThemeConfiguratorProps } from '@/components/template/ThemeConfigurator'\n\nexport type SidePanelContentProps = ThemeConfiguratorProps\n\nconst SidePanelContent = (props: SidePanelContentProps) => {\n    return <ThemeConfigurator {...props} />\n}\n\nexport default SidePanelContent\n"],"names":[],"mappings":";;;AAKA,MAAM,mBAAmB,CAAC,UAAiC;AACvD,SAAO,oBAAC,mBAAA,EAAmB,GAAG,MAAA,CAAO;AACzC;"}

package/dist/@ecme/components/template/StackedSideNav/StackedSideNav.js.map

@@ -1 +1 @@
-{"version":3,"file":"StackedSideNav.js","sources":["../../../../../lib/@ecme/components/template/StackedSideNav/StackedSideNav.tsx"],"sourcesContent":["import { useState } from 'react'\r\nimport {\r\n    SPLITTED_SIDE_NAV_MINI_WIDTH,\r\n    STACKED_SIDE_NAV_SECONDARY_WIDTH,\r\n    DIR_LTR,\r\n    DIR_RTL,\r\n} from '@/constants/theme.constant'\r\nimport StackedSideNavMini, { SelectedMenuItem } from './StackedSideNavMini'\r\nimport StackedSideNavSecondary from './StackedSideNavSecondary'\r\nimport useResponsive from '@/utils/hooks/useResponsive'\r\nimport { useThemeStore } from '@/store/themeStore'\r\nimport { useRouteKeyStore } from '@/store/routeKeyStore'\r\nimport { useSessionUser } from '@/store/authStore'\r\nimport navigationConfig from '@/configs/navigation.config'\r\nimport appConfig from '@/configs/app.config'\r\nimport isEmpty from 'lodash/isEmpty'\r\nimport useTranslation from '@/utils/hooks/useTranslation'\r\nimport type { TraslationFn } from '@/@types/common'\r\n\r\nconst stackedSideNavDefaultStyle = {\r\n    width: SPLITTED_SIDE_NAV_MINI_WIDTH,\r\n}\r\n\r\nconst StackedSideNav = ({\r\n    translationSetup = appConfig.activeNavTranslation,\r\n}: {\r\n    translationSetup?: boolean\r\n}) => {\r\n    const { t } = useTranslation(!translationSetup)\r\n\r\n    const [selectedMenu, setSelectedMenu] = useState<SelectedMenuItem>({})\r\n    const [activeKeys, setActiveKeys] = useState<string[]>([])\r\n\r\n    const mode = useThemeStore((state) => state.mode)\r\n    const direction = useThemeStore((state) => state.direction)\r\n\r\n    const currentRouteKey = useRouteKeyStore((state) => state.currentRouteKey)\r\n\r\n    const userAuthority = useSessionUser((state) => state.user.authority)\r\n\r\n    const { larger } = useResponsive()\r\n\r\n    const navColor = (navType: string, mode: string) => {\r\n        return `${navType}-${mode}`\r\n    }\r\n\r\n    const handleChange = (selected: SelectedMenuItem) => {\r\n        setSelectedMenu(selected)\r\n    }\r\n\r\n    const handleCollpase = () => {\r\n        setSelectedMenu({})\r\n        setActiveKeys([])\r\n    }\r\n\r\n    const handleSetActiveKey = (key: string[]) => {\r\n        setActiveKeys(key)\r\n    }\r\n\r\n    const stackedSideNavSecondaryDirStyle = () => {\r\n        let style = {}\r\n        const marginValue = `${-STACKED_SIDE_NAV_SECONDARY_WIDTH}px`\r\n        if (direction === DIR_LTR) {\r\n            style = { marginLeft: marginValue }\r\n        }\r\n\r\n        if (direction === DIR_RTL) {\r\n            style = { marginRight: marginValue }\r\n        }\r\n\r\n        return style\r\n    }\r\n\r\n    return (\r\n        <>\r\n            {larger.md && (\r\n                <div className={`stacked-side-nav`}>\r\n                    <StackedSideNavMini\r\n                        className={`stacked-side-nav-mini ${navColor(\r\n                            'stacked-side-nav-mini',\r\n                            mode,\r\n                        )}`}\r\n                        style={stackedSideNavDefaultStyle}\r\n                        routeKey={currentRouteKey}\r\n                        activeKeys={activeKeys}\r\n                        mode={mode}\r\n                        direction={direction}\r\n                        navigationTree={navigationConfig}\r\n                        userAuthority={userAuthority || []}\r\n                        selectedMenu={selectedMenu}\r\n                        t={t as TraslationFn}\r\n                        onChange={handleChange}\r\n                        onSetActiveKey={handleSetActiveKey}\r\n                    />\r\n                    <div\r\n                        className={`stacked-side-nav-secondary ${navColor(\r\n                            'stacked-side-nav-secondary',\r\n                            mode,\r\n                        )}`}\r\n                        style={{\r\n                            width: STACKED_SIDE_NAV_SECONDARY_WIDTH,\r\n                            ...(isEmpty(selectedMenu)\r\n                                ? stackedSideNavSecondaryDirStyle()\r\n                                : {}),\r\n                        }}\r\n                    >\r\n                        {!isEmpty(selectedMenu) && (\r\n                            <StackedSideNavSecondary\r\n                                title={t(\r\n                                    selectedMenu.translateKey as string,\r\n                                    selectedMenu.title as string,\r\n                                )}\r\n                                menu={selectedMenu.menu}\r\n                                routeKey={currentRouteKey}\r\n                                direction={direction}\r\n                                translationSetup={translationSetup}\r\n                                userAuthority={userAuthority || []}\r\n                                onCollapse={handleCollpase}\r\n                            />\r\n                        )}\r\n                    </div>\r\n                </div>\r\n            )}\r\n        </>\r\n    )\r\n}\r\n\r\nexport default StackedSideNav\r\n"],"names":["mode"],"mappings":";;;;;;;;;;;;;AAmBA,MAAM,6BAA6B;AAAA,EAC/B,OAAO;AACX;AAEA,MAAM,iBAAiB,CAAC;AAAA,EACpB,mBAAmB,UAAU;AACjC,MAEM;AACF,QAAM,EAAE,EAAA,IAAM,eAAe,CAAC,gBAAgB;AAE9C,QAAM,CAAC,cAAc,eAAe,IAAI,SAA2B,CAAA,CAAE;AACrE,QAAM,CAAC,YAAY,aAAa,IAAI,SAAmB,CAAA,CAAE;AAEzD,QAAM,OAAO,cAAc,CAAC,UAAU,MAAM,IAAI;AAChD,QAAM,YAAY,cAAc,CAAC,UAAU,MAAM,SAAS;AAE1D,QAAM,kBAAkB,iBAAiB,CAAC,UAAU,MAAM,eAAe;AAEzE,QAAM,gBAAgB,eAAe,CAAC,UAAU,MAAM,KAAK,SAAS;AAEpE,QAAM,EAAE,OAAA,IAAW,cAAA;AAEnB,QAAM,WAAW,CAAC,SAAiBA,UAAiB;AAChD,WAAO,GAAG,OAAO,IAAIA,KAAI;AAAA,EAC7B;AAEA,QAAM,eAAe,CAAC,aAA+B;AACjD,oBAAgB,QAAQ;AAAA,EAC5B;AAEA,QAAM,iBAAiB,MAAM;AACzB,oBAAgB,CAAA,CAAE;AAClB,kBAAc,CAAA,CAAE;AAAA,EACpB;AAEA,QAAM,qBAAqB,CAAC,QAAkB;AAC1C,kBAAc,GAAG;AAAA,EACrB;AAEA,QAAM,kCAAkC,MAAM;AAC1C,QAAI,QAAQ,CAAA;AACZ,UAAM,cAAc,GAAG,CAAC,gCAAgC;AACxD,QAAI,cAAc,SAAS;AACvB,cAAQ,EAAE,YAAY,YAAA;AAAA,IAC1B;AAEA,QAAI,cAAc,SAAS;AACvB,cAAQ,EAAE,aAAa,YAAA;AAAA,IAC3B;AAEA,WAAO;AAAA,EACX;AAEA,yCAES,UAAA,OAAO,MACJ,qBAAC,OAAA,EAAI,WAAW,oBACZ,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW,yBAAyB;AAAA,UAChC;AAAA,UACA;AAAA,QAAA,CACH;AAAA,QACD,OAAO;AAAA,QACP,UAAU;AAAA,QACV;AAAA,QACA;AAAA,QACA;AAAA,QACA,gBAAgB;AAAA,QAChB,eAAe,iBAAiB,CAAA;AAAA,QAChC;AAAA,QACA;AAAA,QACA,UAAU;AAAA,QACV,gBAAgB;AAAA,MAAA;AAAA,IAAA;AAAA,IAEpB;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW,8BAA8B;AAAA,UACrC;AAAA,UACA;AAAA,QAAA,CACH;AAAA,QACD,OAAO;AAAA,UACH,OAAO;AAAA,UACP,GAAI,QAAQ,YAAY,IAClB,oCACA,CAAA;AAAA,QAAC;AAAA,QAGV,UAAA,CAAC,QAAQ,YAAY,KAClB;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,OAAO;AAAA,cACH,aAAa;AAAA,cACb,aAAa;AAAA,YAAA;AAAA,YAEjB,MAAM,aAAa;AAAA,YACnB,UAAU;AAAA,YACV;AAAA,YACA;AAAA,YACA,eAAe,iBAAiB,CAAA;AAAA,YAChC,YAAY;AAAA,UAAA;AAAA,QAAA;AAAA,MAChB;AAAA,IAAA;AAAA,EAER,EAAA,CACJ,EAAA,CAER;AAER;"}
+{"version":3,"file":"StackedSideNav.js","sources":["../../../../../lib/@ecme/components/template/StackedSideNav/StackedSideNav.tsx"],"sourcesContent":["import { useState } from 'react'\nimport {\n    SPLITTED_SIDE_NAV_MINI_WIDTH,\n    STACKED_SIDE_NAV_SECONDARY_WIDTH,\n    DIR_LTR,\n    DIR_RTL,\n} from '@/constants/theme.constant'\nimport StackedSideNavMini, { SelectedMenuItem } from './StackedSideNavMini'\nimport StackedSideNavSecondary from './StackedSideNavSecondary'\nimport useResponsive from '@/utils/hooks/useResponsive'\nimport { useThemeStore } from '@/store/themeStore'\nimport { useRouteKeyStore } from '@/store/routeKeyStore'\nimport { useSessionUser } from '@/store/authStore'\nimport navigationConfig from '@/configs/navigation.config'\nimport appConfig from '@/configs/app.config'\nimport isEmpty from 'lodash/isEmpty'\nimport useTranslation from '@/utils/hooks/useTranslation'\nimport type { TraslationFn } from '@/@types/common'\n\nconst stackedSideNavDefaultStyle = {\n    width: SPLITTED_SIDE_NAV_MINI_WIDTH,\n}\n\nconst StackedSideNav = ({\n    translationSetup = appConfig.activeNavTranslation,\n}: {\n    translationSetup?: boolean\n}) => {\n    const { t } = useTranslation(!translationSetup)\n\n    const [selectedMenu, setSelectedMenu] = useState<SelectedMenuItem>({})\n    const [activeKeys, setActiveKeys] = useState<string[]>([])\n\n    const mode = useThemeStore((state) => state.mode)\n    const direction = useThemeStore((state) => state.direction)\n\n    const currentRouteKey = useRouteKeyStore((state) => state.currentRouteKey)\n\n    const userAuthority = useSessionUser((state) => state.user.authority)\n\n    const { larger } = useResponsive()\n\n    const navColor = (navType: string, mode: string) => {\n        return `${navType}-${mode}`\n    }\n\n    const handleChange = (selected: SelectedMenuItem) => {\n        setSelectedMenu(selected)\n    }\n\n    const handleCollpase = () => {\n        setSelectedMenu({})\n        setActiveKeys([])\n    }\n\n    const handleSetActiveKey = (key: string[]) => {\n        setActiveKeys(key)\n    }\n\n    const stackedSideNavSecondaryDirStyle = () => {\n        let style = {}\n        const marginValue = `${-STACKED_SIDE_NAV_SECONDARY_WIDTH}px`\n        if (direction === DIR_LTR) {\n            style = { marginLeft: marginValue }\n        }\n\n        if (direction === DIR_RTL) {\n            style = { marginRight: marginValue }\n        }\n\n        return style\n    }\n\n    return (\n        <>\n            {larger.md && (\n                <div className={`stacked-side-nav`}>\n                    <StackedSideNavMini\n                        className={`stacked-side-nav-mini ${navColor(\n                            'stacked-side-nav-mini',\n                            mode,\n                        )}`}\n                        style={stackedSideNavDefaultStyle}\n                        routeKey={currentRouteKey}\n                        activeKeys={activeKeys}\n                        mode={mode}\n                        direction={direction}\n                        navigationTree={navigationConfig}\n                        userAuthority={userAuthority || []}\n                        selectedMenu={selectedMenu}\n                        t={t as TraslationFn}\n                        onChange={handleChange}\n                        onSetActiveKey={handleSetActiveKey}\n                    />\n                    <div\n                        className={`stacked-side-nav-secondary ${navColor(\n                            'stacked-side-nav-secondary',\n                            mode,\n                        )}`}\n                        style={{\n                            width: STACKED_SIDE_NAV_SECONDARY_WIDTH,\n                            ...(isEmpty(selectedMenu)\n                                ? stackedSideNavSecondaryDirStyle()\n                                : {}),\n                        }}\n                    >\n                        {!isEmpty(selectedMenu) && (\n                            <StackedSideNavSecondary\n                                title={t(\n                                    selectedMenu.translateKey as string,\n                                    selectedMenu.title as string,\n                                )}\n                                menu={selectedMenu.menu}\n                                routeKey={currentRouteKey}\n                                direction={direction}\n                                translationSetup={translationSetup}\n                                userAuthority={userAuthority || []}\n                                onCollapse={handleCollpase}\n                            />\n                        )}\n                    </div>\n                </div>\n            )}\n        </>\n    )\n}\n\nexport default StackedSideNav\n"],"names":["mode"],"mappings":";;;;;;;;;;;;;AAmBA,MAAM,6BAA6B;AAAA,EAC/B,OAAO;AACX;AAEA,MAAM,iBAAiB,CAAC;AAAA,EACpB,mBAAmB,UAAU;AACjC,MAEM;AACF,QAAM,EAAE,EAAA,IAAM,eAAe,CAAC,gBAAgB;AAE9C,QAAM,CAAC,cAAc,eAAe,IAAI,SAA2B,CAAA,CAAE;AACrE,QAAM,CAAC,YAAY,aAAa,IAAI,SAAmB,CAAA,CAAE;AAEzD,QAAM,OAAO,cAAc,CAAC,UAAU,MAAM,IAAI;AAChD,QAAM,YAAY,cAAc,CAAC,UAAU,MAAM,SAAS;AAE1D,QAAM,kBAAkB,iBAAiB,CAAC,UAAU,MAAM,eAAe;AAEzE,QAAM,gBAAgB,eAAe,CAAC,UAAU,MAAM,KAAK,SAAS;AAEpE,QAAM,EAAE,OAAA,IAAW,cAAA;AAEnB,QAAM,WAAW,CAAC,SAAiBA,UAAiB;AAChD,WAAO,GAAG,OAAO,IAAIA,KAAI;AAAA,EAC7B;AAEA,QAAM,eAAe,CAAC,aAA+B;AACjD,oBAAgB,QAAQ;AAAA,EAC5B;AAEA,QAAM,iBAAiB,MAAM;AACzB,oBAAgB,CAAA,CAAE;AAClB,kBAAc,CAAA,CAAE;AAAA,EACpB;AAEA,QAAM,qBAAqB,CAAC,QAAkB;AAC1C,kBAAc,GAAG;AAAA,EACrB;AAEA,QAAM,kCAAkC,MAAM;AAC1C,QAAI,QAAQ,CAAA;AACZ,UAAM,cAAc,GAAG,CAAC,gCAAgC;AACxD,QAAI,cAAc,SAAS;AACvB,cAAQ,EAAE,YAAY,YAAA;AAAA,IAC1B;AAEA,QAAI,cAAc,SAAS;AACvB,cAAQ,EAAE,aAAa,YAAA;AAAA,IAC3B;AAEA,WAAO;AAAA,EACX;AAEA,yCAES,UAAA,OAAO,MACJ,qBAAC,OAAA,EAAI,WAAW,oBACZ,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW,yBAAyB;AAAA,UAChC;AAAA,UACA;AAAA,QAAA,CACH;AAAA,QACD,OAAO;AAAA,QACP,UAAU;AAAA,QACV;AAAA,QACA;AAAA,QACA;AAAA,QACA,gBAAgB;AAAA,QAChB,eAAe,iBAAiB,CAAA;AAAA,QAChC;AAAA,QACA;AAAA,QACA,UAAU;AAAA,QACV,gBAAgB;AAAA,MAAA;AAAA,IAAA;AAAA,IAEpB;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW,8BAA8B;AAAA,UACrC;AAAA,UACA;AAAA,QAAA,CACH;AAAA,QACD,OAAO;AAAA,UACH,OAAO;AAAA,UACP,GAAI,QAAQ,YAAY,IAClB,oCACA,CAAA;AAAA,QAAC;AAAA,QAGV,UAAA,CAAC,QAAQ,YAAY,KAClB;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,OAAO;AAAA,cACH,aAAa;AAAA,cACb,aAAa;AAAA,YAAA;AAAA,YAEjB,MAAM,aAAa;AAAA,YACnB,UAAU;AAAA,YACV;AAAA,YACA;AAAA,YACA,eAAe,iBAAiB,CAAA;AAAA,YAChC,YAAY;AAAA,UAAA;AAAA,QAAA;AAAA,MAChB;AAAA,IAAA;AAAA,EAER,EAAA,CACJ,EAAA,CAER;AAER;"}

package/dist/@ecme/components/template/StackedSideNav/StackedSideNavMini.js.map

@@ -1 +1 @@
-{"version":3,"file":"StackedSideNavMini.js","sources":["../../../../../lib/@ecme/components/template/StackedSideNav/StackedSideNavMini.tsx"],"sourcesContent":["import { useEffect } from 'react'\r\nimport Logo from '@/components/template/Logo'\r\nimport Menu from '@/components/ui/Menu'\r\nimport ScrollBar from '@/components/ui/ScrollBar'\r\nimport AuthorityCheck from '@/components/shared/AuthorityCheck'\r\nimport {\r\n    SIDE_NAV_CONTENT_GUTTER,\r\n    HEADER_HEIGHT,\r\n} from '@/constants/theme.constant'\r\nimport { NAV_ITEM_TYPE_ITEM } from '@/constants/navigation.constant'\r\nimport appConfig from '@/configs/app.config'\r\nimport navigationIcon from '@/configs/navigation-icon.config'\r\nimport useMenuActive from '@/utils/hooks/useMenuActive'\r\nimport isEmpty from 'lodash/isEmpty'\r\nimport { Link } from 'react-router-dom'\r\nimport type { NavigationTree } from '@/@types/navigation'\r\nimport type { Direction, Mode } from '@/@types/theme'\r\nimport type { CommonProps } from '@/@types/common'\r\nimport { getLogoFilename } from '@base/utils/logo'\r\n\r\nexport type SelectedMenuItem = {\r\n    key?: string\r\n    title?: string\r\n    menu?: NavigationTree[]\r\n    translateKey?: string\r\n}\r\n\r\ninterface StackedSideNavMiniProps extends CommonProps {\r\n    className?: string\r\n    onChange: (item: SelectedMenuItem) => void\r\n    routeKey: string\r\n    activeKeys: string[]\r\n    onSetActiveKey: (activeKey: string[]) => void\r\n    userAuthority: string[]\r\n    mode: Mode\r\n    direction: Direction\r\n    navigationTree: NavigationTree[]\r\n    selectedMenu: SelectedMenuItem\r\n    t: (\r\n        key: string,\r\n        fallback?: string | Record<string, string | number>,\r\n    ) => string\r\n}\r\n\r\nconst StackedSideNavMini = (props: StackedSideNavMiniProps) => {\r\n    const {\r\n        onChange,\r\n        routeKey,\r\n        activeKeys,\r\n        onSetActiveKey,\r\n        direction,\r\n        navigationTree,\r\n        userAuthority,\r\n        mode,\r\n        selectedMenu,\r\n        t,\r\n        ...rest\r\n    } = props\r\n\r\n    const { includedRouteTree } = useMenuActive(navigationTree, routeKey)\r\n\r\n    const handleMenuItemSelect = ({\r\n        key,\r\n        title,\r\n        menu,\r\n        translateKey,\r\n    }: SelectedMenuItem) => {\r\n        onChange({ title, menu, translateKey })\r\n        onSetActiveKey([key as string])\r\n    }\r\n\r\n    const handleLinkMenuItemSelect = ({ key }: SelectedMenuItem) => {\r\n        onChange({})\r\n        onSetActiveKey([key as string])\r\n    }\r\n\r\n    useEffect(() => {\r\n        if (\r\n            includedRouteTree.type !== NAV_ITEM_TYPE_ITEM &&\r\n            !isEmpty(includedRouteTree)\r\n        ) {\r\n            onChange({\r\n                key: includedRouteTree.key,\r\n                title: includedRouteTree.title,\r\n                menu: includedRouteTree.subMenu,\r\n                translateKey: includedRouteTree.translateKey,\r\n            })\r\n        }\r\n        // eslint-disable-next-line react-hooks/exhaustive-deps\r\n    }, [includedRouteTree.key])\r\n\r\n    const defaultActiveKeys =\r\n        activeKeys && activeKeys.length > 0\r\n            ? activeKeys\r\n            : isEmpty(selectedMenu)\r\n              ? []\r\n              : [includedRouteTree.key]\r\n\r\n    return (\r\n        <div {...rest}>\r\n            <Link\r\n                to={appConfig.authenticatedEntryPath}\r\n                className=\"stacked-mini-nav-header flex items-center justify-center\"\r\n                style={{ height: HEADER_HEIGHT }}\r\n            >\r\n                <Logo\r\n                    imgClass=\"max-h-8\"\r\n                    name={getLogoFilename(true, mode)}\r\n                    className={SIDE_NAV_CONTENT_GUTTER}\r\n                />\r\n            </Link>\r\n            <ScrollBar autoHide direction={direction}>\r\n                <Menu\r\n                    className=\"px-4 pb-4\"\r\n                    defaultActiveKeys={defaultActiveKeys}\r\n                >\r\n                    {navigationTree.map((nav) => (\r\n                        <AuthorityCheck\r\n                            key={nav.key}\r\n                            authority={nav.authority}\r\n                            userAuthority={userAuthority}\r\n                        >\r\n                            <div title={t(nav.translateKey, nav.title)}>\r\n                                {nav.subMenu && nav.subMenu.length > 0 ? (\r\n                                    <Menu.MenuItem\r\n                                        eventKey={nav.key}\r\n                                        className=\"mb-2\"\r\n                                        onSelect={() =>\r\n                                            handleMenuItemSelect({\r\n                                                key: nav.key,\r\n                                                title: nav.title,\r\n                                                menu: nav.subMenu,\r\n                                                translateKey: nav.translateKey,\r\n                                            })\r\n                                        }\r\n                                    >\r\n                                        <div className=\"text-2xl\">\r\n                                            {navigationIcon[nav.icon]}\r\n                                        </div>\r\n                                    </Menu.MenuItem>\r\n                                ) : (\r\n                                    <Link\r\n                                        to={nav.path}\r\n                                        className=\"flex h-full w-full items-center\"\r\n                                        onClick={() =>\r\n                                            handleLinkMenuItemSelect({\r\n                                                key: nav.key,\r\n                                            })\r\n                                        }\r\n                                    >\r\n                                        <Menu.MenuItem\r\n                                            eventKey={nav.key}\r\n                                            className=\"mb-2\"\r\n                                        >\r\n                                            <div className=\"text-2xl\">\r\n                                                {navigationIcon[nav.icon]}\r\n                                            </div>\r\n                                        </Menu.MenuItem>\r\n                                    </Link>\r\n                                )}\r\n                            </div>\r\n                        </AuthorityCheck>\r\n                    ))}\r\n                </Menu>\r\n            </ScrollBar>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default StackedSideNavMini\r\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"StackedSideNavMini.js","sources":["../../../../../lib/@ecme/components/template/StackedSideNav/StackedSideNavMini.tsx"],"sourcesContent":["import { useEffect } from 'react'\nimport Logo from '@/components/template/Logo'\nimport Menu from '@/components/ui/Menu'\nimport ScrollBar from '@/components/ui/ScrollBar'\nimport AuthorityCheck from '@/components/shared/AuthorityCheck'\nimport {\n    SIDE_NAV_CONTENT_GUTTER,\n    HEADER_HEIGHT,\n} from '@/constants/theme.constant'\nimport { NAV_ITEM_TYPE_ITEM } from '@/constants/navigation.constant'\nimport appConfig from '@/configs/app.config'\nimport navigationIcon from '@/configs/navigation-icon.config'\nimport useMenuActive from '@/utils/hooks/useMenuActive'\nimport isEmpty from 'lodash/isEmpty'\nimport { Link } from 'react-router-dom'\nimport type { NavigationTree } from '@/@types/navigation'\nimport type { Direction, Mode } from '@/@types/theme'\nimport type { CommonProps } from '@/@types/common'\nimport { getLogoFilename } from '@base/utils/logo'\n\nexport type SelectedMenuItem = {\n    key?: string\n    title?: string\n    menu?: NavigationTree[]\n    translateKey?: string\n}\n\ninterface StackedSideNavMiniProps extends CommonProps {\n    className?: string\n    onChange: (item: SelectedMenuItem) => void\n    routeKey: string\n    activeKeys: string[]\n    onSetActiveKey: (activeKey: string[]) => void\n    userAuthority: string[]\n    mode: Mode\n    direction: Direction\n    navigationTree: NavigationTree[]\n    selectedMenu: SelectedMenuItem\n    t: (\n        key: string,\n        fallback?: string | Record<string, string | number>,\n    ) => string\n}\n\nconst StackedSideNavMini = (props: StackedSideNavMiniProps) => {\n    const {\n        onChange,\n        routeKey,\n        activeKeys,\n        onSetActiveKey,\n        direction,\n        navigationTree,\n        userAuthority,\n        mode,\n        selectedMenu,\n        t,\n        ...rest\n    } = props\n\n    const { includedRouteTree } = useMenuActive(navigationTree, routeKey)\n\n    const handleMenuItemSelect = ({\n        key,\n        title,\n        menu,\n        translateKey,\n    }: SelectedMenuItem) => {\n        onChange({ title, menu, translateKey })\n        onSetActiveKey([key as string])\n    }\n\n    const handleLinkMenuItemSelect = ({ key }: SelectedMenuItem) => {\n        onChange({})\n        onSetActiveKey([key as string])\n    }\n\n    useEffect(() => {\n        if (\n            includedRouteTree.type !== NAV_ITEM_TYPE_ITEM &&\n            !isEmpty(includedRouteTree)\n        ) {\n            onChange({\n                key: includedRouteTree.key,\n                title: includedRouteTree.title,\n                menu: includedRouteTree.subMenu,\n                translateKey: includedRouteTree.translateKey,\n            })\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [includedRouteTree.key])\n\n    const defaultActiveKeys =\n        activeKeys && activeKeys.length > 0\n            ? activeKeys\n            : isEmpty(selectedMenu)\n              ? []\n              : [includedRouteTree.key]\n\n    return (\n        <div {...rest}>\n            <Link\n                to={appConfig.authenticatedEntryPath}\n                className=\"stacked-mini-nav-header flex items-center justify-center\"\n                style={{ height: HEADER_HEIGHT }}\n            >\n                <Logo\n                    imgClass=\"max-h-8\"\n                    name={getLogoFilename(true, mode)}\n                    className={SIDE_NAV_CONTENT_GUTTER}\n                />\n            </Link>\n            <ScrollBar autoHide direction={direction}>\n                <Menu\n                    className=\"px-4 pb-4\"\n                    defaultActiveKeys={defaultActiveKeys}\n                >\n                    {navigationTree.map((nav) => (\n                        <AuthorityCheck\n                            key={nav.key}\n                            authority={nav.authority}\n                            userAuthority={userAuthority}\n                        >\n                            <div title={t(nav.translateKey, nav.title)}>\n                                {nav.subMenu && nav.subMenu.length > 0 ? (\n                                    <Menu.MenuItem\n                                        eventKey={nav.key}\n                                        className=\"mb-2\"\n                                        onSelect={() =>\n                                            handleMenuItemSelect({\n                                                key: nav.key,\n                                                title: nav.title,\n                                                menu: nav.subMenu,\n                                                translateKey: nav.translateKey,\n                                            })\n                                        }\n                                    >\n                                        <div className=\"text-2xl\">\n                                            {navigationIcon[nav.icon]}\n                                        </div>\n                                    </Menu.MenuItem>\n                                ) : (\n                                    <Link\n                                        to={nav.path}\n                                        className=\"flex h-full w-full items-center\"\n                                        onClick={() =>\n                                            handleLinkMenuItemSelect({\n                                                key: nav.key,\n                                            })\n                                        }\n                                    >\n                                        <Menu.MenuItem\n                                            eventKey={nav.key}\n                                            className=\"mb-2\"\n                                        >\n                                            <div className=\"text-2xl\">\n                                                {navigationIcon[nav.icon]}\n                                            </div>\n                                        </Menu.MenuItem>\n                                    </Link>\n                                )}\n                            </div>\n                        </AuthorityCheck>\n                    ))}\n                </Menu>\n            </ScrollBar>\n        </div>\n    )\n}\n\nexport default StackedSideNavMini\n"],"names":[],"mappings":"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"}

package/dist/@ecme/components/template/StackedSideNav/StackedSideNavSecondary.js.map

@@ -1 +1 @@
-{"version":3,"file":"StackedSideNavSecondary.js","sources":["../../../../../lib/@ecme/components/template/StackedSideNav/StackedSideNavSecondary.tsx"],"sourcesContent":["import ScrollBar from '@/components/ui/ScrollBar'\r\nimport classNames from '@/utils/classNames'\r\nimport { HEADER_HEIGHT, DIR_LTR, DIR_RTL } from '@/constants/theme.constant'\r\nimport VerticalMenuContent from '@/components/template/VerticalMenuContent'\r\nimport { HiOutlineArrowSmLeft, HiOutlineArrowSmRight } from 'react-icons/hi'\r\nimport type { NavigationTree } from '@/@types/navigation'\r\nimport type { Direction } from '@/@types/theme'\r\n\r\ntype StackedSideNavSecondaryProps = {\r\n    className?: string\r\n    title: string\r\n    menu?: NavigationTree[]\r\n    routeKey: string\r\n    onCollapse: () => void\r\n    direction?: Direction\r\n    translationSetup?: boolean\r\n    userAuthority: string[]\r\n}\r\n\r\nconst StackedSideNavSecondary = (props: StackedSideNavSecondaryProps) => {\r\n    const {\r\n        className,\r\n        title,\r\n        menu,\r\n        routeKey,\r\n        onCollapse,\r\n        direction,\r\n        translationSetup,\r\n        userAuthority,\r\n        ...rest\r\n    } = props\r\n\r\n    const handleCollpase = () => {\r\n        onCollapse()\r\n    }\r\n\r\n    return (\r\n        <div className={classNames('h-full', className)} {...rest}>\r\n            <div\r\n                className={`flex items-center justify-between gap-4 pl-6 pr-4`}\r\n                style={{ height: HEADER_HEIGHT }}\r\n            >\r\n                <h5 className=\"font-bold\">{title}</h5>\r\n                <button\r\n                    type=\"button\"\r\n                    className=\"close-button\"\r\n                    onClick={handleCollpase}\r\n                >\r\n                    {direction === DIR_LTR && <HiOutlineArrowSmLeft />}\r\n                    {direction === DIR_RTL && <HiOutlineArrowSmRight />}\r\n                </button>\r\n            </div>\r\n            <ScrollBar autoHide direction={direction}>\r\n                <VerticalMenuContent\r\n                    routeKey={routeKey}\r\n                    navigationTree={menu}\r\n                    translationSetup={translationSetup}\r\n                    userAuthority={userAuthority}\r\n                />\r\n            </ScrollBar>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default StackedSideNavSecondary\r\n"],"names":[],"mappings":";;;;;;;;AAmBA,MAAM,0BAA0B,CAAC,UAAwC;AACrE,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,IACH;AAEJ,QAAM,iBAAiB,MAAM;AACzB,eAAA;AAAA,EACJ;AAEA,SACI,qBAAC,SAAI,WAAW,WAAW,UAAU,SAAS,GAAI,GAAG,MACjD,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW;AAAA,QACX,OAAO,EAAE,QAAQ,cAAA;AAAA,QAEjB,UAAA;AAAA,UAAA,oBAAC,MAAA,EAAG,WAAU,aAAa,UAAA,OAAM;AAAA,UACjC;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,MAAK;AAAA,cACL,WAAU;AAAA,cACV,SAAS;AAAA,cAER,UAAA;AAAA,gBAAA,cAAc,+BAAY,sBAAA,CAAA,CAAqB;AAAA,gBAC/C,cAAc,WAAW,oBAAC,uBAAA,CAAA,CAAsB;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACrD;AAAA,MAAA;AAAA,IAAA;AAAA,IAEJ,oBAAC,WAAA,EAAU,UAAQ,MAAC,WAChB,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG;AAAA,QACA,gBAAgB;AAAA,QAChB;AAAA,QACA;AAAA,MAAA;AAAA,IAAA,EACJ,CACJ;AAAA,EAAA,GACJ;AAER;"}
+{"version":3,"file":"StackedSideNavSecondary.js","sources":["../../../../../lib/@ecme/components/template/StackedSideNav/StackedSideNavSecondary.tsx"],"sourcesContent":["import ScrollBar from '@/components/ui/ScrollBar'\nimport classNames from '@/utils/classNames'\nimport { HEADER_HEIGHT, DIR_LTR, DIR_RTL } from '@/constants/theme.constant'\nimport VerticalMenuContent from '@/components/template/VerticalMenuContent'\nimport { HiOutlineArrowSmLeft, HiOutlineArrowSmRight } from 'react-icons/hi'\nimport type { NavigationTree } from '@/@types/navigation'\nimport type { Direction } from '@/@types/theme'\n\ntype StackedSideNavSecondaryProps = {\n    className?: string\n    title: string\n    menu?: NavigationTree[]\n    routeKey: string\n    onCollapse: () => void\n    direction?: Direction\n    translationSetup?: boolean\n    userAuthority: string[]\n}\n\nconst StackedSideNavSecondary = (props: StackedSideNavSecondaryProps) => {\n    const {\n        className,\n        title,\n        menu,\n        routeKey,\n        onCollapse,\n        direction,\n        translationSetup,\n        userAuthority,\n        ...rest\n    } = props\n\n    const handleCollpase = () => {\n        onCollapse()\n    }\n\n    return (\n        <div className={classNames('h-full', className)} {...rest}>\n            <div\n                className={`flex items-center justify-between gap-4 pl-6 pr-4`}\n                style={{ height: HEADER_HEIGHT }}\n            >\n                <h5 className=\"font-bold\">{title}</h5>\n                <button\n                    type=\"button\"\n                    className=\"close-button\"\n                    onClick={handleCollpase}\n                >\n                    {direction === DIR_LTR && <HiOutlineArrowSmLeft />}\n                    {direction === DIR_RTL && <HiOutlineArrowSmRight />}\n                </button>\n            </div>\n            <ScrollBar autoHide direction={direction}>\n                <VerticalMenuContent\n                    routeKey={routeKey}\n                    navigationTree={menu}\n                    translationSetup={translationSetup}\n                    userAuthority={userAuthority}\n                />\n            </ScrollBar>\n        </div>\n    )\n}\n\nexport default StackedSideNavSecondary\n"],"names":[],"mappings":";;;;;;;;AAmBA,MAAM,0BAA0B,CAAC,UAAwC;AACrE,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,IACH;AAEJ,QAAM,iBAAiB,MAAM;AACzB,eAAA;AAAA,EACJ;AAEA,SACI,qBAAC,SAAI,WAAW,WAAW,UAAU,SAAS,GAAI,GAAG,MACjD,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW;AAAA,QACX,OAAO,EAAE,QAAQ,cAAA;AAAA,QAEjB,UAAA;AAAA,UAAA,oBAAC,MAAA,EAAG,WAAU,aAAa,UAAA,OAAM;AAAA,UACjC;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,MAAK;AAAA,cACL,WAAU;AAAA,cACV,SAAS;AAAA,cAER,UAAA;AAAA,gBAAA,cAAc,+BAAY,sBAAA,CAAA,CAAqB;AAAA,gBAC/C,cAAc,WAAW,oBAAC,uBAAA,CAAA,CAAsB;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACrD;AAAA,MAAA;AAAA,IAAA;AAAA,IAEJ,oBAAC,WAAA,EAAU,UAAQ,MAAC,WAChB,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG;AAAA,QACA,gBAAgB;AAAA,QAChB;AAAA,QACA;AAAA,MAAA;AAAA,IAAA,EACJ,CACJ;AAAA,EAAA,GACJ;AAER;"}

package/dist/@ecme/components/template/Theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"Theme.js","sources":["../../../../lib/@ecme/components/template/Theme.tsx"],"sourcesContent":["import ConfigProvider from \"@/components/ui/ConfigProvider\";\r\nimport { themeConfig } from \"@/configs/theme.config\";\r\nimport useDarkMode from \"@/utils/hooks/useDarkMode\";\r\nimport useThemeSchema from \"@/utils/hooks/useThemeSchema\";\r\nimport useLocale from \"@/utils/hooks/useLocale\";\r\nimport useDirection from \"@/utils/hooks/useDirection\";\r\nimport type { CommonProps } from \"@/@types/common\";\r\n\r\nconst Theme = (props: CommonProps) => {\r\n  const [isDarkMode] = useDarkMode();\r\n  useThemeSchema();\r\n  useDarkMode();\r\n  useDirection();\r\n\r\n  const { locale } = useLocale();\r\n  const mode = isDarkMode ? \"dark\" : \"light\";\r\n  return (\r\n    <ConfigProvider\r\n      value={{\r\n        locale: locale,\r\n        ...themeConfig,\r\n        mode: mode,\r\n      }}\r\n    >\r\n      {props.children}\r\n    </ConfigProvider>\r\n  );\r\n};\r\n\r\nexport default Theme;\r\n"],"names":[],"mappings":";;;;;;;;AAQA,MAAM,QAAQ,CAAC,UAAuB;AACpC,QAAM,CAAC,UAAU,IAAI,YAAA;AACrB,iBAAA;AACA,cAAA;AACA,eAAA;AAEA,QAAM,EAAE,OAAA,IAAW,UAAA;AACnB,QAAM,OAAO,aAAa,SAAS;AACnC,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL;AAAA,QACA,GAAG;AAAA,QACH;AAAA,MAAA;AAAA,MAGD,UAAA,MAAM;AAAA,IAAA;AAAA,EAAA;AAGb;"}
+{"version":3,"file":"Theme.js","sources":["../../../../lib/@ecme/components/template/Theme.tsx"],"sourcesContent":["import ConfigProvider from \"@/components/ui/ConfigProvider\";\nimport { themeConfig } from \"@/configs/theme.config\";\nimport useDarkMode from \"@/utils/hooks/useDarkMode\";\nimport useThemeSchema from \"@/utils/hooks/useThemeSchema\";\nimport useLocale from \"@/utils/hooks/useLocale\";\nimport useDirection from \"@/utils/hooks/useDirection\";\nimport type { CommonProps } from \"@/@types/common\";\n\nconst Theme = (props: CommonProps) => {\n  const [isDarkMode] = useDarkMode();\n  useThemeSchema();\n  useDarkMode();\n  useDirection();\n\n  const { locale } = useLocale();\n  const mode = isDarkMode ? \"dark\" : \"light\";\n  return (\n    <ConfigProvider\n      value={{\n        locale: locale,\n        ...themeConfig,\n        mode: mode,\n      }}\n    >\n      {props.children}\n    </ConfigProvider>\n  );\n};\n\nexport default Theme;\n"],"names":[],"mappings":";;;;;;;;AAQA,MAAM,QAAQ,CAAC,UAAuB;AACpC,QAAM,CAAC,UAAU,IAAI,YAAA;AACrB,iBAAA;AACA,cAAA;AACA,eAAA;AAEA,QAAM,EAAE,OAAA,IAAW,UAAA;AACnB,QAAM,OAAO,aAAa,SAAS;AACnC,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL;AAAA,QACA,GAAG;AAAA,QACH;AAAA,MAAA;AAAA,MAGD,UAAA,MAAM;AAAA,IAAA;AAAA,EAAA;AAGb;"}

package/dist/@ecme/components/template/ThemeConfigurator/CopyButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"CopyButton.js","sources":["../../../../../lib/@ecme/components/template/ThemeConfigurator/CopyButton.tsx"],"sourcesContent":["import Notification from '@/components/ui/Notification'\r\nimport Button from '@/components/ui/Button'\r\nimport toast from '@/components/ui/toast'\r\nimport { themeConfig } from '@/configs/theme.config'\r\nimport { useThemeStore } from '@/store/themeStore'\r\nimport { useTranslation } from 'react-i18next'\r\n\r\nconst CopyButton = () => {\r\n    const theme = useThemeStore((state) => state)\r\n\r\n    const handleCopy = () => {\r\n        const config = {\r\n            ...themeConfig,\r\n            ...theme,\r\n            layout: {\r\n                type: theme.layout.type,\r\n                sideNavCollapse: theme.layout.sideNavCollapse,\r\n            },\r\n            panelExpand: false,\r\n        }\r\n\r\n        navigator.clipboard.writeText(`\r\n            \r\nexport const themeConfig: ThemeConfig = ${JSON.stringify(config, null, 2)}\r\n`)\r\n\r\n        toast.push(\r\n            <Notification title=\"Copy Success\" type=\"success\">\r\n                {`Please replace themeConfig in 'src/configs/theme.config.ts'`}\r\n            </Notification>,\r\n            {\r\n                placement: 'top-center',\r\n            },\r\n        )\r\n    }\r\n\r\n    const { t } = useTranslation()\r\n\r\n    return (\r\n        <Button block variant=\"solid\" onClick={handleCopy}>\r\n            {t('base.layout.themeConfig.buttons.copyConfig')}\r\n        </Button>\r\n    )\r\n}\r\n\r\nexport default CopyButton\r\n"],"names":[],"mappings":";;;;;;;;;;AAOA,MAAM,aAAa,MAAM;AACrB,QAAM,QAAQ,cAAc,CAAC,UAAU,KAAK;AAE5C,QAAM,aAAa,MAAM;AACrB,UAAM,SAAS;AAAA,MACX,GAAG;AAAA,MACH,GAAG;AAAA,MACH,QAAQ;AAAA,QACJ,MAAM,MAAM,OAAO;AAAA,QACnB,iBAAiB,MAAM,OAAO;AAAA,MAAA;AAAA,MAElC,aAAa;AAAA,IAAA;AAGjB,cAAU,UAAU,UAAU;AAAA;AAAA,0CAEI,KAAK,UAAU,QAAQ,MAAM,CAAC,CAAC;AAAA,CACxE;AAEO,UAAM;AAAA,0BACD,cAAA,EAAa,OAAM,gBAAe,MAAK,WACnC,UAAA,+DACL;AAAA,MACA;AAAA,QACI,WAAW;AAAA,MAAA;AAAA,IACf;AAAA,EAER;AAEA,QAAM,EAAE,EAAA,IAAM,eAAA;AAEd,SACI,oBAAC,QAAA,EAAO,OAAK,MAAC,SAAQ,SAAQ,SAAS,YAClC,UAAA,EAAE,4CAA4C,EAAA,CACnD;AAER;"}
+{"version":3,"file":"CopyButton.js","sources":["../../../../../lib/@ecme/components/template/ThemeConfigurator/CopyButton.tsx"],"sourcesContent":["import Notification from '@/components/ui/Notification'\nimport Button from '@/components/ui/Button'\nimport toast from '@/components/ui/toast'\nimport { themeConfig } from '@/configs/theme.config'\nimport { useThemeStore } from '@/store/themeStore'\nimport { useTranslation } from 'react-i18next'\n\nconst CopyButton = () => {\n    const theme = useThemeStore((state) => state)\n\n    const handleCopy = () => {\n        const config = {\n            ...themeConfig,\n            ...theme,\n            layout: {\n                type: theme.layout.type,\n                sideNavCollapse: theme.layout.sideNavCollapse,\n            },\n            panelExpand: false,\n        }\n\n        navigator.clipboard.writeText(`\n            \nexport const themeConfig: ThemeConfig = ${JSON.stringify(config, null, 2)}\n`)\n\n        toast.push(\n            <Notification title=\"Copy Success\" type=\"success\">\n                {`Please replace themeConfig in 'src/configs/theme.config.ts'`}\n            </Notification>,\n            {\n                placement: 'top-center',\n            },\n        )\n    }\n\n    const { t } = useTranslation()\n\n    return (\n        <Button block variant=\"solid\" onClick={handleCopy}>\n            {t('base.layout.themeConfig.buttons.copyConfig')}\n        </Button>\n    )\n}\n\nexport default CopyButton\n"],"names":[],"mappings":";;;;;;;;;;AAOA,MAAM,aAAa,MAAM;AACrB,QAAM,QAAQ,cAAc,CAAC,UAAU,KAAK;AAE5C,QAAM,aAAa,MAAM;AACrB,UAAM,SAAS;AAAA,MACX,GAAG;AAAA,MACH,GAAG;AAAA,MACH,QAAQ;AAAA,QACJ,MAAM,MAAM,OAAO;AAAA,QACnB,iBAAiB,MAAM,OAAO;AAAA,MAAA;AAAA,MAElC,aAAa;AAAA,IAAA;AAGjB,cAAU,UAAU,UAAU;AAAA;AAAA,0CAEI,KAAK,UAAU,QAAQ,MAAM,CAAC,CAAC;AAAA,CACxE;AAEO,UAAM;AAAA,0BACD,cAAA,EAAa,OAAM,gBAAe,MAAK,WACnC,UAAA,+DACL;AAAA,MACA;AAAA,QACI,WAAW;AAAA,MAAA;AAAA,IACf;AAAA,EAER;AAEA,QAAM,EAAE,EAAA,IAAM,eAAA;AAEd,SACI,oBAAC,QAAA,EAAO,OAAK,MAAC,SAAQ,SAAQ,SAAS,YAClC,UAAA,EAAE,4CAA4C,EAAA,CACnD;AAER;"}

package/dist/@ecme/components/template/ThemeConfigurator/DirectionSwitcher.js.map

@@ -1 +1 @@
-{"version":3,"file":"DirectionSwitcher.js","sources":["../../../../../lib/@ecme/components/template/ThemeConfigurator/DirectionSwitcher.tsx"],"sourcesContent":["import Button from '@/components/ui/Button'\r\nimport InputGroup from '@/components/ui/InputGroup'\r\nimport useDirection from '@/utils/hooks/useDirection'\r\nimport { THEME_ENUM } from '@/constants/theme.constant'\r\nimport type { Direction } from '@/@types/theme'\r\n\r\nconst dirList = [\r\n    { value: THEME_ENUM.DIR_LTR, label: 'LTR' },\r\n    { value: THEME_ENUM.DIR_RTL, label: 'RTL' },\r\n]\r\n\r\nconst DirectionSwitcher = ({\r\n    callBackClose,\r\n}: {\r\n    callBackClose?: () => void\r\n}) => {\r\n    const [direction, setDirection] = useDirection()\r\n\r\n    const onDirChange = (val: Direction) => {\r\n        setDirection(val)\r\n        callBackClose?.()\r\n    }\r\n\r\n    return (\r\n        <InputGroup size=\"sm\">\r\n            {dirList.map((dir) => (\r\n                <Button\r\n                    key={dir.value}\r\n                    active={direction === dir.value}\r\n                    onClick={() => onDirChange(dir.value)}\r\n                >\r\n                    {dir.label}\r\n                </Button>\r\n            ))}\r\n        </InputGroup>\r\n    )\r\n}\r\n\r\nexport default DirectionSwitcher\r\n"],"names":[],"mappings":";;;;;;AAMA,MAAM,UAAU;AAAA,EACZ,EAAE,OAAO,WAAW,SAAS,OAAO,MAAA;AAAA,EACpC,EAAE,OAAO,WAAW,SAAS,OAAO,MAAA;AACxC;AAEA,MAAM,oBAAoB,CAAC;AAAA,EACvB;AACJ,MAEM;AACF,QAAM,CAAC,WAAW,YAAY,IAAI,aAAA;AAElC,QAAM,cAAc,CAAC,QAAmB;AACpC,iBAAa,GAAG;AAChB,oBAAA;AAAA,EACJ;AAEA,6BACK,YAAA,EAAW,MAAK,MACZ,UAAA,QAAQ,IAAI,CAAC,QACV;AAAA,IAAC;AAAA,IAAA;AAAA,MAEG,QAAQ,cAAc,IAAI;AAAA,MAC1B,SAAS,MAAM,YAAY,IAAI,KAAK;AAAA,MAEnC,UAAA,IAAI;AAAA,IAAA;AAAA,IAJA,IAAI;AAAA,EAAA,CAMhB,GACL;AAER;"}
+{"version":3,"file":"DirectionSwitcher.js","sources":["../../../../../lib/@ecme/components/template/ThemeConfigurator/DirectionSwitcher.tsx"],"sourcesContent":["import Button from '@/components/ui/Button'\nimport InputGroup from '@/components/ui/InputGroup'\nimport useDirection from '@/utils/hooks/useDirection'\nimport { THEME_ENUM } from '@/constants/theme.constant'\nimport type { Direction } from '@/@types/theme'\n\nconst dirList = [\n    { value: THEME_ENUM.DIR_LTR, label: 'LTR' },\n    { value: THEME_ENUM.DIR_RTL, label: 'RTL' },\n]\n\nconst DirectionSwitcher = ({\n    callBackClose,\n}: {\n    callBackClose?: () => void\n}) => {\n    const [direction, setDirection] = useDirection()\n\n    const onDirChange = (val: Direction) => {\n        setDirection(val)\n        callBackClose?.()\n    }\n\n    return (\n        <InputGroup size=\"sm\">\n            {dirList.map((dir) => (\n                <Button\n                    key={dir.value}\n                    active={direction === dir.value}\n                    onClick={() => onDirChange(dir.value)}\n                >\n                    {dir.label}\n                </Button>\n            ))}\n        </InputGroup>\n    )\n}\n\nexport default DirectionSwitcher\n"],"names":[],"mappings":";;;;;;AAMA,MAAM,UAAU;AAAA,EACZ,EAAE,OAAO,WAAW,SAAS,OAAO,MAAA;AAAA,EACpC,EAAE,OAAO,WAAW,SAAS,OAAO,MAAA;AACxC;AAEA,MAAM,oBAAoB,CAAC;AAAA,EACvB;AACJ,MAEM;AACF,QAAM,CAAC,WAAW,YAAY,IAAI,aAAA;AAElC,QAAM,cAAc,CAAC,QAAmB;AACpC,iBAAa,GAAG;AAChB,oBAAA;AAAA,EACJ;AAEA,6BACK,YAAA,EAAW,MAAK,MACZ,UAAA,QAAQ,IAAI,CAAC,QACV;AAAA,IAAC;AAAA,IAAA;AAAA,MAEG,QAAQ,cAAc,IAAI;AAAA,MAC1B,SAAS,MAAM,YAAY,IAAI,KAAK;AAAA,MAEnC,UAAA,IAAI;AAAA,IAAA;AAAA,IAJA,IAAI;AAAA,EAAA,CAMhB,GACL;AAER;"}

package/dist/@ecme/components/template/ThemeConfigurator/LayoutSwitcher.js.map

@@ -1 +1 @@
-{"version":3,"file":"LayoutSwitcher.js","sources":["../../../../../lib/@ecme/components/template/ThemeConfigurator/LayoutSwitcher.tsx"],"sourcesContent":["import classNames from 'classnames'\r\nimport Segment from '@/components/ui/Segment'\r\nimport { useThemeStore } from '@/store/themeStore'\r\nimport {\r\n    LAYOUT_COLLAPSIBLE_SIDE,\r\n    LAYOUT_STACKED_SIDE,\r\n    LAYOUT_TOP_BAR_CLASSIC,\r\n    LAYOUT_FRAMELESS_SIDE,\r\n    LAYOUT_CONTENT_OVERLAY,\r\n    LAYOUT_BLANK,\r\n} from '@/constants/theme.constant'\r\nimport CollapsibleSideSvg from '@/assets/svg/CollapsibleSideSvg'\r\nimport StackedSideSvg from '@/assets/svg/StackedSideSvg'\r\nimport TopBarClassicSvg from '@/assets/svg/TopBarClassicSvg'\r\nimport FrameLessSideSvg from '@/assets/svg/FrameLessSideSvg'\r\nimport ContentOverlaySvg from '@/assets/svg/ContentOverlaySvg'\r\nimport BlankSvg from '@/assets/svg/BlankSvg'\r\nimport type { LayoutType } from '@/@types/theme'\r\nimport { useTranslation } from 'react-i18next'\r\nimport { useMemo } from 'react'\r\n\r\nconst LayoutSwitcher = () => {\r\n    const themeLayout = useThemeStore((state) => state.layout)\r\n    const setLayout = useThemeStore((state) => state.setLayout)\r\n\r\n    const { t } = useTranslation()\r\n\r\n    const layouts = useMemo(\r\n        () => [\r\n            {\r\n                value: LAYOUT_COLLAPSIBLE_SIDE,\r\n                label: t('base.layout.themeConfig.options.layoutCollapsible'),\r\n                src: '/img/thumbs/layouts/classic.jpg',\r\n                srcDark: '/img/thumbs/layouts/classic-dark.jpg',\r\n                svg: <CollapsibleSideSvg height={'100%'} width={'100%'} />,\r\n            },\r\n            {\r\n                value: LAYOUT_STACKED_SIDE,\r\n                label: t('base.layout.themeConfig.options.layoutStacked'),\r\n                src: '/img/thumbs/layouts/modern.jpg',\r\n                srcDark: '/img/thumbs/layouts/modern-dark.jpg',\r\n                svg: <StackedSideSvg height={'100%'} width={'100%'} />,\r\n            },\r\n            {\r\n                value: LAYOUT_TOP_BAR_CLASSIC,\r\n                label: t('base.layout.themeConfig.options.layoutTopbar'),\r\n                src: '/img/thumbs/layouts/stackedSide.jpg',\r\n                srcDark: '/img/thumbs/layouts/stackedSide-dark.jpg',\r\n                svg: <TopBarClassicSvg height={'100%'} width={'100%'} />,\r\n            },\r\n            {\r\n                value: LAYOUT_FRAMELESS_SIDE,\r\n                label: t('base.layout.themeConfig.options.layoutFrameless'),\r\n                src: '/img/thumbs/layouts/simple.jpg',\r\n                srcDark: '/img/thumbs/layouts/simple-dark.jpg',\r\n                svg: <FrameLessSideSvg height={'100%'} width={'100%'} />,\r\n            },\r\n            // {\r\n            //     value: LAYOUT_CONTENT_OVERLAY,\r\n            //     label: t('base.layout.themeConfig.options.layoutOverlay'),\r\n            //     src: '/img/thumbs/layouts/decked.jpg',\r\n            //     srcDark: '/img/thumbs/layouts/decked-dark.jpg',\r\n            //     svg: <ContentOverlaySvg height={'100%'} width={'100%'} />,\r\n            // },\r\n            // {\r\n            //     value: LAYOUT_BLANK,\r\n            //     label: t('base.layout.themeConfig.options.layoutBlank'),\r\n            //     src: '/img/thumbs/layouts/blank.jpg',\r\n            //     srcDark: '/img/thumbs/layouts/blank-dark.jpg',\r\n            //     svg: <BlankSvg height={'100%'} width={'100%'} />,\r\n            // },\r\n        ],\r\n        [t],\r\n    )\r\n\r\n    return (\r\n        <div>\r\n            <Segment\r\n                className=\"w-full bg-transparent p-0 dark:bg-transparent\"\r\n                value={[]}\r\n                onChange={(val) => setLayout(val as LayoutType)}\r\n            >\r\n                <div className=\"grid w-full grid-cols-3 gap-4\">\r\n                    {layouts.map((layout) => (\r\n                        <Segment.Item key={layout.value} value={layout.value}>\r\n                            {({ onSegmentItemClick }) => {\r\n                                const active = themeLayout.type === layout.value\r\n                                return (\r\n                                    <div className=\"text-center\">\r\n                                        <button\r\n                                            className={classNames(\r\n                                                'border-2 rounded-xl overflow-hidden',\r\n                                                active\r\n                                                    ? 'border-primary dark:border-primary'\r\n                                                    : 'border-gray-200 dark:border-gray-700',\r\n                                            )}\r\n                                            onClick={onSegmentItemClick}\r\n                                        >\r\n                                            {layout.svg}\r\n                                        </button>\r\n                                        <div className=\"mt-2 font-semibold\">\r\n                                            {layout.label}\r\n                                        </div>\r\n                                    </div>\r\n                                )\r\n                            }}\r\n                        </Segment.Item>\r\n                    ))}\r\n                </div>\r\n            </Segment>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default LayoutSwitcher\r\n"],"names":[],"mappings":";;;;;;;;;;;AAqBA,MAAM,iBAAiB,MAAM;AACzB,QAAM,cAAc,cAAc,CAAC,UAAU,MAAM,MAAM;AACzD,QAAM,YAAY,cAAc,CAAC,UAAU,MAAM,SAAS;AAE1D,QAAM,EAAE,EAAA,IAAM,eAAA;AAEd,QAAM,UAAU;AAAA,IACZ,MAAM;AAAA,MACF;AAAA,QACI,OAAO;AAAA,QACP,OAAO,EAAE,mDAAmD;AAAA,QAC5D,KAAK;AAAA,QACL,SAAS;AAAA,QACT,KAAK,oBAAC,oBAAA,EAAmB,QAAQ,QAAQ,OAAO,OAAA,CAAQ;AAAA,MAAA;AAAA,MAE5D;AAAA,QACI,OAAO;AAAA,QACP,OAAO,EAAE,+CAA+C;AAAA,QACxD,KAAK;AAAA,QACL,SAAS;AAAA,QACT,KAAK,oBAAC,gBAAA,EAAe,QAAQ,QAAQ,OAAO,OAAA,CAAQ;AAAA,MAAA;AAAA,MAExD;AAAA,QACI,OAAO;AAAA,QACP,OAAO,EAAE,8CAA8C;AAAA,QACvD,KAAK;AAAA,QACL,SAAS;AAAA,QACT,KAAK,oBAAC,kBAAA,EAAiB,QAAQ,QAAQ,OAAO,OAAA,CAAQ;AAAA,MAAA;AAAA,MAE1D;AAAA,QACI,OAAO;AAAA,QACP,OAAO,EAAE,iDAAiD;AAAA,QAC1D,KAAK;AAAA,QACL,SAAS;AAAA,QACT,KAAK,oBAAC,kBAAA,EAAiB,QAAQ,QAAQ,OAAO,OAAA,CAAQ;AAAA,MAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAC1D;AAAA,IAgBJ,CAAC,CAAC;AAAA,EAAA;AAGN,6BACK,OAAA,EACG,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,OAAO,CAAA;AAAA,MACP,UAAU,CAAC,QAAQ,UAAU,GAAiB;AAAA,MAE9C,8BAAC,OAAA,EAAI,WAAU,iCACV,UAAA,QAAQ,IAAI,CAAC,WACV,oBAAC,QAAQ,MAAR,EAAgC,OAAO,OAAO,OAC1C,UAAA,CAAC,EAAE,yBAAyB;AACzB,cAAM,SAAS,YAAY,SAAS,OAAO;AAC3C,eACI,qBAAC,OAAA,EAAI,WAAU,eACX,UAAA;AAAA,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,WAAW;AAAA,gBACP;AAAA,gBACA,SACM,uCACA;AAAA,cAAA;AAAA,cAEV,SAAS;AAAA,cAER,UAAA,OAAO;AAAA,YAAA;AAAA,UAAA;AAAA,UAEZ,oBAAC,OAAA,EAAI,WAAU,sBACV,iBAAO,MAAA,CACZ;AAAA,QAAA,GACJ;AAAA,MAER,KArBe,OAAO,KAsB1B,CACH,EAAA,CACL;AAAA,IAAA;AAAA,EAAA,GAER;AAER;"}
+{"version":3,"file":"LayoutSwitcher.js","sources":["../../../../../lib/@ecme/components/template/ThemeConfigurator/LayoutSwitcher.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport Segment from '@/components/ui/Segment'\nimport { useThemeStore } from '@/store/themeStore'\nimport {\n    LAYOUT_COLLAPSIBLE_SIDE,\n    LAYOUT_STACKED_SIDE,\n    LAYOUT_TOP_BAR_CLASSIC,\n    LAYOUT_FRAMELESS_SIDE,\n    LAYOUT_CONTENT_OVERLAY,\n    LAYOUT_BLANK,\n} from '@/constants/theme.constant'\nimport CollapsibleSideSvg from '@/assets/svg/CollapsibleSideSvg'\nimport StackedSideSvg from '@/assets/svg/StackedSideSvg'\nimport TopBarClassicSvg from '@/assets/svg/TopBarClassicSvg'\nimport FrameLessSideSvg from '@/assets/svg/FrameLessSideSvg'\nimport ContentOverlaySvg from '@/assets/svg/ContentOverlaySvg'\nimport BlankSvg from '@/assets/svg/BlankSvg'\nimport type { LayoutType } from '@/@types/theme'\nimport { useTranslation } from 'react-i18next'\nimport { useMemo } from 'react'\n\nconst LayoutSwitcher = () => {\n    const themeLayout = useThemeStore((state) => state.layout)\n    const setLayout = useThemeStore((state) => state.setLayout)\n\n    const { t } = useTranslation()\n\n    const layouts = useMemo(\n        () => [\n            {\n                value: LAYOUT_COLLAPSIBLE_SIDE,\n                label: t('base.layout.themeConfig.options.layoutCollapsible'),\n                src: '/img/thumbs/layouts/classic.jpg',\n                srcDark: '/img/thumbs/layouts/classic-dark.jpg',\n                svg: <CollapsibleSideSvg height={'100%'} width={'100%'} />,\n            },\n            {\n                value: LAYOUT_STACKED_SIDE,\n                label: t('base.layout.themeConfig.options.layoutStacked'),\n                src: '/img/thumbs/layouts/modern.jpg',\n                srcDark: '/img/thumbs/layouts/modern-dark.jpg',\n                svg: <StackedSideSvg height={'100%'} width={'100%'} />,\n            },\n            {\n                value: LAYOUT_TOP_BAR_CLASSIC,\n                label: t('base.layout.themeConfig.options.layoutTopbar'),\n                src: '/img/thumbs/layouts/stackedSide.jpg',\n                srcDark: '/img/thumbs/layouts/stackedSide-dark.jpg',\n                svg: <TopBarClassicSvg height={'100%'} width={'100%'} />,\n            },\n            {\n                value: LAYOUT_FRAMELESS_SIDE,\n                label: t('base.layout.themeConfig.options.layoutFrameless'),\n                src: '/img/thumbs/layouts/simple.jpg',\n                srcDark: '/img/thumbs/layouts/simple-dark.jpg',\n                svg: <FrameLessSideSvg height={'100%'} width={'100%'} />,\n            },\n            // {\n            //     value: LAYOUT_CONTENT_OVERLAY,\n            //     label: t('base.layout.themeConfig.options.layoutOverlay'),\n            //     src: '/img/thumbs/layouts/decked.jpg',\n            //     srcDark: '/img/thumbs/layouts/decked-dark.jpg',\n            //     svg: <ContentOverlaySvg height={'100%'} width={'100%'} />,\n            // },\n            // {\n            //     value: LAYOUT_BLANK,\n            //     label: t('base.layout.themeConfig.options.layoutBlank'),\n            //     src: '/img/thumbs/layouts/blank.jpg',\n            //     srcDark: '/img/thumbs/layouts/blank-dark.jpg',\n            //     svg: <BlankSvg height={'100%'} width={'100%'} />,\n            // },\n        ],\n        [t],\n    )\n\n    return (\n        <div>\n            <Segment\n                className=\"w-full bg-transparent p-0 dark:bg-transparent\"\n                value={[]}\n                onChange={(val) => setLayout(val as LayoutType)}\n            >\n                <div className=\"grid w-full grid-cols-3 gap-4\">\n                    {layouts.map((layout) => (\n                        <Segment.Item key={layout.value} value={layout.value}>\n                            {({ onSegmentItemClick }) => {\n                                const active = themeLayout.type === layout.value\n                                return (\n                                    <div className=\"text-center\">\n                                        <button\n                                            className={classNames(\n                                                'border-2 rounded-xl overflow-hidden',\n                                                active\n                                                    ? 'border-primary dark:border-primary'\n                                                    : 'border-gray-200 dark:border-gray-700',\n                                            )}\n                                            onClick={onSegmentItemClick}\n                                        >\n                                            {layout.svg}\n                                        </button>\n                                        <div className=\"mt-2 font-semibold\">\n                                            {layout.label}\n                                        </div>\n                                    </div>\n                                )\n                            }}\n                        </Segment.Item>\n                    ))}\n                </div>\n            </Segment>\n        </div>\n    )\n}\n\nexport default LayoutSwitcher\n"],"names":[],"mappings":";;;;;;;;;;;AAqBA,MAAM,iBAAiB,MAAM;AACzB,QAAM,cAAc,cAAc,CAAC,UAAU,MAAM,MAAM;AACzD,QAAM,YAAY,cAAc,CAAC,UAAU,MAAM,SAAS;AAE1D,QAAM,EAAE,EAAA,IAAM,eAAA;AAEd,QAAM,UAAU;AAAA,IACZ,MAAM;AAAA,MACF;AAAA,QACI,OAAO;AAAA,QACP,OAAO,EAAE,mDAAmD;AAAA,QAC5D,KAAK;AAAA,QACL,SAAS;AAAA,QACT,KAAK,oBAAC,oBAAA,EAAmB,QAAQ,QAAQ,OAAO,OAAA,CAAQ;AAAA,MAAA;AAAA,MAE5D;AAAA,QACI,OAAO;AAAA,QACP,OAAO,EAAE,+CAA+C;AAAA,QACxD,KAAK;AAAA,QACL,SAAS;AAAA,QACT,KAAK,oBAAC,gBAAA,EAAe,QAAQ,QAAQ,OAAO,OAAA,CAAQ;AAAA,MAAA;AAAA,MAExD;AAAA,QACI,OAAO;AAAA,QACP,OAAO,EAAE,8CAA8C;AAAA,QACvD,KAAK;AAAA,QACL,SAAS;AAAA,QACT,KAAK,oBAAC,kBAAA,EAAiB,QAAQ,QAAQ,OAAO,OAAA,CAAQ;AAAA,MAAA;AAAA,MAE1D;AAAA,QACI,OAAO;AAAA,QACP,OAAO,EAAE,iDAAiD;AAAA,QAC1D,KAAK;AAAA,QACL,SAAS;AAAA,QACT,KAAK,oBAAC,kBAAA,EAAiB,QAAQ,QAAQ,OAAO,OAAA,CAAQ;AAAA,MAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAC1D;AAAA,IAgBJ,CAAC,CAAC;AAAA,EAAA;AAGN,6BACK,OAAA,EACG,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,OAAO,CAAA;AAAA,MACP,UAAU,CAAC,QAAQ,UAAU,GAAiB;AAAA,MAE9C,8BAAC,OAAA,EAAI,WAAU,iCACV,UAAA,QAAQ,IAAI,CAAC,WACV,oBAAC,QAAQ,MAAR,EAAgC,OAAO,OAAO,OAC1C,UAAA,CAAC,EAAE,yBAAyB;AACzB,cAAM,SAAS,YAAY,SAAS,OAAO;AAC3C,eACI,qBAAC,OAAA,EAAI,WAAU,eACX,UAAA;AAAA,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,WAAW;AAAA,gBACP;AAAA,gBACA,SACM,uCACA;AAAA,cAAA;AAAA,cAEV,SAAS;AAAA,cAER,UAAA,OAAO;AAAA,YAAA;AAAA,UAAA;AAAA,UAEZ,oBAAC,OAAA,EAAI,WAAU,sBACV,iBAAO,MAAA,CACZ;AAAA,QAAA,GACJ;AAAA,MAER,KArBe,OAAO,KAsB1B,CACH,EAAA,CACL;AAAA,IAAA;AAAA,EAAA,GAER;AAER;"}

package/dist/@ecme/components/template/ThemeConfigurator/ModeSwitcher.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModeSwitcher.js","sources":["../../../../../lib/@ecme/components/template/ThemeConfigurator/ModeSwitcher.tsx"],"sourcesContent":["import { useCallback } from 'react'\r\nimport useDarkMode from '@/utils/hooks/useDarkMode'\r\nimport Switcher from '@/components/ui/Switcher'\r\n\r\nconst ModeSwitcher = () => {\r\n    const [isDark, setIsDark] = useDarkMode()\r\n\r\n    const onSwitchChange = useCallback(\r\n        (checked: boolean) => {\r\n            setIsDark(checked ? 'dark' : 'light')\r\n        },\r\n        [setIsDark],\r\n    )\r\n\r\n    return (\r\n        <div>\r\n            <Switcher\r\n                defaultChecked={isDark}\r\n                onChange={(checked) => onSwitchChange(checked)}\r\n            />\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default ModeSwitcher\r\n"],"names":[],"mappings":";;;;;AAIA,MAAM,eAAe,MAAM;AACvB,QAAM,CAAC,QAAQ,SAAS,IAAI,YAAA;AAE5B,QAAM,iBAAiB;AAAA,IACnB,CAAC,YAAqB;AAClB,gBAAU,UAAU,SAAS,OAAO;AAAA,IACxC;AAAA,IACA,CAAC,SAAS;AAAA,EAAA;AAGd,6BACK,OAAA,EACG,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,gBAAgB;AAAA,MAChB,UAAU,CAAC,YAAY,eAAe,OAAO;AAAA,IAAA;AAAA,EAAA,GAErD;AAER;"}
+{"version":3,"file":"ModeSwitcher.js","sources":["../../../../../lib/@ecme/components/template/ThemeConfigurator/ModeSwitcher.tsx"],"sourcesContent":["import { useCallback } from 'react'\nimport useDarkMode from '@/utils/hooks/useDarkMode'\nimport Switcher from '@/components/ui/Switcher'\n\nconst ModeSwitcher = () => {\n    const [isDark, setIsDark] = useDarkMode()\n\n    const onSwitchChange = useCallback(\n        (checked: boolean) => {\n            setIsDark(checked ? 'dark' : 'light')\n        },\n        [setIsDark],\n    )\n\n    return (\n        <div>\n            <Switcher\n                defaultChecked={isDark}\n                onChange={(checked) => onSwitchChange(checked)}\n            />\n        </div>\n    )\n}\n\nexport default ModeSwitcher\n"],"names":[],"mappings":";;;;;AAIA,MAAM,eAAe,MAAM;AACvB,QAAM,CAAC,QAAQ,SAAS,IAAI,YAAA;AAE5B,QAAM,iBAAiB;AAAA,IACnB,CAAC,YAAqB;AAClB,gBAAU,UAAU,SAAS,OAAO;AAAA,IACxC;AAAA,IACA,CAAC,SAAS;AAAA,EAAA;AAGd,6BACK,OAAA,EACG,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,gBAAgB;AAAA,MAChB,UAAU,CAAC,YAAY,eAAe,OAAO;AAAA,IAAA;AAAA,EAAA,GAErD;AAER;"}

package/dist/@ecme/components/template/ThemeConfigurator/ThemeConfigurator.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeConfigurator.js","sources":["../../../../../lib/@ecme/components/template/ThemeConfigurator/ThemeConfigurator.tsx"],"sourcesContent":["import ModeSwitcher from './ModeSwitcher'\r\nimport LayoutSwitcher from './LayoutSwitcher'\r\nimport ThemeSwitcher from './ThemeSwitcher'\r\nimport DirectionSwitcher from './DirectionSwitcher'\r\nimport CopyButton from './CopyButton'\r\nimport { useTranslation } from 'react-i18next'\r\n\r\nexport type ThemeConfiguratorProps = {\r\n    callBackClose?: () => void\r\n}\r\n\r\nconst ThemeConfigurator = ({ callBackClose }: ThemeConfiguratorProps) => {\r\n    const { t } = useTranslation()\r\n    \r\n    return (\r\n        <div className=\"flex h-full flex-col justify-between\">\r\n            <div className=\"mb-6 flex flex-col gap-y-10\">\r\n                <div className=\"flex items-center justify-between\">\r\n                    <div>\r\n                        <h6>{t('base.layout.themeConfig.options.darkMode')}</h6>\r\n                        <span>\r\n                            {t('base.layout.themeConfig.options.darkModeDesc')}\r\n                        </span>\r\n                    </div>\r\n                    <ModeSwitcher />\r\n                </div>\r\n                <div className=\"flex items-center justify-between\">\r\n                    <div>\r\n                        <h6>\r\n                            {t('base.layout.themeConfig.options.direction')}\r\n                        </h6>\r\n                        <span>\r\n                            {t('base.layout.themeConfig.options.directionDesc')}\r\n                        </span>\r\n                    </div>\r\n                    <DirectionSwitcher callBackClose={callBackClose} />\r\n                </div>\r\n                <div>\r\n                    <h6 className=\"mb-3\">\r\n                        {t('base.layout.themeConfig.options.theme')}\r\n                    </h6>\r\n                    <ThemeSwitcher />\r\n                </div>\r\n                <div>\r\n                    <h6 className=\"mb-3\">\r\n                        {t('base.layout.themeConfig.options.layout')}\r\n                    </h6>\r\n                    <LayoutSwitcher />\r\n                </div>\r\n            </div>\r\n            {/* <CopyButton /> */}\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default ThemeConfigurator\r\n"],"names":[],"mappings":";;;;;;AAWA,MAAM,oBAAoB,CAAC,EAAE,oBAA4C;AACrE,QAAM,EAAE,EAAA,IAAM,eAAA;AAEd,6BACK,OAAA,EAAI,WAAU,wCACX,UAAA,qBAAC,OAAA,EAAI,WAAU,+BACX,UAAA;AAAA,IAAA,qBAAC,OAAA,EAAI,WAAU,qCACX,UAAA;AAAA,MAAA,qBAAC,OAAA,EACG,UAAA;AAAA,QAAA,oBAAC,MAAA,EAAI,UAAA,EAAE,0CAA0C,EAAA,CAAE;AAAA,QACnD,oBAAC,QAAA,EACI,UAAA,EAAE,8CAA8C,EAAA,CACrD;AAAA,MAAA,GACJ;AAAA,0BACC,cAAA,CAAA,CAAa;AAAA,IAAA,GAClB;AAAA,IACA,qBAAC,OAAA,EAAI,WAAU,qCACX,UAAA;AAAA,MAAA,qBAAC,OAAA,EACG,UAAA;AAAA,QAAA,oBAAC,MAAA,EACI,UAAA,EAAE,2CAA2C,EAAA,CAClD;AAAA,QACA,oBAAC,QAAA,EACI,UAAA,EAAE,+CAA+C,EAAA,CACtD;AAAA,MAAA,GACJ;AAAA,MACA,oBAAC,qBAAkB,cAAA,CAA8B;AAAA,IAAA,GACrD;AAAA,yBACC,OAAA,EACG,UAAA;AAAA,MAAA,oBAAC,MAAA,EAAG,WAAU,QACT,UAAA,EAAE,uCAAuC,GAC9C;AAAA,0BACC,eAAA,CAAA,CAAc;AAAA,IAAA,GACnB;AAAA,yBACC,OAAA,EACG,UAAA;AAAA,MAAA,oBAAC,MAAA,EAAG,WAAU,QACT,UAAA,EAAE,wCAAwC,GAC/C;AAAA,0BACC,gBAAA,CAAA,CAAe;AAAA,IAAA,EAAA,CACpB;AAAA,EAAA,EAAA,CACJ,EAAA,CAEJ;AAER;"}
+{"version":3,"file":"ThemeConfigurator.js","sources":["../../../../../lib/@ecme/components/template/ThemeConfigurator/ThemeConfigurator.tsx"],"sourcesContent":["import ModeSwitcher from './ModeSwitcher'\nimport LayoutSwitcher from './LayoutSwitcher'\nimport ThemeSwitcher from './ThemeSwitcher'\nimport DirectionSwitcher from './DirectionSwitcher'\nimport CopyButton from './CopyButton'\nimport { useTranslation } from 'react-i18next'\n\nexport type ThemeConfiguratorProps = {\n    callBackClose?: () => void\n}\n\nconst ThemeConfigurator = ({ callBackClose }: ThemeConfiguratorProps) => {\n    const { t } = useTranslation()\n    \n    return (\n        <div className=\"flex h-full flex-col justify-between\">\n            <div className=\"mb-6 flex flex-col gap-y-10\">\n                <div className=\"flex items-center justify-between\">\n                    <div>\n                        <h6>{t('base.layout.themeConfig.options.darkMode')}</h6>\n                        <span>\n                            {t('base.layout.themeConfig.options.darkModeDesc')}\n                        </span>\n                    </div>\n                    <ModeSwitcher />\n                </div>\n                <div className=\"flex items-center justify-between\">\n                    <div>\n                        <h6>\n                            {t('base.layout.themeConfig.options.direction')}\n                        </h6>\n                        <span>\n                            {t('base.layout.themeConfig.options.directionDesc')}\n                        </span>\n                    </div>\n                    <DirectionSwitcher callBackClose={callBackClose} />\n                </div>\n                <div>\n                    <h6 className=\"mb-3\">\n                        {t('base.layout.themeConfig.options.theme')}\n                    </h6>\n                    <ThemeSwitcher />\n                </div>\n                <div>\n                    <h6 className=\"mb-3\">\n                        {t('base.layout.themeConfig.options.layout')}\n                    </h6>\n                    <LayoutSwitcher />\n                </div>\n            </div>\n            {/* <CopyButton /> */}\n        </div>\n    )\n}\n\nexport default ThemeConfigurator\n"],"names":[],"mappings":";;;;;;AAWA,MAAM,oBAAoB,CAAC,EAAE,oBAA4C;AACrE,QAAM,EAAE,EAAA,IAAM,eAAA;AAEd,6BACK,OAAA,EAAI,WAAU,wCACX,UAAA,qBAAC,OAAA,EAAI,WAAU,+BACX,UAAA;AAAA,IAAA,qBAAC,OAAA,EAAI,WAAU,qCACX,UAAA;AAAA,MAAA,qBAAC,OAAA,EACG,UAAA;AAAA,QAAA,oBAAC,MAAA,EAAI,UAAA,EAAE,0CAA0C,EAAA,CAAE;AAAA,QACnD,oBAAC,QAAA,EACI,UAAA,EAAE,8CAA8C,EAAA,CACrD;AAAA,MAAA,GACJ;AAAA,0BACC,cAAA,CAAA,CAAa;AAAA,IAAA,GAClB;AAAA,IACA,qBAAC,OAAA,EAAI,WAAU,qCACX,UAAA;AAAA,MAAA,qBAAC,OAAA,EACG,UAAA;AAAA,QAAA,oBAAC,MAAA,EACI,UAAA,EAAE,2CAA2C,EAAA,CAClD;AAAA,QACA,oBAAC,QAAA,EACI,UAAA,EAAE,+CAA+C,EAAA,CACtD;AAAA,MAAA,GACJ;AAAA,MACA,oBAAC,qBAAkB,cAAA,CAA8B;AAAA,IAAA,GACrD;AAAA,yBACC,OAAA,EACG,UAAA;AAAA,MAAA,oBAAC,MAAA,EAAG,WAAU,QACT,UAAA,EAAE,uCAAuC,GAC9C;AAAA,0BACC,eAAA,CAAA,CAAc;AAAA,IAAA,GACnB;AAAA,yBACC,OAAA,EACG,UAAA;AAAA,MAAA,oBAAC,MAAA,EAAG,WAAU,QACT,UAAA,EAAE,wCAAwC,GAC/C;AAAA,0BACC,gBAAA,CAAA,CAAe;AAAA,IAAA,EAAA,CACpB;AAAA,EAAA,EAAA,CACJ,EAAA,CAEJ;AAER;"}

package/dist/@ecme/components/template/ThemeConfigurator/ThemeSwitcher.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeSwitcher.js","sources":["../../../../../lib/@ecme/components/template/ThemeConfigurator/ThemeSwitcher.tsx"],"sourcesContent":["import classNames from '@/utils/classNames'\r\nimport { TbCheck } from 'react-icons/tb'\r\nimport presetThemeSchemaConfig from '@/configs/preset-theme-schema.config'\r\nimport { useThemeStore } from '@/store/themeStore'\r\n\r\nconst ThemeSwitcher = () => {\r\n    const schema = useThemeStore((state) => state.themeSchema)\r\n    const setSchema = useThemeStore((state) => state.setSchema)\r\n    const mode = useThemeStore((state) => state.mode)\r\n\r\n    return (\r\n        <div className=\"inline-flex items-center gap-2\">\r\n            {Object.entries(presetThemeSchemaConfig).map(([key, value]) => (\r\n                <button\r\n                    key={key}\r\n                    className={classNames(\r\n                        'h-8 w-8 rounded-full flex items-center justify-center border-2 border-white',\r\n                        schema === key && 'ring-2 ring-primary',\r\n                    )}\r\n                    style={{ backgroundColor: value[mode].primary || '' }}\r\n                    onClick={() => setSchema(key)}\r\n                >\r\n                    {schema === key ? (\r\n                        <TbCheck className=\"text-neutral text-lg\" />\r\n                    ) : (\r\n                        <></>\r\n                    )}\r\n                </button>\r\n            ))}\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default ThemeSwitcher\r\n"],"names":[],"mappings":";;;;;AAKA,MAAM,gBAAgB,MAAM;AACxB,QAAM,SAAS,cAAc,CAAC,UAAU,MAAM,WAAW;AACzD,QAAM,YAAY,cAAc,CAAC,UAAU,MAAM,SAAS;AAC1D,QAAM,OAAO,cAAc,CAAC,UAAU,MAAM,IAAI;AAEhD,SACI,oBAAC,OAAA,EAAI,WAAU,kCACV,UAAA,OAAO,QAAQ,uBAAuB,EAAE,IAAI,CAAC,CAAC,KAAK,KAAK,MACrD;AAAA,IAAC;AAAA,IAAA;AAAA,MAEG,WAAW;AAAA,QACP;AAAA,QACA,WAAW,OAAO;AAAA,MAAA;AAAA,MAEtB,OAAO,EAAE,iBAAiB,MAAM,IAAI,EAAE,WAAW,GAAA;AAAA,MACjD,SAAS,MAAM,UAAU,GAAG;AAAA,MAE3B,qBAAW,MACR,oBAAC,WAAQ,WAAU,uBAAA,CAAuB,IAE1C,oBAAA,UAAA,CAAA,CAAE;AAAA,IAAA;AAAA,IAXD;AAAA,EAAA,CAcZ,GACL;AAER;"}
+{"version":3,"file":"ThemeSwitcher.js","sources":["../../../../../lib/@ecme/components/template/ThemeConfigurator/ThemeSwitcher.tsx"],"sourcesContent":["import classNames from '@/utils/classNames'\nimport { TbCheck } from 'react-icons/tb'\nimport presetThemeSchemaConfig from '@/configs/preset-theme-schema.config'\nimport { useThemeStore } from '@/store/themeStore'\n\nconst ThemeSwitcher = () => {\n    const schema = useThemeStore((state) => state.themeSchema)\n    const setSchema = useThemeStore((state) => state.setSchema)\n    const mode = useThemeStore((state) => state.mode)\n\n    return (\n        <div className=\"inline-flex items-center gap-2\">\n            {Object.entries(presetThemeSchemaConfig).map(([key, value]) => (\n                <button\n                    key={key}\n                    className={classNames(\n                        'h-8 w-8 rounded-full flex items-center justify-center border-2 border-white',\n                        schema === key && 'ring-2 ring-primary',\n                    )}\n                    style={{ backgroundColor: value[mode].primary || '' }}\n                    onClick={() => setSchema(key)}\n                >\n                    {schema === key ? (\n                        <TbCheck className=\"text-neutral text-lg\" />\n                    ) : (\n                        <></>\n                    )}\n                </button>\n            ))}\n        </div>\n    )\n}\n\nexport default ThemeSwitcher\n"],"names":[],"mappings":";;;;;AAKA,MAAM,gBAAgB,MAAM;AACxB,QAAM,SAAS,cAAc,CAAC,UAAU,MAAM,WAAW;AACzD,QAAM,YAAY,cAAc,CAAC,UAAU,MAAM,SAAS;AAC1D,QAAM,OAAO,cAAc,CAAC,UAAU,MAAM,IAAI;AAEhD,SACI,oBAAC,OAAA,EAAI,WAAU,kCACV,UAAA,OAAO,QAAQ,uBAAuB,EAAE,IAAI,CAAC,CAAC,KAAK,KAAK,MACrD;AAAA,IAAC;AAAA,IAAA;AAAA,MAEG,WAAW;AAAA,QACP;AAAA,QACA,WAAW,OAAO;AAAA,MAAA;AAAA,MAEtB,OAAO,EAAE,iBAAiB,MAAM,IAAI,EAAE,WAAW,GAAA;AAAA,MACjD,SAAS,MAAM,UAAU,GAAG;AAAA,MAE3B,qBAAW,MACR,oBAAC,WAAQ,WAAU,uBAAA,CAAuB,IAE1C,oBAAA,UAAA,CAAA,CAAE;AAAA,IAAA;AAAA,IAXD;AAAA,EAAA,CAcZ,GACL;AAER;"}

package/dist/@ecme/components/template/UserProfileDropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"UserProfileDropdown.js","sources":["../../../../lib/@ecme/components/template/UserProfileDropdown.tsx"],"sourcesContent":["import Avatar from '@/components/ui/Avatar'\r\nimport Dropdown from '@/components/ui/Dropdown'\r\nimport withHeaderItem from '@/utils/hoc/withHeaderItem'\r\nimport { useSessionUser } from '@/store/authStore'\r\nimport { Link } from 'react-router-dom'\r\nimport {\r\n    PiUserDuotone,\r\n    PiGearDuotone,\r\n    PiPulseDuotone,\r\n    PiSignOutDuotone,\r\n} from 'react-icons/pi'\r\nimport { useAuth } from '@/auth'\r\nimport { useMemo, type JSX } from 'react'\r\nimport { useTranslation } from 'react-i18next'\r\n\r\ntype DropdownList = {\r\n    label: string\r\n    path: string\r\n    icon: JSX.Element\r\n}\r\n\r\nconst _UserDropdown = () => {\r\n    const { avatar, userName, email } = useSessionUser((state) => state.user)\r\n\r\n    const { signOut } = useAuth()\r\n\r\n    const handleSignOut = () => {\r\n        signOut()\r\n    }\r\n\r\n    const userNameFirstLetter = userName?.charAt(0).toUpperCase() || ''\r\n\r\n    const avatarProps = {\r\n        ...(avatar ? { src: avatar } : {}),\r\n    }\r\n\r\n    const { t } = useTranslation()\r\n\r\n    const dropdownItemList: DropdownList[] = useMemo(\r\n        () => [\r\n            {\r\n                label: t('base.layout.profile.dropdown.options.profile'),\r\n                path: '/concepts/account/settings',\r\n                icon: <PiUserDuotone />,\r\n            },\r\n            // {\r\n            //     label: t('base.layout.profile.dropdown.options.settings'),\r\n            //     path: '/concepts/account/settings',\r\n            //     icon: <PiGearDuotone />,\r\n            // },\r\n            // {\r\n            //     label: t('base.layout.profile.dropdown.options.activity'),\r\n            //     path: '/concepts/account/activity-log',\r\n            //     icon: <PiPulseDuotone />,\r\n            // },\r\n        ],\r\n        [t],\r\n    )\r\n    \r\n\r\n    return (\r\n        <Dropdown\r\n            className=\"flex\"\r\n            toggleClassName=\"flex items-center\"\r\n            renderTitle={\r\n                <div className=\"flex cursor-pointer items-center\">\r\n                    <Avatar \r\n                        size={32} \r\n                        shape=\"circle\"\r\n                        className=\"bg-primary-subtle text-primary\"\r\n                        {...avatarProps}\r\n                    >\r\n                        {!avatar && userNameFirstLetter}\r\n                    </Avatar>\r\n                </div>\r\n            }\r\n            placement=\"bottom-end\"\r\n        >\r\n            <Dropdown.Item variant=\"header\">\r\n                <div className=\"flex items-center gap-3 px-3 py-2\">\r\n                    <Avatar \r\n                        shape=\"circle\"\r\n                        className=\"bg-primary-subtle text-primary\"\r\n                        {...avatarProps}\r\n                    >\r\n                        {!avatar && userNameFirstLetter}\r\n                    </Avatar>\r\n                    <div>\r\n                        <div className=\"font-bold text-gray-900 dark:text-gray-100\">\r\n                            {userName || 'Anonymous'}\r\n                        </div>\r\n                        <div className=\"text-xs\">\r\n                            {email || 'No email available'}\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </Dropdown.Item>\r\n            <Dropdown.Item variant=\"divider\" />\r\n            {dropdownItemList.map((item) => (\r\n                <Dropdown.Item\r\n                    key={item.label}\r\n                    eventKey={item.label}\r\n                    className=\"px-0\"\r\n                >\r\n                    <Link className=\"flex h-full w-full px-2\" to={item.path}>\r\n                        <span className=\"flex w-full items-center gap-2\">\r\n                            <span className=\"text-xl\">{item.icon}</span>\r\n                            <span>{item.label}</span>\r\n                        </span>\r\n                    </Link>\r\n                </Dropdown.Item>\r\n            ))}\r\n            <Dropdown.Item variant=\"divider\" />\r\n            <Dropdown.Item\r\n                eventKey=\"Sign Out\"\r\n                className=\"gap-2\"\r\n                onClick={handleSignOut}\r\n            >\r\n                <span className=\"text-xl\">\r\n                    <PiSignOutDuotone />\r\n                </span>\r\n                <span>{t('base.layout.profile.dropdown.options.signOut')}</span>\r\n            </Dropdown.Item>\r\n        </Dropdown>\r\n    )\r\n}\r\n\r\nconst UserDropdown = withHeaderItem(_UserDropdown)\r\n\r\nexport default UserDropdown\r\n"],"names":[],"mappings":";;;;;;;;;;;AAqBA,MAAM,gBAAgB,MAAM;AACxB,QAAM,EAAE,QAAQ,UAAU,MAAA,IAAU,eAAe,CAAC,UAAU,MAAM,IAAI;AAExE,QAAM,EAAE,QAAA,IAAY,QAAA;AAEpB,QAAM,gBAAgB,MAAM;AACxB,YAAA;AAAA,EACJ;AAEA,QAAM,sBAAsB,UAAU,OAAO,CAAC,EAAE,iBAAiB;AAEjE,QAAM,cAAc;AAAA,IAChB,GAAI,SAAS,EAAE,KAAK,WAAW,CAAA;AAAA,EAAC;AAGpC,QAAM,EAAE,EAAA,IAAM,eAAA;AAEd,QAAM,mBAAmC;AAAA,IACrC,MAAM;AAAA,MACF;AAAA,QACI,OAAO,EAAE,8CAA8C;AAAA,QACvD,MAAM;AAAA,QACN,0BAAO,eAAA,CAAA,CAAc;AAAA,MAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IACzB;AAAA,IAYJ,CAAC,CAAC;AAAA,EAAA;AAIN,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,iBAAgB;AAAA,MAChB,aACI,oBAAC,OAAA,EAAI,WAAU,oCACX,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,MAAM;AAAA,UACN,OAAM;AAAA,UACN,WAAU;AAAA,UACT,GAAG;AAAA,UAEH,WAAC,UAAU;AAAA,QAAA;AAAA,MAAA,GAEpB;AAAA,MAEJ,WAAU;AAAA,MAEV,UAAA;AAAA,QAAA,oBAAC,SAAS,MAAT,EAAc,SAAQ,UACnB,UAAA,qBAAC,OAAA,EAAI,WAAU,qCACX,UAAA;AAAA,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,OAAM;AAAA,cACN,WAAU;AAAA,cACT,GAAG;AAAA,cAEH,WAAC,UAAU;AAAA,YAAA;AAAA,UAAA;AAAA,+BAEf,OAAA,EACG,UAAA;AAAA,YAAA,oBAAC,OAAA,EAAI,WAAU,8CACV,UAAA,YAAY,aACjB;AAAA,YACA,oBAAC,OAAA,EAAI,WAAU,WACV,mBAAS,qBAAA,CACd;AAAA,UAAA,EAAA,CACJ;AAAA,QAAA,EAAA,CACJ,EAAA,CACJ;AAAA,QACA,oBAAC,SAAS,MAAT,EAAc,SAAQ,UAAA,CAAU;AAAA,QAChC,iBAAiB,IAAI,CAAC,SACnB;AAAA,UAAC,SAAS;AAAA,UAAT;AAAA,YAEG,UAAU,KAAK;AAAA,YACf,WAAU;AAAA,YAEV,UAAA,oBAAC,MAAA,EAAK,WAAU,2BAA0B,IAAI,KAAK,MAC/C,UAAA,qBAAC,QAAA,EAAK,WAAU,kCACZ,UAAA;AAAA,cAAA,oBAAC,QAAA,EAAK,WAAU,WAAW,UAAA,KAAK,MAAK;AAAA,cACrC,oBAAC,QAAA,EAAM,UAAA,KAAK,MAAA,CAAM;AAAA,YAAA,EAAA,CACtB,EAAA,CACJ;AAAA,UAAA;AAAA,UATK,KAAK;AAAA,QAAA,CAWjB;AAAA,QACD,oBAAC,SAAS,MAAT,EAAc,SAAQ,UAAA,CAAU;AAAA,QACjC;AAAA,UAAC,SAAS;AAAA,UAAT;AAAA,YACG,UAAS;AAAA,YACT,WAAU;AAAA,YACV,SAAS;AAAA,YAET,UAAA;AAAA,cAAA,oBAAC,QAAA,EAAK,WAAU,WACZ,UAAA,oBAAC,oBAAiB,GACtB;AAAA,cACA,oBAAC,QAAA,EAAM,UAAA,EAAE,8CAA8C,EAAA,CAAE;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAC7D;AAAA,IAAA;AAAA,EAAA;AAGZ;AAEA,MAAM,eAAe,eAAe,aAAa;"}
+{"version":3,"file":"UserProfileDropdown.js","sources":["../../../../lib/@ecme/components/template/UserProfileDropdown.tsx"],"sourcesContent":["import Avatar from '@/components/ui/Avatar'\nimport Dropdown from '@/components/ui/Dropdown'\nimport withHeaderItem from '@/utils/hoc/withHeaderItem'\nimport { useSessionUser } from '@/store/authStore'\nimport { Link } from 'react-router-dom'\nimport {\n    PiUserDuotone,\n    PiGearDuotone,\n    PiPulseDuotone,\n    PiSignOutDuotone,\n} from 'react-icons/pi'\nimport { useAuth } from '@/auth'\nimport { useMemo, type JSX } from 'react'\nimport { useTranslation } from 'react-i18next'\n\ntype DropdownList = {\n    label: string\n    path: string\n    icon: JSX.Element\n}\n\nconst _UserDropdown = () => {\n    const { avatar, userName, email } = useSessionUser((state) => state.user)\n\n    const { signOut } = useAuth()\n\n    const handleSignOut = () => {\n        signOut()\n    }\n\n    const userNameFirstLetter = userName?.charAt(0).toUpperCase() || ''\n\n    const avatarProps = {\n        ...(avatar ? { src: avatar } : {}),\n    }\n\n    const { t } = useTranslation()\n\n    const dropdownItemList: DropdownList[] = useMemo(\n        () => [\n            {\n                label: t('base.layout.profile.dropdown.options.profile'),\n                path: '/concepts/account/settings',\n                icon: <PiUserDuotone />,\n            },\n            // {\n            //     label: t('base.layout.profile.dropdown.options.settings'),\n            //     path: '/concepts/account/settings',\n            //     icon: <PiGearDuotone />,\n            // },\n            // {\n            //     label: t('base.layout.profile.dropdown.options.activity'),\n            //     path: '/concepts/account/activity-log',\n            //     icon: <PiPulseDuotone />,\n            // },\n        ],\n        [t],\n    )\n    \n\n    return (\n        <Dropdown\n            className=\"flex\"\n            toggleClassName=\"flex items-center\"\n            renderTitle={\n                <div className=\"flex cursor-pointer items-center\">\n                    <Avatar \n                        size={32} \n                        shape=\"circle\"\n                        className=\"bg-primary-subtle text-primary\"\n                        {...avatarProps}\n                    >\n                        {!avatar && userNameFirstLetter}\n                    </Avatar>\n                </div>\n            }\n            placement=\"bottom-end\"\n        >\n            <Dropdown.Item variant=\"header\">\n                <div className=\"flex items-center gap-3 px-3 py-2\">\n                    <Avatar \n                        shape=\"circle\"\n                        className=\"bg-primary-subtle text-primary\"\n                        {...avatarProps}\n                    >\n                        {!avatar && userNameFirstLetter}\n                    </Avatar>\n                    <div>\n                        <div className=\"font-bold text-gray-900 dark:text-gray-100\">\n                            {userName || 'Anonymous'}\n                        </div>\n                        <div className=\"text-xs\">\n                            {email || 'No email available'}\n                        </div>\n                    </div>\n                </div>\n            </Dropdown.Item>\n            <Dropdown.Item variant=\"divider\" />\n            {dropdownItemList.map((item) => (\n                <Dropdown.Item\n                    key={item.label}\n                    eventKey={item.label}\n                    className=\"px-0\"\n                >\n                    <Link className=\"flex h-full w-full px-2\" to={item.path}>\n                        <span className=\"flex w-full items-center gap-2\">\n                            <span className=\"text-xl\">{item.icon}</span>\n                            <span>{item.label}</span>\n                        </span>\n                    </Link>\n                </Dropdown.Item>\n            ))}\n            <Dropdown.Item variant=\"divider\" />\n            <Dropdown.Item\n                eventKey=\"Sign Out\"\n                className=\"gap-2\"\n                onClick={handleSignOut}\n            >\n                <span className=\"text-xl\">\n                    <PiSignOutDuotone />\n                </span>\n                <span>{t('base.layout.profile.dropdown.options.signOut')}</span>\n            </Dropdown.Item>\n        </Dropdown>\n    )\n}\n\nconst UserDropdown = withHeaderItem(_UserDropdown)\n\nexport default UserDropdown\n"],"names":[],"mappings":";;;;;;;;;;;AAqBA,MAAM,gBAAgB,MAAM;AACxB,QAAM,EAAE,QAAQ,UAAU,MAAA,IAAU,eAAe,CAAC,UAAU,MAAM,IAAI;AAExE,QAAM,EAAE,QAAA,IAAY,QAAA;AAEpB,QAAM,gBAAgB,MAAM;AACxB,YAAA;AAAA,EACJ;AAEA,QAAM,sBAAsB,UAAU,OAAO,CAAC,EAAE,iBAAiB;AAEjE,QAAM,cAAc;AAAA,IAChB,GAAI,SAAS,EAAE,KAAK,WAAW,CAAA;AAAA,EAAC;AAGpC,QAAM,EAAE,EAAA,IAAM,eAAA;AAEd,QAAM,mBAAmC;AAAA,IACrC,MAAM;AAAA,MACF;AAAA,QACI,OAAO,EAAE,8CAA8C;AAAA,QACvD,MAAM;AAAA,QACN,0BAAO,eAAA,CAAA,CAAc;AAAA,MAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IACzB;AAAA,IAYJ,CAAC,CAAC;AAAA,EAAA;AAIN,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,iBAAgB;AAAA,MAChB,aACI,oBAAC,OAAA,EAAI,WAAU,oCACX,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,MAAM;AAAA,UACN,OAAM;AAAA,UACN,WAAU;AAAA,UACT,GAAG;AAAA,UAEH,WAAC,UAAU;AAAA,QAAA;AAAA,MAAA,GAEpB;AAAA,MAEJ,WAAU;AAAA,MAEV,UAAA;AAAA,QAAA,oBAAC,SAAS,MAAT,EAAc,SAAQ,UACnB,UAAA,qBAAC,OAAA,EAAI,WAAU,qCACX,UAAA;AAAA,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,OAAM;AAAA,cACN,WAAU;AAAA,cACT,GAAG;AAAA,cAEH,WAAC,UAAU;AAAA,YAAA;AAAA,UAAA;AAAA,+BAEf,OAAA,EACG,UAAA;AAAA,YAAA,oBAAC,OAAA,EAAI,WAAU,8CACV,UAAA,YAAY,aACjB;AAAA,YACA,oBAAC,OAAA,EAAI,WAAU,WACV,mBAAS,qBAAA,CACd;AAAA,UAAA,EAAA,CACJ;AAAA,QAAA,EAAA,CACJ,EAAA,CACJ;AAAA,QACA,oBAAC,SAAS,MAAT,EAAc,SAAQ,UAAA,CAAU;AAAA,QAChC,iBAAiB,IAAI,CAAC,SACnB;AAAA,UAAC,SAAS;AAAA,UAAT;AAAA,YAEG,UAAU,KAAK;AAAA,YACf,WAAU;AAAA,YAEV,UAAA,oBAAC,MAAA,EAAK,WAAU,2BAA0B,IAAI,KAAK,MAC/C,UAAA,qBAAC,QAAA,EAAK,WAAU,kCACZ,UAAA;AAAA,cAAA,oBAAC,QAAA,EAAK,WAAU,WAAW,UAAA,KAAK,MAAK;AAAA,cACrC,oBAAC,QAAA,EAAM,UAAA,KAAK,MAAA,CAAM;AAAA,YAAA,EAAA,CACtB,EAAA,CACJ;AAAA,UAAA;AAAA,UATK,KAAK;AAAA,QAAA,CAWjB;AAAA,QACD,oBAAC,SAAS,MAAT,EAAc,SAAQ,UAAA,CAAU;AAAA,QACjC;AAAA,UAAC,SAAS;AAAA,UAAT;AAAA,YACG,UAAS;AAAA,YACT,WAAU;AAAA,YACV,SAAS;AAAA,YAET,UAAA;AAAA,cAAA,oBAAC,QAAA,EAAK,WAAU,WACZ,UAAA,oBAAC,oBAAiB,GACtB;AAAA,cACA,oBAAC,QAAA,EAAM,UAAA,EAAE,8CAA8C,EAAA,CAAE;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAC7D;AAAA,IAAA;AAAA,EAAA;AAGZ;AAEA,MAAM,eAAe,eAAe,aAAa;"}

package/dist/@ecme/components/template/VerticalMenuContent/VerticalCollapsedMenuItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"VerticalCollapsedMenuItem.js","sources":["../../../../../lib/@ecme/components/template/VerticalMenuContent/VerticalCollapsedMenuItem.tsx"],"sourcesContent":["import Menu from \"@/components/ui/Menu\";\r\nimport Dropdown from \"@/components/ui/Dropdown\";\r\nimport VerticalMenuIcon from \"./VerticalMenuIcon\";\r\nimport AuthorityCheck from \"@/components/shared/AuthorityCheck\";\r\nimport type { CommonProps, TraslationFn } from \"@/@types/common\";\r\nimport type { Direction } from \"@/@types/theme\";\r\nimport type { NavigationTree } from \"@/@types/navigation\";\r\n\r\ninterface DefaultItemProps extends CommonProps {\r\n  nav: NavigationTree;\r\n  onLinkClick?: (link: { key: string; title: string; path: string }) => void;\r\n  t: TraslationFn;\r\n  indent?: boolean;\r\n  dotIndent?: boolean;\r\n  userAuthority: string[];\r\n}\r\n\r\ninterface CollapsedItemProps extends DefaultItemProps {\r\n  direction: Direction;\r\n  renderAsIcon?: boolean;\r\n  currentKey?: string;\r\n  parentKeys?: string[];\r\n}\r\n\r\ninterface VerticalCollapsedMenuItemProps extends CollapsedItemProps {\r\n  sideCollapsed?: boolean;\r\n}\r\n\r\nconst { MenuItem, MenuCollapse } = Menu;\r\n\r\nconst DefaultItem = ({\r\n  nav,\r\n  indent,\r\n  dotIndent,\r\n  children,\r\n  userAuthority,\r\n  t,\r\n}: DefaultItemProps) => {\r\n  return (\r\n    <MenuCollapse\r\n      key={nav.key}\r\n      label={\r\n        <>\r\n          <VerticalMenuIcon icon={nav.icon} />\r\n          <span>{t(nav.translateKey, nav.title)}</span>\r\n        </>\r\n      }\r\n      eventKey={nav.key}\r\n      expanded={false}\r\n      dotIndent={dotIndent}\r\n      indent={indent}\r\n    >\r\n      {children}\r\n    </MenuCollapse>\r\n  );\r\n};\r\n\r\nconst CollapsedItem = ({\r\n  nav,\r\n  direction,\r\n  children,\r\n  t,\r\n  renderAsIcon,\r\n  userAuthority,\r\n  parentKeys,\r\n}: CollapsedItemProps) => {\r\n  const menuItem = (\r\n    <MenuItem\r\n      key={nav.key}\r\n      isActive={parentKeys?.includes(nav.key)}\r\n      eventKey={nav.key}\r\n      className=\"mb-2\"\r\n    >\r\n      <VerticalMenuIcon icon={nav.icon} />\r\n    </MenuItem>\r\n  );\r\n\r\n  const dropdownItem = (\r\n    <div key={nav.key}>{t(nav.translateKey, nav.title)}</div>\r\n  );\r\n\r\n  return (\r\n    <AuthorityCheck userAuthority={userAuthority} authority={nav.authority}>\r\n      <Dropdown\r\n        trigger=\"hover\"\r\n        renderTitle={renderAsIcon ? menuItem : dropdownItem}\r\n        placement={direction === \"rtl\" ? \"left-start\" : \"right-start\"}\r\n      >\r\n        {children}\r\n      </Dropdown>\r\n    </AuthorityCheck>\r\n  );\r\n};\r\n\r\nconst VerticalCollapsedMenuItem = ({\r\n  sideCollapsed,\r\n  ...rest\r\n}: VerticalCollapsedMenuItemProps) => {\r\n  return sideCollapsed ? (\r\n    <CollapsedItem {...rest} />\r\n  ) : (\r\n    <DefaultItem {...rest} />\r\n  );\r\n};\r\n\r\nexport default VerticalCollapsedMenuItem;\r\n"],"names":[],"mappings":";;;;;AA4BA,MAAM,EAAE,UAAU,aAAA,IAAiB;AAEnC,MAAM,cAAc,CAAC;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAwB;AACtB,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MAEC,OACE,qBAAA,UAAA,EACE,UAAA;AAAA,QAAA,oBAAC,kBAAA,EAAiB,MAAM,IAAI,KAAA,CAAM;AAAA,4BACjC,QAAA,EAAM,UAAA,EAAE,IAAI,cAAc,IAAI,KAAK,EAAA,CAAE;AAAA,MAAA,GACxC;AAAA,MAEF,UAAU,IAAI;AAAA,MACd,UAAU;AAAA,MACV;AAAA,MACA;AAAA,MAEC;AAAA,IAAA;AAAA,IAZI,IAAI;AAAA,EAAA;AAef;AAEA,MAAM,gBAAgB,CAAC;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA0B;AACxB,QAAM,WACJ;AAAA,IAAC;AAAA,IAAA;AAAA,MAEC,UAAU,YAAY,SAAS,IAAI,GAAG;AAAA,MACtC,UAAU,IAAI;AAAA,MACd,WAAU;AAAA,MAEV,UAAA,oBAAC,kBAAA,EAAiB,MAAM,IAAI,KAAA,CAAM;AAAA,IAAA;AAAA,IAL7B,IAAI;AAAA,EAAA;AASb,QAAM,eACJ,oBAAC,OAAA,EAAmB,UAAA,EAAE,IAAI,cAAc,IAAI,KAAK,EAAA,GAAvC,IAAI,GAAqC;AAGrD,SACE,oBAAC,gBAAA,EAAe,eAA8B,WAAW,IAAI,WAC3D,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,aAAa,eAAe,WAAW;AAAA,MACvC,WAAW,cAAc,QAAQ,eAAe;AAAA,MAE/C;AAAA,IAAA;AAAA,EAAA,GAEL;AAEJ;AAEA,MAAM,4BAA4B,CAAC;AAAA,EACjC;AAAA,EACA,GAAG;AACL,MAAsC;AACpC,SAAO,oCACJ,eAAA,EAAe,GAAG,MAAM,IAEzB,oBAAC,aAAA,EAAa,GAAG,KAAA,CAAM;AAE3B;"}
+{"version":3,"file":"VerticalCollapsedMenuItem.js","sources":["../../../../../lib/@ecme/components/template/VerticalMenuContent/VerticalCollapsedMenuItem.tsx"],"sourcesContent":["import Menu from \"@/components/ui/Menu\";\nimport Dropdown from \"@/components/ui/Dropdown\";\nimport VerticalMenuIcon from \"./VerticalMenuIcon\";\nimport AuthorityCheck from \"@/components/shared/AuthorityCheck\";\nimport type { CommonProps, TraslationFn } from \"@/@types/common\";\nimport type { Direction } from \"@/@types/theme\";\nimport type { NavigationTree } from \"@/@types/navigation\";\n\ninterface DefaultItemProps extends CommonProps {\n  nav: NavigationTree;\n  onLinkClick?: (link: { key: string; title: string; path: string }) => void;\n  t: TraslationFn;\n  indent?: boolean;\n  dotIndent?: boolean;\n  userAuthority: string[];\n}\n\ninterface CollapsedItemProps extends DefaultItemProps {\n  direction: Direction;\n  renderAsIcon?: boolean;\n  currentKey?: string;\n  parentKeys?: string[];\n}\n\ninterface VerticalCollapsedMenuItemProps extends CollapsedItemProps {\n  sideCollapsed?: boolean;\n}\n\nconst { MenuItem, MenuCollapse } = Menu;\n\nconst DefaultItem = ({\n  nav,\n  indent,\n  dotIndent,\n  children,\n  userAuthority,\n  t,\n}: DefaultItemProps) => {\n  return (\n    <MenuCollapse\n      key={nav.key}\n      label={\n        <>\n          <VerticalMenuIcon icon={nav.icon} />\n          <span>{t(nav.translateKey, nav.title)}</span>\n        </>\n      }\n      eventKey={nav.key}\n      expanded={false}\n      dotIndent={dotIndent}\n      indent={indent}\n    >\n      {children}\n    </MenuCollapse>\n  );\n};\n\nconst CollapsedItem = ({\n  nav,\n  direction,\n  children,\n  t,\n  renderAsIcon,\n  userAuthority,\n  parentKeys,\n}: CollapsedItemProps) => {\n  const menuItem = (\n    <MenuItem\n      key={nav.key}\n      isActive={parentKeys?.includes(nav.key)}\n      eventKey={nav.key}\n      className=\"mb-2\"\n    >\n      <VerticalMenuIcon icon={nav.icon} />\n    </MenuItem>\n  );\n\n  const dropdownItem = (\n    <div key={nav.key}>{t(nav.translateKey, nav.title)}</div>\n  );\n\n  return (\n    <AuthorityCheck userAuthority={userAuthority} authority={nav.authority}>\n      <Dropdown\n        trigger=\"hover\"\n        renderTitle={renderAsIcon ? menuItem : dropdownItem}\n        placement={direction === \"rtl\" ? \"left-start\" : \"right-start\"}\n      >\n        {children}\n      </Dropdown>\n    </AuthorityCheck>\n  );\n};\n\nconst VerticalCollapsedMenuItem = ({\n  sideCollapsed,\n  ...rest\n}: VerticalCollapsedMenuItemProps) => {\n  return sideCollapsed ? (\n    <CollapsedItem {...rest} />\n  ) : (\n    <DefaultItem {...rest} />\n  );\n};\n\nexport default VerticalCollapsedMenuItem;\n"],"names":[],"mappings":";;;;;AA4BA,MAAM,EAAE,UAAU,aAAA,IAAiB;AAEnC,MAAM,cAAc,CAAC;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAwB;AACtB,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MAEC,OACE,qBAAA,UAAA,EACE,UAAA;AAAA,QAAA,oBAAC,kBAAA,EAAiB,MAAM,IAAI,KAAA,CAAM;AAAA,4BACjC,QAAA,EAAM,UAAA,EAAE,IAAI,cAAc,IAAI,KAAK,EAAA,CAAE;AAAA,MAAA,GACxC;AAAA,MAEF,UAAU,IAAI;AAAA,MACd,UAAU;AAAA,MACV;AAAA,MACA;AAAA,MAEC;AAAA,IAAA;AAAA,IAZI,IAAI;AAAA,EAAA;AAef;AAEA,MAAM,gBAAgB,CAAC;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA0B;AACxB,QAAM,WACJ;AAAA,IAAC;AAAA,IAAA;AAAA,MAEC,UAAU,YAAY,SAAS,IAAI,GAAG;AAAA,MACtC,UAAU,IAAI;AAAA,MACd,WAAU;AAAA,MAEV,UAAA,oBAAC,kBAAA,EAAiB,MAAM,IAAI,KAAA,CAAM;AAAA,IAAA;AAAA,IAL7B,IAAI;AAAA,EAAA;AASb,QAAM,eACJ,oBAAC,OAAA,EAAmB,UAAA,EAAE,IAAI,cAAc,IAAI,KAAK,EAAA,GAAvC,IAAI,GAAqC;AAGrD,SACE,oBAAC,gBAAA,EAAe,eAA8B,WAAW,IAAI,WAC3D,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,aAAa,eAAe,WAAW;AAAA,MACvC,WAAW,cAAc,QAAQ,eAAe;AAAA,MAE/C;AAAA,IAAA;AAAA,EAAA,GAEL;AAEJ;AAEA,MAAM,4BAA4B,CAAC;AAAA,EACjC;AAAA,EACA,GAAG;AACL,MAAsC;AACpC,SAAO,oCACJ,eAAA,EAAe,GAAG,MAAM,IAEzB,oBAAC,aAAA,EAAa,GAAG,KAAA,CAAM;AAE3B;"}