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

@orbe-agro/client-core 5.3.13 → 5.3.14

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 (1733) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"SidePanelContent.js","sources":["../../../../../lib/@ecme/components/template/SidePanel/SidePanelContent.tsx"],"sourcesContent":["import ThemeConfigurator from '@/components/template/ThemeConfigurator'\r\nimport type { ThemeConfiguratorProps } from '@/components/template/ThemeConfigurator'\r\n\r\nexport type SidePanelContentProps = ThemeConfiguratorProps\r\n\r\nconst SidePanelContent = (props: SidePanelContentProps) => {\r\n return <ThemeConfigurator {...props} />\r\n}\r\n\r\nexport default SidePanelContent\r\n"],"names":["SidePanelContent","props","jsx","ThemeConfigurator"],"mappings":";;;AAKA,MAAMA,IAAmB,CAACC,MACf,gBAAAC,EAACC,GAAA,EAAmB,GAAGF,EAAA,CAAO;"}
1	+ {"version":3,"file":"SidePanelContent.js","sources":["../../../../../lib/@ecme/components/template/SidePanel/SidePanelContent.tsx"],"sourcesContent":["import ThemeConfigurator from '@/components/template/ThemeConfigurator'\nimport type { ThemeConfiguratorProps } from '@/components/template/ThemeConfigurator'\n\nexport type SidePanelContentProps = ThemeConfiguratorProps\n\nconst SidePanelContent = (props: SidePanelContentProps) => {\n return <ThemeConfigurator {...props} />\n}\n\nexport default SidePanelContent\n"],"names":["SidePanelContent","props","jsx","ThemeConfigurator"],"mappings":";;;AAKA,MAAMA,IAAmB,CAACC,MACf,gBAAAC,EAACC,GAAA,EAAmB,GAAGF,EAAA,CAAO;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"StackedSideNav.js","sources":["../../../../../lib/@ecme/components/template/StackedSideNav/StackedSideNav.tsx"],"sourcesContent":["import { useState } from 'react'\r\nimport {\r\n SPLITTED_SIDE_NAV_MINI_WIDTH,\r\n STACKED_SIDE_NAV_SECONDARY_WIDTH,\r\n DIR_LTR,\r\n DIR_RTL,\r\n} from '@/constants/theme.constant'\r\nimport StackedSideNavMini, { SelectedMenuItem } from './StackedSideNavMini'\r\nimport StackedSideNavSecondary from './StackedSideNavSecondary'\r\nimport useResponsive from '@/utils/hooks/useResponsive'\r\nimport { useThemeStore } from '@/store/themeStore'\r\nimport { useRouteKeyStore } from '@/store/routeKeyStore'\r\nimport { useSessionUser } from '@/store/authStore'\r\nimport navigationConfig from '@/configs/navigation.config'\r\nimport appConfig from '@/configs/app.config'\r\nimport isEmpty from 'lodash/isEmpty'\r\nimport useTranslation from '@/utils/hooks/useTranslation'\r\nimport type { TraslationFn } from '@/@types/common'\r\n\r\nconst stackedSideNavDefaultStyle = {\r\n width: SPLITTED_SIDE_NAV_MINI_WIDTH,\r\n}\r\n\r\nconst StackedSideNav = ({\r\n translationSetup = appConfig.activeNavTranslation,\r\n}: {\r\n translationSetup?: boolean\r\n}) => {\r\n const { t } = useTranslation(!translationSetup)\r\n\r\n const [selectedMenu, setSelectedMenu] = useState<SelectedMenuItem>({})\r\n const [activeKeys, setActiveKeys] = useState<string[]>([])\r\n\r\n const mode = useThemeStore((state) => state.mode)\r\n const direction = useThemeStore((state) => state.direction)\r\n\r\n const currentRouteKey = useRouteKeyStore((state) => state.currentRouteKey)\r\n\r\n const userAuthority = useSessionUser((state) => state.user.authority)\r\n\r\n const { larger } = useResponsive()\r\n\r\n const navColor = (navType: string, mode: string) => {\r\n return `${navType}-${mode}`\r\n }\r\n\r\n const handleChange = (selected: SelectedMenuItem) => {\r\n setSelectedMenu(selected)\r\n }\r\n\r\n const handleCollpase = () => {\r\n setSelectedMenu({})\r\n setActiveKeys([])\r\n }\r\n\r\n const handleSetActiveKey = (key: string[]) => {\r\n setActiveKeys(key)\r\n }\r\n\r\n const stackedSideNavSecondaryDirStyle = () => {\r\n let style = {}\r\n const marginValue = `${-STACKED_SIDE_NAV_SECONDARY_WIDTH}px`\r\n if (direction === DIR_LTR) {\r\n style = { marginLeft: marginValue }\r\n }\r\n\r\n if (direction === DIR_RTL) {\r\n style = { marginRight: marginValue }\r\n }\r\n\r\n return style\r\n }\r\n\r\n return (\r\n <>\r\n {larger.md && (\r\n <div className={`stacked-side-nav`}>\r\n <StackedSideNavMini\r\n className={`stacked-side-nav-mini ${navColor(\r\n 'stacked-side-nav-mini',\r\n mode,\r\n )}`}\r\n style={stackedSideNavDefaultStyle}\r\n routeKey={currentRouteKey}\r\n activeKeys={activeKeys}\r\n mode={mode}\r\n direction={direction}\r\n navigationTree={navigationConfig}\r\n userAuthority={userAuthority \|\| []}\r\n selectedMenu={selectedMenu}\r\n t={t as TraslationFn}\r\n onChange={handleChange}\r\n onSetActiveKey={handleSetActiveKey}\r\n />\r\n <div\r\n className={`stacked-side-nav-secondary ${navColor(\r\n 'stacked-side-nav-secondary',\r\n mode,\r\n )}`}\r\n style={{\r\n width: STACKED_SIDE_NAV_SECONDARY_WIDTH,\r\n ...(isEmpty(selectedMenu)\r\n ? stackedSideNavSecondaryDirStyle()\r\n : {}),\r\n }}\r\n >\r\n {!isEmpty(selectedMenu) && (\r\n <StackedSideNavSecondary\r\n title={t(\r\n selectedMenu.translateKey as string,\r\n selectedMenu.title as string,\r\n )}\r\n menu={selectedMenu.menu}\r\n routeKey={currentRouteKey}\r\n direction={direction}\r\n translationSetup={translationSetup}\r\n userAuthority={userAuthority \|\| []}\r\n onCollapse={handleCollpase}\r\n />\r\n )}\r\n </div>\r\n </div>\r\n )}\r\n </>\r\n )\r\n}\r\n\r\nexport default StackedSideNav\r\n"],"names":["stackedSideNavDefaultStyle","SPLITTED_SIDE_NAV_MINI_WIDTH","StackedSideNav","translationSetup","appConfig","t","useTranslation","selectedMenu","setSelectedMenu","useState","activeKeys","setActiveKeys","mode","useThemeStore","state","direction","currentRouteKey","useRouteKeyStore","userAuthority","useSessionUser","larger","useResponsive","navColor","navType","handleChange","selected","handleCollpase","handleSetActiveKey","key","stackedSideNavSecondaryDirStyle","style","marginValue","STACKED_SIDE_NAV_SECONDARY_WIDTH","DIR_LTR","DIR_RTL","jsxs","jsx","StackedSideNavMini","navigationConfig","isEmpty","StackedSideNavSecondary"],"mappings":";;;;;;;;;;;;;AAmBA,MAAMA,IAA6B;AAAA,EAC/B,OAAOC;AACX,GAEMC,IAAiB,CAAC;AAAA,EACpB,kBAAAC,IAAmBC,EAAU;AACjC,MAEM;AACF,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,CAACH,CAAgB,GAExC,CAACI,GAAcC,CAAe,IAAIC,EAA2B,CAAA,CAAE,GAC/D,CAACC,GAAYC,CAAa,IAAIF,EAAmB,CAAA,CAAE,GAEnDG,IAAOC,EAAc,CAACC,MAAUA,EAAM,IAAI,GAC1CC,IAAYF,EAAc,CAACC,MAAUA,EAAM,SAAS,GAEpDE,IAAkBC,EAAiB,CAACH,MAAUA,EAAM,eAAe,GAEnEI,IAAgBC,EAAe,CAACL,MAAUA,EAAM,KAAK,SAAS,GAE9D,EAAE,QAAAM,EAAA,IAAWC,EAAA,GAEbC,IAAW,CAACC,GAAiBX,MACxB,GAAGW,CAAO,IAAIX,CAAI,IAGvBY,IAAe,CAACC,MAA+B;AACjD,IAAAjB,EAAgBiB,CAAQ;AAAA,~~EAAA~~,~~GAGtBC~~,IAAiB,MAAM;AACzB,IAAAlB,EAAgB,CAAA,CAAE,GAClBG,EAAc,CAAA,CAAE;AAAA,~~EAAA~~,~~GAGdgB~~,IAAqB,CAACC,MAAkB;AAC1C,IAAAjB,EAAciB,CAAG;AAAA,~~EAAA~~,~~GAGfC~~,IAAkC,MAAM;AAC1C,QAAIC,IAAQ,CAAA;AACZ,UAAMC,IAAc,GAAG,CAACC,CAAgC;AACxD,WAAIjB,MAAckB,MACdH,IAAQ,EAAE,YAAYC,EAAA,IAGtBhB,MAAcmB,MACdJ,IAAQ,EAAE,aAAaC,EAAA,IAGpBD;AAAA,~~EAAA~~;~~AAGX~~,gCAES,UAAAV,EAAO,MACJ,gBAAAe,EAAC,OAAA,EAAI,WAAW,oBACZ,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,WAAW,yBAAyBf;AAAA,UAChC;AAAA,UACAV;AAAA,QAAA,CACH;AAAA,QACD,OAAOZ;AAAA,QACP,UAAUgB;AAAA,QACV,YAAAN;AAAA,QACA,MAAAE;AAAA,QACA,WAAAG;AAAA,QACA,gBAAgBuB;AAAA,QAChB,eAAepB,KAAiB,CAAA;AAAA,QAChC,cAAAX;AAAA,QACA,GAAAF;AAAA,QACA,UAAUmB;AAAA,QACV,gBAAgBG;AAAA,MAAA;AAAA,IAAA;AAAA,IAEpB,gBAAAS;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW,8BAA8Bd;AAAA,UACrC;AAAA,UACAV;AAAA,QAAA,CACH;AAAA,QACD,OAAO;AAAA,UACH,OAAOoB;AAAA,UACP,GAAIO,EAAQhC,CAAY,IAClBsB,MACA,CAAA;AAAA,QAAC;AAAA,QAGV,UAAA,CAACU,EAAQhC,CAAY,KAClB,gBAAA6B;AAAA,UAACI;AAAA,UAAA;AAAA,YACG,OAAOnC;AAAA,cACHE,EAAa;AAAA,cACbA,EAAa;AAAA,YAAA;AAAA,YAEjB,MAAMA,EAAa;AAAA,YACnB,UAAUS;AAAA,YACV,WAAAD;AAAA,YACA,kBAAAZ;AAAA,YACA,eAAee,KAAiB,CAAA;AAAA,YAChC,YAAYQ;AAAA,UAAA;AAAA,QAAA;AAAA,MAChB;AAAA,IAAA;AAAA,EAER,EAAA,CACJ,EAAA,CAER;AAER;"}
1	+ {"version":3,"file":"StackedSideNav.js","sources":["../../../../../lib/@ecme/components/template/StackedSideNav/StackedSideNav.tsx"],"sourcesContent":["import { useState } from 'react'\nimport {\n SPLITTED_SIDE_NAV_MINI_WIDTH,\n STACKED_SIDE_NAV_SECONDARY_WIDTH,\n DIR_LTR,\n DIR_RTL,\n} from '@/constants/theme.constant'\nimport StackedSideNavMini, { SelectedMenuItem } from './StackedSideNavMini'\nimport StackedSideNavSecondary from './StackedSideNavSecondary'\nimport useResponsive from '@/utils/hooks/useResponsive'\nimport { useThemeStore } from '@/store/themeStore'\nimport { useRouteKeyStore } from '@/store/routeKeyStore'\nimport { useSessionUser } from '@/store/authStore'\nimport navigationConfig from '@/configs/navigation.config'\nimport appConfig from '@/configs/app.config'\nimport isEmpty from 'lodash/isEmpty'\nimport useTranslation from '@/utils/hooks/useTranslation'\nimport type { TraslationFn } from '@/@types/common'\n\nconst stackedSideNavDefaultStyle = {\n width: SPLITTED_SIDE_NAV_MINI_WIDTH,\n}\n\nconst StackedSideNav = ({\n translationSetup = appConfig.activeNavTranslation,\n}: {\n translationSetup?: boolean\n}) => {\n const { t } = useTranslation(!translationSetup)\n\n const [selectedMenu, setSelectedMenu] = useState<SelectedMenuItem>({})\n const [activeKeys, setActiveKeys] = useState<string[]>([])\n\n const mode = useThemeStore((state) => state.mode)\n const direction = useThemeStore((state) => state.direction)\n\n const currentRouteKey = useRouteKeyStore((state) => state.currentRouteKey)\n\n const userAuthority = useSessionUser((state) => state.user.authority)\n\n const { larger } = useResponsive()\n\n const navColor = (navType: string, mode: string) => {\n return `${navType}-${mode}`\n }\n\n const handleChange = (selected: SelectedMenuItem) => {\n setSelectedMenu(selected)\n }\n\n const handleCollpase = () => {\n setSelectedMenu({})\n setActiveKeys([])\n }\n\n const handleSetActiveKey = (key: string[]) => {\n setActiveKeys(key)\n }\n\n const stackedSideNavSecondaryDirStyle = () => {\n let style = {}\n const marginValue = `${-STACKED_SIDE_NAV_SECONDARY_WIDTH}px`\n if (direction === DIR_LTR) {\n style = { marginLeft: marginValue }\n }\n\n if (direction === DIR_RTL) {\n style = { marginRight: marginValue }\n }\n\n return style\n }\n\n return (\n <>\n {larger.md && (\n <div className={`stacked-side-nav`}>\n <StackedSideNavMini\n className={`stacked-side-nav-mini ${navColor(\n 'stacked-side-nav-mini',\n mode,\n )}`}\n style={stackedSideNavDefaultStyle}\n routeKey={currentRouteKey}\n activeKeys={activeKeys}\n mode={mode}\n direction={direction}\n navigationTree={navigationConfig}\n userAuthority={userAuthority \|\| []}\n selectedMenu={selectedMenu}\n t={t as TraslationFn}\n onChange={handleChange}\n onSetActiveKey={handleSetActiveKey}\n />\n <div\n className={`stacked-side-nav-secondary ${navColor(\n 'stacked-side-nav-secondary',\n mode,\n )}`}\n style={{\n width: STACKED_SIDE_NAV_SECONDARY_WIDTH,\n ...(isEmpty(selectedMenu)\n ? stackedSideNavSecondaryDirStyle()\n : {}),\n }}\n >\n {!isEmpty(selectedMenu) && (\n <StackedSideNavSecondary\n title={t(\n selectedMenu.translateKey as string,\n selectedMenu.title as string,\n )}\n menu={selectedMenu.menu}\n routeKey={currentRouteKey}\n direction={direction}\n translationSetup={translationSetup}\n userAuthority={userAuthority \|\| []}\n onCollapse={handleCollpase}\n />\n )}\n </div>\n </div>\n )}\n </>\n )\n}\n\nexport default StackedSideNav\n"],"names":["stackedSideNavDefaultStyle","SPLITTED_SIDE_NAV_MINI_WIDTH","StackedSideNav","translationSetup","appConfig","t","useTranslation","selectedMenu","setSelectedMenu","useState","activeKeys","setActiveKeys","mode","useThemeStore","state","direction","currentRouteKey","useRouteKeyStore","userAuthority","useSessionUser","larger","useResponsive","navColor","navType","handleChange","selected","handleCollpase","handleSetActiveKey","key","stackedSideNavSecondaryDirStyle","style","marginValue","STACKED_SIDE_NAV_SECONDARY_WIDTH","DIR_LTR","DIR_RTL","jsxs","jsx","StackedSideNavMini","navigationConfig","isEmpty","StackedSideNavSecondary"],"mappings":";;;;;;;;;;;;;AAmBA,MAAMA,IAA6B;AAAA,EAC/B,OAAOC;AACX,GAEMC,IAAiB,CAAC;AAAA,EACpB,kBAAAC,IAAmBC,EAAU;AACjC,MAEM;AACF,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,CAACH,CAAgB,GAExC,CAACI,GAAcC,CAAe,IAAIC,EAA2B,CAAA,CAAE,GAC/D,CAACC,GAAYC,CAAa,IAAIF,EAAmB,CAAA,CAAE,GAEnDG,IAAOC,EAAc,CAACC,MAAUA,EAAM,IAAI,GAC1CC,IAAYF,EAAc,CAACC,MAAUA,EAAM,SAAS,GAEpDE,IAAkBC,EAAiB,CAACH,MAAUA,EAAM,eAAe,GAEnEI,IAAgBC,EAAe,CAACL,MAAUA,EAAM,KAAK,SAAS,GAE9D,EAAE,QAAAM,EAAA,IAAWC,EAAA,GAEbC,IAAW,CAACC,GAAiBX,MACxB,GAAGW,CAAO,IAAIX,CAAI,IAGvBY,IAAe,CAACC,MAA+B;AACjD,IAAAjB,EAAgBiB,CAAQ;AAAA,EAC5B,GAEMC,IAAiB,MAAM;AACzB,IAAAlB,EAAgB,CAAA,CAAE,GAClBG,EAAc,CAAA,CAAE;AAAA,EACpB,GAEMgB,IAAqB,CAACC,MAAkB;AAC1C,IAAAjB,EAAciB,CAAG;AAAA,EACrB,GAEMC,IAAkC,MAAM;AAC1C,QAAIC,IAAQ,CAAA;AACZ,UAAMC,IAAc,GAAG,CAACC,CAAgC;AACxD,WAAIjB,MAAckB,MACdH,IAAQ,EAAE,YAAYC,EAAA,IAGtBhB,MAAcmB,MACdJ,IAAQ,EAAE,aAAaC,EAAA,IAGpBD;AAAA,EACX;AAEA,gCAES,UAAAV,EAAO,MACJ,gBAAAe,EAAC,OAAA,EAAI,WAAW,oBACZ,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,WAAW,yBAAyBf;AAAA,UAChC;AAAA,UACAV;AAAA,QAAA,CACH;AAAA,QACD,OAAOZ;AAAA,QACP,UAAUgB;AAAA,QACV,YAAAN;AAAA,QACA,MAAAE;AAAA,QACA,WAAAG;AAAA,QACA,gBAAgBuB;AAAA,QAChB,eAAepB,KAAiB,CAAA;AAAA,QAChC,cAAAX;AAAA,QACA,GAAAF;AAAA,QACA,UAAUmB;AAAA,QACV,gBAAgBG;AAAA,MAAA;AAAA,IAAA;AAAA,IAEpB,gBAAAS;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW,8BAA8Bd;AAAA,UACrC;AAAA,UACAV;AAAA,QAAA,CACH;AAAA,QACD,OAAO;AAAA,UACH,OAAOoB;AAAA,UACP,GAAIO,EAAQhC,CAAY,IAClBsB,MACA,CAAA;AAAA,QAAC;AAAA,QAGV,UAAA,CAACU,EAAQhC,CAAY,KAClB,gBAAA6B;AAAA,UAACI;AAAA,UAAA;AAAA,YACG,OAAOnC;AAAA,cACHE,EAAa;AAAA,cACbA,EAAa;AAAA,YAAA;AAAA,YAEjB,MAAMA,EAAa;AAAA,YACnB,UAAUS;AAAA,YACV,WAAAD;AAAA,YACA,kBAAAZ;AAAA,YACA,eAAee,KAAiB,CAAA;AAAA,YAChC,YAAYQ;AAAA,UAAA;AAAA,QAAA;AAAA,MAChB;AAAA,IAAA;AAAA,EAER,EAAA,CACJ,EAAA,CAER;AAER;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"StackedSideNavMini.js","sources":["../../../../../lib/@ecme/components/template/StackedSideNav/StackedSideNavMini.tsx"],"sourcesContent":["import { useEffect } from 'react'\r\nimport Logo from '@/components/template/Logo'\r\nimport Menu from '@/components/ui/Menu'\r\nimport ScrollBar from '@/components/ui/ScrollBar'\r\nimport AuthorityCheck from '@/components/shared/AuthorityCheck'\r\nimport {\r\n SIDE_NAV_CONTENT_GUTTER,\r\n HEADER_HEIGHT,\r\n} from '@/constants/theme.constant'\r\nimport { NAV_ITEM_TYPE_ITEM } from '@/constants/navigation.constant'\r\nimport appConfig from '@/configs/app.config'\r\nimport navigationIcon from '@/configs/navigation-icon.config'\r\nimport useMenuActive from '@/utils/hooks/useMenuActive'\r\nimport isEmpty from 'lodash/isEmpty'\r\nimport { Link } from 'react-router-dom'\r\nimport type { NavigationTree } from '@/@types/navigation'\r\nimport type { Direction, Mode } from '@/@types/theme'\r\nimport type { CommonProps } from '@/@types/common'\r\nimport { getLogoFilename } from '@base/utils/logo'\r\n\r\nexport type SelectedMenuItem = {\r\n key?: string\r\n title?: string\r\n menu?: NavigationTree[]\r\n translateKey?: string\r\n}\r\n\r\ninterface StackedSideNavMiniProps extends CommonProps {\r\n className?: string\r\n onChange: (item: SelectedMenuItem) => void\r\n routeKey: string\r\n activeKeys: string[]\r\n onSetActiveKey: (activeKey: string[]) => void\r\n userAuthority: string[]\r\n mode: Mode\r\n direction: Direction\r\n navigationTree: NavigationTree[]\r\n selectedMenu: SelectedMenuItem\r\n t: (\r\n key: string,\r\n fallback?: string \| Record<string, string \| number>,\r\n ) => string\r\n}\r\n\r\nconst StackedSideNavMini = (props: StackedSideNavMiniProps) => {\r\n const {\r\n onChange,\r\n routeKey,\r\n activeKeys,\r\n onSetActiveKey,\r\n direction,\r\n navigationTree,\r\n userAuthority,\r\n mode,\r\n selectedMenu,\r\n t,\r\n ...rest\r\n } = props\r\n\r\n const { includedRouteTree } = useMenuActive(navigationTree, routeKey)\r\n\r\n const handleMenuItemSelect = ({\r\n key,\r\n title,\r\n menu,\r\n translateKey,\r\n }: SelectedMenuItem) => {\r\n onChange({ title, menu, translateKey })\r\n onSetActiveKey([key as string])\r\n }\r\n\r\n const handleLinkMenuItemSelect = ({ key }: SelectedMenuItem) => {\r\n onChange({})\r\n onSetActiveKey([key as string])\r\n }\r\n\r\n useEffect(() => {\r\n if (\r\n includedRouteTree.type !== NAV_ITEM_TYPE_ITEM &&\r\n !isEmpty(includedRouteTree)\r\n ) {\r\n onChange({\r\n key: includedRouteTree.key,\r\n title: includedRouteTree.title,\r\n menu: includedRouteTree.subMenu,\r\n translateKey: includedRouteTree.translateKey,\r\n })\r\n }\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [includedRouteTree.key])\r\n\r\n const defaultActiveKeys =\r\n activeKeys && activeKeys.length > 0\r\n ? activeKeys\r\n : isEmpty(selectedMenu)\r\n ? []\r\n : [includedRouteTree.key]\r\n\r\n return (\r\n <div {...rest}>\r\n <Link\r\n to={appConfig.authenticatedEntryPath}\r\n className=\"stacked-mini-nav-header flex items-center justify-center\"\r\n style={{ height: HEADER_HEIGHT }}\r\n >\r\n <Logo\r\n imgClass=\"max-h-8\"\r\n name={getLogoFilename(true, mode)}\r\n className={SIDE_NAV_CONTENT_GUTTER}\r\n />\r\n </Link>\r\n <ScrollBar autoHide direction={direction}>\r\n <Menu\r\n className=\"px-4 pb-4\"\r\n defaultActiveKeys={defaultActiveKeys}\r\n >\r\n {navigationTree.map((nav) => (\r\n <AuthorityCheck\r\n key={nav.key}\r\n authority={nav.authority}\r\n userAuthority={userAuthority}\r\n >\r\n <div title={t(nav.translateKey, nav.title)}>\r\n {nav.subMenu && nav.subMenu.length > 0 ? (\r\n <Menu.MenuItem\r\n eventKey={nav.key}\r\n className=\"mb-2\"\r\n onSelect={() =>\r\n handleMenuItemSelect({\r\n key: nav.key,\r\n title: nav.title,\r\n menu: nav.subMenu,\r\n translateKey: nav.translateKey,\r\n })\r\n }\r\n >\r\n <div className=\"text-2xl\">\r\n {navigationIcon[nav.icon]}\r\n </div>\r\n </Menu.MenuItem>\r\n ) : (\r\n <Link\r\n to={nav.path}\r\n className=\"flex h-full w-full items-center\"\r\n onClick={() =>\r\n handleLinkMenuItemSelect({\r\n key: nav.key,\r\n })\r\n }\r\n >\r\n <Menu.MenuItem\r\n eventKey={nav.key}\r\n className=\"mb-2\"\r\n >\r\n <div className=\"text-2xl\">\r\n {navigationIcon[nav.icon]}\r\n </div>\r\n </Menu.MenuItem>\r\n </Link>\r\n )}\r\n </div>\r\n </AuthorityCheck>\r\n ))}\r\n </Menu>\r\n </ScrollBar>\r\n </div>\r\n )\r\n}\r\n\r\nexport default StackedSideNavMini\r\n"],"names":["StackedSideNavMini","props","onChange","routeKey","activeKeys","onSetActiveKey","direction","navigationTree","userAuthority","mode","selectedMenu","t","rest","includedRouteTree","useMenuActive","handleMenuItemSelect","key","title","menu","translateKey","handleLinkMenuItemSelect","useEffect","NAV_ITEM_TYPE_ITEM","isEmpty","defaultActiveKeys","jsxs","jsx","Link","appConfig","HEADER_HEIGHT","Logo","getLogoFilename","SIDE_NAV_CONTENT_GUTTER","ScrollBar","Menu","nav","AuthorityCheck","navigationIcon"],"mappings":";;;;;;;;;;;;;;;AA4CA,MAAMA,IAAqB,CAACC,MAAmC;AAC3D,QAAM;AAAA,IACF,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,YAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,WAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,eAAAC;AAAA,IACA,MAAAC;AAAA,IACA,cAAAC;AAAA,IACA,GAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACHX,GAEE,EAAE,mBAAAY,EAAA,IAAsBC,EAAcP,GAAgBJ,CAAQ,GAE9DY,IAAuB,CAAC;AAAA,IAC1B,KAAAC;AAAA,IACA,OAAAC;AAAA,IACA,MAAAC;AAAA,IACA,cAAAC;AAAA,EAAA,MACoB;AACpB,IAAAjB,EAAS,EAAE,OAAAe,GAAO,MAAAC,GAAM,cAAAC,EAAA,CAAc,GACtCd,EAAe,CAACW,CAAa,CAAC;AAAA,~~EAAA~~,~~GAG5BI~~,IAA2B,CAAC,EAAE,KAAAJ,QAA4B;AAC5D,IAAAd,EAAS,CAAA,CAAE,GACXG,EAAe,CAACW,CAAa,CAAC;AAAA,~~EAAA~~;~~AAGlC~~,EAAAK,EAAU,MAAM;AACZ,IACIR,EAAkB,SAASS,KAC3B,CAACC,EAAQV,CAAiB,KAE1BX,EAAS;AAAA,MACL,KAAKW,EAAkB;AAAA,MACvB,OAAOA,EAAkB;AAAA,MACzB,MAAMA,EAAkB;AAAA,MACxB,cAAcA,EAAkB;AAAA,IAAA,CACnC;AAAA,~~EACL~~,~~GAED~~,CAACA,EAAkB,GAAG,CAAC;AAE1B,QAAMW,IACFpB,KAAcA,EAAW,SAAS,IAC5BA,IACAmB,EAAQb,CAAY,IAClB,CAAA,IACA,CAACG,EAAkB,GAAG;AAElC,SACI,gBAAAY,EAAC,OAAA,EAAK,GAAGb,GACL,UAAA;AAAA,IAAA,gBAAAc;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,IAAIC,EAAU;AAAA,QACd,WAAU;AAAA,QACV,OAAO,EAAE,QAAQC,EAAA;AAAA,QAEjB,UAAA,gBAAAH;AAAA,UAACI;AAAA,UAAA;AAAA,YACG,UAAS;AAAA,YACT,MAAMC,EAAgB,IAAMtB,CAAI;AAAA,YAChC,WAAWuB;AAAA,UAAA;AAAA,QAAA;AAAA,MACf;AAAA,IAAA;AAAA,IAEJ,gBAAAN,EAACO,GAAA,EAAU,UAAQ,IAAC,WAAA3B,GAChB,UAAA,gBAAAoB;AAAA,MAACQ;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,mBAAAV;AAAA,QAEC,UAAAjB,EAAe,IAAI,CAAC4B,MACjB,gBAAAT;AAAA,UAACU;AAAA,UAAA;AAAA,YAEG,WAAWD,EAAI;AAAA,YACf,eAAA3B;AAAA,YAEA,UAAA,gBAAAkB,EAAC,OAAA,EAAI,OAAOf,EAAEwB,EAAI,cAAcA,EAAI,KAAK,GACpC,UAAAA,EAAI,WAAWA,EAAI,QAAQ,SAAS,IACjC,gBAAAT;AAAA,cAACQ,EAAK;AAAA,cAAL;AAAA,gBACG,UAAUC,EAAI;AAAA,gBACd,WAAU;AAAA,gBACV,UAAU,MACNpB,EAAqB;AAAA,kBACjB,KAAKoB,EAAI;AAAA,kBACT,OAAOA,EAAI;AAAA,kBACX,MAAMA,EAAI;AAAA,kBACV,cAAcA,EAAI;AAAA,gBAAA,CACrB;AAAA,gBAGL,4BAAC,OAAA,EAAI,WAAU,YACV,UAAAE,EAAeF,EAAI,IAAI,EAAA,CAC5B;AAAA,cAAA;AAAA,YAAA,IAGJ,gBAAAT;AAAA,cAACC;AAAA,cAAA;AAAA,gBACG,IAAIQ,EAAI;AAAA,gBACR,WAAU;AAAA,gBACV,SAAS,MACLf,EAAyB;AAAA,kBACrB,KAAKe,EAAI;AAAA,gBAAA,CACZ;AAAA,gBAGL,UAAA,gBAAAT;AAAA,kBAACQ,EAAK;AAAA,kBAAL;AAAA,oBACG,UAAUC,EAAI;AAAA,oBACd,WAAU;AAAA,oBAEV,4BAAC,OAAA,EAAI,WAAU,YACV,UAAAE,EAAeF,EAAI,IAAI,EAAA,CAC5B;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACJ;AAAA,YAAA,EACJ,CAER;AAAA,UAAA;AAAA,UA1CKA,EAAI;AAAA,QAAA,CA4ChB;AAAA,MAAA;AAAA,IAAA,EACL,CACJ;AAAA,EAAA,GACJ;AAER;"}
1	+ {"version":3,"file":"StackedSideNavMini.js","sources":["../../../../../lib/@ecme/components/template/StackedSideNav/StackedSideNavMini.tsx"],"sourcesContent":["import { useEffect } from 'react'\nimport Logo from '@/components/template/Logo'\nimport Menu from '@/components/ui/Menu'\nimport ScrollBar from '@/components/ui/ScrollBar'\nimport AuthorityCheck from '@/components/shared/AuthorityCheck'\nimport {\n SIDE_NAV_CONTENT_GUTTER,\n HEADER_HEIGHT,\n} from '@/constants/theme.constant'\nimport { NAV_ITEM_TYPE_ITEM } from '@/constants/navigation.constant'\nimport appConfig from '@/configs/app.config'\nimport navigationIcon from '@/configs/navigation-icon.config'\nimport useMenuActive from '@/utils/hooks/useMenuActive'\nimport isEmpty from 'lodash/isEmpty'\nimport { Link } from 'react-router-dom'\nimport type { NavigationTree } from '@/@types/navigation'\nimport type { Direction, Mode } from '@/@types/theme'\nimport type { CommonProps } from '@/@types/common'\nimport { getLogoFilename } from '@base/utils/logo'\n\nexport type SelectedMenuItem = {\n key?: string\n title?: string\n menu?: NavigationTree[]\n translateKey?: string\n}\n\ninterface StackedSideNavMiniProps extends CommonProps {\n className?: string\n onChange: (item: SelectedMenuItem) => void\n routeKey: string\n activeKeys: string[]\n onSetActiveKey: (activeKey: string[]) => void\n userAuthority: string[]\n mode: Mode\n direction: Direction\n navigationTree: NavigationTree[]\n selectedMenu: SelectedMenuItem\n t: (\n key: string,\n fallback?: string \| Record<string, string \| number>,\n ) => string\n}\n\nconst StackedSideNavMini = (props: StackedSideNavMiniProps) => {\n const {\n onChange,\n routeKey,\n activeKeys,\n onSetActiveKey,\n direction,\n navigationTree,\n userAuthority,\n mode,\n selectedMenu,\n t,\n ...rest\n } = props\n\n const { includedRouteTree } = useMenuActive(navigationTree, routeKey)\n\n const handleMenuItemSelect = ({\n key,\n title,\n menu,\n translateKey,\n }: SelectedMenuItem) => {\n onChange({ title, menu, translateKey })\n onSetActiveKey([key as string])\n }\n\n const handleLinkMenuItemSelect = ({ key }: SelectedMenuItem) => {\n onChange({})\n onSetActiveKey([key as string])\n }\n\n useEffect(() => {\n if (\n includedRouteTree.type !== NAV_ITEM_TYPE_ITEM &&\n !isEmpty(includedRouteTree)\n ) {\n onChange({\n key: includedRouteTree.key,\n title: includedRouteTree.title,\n menu: includedRouteTree.subMenu,\n translateKey: includedRouteTree.translateKey,\n })\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [includedRouteTree.key])\n\n const defaultActiveKeys =\n activeKeys && activeKeys.length > 0\n ? activeKeys\n : isEmpty(selectedMenu)\n ? []\n : [includedRouteTree.key]\n\n return (\n <div {...rest}>\n <Link\n to={appConfig.authenticatedEntryPath}\n className=\"stacked-mini-nav-header flex items-center justify-center\"\n style={{ height: HEADER_HEIGHT }}\n >\n <Logo\n imgClass=\"max-h-8\"\n name={getLogoFilename(true, mode)}\n className={SIDE_NAV_CONTENT_GUTTER}\n />\n </Link>\n <ScrollBar autoHide direction={direction}>\n <Menu\n className=\"px-4 pb-4\"\n defaultActiveKeys={defaultActiveKeys}\n >\n {navigationTree.map((nav) => (\n <AuthorityCheck\n key={nav.key}\n authority={nav.authority}\n userAuthority={userAuthority}\n >\n <div title={t(nav.translateKey, nav.title)}>\n {nav.subMenu && nav.subMenu.length > 0 ? (\n <Menu.MenuItem\n eventKey={nav.key}\n className=\"mb-2\"\n onSelect={() =>\n handleMenuItemSelect({\n key: nav.key,\n title: nav.title,\n menu: nav.subMenu,\n translateKey: nav.translateKey,\n })\n }\n >\n <div className=\"text-2xl\">\n {navigationIcon[nav.icon]}\n </div>\n </Menu.MenuItem>\n ) : (\n <Link\n to={nav.path}\n className=\"flex h-full w-full items-center\"\n onClick={() =>\n handleLinkMenuItemSelect({\n key: nav.key,\n })\n }\n >\n <Menu.MenuItem\n eventKey={nav.key}\n className=\"mb-2\"\n >\n <div className=\"text-2xl\">\n {navigationIcon[nav.icon]}\n </div>\n </Menu.MenuItem>\n </Link>\n )}\n </div>\n </AuthorityCheck>\n ))}\n </Menu>\n </ScrollBar>\n </div>\n )\n}\n\nexport default StackedSideNavMini\n"],"names":["StackedSideNavMini","props","onChange","routeKey","activeKeys","onSetActiveKey","direction","navigationTree","userAuthority","mode","selectedMenu","t","rest","includedRouteTree","useMenuActive","handleMenuItemSelect","key","title","menu","translateKey","handleLinkMenuItemSelect","useEffect","NAV_ITEM_TYPE_ITEM","isEmpty","defaultActiveKeys","jsxs","jsx","Link","appConfig","HEADER_HEIGHT","Logo","getLogoFilename","SIDE_NAV_CONTENT_GUTTER","ScrollBar","Menu","nav","AuthorityCheck","navigationIcon"],"mappings":";;;;;;;;;;;;;;;AA4CA,MAAMA,IAAqB,CAACC,MAAmC;AAC3D,QAAM;AAAA,IACF,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,YAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,WAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,eAAAC;AAAA,IACA,MAAAC;AAAA,IACA,cAAAC;AAAA,IACA,GAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACHX,GAEE,EAAE,mBAAAY,EAAA,IAAsBC,EAAcP,GAAgBJ,CAAQ,GAE9DY,IAAuB,CAAC;AAAA,IAC1B,KAAAC;AAAA,IACA,OAAAC;AAAA,IACA,MAAAC;AAAA,IACA,cAAAC;AAAA,EAAA,MACoB;AACpB,IAAAjB,EAAS,EAAE,OAAAe,GAAO,MAAAC,GAAM,cAAAC,EAAA,CAAc,GACtCd,EAAe,CAACW,CAAa,CAAC;AAAA,EAClC,GAEMI,IAA2B,CAAC,EAAE,KAAAJ,QAA4B;AAC5D,IAAAd,EAAS,CAAA,CAAE,GACXG,EAAe,CAACW,CAAa,CAAC;AAAA,EAClC;AAEA,EAAAK,EAAU,MAAM;AACZ,IACIR,EAAkB,SAASS,KAC3B,CAACC,EAAQV,CAAiB,KAE1BX,EAAS;AAAA,MACL,KAAKW,EAAkB;AAAA,MACvB,OAAOA,EAAkB;AAAA,MACzB,MAAMA,EAAkB;AAAA,MACxB,cAAcA,EAAkB;AAAA,IAAA,CACnC;AAAA,EAGT,GAAG,CAACA,EAAkB,GAAG,CAAC;AAE1B,QAAMW,IACFpB,KAAcA,EAAW,SAAS,IAC5BA,IACAmB,EAAQb,CAAY,IAClB,CAAA,IACA,CAACG,EAAkB,GAAG;AAElC,SACI,gBAAAY,EAAC,OAAA,EAAK,GAAGb,GACL,UAAA;AAAA,IAAA,gBAAAc;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,IAAIC,EAAU;AAAA,QACd,WAAU;AAAA,QACV,OAAO,EAAE,QAAQC,EAAA;AAAA,QAEjB,UAAA,gBAAAH;AAAA,UAACI;AAAA,UAAA;AAAA,YACG,UAAS;AAAA,YACT,MAAMC,EAAgB,IAAMtB,CAAI;AAAA,YAChC,WAAWuB;AAAA,UAAA;AAAA,QAAA;AAAA,MACf;AAAA,IAAA;AAAA,IAEJ,gBAAAN,EAACO,GAAA,EAAU,UAAQ,IAAC,WAAA3B,GAChB,UAAA,gBAAAoB;AAAA,MAACQ;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,mBAAAV;AAAA,QAEC,UAAAjB,EAAe,IAAI,CAAC4B,MACjB,gBAAAT;AAAA,UAACU;AAAA,UAAA;AAAA,YAEG,WAAWD,EAAI;AAAA,YACf,eAAA3B;AAAA,YAEA,UAAA,gBAAAkB,EAAC,OAAA,EAAI,OAAOf,EAAEwB,EAAI,cAAcA,EAAI,KAAK,GACpC,UAAAA,EAAI,WAAWA,EAAI,QAAQ,SAAS,IACjC,gBAAAT;AAAA,cAACQ,EAAK;AAAA,cAAL;AAAA,gBACG,UAAUC,EAAI;AAAA,gBACd,WAAU;AAAA,gBACV,UAAU,MACNpB,EAAqB;AAAA,kBACjB,KAAKoB,EAAI;AAAA,kBACT,OAAOA,EAAI;AAAA,kBACX,MAAMA,EAAI;AAAA,kBACV,cAAcA,EAAI;AAAA,gBAAA,CACrB;AAAA,gBAGL,4BAAC,OAAA,EAAI,WAAU,YACV,UAAAE,EAAeF,EAAI,IAAI,EAAA,CAC5B;AAAA,cAAA;AAAA,YAAA,IAGJ,gBAAAT;AAAA,cAACC;AAAA,cAAA;AAAA,gBACG,IAAIQ,EAAI;AAAA,gBACR,WAAU;AAAA,gBACV,SAAS,MACLf,EAAyB;AAAA,kBACrB,KAAKe,EAAI;AAAA,gBAAA,CACZ;AAAA,gBAGL,UAAA,gBAAAT;AAAA,kBAACQ,EAAK;AAAA,kBAAL;AAAA,oBACG,UAAUC,EAAI;AAAA,oBACd,WAAU;AAAA,oBAEV,4BAAC,OAAA,EAAI,WAAU,YACV,UAAAE,EAAeF,EAAI,IAAI,EAAA,CAC5B;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACJ;AAAA,YAAA,EACJ,CAER;AAAA,UAAA;AAAA,UA1CKA,EAAI;AAAA,QAAA,CA4ChB;AAAA,MAAA;AAAA,IAAA,EACL,CACJ;AAAA,EAAA,GACJ;AAER;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"StackedSideNavSecondary.js","sources":["../../../../../lib/@ecme/components/template/StackedSideNav/StackedSideNavSecondary.tsx"],"sourcesContent":["import ScrollBar from '@/components/ui/ScrollBar'\r\nimport classNames from '@/utils/classNames'\r\nimport { HEADER_HEIGHT, DIR_LTR, DIR_RTL } from '@/constants/theme.constant'\r\nimport VerticalMenuContent from '@/components/template/VerticalMenuContent'\r\nimport { HiOutlineArrowSmLeft, HiOutlineArrowSmRight } from 'react-icons/hi'\r\nimport type { NavigationTree } from '@/@types/navigation'\r\nimport type { Direction } from '@/@types/theme'\r\n\r\ntype StackedSideNavSecondaryProps = {\r\n className?: string\r\n title: string\r\n menu?: NavigationTree[]\r\n routeKey: string\r\n onCollapse: () => void\r\n direction?: Direction\r\n translationSetup?: boolean\r\n userAuthority: string[]\r\n}\r\n\r\nconst StackedSideNavSecondary = (props: StackedSideNavSecondaryProps) => {\r\n const {\r\n className,\r\n title,\r\n menu,\r\n routeKey,\r\n onCollapse,\r\n direction,\r\n translationSetup,\r\n userAuthority,\r\n ...rest\r\n } = props\r\n\r\n const handleCollpase = () => {\r\n onCollapse()\r\n }\r\n\r\n return (\r\n <div className={classNames('h-full', className)} {...rest}>\r\n <div\r\n className={`flex items-center justify-between gap-4 pl-6 pr-4`}\r\n style={{ height: HEADER_HEIGHT }}\r\n >\r\n <h5 className=\"font-bold\">{title}</h5>\r\n <button\r\n type=\"button\"\r\n className=\"close-button\"\r\n onClick={handleCollpase}\r\n >\r\n {direction === DIR_LTR && <HiOutlineArrowSmLeft />}\r\n {direction === DIR_RTL && <HiOutlineArrowSmRight />}\r\n </button>\r\n </div>\r\n <ScrollBar autoHide direction={direction}>\r\n <VerticalMenuContent\r\n routeKey={routeKey}\r\n navigationTree={menu}\r\n translationSetup={translationSetup}\r\n userAuthority={userAuthority}\r\n />\r\n </ScrollBar>\r\n </div>\r\n )\r\n}\r\n\r\nexport default StackedSideNavSecondary\r\n"],"names":["StackedSideNavSecondary","props","className","title","menu","routeKey","onCollapse","direction","translationSetup","userAuthority","rest","handleCollpase","jsxs","classNames","HEADER_HEIGHT","jsx","DIR_LTR","HiOutlineArrowSmLeft","DIR_RTL","HiOutlineArrowSmRight","ScrollBar","VerticalMenuContent"],"mappings":";;;;;;;;AAmBA,MAAMA,IAA0B,CAACC,MAAwC;AACrE,QAAM;AAAA,IACF,WAAAC;AAAA,IACA,OAAAC;AAAA,IACA,MAAAC;AAAA,IACA,UAAAC;AAAA,IACA,YAAAC;AAAA,IACA,WAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,eAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACHT,GAEEU,IAAiB,MAAM;AACzB,IAAAL,EAAA;AAAA,~~EAAW~~;~~AAGf~~,SACI,gBAAAM,EAAC,SAAI,WAAWC,EAAW,UAAUX,CAAS,GAAI,GAAGQ,GACjD,UAAA;AAAA,IAAA,gBAAAE;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW;AAAA,QACX,OAAO,EAAE,QAAQE,EAAA;AAAA,QAEjB,UAAA;AAAA,UAAA,gBAAAC,EAAC,MAAA,EAAG,WAAU,aAAa,UAAAZ,GAAM;AAAA,UACjC,gBAAAS;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,MAAK;AAAA,cACL,WAAU;AAAA,cACV,SAASD;AAAA,cAER,UAAA;AAAA,gBAAAJ,MAAcS,uBAAYC,GAAA,CAAA,CAAqB;AAAA,gBAC/CV,MAAcW,KAAW,gBAAAH,EAACI,GAAA,CAAA,CAAsB;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACrD;AAAA,MAAA;AAAA,IAAA;AAAA,IAEJ,gBAAAJ,EAACK,GAAA,EAAU,UAAQ,IAAC,WAAAb,GAChB,UAAA,gBAAAQ;AAAA,MAACM;AAAA,MAAA;AAAA,QACG,UAAAhB;AAAA,QACA,gBAAgBD;AAAA,QAChB,kBAAAI;AAAA,QACA,eAAAC;AAAA,MAAA;AAAA,IAAA,EACJ,CACJ;AAAA,EAAA,GACJ;AAER;"}
1	+ {"version":3,"file":"StackedSideNavSecondary.js","sources":["../../../../../lib/@ecme/components/template/StackedSideNav/StackedSideNavSecondary.tsx"],"sourcesContent":["import ScrollBar from '@/components/ui/ScrollBar'\nimport classNames from '@/utils/classNames'\nimport { HEADER_HEIGHT, DIR_LTR, DIR_RTL } from '@/constants/theme.constant'\nimport VerticalMenuContent from '@/components/template/VerticalMenuContent'\nimport { HiOutlineArrowSmLeft, HiOutlineArrowSmRight } from 'react-icons/hi'\nimport type { NavigationTree } from '@/@types/navigation'\nimport type { Direction } from '@/@types/theme'\n\ntype StackedSideNavSecondaryProps = {\n className?: string\n title: string\n menu?: NavigationTree[]\n routeKey: string\n onCollapse: () => void\n direction?: Direction\n translationSetup?: boolean\n userAuthority: string[]\n}\n\nconst StackedSideNavSecondary = (props: StackedSideNavSecondaryProps) => {\n const {\n className,\n title,\n menu,\n routeKey,\n onCollapse,\n direction,\n translationSetup,\n userAuthority,\n ...rest\n } = props\n\n const handleCollpase = () => {\n onCollapse()\n }\n\n return (\n <div className={classNames('h-full', className)} {...rest}>\n <div\n className={`flex items-center justify-between gap-4 pl-6 pr-4`}\n style={{ height: HEADER_HEIGHT }}\n >\n <h5 className=\"font-bold\">{title}</h5>\n <button\n type=\"button\"\n className=\"close-button\"\n onClick={handleCollpase}\n >\n {direction === DIR_LTR && <HiOutlineArrowSmLeft />}\n {direction === DIR_RTL && <HiOutlineArrowSmRight />}\n </button>\n </div>\n <ScrollBar autoHide direction={direction}>\n <VerticalMenuContent\n routeKey={routeKey}\n navigationTree={menu}\n translationSetup={translationSetup}\n userAuthority={userAuthority}\n />\n </ScrollBar>\n </div>\n )\n}\n\nexport default StackedSideNavSecondary\n"],"names":["StackedSideNavSecondary","props","className","title","menu","routeKey","onCollapse","direction","translationSetup","userAuthority","rest","handleCollpase","jsxs","classNames","HEADER_HEIGHT","jsx","DIR_LTR","HiOutlineArrowSmLeft","DIR_RTL","HiOutlineArrowSmRight","ScrollBar","VerticalMenuContent"],"mappings":";;;;;;;;AAmBA,MAAMA,IAA0B,CAACC,MAAwC;AACrE,QAAM;AAAA,IACF,WAAAC;AAAA,IACA,OAAAC;AAAA,IACA,MAAAC;AAAA,IACA,UAAAC;AAAA,IACA,YAAAC;AAAA,IACA,WAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,eAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACHT,GAEEU,IAAiB,MAAM;AACzB,IAAAL,EAAA;AAAA,EACJ;AAEA,SACI,gBAAAM,EAAC,SAAI,WAAWC,EAAW,UAAUX,CAAS,GAAI,GAAGQ,GACjD,UAAA;AAAA,IAAA,gBAAAE;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW;AAAA,QACX,OAAO,EAAE,QAAQE,EAAA;AAAA,QAEjB,UAAA;AAAA,UAAA,gBAAAC,EAAC,MAAA,EAAG,WAAU,aAAa,UAAAZ,GAAM;AAAA,UACjC,gBAAAS;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,MAAK;AAAA,cACL,WAAU;AAAA,cACV,SAASD;AAAA,cAER,UAAA;AAAA,gBAAAJ,MAAcS,uBAAYC,GAAA,CAAA,CAAqB;AAAA,gBAC/CV,MAAcW,KAAW,gBAAAH,EAACI,GAAA,CAAA,CAAsB;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACrD;AAAA,MAAA;AAAA,IAAA;AAAA,IAEJ,gBAAAJ,EAACK,GAAA,EAAU,UAAQ,IAAC,WAAAb,GAChB,UAAA,gBAAAQ;AAAA,MAACM;AAAA,MAAA;AAAA,QACG,UAAAhB;AAAA,QACA,gBAAgBD;AAAA,QAChB,kBAAAI;AAAA,QACA,eAAAC;AAAA,MAAA;AAAA,IAAA,EACJ,CACJ;AAAA,EAAA,GACJ;AAER;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Theme.js","sources":["../../../../lib/@ecme/components/template/Theme.tsx"],"sourcesContent":["import ConfigProvider from \"@/components/ui/ConfigProvider\";\r\nimport { themeConfig } from \"@/configs/theme.config\";\r\nimport useDarkMode from \"@/utils/hooks/useDarkMode\";\r\nimport useThemeSchema from \"@/utils/hooks/useThemeSchema\";\r\nimport useLocale from \"@/utils/hooks/useLocale\";\r\nimport useDirection from \"@/utils/hooks/useDirection\";\r\nimport type { CommonProps } from \"@/@types/common\";\r\n\r\nconst Theme = (props: CommonProps) => {\r\n const [isDarkMode] = useDarkMode();\r\n useThemeSchema();\r\n useDarkMode();\r\n useDirection();\r\n\r\n const { locale } = useLocale();\r\n const mode = isDarkMode ? \"dark\" : \"light\";\r\n return (\r\n <ConfigProvider\r\n value={{\r\n locale: locale,\r\n ...themeConfig,\r\n mode: mode,\r\n }}\r\n >\r\n {props.children}\r\n </ConfigProvider>\r\n );\r\n};\r\n\r\nexport default Theme;\r\n"],"names":["Theme","props","isDarkMode","useDarkMode","useThemeSchema","useDirection","locale","useLocale","jsx","ConfigProvider","themeConfig"],"mappings":";;;;;;;;AAQA,MAAMA,IAAQ,CAACC,MAAuB;AACpC,QAAM,CAACC,CAAU,IAAIC,EAAA;AACrB,EAAAC,EAAA,GACAD,EAAA,GACAE,EAAA;AAEA,QAAM,EAAE,QAAAC,EAAA,IAAWC,EAAA;AAEnB,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,QAAAH;AAAA,QACA,GAAGI;AAAA,QACH,MANOR,IAAa,SAAS;AAAA,MAM7B;AAAA,MAGD,UAAAD,EAAM;AAAA,IAAA;AAAA,EAAA;AAGb;"}
1	+ {"version":3,"file":"Theme.js","sources":["../../../../lib/@ecme/components/template/Theme.tsx"],"sourcesContent":["import ConfigProvider from \"@/components/ui/ConfigProvider\";\nimport { themeConfig } from \"@/configs/theme.config\";\nimport useDarkMode from \"@/utils/hooks/useDarkMode\";\nimport useThemeSchema from \"@/utils/hooks/useThemeSchema\";\nimport useLocale from \"@/utils/hooks/useLocale\";\nimport useDirection from \"@/utils/hooks/useDirection\";\nimport type { CommonProps } from \"@/@types/common\";\n\nconst Theme = (props: CommonProps) => {\n const [isDarkMode] = useDarkMode();\n useThemeSchema();\n useDarkMode();\n useDirection();\n\n const { locale } = useLocale();\n const mode = isDarkMode ? \"dark\" : \"light\";\n return (\n <ConfigProvider\n value={{\n locale: locale,\n ...themeConfig,\n mode: mode,\n }}\n >\n {props.children}\n </ConfigProvider>\n );\n};\n\nexport default Theme;\n"],"names":["Theme","props","isDarkMode","useDarkMode","useThemeSchema","useDirection","locale","useLocale","jsx","ConfigProvider","themeConfig"],"mappings":";;;;;;;;AAQA,MAAMA,IAAQ,CAACC,MAAuB;AACpC,QAAM,CAACC,CAAU,IAAIC,EAAA;AACrB,EAAAC,EAAA,GACAD,EAAA,GACAE,EAAA;AAEA,QAAM,EAAE,QAAAC,EAAA,IAAWC,EAAA;AAEnB,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,QAAAH;AAAA,QACA,GAAGI;AAAA,QACH,MANOR,IAAa,SAAS;AAAA,MAM7B;AAAA,MAGD,UAAAD,EAAM;AAAA,IAAA;AAAA,EAAA;AAGb;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"CopyButton.js","sources":["../../../../../lib/@ecme/components/template/ThemeConfigurator/CopyButton.tsx"],"sourcesContent":["import Notification from '@/components/ui/Notification'\r\nimport Button from '@/components/ui/Button'\r\nimport toast from '@/components/ui/toast'\r\nimport { themeConfig } from '@/configs/theme.config'\r\nimport { useThemeStore } from '@/store/themeStore'\r\nimport { useTranslation } from 'react-i18next'\r\n\r\nconst CopyButton = () => {\r\n const theme = useThemeStore((state) => state)\r\n\r\n const handleCopy = () => {\r\n const config = {\r\n ...themeConfig,\r\n ...theme,\r\n layout: {\r\n type: theme.layout.type,\r\n sideNavCollapse: theme.layout.sideNavCollapse,\r\n },\r\n panelExpand: false,\r\n }\r\n\r\n navigator.clipboard.writeText(`\r\n \r\nexport const themeConfig: ThemeConfig = ${JSON.stringify(config, null, 2)}\r\n`)\r\n\r\n toast.push(\r\n <Notification title=\"Copy Success\" type=\"success\">\r\n {`Please replace themeConfig in 'src/configs/theme.config.ts'`}\r\n </Notification>,\r\n {\r\n placement: 'top-center',\r\n },\r\n )\r\n }\r\n\r\n const { t } = useTranslation()\r\n\r\n return (\r\n <Button block variant=\"solid\" onClick={handleCopy}>\r\n {t('base.layout.themeConfig.buttons.copyConfig')}\r\n </Button>\r\n )\r\n}\r\n\r\nexport default CopyButton\r\n"],"names":["CopyButton","theme","useThemeStore","state","handleCopy","config","themeConfig","toast","Notification","t","useTranslation","jsx","Button"],"mappings":";;;;;;;;;;AAOA,MAAMA,IAAa,MAAM;AACrB,QAAMC,IAAQC,EAAc,CAACC,MAAUA,CAAK,GAEtCC,IAAa,MAAM;AACrB,UAAMC,IAAS;AAAA,MACX,GAAGC;AAAA,MACH,GAAGL;AAAA,MACH,QAAQ;AAAA,QACJ,MAAMA,EAAM,OAAO;AAAA,QACnB,iBAAiBA,EAAM,OAAO;AAAA,MAAA;AAAA,MAElC,aAAa;AAAA,IAAA;AAGjB,cAAU,UAAU,UAAU;AAAA;AAAA,0CAEI,KAAK,UAAUI,GAAQ,MAAM,CAAC,CAAC;AAAA,CACxE,GAEOE,EAAM;AAAA,wBACDC,GAAA,EAAa,OAAM,gBAAe,MAAK,WACnC,UAAA,+DACL;AAAA,MACA;AAAA,QACI,WAAW;AAAA,MAAA;AAAA,IACf;AAAA,~~EACJ~~,~~GAGE~~,EAAE,GAAAC,EAAA,IAAMC,EAAA;AAEd,SACI,gBAAAC,EAACC,GAAA,EAAO,OAAK,IAAC,SAAQ,SAAQ,SAASR,GAClC,UAAAK,EAAE,4CAA4C,EAAA,CACnD;AAER;"}
1	+ {"version":3,"file":"CopyButton.js","sources":["../../../../../lib/@ecme/components/template/ThemeConfigurator/CopyButton.tsx"],"sourcesContent":["import Notification from '@/components/ui/Notification'\nimport Button from '@/components/ui/Button'\nimport toast from '@/components/ui/toast'\nimport { themeConfig } from '@/configs/theme.config'\nimport { useThemeStore } from '@/store/themeStore'\nimport { useTranslation } from 'react-i18next'\n\nconst CopyButton = () => {\n const theme = useThemeStore((state) => state)\n\n const handleCopy = () => {\n const config = {\n ...themeConfig,\n ...theme,\n layout: {\n type: theme.layout.type,\n sideNavCollapse: theme.layout.sideNavCollapse,\n },\n panelExpand: false,\n }\n\n navigator.clipboard.writeText(`\n \nexport const themeConfig: ThemeConfig = ${JSON.stringify(config, null, 2)}\n`)\n\n toast.push(\n <Notification title=\"Copy Success\" type=\"success\">\n {`Please replace themeConfig in 'src/configs/theme.config.ts'`}\n </Notification>,\n {\n placement: 'top-center',\n },\n )\n }\n\n const { t } = useTranslation()\n\n return (\n <Button block variant=\"solid\" onClick={handleCopy}>\n {t('base.layout.themeConfig.buttons.copyConfig')}\n </Button>\n )\n}\n\nexport default CopyButton\n"],"names":["CopyButton","theme","useThemeStore","state","handleCopy","config","themeConfig","toast","Notification","t","useTranslation","jsx","Button"],"mappings":";;;;;;;;;;AAOA,MAAMA,IAAa,MAAM;AACrB,QAAMC,IAAQC,EAAc,CAACC,MAAUA,CAAK,GAEtCC,IAAa,MAAM;AACrB,UAAMC,IAAS;AAAA,MACX,GAAGC;AAAA,MACH,GAAGL;AAAA,MACH,QAAQ;AAAA,QACJ,MAAMA,EAAM,OAAO;AAAA,QACnB,iBAAiBA,EAAM,OAAO;AAAA,MAAA;AAAA,MAElC,aAAa;AAAA,IAAA;AAGjB,cAAU,UAAU,UAAU;AAAA;AAAA,0CAEI,KAAK,UAAUI,GAAQ,MAAM,CAAC,CAAC;AAAA,CACxE,GAEOE,EAAM;AAAA,wBACDC,GAAA,EAAa,OAAM,gBAAe,MAAK,WACnC,UAAA,+DACL;AAAA,MACA;AAAA,QACI,WAAW;AAAA,MAAA;AAAA,IACf;AAAA,EAER,GAEM,EAAE,GAAAC,EAAA,IAAMC,EAAA;AAEd,SACI,gBAAAC,EAACC,GAAA,EAAO,OAAK,IAAC,SAAQ,SAAQ,SAASR,GAClC,UAAAK,EAAE,4CAA4C,EAAA,CACnD;AAER;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"DirectionSwitcher.js","sources":["../../../../../lib/@ecme/components/template/ThemeConfigurator/DirectionSwitcher.tsx"],"sourcesContent":["import Button from '@/components/ui/Button'\r\nimport InputGroup from '@/components/ui/InputGroup'\r\nimport useDirection from '@/utils/hooks/useDirection'\r\nimport { THEME_ENUM } from '@/constants/theme.constant'\r\nimport type { Direction } from '@/@types/theme'\r\n\r\nconst dirList = [\r\n { value: THEME_ENUM.DIR_LTR, label: 'LTR' },\r\n { value: THEME_ENUM.DIR_RTL, label: 'RTL' },\r\n]\r\n\r\nconst DirectionSwitcher = ({\r\n callBackClose,\r\n}: {\r\n callBackClose?: () => void\r\n}) => {\r\n const [direction, setDirection] = useDirection()\r\n\r\n const onDirChange = (val: Direction) => {\r\n setDirection(val)\r\n callBackClose?.()\r\n }\r\n\r\n return (\r\n <InputGroup size=\"sm\">\r\n {dirList.map((dir) => (\r\n <Button\r\n key={dir.value}\r\n active={direction === dir.value}\r\n onClick={() => onDirChange(dir.value)}\r\n >\r\n {dir.label}\r\n </Button>\r\n ))}\r\n </InputGroup>\r\n )\r\n}\r\n\r\nexport default DirectionSwitcher\r\n"],"names":["dirList","THEME_ENUM","DirectionSwitcher","callBackClose","direction","setDirection","useDirection","onDirChange","val","InputGroup","dir","jsx","Button"],"mappings":";;;;;;AAMA,MAAMA,IAAU;AAAA,EACZ,EAAE,OAAOC,EAAW,SAAS,OAAO,MAAA;AAAA,EACpC,EAAE,OAAOA,EAAW,SAAS,OAAO,MAAA;AACxC,GAEMC,IAAoB,CAAC;AAAA,EACvB,eAAAC;AACJ,MAEM;AACF,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAAA,GAE5BC,IAAc,CAACC,MAAmB;AACpC,IAAAH,EAAaG,CAAG,GAChBL,KAAA,QAAAA;AAAA,~~EAAgB~~;~~AAGpB~~,2BACKM,GAAA,EAAW,MAAK,MACZ,UAAAT,EAAQ,IAAI,CAACU,MACV,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MAEG,QAAQR,MAAcM,EAAI;AAAA,MAC1B,SAAS,MAAMH,EAAYG,EAAI,KAAK;AAAA,MAEnC,UAAAA,EAAI;AAAA,IAAA;AAAA,IAJAA,EAAI;AAAA,EAAA,CAMhB,GACL;AAER;"}
1	+ {"version":3,"file":"DirectionSwitcher.js","sources":["../../../../../lib/@ecme/components/template/ThemeConfigurator/DirectionSwitcher.tsx"],"sourcesContent":["import Button from '@/components/ui/Button'\nimport InputGroup from '@/components/ui/InputGroup'\nimport useDirection from '@/utils/hooks/useDirection'\nimport { THEME_ENUM } from '@/constants/theme.constant'\nimport type { Direction } from '@/@types/theme'\n\nconst dirList = [\n { value: THEME_ENUM.DIR_LTR, label: 'LTR' },\n { value: THEME_ENUM.DIR_RTL, label: 'RTL' },\n]\n\nconst DirectionSwitcher = ({\n callBackClose,\n}: {\n callBackClose?: () => void\n}) => {\n const [direction, setDirection] = useDirection()\n\n const onDirChange = (val: Direction) => {\n setDirection(val)\n callBackClose?.()\n }\n\n return (\n <InputGroup size=\"sm\">\n {dirList.map((dir) => (\n <Button\n key={dir.value}\n active={direction === dir.value}\n onClick={() => onDirChange(dir.value)}\n >\n {dir.label}\n </Button>\n ))}\n </InputGroup>\n )\n}\n\nexport default DirectionSwitcher\n"],"names":["dirList","THEME_ENUM","DirectionSwitcher","callBackClose","direction","setDirection","useDirection","onDirChange","val","InputGroup","dir","jsx","Button"],"mappings":";;;;;;AAMA,MAAMA,IAAU;AAAA,EACZ,EAAE,OAAOC,EAAW,SAAS,OAAO,MAAA;AAAA,EACpC,EAAE,OAAOA,EAAW,SAAS,OAAO,MAAA;AACxC,GAEMC,IAAoB,CAAC;AAAA,EACvB,eAAAC;AACJ,MAEM;AACF,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAAA,GAE5BC,IAAc,CAACC,MAAmB;AACpC,IAAAH,EAAaG,CAAG,GAChBL,KAAA,QAAAA;AAAA,EACJ;AAEA,2BACKM,GAAA,EAAW,MAAK,MACZ,UAAAT,EAAQ,IAAI,CAACU,MACV,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MAEG,QAAQR,MAAcM,EAAI;AAAA,MAC1B,SAAS,MAAMH,EAAYG,EAAI,KAAK;AAAA,MAEnC,UAAAA,EAAI;AAAA,IAAA;AAAA,IAJAA,EAAI;AAAA,EAAA,CAMhB,GACL;AAER;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"LayoutSwitcher.js","sources":["../../../../../lib/@ecme/components/template/ThemeConfigurator/LayoutSwitcher.tsx"],"sourcesContent":["import classNames from 'classnames'\r\nimport Segment from '@/components/ui/Segment'\r\nimport { useThemeStore } from '@/store/themeStore'\r\nimport {\r\n LAYOUT_COLLAPSIBLE_SIDE,\r\n LAYOUT_STACKED_SIDE,\r\n LAYOUT_TOP_BAR_CLASSIC,\r\n LAYOUT_FRAMELESS_SIDE,\r\n LAYOUT_CONTENT_OVERLAY,\r\n LAYOUT_BLANK,\r\n} from '@/constants/theme.constant'\r\nimport CollapsibleSideSvg from '@/assets/svg/CollapsibleSideSvg'\r\nimport StackedSideSvg from '@/assets/svg/StackedSideSvg'\r\nimport TopBarClassicSvg from '@/assets/svg/TopBarClassicSvg'\r\nimport FrameLessSideSvg from '@/assets/svg/FrameLessSideSvg'\r\nimport ContentOverlaySvg from '@/assets/svg/ContentOverlaySvg'\r\nimport BlankSvg from '@/assets/svg/BlankSvg'\r\nimport type { LayoutType } from '@/@types/theme'\r\nimport { useTranslation } from 'react-i18next'\r\nimport { useMemo } from 'react'\r\n\r\nconst LayoutSwitcher = () => {\r\n const themeLayout = useThemeStore((state) => state.layout)\r\n const setLayout = useThemeStore((state) => state.setLayout)\r\n\r\n const { t } = useTranslation()\r\n\r\n const layouts = useMemo(\r\n () => [\r\n {\r\n value: LAYOUT_COLLAPSIBLE_SIDE,\r\n label: t('base.layout.themeConfig.options.layoutCollapsible'),\r\n src: '/img/thumbs/layouts/classic.jpg',\r\n srcDark: '/img/thumbs/layouts/classic-dark.jpg',\r\n svg: <CollapsibleSideSvg height={'100%'} width={'100%'} />,\r\n },\r\n {\r\n value: LAYOUT_STACKED_SIDE,\r\n label: t('base.layout.themeConfig.options.layoutStacked'),\r\n src: '/img/thumbs/layouts/modern.jpg',\r\n srcDark: '/img/thumbs/layouts/modern-dark.jpg',\r\n svg: <StackedSideSvg height={'100%'} width={'100%'} />,\r\n },\r\n {\r\n value: LAYOUT_TOP_BAR_CLASSIC,\r\n label: t('base.layout.themeConfig.options.layoutTopbar'),\r\n src: '/img/thumbs/layouts/stackedSide.jpg',\r\n srcDark: '/img/thumbs/layouts/stackedSide-dark.jpg',\r\n svg: <TopBarClassicSvg height={'100%'} width={'100%'} />,\r\n },\r\n {\r\n value: LAYOUT_FRAMELESS_SIDE,\r\n label: t('base.layout.themeConfig.options.layoutFrameless'),\r\n src: '/img/thumbs/layouts/simple.jpg',\r\n srcDark: '/img/thumbs/layouts/simple-dark.jpg',\r\n svg: <FrameLessSideSvg height={'100%'} width={'100%'} />,\r\n },\r\n {\r\n value: LAYOUT_CONTENT_OVERLAY,\r\n label: t('base.layout.themeConfig.options.layoutOverlay'),\r\n src: '/img/thumbs/layouts/decked.jpg',\r\n srcDark: '/img/thumbs/layouts/decked-dark.jpg',\r\n svg: <ContentOverlaySvg height={'100%'} width={'100%'} />,\r\n },\r\n // {\r\n // value: LAYOUT_BLANK,\r\n // label: t('base.layout.themeConfig.options.layoutBlank'),\r\n // src: '/img/thumbs/layouts/blank.jpg',\r\n // srcDark: '/img/thumbs/layouts/blank-dark.jpg',\r\n // svg: <BlankSvg height={'100%'} width={'100%'} />,\r\n // },\r\n ],\r\n [t],\r\n )\r\n\r\n return (\r\n <div>\r\n <Segment\r\n className=\"w-full bg-transparent p-0 dark:bg-transparent\"\r\n value={[]}\r\n onChange={(val) => setLayout(val as LayoutType)}\r\n >\r\n <div className=\"grid w-full grid-cols-3 gap-4\">\r\n {layouts.map((layout) => (\r\n <Segment.Item key={layout.value} value={layout.value}>\r\n {({ onSegmentItemClick }) => {\r\n const active = themeLayout.type === layout.value\r\n return (\r\n <div className=\"text-center\">\r\n <button\r\n className={classNames(\r\n 'border-2 rounded-xl overflow-hidden',\r\n active\r\n ? 'border-primary dark:border-primary'\r\n : 'border-gray-200 dark:border-gray-700',\r\n )}\r\n onClick={onSegmentItemClick}\r\n >\r\n {layout.svg}\r\n </button>\r\n <div className=\"mt-2 font-semibold\">\r\n {layout.label}\r\n </div>\r\n </div>\r\n )\r\n }}\r\n </Segment.Item>\r\n ))}\r\n </div>\r\n </Segment>\r\n </div>\r\n )\r\n}\r\n\r\nexport default LayoutSwitcher\r\n"],"names":["LayoutSwitcher","themeLayout","useThemeStore","state","setLayout","t","useTranslation","layouts","useMemo","LAYOUT_COLLAPSIBLE_SIDE","jsx","CollapsibleSideSvg","LAYOUT_STACKED_SIDE","StackedSideSvg","LAYOUT_TOP_BAR_CLASSIC","TopBarClassicSvg","LAYOUT_FRAMELESS_SIDE","FrameLessSideSvg","LAYOUT_CONTENT_OVERLAY","ContentOverlaySvg","Segment","val","layout","onSegmentItemClick","active","jsxs","classNames"],"mappings":";;;;;;;;;;;;AAqBA,MAAMA,IAAiB,MAAM;AACzB,QAAMC,IAAcC,EAAc,CAACC,MAAUA,EAAM,MAAM,GACnDC,IAAYF,EAAc,CAACC,MAAUA,EAAM,SAAS,GAEpD,EAAE,GAAAE,EAAA,IAAMC,EAAA,GAERC,IAAUC;AAAA,IACZ,MAAM;AAAA,MACF;AAAA,QACI,OAAOC;AAAA,QACP,OAAOJ,EAAE,mDAAmD;AAAA,QAC5D,KAAK;AAAA,QACL,SAAS;AAAA,QACT,KAAK,gBAAAK,EAACC,GAAA,EAAmB,QAAQ,QAAQ,OAAO,OAAA,CAAQ;AAAA,MAAA;AAAA,MAE5D;AAAA,QACI,OAAOC;AAAA,QACP,OAAOP,EAAE,+CAA+C;AAAA,QACxD,KAAK;AAAA,QACL,SAAS;AAAA,QACT,KAAK,gBAAAK,EAACG,GAAA,EAAe,QAAQ,QAAQ,OAAO,OAAA,CAAQ;AAAA,MAAA;AAAA,MAExD;AAAA,QACI,OAAOC;AAAA,QACP,OAAOT,EAAE,8CAA8C;AAAA,QACvD,KAAK;AAAA,QACL,SAAS;AAAA,QACT,KAAK,gBAAAK,EAACK,GAAA,EAAiB,QAAQ,QAAQ,OAAO,OAAA,CAAQ;AAAA,MAAA;AAAA,MAE1D;AAAA,QACI,OAAOC;AAAA,QACP,OAAOX,EAAE,iDAAiD;AAAA,QAC1D,KAAK;AAAA,QACL,SAAS;AAAA,QACT,KAAK,gBAAAK,EAACO,GAAA,EAAiB,QAAQ,QAAQ,OAAO,OAAA,CAAQ;AAAA,MAAA;AAAA,MAE1D;AAAA,QACI,OAAOC;AAAA,QACP,OAAOb,EAAE,+CAA+C;AAAA,QACxD,KAAK;AAAA,QACL,SAAS;AAAA,QACT,KAAK,gBAAAK,EAACS,GAAA,EAAkB,QAAQ,QAAQ,OAAO,OAAA,CAAQ;AAAA,MAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAC3D;AAAA,IASJ,CAACd,CAAC;AAAA,EAAA;AAGN,2BACK,OAAA,EACG,UAAA,gBAAAK;AAAA,IAACU;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,OAAO,CAAA;AAAA,MACP,UAAU,CAACC,MAAQjB,EAAUiB,CAAiB;AAAA,MAE9C,4BAAC,OAAA,EAAI,WAAU,iCACV,UAAAd,EAAQ,IAAI,CAACe,MACV,gBAAAZ,EAACU,EAAQ,MAAR,EAAgC,OAAOE,EAAO,OAC1C,UAAA,CAAC,EAAE,oBAAAC,QAAyB;AACzB,cAAMC,IAASvB,EAAY,SAASqB,EAAO;AAC3C,eACI,gBAAAG,EAAC,OAAA,EAAI,WAAU,eACX,UAAA;AAAA,UAAA,gBAAAf;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,WAAWgB;AAAA,gBACP;AAAA,gBACAF,IACM,uCACA;AAAA,cAAA;AAAA,cAEV,SAASD;AAAA,cAER,UAAAD,EAAO;AAAA,YAAA;AAAA,UAAA;AAAA,UAEZ,gBAAAZ,EAAC,OAAA,EAAI,WAAU,sBACV,YAAO,MAAA,CACZ;AAAA,QAAA,GACJ;AAAA,~~MAAA~~,~~KAnBOY~~,EAAO,KAsB1B,CACH,EAAA,CACL;AAAA,IAAA;AAAA,EAAA,GAER;AAER;"}
1	+ {"version":3,"file":"LayoutSwitcher.js","sources":["../../../../../lib/@ecme/components/template/ThemeConfigurator/LayoutSwitcher.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport Segment from '@/components/ui/Segment'\nimport { useThemeStore } from '@/store/themeStore'\nimport {\n LAYOUT_COLLAPSIBLE_SIDE,\n LAYOUT_STACKED_SIDE,\n LAYOUT_TOP_BAR_CLASSIC,\n LAYOUT_FRAMELESS_SIDE,\n LAYOUT_CONTENT_OVERLAY,\n LAYOUT_BLANK,\n} from '@/constants/theme.constant'\nimport CollapsibleSideSvg from '@/assets/svg/CollapsibleSideSvg'\nimport StackedSideSvg from '@/assets/svg/StackedSideSvg'\nimport TopBarClassicSvg from '@/assets/svg/TopBarClassicSvg'\nimport FrameLessSideSvg from '@/assets/svg/FrameLessSideSvg'\nimport ContentOverlaySvg from '@/assets/svg/ContentOverlaySvg'\nimport BlankSvg from '@/assets/svg/BlankSvg'\nimport type { LayoutType } from '@/@types/theme'\nimport { useTranslation } from 'react-i18next'\nimport { useMemo } from 'react'\n\nconst LayoutSwitcher = () => {\n const themeLayout = useThemeStore((state) => state.layout)\n const setLayout = useThemeStore((state) => state.setLayout)\n\n const { t } = useTranslation()\n\n const layouts = useMemo(\n () => [\n {\n value: LAYOUT_COLLAPSIBLE_SIDE,\n label: t('base.layout.themeConfig.options.layoutCollapsible'),\n src: '/img/thumbs/layouts/classic.jpg',\n srcDark: '/img/thumbs/layouts/classic-dark.jpg',\n svg: <CollapsibleSideSvg height={'100%'} width={'100%'} />,\n },\n {\n value: LAYOUT_STACKED_SIDE,\n label: t('base.layout.themeConfig.options.layoutStacked'),\n src: '/img/thumbs/layouts/modern.jpg',\n srcDark: '/img/thumbs/layouts/modern-dark.jpg',\n svg: <StackedSideSvg height={'100%'} width={'100%'} />,\n },\n {\n value: LAYOUT_TOP_BAR_CLASSIC,\n label: t('base.layout.themeConfig.options.layoutTopbar'),\n src: '/img/thumbs/layouts/stackedSide.jpg',\n srcDark: '/img/thumbs/layouts/stackedSide-dark.jpg',\n svg: <TopBarClassicSvg height={'100%'} width={'100%'} />,\n },\n {\n value: LAYOUT_FRAMELESS_SIDE,\n label: t('base.layout.themeConfig.options.layoutFrameless'),\n src: '/img/thumbs/layouts/simple.jpg',\n srcDark: '/img/thumbs/layouts/simple-dark.jpg',\n svg: <FrameLessSideSvg height={'100%'} width={'100%'} />,\n },\n {\n value: LAYOUT_CONTENT_OVERLAY,\n label: t('base.layout.themeConfig.options.layoutOverlay'),\n src: '/img/thumbs/layouts/decked.jpg',\n srcDark: '/img/thumbs/layouts/decked-dark.jpg',\n svg: <ContentOverlaySvg height={'100%'} width={'100%'} />,\n },\n // {\n // value: LAYOUT_BLANK,\n // label: t('base.layout.themeConfig.options.layoutBlank'),\n // src: '/img/thumbs/layouts/blank.jpg',\n // srcDark: '/img/thumbs/layouts/blank-dark.jpg',\n // svg: <BlankSvg height={'100%'} width={'100%'} />,\n // },\n ],\n [t],\n )\n\n return (\n <div>\n <Segment\n className=\"w-full bg-transparent p-0 dark:bg-transparent\"\n value={[]}\n onChange={(val) => setLayout(val as LayoutType)}\n >\n <div className=\"grid w-full grid-cols-3 gap-4\">\n {layouts.map((layout) => (\n <Segment.Item key={layout.value} value={layout.value}>\n {({ onSegmentItemClick }) => {\n const active = themeLayout.type === layout.value\n return (\n <div className=\"text-center\">\n <button\n className={classNames(\n 'border-2 rounded-xl overflow-hidden',\n active\n ? 'border-primary dark:border-primary'\n : 'border-gray-200 dark:border-gray-700',\n )}\n onClick={onSegmentItemClick}\n >\n {layout.svg}\n </button>\n <div className=\"mt-2 font-semibold\">\n {layout.label}\n </div>\n </div>\n )\n }}\n </Segment.Item>\n ))}\n </div>\n </Segment>\n </div>\n )\n}\n\nexport default LayoutSwitcher\n"],"names":["LayoutSwitcher","themeLayout","useThemeStore","state","setLayout","t","useTranslation","layouts","useMemo","LAYOUT_COLLAPSIBLE_SIDE","jsx","CollapsibleSideSvg","LAYOUT_STACKED_SIDE","StackedSideSvg","LAYOUT_TOP_BAR_CLASSIC","TopBarClassicSvg","LAYOUT_FRAMELESS_SIDE","FrameLessSideSvg","LAYOUT_CONTENT_OVERLAY","ContentOverlaySvg","Segment","val","layout","onSegmentItemClick","active","jsxs","classNames"],"mappings":";;;;;;;;;;;;AAqBA,MAAMA,IAAiB,MAAM;AACzB,QAAMC,IAAcC,EAAc,CAACC,MAAUA,EAAM,MAAM,GACnDC,IAAYF,EAAc,CAACC,MAAUA,EAAM,SAAS,GAEpD,EAAE,GAAAE,EAAA,IAAMC,EAAA,GAERC,IAAUC;AAAA,IACZ,MAAM;AAAA,MACF;AAAA,QACI,OAAOC;AAAA,QACP,OAAOJ,EAAE,mDAAmD;AAAA,QAC5D,KAAK;AAAA,QACL,SAAS;AAAA,QACT,KAAK,gBAAAK,EAACC,GAAA,EAAmB,QAAQ,QAAQ,OAAO,OAAA,CAAQ;AAAA,MAAA;AAAA,MAE5D;AAAA,QACI,OAAOC;AAAA,QACP,OAAOP,EAAE,+CAA+C;AAAA,QACxD,KAAK;AAAA,QACL,SAAS;AAAA,QACT,KAAK,gBAAAK,EAACG,GAAA,EAAe,QAAQ,QAAQ,OAAO,OAAA,CAAQ;AAAA,MAAA;AAAA,MAExD;AAAA,QACI,OAAOC;AAAA,QACP,OAAOT,EAAE,8CAA8C;AAAA,QACvD,KAAK;AAAA,QACL,SAAS;AAAA,QACT,KAAK,gBAAAK,EAACK,GAAA,EAAiB,QAAQ,QAAQ,OAAO,OAAA,CAAQ;AAAA,MAAA;AAAA,MAE1D;AAAA,QACI,OAAOC;AAAA,QACP,OAAOX,EAAE,iDAAiD;AAAA,QAC1D,KAAK;AAAA,QACL,SAAS;AAAA,QACT,KAAK,gBAAAK,EAACO,GAAA,EAAiB,QAAQ,QAAQ,OAAO,OAAA,CAAQ;AAAA,MAAA;AAAA,MAE1D;AAAA,QACI,OAAOC;AAAA,QACP,OAAOb,EAAE,+CAA+C;AAAA,QACxD,KAAK;AAAA,QACL,SAAS;AAAA,QACT,KAAK,gBAAAK,EAACS,GAAA,EAAkB,QAAQ,QAAQ,OAAO,OAAA,CAAQ;AAAA,MAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAC3D;AAAA,IASJ,CAACd,CAAC;AAAA,EAAA;AAGN,2BACK,OAAA,EACG,UAAA,gBAAAK;AAAA,IAACU;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,OAAO,CAAA;AAAA,MACP,UAAU,CAACC,MAAQjB,EAAUiB,CAAiB;AAAA,MAE9C,4BAAC,OAAA,EAAI,WAAU,iCACV,UAAAd,EAAQ,IAAI,CAACe,MACV,gBAAAZ,EAACU,EAAQ,MAAR,EAAgC,OAAOE,EAAO,OAC1C,UAAA,CAAC,EAAE,oBAAAC,QAAyB;AACzB,cAAMC,IAASvB,EAAY,SAASqB,EAAO;AAC3C,eACI,gBAAAG,EAAC,OAAA,EAAI,WAAU,eACX,UAAA;AAAA,UAAA,gBAAAf;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,WAAWgB;AAAA,gBACP;AAAA,gBACAF,IACM,uCACA;AAAA,cAAA;AAAA,cAEV,SAASD;AAAA,cAER,UAAAD,EAAO;AAAA,YAAA;AAAA,UAAA;AAAA,UAEZ,gBAAAZ,EAAC,OAAA,EAAI,WAAU,sBACV,YAAO,MAAA,CACZ;AAAA,QAAA,GACJ;AAAA,MAER,KArBeY,EAAO,KAsB1B,CACH,EAAA,CACL;AAAA,IAAA;AAAA,EAAA,GAER;AAER;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ModeSwitcher.js","sources":["../../../../../lib/@ecme/components/template/ThemeConfigurator/ModeSwitcher.tsx"],"sourcesContent":["import { useCallback } from 'react'\r\nimport useDarkMode from '@/utils/hooks/useDarkMode'\r\nimport Switcher from '@/components/ui/Switcher'\r\n\r\nconst ModeSwitcher = () => {\r\n const [isDark, setIsDark] = useDarkMode()\r\n\r\n const onSwitchChange = useCallback(\r\n (checked: boolean) => {\r\n setIsDark(checked ? 'dark' : 'light')\r\n },\r\n [setIsDark],\r\n )\r\n\r\n return (\r\n <div>\r\n <Switcher\r\n defaultChecked={isDark}\r\n onChange={(checked) => onSwitchChange(checked)}\r\n />\r\n </div>\r\n )\r\n}\r\n\r\nexport default ModeSwitcher\r\n"],"names":["ModeSwitcher","isDark","setIsDark","useDarkMode","onSwitchChange","useCallback","checked","jsx","Switcher"],"mappings":";;;;;AAIA,MAAMA,IAAe,MAAM;AACvB,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAAA,GAEtBC,IAAiBC;AAAA,IACnB,CAACC,MAAqB;AAClB,MAAAJ,EAAUI,IAAU,SAAS,OAAO;AAAA,~~IAAA~~;AAAA,~~IAExC~~,CAACJ,CAAS;AAAA,EAAA;AAGd,2BACK,OAAA,EACG,UAAA,gBAAAK;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,gBAAgBP;AAAA,MAChB,UAAU,CAACK,MAAYF,EAAeE,CAAO;AAAA,IAAA;AAAA,EAAA,GAErD;AAER;"}
1	+ {"version":3,"file":"ModeSwitcher.js","sources":["../../../../../lib/@ecme/components/template/ThemeConfigurator/ModeSwitcher.tsx"],"sourcesContent":["import { useCallback } from 'react'\nimport useDarkMode from '@/utils/hooks/useDarkMode'\nimport Switcher from '@/components/ui/Switcher'\n\nconst ModeSwitcher = () => {\n const [isDark, setIsDark] = useDarkMode()\n\n const onSwitchChange = useCallback(\n (checked: boolean) => {\n setIsDark(checked ? 'dark' : 'light')\n },\n [setIsDark],\n )\n\n return (\n <div>\n <Switcher\n defaultChecked={isDark}\n onChange={(checked) => onSwitchChange(checked)}\n />\n </div>\n )\n}\n\nexport default ModeSwitcher\n"],"names":["ModeSwitcher","isDark","setIsDark","useDarkMode","onSwitchChange","useCallback","checked","jsx","Switcher"],"mappings":";;;;;AAIA,MAAMA,IAAe,MAAM;AACvB,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAAA,GAEtBC,IAAiBC;AAAA,IACnB,CAACC,MAAqB;AAClB,MAAAJ,EAAUI,IAAU,SAAS,OAAO;AAAA,IACxC;AAAA,IACA,CAACJ,CAAS;AAAA,EAAA;AAGd,2BACK,OAAA,EACG,UAAA,gBAAAK;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,gBAAgBP;AAAA,MAChB,UAAU,CAACK,MAAYF,EAAeE,CAAO;AAAA,IAAA;AAAA,EAAA,GAErD;AAER;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ThemeConfigurator.js","sources":["../../../../../lib/@ecme/components/template/ThemeConfigurator/ThemeConfigurator.tsx"],"sourcesContent":["import ModeSwitcher from './ModeSwitcher'\r\nimport LayoutSwitcher from './LayoutSwitcher'\r\nimport ThemeSwitcher from './ThemeSwitcher'\r\nimport DirectionSwitcher from './DirectionSwitcher'\r\nimport CopyButton from './CopyButton'\r\nimport { useTranslation } from 'react-i18next'\r\n\r\nexport type ThemeConfiguratorProps = {\r\n callBackClose?: () => void\r\n}\r\n\r\nconst ThemeConfigurator = ({ callBackClose }: ThemeConfiguratorProps) => {\r\n const { t } = useTranslation()\r\n \r\n return (\r\n <div className=\"flex h-full flex-col justify-between\">\r\n <div className=\"mb-6 flex flex-col gap-y-10\">\r\n <div className=\"flex items-center justify-between\">\r\n <div>\r\n <h6>{t('base.layout.themeConfig.options.darkMode')}</h6>\r\n <span>\r\n {t('base.layout.themeConfig.options.darkModeDesc')}\r\n </span>\r\n </div>\r\n <ModeSwitcher />\r\n </div>\r\n <div className=\"flex items-center justify-between\">\r\n <div>\r\n <h6>\r\n {t('base.layout.themeConfig.options.direction')}\r\n </h6>\r\n <span>\r\n {t('base.layout.themeConfig.options.directionDesc')}\r\n </span>\r\n </div>\r\n <DirectionSwitcher callBackClose={callBackClose} />\r\n </div>\r\n <div>\r\n <h6 className=\"mb-3\">\r\n {t('base.layout.themeConfig.options.theme')}\r\n </h6>\r\n <ThemeSwitcher />\r\n </div>\r\n <div>\r\n <h6 className=\"mb-3\">\r\n {t('base.layout.themeConfig.options.layout')}\r\n </h6>\r\n <LayoutSwitcher />\r\n </div>\r\n </div>\r\n <CopyButton />\r\n </div>\r\n )\r\n}\r\n\r\nexport default ThemeConfigurator\r\n"],"names":["ThemeConfigurator","callBackClose","t","useTranslation","jsxs","jsx","ModeSwitcher","DirectionSwitcher","ThemeSwitcher","LayoutSwitcher","CopyButton"],"mappings":";;;;;;;AAWA,MAAMA,IAAoB,CAAC,EAAE,eAAAC,QAA4C;AACrE,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAA;AAEd,SACI,gBAAAC,EAAC,OAAA,EAAI,WAAU,wCACX,UAAA;AAAA,IAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,+BACX,UAAA;AAAA,MAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,qCACX,UAAA;AAAA,QAAA,gBAAAA,EAAC,OAAA,EACG,UAAA;AAAA,UAAA,gBAAAC,EAAC,MAAA,EAAI,UAAAH,EAAE,0CAA0C,EAAA,CAAE;AAAA,UACnD,gBAAAG,EAAC,QAAA,EACI,UAAAH,EAAE,8CAA8C,EAAA,CACrD;AAAA,QAAA,GACJ;AAAA,0BACCI,GAAA,CAAA,CAAa;AAAA,MAAA,GAClB;AAAA,MACA,gBAAAF,EAAC,OAAA,EAAI,WAAU,qCACX,UAAA;AAAA,QAAA,gBAAAA,EAAC,OAAA,EACG,UAAA;AAAA,UAAA,gBAAAC,EAAC,MAAA,EACI,UAAAH,EAAE,2CAA2C,EAAA,CAClD;AAAA,UACA,gBAAAG,EAAC,QAAA,EACI,UAAAH,EAAE,+CAA+C,EAAA,CACtD;AAAA,QAAA,GACJ;AAAA,QACA,gBAAAG,EAACE,KAAkB,eAAAN,EAAA,CAA8B;AAAA,MAAA,GACrD;AAAA,wBACC,OAAA,EACG,UAAA;AAAA,QAAA,gBAAAI,EAAC,MAAA,EAAG,WAAU,QACT,UAAAH,EAAE,uCAAuC,GAC9C;AAAA,0BACCM,GAAA,CAAA,CAAc;AAAA,MAAA,GACnB;AAAA,wBACC,OAAA,EACG,UAAA;AAAA,QAAA,gBAAAH,EAAC,MAAA,EAAG,WAAU,QACT,UAAAH,EAAE,wCAAwC,GAC/C;AAAA,0BACCO,GAAA,CAAA,CAAe;AAAA,MAAA,EAAA,CACpB;AAAA,IAAA,GACJ;AAAA,sBACCC,GAAA,CAAA,CAAW;AAAA,EAAA,GAChB;AAER;"}
1	+ {"version":3,"file":"ThemeConfigurator.js","sources":["../../../../../lib/@ecme/components/template/ThemeConfigurator/ThemeConfigurator.tsx"],"sourcesContent":["import ModeSwitcher from './ModeSwitcher'\nimport LayoutSwitcher from './LayoutSwitcher'\nimport ThemeSwitcher from './ThemeSwitcher'\nimport DirectionSwitcher from './DirectionSwitcher'\nimport CopyButton from './CopyButton'\nimport { useTranslation } from 'react-i18next'\n\nexport type ThemeConfiguratorProps = {\n callBackClose?: () => void\n}\n\nconst ThemeConfigurator = ({ callBackClose }: ThemeConfiguratorProps) => {\n const { t } = useTranslation()\n \n return (\n <div className=\"flex h-full flex-col justify-between\">\n <div className=\"mb-6 flex flex-col gap-y-10\">\n <div className=\"flex items-center justify-between\">\n <div>\n <h6>{t('base.layout.themeConfig.options.darkMode')}</h6>\n <span>\n {t('base.layout.themeConfig.options.darkModeDesc')}\n </span>\n </div>\n <ModeSwitcher />\n </div>\n <div className=\"flex items-center justify-between\">\n <div>\n <h6>\n {t('base.layout.themeConfig.options.direction')}\n </h6>\n <span>\n {t('base.layout.themeConfig.options.directionDesc')}\n </span>\n </div>\n <DirectionSwitcher callBackClose={callBackClose} />\n </div>\n <div>\n <h6 className=\"mb-3\">\n {t('base.layout.themeConfig.options.theme')}\n </h6>\n <ThemeSwitcher />\n </div>\n <div>\n <h6 className=\"mb-3\">\n {t('base.layout.themeConfig.options.layout')}\n </h6>\n <LayoutSwitcher />\n </div>\n </div>\n <CopyButton />\n </div>\n )\n}\n\nexport default ThemeConfigurator\n"],"names":["ThemeConfigurator","callBackClose","t","useTranslation","jsxs","jsx","ModeSwitcher","DirectionSwitcher","ThemeSwitcher","LayoutSwitcher","CopyButton"],"mappings":";;;;;;;AAWA,MAAMA,IAAoB,CAAC,EAAE,eAAAC,QAA4C;AACrE,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAA;AAEd,SACI,gBAAAC,EAAC,OAAA,EAAI,WAAU,wCACX,UAAA;AAAA,IAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,+BACX,UAAA;AAAA,MAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,qCACX,UAAA;AAAA,QAAA,gBAAAA,EAAC,OAAA,EACG,UAAA;AAAA,UAAA,gBAAAC,EAAC,MAAA,EAAI,UAAAH,EAAE,0CAA0C,EAAA,CAAE;AAAA,UACnD,gBAAAG,EAAC,QAAA,EACI,UAAAH,EAAE,8CAA8C,EAAA,CACrD;AAAA,QAAA,GACJ;AAAA,0BACCI,GAAA,CAAA,CAAa;AAAA,MAAA,GAClB;AAAA,MACA,gBAAAF,EAAC,OAAA,EAAI,WAAU,qCACX,UAAA;AAAA,QAAA,gBAAAA,EAAC,OAAA,EACG,UAAA;AAAA,UAAA,gBAAAC,EAAC,MAAA,EACI,UAAAH,EAAE,2CAA2C,EAAA,CAClD;AAAA,UACA,gBAAAG,EAAC,QAAA,EACI,UAAAH,EAAE,+CAA+C,EAAA,CACtD;AAAA,QAAA,GACJ;AAAA,QACA,gBAAAG,EAACE,KAAkB,eAAAN,EAAA,CAA8B;AAAA,MAAA,GACrD;AAAA,wBACC,OAAA,EACG,UAAA;AAAA,QAAA,gBAAAI,EAAC,MAAA,EAAG,WAAU,QACT,UAAAH,EAAE,uCAAuC,GAC9C;AAAA,0BACCM,GAAA,CAAA,CAAc;AAAA,MAAA,GACnB;AAAA,wBACC,OAAA,EACG,UAAA;AAAA,QAAA,gBAAAH,EAAC,MAAA,EAAG,WAAU,QACT,UAAAH,EAAE,wCAAwC,GAC/C;AAAA,0BACCO,GAAA,CAAA,CAAe;AAAA,MAAA,EAAA,CACpB;AAAA,IAAA,GACJ;AAAA,sBACCC,GAAA,CAAA,CAAW;AAAA,EAAA,GAChB;AAER;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ThemeSwitcher.js","sources":["../../../../../lib/@ecme/components/template/ThemeConfigurator/ThemeSwitcher.tsx"],"sourcesContent":["import classNames from '@/utils/classNames'\r\nimport { TbCheck } from 'react-icons/tb'\r\nimport presetThemeSchemaConfig from '@/configs/preset-theme-schema.config'\r\nimport { useThemeStore } from '@/store/themeStore'\r\n\r\nconst ThemeSwitcher = () => {\r\n const schema = useThemeStore((state) => state.themeSchema)\r\n const setSchema = useThemeStore((state) => state.setSchema)\r\n const mode = useThemeStore((state) => state.mode)\r\n\r\n return (\r\n <div className=\"inline-flex items-center gap-2\">\r\n {Object.entries(presetThemeSchemaConfig).map(([key, value]) => (\r\n <button\r\n key={key}\r\n className={classNames(\r\n 'h-8 w-8 rounded-full flex items-center justify-center border-2 border-white',\r\n schema === key && 'ring-2 ring-primary',\r\n )}\r\n style={{ backgroundColor: value[mode].primary \|\| '' }}\r\n onClick={() => setSchema(key)}\r\n >\r\n {schema === key ? (\r\n <TbCheck className=\"text-neutral text-lg\" />\r\n ) : (\r\n <></>\r\n )}\r\n </button>\r\n ))}\r\n </div>\r\n )\r\n}\r\n\r\nexport default ThemeSwitcher\r\n"],"names":["ThemeSwitcher","schema","useThemeStore","state","setSchema","mode","jsx","presetThemeSchemaConfig","key","value","classNames","TbCheck","Fragment"],"mappings":";;;;;AAKA,MAAMA,IAAgB,MAAM;AACxB,QAAMC,IAASC,EAAc,CAACC,MAAUA,EAAM,WAAW,GACnDC,IAAYF,EAAc,CAACC,MAAUA,EAAM,SAAS,GACpDE,IAAOH,EAAc,CAACC,MAAUA,EAAM,IAAI;AAEhD,SACI,gBAAAG,EAAC,OAAA,EAAI,WAAU,kCACV,UAAA,OAAO,QAAQC,CAAuB,EAAE,IAAI,CAAC,CAACC,GAAKC,CAAK,MACrD,gBAAAH;AAAA,IAAC;AAAA,IAAA;AAAA,MAEG,WAAWI;AAAA,QACP;AAAA,QACAT,MAAWO,KAAO;AAAA,MAAA;AAAA,MAEtB,OAAO,EAAE,iBAAiBC,EAAMJ,CAAI,EAAE,WAAW,GAAA;AAAA,MACjD,SAAS,MAAMD,EAAUI,CAAG;AAAA,MAE3B,gBAAWA,IACR,gBAAAF,EAACK,KAAQ,WAAU,uBAAA,CAAuB,IAE1C,gBAAAL,EAAAM,GAAA,CAAA,CAAE;AAAA,IAAA;AAAA,IAXDJ;AAAA,EAAA,CAcZ,GACL;AAER;"}
1	+ {"version":3,"file":"ThemeSwitcher.js","sources":["../../../../../lib/@ecme/components/template/ThemeConfigurator/ThemeSwitcher.tsx"],"sourcesContent":["import classNames from '@/utils/classNames'\nimport { TbCheck } from 'react-icons/tb'\nimport presetThemeSchemaConfig from '@/configs/preset-theme-schema.config'\nimport { useThemeStore } from '@/store/themeStore'\n\nconst ThemeSwitcher = () => {\n const schema = useThemeStore((state) => state.themeSchema)\n const setSchema = useThemeStore((state) => state.setSchema)\n const mode = useThemeStore((state) => state.mode)\n\n return (\n <div className=\"inline-flex items-center gap-2\">\n {Object.entries(presetThemeSchemaConfig).map(([key, value]) => (\n <button\n key={key}\n className={classNames(\n 'h-8 w-8 rounded-full flex items-center justify-center border-2 border-white',\n schema === key && 'ring-2 ring-primary',\n )}\n style={{ backgroundColor: value[mode].primary \|\| '' }}\n onClick={() => setSchema(key)}\n >\n {schema === key ? (\n <TbCheck className=\"text-neutral text-lg\" />\n ) : (\n <></>\n )}\n </button>\n ))}\n </div>\n )\n}\n\nexport default ThemeSwitcher\n"],"names":["ThemeSwitcher","schema","useThemeStore","state","setSchema","mode","jsx","presetThemeSchemaConfig","key","value","classNames","TbCheck","Fragment"],"mappings":";;;;;AAKA,MAAMA,IAAgB,MAAM;AACxB,QAAMC,IAASC,EAAc,CAACC,MAAUA,EAAM,WAAW,GACnDC,IAAYF,EAAc,CAACC,MAAUA,EAAM,SAAS,GACpDE,IAAOH,EAAc,CAACC,MAAUA,EAAM,IAAI;AAEhD,SACI,gBAAAG,EAAC,OAAA,EAAI,WAAU,kCACV,UAAA,OAAO,QAAQC,CAAuB,EAAE,IAAI,CAAC,CAACC,GAAKC,CAAK,MACrD,gBAAAH;AAAA,IAAC;AAAA,IAAA;AAAA,MAEG,WAAWI;AAAA,QACP;AAAA,QACAT,MAAWO,KAAO;AAAA,MAAA;AAAA,MAEtB,OAAO,EAAE,iBAAiBC,EAAMJ,CAAI,EAAE,WAAW,GAAA;AAAA,MACjD,SAAS,MAAMD,EAAUI,CAAG;AAAA,MAE3B,gBAAWA,IACR,gBAAAF,EAACK,KAAQ,WAAU,uBAAA,CAAuB,IAE1C,gBAAAL,EAAAM,GAAA,CAAA,CAAE;AAAA,IAAA;AAAA,IAXDJ;AAAA,EAAA,CAcZ,GACL;AAER;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"UserProfileDropdown.js","sources":["../../../../lib/@ecme/components/template/UserProfileDropdown.tsx"],"sourcesContent":["import Avatar from '@/components/ui/Avatar'\r\nimport Dropdown from '@/components/ui/Dropdown'\r\nimport withHeaderItem from '@/utils/hoc/withHeaderItem'\r\nimport { useSessionUser } from '@/store/authStore'\r\nimport { Link } from 'react-router-dom'\r\nimport {\r\n PiUserDuotone,\r\n PiGearDuotone,\r\n PiPulseDuotone,\r\n PiSignOutDuotone,\r\n} from 'react-icons/pi'\r\nimport { useAuth } from '@/auth'\r\nimport { useMemo, type JSX } from 'react'\r\nimport { useTranslation } from 'react-i18next'\r\n\r\ntype DropdownList = {\r\n label: string\r\n path: string\r\n icon: JSX.Element\r\n}\r\n\r\nconst _UserDropdown = () => {\r\n const { avatar, userName, email } = useSessionUser((state) => state.user)\r\n\r\n const { signOut } = useAuth()\r\n\r\n const handleSignOut = () => {\r\n signOut()\r\n }\r\n\r\n const avatarProps = {\r\n ...(avatar ? { src: avatar } : { icon: <PiUserDuotone /> }),\r\n }\r\n\r\n const { t } = useTranslation()\r\n\r\n const dropdownItemList: DropdownList[] = useMemo(\r\n () => [\r\n {\r\n label: t('base.layout.profile.dropdown.options.profile'),\r\n path: '/concepts/account/settings',\r\n icon: <PiUserDuotone />,\r\n },\r\n {\r\n label: t('base.layout.profile.dropdown.options.settings'),\r\n path: '/concepts/account/settings',\r\n icon: <PiGearDuotone />,\r\n },\r\n {\r\n label: t('base.layout.profile.dropdown.options.activity'),\r\n path: '/concepts/account/activity-log',\r\n icon: <PiPulseDuotone />,\r\n },\r\n ],\r\n [t],\r\n )\r\n\r\n return (\r\n <Dropdown\r\n className=\"flex\"\r\n toggleClassName=\"flex items-center\"\r\n renderTitle={\r\n <div className=\"flex cursor-pointer items-center\">\r\n <Avatar size={32} {...avatarProps} />\r\n </div>\r\n }\r\n placement=\"bottom-end\"\r\n >\r\n <Dropdown.Item variant=\"header\">\r\n <div className=\"flex items-center gap-3 px-3 py-2\">\r\n <Avatar {...avatarProps} />\r\n <div>\r\n <div className=\"font-bold text-gray-900 dark:text-gray-100\">\r\n {userName \|\| 'Anonymous'}\r\n </div>\r\n <div className=\"text-xs\">\r\n {email \|\| 'No email available'}\r\n </div>\r\n </div>\r\n </div>\r\n </Dropdown.Item>\r\n <Dropdown.Item variant=\"divider\" />\r\n {dropdownItemList.map((item) => (\r\n <Dropdown.Item\r\n key={item.label}\r\n eventKey={item.label}\r\n className=\"px-0\"\r\n >\r\n <Link className=\"flex h-full w-full px-2\" to={item.path}>\r\n <span className=\"flex w-full items-center gap-2\">\r\n <span className=\"text-xl\">{item.icon}</span>\r\n <span>{item.label}</span>\r\n </span>\r\n </Link>\r\n </Dropdown.Item>\r\n ))}\r\n <Dropdown.Item variant=\"divider\" />\r\n <Dropdown.Item\r\n eventKey=\"Sign Out\"\r\n className=\"gap-2\"\r\n onClick={handleSignOut}\r\n >\r\n <span className=\"text-xl\">\r\n <PiSignOutDuotone />\r\n </span>\r\n <span>{t('base.layout.profile.dropdown.options.signOut')}</span>\r\n </Dropdown.Item>\r\n </Dropdown>\r\n )\r\n}\r\n\r\nconst UserDropdown = withHeaderItem(_UserDropdown)\r\n\r\nexport default UserDropdown\r\n"],"names":["_UserDropdown","avatar","userName","email","useSessionUser","state","signOut","useAuth","handleSignOut","avatarProps","jsx","PiUserDuotone","t","useTranslation","dropdownItemList","useMemo","PiGearDuotone","PiPulseDuotone","jsxs","Dropdown","Avatar","item","Link","PiSignOutDuotone","UserDropdown","withHeaderItem"],"mappings":";;;;;;;;;;;AAqBA,MAAMA,IAAgB,MAAM;AACxB,QAAM,EAAE,QAAAC,GAAQ,UAAAC,GAAU,OAAAC,EAAA,IAAUC,EAAe,CAACC,MAAUA,EAAM,IAAI,GAElE,EAAE,SAAAC,EAAA,IAAYC,EAAA,GAEdC,IAAgB,MAAM;AACxB,IAAAF,EAAA;AAAA,~~EAAQ~~,~~GAGNG~~,IAAc;AAAA,IAChB,GAAIR,IAAS,EAAE,KAAKA,EAAA,IAAW,EAAE,MAAM,gBAAAS,EAACC,GAAA,EAAc,EAAA;AAAA,EAAG,GAGvD,EAAE,GAAAC,EAAA,IAAMC,EAAA,GAERC,IAAmCC;AAAA,IACrC,MAAM;AAAA,MACF;AAAA,QACI,OAAOH,EAAE,8CAA8C;AAAA,QACvD,MAAM;AAAA,QACN,wBAAOD,GAAA,CAAA,CAAc;AAAA,MAAA;AAAA,MAEzB;AAAA,QACI,OAAOC,EAAE,+CAA+C;AAAA,QACxD,MAAM;AAAA,QACN,wBAAOI,GAAA,CAAA,CAAc;AAAA,MAAA;AAAA,MAEzB;AAAA,QACI,OAAOJ,EAAE,+CAA+C;AAAA,QACxD,MAAM;AAAA,QACN,wBAAOK,GAAA,CAAA,CAAe;AAAA,MAAA;AAAA,IAC1B;AAAA,IAEJ,CAACL,CAAC;AAAA,EAAA;AAGN,SACI,gBAAAM;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,iBAAgB;AAAA,MAChB,aACI,gBAAAT,EAAC,OAAA,EAAI,WAAU,oCACX,UAAA,gBAAAA,EAACU,GAAA,EAAO,MAAM,IAAK,GAAGX,EAAA,CAAa,EAAA,CACvC;AAAA,MAEJ,WAAU;AAAA,MAEV,UAAA;AAAA,QAAA,gBAAAC,EAACS,EAAS,MAAT,EAAc,SAAQ,UACnB,UAAA,gBAAAD,EAAC,OAAA,EAAI,WAAU,qCACX,UAAA;AAAA,UAAA,gBAAAR,EAACU,GAAA,EAAQ,GAAGX,GAAa;AAAA,4BACxB,OAAA,EACG,UAAA;AAAA,YAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,8CACV,UAAAR,KAAY,aACjB;AAAA,YACA,gBAAAQ,EAAC,OAAA,EAAI,WAAU,WACV,eAAS,qBAAA,CACd;AAAA,UAAA,EAAA,CACJ;AAAA,QAAA,EAAA,CACJ,EAAA,CACJ;AAAA,QACA,gBAAAA,EAACS,EAAS,MAAT,EAAc,SAAQ,UAAA,CAAU;AAAA,QAChCL,EAAiB,IAAI,CAACO,MACnB,gBAAAX;AAAA,UAACS,EAAS;AAAA,UAAT;AAAA,YAEG,UAAUE,EAAK;AAAA,YACf,WAAU;AAAA,YAEV,UAAA,gBAAAX,EAACY,GAAA,EAAK,WAAU,2BAA0B,IAAID,EAAK,MAC/C,UAAA,gBAAAH,EAAC,QAAA,EAAK,WAAU,kCACZ,UAAA;AAAA,cAAA,gBAAAR,EAAC,QAAA,EAAK,WAAU,WAAW,UAAAW,EAAK,MAAK;AAAA,cACrC,gBAAAX,EAAC,QAAA,EAAM,UAAAW,EAAK,MAAA,CAAM;AAAA,YAAA,EAAA,CACtB,EAAA,CACJ;AAAA,UAAA;AAAA,UATKA,EAAK;AAAA,QAAA,CAWjB;AAAA,QACD,gBAAAX,EAACS,EAAS,MAAT,EAAc,SAAQ,UAAA,CAAU;AAAA,QACjC,gBAAAD;AAAA,UAACC,EAAS;AAAA,UAAT;AAAA,YACG,UAAS;AAAA,YACT,WAAU;AAAA,YACV,SAASX;AAAA,YAET,UAAA;AAAA,cAAA,gBAAAE,EAAC,QAAA,EAAK,WAAU,WACZ,UAAA,gBAAAA,EAACa,KAAiB,GACtB;AAAA,cACA,gBAAAb,EAAC,QAAA,EAAM,UAAAE,EAAE,8CAA8C,EAAA,CAAE;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAC7D;AAAA,IAAA;AAAA,EAAA;AAGZ,GAEMY,IAAeC,EAAezB,CAAa;"}
1	+ {"version":3,"file":"UserProfileDropdown.js","sources":["../../../../lib/@ecme/components/template/UserProfileDropdown.tsx"],"sourcesContent":["import Avatar from '@/components/ui/Avatar'\nimport Dropdown from '@/components/ui/Dropdown'\nimport withHeaderItem from '@/utils/hoc/withHeaderItem'\nimport { useSessionUser } from '@/store/authStore'\nimport { Link } from 'react-router-dom'\nimport {\n PiUserDuotone,\n PiGearDuotone,\n PiPulseDuotone,\n PiSignOutDuotone,\n} from 'react-icons/pi'\nimport { useAuth } from '@/auth'\nimport { useMemo, type JSX } from 'react'\nimport { useTranslation } from 'react-i18next'\n\ntype DropdownList = {\n label: string\n path: string\n icon: JSX.Element\n}\n\nconst _UserDropdown = () => {\n const { avatar, userName, email } = useSessionUser((state) => state.user)\n\n const { signOut } = useAuth()\n\n const handleSignOut = () => {\n signOut()\n }\n\n const avatarProps = {\n ...(avatar ? { src: avatar } : { icon: <PiUserDuotone /> }),\n }\n\n const { t } = useTranslation()\n\n const dropdownItemList: DropdownList[] = useMemo(\n () => [\n {\n label: t('base.layout.profile.dropdown.options.profile'),\n path: '/concepts/account/settings',\n icon: <PiUserDuotone />,\n },\n {\n label: t('base.layout.profile.dropdown.options.settings'),\n path: '/concepts/account/settings',\n icon: <PiGearDuotone />,\n },\n {\n label: t('base.layout.profile.dropdown.options.activity'),\n path: '/concepts/account/activity-log',\n icon: <PiPulseDuotone />,\n },\n ],\n [t],\n )\n\n return (\n <Dropdown\n className=\"flex\"\n toggleClassName=\"flex items-center\"\n renderTitle={\n <div className=\"flex cursor-pointer items-center\">\n <Avatar size={32} {...avatarProps} />\n </div>\n }\n placement=\"bottom-end\"\n >\n <Dropdown.Item variant=\"header\">\n <div className=\"flex items-center gap-3 px-3 py-2\">\n <Avatar {...avatarProps} />\n <div>\n <div className=\"font-bold text-gray-900 dark:text-gray-100\">\n {userName \|\| 'Anonymous'}\n </div>\n <div className=\"text-xs\">\n {email \|\| 'No email available'}\n </div>\n </div>\n </div>\n </Dropdown.Item>\n <Dropdown.Item variant=\"divider\" />\n {dropdownItemList.map((item) => (\n <Dropdown.Item\n key={item.label}\n eventKey={item.label}\n className=\"px-0\"\n >\n <Link className=\"flex h-full w-full px-2\" to={item.path}>\n <span className=\"flex w-full items-center gap-2\">\n <span className=\"text-xl\">{item.icon}</span>\n <span>{item.label}</span>\n </span>\n </Link>\n </Dropdown.Item>\n ))}\n <Dropdown.Item variant=\"divider\" />\n <Dropdown.Item\n eventKey=\"Sign Out\"\n className=\"gap-2\"\n onClick={handleSignOut}\n >\n <span className=\"text-xl\">\n <PiSignOutDuotone />\n </span>\n <span>{t('base.layout.profile.dropdown.options.signOut')}</span>\n </Dropdown.Item>\n </Dropdown>\n )\n}\n\nconst UserDropdown = withHeaderItem(_UserDropdown)\n\nexport default UserDropdown\n"],"names":["_UserDropdown","avatar","userName","email","useSessionUser","state","signOut","useAuth","handleSignOut","avatarProps","jsx","PiUserDuotone","t","useTranslation","dropdownItemList","useMemo","PiGearDuotone","PiPulseDuotone","jsxs","Dropdown","Avatar","item","Link","PiSignOutDuotone","UserDropdown","withHeaderItem"],"mappings":"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"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"VerticalCollapsedMenuItem.js","sources":["../../../../../lib/@ecme/components/template/VerticalMenuContent/VerticalCollapsedMenuItem.tsx"],"sourcesContent":["import Menu from '@/components/ui/Menu'\r\nimport Dropdown from '@/components/ui/Dropdown'\r\nimport VerticalMenuIcon from './VerticalMenuIcon'\r\nimport AuthorityCheck from '@/components/shared/AuthorityCheck'\r\nimport type { CommonProps, TraslationFn } from '@/@types/common'\r\nimport type { Direction } from '@/@types/theme'\r\nimport type { NavigationTree } from '@/@types/navigation'\r\n\r\ninterface DefaultItemProps extends CommonProps {\r\n nav: NavigationTree\r\n onLinkClick?: (link: { key: string; title: string; path: string }) => void\r\n t: TraslationFn\r\n indent?: boolean\r\n dotIndent?: boolean\r\n userAuthority: string[]\r\n}\r\n\r\ninterface CollapsedItemProps extends DefaultItemProps {\r\n direction: Direction\r\n renderAsIcon?: boolean\r\n currentKey?: string\r\n parentKeys?: string[]\r\n}\r\n\r\ninterface VerticalCollapsedMenuItemProps extends CollapsedItemProps {\r\n sideCollapsed?: boolean\r\n}\r\n\r\nconst { MenuItem, MenuCollapse } = Menu\r\n\r\nconst DefaultItem = ({\r\n nav,\r\n indent,\r\n dotIndent,\r\n children,\r\n userAuthority,\r\n t,\r\n}: DefaultItemProps) => {\r\n return (\r\n <AuthorityCheck userAuthority={userAuthority} authority={nav.authority}>\r\n <MenuCollapse\r\n key={nav.key}\r\n label={\r\n <>\r\n <VerticalMenuIcon icon={nav.icon} />\r\n <span>{t(nav.translateKey, nav.title)}</span>\r\n </>\r\n }\r\n eventKey={nav.key}\r\n expanded={false}\r\n dotIndent={dotIndent}\r\n indent={indent}\r\n >\r\n {children}\r\n </MenuCollapse>\r\n </AuthorityCheck>\r\n )\r\n}\r\n\r\nconst CollapsedItem = ({\r\n nav,\r\n direction,\r\n children,\r\n t,\r\n renderAsIcon,\r\n userAuthority,\r\n parentKeys,\r\n}: CollapsedItemProps) => {\r\n const menuItem = (\r\n <MenuItem key={nav.key} isActive={parentKeys?.includes(nav.key)} eventKey={nav.key} className=\"mb-2\">\r\n <VerticalMenuIcon icon={nav.icon} />\r\n </MenuItem>\r\n )\r\n\r\n const dropdownItem = (\r\n <div key={nav.key}>{t(nav.translateKey, nav.title)}</div>\r\n )\r\n\r\n return (\r\n <AuthorityCheck userAuthority={userAuthority} authority={nav.authority}>\r\n <Dropdown\r\n trigger=\"hover\"\r\n renderTitle={renderAsIcon ? menuItem : dropdownItem}\r\n placement={direction === 'rtl' ? 'left-start' : 'right-start'}\r\n >\r\n {children}\r\n </Dropdown>\r\n </AuthorityCheck>\r\n )\r\n}\r\n\r\nconst VerticalCollapsedMenuItem = ({\r\n sideCollapsed,\r\n ...rest\r\n}: VerticalCollapsedMenuItemProps) => {\r\n return sideCollapsed ? (\r\n <CollapsedItem {...rest} />\r\n ) : (\r\n <DefaultItem {...rest} />\r\n )\r\n}\r\n\r\nexport default VerticalCollapsedMenuItem\r\n"],"names":["MenuItem","MenuCollapse","Menu","DefaultItem","nav","indent","dotIndent","children","userAuthority","t","jsx","AuthorityCheck","jsxs","Fragment","VerticalMenuIcon","CollapsedItem","direction","renderAsIcon","parentKeys","menuItem","dropdownItem","Dropdown","VerticalCollapsedMenuItem","sideCollapsed","rest"],"mappings":";;;;;AA4BA,MAAM,EAAE,UAAAA,GAAU,cAAAC,EAAA,IAAiBC,GAE7BC,IAAc,CAAC;AAAA,EACjB,KAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,eAAAC;AAAA,EACA,GAAAC;AACJ,MAEQ,gBAAAC,EAACC,GAAA,EAAe,eAAAH,GAA8B,WAAWJ,EAAI,WACzD,UAAA,gBAAAM;AAAA,EAACT;AAAA,EAAA;AAAA,IAEG,OACI,gBAAAW,EAAAC,GAAA,EACI,UAAA;AAAA,MAAA,gBAAAH,EAACI,GAAA,EAAiB,MAAMV,EAAI,KAAA,CAAM;AAAA,wBACjC,QAAA,EAAM,UAAAK,EAAEL,EAAI,cAAcA,EAAI,KAAK,EAAA,CAAE;AAAA,IAAA,GAC1C;AAAA,IAEJ,UAAUA,EAAI;AAAA,IACd,UAAU;AAAA,IACV,WAAAE;AAAA,IACA,QAAAD;AAAA,IAEC,UAAAE;AAAA,EAAA;AAAA,EAZIH,EAAI;AAAA,GAcjB,GAIFW,IAAgB,CAAC;AAAA,EACnB,KAAAX;AAAA,EACA,WAAAY;AAAA,EACA,UAAAT;AAAA,EACA,GAAAE;AAAA,EACA,cAAAQ;AAAA,EACA,eAAAT;AAAA,EACA,YAAAU;AACJ,MAA0B;AACtB,QAAMC,sBACDnB,GAAA,EAAuB,UAAUkB,KAAA,gBAAAA,EAAY,SAASd,EAAI,MAAM,UAAUA,EAAI,KAAK,WAAU,QAC1F,UAAA,gBAAAM,EAACI,GAAA,EAAiB,MAAMV,EAAI,KAAA,CAAM,KADvBA,EAAI,GAEnB,GAGEgB,IACF,gBAAAV,EAAC,OAAA,EAAmB,UAAAD,EAAEL,EAAI,cAAcA,EAAI,KAAK,EAAA,GAAvCA,EAAI,GAAqC;AAGvD,SACI,gBAAAM,EAACC,GAAA,EAAe,eAAAH,GAA8B,WAAWJ,EAAI,WACzD,UAAA,gBAAAM;AAAA,IAACW;AAAA,IAAA;AAAA,MACG,SAAQ;AAAA,MACR,aAAaJ,IAAeE,IAAWC;AAAA,MACvC,WAAWJ,MAAc,QAAQ,eAAe;AAAA,MAE/C,UAAAT;AAAA,IAAA;AAAA,EAAA,GAET;AAER,GAEMe,IAA4B,CAAC;AAAA,EAC/B,eAAAC;AAAA,EACA,GAAGC;AACP,MACWD,sBACFR,GAAA,EAAe,GAAGS,GAAM,IAEzB,gBAAAd,EAACP,GAAA,EAAa,GAAGqB,EAAA,CAAM;"}
1	+ {"version":3,"file":"VerticalCollapsedMenuItem.js","sources":["../../../../../lib/@ecme/components/template/VerticalMenuContent/VerticalCollapsedMenuItem.tsx"],"sourcesContent":["import Menu from '@/components/ui/Menu'\nimport Dropdown from '@/components/ui/Dropdown'\nimport VerticalMenuIcon from './VerticalMenuIcon'\nimport AuthorityCheck from '@/components/shared/AuthorityCheck'\nimport type { CommonProps, TraslationFn } from '@/@types/common'\nimport type { Direction } from '@/@types/theme'\nimport type { NavigationTree } from '@/@types/navigation'\n\ninterface DefaultItemProps extends CommonProps {\n nav: NavigationTree\n onLinkClick?: (link: { key: string; title: string; path: string }) => void\n t: TraslationFn\n indent?: boolean\n dotIndent?: boolean\n userAuthority: string[]\n}\n\ninterface CollapsedItemProps extends DefaultItemProps {\n direction: Direction\n renderAsIcon?: boolean\n currentKey?: string\n parentKeys?: string[]\n}\n\ninterface VerticalCollapsedMenuItemProps extends CollapsedItemProps {\n sideCollapsed?: boolean\n}\n\nconst { MenuItem, MenuCollapse } = Menu\n\nconst DefaultItem = ({\n nav,\n indent,\n dotIndent,\n children,\n userAuthority,\n t,\n}: DefaultItemProps) => {\n return (\n <AuthorityCheck userAuthority={userAuthority} authority={nav.authority}>\n <MenuCollapse\n key={nav.key}\n label={\n <>\n <VerticalMenuIcon icon={nav.icon} />\n <span>{t(nav.translateKey, nav.title)}</span>\n </>\n }\n eventKey={nav.key}\n expanded={false}\n dotIndent={dotIndent}\n indent={indent}\n >\n {children}\n </MenuCollapse>\n </AuthorityCheck>\n )\n}\n\nconst CollapsedItem = ({\n nav,\n direction,\n children,\n t,\n renderAsIcon,\n userAuthority,\n parentKeys,\n}: CollapsedItemProps) => {\n const menuItem = (\n <MenuItem key={nav.key} isActive={parentKeys?.includes(nav.key)} eventKey={nav.key} className=\"mb-2\">\n <VerticalMenuIcon icon={nav.icon} />\n </MenuItem>\n )\n\n const dropdownItem = (\n <div key={nav.key}>{t(nav.translateKey, nav.title)}</div>\n )\n\n return (\n <AuthorityCheck userAuthority={userAuthority} authority={nav.authority}>\n <Dropdown\n trigger=\"hover\"\n renderTitle={renderAsIcon ? menuItem : dropdownItem}\n placement={direction === 'rtl' ? 'left-start' : 'right-start'}\n >\n {children}\n </Dropdown>\n </AuthorityCheck>\n )\n}\n\nconst VerticalCollapsedMenuItem = ({\n sideCollapsed,\n ...rest\n}: VerticalCollapsedMenuItemProps) => {\n return sideCollapsed ? (\n <CollapsedItem {...rest} />\n ) : (\n <DefaultItem {...rest} />\n )\n}\n\nexport default VerticalCollapsedMenuItem\n"],"names":["MenuItem","MenuCollapse","Menu","DefaultItem","nav","indent","dotIndent","children","userAuthority","t","jsx","AuthorityCheck","jsxs","Fragment","VerticalMenuIcon","CollapsedItem","direction","renderAsIcon","parentKeys","menuItem","dropdownItem","Dropdown","VerticalCollapsedMenuItem","sideCollapsed","rest"],"mappings":";;;;;AA4BA,MAAM,EAAE,UAAAA,GAAU,cAAAC,EAAA,IAAiBC,GAE7BC,IAAc,CAAC;AAAA,EACjB,KAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,eAAAC;AAAA,EACA,GAAAC;AACJ,MAEQ,gBAAAC,EAACC,GAAA,EAAe,eAAAH,GAA8B,WAAWJ,EAAI,WACzD,UAAA,gBAAAM;AAAA,EAACT;AAAA,EAAA;AAAA,IAEG,OACI,gBAAAW,EAAAC,GAAA,EACI,UAAA;AAAA,MAAA,gBAAAH,EAACI,GAAA,EAAiB,MAAMV,EAAI,KAAA,CAAM;AAAA,wBACjC,QAAA,EAAM,UAAAK,EAAEL,EAAI,cAAcA,EAAI,KAAK,EAAA,CAAE;AAAA,IAAA,GAC1C;AAAA,IAEJ,UAAUA,EAAI;AAAA,IACd,UAAU;AAAA,IACV,WAAAE;AAAA,IACA,QAAAD;AAAA,IAEC,UAAAE;AAAA,EAAA;AAAA,EAZIH,EAAI;AAAA,GAcjB,GAIFW,IAAgB,CAAC;AAAA,EACnB,KAAAX;AAAA,EACA,WAAAY;AAAA,EACA,UAAAT;AAAA,EACA,GAAAE;AAAA,EACA,cAAAQ;AAAA,EACA,eAAAT;AAAA,EACA,YAAAU;AACJ,MAA0B;AACtB,QAAMC,sBACDnB,GAAA,EAAuB,UAAUkB,KAAA,gBAAAA,EAAY,SAASd,EAAI,MAAM,UAAUA,EAAI,KAAK,WAAU,QAC1F,UAAA,gBAAAM,EAACI,GAAA,EAAiB,MAAMV,EAAI,KAAA,CAAM,KADvBA,EAAI,GAEnB,GAGEgB,IACF,gBAAAV,EAAC,OAAA,EAAmB,UAAAD,EAAEL,EAAI,cAAcA,EAAI,KAAK,EAAA,GAAvCA,EAAI,GAAqC;AAGvD,SACI,gBAAAM,EAACC,GAAA,EAAe,eAAAH,GAA8B,WAAWJ,EAAI,WACzD,UAAA,gBAAAM;AAAA,IAACW;AAAA,IAAA;AAAA,MACG,SAAQ;AAAA,MACR,aAAaJ,IAAeE,IAAWC;AAAA,MACvC,WAAWJ,MAAc,QAAQ,eAAe;AAAA,MAE/C,UAAAT;AAAA,IAAA;AAAA,EAAA,GAET;AAER,GAEMe,IAA4B,CAAC;AAAA,EAC/B,eAAAC;AAAA,EACA,GAAGC;AACP,MACWD,sBACFR,GAAA,EAAe,GAAGS,GAAM,IAEzB,gBAAAd,EAACP,GAAA,EAAa,GAAGqB,EAAA,CAAM;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"VerticalMenuContent.js","sources":["../../../../../lib/@ecme/components/template/VerticalMenuContent/VerticalMenuContent.tsx"],"sourcesContent":["import { useState, useEffect, Fragment } from \"react\";\r\nimport Menu from \"@/components/ui/Menu\";\r\nimport VerticalSingleMenuItem from \"./VerticalSingleMenuItem\";\r\nimport VerticalCollapsedMenuItem from \"./VerticalCollapsedMenuItem\";\r\nimport AuthorityCheck from \"@/components/shared/AuthorityCheck\";\r\nimport { themeConfig } from \"@/configs/theme.config\";\r\nimport {\r\n NAV_ITEM_TYPE_TITLE,\r\n NAV_ITEM_TYPE_COLLAPSE,\r\n NAV_ITEM_TYPE_ITEM,\r\n} from \"@/constants/navigation.constant\";\r\nimport useMenuActive from \"@/utils/hooks/useMenuActive\";\r\nimport useTranslation from \"@/utils/hooks/useTranslation\";\r\nimport { Direction } from \"@/@types/theme\";\r\nimport type { NavigationTree } from \"@/@types/navigation\";\r\nimport type { TraslationFn } from \"@/@types/common\";\r\nimport { LinkRenderer } from \"@/components/layouts/Layouts\";\r\n\r\nexport interface VerticalMenuContentProps {\r\n collapsed?: boolean;\r\n routeKey: string;\r\n navigationTree?: NavigationTree[];\r\n onMenuItemClick?: () => void;\r\n direction?: Direction;\r\n translationSetup?: boolean;\r\n userAuthority: string[];\r\n linkRenderer?: LinkRenderer;\r\n}\r\n\r\nconst { MenuGroup } = Menu;\r\n\r\nconst VerticalMenuContent = (props: VerticalMenuContentProps) => {\r\n const {\r\n collapsed,\r\n routeKey,\r\n navigationTree = [],\r\n onMenuItemClick,\r\n direction = themeConfig.direction,\r\n translationSetup,\r\n userAuthority,\r\n linkRenderer,\r\n } = props;\r\n\r\n const { t } = useTranslation(!translationSetup);\r\n\r\n const [defaulExpandKey, setDefaulExpandKey] = useState<string[]>([]);\r\n\r\n const { activedRoute } = useMenuActive(navigationTree, routeKey);\r\n\r\n useEffect(() => {\r\n if (activedRoute?.parentKey) {\r\n setDefaulExpandKey([activedRoute?.parentKey]);\r\n }\r\n }, [activedRoute?.parentKey]);\r\n\r\n const handleLinkClick = () => {\r\n onMenuItemClick?.();\r\n };\r\n\r\n const renderNavigation = (\r\n navTree: NavigationTree[],\r\n cascade: number = 0,\r\n indent?: boolean\r\n ) => {\r\n const nextCascade = cascade + 1;\r\n\r\n return (\r\n <>\r\n {navTree.map((nav) => (\r\n <Fragment key={nav.key}>\r\n {nav.type === NAV_ITEM_TYPE_ITEM && (\r\n <VerticalSingleMenuItem\r\n key={nav.key}\r\n currentKey={activedRoute?.key}\r\n parentKeys={defaulExpandKey}\r\n nav={nav}\r\n sideCollapsed={collapsed}\r\n direction={direction}\r\n indent={indent}\r\n renderAsIcon={cascade <= 0}\r\n showIcon={cascade <= 0}\r\n userAuthority={userAuthority}\r\n showTitle={\r\n nav.forceShowTitle ??\r\n (collapsed ? cascade >= 1 : cascade <= 1)\r\n }\r\n t={t as TraslationFn}\r\n onLinkClick={handleLinkClick}\r\n linkRenderer={linkRenderer}\r\n />\r\n )}\r\n {nav.type === NAV_ITEM_TYPE_COLLAPSE && (\r\n <VerticalCollapsedMenuItem\r\n key={nav.key}\r\n currentKey={activedRoute?.key}\r\n parentKeys={defaulExpandKey}\r\n nav={nav}\r\n sideCollapsed={collapsed}\r\n direction={direction}\r\n indent={nextCascade >= 2}\r\n dotIndent={nextCascade >= 2}\r\n renderAsIcon={nextCascade <= 1}\r\n userAuthority={userAuthority}\r\n t={t as TraslationFn}\r\n onLinkClick={onMenuItemClick}\r\n >\r\n {nav.subMenu &&\r\n nav.subMenu.length > 0 &&\r\n renderNavigation(nav.subMenu, nextCascade, true)}\r\n </VerticalCollapsedMenuItem>\r\n )}\r\n {nav.type === NAV_ITEM_TYPE_TITLE && (\r\n <AuthorityCheck\r\n userAuthority={userAuthority}\r\n authority={nav.authority}\r\n >\r\n <MenuGroup\r\n key={nav.key}\r\n label={t(nav.translateKey) \|\| nav.title}\r\n >\r\n {nav.subMenu &&\r\n nav.subMenu.length > 0 &&\r\n renderNavigation(nav.subMenu, cascade, false)}\r\n </MenuGroup>\r\n </AuthorityCheck>\r\n )}\r\n </Fragment>\r\n ))}\r\n </>\r\n );\r\n };\r\n\r\n return (\r\n <Menu\r\n className=\"px-4 pb-4\"\r\n sideCollapsed={collapsed}\r\n defaultActiveKeys={activedRoute?.key ? [activedRoute.key] : []}\r\n defaultExpandedKeys={defaulExpandKey}\r\n defaultCollapseActiveKeys={\r\n activedRoute?.parentKey ? [activedRoute.parentKey] : []\r\n }\r\n >\r\n {renderNavigation(navigationTree, 0)}\r\n </Menu>\r\n );\r\n};\r\n\r\nexport default VerticalMenuContent;\r\n"],"names":["MenuGroup","Menu","VerticalMenuContent","props","collapsed","routeKey","navigationTree","onMenuItemClick","direction","themeConfig","translationSetup","userAuthority","linkRenderer","t","useTranslation","defaulExpandKey","setDefaulExpandKey","useState","activedRoute","useMenuActive","useEffect","handleLinkClick","renderNavigation","navTree","cascade","indent","nextCascade","nav","jsxs","Fragment","NAV_ITEM_TYPE_ITEM","jsx","VerticalSingleMenuItem","NAV_ITEM_TYPE_COLLAPSE","VerticalCollapsedMenuItem","NAV_ITEM_TYPE_TITLE","AuthorityCheck"],"mappings":";;;;;;;;;;AA6BA,MAAM,EAAE,WAAAA,MAAcC,GAEhBC,IAAsB,CAACC,MAAoC;AAC/D,QAAM;AAAA,IACJ,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,gBAAAC,IAAiB,CAAA;AAAA,IACjB,iBAAAC;AAAA,IACA,WAAAC,IAAYC,EAAY;AAAA,IACxB,kBAAAC;AAAA,IACA,eAAAC;AAAA,IACA,cAAAC;AAAA,EAAA,IACET,GAEE,EAAE,GAAAU,EAAA,IAAMC,EAAe,CAACJ,CAAgB,GAExC,CAACK,GAAiBC,CAAkB,IAAIC,EAAmB,CAAA,CAAE,GAE7D,EAAE,cAAAC,EAAA,IAAiBC,EAAcb,GAAgBD,CAAQ;AAE/D,EAAAe,EAAU,MAAM;AACd,IAAIF,KAAA,QAAAA,EAAc,aAChBF,EAAmB,CAACE,KAAA,gBAAAA,EAAc,SAAS,CAAC;AAAA,~~EAC9C~~,~~GACC~~,CAACA,KAAA,gBAAAA,EAAc,SAAS,CAAC;AAE5B,QAAMG,IAAkB,MAAM;AAC5B,IAAAd,KAAA,QAAAA;AAAA,~~EAAkB~~,~~GAGde~~,IAAmB,CACvBC,GACAC,IAAkB,GAClBC,MACG;AACH,UAAMC,IAAcF,IAAU;AAE9B,kCAEK,UAAAD,EAAQ,IAAI,CAACI,MACZ,gBAAAC,EAACC,GAAA,EACE,UAAA;AAAA,MAAAF,EAAI,SAASG,KACZ,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UAEC,YAAYd,KAAA,gBAAAA,EAAc;AAAA,UAC1B,YAAYH;AAAA,UACZ,KAAAY;AAAA,UACA,eAAevB;AAAA,UACf,WAAAI;AAAA,UACA,QAAAiB;AAAA,UACA,cAAcD,KAAW;AAAA,UACzB,UAAUA,KAAW;AAAA,UACrB,eAAAb;AAAA,UACA,WACEgB,EAAI,mBACHvB,IAAYoB,KAAW,IAAIA,KAAW;AAAA,UAEzC,GAAAX;AAAA,UACA,aAAaQ;AAAA,UACb,cAAAT;AAAA,QAAA;AAAA,QAhBKe,EAAI;AAAA,MAAA;AAAA,MAmBZA,EAAI,SAASM,KACZ,gBAAAF;AAAA,QAACG;AAAA,QAAA;AAAA,UAEC,YAAYhB,KAAA,gBAAAA,EAAc;AAAA,UAC1B,YAAYH;AAAA,UACZ,KAAAY;AAAA,UACA,eAAevB;AAAA,UACf,WAAAI;AAAA,UACA,QAAQkB,KAAe;AAAA,UACvB,WAAWA,KAAe;AAAA,UAC1B,cAAcA,KAAe;AAAA,UAC7B,eAAAf;AAAA,UACA,GAAAE;AAAA,UACA,aAAaN;AAAA,UAEZ,UAAAoB,EAAI,WACHA,EAAI,QAAQ,SAAS,KACrBL,EAAiBK,EAAI,SAASD,GAAa,EAAI;AAAA,QAAA;AAAA,QAf5CC,EAAI;AAAA,MAAA;AAAA,MAkBZA,EAAI,SAASQ,KACZ,gBAAAJ;AAAA,QAACK;AAAA,QAAA;AAAA,UACC,eAAAzB;AAAA,UACA,WAAWgB,EAAI;AAAA,UAEf,UAAA,gBAAAI;AAAA,YAAC/B;AAAA,YAAA;AAAA,cAEC,OAAOa,EAAEc,EAAI,YAAY,KAAKA,EAAI;AAAA,cAEjC,UAAAA,EAAI,WACHA,EAAI,QAAQ,SAAS,KACrBL,EAAiBK,EAAI,SAASH,GAAS,EAAK;AAAA,YAAA;AAAA,YALzCG,EAAI;AAAA,UAAA;AAAA,QAMX;AAAA,MAAA;AAAA,IACF,EAAA,GAvDWA,EAAI,GAyDnB,CACD,GACH;AAAA,~~EAAA~~;~~AAIJ~~,SACE,gBAAAI;AAAA,IAAC9B;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,eAAeG;AAAA,MACf,mBAAmBc,KAAA,QAAAA,EAAc,MAAM,CAACA,EAAa,GAAG,IAAI,CAAA;AAAA,MAC5D,qBAAqBH;AAAA,MACrB,2BACEG,KAAA,QAAAA,EAAc,YAAY,CAACA,EAAa,SAAS,IAAI,CAAA;AAAA,MAGtD,UAAAI,EAAiBhB,GAAgB,CAAC;AAAA,IAAA;AAAA,EAAA;AAGzC;"}
1	+ {"version":3,"file":"VerticalMenuContent.js","sources":["../../../../../lib/@ecme/components/template/VerticalMenuContent/VerticalMenuContent.tsx"],"sourcesContent":["import { useState, useEffect, Fragment } from \"react\";\nimport Menu from \"@/components/ui/Menu\";\nimport VerticalSingleMenuItem from \"./VerticalSingleMenuItem\";\nimport VerticalCollapsedMenuItem from \"./VerticalCollapsedMenuItem\";\nimport AuthorityCheck from \"@/components/shared/AuthorityCheck\";\nimport { themeConfig } from \"@/configs/theme.config\";\nimport {\n NAV_ITEM_TYPE_TITLE,\n NAV_ITEM_TYPE_COLLAPSE,\n NAV_ITEM_TYPE_ITEM,\n} from \"@/constants/navigation.constant\";\nimport useMenuActive from \"@/utils/hooks/useMenuActive\";\nimport useTranslation from \"@/utils/hooks/useTranslation\";\nimport { Direction } from \"@/@types/theme\";\nimport type { NavigationTree } from \"@/@types/navigation\";\nimport type { TraslationFn } from \"@/@types/common\";\nimport { LinkRenderer } from \"@/components/layouts/Layouts\";\n\nexport interface VerticalMenuContentProps {\n collapsed?: boolean;\n routeKey: string;\n navigationTree?: NavigationTree[];\n onMenuItemClick?: () => void;\n direction?: Direction;\n translationSetup?: boolean;\n userAuthority: string[];\n linkRenderer?: LinkRenderer;\n}\n\nconst { MenuGroup } = Menu;\n\nconst VerticalMenuContent = (props: VerticalMenuContentProps) => {\n const {\n collapsed,\n routeKey,\n navigationTree = [],\n onMenuItemClick,\n direction = themeConfig.direction,\n translationSetup,\n userAuthority,\n linkRenderer,\n } = props;\n\n const { t } = useTranslation(!translationSetup);\n\n const [defaulExpandKey, setDefaulExpandKey] = useState<string[]>([]);\n\n const { activedRoute } = useMenuActive(navigationTree, routeKey);\n\n useEffect(() => {\n if (activedRoute?.parentKey) {\n setDefaulExpandKey([activedRoute?.parentKey]);\n }\n }, [activedRoute?.parentKey]);\n\n const handleLinkClick = () => {\n onMenuItemClick?.();\n };\n\n const renderNavigation = (\n navTree: NavigationTree[],\n cascade: number = 0,\n indent?: boolean\n ) => {\n const nextCascade = cascade + 1;\n\n return (\n <>\n {navTree.map((nav) => (\n <Fragment key={nav.key}>\n {nav.type === NAV_ITEM_TYPE_ITEM && (\n <VerticalSingleMenuItem\n key={nav.key}\n currentKey={activedRoute?.key}\n parentKeys={defaulExpandKey}\n nav={nav}\n sideCollapsed={collapsed}\n direction={direction}\n indent={indent}\n renderAsIcon={cascade <= 0}\n showIcon={cascade <= 0}\n userAuthority={userAuthority}\n showTitle={\n nav.forceShowTitle ??\n (collapsed ? cascade >= 1 : cascade <= 1)\n }\n t={t as TraslationFn}\n onLinkClick={handleLinkClick}\n linkRenderer={linkRenderer}\n />\n )}\n {nav.type === NAV_ITEM_TYPE_COLLAPSE && (\n <VerticalCollapsedMenuItem\n key={nav.key}\n currentKey={activedRoute?.key}\n parentKeys={defaulExpandKey}\n nav={nav}\n sideCollapsed={collapsed}\n direction={direction}\n indent={nextCascade >= 2}\n dotIndent={nextCascade >= 2}\n renderAsIcon={nextCascade <= 1}\n userAuthority={userAuthority}\n t={t as TraslationFn}\n onLinkClick={onMenuItemClick}\n >\n {nav.subMenu &&\n nav.subMenu.length > 0 &&\n renderNavigation(nav.subMenu, nextCascade, true)}\n </VerticalCollapsedMenuItem>\n )}\n {nav.type === NAV_ITEM_TYPE_TITLE && (\n <AuthorityCheck\n userAuthority={userAuthority}\n authority={nav.authority}\n >\n <MenuGroup\n key={nav.key}\n label={t(nav.translateKey) \|\| nav.title}\n >\n {nav.subMenu &&\n nav.subMenu.length > 0 &&\n renderNavigation(nav.subMenu, cascade, false)}\n </MenuGroup>\n </AuthorityCheck>\n )}\n </Fragment>\n ))}\n </>\n );\n };\n\n return (\n <Menu\n className=\"px-4 pb-4\"\n sideCollapsed={collapsed}\n defaultActiveKeys={activedRoute?.key ? [activedRoute.key] : []}\n defaultExpandedKeys={defaulExpandKey}\n defaultCollapseActiveKeys={\n activedRoute?.parentKey ? [activedRoute.parentKey] : []\n }\n >\n {renderNavigation(navigationTree, 0)}\n </Menu>\n );\n};\n\nexport default VerticalMenuContent;\n"],"names":["MenuGroup","Menu","VerticalMenuContent","props","collapsed","routeKey","navigationTree","onMenuItemClick","direction","themeConfig","translationSetup","userAuthority","linkRenderer","t","useTranslation","defaulExpandKey","setDefaulExpandKey","useState","activedRoute","useMenuActive","useEffect","handleLinkClick","renderNavigation","navTree","cascade","indent","nextCascade","nav","jsxs","Fragment","NAV_ITEM_TYPE_ITEM","jsx","VerticalSingleMenuItem","NAV_ITEM_TYPE_COLLAPSE","VerticalCollapsedMenuItem","NAV_ITEM_TYPE_TITLE","AuthorityCheck"],"mappings":"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"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"VerticalMenuIcon.js","sources":["../../../../../lib/@ecme/components/template/VerticalMenuContent/VerticalMenuIcon.tsx"],"sourcesContent":["import navigationIcon from '@/configs/navigation-icon.config'\r\nimport type { ElementType, ComponentPropsWithRef } from 'react'\r\n\r\ntype VerticalMenuIconProps = {\r\n icon: string\r\n gutter?: string\r\n}\r\n\r\nexport const Icon = <T extends ElementType>({\r\n component,\r\n ...props\r\n}: {\r\n header: T\r\n} & ComponentPropsWithRef<T>) => {\r\n const Component = component\r\n return <Component {...props} />\r\n}\r\n\r\nconst VerticalMenuIcon = ({ icon }: VerticalMenuIconProps) => {\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-2xl`}>{navigationIcon[icon]}</span>\r\n )}\r\n </>\r\n )\r\n}\r\n\r\nexport default VerticalMenuIcon\r\n"],"names":["Icon","component","props","jsx","VerticalMenuIcon","icon","Fragment","navigationIcon"],"mappings":";;AAQO,MAAMA,IAAO,CAAwB;AAAA,EACxC,WAAAC;AAAA,EACA,GAAGC;AACP,MAIW,gBAAAC,EADWF,GACV,EAAW,GAAGC,EAAA,CAAO,GAG3BE,IAAmB,CAAC,EAAE,MAAAC,QACpB,OAAOA,KAAS,YAAY,CAACA,IACtB,gBAAAF,EAAAG,GAAA,EAAE,IAIT,gBAAAH,EAAAG,GAAA,EACK,UAAAC,EAAeF,CAAI,KAChB,gBAAAF,EAAC,QAAA,EAAK,WAAW,YAAa,UAAAI,EAAeF,CAAI,EAAA,CAAE,GAE3D;"}
1	+ {"version":3,"file":"VerticalMenuIcon.js","sources":["../../../../../lib/@ecme/components/template/VerticalMenuContent/VerticalMenuIcon.tsx"],"sourcesContent":["import navigationIcon from '@/configs/navigation-icon.config'\nimport type { ElementType, ComponentPropsWithRef } from 'react'\n\ntype VerticalMenuIconProps = {\n icon: string\n gutter?: string\n}\n\nexport const Icon = <T extends ElementType>({\n component,\n ...props\n}: {\n header: T\n} & ComponentPropsWithRef<T>) => {\n const Component = component\n return <Component {...props} />\n}\n\nconst VerticalMenuIcon = ({ icon }: VerticalMenuIconProps) => {\n if (typeof icon !== 'string' && !icon) {\n return <></>\n }\n\n return (\n <>\n {navigationIcon[icon] && (\n <span className={`text-2xl`}>{navigationIcon[icon]}</span>\n )}\n </>\n )\n}\n\nexport default VerticalMenuIcon\n"],"names":["Icon","component","props","jsx","VerticalMenuIcon","icon","Fragment","navigationIcon"],"mappings":";;AAQO,MAAMA,IAAO,CAAwB;AAAA,EACxC,WAAAC;AAAA,EACA,GAAGC;AACP,MAIW,gBAAAC,EADWF,GACV,EAAW,GAAGC,EAAA,CAAO,GAG3BE,IAAmB,CAAC,EAAE,MAAAC,QACpB,OAAOA,KAAS,YAAY,CAACA,IACtB,gBAAAF,EAAAG,GAAA,EAAE,IAIT,gBAAAH,EAAAG,GAAA,EACK,UAAAC,EAAeF,CAAI,KAChB,gBAAAF,EAAC,QAAA,EAAK,WAAW,YAAa,UAAAI,EAAeF,CAAI,EAAA,CAAE,GAE3D;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"VerticalSingleMenuItem.js","sources":["../../../../../lib/@ecme/components/template/VerticalMenuContent/VerticalSingleMenuItem.tsx"],"sourcesContent":["import Tooltip from \"@/components/ui/Tooltip\";\r\nimport Menu from \"@/components/ui/Menu\";\r\nimport AuthorityCheck from \"@/components/shared/AuthorityCheck\";\r\nimport VerticalMenuIcon from \"./VerticalMenuIcon\";\r\nimport { Link } from \"react-router-dom\";\r\nimport Dropdown from \"@/components/ui/Dropdown\";\r\nimport type { CommonProps } from \"@/@types/common\";\r\nimport type { Direction } from \"@/@types/theme\";\r\nimport type { NavigationTree } from \"@/@types/navigation\";\r\n\r\nconst { MenuItem } = Menu;\r\n\r\ntype LinkRenderer = (\r\n nav: NavigationTree,\r\n children: React.ReactNode\r\n) => React.ReactNode;\r\n\r\ninterface CollapsedItemProps extends CommonProps {\r\n nav: NavigationTree;\r\n direction?: Direction;\r\n linkRenderer?: LinkRenderer;\r\n onLinkClick?: (link: { key: string; title: string; path: string }) => void;\r\n t: (\r\n key: string,\r\n fallback?: string \| Record<string, string \| number>\r\n ) => string;\r\n renderAsIcon?: boolean;\r\n userAuthority: string[];\r\n currentKey?: string;\r\n parentKeys?: string[];\r\n}\r\n\r\ninterface DefaultItemProps {\r\n nav: NavigationTree;\r\n onLinkClick?: (link: { key: string; title: string; path: string }) => void;\r\n sideCollapsed?: boolean;\r\n t: (\r\n key: string,\r\n fallback?: string \| Record<string, string \| number>\r\n ) => string;\r\n indent?: boolean;\r\n userAuthority: string[];\r\n showIcon?: boolean;\r\n showTitle?: boolean;\r\n linkRenderer?: LinkRenderer;\r\n}\r\n\r\ninterface VerticalMenuItemProps extends CollapsedItemProps, DefaultItemProps {}\r\n\r\nconst CollapsedItem = ({\r\n nav,\r\n children,\r\n direction,\r\n renderAsIcon,\r\n onLinkClick,\r\n userAuthority,\r\n t,\r\n currentKey,\r\n linkRenderer,\r\n}: CollapsedItemProps) => {\r\n const linkContent = <span>{t(nav.translateKey, nav.title)}</span>;\r\n\r\n const renderLink = () => {\r\n if (linkRenderer) {\r\n return linkRenderer(nav, linkContent);\r\n }\r\n\r\n return (\r\n <Link\r\n id={nav.path}\r\n className=\"flex h-full w-full items-center outline-none\"\r\n to={nav.path}\r\n target={nav.isExternalLink ? \"_blank\" : \"\"}\r\n onClick={() =>\r\n onLinkClick?.({\r\n key: nav.key,\r\n title: nav.title,\r\n path: nav.path,\r\n })\r\n }\r\n >\r\n {linkContent}\r\n </Link>\r\n );\r\n };\r\n\r\n return (\r\n <AuthorityCheck userAuthority={userAuthority} authority={nav.authority}>\r\n <Dropdown.Item active={currentKey === nav.key}>\r\n {nav.path ? (\r\n renderLink()\r\n ) : (\r\n <span>{t(nav.translateKey, nav.title)}</span>\r\n )}\r\n </Dropdown.Item>\r\n </AuthorityCheck>\r\n );\r\n};\r\n\r\nconst DefaultItem = (props: DefaultItemProps) => {\r\n const {\r\n nav,\r\n onLinkClick,\r\n showTitle,\r\n indent,\r\n showIcon = true,\r\n userAuthority,\r\n t,\r\n linkRenderer,\r\n } = props;\r\n\r\n const linkContent = (\r\n <>\r\n {showIcon && <VerticalMenuIcon icon={nav.icon} />}\r\n {showTitle && <span>{t(nav.translateKey, nav.title)}</span>}\r\n </>\r\n );\r\n\r\n const renderLink = () => {\r\n if (linkRenderer) {\r\n return linkRenderer(nav, linkContent);\r\n }\r\n\r\n return (\r\n <Link\r\n to={nav.path}\r\n className=\"flex h-full w-full items-center gap-2\"\r\n target={nav.isExternalLink ? \"_blank\" : \"\"}\r\n onClick={() =>\r\n onLinkClick?.({\r\n key: nav.key,\r\n title: nav.title,\r\n path: nav.path,\r\n })\r\n }\r\n >\r\n {linkContent}\r\n </Link>\r\n );\r\n };\r\n\r\n return (\r\n <AuthorityCheck userAuthority={userAuthority} authority={nav.authority}>\r\n <MenuItem key={nav.key} eventKey={nav.key} dotIndent={indent}>\r\n {renderLink()}\r\n </MenuItem>\r\n </AuthorityCheck>\r\n );\r\n};\r\nconst VerticalSingleMenuItem = (props: VerticalMenuItemProps) => {\r\n const { sideCollapsed, nav, t, userAuthority, onLinkClick, linkRenderer } =\r\n props;\r\n\r\n if (sideCollapsed) {\r\n return (\r\n <Tooltip\r\n title={t(nav.translateKey, nav.title)}\r\n placement={props.direction === \"rtl\" ? \"left\" : \"right\"}\r\n >\r\n <DefaultItem\r\n nav={nav}\r\n onLinkClick={onLinkClick}\r\n t={t}\r\n userAuthority={userAuthority}\r\n linkRenderer={linkRenderer}\r\n showIcon={true}\r\n showTitle={false}\r\n indent={props.indent}\r\n />\r\n </Tooltip>\r\n );\r\n }\r\n\r\n return (\r\n <DefaultItem\r\n nav={nav}\r\n onLinkClick={onLinkClick}\r\n t={t}\r\n userAuthority={userAuthority}\r\n linkRenderer={linkRenderer}\r\n showIcon={true}\r\n showTitle={true}\r\n indent={props.indent}\r\n />\r\n );\r\n};\r\nexport default VerticalSingleMenuItem;\r\n"],"names":["MenuItem","Menu","DefaultItem","props","nav","onLinkClick","showTitle","indent","showIcon","userAuthority","t","linkRenderer","linkContent","jsxs","Fragment","jsx","VerticalMenuIcon","renderLink","Link","AuthorityCheck","VerticalSingleMenuItem","sideCollapsed","Tooltip"],"mappings":";;;;;;;;AAUA,MAAM,EAAE,UAAAA,MAAaC;AAyFrB,MAAMC,IAAc,CAACC,MAA4B;AAC/C,QAAM;AAAA,IACJ,KAAAC;AAAA,IACA,aAAAC;AAAA,IACA,WAAAC;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,eAAAC;AAAA,IACA,GAAAC;AAAA,IACA,cAAAC;AAAA,EAAA,IACER,GAEES,IACJ,gBAAAC,EAAAC,GAAA,EACG,UAAA;AAAA,IAAAN,KAAY,gBAAAO,EAACC,GAAA,EAAiB,MAAMZ,EAAI,MAAM;AAAA,IAC9CE,uBAAc,QAAA,EAAM,UAAAI,EAAEN,EAAI,cAAcA,EAAI,KAAK,EAAA,CAAE;AAAA,EAAA,GACtD,GAGIa,IAAa,MACbN,IACKA,EAAaP,GAAKQ,CAAW,IAIpC,gBAAAG;AAAA,IAACG;AAAA,IAAA;AAAA,MACC,IAAId,EAAI;AAAA,MACR,WAAU;AAAA,MACV,QAAQA,EAAI,iBAAiB,WAAW;AAAA,MACxC,SAAS,MACPC,KAAA,gBAAAA,EAAc;AAAA,QACZ,KAAKD,EAAI;AAAA,QACT,OAAOA,EAAI;AAAA,QACX,MAAMA,EAAI;AAAA,MAAA;AAAA,MAIb,UAAAQ;AAAA,IAAA;AAAA,EAAA;AAKP,2BACGO,GAAA,EAAe,eAAAV,GAA8B,WAAWL,EAAI,WAC3D,UAAA,gBAAAW,EAACf,GAAA,EAAuB,UAAUI,EAAI,KAAK,WAAWG,GACnD,iBADYH,EAAI,GAEnB,GACF;AAEJ,GACMgB,IAAyB,CAACjB,MAAiC;AAC/D,QAAM,EAAE,eAAAkB,GAAe,KAAAjB,GAAK,GAAAM,GAAG,eAAAD,GAAe,aAAAJ,GAAa,cAAAM,MACzDR;AAEF,SAAIkB,IAEA,gBAAAN;AAAA,IAACO;AAAA,IAAA;AAAA,MACC,OAAOZ,EAAEN,EAAI,cAAcA,EAAI,KAAK;AAAA,MACpC,WAAWD,EAAM,cAAc,QAAQ,SAAS;AAAA,MAEhD,UAAA,gBAAAY;AAAA,QAACb;AAAA,QAAA;AAAA,UACC,KAAAE;AAAA,UACA,aAAAC;AAAA,UACA,GAAAK;AAAA,UACA,eAAAD;AAAA,UACA,cAAAE;AAAA,UACA,UAAU;AAAA,UACV,WAAW;AAAA,UACX,QAAQR,EAAM;AAAA,QAAA;AAAA,MAAA;AAAA,IAChB;AAAA,EAAA,IAMJ,gBAAAY;AAAA,IAACb;AAAA,IAAA;AAAA,MACC,KAAAE;AAAA,MACA,aAAAC;AAAA,MACA,GAAAK;AAAA,MACA,eAAAD;AAAA,MACA,cAAAE;AAAA,MACA,UAAU;AAAA,MACV,WAAW;AAAA,MACX,QAAQR,EAAM;AAAA,IAAA;AAAA,EAAA;AAGpB;"}
1	+ {"version":3,"file":"VerticalSingleMenuItem.js","sources":["../../../../../lib/@ecme/components/template/VerticalMenuContent/VerticalSingleMenuItem.tsx"],"sourcesContent":["import Tooltip from \"@/components/ui/Tooltip\";\nimport Menu from \"@/components/ui/Menu\";\nimport AuthorityCheck from \"@/components/shared/AuthorityCheck\";\nimport VerticalMenuIcon from \"./VerticalMenuIcon\";\nimport { Link } from \"react-router-dom\";\nimport Dropdown from \"@/components/ui/Dropdown\";\nimport type { CommonProps } from \"@/@types/common\";\nimport type { Direction } from \"@/@types/theme\";\nimport type { NavigationTree } from \"@/@types/navigation\";\n\nconst { MenuItem } = Menu;\n\ntype LinkRenderer = (\n nav: NavigationTree,\n children: React.ReactNode\n) => React.ReactNode;\n\ninterface CollapsedItemProps extends CommonProps {\n nav: NavigationTree;\n direction?: Direction;\n linkRenderer?: LinkRenderer;\n onLinkClick?: (link: { key: string; title: string; path: string }) => void;\n t: (\n key: string,\n fallback?: string \| Record<string, string \| number>\n ) => string;\n renderAsIcon?: boolean;\n userAuthority: string[];\n currentKey?: string;\n parentKeys?: string[];\n}\n\ninterface DefaultItemProps {\n nav: NavigationTree;\n onLinkClick?: (link: { key: string; title: string; path: string }) => void;\n sideCollapsed?: boolean;\n t: (\n key: string,\n fallback?: string \| Record<string, string \| number>\n ) => string;\n indent?: boolean;\n userAuthority: string[];\n showIcon?: boolean;\n showTitle?: boolean;\n linkRenderer?: LinkRenderer;\n}\n\ninterface VerticalMenuItemProps extends CollapsedItemProps, DefaultItemProps {}\n\nconst CollapsedItem = ({\n nav,\n children,\n direction,\n renderAsIcon,\n onLinkClick,\n userAuthority,\n t,\n currentKey,\n linkRenderer,\n}: CollapsedItemProps) => {\n const linkContent = <span>{t(nav.translateKey, nav.title)}</span>;\n\n const renderLink = () => {\n if (linkRenderer) {\n return linkRenderer(nav, linkContent);\n }\n\n return (\n <Link\n id={nav.path}\n className=\"flex h-full w-full items-center outline-none\"\n to={nav.path}\n target={nav.isExternalLink ? \"_blank\" : \"\"}\n onClick={() =>\n onLinkClick?.({\n key: nav.key,\n title: nav.title,\n path: nav.path,\n })\n }\n >\n {linkContent}\n </Link>\n );\n };\n\n return (\n <AuthorityCheck userAuthority={userAuthority} authority={nav.authority}>\n <Dropdown.Item active={currentKey === nav.key}>\n {nav.path ? (\n renderLink()\n ) : (\n <span>{t(nav.translateKey, nav.title)}</span>\n )}\n </Dropdown.Item>\n </AuthorityCheck>\n );\n};\n\nconst DefaultItem = (props: DefaultItemProps) => {\n const {\n nav,\n onLinkClick,\n showTitle,\n indent,\n showIcon = true,\n userAuthority,\n t,\n linkRenderer,\n } = props;\n\n const linkContent = (\n <>\n {showIcon && <VerticalMenuIcon icon={nav.icon} />}\n {showTitle && <span>{t(nav.translateKey, nav.title)}</span>}\n </>\n );\n\n const renderLink = () => {\n if (linkRenderer) {\n return linkRenderer(nav, linkContent);\n }\n\n return (\n <Link\n to={nav.path}\n className=\"flex h-full w-full items-center gap-2\"\n target={nav.isExternalLink ? \"_blank\" : \"\"}\n onClick={() =>\n onLinkClick?.({\n key: nav.key,\n title: nav.title,\n path: nav.path,\n })\n }\n >\n {linkContent}\n </Link>\n );\n };\n\n return (\n <AuthorityCheck userAuthority={userAuthority} authority={nav.authority}>\n <MenuItem key={nav.key} eventKey={nav.key} dotIndent={indent}>\n {renderLink()}\n </MenuItem>\n </AuthorityCheck>\n );\n};\nconst VerticalSingleMenuItem = (props: VerticalMenuItemProps) => {\n const { sideCollapsed, nav, t, userAuthority, onLinkClick, linkRenderer } =\n props;\n\n if (sideCollapsed) {\n return (\n <Tooltip\n title={t(nav.translateKey, nav.title)}\n placement={props.direction === \"rtl\" ? \"left\" : \"right\"}\n >\n <DefaultItem\n nav={nav}\n onLinkClick={onLinkClick}\n t={t}\n userAuthority={userAuthority}\n linkRenderer={linkRenderer}\n showIcon={true}\n showTitle={false}\n indent={props.indent}\n />\n </Tooltip>\n );\n }\n\n return (\n <DefaultItem\n nav={nav}\n onLinkClick={onLinkClick}\n t={t}\n userAuthority={userAuthority}\n linkRenderer={linkRenderer}\n showIcon={true}\n showTitle={true}\n indent={props.indent}\n />\n );\n};\nexport default VerticalSingleMenuItem;\n"],"names":["MenuItem","Menu","DefaultItem","props","nav","onLinkClick","showTitle","indent","showIcon","userAuthority","t","linkRenderer","linkContent","jsxs","Fragment","jsx","VerticalMenuIcon","renderLink","Link","AuthorityCheck","VerticalSingleMenuItem","sideCollapsed","Tooltip"],"mappings":";;;;;;;;AAUA,MAAM,EAAE,UAAAA,MAAaC;AAyFrB,MAAMC,IAAc,CAACC,MAA4B;AAC/C,QAAM;AAAA,IACJ,KAAAC;AAAA,IACA,aAAAC;AAAA,IACA,WAAAC;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,eAAAC;AAAA,IACA,GAAAC;AAAA,IACA,cAAAC;AAAA,EAAA,IACER,GAEES,IACJ,gBAAAC,EAAAC,GAAA,EACG,UAAA;AAAA,IAAAN,KAAY,gBAAAO,EAACC,GAAA,EAAiB,MAAMZ,EAAI,MAAM;AAAA,IAC9CE,uBAAc,QAAA,EAAM,UAAAI,EAAEN,EAAI,cAAcA,EAAI,KAAK,EAAA,CAAE;AAAA,EAAA,GACtD,GAGIa,IAAa,MACbN,IACKA,EAAaP,GAAKQ,CAAW,IAIpC,gBAAAG;AAAA,IAACG;AAAA,IAAA;AAAA,MACC,IAAId,EAAI;AAAA,MACR,WAAU;AAAA,MACV,QAAQA,EAAI,iBAAiB,WAAW;AAAA,MACxC,SAAS,MACPC,KAAA,gBAAAA,EAAc;AAAA,QACZ,KAAKD,EAAI;AAAA,QACT,OAAOA,EAAI;AAAA,QACX,MAAMA,EAAI;AAAA,MAAA;AAAA,MAIb,UAAAQ;AAAA,IAAA;AAAA,EAAA;AAKP,2BACGO,GAAA,EAAe,eAAAV,GAA8B,WAAWL,EAAI,WAC3D,UAAA,gBAAAW,EAACf,GAAA,EAAuB,UAAUI,EAAI,KAAK,WAAWG,GACnD,iBADYH,EAAI,GAEnB,GACF;AAEJ,GACMgB,IAAyB,CAACjB,MAAiC;AAC/D,QAAM,EAAE,eAAAkB,GAAe,KAAAjB,GAAK,GAAAM,GAAG,eAAAD,GAAe,aAAAJ,GAAa,cAAAM,MACzDR;AAEF,SAAIkB,IAEA,gBAAAN;AAAA,IAACO;AAAA,IAAA;AAAA,MACC,OAAOZ,EAAEN,EAAI,cAAcA,EAAI,KAAK;AAAA,MACpC,WAAWD,EAAM,cAAc,QAAQ,SAAS;AAAA,MAEhD,UAAA,gBAAAY;AAAA,QAACb;AAAA,QAAA;AAAA,UACC,KAAAE;AAAA,UACA,aAAAC;AAAA,UACA,GAAAK;AAAA,UACA,eAAAD;AAAA,UACA,cAAAE;AAAA,UACA,UAAU;AAAA,UACV,WAAW;AAAA,UACX,QAAQR,EAAM;AAAA,QAAA;AAAA,MAAA;AAAA,IAChB;AAAA,EAAA,IAMJ,gBAAAY;AAAA,IAACb;AAAA,IAAA;AAAA,MACC,KAAAE;AAAA,MACA,aAAAC;AAAA,MACA,GAAAK;AAAA,MACA,eAAAD;AAAA,MACA,cAAAE;AAAA,MACA,UAAU;AAAA,MACV,WAAW;AAAA,MACX,QAAQR,EAAM;AAAA,IAAA;AAAA,EAAA;AAGpB;"}

package/dist/@ecme/components/ui/Alert/Alert.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Alert.js","sources":["../../../../../lib/@ecme/components/ui/Alert/Alert.tsx"],"sourcesContent":["import { useState } from 'react'\r\nimport classNames from '../utils/classNames'\r\nimport useTimeout from '../hooks/useTimeout'\r\nimport {\r\n HiCheckCircle,\r\n HiInformationCircle,\r\n HiExclamation,\r\n HiXCircle,\r\n} from 'react-icons/hi'\r\nimport { motion } from 'framer-motion'\r\nimport CloseButton from '../CloseButton'\r\nimport StatusIcon from '../StatusIcon'\r\nimport type { TypeAttributes, CommonProps } from '../@types/common'\r\nimport type { ReactNode, MouseEvent, Ref } from 'react'\r\n\r\nexport interface AlertProps extends CommonProps {\r\n closable?: boolean\r\n customClose?: ReactNode \| string\r\n customIcon?: ReactNode \| string\r\n duration?: number\r\n title?: ReactNode \| string\r\n onClose?: (e?: MouseEvent<HTMLDivElement>) => void\r\n showIcon?: boolean\r\n triggerByToast?: boolean\r\n type?: TypeAttributes.Status\r\n ref?: Ref<HTMLDivElement>\r\n}\r\n\r\nconst DEFAULT_TYPE = 'warning'\r\n\r\nconst TYPE_MAP = {\r\n success: {\r\n backgroundColor: 'bg-success-subtle',\r\n titleColor: 'text-success',\r\n textColor: 'text-success',\r\n iconColor: 'text-success',\r\n icon: <HiCheckCircle />,\r\n },\r\n info: {\r\n backgroundColor: 'bg-info-subtle',\r\n titleColor: 'text-info',\r\n textColor: 'text-info',\r\n iconColor: 'text-info',\r\n icon: <HiInformationCircle />,\r\n },\r\n warning: {\r\n backgroundColor: 'bg-warning-subtle',\r\n titleColor: 'text-warning',\r\n textColor: 'text-warning',\r\n iconColor: 'text-warning',\r\n icon: <HiExclamation />,\r\n },\r\n danger: {\r\n backgroundColor: 'bg-error-subtle',\r\n titleColor: 'text-error',\r\n textColor: 'text-error',\r\n iconColor: 'text-error',\r\n icon: <HiXCircle />,\r\n },\r\n}\r\n\r\nconst TYPE_ARRAY: TypeAttributes.Status[] = [\r\n 'success',\r\n 'danger',\r\n 'info',\r\n 'warning',\r\n]\r\n\r\nconst Alert = (props: AlertProps) => {\r\n const {\r\n children,\r\n className,\r\n closable = false,\r\n customClose,\r\n customIcon,\r\n duration = 3000,\r\n title = null,\r\n onClose,\r\n ref,\r\n showIcon = false,\r\n triggerByToast = false,\r\n ...rest\r\n } = props\r\n\r\n const getType = () => {\r\n const { type = DEFAULT_TYPE } = props\r\n if (TYPE_ARRAY.includes(type)) {\r\n return type\r\n }\r\n return DEFAULT_TYPE\r\n }\r\n\r\n const type = getType()\r\n const typeMap = TYPE_MAP[type]\r\n\r\n const [display, setDisplay] = useState('show')\r\n\r\n const { clear } = useTimeout(\r\n onClose as () => void,\r\n duration,\r\n (duration as number) > 0,\r\n )\r\n\r\n const handleClose = (e: MouseEvent<HTMLDivElement>) => {\r\n setDisplay('hiding')\r\n onClose?.(e)\r\n clear()\r\n if (!triggerByToast) {\r\n setTimeout(() => {\r\n setDisplay('hide')\r\n }, 400)\r\n }\r\n }\r\n\r\n const renderClose = () => {\r\n return (\r\n <div\r\n className=\"cursor-pointer\"\r\n role=\"presentation\"\r\n onClick={(e) => handleClose(e)}\r\n >\r\n {customClose \|\| (\r\n <CloseButton\r\n resetDefaultClass\r\n className=\"text-lg outline-none\"\r\n />\r\n )}\r\n </div>\r\n )\r\n }\r\n\r\n const alertClass = classNames(\r\n 'alert',\r\n typeMap.backgroundColor,\r\n typeMap.textColor,\r\n !title ? 'font-semibold' : '',\r\n closable ? 'justify-between' : '',\r\n closable && !title ? 'items-center' : '',\r\n !triggerByToast && 'rounded-xl',\r\n\r\n className,\r\n )\r\n\r\n if (display === 'hide') {\r\n return null\r\n }\r\n\r\n return (\r\n <motion.div\r\n ref={ref}\r\n className={alertClass}\r\n initial={{ opacity: 1 }}\r\n animate={display === 'hiding' ? 'exit' : 'animate'}\r\n transition={{ duration: 0.25, type: 'tween' }}\r\n variants={{\r\n animate: {\r\n opacity: 1,\r\n },\r\n exit: {\r\n opacity: 0,\r\n },\r\n }}\r\n {...rest}\r\n >\r\n <div\r\n className={classNames(\r\n 'flex gap-2',\r\n !title && children ? 'items-center' : '',\r\n title && children ? 'mt-0.5' : '',\r\n )}\r\n >\r\n {showIcon && (\r\n <StatusIcon\r\n iconColor={typeMap.iconColor}\r\n custom={customIcon}\r\n type={type}\r\n />\r\n )}\r\n <div>\r\n {title ? (\r\n <div\r\n className={classNames(\r\n 'font-semibold text-lg mb-1',\r\n typeMap.titleColor,\r\n )}\r\n >\r\n {title}\r\n </div>\r\n ) : null}\r\n {children}\r\n </div>\r\n </div>\r\n {closable ? renderClose() : null}\r\n </motion.div>\r\n )\r\n}\r\n\r\nexport default Alert\r\n"],"names":["DEFAULT_TYPE","TYPE_MAP","HiCheckCircle","HiInformationCircle","HiExclamation","HiXCircle","TYPE_ARRAY","Alert","props","children","className","closable","customClose","customIcon","duration","title","onClose","ref","showIcon","triggerByToast","rest","type","typeMap","display","setDisplay","useState","clear","useTimeout","handleClose","renderClose","jsx","CloseButton","alertClass","classNames","jsxs","motion","StatusIcon"],"mappings":";;;;;;;;;;AA4BA,MAAMA,IAAe,WAEfC,IAAW;AAAA,EACb,SAAS;AAAA,IACL,iBAAiB;AAAA,IACjB,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,WAAW;AAAA,IACX,wBAAOC,GAAA,CAAA,CAAc;AAAA,EAAA;AAAA,EAEzB,MAAM;AAAA,IACF,iBAAiB;AAAA,IACjB,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,WAAW;AAAA,IACX,wBAAOC,GAAA,CAAA,CAAoB;AAAA,EAAA;AAAA,EAE/B,SAAS;AAAA,IACL,iBAAiB;AAAA,IACjB,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,WAAW;AAAA,IACX,wBAAOC,GAAA,CAAA,CAAc;AAAA,EAAA;AAAA,EAEzB,QAAQ;AAAA,IACJ,iBAAiB;AAAA,IACjB,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,WAAW;AAAA,IACX,wBAAOC,GAAA,CAAA,CAAU;AAAA,EAAA;AAEzB,GAEMC,IAAsC;AAAA,EACxC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,GAEMC,IAAQ,CAACC,MAAsB;AACjC,QAAM;AAAA,IACF,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,aAAAC;AAAA,IACA,YAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,OAAAC,IAAQ;AAAA,IACR,SAAAC;AAAA,IACA,KAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,gBAAAC,IAAiB;AAAA,IACjB,GAAGC;AAAA,EAAA,IACHZ,GAUEa,KARU,MAAM;AAClB,UAAM,EAAE,MAAAA,IAAOrB,EAAA,IAAiBQ;AAChC,WAAIF,EAAW,SAASe,CAAI,IACjBA,IAEJrB;AAAA,~~EAAA~~,~~GAGE~~,GACPsB,IAAUrB,EAASoB,CAAI,GAEvB,CAACE,GAASC,CAAU,IAAIC,EAAS,MAAM,GAEvC,EAAE,OAAAC,MAAUC;AAAA,IACdX;AAAA,IACAF;AAAA,IACCA,IAAsB;AAAA,EAAA,GAGrBc,IAAc,CAAC,MAAkC;AACnD,IAAAJ,EAAW,QAAQ,GACnBR,KAAA,QAAAA,EAAU,IACVU,EAAA,GACKP,KACD,WAAW,MAAM;AACb,MAAAK,EAAW,MAAM;AAAA,~~IAAA~~,~~GAClB~~,GAAG;AAAA,~~EACV~~,~~GAGEK~~,IAAc,MAEZ,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,MAAK;AAAA,MACL,SAAS,CAAC,MAAMF,EAAY,CAAC;AAAA,MAE5B,UAAAhB,KACG,gBAAAkB;AAAA,QAACC;AAAA,QAAA;AAAA,UACG,mBAAiB;AAAA,UACjB,WAAU;AAAA,QAAA;AAAA,MAAA;AAAA,IACd;AAAA,EAAA,GAMVC,IAAaC;AAAA,IACf;AAAA,IACAX,EAAQ;AAAA,IACRA,EAAQ;AAAA,IACPP,IAA0B,KAAlB;AAAA,IACTJ,IAAW,oBAAoB;AAAA,IAC/BA,KAAY,CAACI,IAAQ,iBAAiB;AAAA,IACtC,CAACI,KAAkB;AAAA,IAEnBT;AAAA,EAAA;AAGJ,SAAIa,MAAY,SACL,OAIP,gBAAAW;AAAA,IAACC,EAAO;AAAA,IAAP;AAAA,MACG,KAAAlB;AAAA,MACA,WAAWe;AAAA,MACX,SAAS,EAAE,SAAS,EAAA;AAAA,MACpB,SAAST,MAAY,WAAW,SAAS;AAAA,MACzC,YAAY,EAAE,UAAU,MAAM,MAAM,QAAA;AAAA,MACpC,UAAU;AAAA,QACN,SAAS;AAAA,UACL,SAAS;AAAA,QAAA;AAAA,QAEb,MAAM;AAAA,UACF,SAAS;AAAA,QAAA;AAAA,MACb;AAAA,MAEH,GAAGH;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAc;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAWD;AAAA,cACP;AAAA,cACA,CAAClB,KAASN,IAAW,iBAAiB;AAAA,cACtCM,KAASN,IAAW,WAAW;AAAA,YAAA;AAAA,YAGlC,UAAA;AAAA,cAAAS,KACG,gBAAAY;AAAA,gBAACM;AAAA,gBAAA;AAAA,kBACG,WAAWd,EAAQ;AAAA,kBACnB,QAAQT;AAAA,kBACR,MAAAQ;AAAA,gBAAA;AAAA,cAAA;AAAA,gCAGP,OAAA,EACI,UAAA;AAAA,gBAAAN,IACG,gBAAAe;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACG,WAAWG;AAAA,sBACP;AAAA,sBACAX,EAAQ;AAAA,oBAAA;AAAA,oBAGX,UAAAP;AAAA,kBAAA;AAAA,gBAAA,IAEL;AAAA,gBACHN;AAAA,cAAA,EAAA,CACL;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAEHE,IAAWkB,MAAgB;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGxC;"}
1	+ {"version":3,"file":"Alert.js","sources":["../../../../../lib/@ecme/components/ui/Alert/Alert.tsx"],"sourcesContent":["import { useState } from 'react'\nimport classNames from '../utils/classNames'\nimport useTimeout from '../hooks/useTimeout'\nimport {\n HiCheckCircle,\n HiInformationCircle,\n HiExclamation,\n HiXCircle,\n} from 'react-icons/hi'\nimport { motion } from 'framer-motion'\nimport CloseButton from '../CloseButton'\nimport StatusIcon from '../StatusIcon'\nimport type { TypeAttributes, CommonProps } from '../@types/common'\nimport type { ReactNode, MouseEvent, Ref } from 'react'\n\nexport interface AlertProps extends CommonProps {\n closable?: boolean\n customClose?: ReactNode \| string\n customIcon?: ReactNode \| string\n duration?: number\n title?: ReactNode \| string\n onClose?: (e?: MouseEvent<HTMLDivElement>) => void\n showIcon?: boolean\n triggerByToast?: boolean\n type?: TypeAttributes.Status\n ref?: Ref<HTMLDivElement>\n}\n\nconst DEFAULT_TYPE = 'warning'\n\nconst TYPE_MAP = {\n success: {\n backgroundColor: 'bg-success-subtle',\n titleColor: 'text-success',\n textColor: 'text-success',\n iconColor: 'text-success',\n icon: <HiCheckCircle />,\n },\n info: {\n backgroundColor: 'bg-info-subtle',\n titleColor: 'text-info',\n textColor: 'text-info',\n iconColor: 'text-info',\n icon: <HiInformationCircle />,\n },\n warning: {\n backgroundColor: 'bg-warning-subtle',\n titleColor: 'text-warning',\n textColor: 'text-warning',\n iconColor: 'text-warning',\n icon: <HiExclamation />,\n },\n danger: {\n backgroundColor: 'bg-error-subtle',\n titleColor: 'text-error',\n textColor: 'text-error',\n iconColor: 'text-error',\n icon: <HiXCircle />,\n },\n}\n\nconst TYPE_ARRAY: TypeAttributes.Status[] = [\n 'success',\n 'danger',\n 'info',\n 'warning',\n]\n\nconst Alert = (props: AlertProps) => {\n const {\n children,\n className,\n closable = false,\n customClose,\n customIcon,\n duration = 3000,\n title = null,\n onClose,\n ref,\n showIcon = false,\n triggerByToast = false,\n ...rest\n } = props\n\n const getType = () => {\n const { type = DEFAULT_TYPE } = props\n if (TYPE_ARRAY.includes(type)) {\n return type\n }\n return DEFAULT_TYPE\n }\n\n const type = getType()\n const typeMap = TYPE_MAP[type]\n\n const [display, setDisplay] = useState('show')\n\n const { clear } = useTimeout(\n onClose as () => void,\n duration,\n (duration as number) > 0,\n )\n\n const handleClose = (e: MouseEvent<HTMLDivElement>) => {\n setDisplay('hiding')\n onClose?.(e)\n clear()\n if (!triggerByToast) {\n setTimeout(() => {\n setDisplay('hide')\n }, 400)\n }\n }\n\n const renderClose = () => {\n return (\n <div\n className=\"cursor-pointer\"\n role=\"presentation\"\n onClick={(e) => handleClose(e)}\n >\n {customClose \|\| (\n <CloseButton\n resetDefaultClass\n className=\"text-lg outline-none\"\n />\n )}\n </div>\n )\n }\n\n const alertClass = classNames(\n 'alert',\n typeMap.backgroundColor,\n typeMap.textColor,\n !title ? 'font-semibold' : '',\n closable ? 'justify-between' : '',\n closable && !title ? 'items-center' : '',\n !triggerByToast && 'rounded-xl',\n\n className,\n )\n\n if (display === 'hide') {\n return null\n }\n\n return (\n <motion.div\n ref={ref}\n className={alertClass}\n initial={{ opacity: 1 }}\n animate={display === 'hiding' ? 'exit' : 'animate'}\n transition={{ duration: 0.25, type: 'tween' }}\n variants={{\n animate: {\n opacity: 1,\n },\n exit: {\n opacity: 0,\n },\n }}\n {...rest}\n >\n <div\n className={classNames(\n 'flex gap-2',\n !title && children ? 'items-center' : '',\n title && children ? 'mt-0.5' : '',\n )}\n >\n {showIcon && (\n <StatusIcon\n iconColor={typeMap.iconColor}\n custom={customIcon}\n type={type}\n />\n )}\n <div>\n {title ? (\n <div\n className={classNames(\n 'font-semibold text-lg mb-1',\n typeMap.titleColor,\n )}\n >\n {title}\n </div>\n ) : null}\n {children}\n </div>\n </div>\n {closable ? renderClose() : null}\n </motion.div>\n )\n}\n\nexport default Alert\n"],"names":["DEFAULT_TYPE","TYPE_MAP","HiCheckCircle","HiInformationCircle","HiExclamation","HiXCircle","TYPE_ARRAY","Alert","props","children","className","closable","customClose","customIcon","duration","title","onClose","ref","showIcon","triggerByToast","rest","type","typeMap","display","setDisplay","useState","clear","useTimeout","handleClose","renderClose","jsx","CloseButton","alertClass","classNames","jsxs","motion","StatusIcon"],"mappings":"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"}

package/dist/@ecme/components/ui/Avatar/Avatar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Avatar.js","sources":["../../../../../lib/@ecme/components/ui/Avatar/Avatar.tsx"],"sourcesContent":["import { useState, useEffect, useRef } from 'react'\r\nimport useMergedRef from '../hooks/useMergeRef'\r\nimport classNames from 'classnames'\r\nimport type { CommonProps, TypeAttributes } from '../@types/common'\r\nimport type { ReactNode, Ref } from 'react'\r\n\r\nexport interface AvatarProps extends CommonProps {\r\n alt?: string\r\n icon?: ReactNode\r\n onClick?: () => void\r\n ref?: Ref<HTMLSpanElement>\r\n size?: 'lg' \| 'md' \| 'sm' \| number\r\n shape?: Exclude<TypeAttributes.Shape, 'none'> \| 'square'\r\n src?: string\r\n srcSet?: string\r\n}\r\n\r\nconst Avatar = (props: AvatarProps) => {\r\n const {\r\n alt,\r\n className,\r\n icon,\r\n ref = null,\r\n shape = 'circle',\r\n size = 'md',\r\n src,\r\n srcSet,\r\n ...rest\r\n } = props\r\n\r\n let { children } = props\r\n const [scale, setScale] = useState(1)\r\n\r\n const avatarChildren = useRef<HTMLSpanElement>(null)\r\n const avatarNode = useRef<HTMLSpanElement>(null)\r\n\r\n const avatarMergeRef = useMergedRef(ref, avatarNode)\r\n\r\n const innerScale = () => {\r\n if (!avatarChildren.current \|\| !avatarNode.current) {\r\n return\r\n }\r\n const avatarChildrenWidth = avatarChildren.current.offsetWidth\r\n const avatarNodeWidth = avatarNode.current.offsetWidth\r\n if (avatarChildrenWidth === 0 \|\| avatarNodeWidth === 0) {\r\n return\r\n }\r\n setScale(\r\n avatarNodeWidth - 8 < avatarChildrenWidth\r\n ? (avatarNodeWidth - 8) / avatarChildrenWidth\r\n : 1,\r\n )\r\n }\r\n\r\n useEffect(() => {\r\n innerScale()\r\n }, [scale, children])\r\n\r\n const sizeStyle =\r\n typeof size === 'number'\r\n ? {\r\n width: size,\r\n height: size,\r\n minWidth: size,\r\n lineHeight: `${size}px`,\r\n fontSize: icon ? size / 2 : 12,\r\n }\r\n : {}\r\n\r\n const classes = classNames(\r\n 'avatar',\r\n `avatar-${shape}`,\r\n typeof size === 'string' ? `avatar-${size}` : '',\r\n className,\r\n )\r\n\r\n if (src) {\r\n children = (\r\n <img\r\n className={`avatar-img avatar-${shape}`}\r\n src={src}\r\n srcSet={srcSet}\r\n alt={alt}\r\n loading=\"lazy\"\r\n />\r\n )\r\n } else if (icon) {\r\n children = (\r\n <span className={classNames('avatar-icon', `avatar-icon-${size}`)}>\r\n {icon}\r\n </span>\r\n )\r\n } else {\r\n const childrenSizeStyle =\r\n typeof size === 'number' ? { lineHeight: `${size}px` } : {}\r\n const stringCentralized = {\r\n transform: `translateX(-50%) scale(${scale})`,\r\n }\r\n children = (\r\n <span\r\n ref={avatarChildren}\r\n className={`avatar-string ${\r\n typeof size === 'number' ? '' : `avatar-inner-${size}`\r\n }`}\r\n style={{\r\n ...childrenSizeStyle,\r\n ...stringCentralized,\r\n ...(typeof size === 'number' ? { height: size } : {}),\r\n }}\r\n >\r\n {children}\r\n </span>\r\n )\r\n }\r\n\r\n return (\r\n <span\r\n ref={avatarMergeRef}\r\n className={classes}\r\n style={{ ...sizeStyle, ...rest.style }}\r\n {...rest}\r\n >\r\n {children}\r\n </span>\r\n )\r\n}\r\n\r\nexport default Avatar\r\n"],"names":["Avatar","props","alt","className","icon","ref","shape","size","src","srcSet","rest","children","scale","setScale","useState","avatarChildren","useRef","avatarNode","avatarMergeRef","useMergedRef","innerScale","avatarChildrenWidth","avatarNodeWidth","useEffect","sizeStyle","classes","classNames","jsx","childrenSizeStyle","stringCentralized"],"mappings":";;;;AAiBA,MAAMA,IAAS,CAACC,MAAuB;AACnC,QAAM;AAAA,IACF,KAAAC;AAAA,IACA,WAAAC;AAAA,IACA,MAAAC;AAAA,IACA,KAAAC,IAAM;AAAA,IACN,OAAAC,IAAQ;AAAA,IACR,MAAAC,IAAO;AAAA,IACP,KAAAC;AAAA,IACA,QAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACHT;AAEJ,MAAI,EAAE,UAAAU,MAAaV;AACnB,QAAM,CAACW,GAAOC,CAAQ,IAAIC,EAAS,CAAC,GAE9BC,IAAiBC,EAAwB,IAAI,GAC7CC,IAAaD,EAAwB,IAAI,GAEzCE,IAAiBC,EAAad,GAAKY,CAAU,GAE7CG,IAAa,MAAM;AACrB,QAAI,CAACL,EAAe,WAAW,CAACE,EAAW;AACvC;AAEJ,UAAMI,IAAsBN,EAAe,QAAQ,aAC7CO,IAAkBL,EAAW,QAAQ;AAC3C,IAAII,MAAwB,KAAKC,MAAoB,KAGrDT;AAAA,MACIS,IAAkB,IAAID,KACfC,IAAkB,KAAKD,IACxB;AAAA,IAAA;AAAA,~~EACV~~;~~AAGJ~~,EAAAE,EAAU,MAAM;AACZ,IAAAH,EAAA;AAAA,~~EAAW~~,~~GACZ~~,CAACR,GAAOD,CAAQ,CAAC;AAEpB,QAAMa,IACF,OAAOjB,KAAS,WACV;AAAA,IACI,OAAOA;AAAA,IACP,QAAQA;AAAA,IACR,UAAUA;AAAA,IACV,YAAY,GAAGA,CAAI;AAAA,IACnB,UAAUH,IAAOG,IAAO,IAAI;AAAA,EAAA,IAEhC,CAAA,GAEJkB,IAAUC;AAAA,IACZ;AAAA,IACA,UAAUpB,CAAK;AAAA,IACf,OAAOC,KAAS,WAAW,UAAUA,CAAI,KAAK;AAAA,IAC9CJ;AAAA,EAAA;AAGJ,MAAIK;AACA,IAAAG,IACI,gBAAAgB;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW,qBAAqBrB,CAAK;AAAA,QACrC,KAAAE;AAAA,QACA,QAAAC;AAAA,QACA,KAAAP;AAAA,QACA,SAAQ;AAAA,MAAA;AAAA,IAAA;AAAA,WAGTE;AACP,IAAAO,IACI,gBAAAgB,EAAC,UAAK,WAAWD,EAAW,eAAe,eAAenB,CAAI,EAAE,GAC3D,UAAAH,EAAA,CACL;AAAA,OAED;AACH,UAAMwB,IACF,OAAOrB,KAAS,WAAW,EAAE,YAAY,GAAGA,CAAI,KAAA,IAAS,CAAA,GACvDsB,IAAoB;AAAA,MACtB,WAAW,0BAA0BjB,CAAK;AAAA,IAAA;AAE9C,IAAAD,IACI,gBAAAgB;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,KAAKZ;AAAA,QACL,WAAW,iBACP,OAAOR,KAAS,WAAW,KAAK,gBAAgBA,CAAI,EACxD;AAAA,QACA,OAAO;AAAA,UACH,GAAGqB;AAAA,UACH,GAAGC;AAAA,UACH,GAAI,OAAOtB,KAAS,WAAW,EAAE,QAAQA,EAAA,IAAS,CAAA;AAAA,QAAC;AAAA,QAGtD,UAAAI;AAAA,MAAA;AAAA,IAAA;AAAA,~~EACL~~;~~AAIR~~,SACI,gBAAAgB;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAKT;AAAA,MACL,WAAWO;AAAA,MACX,OAAO,EAAE,GAAGD,GAAW,GAAGd,EAAK,MAAA;AAAA,MAC9B,GAAGA;AAAA,MAEH,UAAAC;AAAA,IAAA;AAAA,EAAA;AAGb;"}
1	+ {"version":3,"file":"Avatar.js","sources":["../../../../../lib/@ecme/components/ui/Avatar/Avatar.tsx"],"sourcesContent":["import { useState, useEffect, useRef } from 'react'\nimport useMergedRef from '../hooks/useMergeRef'\nimport classNames from 'classnames'\nimport type { CommonProps, TypeAttributes } from '../@types/common'\nimport type { ReactNode, Ref } from 'react'\n\nexport interface AvatarProps extends CommonProps {\n alt?: string\n icon?: ReactNode\n onClick?: () => void\n ref?: Ref<HTMLSpanElement>\n size?: 'lg' \| 'md' \| 'sm' \| number\n shape?: Exclude<TypeAttributes.Shape, 'none'> \| 'square'\n src?: string\n srcSet?: string\n}\n\nconst Avatar = (props: AvatarProps) => {\n const {\n alt,\n className,\n icon,\n ref = null,\n shape = 'circle',\n size = 'md',\n src,\n srcSet,\n ...rest\n } = props\n\n let { children } = props\n const [scale, setScale] = useState(1)\n\n const avatarChildren = useRef<HTMLSpanElement>(null)\n const avatarNode = useRef<HTMLSpanElement>(null)\n\n const avatarMergeRef = useMergedRef(ref, avatarNode)\n\n const innerScale = () => {\n if (!avatarChildren.current \|\| !avatarNode.current) {\n return\n }\n const avatarChildrenWidth = avatarChildren.current.offsetWidth\n const avatarNodeWidth = avatarNode.current.offsetWidth\n if (avatarChildrenWidth === 0 \|\| avatarNodeWidth === 0) {\n return\n }\n setScale(\n avatarNodeWidth - 8 < avatarChildrenWidth\n ? (avatarNodeWidth - 8) / avatarChildrenWidth\n : 1,\n )\n }\n\n useEffect(() => {\n innerScale()\n }, [scale, children])\n\n const sizeStyle =\n typeof size === 'number'\n ? {\n width: size,\n height: size,\n minWidth: size,\n lineHeight: `${size}px`,\n fontSize: icon ? size / 2 : 12,\n }\n : {}\n\n const classes = classNames(\n 'avatar',\n `avatar-${shape}`,\n typeof size === 'string' ? `avatar-${size}` : '',\n className,\n )\n\n if (src) {\n children = (\n <img\n className={`avatar-img avatar-${shape}`}\n src={src}\n srcSet={srcSet}\n alt={alt}\n loading=\"lazy\"\n />\n )\n } else if (icon) {\n children = (\n <span className={classNames('avatar-icon', `avatar-icon-${size}`)}>\n {icon}\n </span>\n )\n } else {\n const childrenSizeStyle =\n typeof size === 'number' ? { lineHeight: `${size}px` } : {}\n const stringCentralized = {\n transform: `translateX(-50%) scale(${scale})`,\n }\n children = (\n <span\n ref={avatarChildren}\n className={`avatar-string ${\n typeof size === 'number' ? '' : `avatar-inner-${size}`\n }`}\n style={{\n ...childrenSizeStyle,\n ...stringCentralized,\n ...(typeof size === 'number' ? { height: size } : {}),\n }}\n >\n {children}\n </span>\n )\n }\n\n return (\n <span\n ref={avatarMergeRef}\n className={classes}\n style={{ ...sizeStyle, ...rest.style }}\n {...rest}\n >\n {children}\n </span>\n )\n}\n\nexport default Avatar\n"],"names":["Avatar","props","alt","className","icon","ref","shape","size","src","srcSet","rest","children","scale","setScale","useState","avatarChildren","useRef","avatarNode","avatarMergeRef","useMergedRef","innerScale","avatarChildrenWidth","avatarNodeWidth","useEffect","sizeStyle","classes","classNames","jsx","childrenSizeStyle","stringCentralized"],"mappings":";;;;AAiBA,MAAMA,IAAS,CAACC,MAAuB;AACnC,QAAM;AAAA,IACF,KAAAC;AAAA,IACA,WAAAC;AAAA,IACA,MAAAC;AAAA,IACA,KAAAC,IAAM;AAAA,IACN,OAAAC,IAAQ;AAAA,IACR,MAAAC,IAAO;AAAA,IACP,KAAAC;AAAA,IACA,QAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACHT;AAEJ,MAAI,EAAE,UAAAU,MAAaV;AACnB,QAAM,CAACW,GAAOC,CAAQ,IAAIC,EAAS,CAAC,GAE9BC,IAAiBC,EAAwB,IAAI,GAC7CC,IAAaD,EAAwB,IAAI,GAEzCE,IAAiBC,EAAad,GAAKY,CAAU,GAE7CG,IAAa,MAAM;AACrB,QAAI,CAACL,EAAe,WAAW,CAACE,EAAW;AACvC;AAEJ,UAAMI,IAAsBN,EAAe,QAAQ,aAC7CO,IAAkBL,EAAW,QAAQ;AAC3C,IAAII,MAAwB,KAAKC,MAAoB,KAGrDT;AAAA,MACIS,IAAkB,IAAID,KACfC,IAAkB,KAAKD,IACxB;AAAA,IAAA;AAAA,EAEd;AAEA,EAAAE,EAAU,MAAM;AACZ,IAAAH,EAAA;AAAA,EACJ,GAAG,CAACR,GAAOD,CAAQ,CAAC;AAEpB,QAAMa,IACF,OAAOjB,KAAS,WACV;AAAA,IACI,OAAOA;AAAA,IACP,QAAQA;AAAA,IACR,UAAUA;AAAA,IACV,YAAY,GAAGA,CAAI;AAAA,IACnB,UAAUH,IAAOG,IAAO,IAAI;AAAA,EAAA,IAEhC,CAAA,GAEJkB,IAAUC;AAAA,IACZ;AAAA,IACA,UAAUpB,CAAK;AAAA,IACf,OAAOC,KAAS,WAAW,UAAUA,CAAI,KAAK;AAAA,IAC9CJ;AAAA,EAAA;AAGJ,MAAIK;AACA,IAAAG,IACI,gBAAAgB;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW,qBAAqBrB,CAAK;AAAA,QACrC,KAAAE;AAAA,QACA,QAAAC;AAAA,QACA,KAAAP;AAAA,QACA,SAAQ;AAAA,MAAA;AAAA,IAAA;AAAA,WAGTE;AACP,IAAAO,IACI,gBAAAgB,EAAC,UAAK,WAAWD,EAAW,eAAe,eAAenB,CAAI,EAAE,GAC3D,UAAAH,EAAA,CACL;AAAA,OAED;AACH,UAAMwB,IACF,OAAOrB,KAAS,WAAW,EAAE,YAAY,GAAGA,CAAI,KAAA,IAAS,CAAA,GACvDsB,IAAoB;AAAA,MACtB,WAAW,0BAA0BjB,CAAK;AAAA,IAAA;AAE9C,IAAAD,IACI,gBAAAgB;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,KAAKZ;AAAA,QACL,WAAW,iBACP,OAAOR,KAAS,WAAW,KAAK,gBAAgBA,CAAI,EACxD;AAAA,QACA,OAAO;AAAA,UACH,GAAGqB;AAAA,UACH,GAAGC;AAAA,UACH,GAAI,OAAOtB,KAAS,WAAW,EAAE,QAAQA,EAAA,IAAS,CAAA;AAAA,QAAC;AAAA,QAGtD,UAAAI;AAAA,MAAA;AAAA,IAAA;AAAA,EAGb;AAEA,SACI,gBAAAgB;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAKT;AAAA,MACL,WAAWO;AAAA,MACX,OAAO,EAAE,GAAGD,GAAW,GAAGd,EAAK,MAAA;AAAA,MAC9B,GAAGA;AAAA,MAEH,UAAAC;AAAA,IAAA;AAAA,EAAA;AAGb;"}