npm - @orbe-agro/client-core - Versions diffs - 5.3.13 → 5.3.25 - Mend

@orbe-agro/client-core 5.3.13 → 5.3.25

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1869) hide show

package/dist/@ecme/components/template/HorizontalMenuContent/HorizontalMenuDropdownContent.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"HorizontalMenuDropdownContent.js","sources":["../../../../../lib/@ecme/components/template/HorizontalMenuContent/HorizontalMenuDropdownContent.tsx"],"sourcesContent":["import { useState } from \"react\";\r\nimport Avatar from \"@/components/ui/Avatar\";\r\nimport Dropdown from \"@/components/ui/Dropdown\";\r\nimport HorizontalMenuNavLink from \"./HorizontalMenuNavLink\";\r\nimport AuthorityCheck from \"@/components/shared/AuthorityCheck\";\r\nimport classNames from \"@/utils/classNames\";\r\nimport {\r\n NAV_ITEM_TYPE_COLLAPSE,\r\n NAV_ITEM_TYPE_ITEM,\r\n} from \"@/constants/navigation.constant\";\r\nimport navigationIcon from \"@/configs/navigation-icon.config\";\r\nimport { TbCircle } from \"react-icons/tb\";\r\nimport type { CommonProps, TraslationFn } from \"@/@types/common\";\r\nimport type { NavigationTree, HorizontalMenuMeta } from \"@/@types/navigation\";\r\nimport type { ReactNode, HTMLProps } from \"react\";\r\n\r\ninterface LayoutProps extends CommonProps {\r\n navigationTree: NavigationTree[];\r\n t: TraslationFn;\r\n onDropdownClose: () => void;\r\n routeKey: string;\r\n routeParentKey?: string;\r\n userAuthority: string[];\r\n}\r\n\r\ninterface HorizontalMenuDropdownContentProps extends LayoutProps {\r\n layoutMeta?: HorizontalMenuMeta;\r\n}\r\n\r\nconst gridClasses = {\r\n 1: {\r\n grid: \"grid-cols-1\",\r\n width: \"w-[150px]\",\r\n },\r\n 2: {\r\n grid: \"grid-cols-2\",\r\n width: \"w-[350px]\",\r\n },\r\n 3: {\r\n grid: \"grid-cols-3\",\r\n width: \"w-[750px]\",\r\n },\r\n 4: {\r\n grid: \"grid-cols-4\",\r\n width: \"w-[950px]\",\r\n },\r\n 5: {\r\n grid: \"grid-cols-5\",\r\n width: \"w-[1150px]\",\r\n },\r\n};\r\n\r\nconst MenuItem = ({\r\n children,\r\n className,\r\n active,\r\n ...rest\r\n}: CommonProps & { active?: boolean } & HTMLProps<HTMLDivElement>) => {\r\n return (\r\n <div\r\n className={classNames(\r\n \"cursor-pointer font-semibold px-3 rounded-lg flex items-center w-full whitespace-nowrap gap-x-2 transition-colors duration-150 hover:text-gray-900 hover:bg-gray-100 dark:hover:text-gray-100 dark:hover:bg-gray-800\",\r\n active && \"bg-gray-100 dark:bg-gray-800\",\r\n className\r\n )}\r\n role=\"menuitem\"\r\n {...rest}\r\n >\r\n {children}\r\n </div>\r\n );\r\n};\r\n\r\nconst MenuIcon = ({ icon }: { icon: string }) => {\r\n if (typeof icon !== \"string\" && !icon) {\r\n return <></>;\r\n }\r\n\r\n return (\r\n <>\r\n {navigationIcon[icon] && (\r\n <span className={`text-xl`}>\r\n {navigationIcon[icon] \|\| <TbCircle />}\r\n </span>\r\n )}\r\n </>\r\n );\r\n};\r\n\r\nconst MenuLink = ({\r\n path,\r\n isExternalLink,\r\n onClick,\r\n icon,\r\n title,\r\n description,\r\n active,\r\n}: {\r\n path: string;\r\n isExternalLink?: boolean;\r\n onClick: () => void;\r\n icon: ReactNode;\r\n title: string;\r\n description: string;\r\n active?: boolean;\r\n}) => (\r\n <HorizontalMenuNavLink\r\n path={path}\r\n isExternalLink={isExternalLink}\r\n className=\"gap-2 block\"\r\n onClick={onClick}\r\n >\r\n <MenuItem className=\"py-2 px-2 gap-3\" active={active}>\r\n <div>\r\n <Avatar\r\n className={classNames(\r\n \"bg-white dark:bg-transparent p-2 border-2 border-gray-200 dark:border-gray-600\",\r\n active ? \"text-primary\" : \"heading-text\"\r\n )}\r\n size={40}\r\n icon={icon}\r\n shape=\"round\"\r\n />\r\n </div>\r\n <div className=\"min-w-0\">\r\n <div className=\"heading-text font-bold\">{title}</div>\r\n <div className=\"text-xs truncate\">{description}</div>\r\n </div>\r\n </MenuItem>\r\n </HorizontalMenuNavLink>\r\n);\r\n\r\nconst ColumnsLayout = (\r\n props: LayoutProps & {\r\n columns: 1 \| 2 \| 3 \| 4 \| 5;\r\n showColumnTitle?: boolean;\r\n }\r\n) => {\r\n const {\r\n navigationTree,\r\n t,\r\n onDropdownClose,\r\n columns = 1,\r\n showColumnTitle = true,\r\n routeKey,\r\n userAuthority,\r\n } = props;\r\n\r\n return (\r\n <div className=\"flex max-w-[1400px] w-full\">\r\n <div\r\n className={classNames(\r\n \"grid gap-y-6 gap-x-8 p-6 flex-1\",\r\n gridClasses[columns]?.grid\r\n )}\r\n >\r\n {navigationTree.map((nav) => {\r\n if (nav.subMenu.length > 0) {\r\n return (\r\n <AuthorityCheck\r\n key={nav.key}\r\n userAuthority={userAuthority}\r\n authority={nav.authority}\r\n >\r\n <div className=\"max-w-[250px]\">\r\n {showColumnTitle && (\r\n <div className=\"heading-text font-bold mb-2\">\r\n {t(nav.translateKey, nav.title)}\r\n </div>\r\n )}\r\n {nav.subMenu.map((subNav) => (\r\n <AuthorityCheck\r\n key={subNav.key}\r\n userAuthority={userAuthority}\r\n authority={subNav.authority}\r\n >\r\n <div key={subNav.key}>\r\n <MenuLink\r\n path={subNav.path}\r\n isExternalLink={subNav.isExternalLink}\r\n icon={navigationIcon[subNav.icon] \|\| <TbCircle />}\r\n title={t(subNav.translateKey, subNav.title)}\r\n description={t(\r\n subNav.meta?.description?.translateKey \|\| \"\",\r\n subNav.meta?.description?.label \|\| \"\"\r\n )}\r\n active={subNav.key === routeKey}\r\n onClick={onDropdownClose}\r\n />\r\n </div>\r\n </AuthorityCheck>\r\n ))}\r\n </div>\r\n </AuthorityCheck>\r\n );\r\n }\r\n return null;\r\n })}\r\n </div>\r\n {navigationTree.some((nav) => nav.type === NAV_ITEM_TYPE_ITEM) && (\r\n <div\r\n className={classNames(\r\n \"ltr:border-l rtl:border-r border-gray-200 dark:border-gray-800 min-w-[280px] p-4 flex flex-col\"\r\n )}\r\n >\r\n {navigationTree.map((nav) => {\r\n if (nav.subMenu.length === 0 && nav.type === NAV_ITEM_TYPE_ITEM) {\r\n return (\r\n <AuthorityCheck\r\n key={nav.key}\r\n userAuthority={userAuthority}\r\n authority={nav.authority}\r\n >\r\n <MenuLink\r\n key={nav.key}\r\n path={nav.path}\r\n isExternalLink={nav.isExternalLink}\r\n icon={navigationIcon[nav.icon] \|\| <TbCircle />}\r\n title={t(nav.translateKey, nav.title)}\r\n description={t(\r\n nav.meta?.description?.translateKey \|\| \"\",\r\n nav.meta?.description?.label \|\| \"\"\r\n )}\r\n active={nav.key === routeKey}\r\n onClick={onDropdownClose}\r\n />\r\n </AuthorityCheck>\r\n );\r\n }\r\n return null;\r\n })}\r\n </div>\r\n )}\r\n </div>\r\n );\r\n};\r\n\r\nconst DefaultLayout = ({\r\n navigationTree,\r\n t,\r\n onDropdownClose,\r\n routeKey,\r\n userAuthority,\r\n}: LayoutProps) => {\r\n const renderNavigation = (navTree: NavigationTree[], cascade: number) => {\r\n const nextCascade = cascade + 1;\r\n\r\n return (\r\n <div className={classNames(cascade === 0 && \"p-3\")}>\r\n {navTree.map((nav) => (\r\n <AuthorityCheck\r\n key={nav.key}\r\n userAuthority={userAuthority}\r\n authority={nav.authority}\r\n >\r\n <ul>\r\n {nav.type === NAV_ITEM_TYPE_ITEM && (\r\n <Dropdown.Item active={routeKey === nav.key}>\r\n <HorizontalMenuNavLink\r\n path={nav.path}\r\n isExternalLink={nav.isExternalLink}\r\n className=\"gap-2 h-full\"\r\n onClick={onDropdownClose}\r\n >\r\n <MenuIcon icon={nav.icon} />\r\n <span>{t(nav.translateKey, nav.title)}</span>\r\n </HorizontalMenuNavLink>\r\n </Dropdown.Item>\r\n )}\r\n {nav.type === NAV_ITEM_TYPE_COLLAPSE && (\r\n <Dropdown\r\n renderTitle={\r\n <span className=\"flex items-center gap-2\">\r\n <MenuIcon icon={nav.icon} />\r\n <span>{t(nav.translateKey, nav.title)}</span>\r\n </span>\r\n }\r\n >\r\n {nav.subMenu &&\r\n nav.subMenu.length > 0 &&\r\n renderNavigation(nav.subMenu, nextCascade)}\r\n </Dropdown>\r\n )}\r\n </ul>\r\n </AuthorityCheck>\r\n ))}\r\n </div>\r\n );\r\n };\r\n\r\n return <>{renderNavigation(navigationTree, 0)}</>;\r\n};\r\n\r\nconst TabLayout = ({\r\n navigationTree,\r\n t,\r\n onDropdownClose,\r\n columns,\r\n routeKey,\r\n userAuthority,\r\n routeParentKey,\r\n}: LayoutProps & { columns: 1 \| 2 \| 3 \| 4 \| 5 }) => {\r\n const [activeKey, setActiveKey] = useState(\r\n navigationTree.some((nav) => nav.key === routeParentKey)\r\n ? routeParentKey\r\n : navigationTree[0]?.key \|\| \"\"\r\n );\r\n\r\n return (\r\n <div className=\"flex\">\r\n <div className=\"p-4\">\r\n {navigationTree.map((nav) => {\r\n if (nav.subMenu.length > 0) {\r\n return (\r\n <AuthorityCheck\r\n key={nav.key}\r\n userAuthority={userAuthority}\r\n authority={nav.authority}\r\n >\r\n <div className=\"min-w-[250px]\">\r\n <div key={nav.key}>\r\n <MenuItem\r\n className=\"py-2 px-2 gap-3\"\r\n active={nav.key === activeKey}\r\n onClick={() => setActiveKey(nav.key)}\r\n >\r\n <div>\r\n <Avatar\r\n className={classNames(\r\n \"bg-white dark:bg-transparent p-2 border-2 border-gray-200 dark:border-gray-600\",\r\n nav.key === routeKey\r\n ? \"text-primary\"\r\n : \"heading-text\"\r\n )}\r\n size={40}\r\n icon={navigationIcon[nav.icon] \|\| <TbCircle />}\r\n shape=\"round\"\r\n />\r\n </div>\r\n <div className=\"min-w-0\">\r\n <div className=\"heading-text font-bold\">\r\n {t(nav.translateKey, nav.title)}\r\n </div>\r\n <div className=\"text-xs truncate\">\r\n {t(\r\n nav.meta?.description?.translateKey \|\| \"\",\r\n nav.meta?.description?.label \|\| \"\"\r\n )}\r\n </div>\r\n </div>\r\n </MenuItem>\r\n </div>\r\n </div>\r\n </AuthorityCheck>\r\n );\r\n }\r\n return null;\r\n })}\r\n </div>\r\n {navigationTree.some(\r\n (nav) => nav.key === activeKey && nav.type === NAV_ITEM_TYPE_COLLAPSE\r\n ) && (\r\n <div className=\"ltr:border-l rtl:border-r border-gray-200 dark:border-gray-800 p-6\">\r\n <div\r\n className={classNames(\r\n \"grid gap-x-8 flex-1\",\r\n gridClasses[columns]?.grid,\r\n gridClasses[columns]?.width\r\n )}\r\n >\r\n {navigationTree\r\n .find((nav) => nav.key === activeKey)\r\n ?.subMenu.map((nav) => (\r\n <AuthorityCheck\r\n key={nav.key}\r\n userAuthority={userAuthority}\r\n authority={nav.authority}\r\n >\r\n <HorizontalMenuNavLink\r\n path={nav.path}\r\n isExternalLink={nav.isExternalLink}\r\n className=\"gap-2 group\"\r\n onClick={() => onDropdownClose()}\r\n >\r\n <div\r\n className={classNames(\r\n \"flex items-center gap-2 h-[42px] heading-text group-hover:text-primary\",\r\n routeKey === nav.key && \"text-primary\"\r\n )}\r\n >\r\n <span className=\"text-xl\">\r\n {navigationIcon[nav.icon] \|\| <TbCircle />}\r\n </span>\r\n <span>{t(nav.translateKey, nav.title)}</span>\r\n </div>\r\n </HorizontalMenuNavLink>\r\n </AuthorityCheck>\r\n ))}\r\n </div>\r\n </div>\r\n )}\r\n </div>\r\n );\r\n};\r\n\r\nconst HorizontalMenuDropdownContent = (\r\n props: HorizontalMenuDropdownContentProps\r\n) => {\r\n const { style, navigationTree, layoutMeta, ...rest } = props;\r\n\r\n return (\r\n <div\r\n className=\"rounded-2xl bg-white dark:bg-gray-900 ring-0 shadow-[0px_48px_64px_-16px_rgba(0,0,0,0.25)] border border-gray-100 dark:border-gray-800 focus:outline-none min-w-[180px]\"\r\n style={style}\r\n >\r\n {layoutMeta?.layout === \"default\" && (\r\n <DefaultLayout navigationTree={navigationTree} {...rest} />\r\n )}\r\n {layoutMeta?.layout === \"columns\" && (\r\n <ColumnsLayout\r\n navigationTree={navigationTree}\r\n columns={layoutMeta.columns}\r\n showColumnTitle={layoutMeta.showColumnTitle}\r\n {...rest}\r\n />\r\n )}\r\n {layoutMeta?.layout === \"tabs\" && (\r\n <TabLayout\r\n navigationTree={navigationTree}\r\n columns={layoutMeta.columns}\r\n {...rest}\r\n />\r\n )}\r\n {!layoutMeta && (\r\n <DefaultLayout navigationTree={navigationTree} {...rest} />\r\n )}\r\n </div>\r\n );\r\n};\r\n\r\nexport default HorizontalMenuDropdownContent;\r\n"],"names":["gridClasses","MenuItem","children","className","active","rest","jsx","classNames","MenuIcon","icon","Fragment","navigationIcon","TbCircle","MenuLink","path","isExternalLink","onClick","title","description","HorizontalMenuNavLink","jsxs","Avatar","ColumnsLayout","props","navigationTree","t","onDropdownClose","columns","showColumnTitle","routeKey","userAuthority","_a","nav","AuthorityCheck","subNav","_b","_d","_c","NAV_ITEM_TYPE_ITEM","DefaultLayout","renderNavigation","navTree","cascade","nextCascade","Dropdown","NAV_ITEM_TYPE_COLLAPSE","TabLayout","routeParentKey","activeKey","setActiveKey","useState","HorizontalMenuDropdownContent","style","layoutMeta"],"mappings":"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"}
1	+ {"version":3,"file":"HorizontalMenuDropdownContent.js","sources":["../../../../../lib/@ecme/components/template/HorizontalMenuContent/HorizontalMenuDropdownContent.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport Avatar from \"@/components/ui/Avatar\";\nimport Dropdown from \"@/components/ui/Dropdown\";\nimport HorizontalMenuNavLink from \"./HorizontalMenuNavLink\";\nimport AuthorityCheck from \"@/components/shared/AuthorityCheck\";\nimport classNames from \"@/utils/classNames\";\nimport {\n NAV_ITEM_TYPE_COLLAPSE,\n NAV_ITEM_TYPE_ITEM,\n} from \"@/constants/navigation.constant\";\nimport navigationIcon from \"@/configs/navigation-icon.config\";\nimport { TbCircle } from \"react-icons/tb\";\nimport type { CommonProps, TraslationFn } from \"@/@types/common\";\nimport type { NavigationTree, HorizontalMenuMeta } from \"@/@types/navigation\";\nimport type { ReactNode, HTMLProps } from \"react\";\n\ninterface LayoutProps extends CommonProps {\n navigationTree: NavigationTree[];\n t: TraslationFn;\n onDropdownClose: () => void;\n routeKey: string;\n routeParentKey?: string;\n userAuthority: string[];\n}\n\ninterface HorizontalMenuDropdownContentProps extends LayoutProps {\n layoutMeta?: HorizontalMenuMeta;\n}\n\nconst gridClasses = {\n 1: {\n grid: \"grid-cols-1\",\n width: \"w-[150px]\",\n },\n 2: {\n grid: \"grid-cols-2\",\n width: \"w-[350px]\",\n },\n 3: {\n grid: \"grid-cols-3\",\n width: \"w-[750px]\",\n },\n 4: {\n grid: \"grid-cols-4\",\n width: \"w-[950px]\",\n },\n 5: {\n grid: \"grid-cols-5\",\n width: \"w-[1150px]\",\n },\n};\n\nconst MenuItem = ({\n children,\n className,\n active,\n ...rest\n}: CommonProps & { active?: boolean } & HTMLProps<HTMLDivElement>) => {\n return (\n <div\n className={classNames(\n \"cursor-pointer font-semibold px-3 rounded-lg flex items-center w-full whitespace-nowrap gap-x-2 transition-colors duration-150 hover:text-gray-900 hover:bg-gray-100 dark:hover:text-gray-100 dark:hover:bg-gray-800\",\n active && \"bg-gray-100 dark:bg-gray-800\",\n className\n )}\n role=\"menuitem\"\n {...rest}\n >\n {children}\n </div>\n );\n};\n\nconst MenuIcon = ({ icon }: { icon: string }) => {\n if (typeof icon !== \"string\" && !icon) {\n return <></>;\n }\n\n return (\n <>\n {navigationIcon[icon] && (\n <span className={`text-xl`}>\n {navigationIcon[icon] \|\| <TbCircle />}\n </span>\n )}\n </>\n );\n};\n\nconst MenuLink = ({\n path,\n isExternalLink,\n onClick,\n icon,\n title,\n description,\n active,\n}: {\n path: string;\n isExternalLink?: boolean;\n onClick: () => void;\n icon: ReactNode;\n title: string;\n description: string;\n active?: boolean;\n}) => (\n <HorizontalMenuNavLink\n path={path}\n isExternalLink={isExternalLink}\n className=\"gap-2 block\"\n onClick={onClick}\n >\n <MenuItem className=\"py-2 px-2 gap-3\" active={active}>\n <div>\n <Avatar\n className={classNames(\n \"bg-white dark:bg-transparent p-2 border-2 border-gray-200 dark:border-gray-600\",\n active ? \"text-primary\" : \"heading-text\"\n )}\n size={40}\n icon={icon}\n shape=\"round\"\n />\n </div>\n <div className=\"min-w-0\">\n <div className=\"heading-text font-bold\">{title}</div>\n <div className=\"text-xs truncate\">{description}</div>\n </div>\n </MenuItem>\n </HorizontalMenuNavLink>\n);\n\nconst ColumnsLayout = (\n props: LayoutProps & {\n columns: 1 \| 2 \| 3 \| 4 \| 5;\n showColumnTitle?: boolean;\n }\n) => {\n const {\n navigationTree,\n t,\n onDropdownClose,\n columns = 1,\n showColumnTitle = true,\n routeKey,\n userAuthority,\n } = props;\n\n return (\n <div className=\"flex max-w-[1400px] w-full\">\n <div\n className={classNames(\n \"grid gap-y-6 gap-x-8 p-6 flex-1\",\n gridClasses[columns]?.grid\n )}\n >\n {navigationTree.map((nav) => {\n if (nav.subMenu.length > 0) {\n return (\n <AuthorityCheck\n key={nav.key}\n userAuthority={userAuthority}\n authority={nav.authority}\n >\n <div className=\"max-w-[250px]\">\n {showColumnTitle && (\n <div className=\"heading-text font-bold mb-2\">\n {t(nav.translateKey, nav.title)}\n </div>\n )}\n {nav.subMenu.map((subNav) => (\n <AuthorityCheck\n key={subNav.key}\n userAuthority={userAuthority}\n authority={subNav.authority}\n >\n <div key={subNav.key}>\n <MenuLink\n path={subNav.path}\n isExternalLink={subNav.isExternalLink}\n icon={navigationIcon[subNav.icon] \|\| <TbCircle />}\n title={t(subNav.translateKey, subNav.title)}\n description={t(\n subNav.meta?.description?.translateKey \|\| \"\",\n subNav.meta?.description?.label \|\| \"\"\n )}\n active={subNav.key === routeKey}\n onClick={onDropdownClose}\n />\n </div>\n </AuthorityCheck>\n ))}\n </div>\n </AuthorityCheck>\n );\n }\n return null;\n })}\n </div>\n {navigationTree.some((nav) => nav.type === NAV_ITEM_TYPE_ITEM) && (\n <div\n className={classNames(\n \"ltr:border-l rtl:border-r border-gray-200 dark:border-gray-800 min-w-[280px] p-4 flex flex-col\"\n )}\n >\n {navigationTree.map((nav) => {\n if (nav.subMenu.length === 0 && nav.type === NAV_ITEM_TYPE_ITEM) {\n return (\n <AuthorityCheck\n key={nav.key}\n userAuthority={userAuthority}\n authority={nav.authority}\n >\n <MenuLink\n key={nav.key}\n path={nav.path}\n isExternalLink={nav.isExternalLink}\n icon={navigationIcon[nav.icon] \|\| <TbCircle />}\n title={t(nav.translateKey, nav.title)}\n description={t(\n nav.meta?.description?.translateKey \|\| \"\",\n nav.meta?.description?.label \|\| \"\"\n )}\n active={nav.key === routeKey}\n onClick={onDropdownClose}\n />\n </AuthorityCheck>\n );\n }\n return null;\n })}\n </div>\n )}\n </div>\n );\n};\n\nconst DefaultLayout = ({\n navigationTree,\n t,\n onDropdownClose,\n routeKey,\n userAuthority,\n}: LayoutProps) => {\n const renderNavigation = (navTree: NavigationTree[], cascade: number) => {\n const nextCascade = cascade + 1;\n\n return (\n <div className={classNames(cascade === 0 && \"p-3\")}>\n {navTree.map((nav) => (\n <AuthorityCheck\n key={nav.key}\n userAuthority={userAuthority}\n authority={nav.authority}\n >\n <ul>\n {nav.type === NAV_ITEM_TYPE_ITEM && (\n <Dropdown.Item active={routeKey === nav.key}>\n <HorizontalMenuNavLink\n path={nav.path}\n isExternalLink={nav.isExternalLink}\n className=\"gap-2 h-full\"\n onClick={onDropdownClose}\n >\n <MenuIcon icon={nav.icon} />\n <span>{t(nav.translateKey, nav.title)}</span>\n </HorizontalMenuNavLink>\n </Dropdown.Item>\n )}\n {nav.type === NAV_ITEM_TYPE_COLLAPSE && (\n <Dropdown\n renderTitle={\n <span className=\"flex items-center gap-2\">\n <MenuIcon icon={nav.icon} />\n <span>{t(nav.translateKey, nav.title)}</span>\n </span>\n }\n >\n {nav.subMenu &&\n nav.subMenu.length > 0 &&\n renderNavigation(nav.subMenu, nextCascade)}\n </Dropdown>\n )}\n </ul>\n </AuthorityCheck>\n ))}\n </div>\n );\n };\n\n return <>{renderNavigation(navigationTree, 0)}</>;\n};\n\nconst TabLayout = ({\n navigationTree,\n t,\n onDropdownClose,\n columns,\n routeKey,\n userAuthority,\n routeParentKey,\n}: LayoutProps & { columns: 1 \| 2 \| 3 \| 4 \| 5 }) => {\n const [activeKey, setActiveKey] = useState(\n navigationTree.some((nav) => nav.key === routeParentKey)\n ? routeParentKey\n : navigationTree[0]?.key \|\| \"\"\n );\n\n return (\n <div className=\"flex\">\n <div className=\"p-4\">\n {navigationTree.map((nav) => {\n if (nav.subMenu.length > 0) {\n return (\n <AuthorityCheck\n key={nav.key}\n userAuthority={userAuthority}\n authority={nav.authority}\n >\n <div className=\"min-w-[250px]\">\n <div key={nav.key}>\n <MenuItem\n className=\"py-2 px-2 gap-3\"\n active={nav.key === activeKey}\n onClick={() => setActiveKey(nav.key)}\n >\n <div>\n <Avatar\n className={classNames(\n \"bg-white dark:bg-transparent p-2 border-2 border-gray-200 dark:border-gray-600\",\n nav.key === routeKey\n ? \"text-primary\"\n : \"heading-text\"\n )}\n size={40}\n icon={navigationIcon[nav.icon] \|\| <TbCircle />}\n shape=\"round\"\n />\n </div>\n <div className=\"min-w-0\">\n <div className=\"heading-text font-bold\">\n {t(nav.translateKey, nav.title)}\n </div>\n <div className=\"text-xs truncate\">\n {t(\n nav.meta?.description?.translateKey \|\| \"\",\n nav.meta?.description?.label \|\| \"\"\n )}\n </div>\n </div>\n </MenuItem>\n </div>\n </div>\n </AuthorityCheck>\n );\n }\n return null;\n })}\n </div>\n {navigationTree.some(\n (nav) => nav.key === activeKey && nav.type === NAV_ITEM_TYPE_COLLAPSE\n ) && (\n <div className=\"ltr:border-l rtl:border-r border-gray-200 dark:border-gray-800 p-6\">\n <div\n className={classNames(\n \"grid gap-x-8 flex-1\",\n gridClasses[columns]?.grid,\n gridClasses[columns]?.width\n )}\n >\n {navigationTree\n .find((nav) => nav.key === activeKey)\n ?.subMenu.map((nav) => (\n <AuthorityCheck\n key={nav.key}\n userAuthority={userAuthority}\n authority={nav.authority}\n >\n <HorizontalMenuNavLink\n path={nav.path}\n isExternalLink={nav.isExternalLink}\n className=\"gap-2 group\"\n onClick={() => onDropdownClose()}\n >\n <div\n className={classNames(\n \"flex items-center gap-2 h-[42px] heading-text group-hover:text-primary\",\n routeKey === nav.key && \"text-primary\"\n )}\n >\n <span className=\"text-xl\">\n {navigationIcon[nav.icon] \|\| <TbCircle />}\n </span>\n <span>{t(nav.translateKey, nav.title)}</span>\n </div>\n </HorizontalMenuNavLink>\n </AuthorityCheck>\n ))}\n </div>\n </div>\n )}\n </div>\n );\n};\n\nconst HorizontalMenuDropdownContent = (\n props: HorizontalMenuDropdownContentProps\n) => {\n const { style, navigationTree, layoutMeta, ...rest } = props;\n\n return (\n <div\n className=\"rounded-2xl bg-white dark:bg-gray-900 ring-0 shadow-[0px_48px_64px_-16px_rgba(0,0,0,0.25)] border border-gray-100 dark:border-gray-800 focus:outline-none min-w-[180px]\"\n style={style}\n >\n {layoutMeta?.layout === \"default\" && (\n <DefaultLayout navigationTree={navigationTree} {...rest} />\n )}\n {layoutMeta?.layout === \"columns\" && (\n <ColumnsLayout\n navigationTree={navigationTree}\n columns={layoutMeta.columns}\n showColumnTitle={layoutMeta.showColumnTitle}\n {...rest}\n />\n )}\n {layoutMeta?.layout === \"tabs\" && (\n <TabLayout\n navigationTree={navigationTree}\n columns={layoutMeta.columns}\n {...rest}\n />\n )}\n {!layoutMeta && (\n <DefaultLayout navigationTree={navigationTree} {...rest} />\n )}\n </div>\n );\n};\n\nexport default HorizontalMenuDropdownContent;\n"],"names":["gridClasses","MenuItem","children","className","active","rest","jsx","classNames","MenuIcon","icon","Fragment","navigationIcon","TbCircle","MenuLink","path","isExternalLink","onClick","title","description","HorizontalMenuNavLink","jsxs","Avatar","ColumnsLayout","props","navigationTree","t","onDropdownClose","columns","showColumnTitle","routeKey","userAuthority","_a","nav","AuthorityCheck","subNav","_b","_d","_c","NAV_ITEM_TYPE_ITEM","DefaultLayout","renderNavigation","navTree","cascade","nextCascade","Dropdown","NAV_ITEM_TYPE_COLLAPSE","TabLayout","routeParentKey","activeKey","setActiveKey","useState","HorizontalMenuDropdownContent","style","layoutMeta"],"mappings":"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"}

package/dist/@ecme/components/template/HorizontalMenuContent/HorizontalMenuDropdownTrigger.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"HorizontalMenuDropdownTrigger.js","sources":["../../../../../lib/@ecme/components/template/HorizontalMenuContent/HorizontalMenuDropdownTrigger.tsx"],"sourcesContent":["import classNames from \"@/utils/classNames\";\r\nimport HorizontalMenuNavLink from \"./HorizontalMenuNavLink\";\r\nimport type { CommonProps } from \"@/@types/common\";\r\nimport type { HorizontalMenuNavLinkProps } from \"./HorizontalMenuNavLink\";\r\nimport type { ButtonHTMLAttributes, Ref } from \"react\";\r\n\r\ninterface HorizontalMenuDropdownTriggerCommonProps extends CommonProps {\r\n active?: boolean;\r\n}\r\n\r\ninterface ButtonProps\r\n extends HorizontalMenuDropdownTriggerCommonProps,\r\n ButtonHTMLAttributes<HTMLButtonElement> {\r\n asElement?: \"button\";\r\n ref?: Ref<HTMLButtonElement>;\r\n}\r\n\r\ninterface AnchorProps\r\n extends HorizontalMenuNavLinkProps,\r\n HorizontalMenuDropdownTriggerCommonProps {\r\n asElement?: \"a\";\r\n path: string;\r\n isExternalLink?: boolean;\r\n linkRenderer?: HorizontalMenuNavLinkProps[\"linkRenderer\"];\r\n}\r\n\r\ntype HorizontalMenuDropdownTriggerProps = ButtonProps \| AnchorProps;\r\n\r\nconst HorizontalMenuDropdownTrigger = (\r\n props: HorizontalMenuDropdownTriggerProps\r\n) => {\r\n const { className, active, asElement = \"button\", ...rest } = props;\r\n const commonProps = {\r\n className: classNames(\r\n \"font-semibold inline-flex h-9 w-max items-center justify-center rounded-lg bg-background px-4 py-2 dark:text-gray-300 dark:hover:text-gray-100 text-gray-900 hover:bg-gray-100 dark:hover:bg-white/10 transition-colors\",\r\n className,\r\n active &&\r\n \"bg-gray-100 hover:bg-gray-200 dark:bg-white/10 dark:hover:bg-white/20\"\r\n ),\r\n };\r\n\r\n if (asElement === \"a\") {\r\n const { path, isExternalLink, linkRenderer, ...anchorProps } =\r\n rest as AnchorProps;\r\n return (\r\n <HorizontalMenuNavLink\r\n linkRenderer={linkRenderer}\r\n path={path as string}\r\n isExternalLink={isExternalLink}\r\n {...commonProps}\r\n {...anchorProps}\r\n />\r\n );\r\n }\r\n\r\n if (asElement === \"button\") {\r\n return (\r\n <button\r\n ref={(rest as ButtonProps).ref}\r\n {...commonProps}\r\n {...(rest as ButtonProps)}\r\n />\r\n );\r\n }\r\n\r\n return <></>;\r\n};\r\n\r\nexport default HorizontalMenuDropdownTrigger;\r\n"],"names":["HorizontalMenuDropdownTrigger","props","className","active","asElement","rest","commonProps","classNames","path","isExternalLink","linkRenderer","anchorProps","jsx","HorizontalMenuNavLink","Fragment"],"mappings":";;;AA4BA,MAAMA,IAAgC,CACpCC,MACG;AACH,QAAM,EAAE,WAAAC,GAAW,QAAAC,GAAQ,WAAAC,IAAY,UAAU,GAAGC,MAASJ,GACvDK,IAAc;AAAA,IAClB,WAAWC;AAAA,MACT;AAAA,MACAL;AAAA,MACAC,KACE;AAAA,IAAA;AAAA,EACJ;AAGF,MAAIC,MAAc,KAAK;AACrB,UAAM,EAAE,MAAAI,GAAM,gBAAAC,GAAgB,cAAAC,GAAc,GAAGC,MAC7CN;AACF,WACE,gBAAAO;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,cAAAH;AAAA,QACA,MAAAF;AAAA,QACA,gBAAAC;AAAA,QACC,GAAGH;AAAA,QACH,GAAGK;AAAA,MAAA;AAAA,IAAA;AAAA,~~EACN~~;~~AAIJ~~,SAAIP,MAAc,WAEd,gBAAAQ;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAMP,EAAqB;AAAA,MAC1B,GAAGC;AAAA,MACH,GAAID;AAAA,IAAA;AAAA,EAAA,IAKJ,gBAAAO,EAAAE,GAAA,EAAE;AACX;"}
1	+ {"version":3,"file":"HorizontalMenuDropdownTrigger.js","sources":["../../../../../lib/@ecme/components/template/HorizontalMenuContent/HorizontalMenuDropdownTrigger.tsx"],"sourcesContent":["import classNames from \"@/utils/classNames\";\nimport HorizontalMenuNavLink from \"./HorizontalMenuNavLink\";\nimport type { CommonProps } from \"@/@types/common\";\nimport type { HorizontalMenuNavLinkProps } from \"./HorizontalMenuNavLink\";\nimport type { ButtonHTMLAttributes, Ref } from \"react\";\n\ninterface HorizontalMenuDropdownTriggerCommonProps extends CommonProps {\n active?: boolean;\n}\n\ninterface ButtonProps\n extends HorizontalMenuDropdownTriggerCommonProps,\n ButtonHTMLAttributes<HTMLButtonElement> {\n asElement?: \"button\";\n ref?: Ref<HTMLButtonElement>;\n}\n\ninterface AnchorProps\n extends HorizontalMenuNavLinkProps,\n HorizontalMenuDropdownTriggerCommonProps {\n asElement?: \"a\";\n path: string;\n isExternalLink?: boolean;\n linkRenderer?: HorizontalMenuNavLinkProps[\"linkRenderer\"];\n}\n\ntype HorizontalMenuDropdownTriggerProps = ButtonProps \| AnchorProps;\n\nconst HorizontalMenuDropdownTrigger = (\n props: HorizontalMenuDropdownTriggerProps\n) => {\n const { className, active, asElement = \"button\", ...rest } = props;\n const commonProps = {\n className: classNames(\n \"font-semibold inline-flex h-9 w-max items-center justify-center rounded-lg bg-background px-4 py-2 dark:text-gray-300 dark:hover:text-gray-100 text-gray-900 hover:bg-gray-100 dark:hover:bg-white/10 transition-colors\",\n className,\n active &&\n \"bg-gray-100 hover:bg-gray-200 dark:bg-white/10 dark:hover:bg-white/20\"\n ),\n };\n\n if (asElement === \"a\") {\n const { path, isExternalLink, linkRenderer, ...anchorProps } =\n rest as AnchorProps;\n return (\n <HorizontalMenuNavLink\n linkRenderer={linkRenderer}\n path={path as string}\n isExternalLink={isExternalLink}\n {...commonProps}\n {...anchorProps}\n />\n );\n }\n\n if (asElement === \"button\") {\n return (\n <button\n ref={(rest as ButtonProps).ref}\n {...commonProps}\n {...(rest as ButtonProps)}\n />\n );\n }\n\n return <></>;\n};\n\nexport default HorizontalMenuDropdownTrigger;\n"],"names":["HorizontalMenuDropdownTrigger","props","className","active","asElement","rest","commonProps","classNames","path","isExternalLink","linkRenderer","anchorProps","jsx","HorizontalMenuNavLink","Fragment"],"mappings":";;;AA4BA,MAAMA,IAAgC,CACpCC,MACG;AACH,QAAM,EAAE,WAAAC,GAAW,QAAAC,GAAQ,WAAAC,IAAY,UAAU,GAAGC,MAASJ,GACvDK,IAAc;AAAA,IAClB,WAAWC;AAAA,MACT;AAAA,MACAL;AAAA,MACAC,KACE;AAAA,IAAA;AAAA,EACJ;AAGF,MAAIC,MAAc,KAAK;AACrB,UAAM,EAAE,MAAAI,GAAM,gBAAAC,GAAgB,cAAAC,GAAc,GAAGC,MAC7CN;AACF,WACE,gBAAAO;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,cAAAH;AAAA,QACA,MAAAF;AAAA,QACA,gBAAAC;AAAA,QACC,GAAGH;AAAA,QACH,GAAGK;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AAEA,SAAIP,MAAc,WAEd,gBAAAQ;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAMP,EAAqB;AAAA,MAC1B,GAAGC;AAAA,MACH,GAAID;AAAA,IAAA;AAAA,EAAA,IAKJ,gBAAAO,EAAAE,GAAA,EAAE;AACX;"}

package/dist/@ecme/components/template/HorizontalMenuContent/HorizontalMenuNavLink.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"HorizontalMenuNavLink.js","sources":["../../../../../lib/@ecme/components/template/HorizontalMenuContent/HorizontalMenuNavLink.tsx"],"sourcesContent":["import { Link } from \"react-router-dom\";\r\nimport type { CommonProps } from \"@/@types/common\";\r\nimport type { AnchorHTMLAttributes } from \"react\";\r\n\r\nexport interface HorizontalMenuNavLinkProps extends CommonProps {\r\n path: string;\r\n isExternalLink?: boolean;\r\n onClick?: AnchorHTMLAttributes<HTMLAnchorElement>[\"onClick\"];\r\n linkRenderer?: (\r\n nav: { path: string; isExternalLink?: boolean },\r\n children: React.ReactNode\r\n ) => React.ReactNode;\r\n}\r\n\r\nconst HorizontalMenuNavLink = (props: HorizontalMenuNavLinkProps) => {\r\n const { className, path, isExternalLink, children, linkRenderer } = props;\r\n\r\n if (linkRenderer) {\r\n return linkRenderer({ path, isExternalLink }, children);\r\n }\r\n\r\n return (\r\n <Link\r\n to={path}\r\n className={className}\r\n target={isExternalLink ? \"_blank\" : \"\"}\r\n >\r\n {children}\r\n </Link>\r\n );\r\n};\r\n\r\nexport default HorizontalMenuNavLink;\r\n"],"names":["HorizontalMenuNavLink","props","className","path","isExternalLink","children","linkRenderer","jsx","Link"],"mappings":";;AAcA,MAAMA,IAAwB,CAACC,MAAsC;AACnE,QAAM,EAAE,WAAAC,GAAW,MAAAC,GAAM,gBAAAC,GAAgB,UAAAC,GAAU,cAAAC,MAAiBL;AAEpE,SAAIK,IACKA,EAAa,EAAE,MAAAH,GAAM,gBAAAC,EAAA,GAAkBC,CAAQ,IAItD,gBAAAE;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAIL;AAAA,MACJ,WAAAD;AAAA,MACA,QAAQE,IAAiB,WAAW;AAAA,MAEnC,UAAAC;AAAA,IAAA;AAAA,EAAA;AAGP;"}
1	+ {"version":3,"file":"HorizontalMenuNavLink.js","sources":["../../../../../lib/@ecme/components/template/HorizontalMenuContent/HorizontalMenuNavLink.tsx"],"sourcesContent":["import { Link } from \"react-router-dom\";\nimport type { CommonProps } from \"@/@types/common\";\nimport type { AnchorHTMLAttributes } from \"react\";\n\nexport interface HorizontalMenuNavLinkProps extends CommonProps {\n path: string;\n isExternalLink?: boolean;\n onClick?: AnchorHTMLAttributes<HTMLAnchorElement>[\"onClick\"];\n linkRenderer?: (\n nav: { path: string; isExternalLink?: boolean },\n children: React.ReactNode\n ) => React.ReactNode;\n}\n\nconst HorizontalMenuNavLink = (props: HorizontalMenuNavLinkProps) => {\n const { className, path, isExternalLink, children, linkRenderer } = props;\n\n if (linkRenderer) {\n return linkRenderer({ path, isExternalLink }, children);\n }\n\n return (\n <Link\n to={path}\n className={className}\n target={isExternalLink ? \"_blank\" : \"\"}\n >\n {children}\n </Link>\n );\n};\n\nexport default HorizontalMenuNavLink;\n"],"names":["HorizontalMenuNavLink","props","className","path","isExternalLink","children","linkRenderer","jsx","Link"],"mappings":";;AAcA,MAAMA,IAAwB,CAACC,MAAsC;AACnE,QAAM,EAAE,WAAAC,GAAW,MAAAC,GAAM,gBAAAC,GAAgB,UAAAC,GAAU,cAAAC,MAAiBL;AAEpE,SAAIK,IACKA,EAAa,EAAE,MAAAH,GAAM,gBAAAC,EAAA,GAAkBC,CAAQ,IAItD,gBAAAE;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAIL;AAAA,MACJ,WAAAD;AAAA,MACA,QAAQE,IAAiB,WAAW;AAAA,MAEnC,UAAAC;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/@ecme/components/template/HorizontalNav.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"HorizontalNav.js","sources":["../../../../lib/@ecme/components/template/HorizontalNav.tsx"],"sourcesContent":["import HorizontalMenuContent from './HorizontalMenuContent'\r\nimport { useRouteKeyStore } from '@/store/routeKeyStore'\r\nimport { useSessionUser } from '@/store/authStore'\r\nimport appConfig from '@/configs/app.config'\r\nimport navigationConfig from '@/configs/navigation.config'\r\n\r\nconst HorizontalNav = ({\r\n translationSetup = appConfig.activeNavTranslation,\r\n}: {\r\n translationSetup?: boolean\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 <HorizontalMenuContent\r\n navigationTree={navigationConfig}\r\n routeKey={currentRouteKey}\r\n userAuthority={userAuthority \|\| []}\r\n translationSetup={translationSetup}\r\n />\r\n )\r\n}\r\n\r\nexport default HorizontalNav\r\n"],"names":["HorizontalNav","translationSetup","appConfig","currentRouteKey","useRouteKeyStore","state","userAuthority","useSessionUser","jsx","HorizontalMenuContent","navigationConfig"],"mappings":";;;;;;;AAMA,MAAMA,IAAgB,CAAC;AAAA,EACnB,kBAAAC,IAAmBC,EAAU;AACjC,MAEM;AACF,QAAMC,IAAkBC,EAAiB,CAACC,MAAUA,EAAM,eAAe,GAEnEC,IAAgBC,EAAe,CAACF,MAAUA,EAAM,KAAK,SAAS;AAEpE,SACI,gBAAAG;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,gBAAgBC;AAAA,MAChB,UAAUP;AAAA,MACV,eAAeG,KAAiB,CAAA;AAAA,MAChC,kBAAAL;AAAA,IAAA;AAAA,EAAA;AAGZ;"}
1	+ {"version":3,"file":"HorizontalNav.js","sources":["../../../../lib/@ecme/components/template/HorizontalNav.tsx"],"sourcesContent":["import HorizontalMenuContent from './HorizontalMenuContent'\nimport { useRouteKeyStore } from '@/store/routeKeyStore'\nimport { useSessionUser } from '@/store/authStore'\nimport appConfig from '@/configs/app.config'\nimport navigationConfig from '@/configs/navigation.config'\n\nconst HorizontalNav = ({\n translationSetup = appConfig.activeNavTranslation,\n}: {\n translationSetup?: boolean\n}) => {\n const currentRouteKey = useRouteKeyStore((state) => state.currentRouteKey)\n\n const userAuthority = useSessionUser((state) => state.user.authority)\n\n return (\n <HorizontalMenuContent\n navigationTree={navigationConfig}\n routeKey={currentRouteKey}\n userAuthority={userAuthority \|\| []}\n translationSetup={translationSetup}\n />\n )\n}\n\nexport default HorizontalNav\n"],"names":["HorizontalNav","translationSetup","appConfig","currentRouteKey","useRouteKeyStore","state","userAuthority","useSessionUser","jsx","HorizontalMenuContent","navigationConfig"],"mappings":";;;;;;;AAMA,MAAMA,IAAgB,CAAC;AAAA,EACnB,kBAAAC,IAAmBC,EAAU;AACjC,MAEM;AACF,QAAMC,IAAkBC,EAAiB,CAACC,MAAUA,EAAM,eAAe,GAEnEC,IAAgBC,EAAe,CAACF,MAAUA,EAAM,KAAK,SAAS;AAEpE,SACI,gBAAAG;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,gBAAgBC;AAAA,MAChB,UAAUP;AAAA,MACV,eAAeG,KAAiB,CAAA;AAAA,MAChC,kBAAAL;AAAA,IAAA;AAAA,EAAA;AAGZ;"}

package/dist/@ecme/components/template/LanguageSelector.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"LanguageSelector.js","sources":["../../../../lib/@ecme/components/template/LanguageSelector.tsx"],"sourcesContent":["import { useMemo } from 'react'\r\nimport Avatar from '@/components/ui/Avatar'\r\nimport Dropdown from '@/components/ui/Dropdown'\r\nimport classNames from 'classnames'\r\nimport withHeaderItem from '@/utils/hoc/withHeaderItem'\r\nimport { useLocaleStore } from '@/store/localeStore'\r\nimport { HiCheck } from 'react-icons/hi'\r\nimport type { CommonProps } from '@/@types/common'\r\n\r\nconst languageList = [\r\n { label: 'English', value: 'en', flag: 'US' },\r\n { label: 'Português', value: 'ptBR', flag: 'BR' },\r\n]\r\n\r\nconst _LanguageSelector = ({ className }: CommonProps) => {\r\n const { currentLang: locale, setLang } = useLocaleStore((state) => state)\r\n\r\n const selectLangFlag = useMemo(() => {\r\n return languageList.find((lang) => lang.value === locale)?.flag\r\n }, [locale])\r\n\r\n const selectedLanguage = (\r\n <div className={classNames(className, 'flex items-center')}>\r\n <Avatar\r\n size={24}\r\n shape=\"circle\"\r\n src={`/img/countries/${selectLangFlag}.png`}\r\n />\r\n </div>\r\n )\r\n\r\n return (\r\n <Dropdown renderTitle={selectedLanguage} placement=\"bottom-end\">\r\n {languageList.map((lang) => (\r\n <Dropdown.Item\r\n key={lang.label}\r\n className=\"justify-between\"\r\n eventKey={lang.label}\r\n onClick={() => setLang(lang.value)}\r\n >\r\n <span className=\"flex items-center\">\r\n <Avatar\r\n size={18}\r\n shape=\"circle\"\r\n src={`/img/countries/${lang.flag}.png`}\r\n />\r\n <span className=\"ltr:ml-2 rtl:mr-2\">{lang.label}</span>\r\n </span>\r\n {locale === lang.value && (\r\n <HiCheck className=\"text-lg text-emerald-500\" />\r\n )}\r\n </Dropdown.Item>\r\n ))}\r\n </Dropdown>\r\n )\r\n}\r\n\r\nconst LanguageSelector = withHeaderItem(_LanguageSelector)\r\n\r\nexport default LanguageSelector\r\n"],"names":["languageList","_LanguageSelector","className","locale","setLang","useLocaleStore","state","selectLangFlag","useMemo","_a","lang","selectedLanguage","jsx","classNames","Avatar","Dropdown","jsxs","HiCheck","LanguageSelector","withHeaderItem"],"mappings":";;;;;;;;AASA,MAAMA,IAAe;AAAA,EACjB,EAAE,OAAO,WAAW,OAAO,MAAM,MAAM,KAAA;AAAA,EACvC,EAAE,OAAO,aAAa,OAAO,QAAQ,MAAM,KAAA;AAC/C,GAEMC,IAAoB,CAAC,EAAE,WAAAC,QAA6B;AACtD,QAAM,EAAE,aAAaC,GAAQ,SAAAC,EAAA,IAAYC,EAAe,CAACC,MAAUA,CAAK,GAElEC,IAAiBC,EAAQ,MAAM;;AACjC,YAAOC,IAAAT,EAAa,KAAK,CAACU,MAASA,EAAK,UAAUP,CAAM,MAAjD,gBAAAM,EAAoD;AAAA,~~EAAA~~,~~GAC5D~~,CAACN,CAAM,CAAC,GAELQ,IACF,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAWX,GAAW,mBAAmB,GACrD,UAAA,gBAAAU;AAAA,IAACE;AAAA,IAAA;AAAA,MACG,MAAM;AAAA,MACN,OAAM;AAAA,MACN,KAAK,kBAAkBP,CAAc;AAAA,IAAA;AAAA,EAAA,GAE7C;AAGJ,SACI,gBAAAK,EAACG,KAAS,aAAaJ,GAAkB,WAAU,cAC9C,UAAAX,EAAa,IAAI,CAACU,MACf,gBAAAM;AAAA,IAACD,EAAS;AAAA,IAAT;AAAA,MAEG,WAAU;AAAA,MACV,UAAUL,EAAK;AAAA,MACf,SAAS,MAAMN,EAAQM,EAAK,KAAK;AAAA,MAEjC,UAAA;AAAA,QAAA,gBAAAM,EAAC,QAAA,EAAK,WAAU,qBACZ,UAAA;AAAA,UAAA,gBAAAJ;AAAA,YAACE;AAAA,YAAA;AAAA,cACG,MAAM;AAAA,cACN,OAAM;AAAA,cACN,KAAK,kBAAkBJ,EAAK,IAAI;AAAA,YAAA;AAAA,UAAA;AAAA,UAEpC,gBAAAE,EAAC,QAAA,EAAK,WAAU,qBAAqB,YAAK,MAAA,CAAM;AAAA,QAAA,GACpD;AAAA,QACCT,MAAWO,EAAK,SACb,gBAAAE,EAACK,GAAA,EAAQ,WAAU,2BAAA,CAA2B;AAAA,MAAA;AAAA,IAAA;AAAA,IAd7CP,EAAK;AAAA,EAAA,CAiBjB,GACL;AAER,GAEMQ,IAAmBC,EAAelB,CAAiB;"}
1	+ {"version":3,"file":"LanguageSelector.js","sources":["../../../../lib/@ecme/components/template/LanguageSelector.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport Avatar from '@/components/ui/Avatar'\nimport Dropdown from '@/components/ui/Dropdown'\nimport classNames from 'classnames'\nimport withHeaderItem from '@/utils/hoc/withHeaderItem'\nimport { useLocaleStore } from '@/store/localeStore'\nimport { HiCheck } from 'react-icons/hi'\nimport type { CommonProps } from '@/@types/common'\n\nconst languageList = [\n { label: 'English', value: 'en', flag: 'US' },\n { label: 'Português', value: 'ptBR', flag: 'BR' },\n]\n\nconst _LanguageSelector = ({ className }: CommonProps) => {\n const { currentLang: locale, setLang } = useLocaleStore((state) => state)\n\n const selectLangFlag = useMemo(() => {\n return languageList.find((lang) => lang.value === locale)?.flag\n }, [locale])\n\n const selectedLanguage = (\n <div className={classNames(className, 'flex items-center')}>\n <Avatar\n size={24}\n shape=\"circle\"\n src={`/img/countries/${selectLangFlag}.png`}\n />\n </div>\n )\n\n return (\n <Dropdown renderTitle={selectedLanguage} placement=\"bottom-end\">\n {languageList.map((lang) => (\n <Dropdown.Item\n key={lang.label}\n className=\"justify-between\"\n eventKey={lang.label}\n onClick={() => setLang(lang.value)}\n >\n <span className=\"flex items-center\">\n <Avatar\n size={18}\n shape=\"circle\"\n src={`/img/countries/${lang.flag}.png`}\n />\n <span className=\"ltr:ml-2 rtl:mr-2\">{lang.label}</span>\n </span>\n {locale === lang.value && (\n <HiCheck className=\"text-lg text-emerald-500\" />\n )}\n </Dropdown.Item>\n ))}\n </Dropdown>\n )\n}\n\nconst LanguageSelector = withHeaderItem(_LanguageSelector)\n\nexport default LanguageSelector\n"],"names":["languageList","_LanguageSelector","className","locale","setLang","useLocaleStore","state","selectLangFlag","useMemo","_a","lang","selectedLanguage","jsx","classNames","Avatar","Dropdown","jsxs","HiCheck","LanguageSelector","withHeaderItem"],"mappings":";;;;;;;;AASA,MAAMA,IAAe;AAAA,EACjB,EAAE,OAAO,WAAW,OAAO,MAAM,MAAM,KAAA;AAAA,EACvC,EAAE,OAAO,aAAa,OAAO,QAAQ,MAAM,KAAA;AAC/C,GAEMC,IAAoB,CAAC,EAAE,WAAAC,QAA6B;AACtD,QAAM,EAAE,aAAaC,GAAQ,SAAAC,EAAA,IAAYC,EAAe,CAACC,MAAUA,CAAK,GAElEC,IAAiBC,EAAQ,MAAM;;AACjC,YAAOC,IAAAT,EAAa,KAAK,CAACU,MAASA,EAAK,UAAUP,CAAM,MAAjD,gBAAAM,EAAoD;AAAA,EAC/D,GAAG,CAACN,CAAM,CAAC,GAELQ,IACF,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAWX,GAAW,mBAAmB,GACrD,UAAA,gBAAAU;AAAA,IAACE;AAAA,IAAA;AAAA,MACG,MAAM;AAAA,MACN,OAAM;AAAA,MACN,KAAK,kBAAkBP,CAAc;AAAA,IAAA;AAAA,EAAA,GAE7C;AAGJ,SACI,gBAAAK,EAACG,KAAS,aAAaJ,GAAkB,WAAU,cAC9C,UAAAX,EAAa,IAAI,CAACU,MACf,gBAAAM;AAAA,IAACD,EAAS;AAAA,IAAT;AAAA,MAEG,WAAU;AAAA,MACV,UAAUL,EAAK;AAAA,MACf,SAAS,MAAMN,EAAQM,EAAK,KAAK;AAAA,MAEjC,UAAA;AAAA,QAAA,gBAAAM,EAAC,QAAA,EAAK,WAAU,qBACZ,UAAA;AAAA,UAAA,gBAAAJ;AAAA,YAACE;AAAA,YAAA;AAAA,cACG,MAAM;AAAA,cACN,OAAM;AAAA,cACN,KAAK,kBAAkBJ,EAAK,IAAI;AAAA,YAAA;AAAA,UAAA;AAAA,UAEpC,gBAAAE,EAAC,QAAA,EAAK,WAAU,qBAAqB,YAAK,MAAA,CAAM;AAAA,QAAA,GACpD;AAAA,QACCT,MAAWO,EAAK,SACb,gBAAAE,EAACK,GAAA,EAAQ,WAAU,2BAAA,CAA2B;AAAA,MAAA;AAAA,IAAA;AAAA,IAd7CP,EAAK;AAAA,EAAA,CAiBjB,GACL;AAER,GAEMQ,IAAmBC,EAAelB,CAAiB;"}

package/dist/@ecme/components/template/LayoutBase.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"LayoutBase.js","sources":["../../../../lib/@ecme/components/template/LayoutBase.tsx"],"sourcesContent":["import { LayoutContext } from '@/utils/hooks/useLayout'\r\nimport type { LayoutContextProps } from '@/utils/hooks/useLayout'\r\nimport type { CommonProps } from '@/@types/common'\r\n\r\ntype LayoutBaseProps = CommonProps & LayoutContextProps\r\n\r\nconst LayoutBase = (props: LayoutBaseProps) => {\r\n const {\r\n children,\r\n className,\r\n adaptiveCardActive,\r\n type,\r\n pageContainerReassemble,\r\n } = props\r\n\r\n return (\r\n <LayoutContext.Provider\r\n value={{ adaptiveCardActive, pageContainerReassemble, type }}\r\n >\r\n <div className={className}>{children}</div>\r\n </LayoutContext.Provider>\r\n )\r\n}\r\n\r\nexport default LayoutBase\r\n"],"names":["LayoutBase","props","children","className","adaptiveCardActive","type","pageContainerReassemble","jsx","LayoutContext"],"mappings":";;AAMA,MAAMA,IAAa,CAACC,MAA2B;AAC3C,QAAM;AAAA,IACF,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,MAAAC;AAAA,IACA,yBAAAC;AAAA,EAAA,IACAL;AAEJ,SACI,gBAAAM;AAAA,IAACC,EAAc;AAAA,IAAd;AAAA,MACG,OAAO,EAAE,oBAAAJ,GAAoB,yBAAAE,GAAyB,MAAAD,EAAA;AAAA,MAEtD,UAAA,gBAAAE,EAAC,OAAA,EAAI,WAAAJ,GAAuB,UAAAD,EAAA,CAAS;AAAA,IAAA;AAAA,EAAA;AAGjD;"}
1	+ {"version":3,"file":"LayoutBase.js","sources":["../../../../lib/@ecme/components/template/LayoutBase.tsx"],"sourcesContent":["import { LayoutContext } from '@/utils/hooks/useLayout'\nimport type { LayoutContextProps } from '@/utils/hooks/useLayout'\nimport type { CommonProps } from '@/@types/common'\n\ntype LayoutBaseProps = CommonProps & LayoutContextProps\n\nconst LayoutBase = (props: LayoutBaseProps) => {\n const {\n children,\n className,\n adaptiveCardActive,\n type,\n pageContainerReassemble,\n } = props\n\n return (\n <LayoutContext.Provider\n value={{ adaptiveCardActive, pageContainerReassemble, type }}\n >\n <div className={className}>{children}</div>\n </LayoutContext.Provider>\n )\n}\n\nexport default LayoutBase\n"],"names":["LayoutBase","props","children","className","adaptiveCardActive","type","pageContainerReassemble","jsx","LayoutContext"],"mappings":";;AAMA,MAAMA,IAAa,CAACC,MAA2B;AAC3C,QAAM;AAAA,IACF,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,MAAAC;AAAA,IACA,yBAAAC;AAAA,EAAA,IACAL;AAEJ,SACI,gBAAAM;AAAA,IAACC,EAAc;AAAA,IAAd;AAAA,MACG,OAAO,EAAE,oBAAAJ,GAAoB,yBAAAE,GAAyB,MAAAD,EAAA;AAAA,MAEtD,UAAA,gBAAAE,EAAC,OAAA,EAAI,WAAAJ,GAAuB,UAAAD,EAAA,CAAS;AAAA,IAAA;AAAA,EAAA;AAGjD;"}

package/dist/@ecme/components/template/Logo.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Logo.js","sources":["../../../../lib/@ecme/components/template/Logo.tsx"],"sourcesContent":["import classNames from \"classnames\";\r\nimport { APP_NAME } from \"@/constants/app.constant\";\r\nimport type { CommonProps } from \"@/@types/common\";\r\nimport { useAppConfig } from \"@/configs/AppConfigContext\";\r\n\r\ninterface LogoProps extends CommonProps {\r\n name: string;\r\n imgClass?: string;\r\n logoWidth?: number \| string;\r\n}\r\n\r\nconst Logo = (props: LogoProps) => {\r\n const { name, className, imgClass, style, logoWidth = \"auto\" } = props;\r\n const appConfig = useAppConfig();\r\n const finalLogoSrc = `${appConfig.publicPath}/img/logo/${appConfig.orgName}/${name}`;\r\n console.log(\"finalLogoSrc\", finalLogoSrc);\r\n \r\n return (\r\n <div\r\n className={classNames(\"logo\", className)}\r\n style={{\r\n ...style,\r\n ...{ width: logoWidth },\r\n }}\r\n >\r\n <img className={imgClass} src={finalLogoSrc} alt={`${APP_NAME} logo`} />\r\n </div>\r\n );\r\n};\r\n\r\nexport default Logo;\r\n"],"names":["Logo","props","name","className","imgClass","style","logoWidth","appConfig","useAppConfig","finalLogoSrc","jsx","classNames","APP_NAME"],"mappings":";;;;AAWA,MAAMA,IAAO,CAACC,MAAqB;AACjC,QAAM,EAAE,MAAAC,GAAM,WAAAC,GAAW,UAAAC,GAAU,OAAAC,GAAO,WAAAC,IAAY,WAAWL,GAC3DM,IAAYC,EAAA,GACZC,IAAe,GAAGF,EAAU,UAAU,aAAaA,EAAU,OAAO,IAAIL,CAAI;AAClF,iBAAQ,IAAI,gBAAgBO,CAAY,GAGtC,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAW,QAAQR,CAAS;AAAA,MACvC,OAAO;AAAA,QACL,GAAGE;AAAA,QACE,OAAOC;AAAA,MAAU;AAAA,MAGxB,UAAA,gBAAAI,EAAC,SAAI,WAAWN,GAAU,KAAKK,GAAc,KAAK,GAAGG,CAAQ,QAAA,CAAS;AAAA,IAAA;AAAA,EAAA;AAG5E;"}
1	+ {"version":3,"file":"Logo.js","sources":["../../../../lib/@ecme/components/template/Logo.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport { APP_NAME } from \"@/constants/app.constant\";\nimport type { CommonProps } from \"@/@types/common\";\nimport { useAppConfig } from \"@/configs/AppConfigContext\";\n\ninterface LogoProps extends CommonProps {\n name: string;\n imgClass?: string;\n logoWidth?: number \| string;\n}\n\nconst Logo = (props: LogoProps) => {\n const { name, className, imgClass, style, logoWidth = \"auto\" } = props;\n const appConfig = useAppConfig();\n const finalLogoSrc = `${appConfig.publicPath}/img/logo/${appConfig.orgName}/${name}`;\n console.log(\"finalLogoSrc\", finalLogoSrc);\n \n return (\n <div\n className={classNames(\"logo\", className)}\n style={{\n ...style,\n ...{ width: logoWidth },\n }}\n >\n <img className={imgClass} src={finalLogoSrc} alt={`${APP_NAME} logo`} />\n </div>\n );\n};\n\nexport default Logo;\n"],"names":["Logo","props","name","className","imgClass","style","logoWidth","appConfig","useAppConfig","finalLogoSrc","jsx","classNames","APP_NAME"],"mappings":";;;;AAWA,MAAMA,IAAO,CAACC,MAAqB;AACjC,QAAM,EAAE,MAAAC,GAAM,WAAAC,GAAW,UAAAC,GAAU,OAAAC,GAAO,WAAAC,IAAY,WAAWL,GAC3DM,IAAYC,EAAA,GACZC,IAAe,GAAGF,EAAU,UAAU,aAAaA,EAAU,OAAO,IAAIL,CAAI;AAClF,iBAAQ,IAAI,gBAAgBO,CAAY,GAGtC,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAW,QAAQR,CAAS;AAAA,MACvC,OAAO;AAAA,QACL,GAAGE;AAAA,QACE,OAAOC;AAAA,MAAU;AAAA,MAGxB,UAAA,gBAAAI,EAAC,SAAI,WAAWN,GAAU,KAAKK,GAAc,KAAK,GAAGG,CAAQ,QAAA,CAAS;AAAA,IAAA;AAAA,EAAA;AAG5E;"}

package/dist/@ecme/components/template/MobileNav.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MobileNav.js","sources":["../../../../lib/@ecme/components/template/MobileNav.tsx"],"sourcesContent":["import { useState, Suspense, lazy } from \"react\";\r\nimport classNames from \"classnames\";\r\nimport Drawer from \"@/components/ui/Drawer\";\r\nimport NavToggle from \"@/components/shared/NavToggle\";\r\nimport { DIR_RTL } from \"@/constants/theme.constant\";\r\nimport withHeaderItem, {\r\n WithHeaderItemProps,\r\n} from \"@/utils/hoc/withHeaderItem\";\r\nimport navigationConfig from \"@/configs/navigation.config\";\r\nimport appConfig from \"@/configs/app.config\";\r\nimport { useThemeStore } from \"@/store/themeStore\";\r\nimport { useRouteKeyStore } from \"@/store/routeKeyStore\";\r\nimport { useSessionUser } from \"@/store/authStore\";\r\nimport { LinkRenderer } from \"../layouts/Layouts\";\r\n\r\nconst VerticalMenuContent = lazy(\r\n () => import(\"@/components/template/VerticalMenuContent\")\r\n);\r\n\r\ntype MobileNavToggleProps = {\r\n toggled?: boolean;\r\n};\r\n\r\ntype MobileNavProps = {\r\n translationSetup?: boolean;\r\n linkRenderer?: LinkRenderer;\r\n};\r\n\r\nconst MobileNavToggle = withHeaderItem<\r\n MobileNavToggleProps & WithHeaderItemProps\r\n>(NavToggle);\r\n\r\nconst MobileNav = ({\r\n translationSetup = appConfig.activeNavTranslation,\r\n linkRenderer,\r\n}: MobileNavProps) => {\r\n const [isOpen, setIsOpen] = useState(false);\r\n\r\n const handleOpenDrawer = () => {\r\n setIsOpen(true);\r\n };\r\n\r\n const handleDrawerClose = () => {\r\n setIsOpen(false);\r\n };\r\n\r\n const direction = useThemeStore((state) => state.direction);\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 <>\r\n <div className=\"text-2xl\" onClick={handleOpenDrawer}>\r\n <MobileNavToggle toggled={isOpen} />\r\n </div>\r\n <Drawer\r\n title=\"Navigation\"\r\n isOpen={isOpen}\r\n bodyClass={classNames(\"p-0\")}\r\n width={330}\r\n placement={direction === DIR_RTL ? \"right\" : \"left\"}\r\n onClose={handleDrawerClose}\r\n onRequestClose={handleDrawerClose}\r\n >\r\n <Suspense fallback={<></>}>\r\n {isOpen && (\r\n <VerticalMenuContent\r\n collapsed={false}\r\n navigationTree={navigationConfig}\r\n routeKey={currentRouteKey}\r\n userAuthority={userAuthority as string[]}\r\n direction={direction}\r\n translationSetup={translationSetup}\r\n onMenuItemClick={handleDrawerClose}\r\n linkRenderer={linkRenderer}\r\n />\r\n )}\r\n </Suspense>\r\n </Drawer>\r\n </>\r\n );\r\n};\r\n\r\nexport default MobileNav;\r\n"],"names":["VerticalMenuContent","lazy","MobileNavToggle","withHeaderItem","NavToggle","MobileNav","translationSetup","appConfig","linkRenderer","isOpen","setIsOpen","useState","handleOpenDrawer","handleDrawerClose","direction","useThemeStore","state","currentRouteKey","useRouteKeyStore","userAuthority","useSessionUser","jsxs","Fragment","jsx","Drawer","classNames","DIR_RTL","Suspense","navigationConfig"],"mappings":";;;;;;;;;;;;;AAeA,MAAMA,IAAsBC;AAAA,EAC1B,MAAM,OAAO,gCAA2C;AAC1D,GAWMC,IAAkBC,EAEtBC,CAAS,GAELC,IAAY,CAAC;AAAA,EACjB,kBAAAC,IAAmBC,EAAU;AAAA,EAC7B,cAAAC;AACF,MAAsB;AACpB,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAAS,EAAK,GAEpCC,IAAmB,MAAM;AAC7B,IAAAF,EAAU,EAAI;AAAA,~~EAAA~~,~~GAGVG~~,IAAoB,MAAM;AAC9B,IAAAH,EAAU,EAAK;AAAA,~~EAAA~~,~~GAGXI~~,IAAYC,EAAc,CAACC,MAAUA,EAAM,SAAS,GACpDC,IAAkBC,EAAiB,CAACF,MAAUA,EAAM,eAAe,GAEnEG,IAAgBC,EAAe,CAACJ,MAAUA,EAAM,KAAK,SAAS;AAEpE,SACE,gBAAAK,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,YAAW,SAASX,GACjC,UAAA,gBAAAW,EAACrB,GAAA,EAAgB,SAASO,EAAA,CAAQ,EAAA,CACpC;AAAA,IACA,gBAAAc;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACN,QAAAf;AAAA,QACA,WAAWgB,EAAW,KAAK;AAAA,QAC3B,OAAO;AAAA,QACP,WAAWX,MAAcY,IAAU,UAAU;AAAA,QAC7C,SAASb;AAAA,QACT,gBAAgBA;AAAA,QAEhB,UAAA,gBAAAU,EAACI,GAAA,EAAS,UAAU,gBAAAJ,EAAAD,GAAA,EAAE,GACnB,UAAAb,KACC,gBAAAc;AAAA,UAACvB;AAAA,UAAA;AAAA,YACC,WAAW;AAAA,YACX,gBAAgB4B;AAAA,YAChB,UAAUX;AAAA,YACV,eAAAE;AAAA,YACA,WAAAL;AAAA,YACA,kBAAAR;AAAA,YACA,iBAAiBO;AAAA,YACjB,cAAAL;AAAA,UAAA;AAAA,QAAA,EACF,CAEJ;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;"}
1	+ {"version":3,"file":"MobileNav.js","sources":["../../../../lib/@ecme/components/template/MobileNav.tsx"],"sourcesContent":["import { useState, Suspense, lazy } from \"react\";\nimport classNames from \"classnames\";\nimport Drawer from \"@/components/ui/Drawer\";\nimport NavToggle from \"@/components/shared/NavToggle\";\nimport { DIR_RTL } from \"@/constants/theme.constant\";\nimport withHeaderItem, {\n WithHeaderItemProps,\n} from \"@/utils/hoc/withHeaderItem\";\nimport navigationConfig from \"@/configs/navigation.config\";\nimport appConfig from \"@/configs/app.config\";\nimport { useThemeStore } from \"@/store/themeStore\";\nimport { useRouteKeyStore } from \"@/store/routeKeyStore\";\nimport { useSessionUser } from \"@/store/authStore\";\nimport { LinkRenderer } from \"../layouts/Layouts\";\n\nconst VerticalMenuContent = lazy(\n () => import(\"@/components/template/VerticalMenuContent\")\n);\n\ntype MobileNavToggleProps = {\n toggled?: boolean;\n};\n\ntype MobileNavProps = {\n translationSetup?: boolean;\n linkRenderer?: LinkRenderer;\n};\n\nconst MobileNavToggle = withHeaderItem<\n MobileNavToggleProps & WithHeaderItemProps\n>(NavToggle);\n\nconst MobileNav = ({\n translationSetup = appConfig.activeNavTranslation,\n linkRenderer,\n}: MobileNavProps) => {\n const [isOpen, setIsOpen] = useState(false);\n\n const handleOpenDrawer = () => {\n setIsOpen(true);\n };\n\n const handleDrawerClose = () => {\n setIsOpen(false);\n };\n\n const direction = useThemeStore((state) => state.direction);\n const currentRouteKey = useRouteKeyStore((state) => state.currentRouteKey);\n\n const userAuthority = useSessionUser((state) => state.user.authority);\n\n return (\n <>\n <div className=\"text-2xl\" onClick={handleOpenDrawer}>\n <MobileNavToggle toggled={isOpen} />\n </div>\n <Drawer\n title=\"Navigation\"\n isOpen={isOpen}\n bodyClass={classNames(\"p-0\")}\n width={330}\n placement={direction === DIR_RTL ? \"right\" : \"left\"}\n onClose={handleDrawerClose}\n onRequestClose={handleDrawerClose}\n >\n <Suspense fallback={<></>}>\n {isOpen && (\n <VerticalMenuContent\n collapsed={false}\n navigationTree={navigationConfig}\n routeKey={currentRouteKey}\n userAuthority={userAuthority as string[]}\n direction={direction}\n translationSetup={translationSetup}\n onMenuItemClick={handleDrawerClose}\n linkRenderer={linkRenderer}\n />\n )}\n </Suspense>\n </Drawer>\n </>\n );\n};\n\nexport default MobileNav;\n"],"names":["VerticalMenuContent","lazy","MobileNavToggle","withHeaderItem","NavToggle","MobileNav","translationSetup","appConfig","linkRenderer","isOpen","setIsOpen","useState","handleOpenDrawer","handleDrawerClose","direction","useThemeStore","state","currentRouteKey","useRouteKeyStore","userAuthority","useSessionUser","jsxs","Fragment","jsx","Drawer","classNames","DIR_RTL","Suspense","navigationConfig"],"mappings":";;;;;;;;;;;;;AAeA,MAAMA,IAAsBC;AAAA,EAC1B,MAAM,OAAO,gCAA2C;AAC1D,GAWMC,IAAkBC,EAEtBC,CAAS,GAELC,IAAY,CAAC;AAAA,EACjB,kBAAAC,IAAmBC,EAAU;AAAA,EAC7B,cAAAC;AACF,MAAsB;AACpB,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAAS,EAAK,GAEpCC,IAAmB,MAAM;AAC7B,IAAAF,EAAU,EAAI;AAAA,EAChB,GAEMG,IAAoB,MAAM;AAC9B,IAAAH,EAAU,EAAK;AAAA,EACjB,GAEMI,IAAYC,EAAc,CAACC,MAAUA,EAAM,SAAS,GACpDC,IAAkBC,EAAiB,CAACF,MAAUA,EAAM,eAAe,GAEnEG,IAAgBC,EAAe,CAACJ,MAAUA,EAAM,KAAK,SAAS;AAEpE,SACE,gBAAAK,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,YAAW,SAASX,GACjC,UAAA,gBAAAW,EAACrB,GAAA,EAAgB,SAASO,EAAA,CAAQ,EAAA,CACpC;AAAA,IACA,gBAAAc;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACN,QAAAf;AAAA,QACA,WAAWgB,EAAW,KAAK;AAAA,QAC3B,OAAO;AAAA,QACP,WAAWX,MAAcY,IAAU,UAAU;AAAA,QAC7C,SAASb;AAAA,QACT,gBAAgBA;AAAA,QAEhB,UAAA,gBAAAU,EAACI,GAAA,EAAS,UAAU,gBAAAJ,EAAAD,GAAA,EAAE,GACnB,UAAAb,KACC,gBAAAc;AAAA,UAACvB;AAAA,UAAA;AAAA,YACC,WAAW;AAAA,YACX,gBAAgB4B;AAAA,YAChB,UAAUX;AAAA,YACV,eAAAE;AAAA,YACA,WAAAL;AAAA,YACA,kBAAAR;AAAA,YACA,iBAAiBO;AAAA,YACjB,cAAAL;AAAA,UAAA;AAAA,QAAA,EACF,CAEJ;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;"}

package/dist/@ecme/components/template/Notification/Notification.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Notification.js","sources":["../../../../../lib/@ecme/components/template/Notification/Notification.tsx"],"sourcesContent":["import { useEffect, useState, useRef } from 'react'\r\nimport classNames from 'classnames'\r\nimport withHeaderItem from '@/utils/hoc/withHeaderItem'\r\nimport Dropdown from '@/components/ui/Dropdown'\r\nimport ScrollBar from '@/components/ui/ScrollBar'\r\nimport Spinner from '@/components/ui/Spinner'\r\nimport Badge from '@/components/ui/Badge'\r\nimport Button from '@/components/ui/Button'\r\nimport Tooltip from '@/components/ui/Tooltip'\r\nimport NotificationAvatar from './NotificationAvatar'\r\nimport NotificationToggle from './NotificationToggle'\r\nimport { HiOutlineMailOpen } from 'react-icons/hi'\r\nimport {\r\n apiGetNotificationList,\r\n apiGetNotificationCount,\r\n} from '@/services/CommonService'\r\nimport isLastChild from '@/utils/isLastChild'\r\nimport useResponsive from '@/utils/hooks/useResponsive'\r\nimport { useNavigate } from 'react-router-dom'\r\n\r\nimport type { DropdownRef } from '@/components/ui/Dropdown'\r\nimport { useTranslation } from 'react-i18next'\r\n\r\ntype NotificationList = {\r\n id: string\r\n target: string\r\n description: string\r\n date: string\r\n image: string\r\n type: number\r\n location: string\r\n locationLabel: string\r\n status: string\r\n readed: boolean\r\n}\r\n\r\nconst notificationHeight = 'h-[280px]'\r\n\r\nconst _Notification = ({ className }: { className?: string }) => {\r\n const [notificationList, setNotificationList] = useState<\r\n NotificationList[]\r\n >([])\r\n const [unreadNotification, setUnreadNotification] = useState(false)\r\n const [noResult, setNoResult] = useState(false)\r\n const [loading, setLoading] = useState(false)\r\n\r\n const { larger } = useResponsive()\r\n\r\n const navigate = useNavigate()\r\n\r\n const getNotificationCount = async () => {\r\n const resp = await apiGetNotificationCount()\r\n if (resp.count > 0) {\r\n setNoResult(false)\r\n setUnreadNotification(true)\r\n } else {\r\n setNoResult(true)\r\n }\r\n }\r\n\r\n useEffect(() => {\r\n getNotificationCount()\r\n }, [])\r\n\r\n const onNotificationOpen = async () => {\r\n if (notificationList.length === 0) {\r\n setLoading(true)\r\n const resp = await apiGetNotificationList()\r\n setLoading(false)\r\n setNotificationList(resp)\r\n }\r\n }\r\n\r\n const onMarkAllAsRead = () => {\r\n const list = notificationList.map((item: NotificationList) => {\r\n if (!item.readed) {\r\n item.readed = true\r\n }\r\n return item\r\n })\r\n setNotificationList(list)\r\n setUnreadNotification(false)\r\n }\r\n\r\n const onMarkAsRead = (id: string) => {\r\n const list = notificationList.map((item) => {\r\n if (item.id === id) {\r\n item.readed = true\r\n }\r\n return item\r\n })\r\n setNotificationList(list)\r\n const hasUnread = notificationList.some((item) => !item.readed)\r\n\r\n if (!hasUnread) {\r\n setUnreadNotification(false)\r\n }\r\n }\r\n\r\n const notificationDropdownRef = useRef<DropdownRef>(null)\r\n\r\n const handleViewAllActivity = () => {\r\n navigate('/concepts/account/activity-log')\r\n if (notificationDropdownRef.current) {\r\n notificationDropdownRef.current.handleDropdownClose()\r\n }\r\n }\r\n\r\n const { t } = useTranslation()\r\n\r\n const isDisabled = true\r\n\r\n return (\r\n <Dropdown\r\n disabled={isDisabled}\r\n ref={notificationDropdownRef}\r\n renderTitle={\r\n <NotificationToggle\r\n dot={unreadNotification}\r\n className={isDisabled ? 'header-action-item-disabled' : className}\r\n />\r\n }\r\n menuClass=\"min-w-[280px] md:min-w-[340px]\"\r\n placement={larger.md ? 'bottom-end' : 'bottom'}\r\n onOpen={onNotificationOpen}\r\n >\r\n <Dropdown.Item variant=\"header\">\r\n <div className=\"mb-1 flex items-center justify-between px-2 dark:border-gray-700\">\r\n <h6>{t('base.layout.notifications.title')}</h6>\r\n <Tooltip\r\n title={t('base.layout.notifications.actions.readAll')}\r\n >\r\n <Button\r\n variant=\"plain\"\r\n shape=\"circle\"\r\n size=\"sm\"\r\n icon={<HiOutlineMailOpen className=\"text-xl\" />}\r\n onClick={onMarkAllAsRead}\r\n />\r\n </Tooltip>\r\n </div>\r\n </Dropdown.Item>\r\n <ScrollBar\r\n className={classNames('overflow-y-auto', notificationHeight)}\r\n >\r\n {notificationList.length > 0 &&\r\n notificationList.map((item, index) => (\r\n <div key={item.id}>\r\n <div\r\n className={`relative flex cursor-pointer rounded-xl px-4 py-3 hover:bg-gray-100 active:bg-gray-100 dark:hover:bg-gray-700`}\r\n onClick={() => onMarkAsRead(item.id)}\r\n >\r\n <div>\r\n <NotificationAvatar {...item} />\r\n </div>\r\n <div className=\"mx-3\">\r\n <div>\r\n {item.target && (\r\n <span className=\"heading-text font-semibold\">\r\n {item.target}{' '}\r\n </span>\r\n )}\r\n <span>{item.description}</span>\r\n </div>\r\n <span className=\"text-xs\">{item.date}</span>\r\n </div>\r\n <Badge\r\n className=\"absolute top-4 mt-1.5 ltr:right-4 rtl:left-4\"\r\n innerClass={`${\r\n item.readed\r\n ? 'bg-gray-300 dark:bg-gray-600'\r\n : 'bg-primary'\r\n } `}\r\n />\r\n </div>\r\n {!isLastChild(notificationList, index) ? (\r\n <div className=\"my-2 border-b border-gray-200 dark:border-gray-700\" />\r\n ) : (\r\n ''\r\n )}\r\n </div>\r\n ))}\r\n {loading && (\r\n <div\r\n className={classNames(\r\n 'flex items-center justify-center',\r\n notificationHeight,\r\n )}\r\n >\r\n <Spinner size={40} />\r\n </div>\r\n )}\r\n {noResult && notificationList.length === 0 && (\r\n <div\r\n className={classNames(\r\n 'flex items-center justify-center',\r\n notificationHeight,\r\n )}\r\n >\r\n <div className=\"text-center\">\r\n <img\r\n className=\"mx-auto mb-2 max-w-[150px]\"\r\n src=\"/img/others/no-notification.png\"\r\n alt=\"no-notification\"\r\n />\r\n <h6 className=\"font-semibold\">No notifications!</h6>\r\n <p className=\"mt-1\">Please Try again later</p>\r\n </div>\r\n </div>\r\n )}\r\n </ScrollBar>\r\n <Dropdown.Item variant=\"header\">\r\n <div className=\"pt-4\">\r\n <Button\r\n block\r\n variant=\"solid\"\r\n onClick={handleViewAllActivity}\r\n >\r\n {t('base.layout.notifications.buttons.viewAll')}\r\n </Button>\r\n </div>\r\n </Dropdown.Item>\r\n </Dropdown>\r\n )\r\n}\r\n\r\nconst Notification = withHeaderItem(_Notification)\r\n\r\nexport default Notification\r\n"],"names":["notificationHeight","_Notification","className","notificationList","setNotificationList","useState","unreadNotification","setUnreadNotification","noResult","setNoResult","loading","setLoading","larger","useResponsive","navigate","useNavigate","getNotificationCount","apiGetNotificationCount","useEffect","onNotificationOpen","resp","apiGetNotificationList","onMarkAllAsRead","list","item","onMarkAsRead","id","notificationDropdownRef","useRef","handleViewAllActivity","t","useTranslation","isDisabled","jsxs","Dropdown","jsx","NotificationToggle","Tooltip","Button","HiOutlineMailOpen","ScrollBar","classNames","index","NotificationAvatar","Badge","isLastChild","Spinner","Notification","withHeaderItem"],"mappings":"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"}
1	+ {"version":3,"file":"Notification.js","sources":["../../../../../lib/@ecme/components/template/Notification/Notification.tsx"],"sourcesContent":["import { useEffect, useState, useRef } from 'react'\nimport classNames from 'classnames'\nimport withHeaderItem from '@/utils/hoc/withHeaderItem'\nimport Dropdown from '@/components/ui/Dropdown'\nimport ScrollBar from '@/components/ui/ScrollBar'\nimport Spinner from '@/components/ui/Spinner'\nimport Badge from '@/components/ui/Badge'\nimport Button from '@/components/ui/Button'\nimport Tooltip from '@/components/ui/Tooltip'\nimport NotificationAvatar from './NotificationAvatar'\nimport NotificationToggle from './NotificationToggle'\nimport { HiOutlineMailOpen } from 'react-icons/hi'\nimport {\n apiGetNotificationList,\n apiGetNotificationCount,\n} from '@/services/CommonService'\nimport isLastChild from '@/utils/isLastChild'\nimport useResponsive from '@/utils/hooks/useResponsive'\nimport { useNavigate } from 'react-router-dom'\n\nimport type { DropdownRef } from '@/components/ui/Dropdown'\nimport { useTranslation } from 'react-i18next'\n\ntype NotificationList = {\n id: string\n target: string\n description: string\n date: string\n image: string\n type: number\n location: string\n locationLabel: string\n status: string\n readed: boolean\n}\n\nconst notificationHeight = 'h-[280px]'\n\nconst _Notification = ({ className }: { className?: string }) => {\n const [notificationList, setNotificationList] = useState<\n NotificationList[]\n >([])\n const [unreadNotification, setUnreadNotification] = useState(false)\n const [noResult, setNoResult] = useState(false)\n const [loading, setLoading] = useState(false)\n\n const { larger } = useResponsive()\n\n const navigate = useNavigate()\n\n const getNotificationCount = async () => {\n const resp = await apiGetNotificationCount()\n if (resp.count > 0) {\n setNoResult(false)\n setUnreadNotification(true)\n } else {\n setNoResult(true)\n }\n }\n\n useEffect(() => {\n getNotificationCount()\n }, [])\n\n const onNotificationOpen = async () => {\n if (notificationList.length === 0) {\n setLoading(true)\n const resp = await apiGetNotificationList()\n setLoading(false)\n setNotificationList(resp)\n }\n }\n\n const onMarkAllAsRead = () => {\n const list = notificationList.map((item: NotificationList) => {\n if (!item.readed) {\n item.readed = true\n }\n return item\n })\n setNotificationList(list)\n setUnreadNotification(false)\n }\n\n const onMarkAsRead = (id: string) => {\n const list = notificationList.map((item) => {\n if (item.id === id) {\n item.readed = true\n }\n return item\n })\n setNotificationList(list)\n const hasUnread = notificationList.some((item) => !item.readed)\n\n if (!hasUnread) {\n setUnreadNotification(false)\n }\n }\n\n const notificationDropdownRef = useRef<DropdownRef>(null)\n\n const handleViewAllActivity = () => {\n navigate('/concepts/account/activity-log')\n if (notificationDropdownRef.current) {\n notificationDropdownRef.current.handleDropdownClose()\n }\n }\n\n const { t } = useTranslation()\n\n const isDisabled = true\n\n return (\n <Dropdown\n disabled={isDisabled}\n ref={notificationDropdownRef}\n renderTitle={\n <NotificationToggle\n dot={unreadNotification}\n className={isDisabled ? 'header-action-item-disabled' : className}\n />\n }\n menuClass=\"min-w-[280px] md:min-w-[340px]\"\n placement={larger.md ? 'bottom-end' : 'bottom'}\n onOpen={onNotificationOpen}\n >\n <Dropdown.Item variant=\"header\">\n <div className=\"mb-1 flex items-center justify-between px-2 dark:border-gray-700\">\n <h6>{t('base.layout.notifications.title')}</h6>\n <Tooltip\n title={t('base.layout.notifications.actions.readAll')}\n >\n <Button\n variant=\"plain\"\n shape=\"circle\"\n size=\"sm\"\n icon={<HiOutlineMailOpen className=\"text-xl\" />}\n onClick={onMarkAllAsRead}\n />\n </Tooltip>\n </div>\n </Dropdown.Item>\n <ScrollBar\n className={classNames('overflow-y-auto', notificationHeight)}\n >\n {notificationList.length > 0 &&\n notificationList.map((item, index) => (\n <div key={item.id}>\n <div\n className={`relative flex cursor-pointer rounded-xl px-4 py-3 hover:bg-gray-100 active:bg-gray-100 dark:hover:bg-gray-700`}\n onClick={() => onMarkAsRead(item.id)}\n >\n <div>\n <NotificationAvatar {...item} />\n </div>\n <div className=\"mx-3\">\n <div>\n {item.target && (\n <span className=\"heading-text font-semibold\">\n {item.target}{' '}\n </span>\n )}\n <span>{item.description}</span>\n </div>\n <span className=\"text-xs\">{item.date}</span>\n </div>\n <Badge\n className=\"absolute top-4 mt-1.5 ltr:right-4 rtl:left-4\"\n innerClass={`${\n item.readed\n ? 'bg-gray-300 dark:bg-gray-600'\n : 'bg-primary'\n } `}\n />\n </div>\n {!isLastChild(notificationList, index) ? (\n <div className=\"my-2 border-b border-gray-200 dark:border-gray-700\" />\n ) : (\n ''\n )}\n </div>\n ))}\n {loading && (\n <div\n className={classNames(\n 'flex items-center justify-center',\n notificationHeight,\n )}\n >\n <Spinner size={40} />\n </div>\n )}\n {noResult && notificationList.length === 0 && (\n <div\n className={classNames(\n 'flex items-center justify-center',\n notificationHeight,\n )}\n >\n <div className=\"text-center\">\n <img\n className=\"mx-auto mb-2 max-w-[150px]\"\n src=\"/img/others/no-notification.png\"\n alt=\"no-notification\"\n />\n <h6 className=\"font-semibold\">No notifications!</h6>\n <p className=\"mt-1\">Please Try again later</p>\n </div>\n </div>\n )}\n </ScrollBar>\n <Dropdown.Item variant=\"header\">\n <div className=\"pt-4\">\n <Button\n block\n variant=\"solid\"\n onClick={handleViewAllActivity}\n >\n {t('base.layout.notifications.buttons.viewAll')}\n </Button>\n </div>\n </Dropdown.Item>\n </Dropdown>\n )\n}\n\nconst Notification = withHeaderItem(_Notification)\n\nexport default Notification\n"],"names":["notificationHeight","_Notification","className","notificationList","setNotificationList","useState","unreadNotification","setUnreadNotification","noResult","setNoResult","loading","setLoading","larger","useResponsive","navigate","useNavigate","getNotificationCount","apiGetNotificationCount","useEffect","onNotificationOpen","resp","apiGetNotificationList","onMarkAllAsRead","list","item","onMarkAsRead","id","notificationDropdownRef","useRef","handleViewAllActivity","t","useTranslation","isDisabled","jsxs","Dropdown","jsx","NotificationToggle","Tooltip","Button","HiOutlineMailOpen","ScrollBar","classNames","index","NotificationAvatar","Badge","isLastChild","Spinner","Notification","withHeaderItem"],"mappings":"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"}

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

	@@ -1 +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":["imagePath","GeneratedAvatar","target","color","useRandomBgColor","jsx","Avatar","acronym","NotificationAvatar","props","type","image","status","HiOutlineCalendar","HiOutlineClipboardCheck","HiOutlineBan"],"mappings":";;;;;AASA,MAAMA,IAAY,iBAEZC,IAAkB,CAAC,EAAE,QAAAC,QAAiC;AACxD,QAAMC,IAAQC,EAAA;AACd,SACI,gBAAAC,EAACC,GAAA,EAAO,OAAM,UAAS,WAAW,iBAAiBH,EAAMD,CAAM,CAAC,IAC3D,UAAAK,EAAQL,CAAM,GACnB;AAER,GAEMM,IAAqB,CAACC,MAKtB;AACF,QAAM,EAAE,MAAAC,GAAM,QAAAR,GAAQ,OAAAS,GAAO,QAAAC,MAAWH;AACxC,UAAQC,GAAA;AAAA,IACJ,KAAK;AACD,aAAIC,IACO,gBAAAN,EAACC,KAAO,OAAM,UAAS,KAAK,GAAGN,CAAS,GAAGW,CAAK,GAAA,CAAI,IAEpD,gBAAAN,EAACJ,KAAgB,QAAAC,GAAgB;AAAA,IAEhD,KAAK;AACD,aACI,gBAAAG;AAAA,QAACC;AAAA,QAAA;AAAA,UACG,OAAM;AAAA,UACN,WAAU;AAAA,UACV,wBAAOO,GAAA,CAAA,CAAkB;AAAA,QAAA;AAAA,MAAA;AAAA,IAGrC,KAAK;AACD,aACI,gBAAAR;AAAA,QAACC;AAAA,QAAA;AAAA,UACG,OAAM;AAAA,UACN,WACIM,MAAW,YACL,iCACA;AAAA,UAEV,MACIA,MAAW,8BACNE,GAAA,EAAwB,sBAExBC,GAAA,CAAA,CAAa;AAAA,QAAA;AAAA,MAAA;AAAA,IAKlC;AACI,+BAAQT,GAAA,EAAO;AAAA,EAAA;AAE3B;"}
1	+ {"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":["imagePath","GeneratedAvatar","target","color","useRandomBgColor","jsx","Avatar","acronym","NotificationAvatar","props","type","image","status","HiOutlineCalendar","HiOutlineClipboardCheck","HiOutlineBan"],"mappings":";;;;;AASA,MAAMA,IAAY,iBAEZC,IAAkB,CAAC,EAAE,QAAAC,QAAiC;AACxD,QAAMC,IAAQC,EAAA;AACd,SACI,gBAAAC,EAACC,GAAA,EAAO,OAAM,UAAS,WAAW,iBAAiBH,EAAMD,CAAM,CAAC,IAC3D,UAAAK,EAAQL,CAAM,GACnB;AAER,GAEMM,IAAqB,CAACC,MAKtB;AACF,QAAM,EAAE,MAAAC,GAAM,QAAAR,GAAQ,OAAAS,GAAO,QAAAC,MAAWH;AACxC,UAAQC,GAAA;AAAA,IACJ,KAAK;AACD,aAAIC,IACO,gBAAAN,EAACC,KAAO,OAAM,UAAS,KAAK,GAAGN,CAAS,GAAGW,CAAK,GAAA,CAAI,IAEpD,gBAAAN,EAACJ,KAAgB,QAAAC,GAAgB;AAAA,IAEhD,KAAK;AACD,aACI,gBAAAG;AAAA,QAACC;AAAA,QAAA;AAAA,UACG,OAAM;AAAA,UACN,WAAU;AAAA,UACV,wBAAOO,GAAA,CAAA,CAAkB;AAAA,QAAA;AAAA,MAAA;AAAA,IAGrC,KAAK;AACD,aACI,gBAAAR;AAAA,QAACC;AAAA,QAAA;AAAA,UACG,OAAM;AAAA,UACN,WACIM,MAAW,YACL,iCACA;AAAA,UAEV,MACIA,MAAW,8BACNE,GAAA,EAAwB,sBAExBC,GAAA,CAAA,CAAa;AAAA,QAAA;AAAA,MAAA;AAAA,IAKlC;AACI,+BAAQT,GAAA,EAAO;AAAA,EAAA;AAE3B;"}

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

	@@ -1 +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":["NotificationToggle","className","dot","jsx","classNames","Badge","PiBellDuotone"],"mappings":";;;;;AAIA,MAAMA,IAAqB,CAAC;AAAA,EACxB,WAAAC;AAAA,EACA,KAAAC;AACJ,MAKQ,gBAAAC,EAAC,SAAI,WAAWC,EAAW,YAAYH,CAAS,GAC3C,UAAAC,IACG,gBAAAC,EAACE,GAAA,EAAM,YAAY,EAAE,KAAK,OAAO,OAAO,SACpC,UAAA,gBAAAF,EAACG,KAAc,EAAA,CACnB,IAEA,gBAAAH,EAACG,GAAA,CAAA,CAAc,EAAA,CAEvB;"}
1	+ {"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":["NotificationToggle","className","dot","jsx","classNames","Badge","PiBellDuotone"],"mappings":";;;;;AAIA,MAAMA,IAAqB,CAAC;AAAA,EACxB,WAAAC;AAAA,EACA,KAAAC;AACJ,MAKQ,gBAAAC,EAAC,SAAI,WAAWC,EAAW,YAAYH,CAAS,GAC3C,UAAAC,IACG,gBAAAC,EAACE,GAAA,EAAM,YAAY,EAAE,KAAK,OAAO,OAAO,SACpC,UAAA,gBAAAF,EAACG,KAAc,EAAA,CACnB,IAEA,gBAAAH,EAACG,GAAA,CAAA,CAAc,EAAA,CAEvB;"}

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

	@@ -1 +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":["CustomHeader","header","props","jsx","PageContainerHeader","title","contained","extraHeader","customeHeader","gutterLess","className","jsxs","classNames","Suspense","Fragment","PageContainerBody","pageContainerType","children","Container","PageContainerFooter","footer","Footer","PageContainer","pageBackgroundType","pageContainerReassemble","useLayout","defaultClass","pageContainerDefaultClass","pageContainerGutterClass","PAGE_CONTAINER_GUTTER_X","PAGE_CONTAINER_GUTTER_Y"],"mappings":"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"}
1	+ {"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":["CustomHeader","header","props","jsx","PageContainerHeader","title","contained","extraHeader","customeHeader","gutterLess","className","jsxs","classNames","Suspense","Fragment","PageContainerBody","pageContainerType","children","Container","PageContainerFooter","footer","Footer","PageContainer","pageBackgroundType","pageContainerReassemble","useLayout","defaultClass","pageContainerDefaultClass","pageContainerGutterClass","PAGE_CONTAINER_GUTTER_X","PAGE_CONTAINER_GUTTER_Y"],"mappings":"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"}

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

	@@ -1 +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":["ListItem","props","icon","label","url","keyWord","onNavigate","breadcrumbs","makeBreadcrumbs","jsx","Link","jsxs","classNames","Highlighter","HiChevronRight","_Search","className","loading","setLoading","useState","searchDialogOpen","setSearchDialogOpen","searchResult","setSearchResult","noResult","setNoResult","inputRef","useRef","handleReset","handleSearchOpen","handleSearchClose","debounceFn","debounce","handleDebounceFn","t","useTranslation","flatNavTree","useMemo","arr","makeflat","item","parents","navigationConfig","filterNavigationTreeFlat","text","tree","NAV_ITEM_TYPE_ITEM","navTreeFlatToSearchResult","navTreeSearchResult","query","res","handleSearch","e","useEffect","timeout","_a","handleNavigate","Fragment","PiMagnifyingGlassDuotone","Dialog","HiOutlineSearch","Button","Spinner","ScrollBar","result","data","index","Search","withHeaderItem"],"mappings":"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"}
1	+ {"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":["ListItem","props","icon","label","url","keyWord","onNavigate","breadcrumbs","makeBreadcrumbs","jsx","Link","jsxs","classNames","Highlighter","HiChevronRight","_Search","className","loading","setLoading","useState","searchDialogOpen","setSearchDialogOpen","searchResult","setSearchResult","noResult","setNoResult","inputRef","useRef","handleReset","handleSearchOpen","handleSearchClose","debounceFn","debounce","handleDebounceFn","t","useTranslation","flatNavTree","useMemo","arr","makeflat","item","parents","navigationConfig","filterNavigationTreeFlat","text","tree","NAV_ITEM_TYPE_ITEM","navTreeFlatToSearchResult","navTreeSearchResult","query","res","handleSearch","e","useEffect","timeout","_a","handleNavigate","Fragment","PiMagnifyingGlassDuotone","Dialog","HiOutlineSearch","Button","Spinner","ScrollBar","result","data","index","Search","withHeaderItem"],"mappings":"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"}

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

	@@ -1 +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":["sideNavStyle","SIDE_NAV_WIDTH","sideNavCollapseStyle","SIDE_NAV_COLLAPSED_WIDTH","SideNav","translationSetup","appConfig","background","className","contentClass","mode","linkRenderer","defaultMode","useThemeStore","state","direction","sideNavCollapse","currentRouteKey","useRouteKeyStore","userAuthority","useSessionUser","jsxs","classNames","jsx","Link","HEADER_HEIGHT","Logo","getLogoFilename","SIDE_NAV_CONTENT_GUTTER","LOGO_X_GUTTER","ScrollBar","VerticalMenuContent","navigationConfig"],"mappings":";;;;;;;;;;;;;;;AA8BA,MAAMA,IAAe;AAAA,EACnB,OAAOC;AAAA,EACP,UAAUA;AACZ,GAEMC,IAAuB;AAAA,EAC3B,OAAOC;AAAA,EACP,UAAUA;AACZ,GAEMC,IAAU,CAAC;AAAA,EACf,kBAAAC,IAAmBC,EAAU;AAAA,EAC7B,YAAAC,IAAa;AAAA,EACb,WAAAC;AAAA,EACA,cAAAC;AAAA,EACA,MAAAC;AAAA,EACA,cAAAC;AACF,MAAoB;AAClB,QAAMC,IAAcC,EAAc,CAACC,MAAUA,EAAM,IAAI,GACjDC,IAAYF,EAAc,CAACC,MAAUA,EAAM,SAAS,GACpDE,IAAkBH;AAAA,IACtB,CAACC,MAAUA,EAAM,OAAO;AAAA,EAAA,GAGpBG,IAAkBC,EAAiB,CAACJ,MAAUA,EAAM,eAAe,GAEnEK,IAAgBC,EAAe,CAACN,MAAUA,EAAM,KAAK,SAAS;AAEpE,SACE,gBAAAO;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAOL,IAAkBd,IAAuBF;AAAA,MAChD,WAAWsB;AAAA,QACT;AAAA,QACAf,KAAc;AAAA,QACd,CAACS,KAAmB;AAAA,QACpBR;AAAA,MAAA;AAAA,MAGF,UAAA;AAAA,QAAA,gBAAAe;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,IAAIlB,EAAU;AAAA,YACd,WAAU;AAAA,YACV,OAAO,EAAE,QAAQmB,EAAA;AAAA,YAEjB,UAAA,gBAAAF;AAAA,cAACG;AAAA,cAAA;AAAA,gBACC,UAAS;AAAA,gBACT,MAAMC,EAAgBX,GAAiBJ,CAAW;AAAA,gBAClD,WAAWU;AAAA,kBACT;AAAA,kBACAN,KAAmB;AAAA,kBACnBA,IAAkBY,IAA0BC;AAAA,gBAAA;AAAA,cAC9C;AAAA,YAAA;AAAA,UACF;AAAA,QAAA;AAAA,QAEF,gBAAAN,EAAC,OAAA,EAAI,WAAWD,EAAW,oBAAoBb,CAAY,GACzD,UAAA,gBAAAc,EAACO,GAAA,EAAU,OAAO,EAAE,QAAQ,UAAU,WAAAf,GACpC,UAAA,gBAAAQ;AAAA,UAACQ;AAAA,UAAA;AAAA,YACC,WAAWf;AAAA,YACX,gBAAgBgB;AAAA,YAChB,UAAUf;AAAA,YACV,WAAAF;AAAA,YACA,kBAAAV;AAAA,YACA,eAAec,KAAiB,CAAA;AAAA,YAChC,cAAAR;AAAA,UAAA;AAAA,QAAA,GAEJ,EAAA,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}
1	+ {"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":["sideNavStyle","SIDE_NAV_WIDTH","sideNavCollapseStyle","SIDE_NAV_COLLAPSED_WIDTH","SideNav","translationSetup","appConfig","background","className","contentClass","mode","linkRenderer","defaultMode","useThemeStore","state","direction","sideNavCollapse","currentRouteKey","useRouteKeyStore","userAuthority","useSessionUser","jsxs","classNames","jsx","Link","HEADER_HEIGHT","Logo","getLogoFilename","SIDE_NAV_CONTENT_GUTTER","LOGO_X_GUTTER","ScrollBar","VerticalMenuContent","navigationConfig"],"mappings":";;;;;;;;;;;;;;;AA8BA,MAAMA,IAAe;AAAA,EACnB,OAAOC;AAAA,EACP,UAAUA;AACZ,GAEMC,IAAuB;AAAA,EAC3B,OAAOC;AAAA,EACP,UAAUA;AACZ,GAEMC,IAAU,CAAC;AAAA,EACf,kBAAAC,IAAmBC,EAAU;AAAA,EAC7B,YAAAC,IAAa;AAAA,EACb,WAAAC;AAAA,EACA,cAAAC;AAAA,EACA,MAAAC;AAAA,EACA,cAAAC;AACF,MAAoB;AAClB,QAAMC,IAAcC,EAAc,CAACC,MAAUA,EAAM,IAAI,GACjDC,IAAYF,EAAc,CAACC,MAAUA,EAAM,SAAS,GACpDE,IAAkBH;AAAA,IACtB,CAACC,MAAUA,EAAM,OAAO;AAAA,EAAA,GAGpBG,IAAkBC,EAAiB,CAACJ,MAAUA,EAAM,eAAe,GAEnEK,IAAgBC,EAAe,CAACN,MAAUA,EAAM,KAAK,SAAS;AAEpE,SACE,gBAAAO;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAOL,IAAkBd,IAAuBF;AAAA,MAChD,WAAWsB;AAAA,QACT;AAAA,QACAf,KAAc;AAAA,QACd,CAACS,KAAmB;AAAA,QACpBR;AAAA,MAAA;AAAA,MAGF,UAAA;AAAA,QAAA,gBAAAe;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,IAAIlB,EAAU;AAAA,YACd,WAAU;AAAA,YACV,OAAO,EAAE,QAAQmB,EAAA;AAAA,YAEjB,UAAA,gBAAAF;AAAA,cAACG;AAAA,cAAA;AAAA,gBACC,UAAS;AAAA,gBACT,MAAMC,EAAgBX,GAAiBJ,CAAW;AAAA,gBAClD,WAAWU;AAAA,kBACT;AAAA,kBACAN,KAAmB;AAAA,kBACnBA,IAAkBY,IAA0BC;AAAA,gBAAA;AAAA,cAC9C;AAAA,YAAA;AAAA,UACF;AAAA,QAAA;AAAA,QAEF,gBAAAN,EAAC,OAAA,EAAI,WAAWD,EAAW,oBAAoBb,CAAY,GACzD,UAAA,gBAAAc,EAACO,GAAA,EAAU,OAAO,EAAE,QAAQ,UAAU,WAAAf,GACpC,UAAA,gBAAAQ;AAAA,UAACQ;AAAA,UAAA;AAAA,YACC,WAAWf;AAAA,YACX,gBAAgBgB;AAAA,YAChB,UAAUf;AAAA,YACV,WAAAF;AAAA,YACA,kBAAAV;AAAA,YACA,eAAec,KAAiB,CAAA;AAAA,YAChC,cAAAR;AAAA,UAAA;AAAA,QAAA,GAEJ,EAAA,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}

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

	@@ -1 +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":["_SideNavToggle","className","layout","setSideNavCollapse","useThemeStore","state","sideNavCollapse","larger","useResponsive","onCollapse","jsx","NavToggle","SideNavToggle","withHeaderItem"],"mappings":";;;;;AAMA,MAAMA,IAAiB,CAAC,EAAE,WAAAC,QAA6B;AACnD,QAAM,EAAE,QAAAC,GAAQ,oBAAAC,EAAA,IAAuBC,EAAc,CAACC,MAAUA,CAAK,GAE/DC,IAAkBJ,EAAO,iBAEzB,EAAE,QAAAK,EAAA,IAAWC,EAAA,GAEbC,IAAa,MAAM;AACrB,IAAAN,EAAmB,CAACG,CAAe;AAAA,~~EAAA~~;~~AAGvC~~,gCAES,UAAAC,EAAO,MACJ,gBAAAG,EAAC,OAAA,EAAI,WAAAT,GAAsB,MAAK,UAAS,SAASQ,GAC9C,4BAACE,GAAA,EAAU,WAAU,YAAW,SAASL,GAAiB,GAC9D,EAAA,CAER;AAER,GAEMM,IAAgBC,EAAeb,CAAc;"}
1	+ {"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":["_SideNavToggle","className","layout","setSideNavCollapse","useThemeStore","state","sideNavCollapse","larger","useResponsive","onCollapse","jsx","NavToggle","SideNavToggle","withHeaderItem"],"mappings":";;;;;AAMA,MAAMA,IAAiB,CAAC,EAAE,WAAAC,QAA6B;AACnD,QAAM,EAAE,QAAAC,GAAQ,oBAAAC,EAAA,IAAuBC,EAAc,CAACC,MAAUA,CAAK,GAE/DC,IAAkBJ,EAAO,iBAEzB,EAAE,QAAAK,EAAA,IAAWC,EAAA,GAEbC,IAAa,MAAM;AACrB,IAAAN,EAAmB,CAACG,CAAe;AAAA,EACvC;AAEA,gCAES,UAAAC,EAAO,MACJ,gBAAAG,EAAC,OAAA,EAAI,WAAAT,GAAsB,MAAK,UAAS,SAASQ,GAC9C,4BAACE,GAAA,EAAU,WAAU,YAAW,SAASL,GAAiB,GAC9D,EAAA,CAER;AAER,GAEMM,IAAgBC,EAAeb,CAAc;"}

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

	@@ -1 +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":["_SidePanel","props","className","rest","panelExpand","useThemeStore","state","direction","setPanelExpand","openPanel","closePanel","bodyClassList","t","useTranslation","jsxs","Fragment","jsx","classNames","PiGearDuotone","Drawer","SidePanelContent","SidePanel","withHeaderItem"],"mappings":";;;;;;;;;AAWA,MAAMA,IAAa,CAACC,MAA0B;AAC1C,QAAM,EAAE,WAAAC,GAAW,GAAGC,EAAA,IAASF,GAEzBG,IAAcC,EAAc,CAACC,MAAUA,EAAM,WAAW,GACxDC,IAAYF,EAAc,CAACC,MAAUA,EAAM,SAAS,GACpDE,IAAiBH,EAAc,CAACC,MAAUA,EAAM,cAAc,GAE9DG,IAAY,MAAM;AACpB,IAAAD,EAAe,EAAI;AAAA,~~EAAA~~,~~GAGjBE~~,IAAa,MAAM;AAGrB,QAFAF,EAAe,EAAK,GAEhB,UAAU;AACV,YAAMG,IAAgB,SAAS,KAAK;AACpC,MAAIA,EAAc,SAAS,oBAAoB,KAC3CA,EAAc,OAAO,sBAAsB,aAAa;AAAA,~~IAC5D~~;AAAA,EACJ,~~GAGE~~,EAAE,GAAAC,EAAA,IAAMC,EAAA;AAEd,SACI,gBAAAC,EAAAC,GAAA,EACI,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAWC,EAAW,YAAYf,CAAS;AAAA,QAC3C,SAASO;AAAA,QACR,GAAGN;AAAA,QAEJ,4BAACe,GAAA,CAAA,CAAc;AAAA,MAAA;AAAA,IAAA;AAAA,IAEnB,gBAAAF;AAAA,MAACG;AAAA,MAAA;AAAA,QACG,OAAOP,EAAE,+BAA+B;AAAA,QACxC,QAAQR;AAAA,QACR,WAAWG,MAAc,QAAQ,SAAS;AAAA,QAC1C,OAAO;AAAA,QACP,SAASG;AAAA,QACT,gBAAgBA;AAAA,QAEhB,UAAA,gBAAAM,EAACI,GAAA,EAAiB,eAAeV,EAAA,CAAY;AAAA,MAAA;AAAA,IAAA;AAAA,EACjD,GACJ;AAER,GAEMW,IAAYC,EAAetB,CAAU;"}
1	+ {"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":["_SidePanel","props","className","rest","panelExpand","useThemeStore","state","direction","setPanelExpand","openPanel","closePanel","bodyClassList","t","useTranslation","jsxs","Fragment","jsx","classNames","PiGearDuotone","Drawer","SidePanelContent","SidePanel","withHeaderItem"],"mappings":";;;;;;;;;AAWA,MAAMA,IAAa,CAACC,MAA0B;AAC1C,QAAM,EAAE,WAAAC,GAAW,GAAGC,EAAA,IAASF,GAEzBG,IAAcC,EAAc,CAACC,MAAUA,EAAM,WAAW,GACxDC,IAAYF,EAAc,CAACC,MAAUA,EAAM,SAAS,GACpDE,IAAiBH,EAAc,CAACC,MAAUA,EAAM,cAAc,GAE9DG,IAAY,MAAM;AACpB,IAAAD,EAAe,EAAI;AAAA,EACvB,GAEME,IAAa,MAAM;AAGrB,QAFAF,EAAe,EAAK,GAEhB,UAAU;AACV,YAAMG,IAAgB,SAAS,KAAK;AACpC,MAAIA,EAAc,SAAS,oBAAoB,KAC3CA,EAAc,OAAO,sBAAsB,aAAa;AAAA,IAEhE;AAAA,EACJ,GAEM,EAAE,GAAAC,EAAA,IAAMC,EAAA;AAEd,SACI,gBAAAC,EAAAC,GAAA,EACI,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAWC,EAAW,YAAYf,CAAS;AAAA,QAC3C,SAASO;AAAA,QACR,GAAGN;AAAA,QAEJ,4BAACe,GAAA,CAAA,CAAc;AAAA,MAAA;AAAA,IAAA;AAAA,IAEnB,gBAAAF;AAAA,MAACG;AAAA,MAAA;AAAA,QACG,OAAOP,EAAE,+BAA+B;AAAA,QACxC,QAAQR;AAAA,QACR,WAAWG,MAAc,QAAQ,SAAS;AAAA,QAC1C,OAAO;AAAA,QACP,SAASG;AAAA,QACT,gBAAgBA;AAAA,QAEhB,UAAA,gBAAAM,EAACI,GAAA,EAAiB,eAAeV,EAAA,CAAY;AAAA,MAAA;AAAA,IAAA;AAAA,EACjD,GACJ;AAER,GAEMW,IAAYC,EAAetB,CAAU;"}