npm - @orbe-agro/client-core - Versions diffs - 5.3.9 → 5.3.11 - Mend

@orbe-agro/client-core 5.3.9 → 5.3.11

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

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'\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,~~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'\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,~~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":"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"}

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'\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,~~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/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'\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,~~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'\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,~~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'\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,~~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'\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,~~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/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'\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":";;;;;;;;;;;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/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\";\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":";;;;;;;;;;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/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'\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":";;;;;;;;;;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'\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,~~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;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"AvatarGroup.js","sources":["../../../../../lib/@ecme/components/ui/Avatar/AvatarGroup.tsx"],"sourcesContent":["import { Children, cloneElement, Fragment } from 'react'\nimport classNames from 'classnames'\nimport Avatar from './Avatar'\nimport Tooltip from '../Tooltip/Tooltip'\nimport type { AvatarProps } from './Avatar'\nimport type { CommonProps } from '../@types/common'\nimport type { ReactNode, ReactElement } from 'react'\nimport type { TooltipProps } from '../Tooltip/Tooltip'\n\nexport interface AvatarGroupProps extends CommonProps {\n chained?: boolean\n maxCount?: number\n onOmittedAvatarClick?: () => void\n omittedAvatarContent?: string \| ReactNode\n omittedAvatarProps?: AvatarProps\n omittedAvatarTooltip?: boolean\n omittedAvatarTooltipProps?: Omit<TooltipProps, 'title'>\n}\n\ninterface GroupContainerProps\n extends CommonProps,\n Pick<AvatarGroupProps, 'chained'> {}\n\nconst GroupContainer = ({\n children,\n chained,\n className,\n}: GroupContainerProps) => (\n <div\n className={classNames(\n 'avatar-group',\n chained && 'avatar-group-chained',\n className,\n )}\n >\n {children}\n </div>\n)\n\nconst AvatarGroup = (props: AvatarGroupProps) => {\n const {\n chained = false,\n children,\n className,\n maxCount = 4,\n onOmittedAvatarClick,\n omittedAvatarContent,\n omittedAvatarProps,\n omittedAvatarTooltip = false,\n omittedAvatarTooltipProps,\n } = props\n\n const childCount = Children.count(children)\n\n const childWithKey = Children.toArray(children).map((child, index) =>\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n cloneElement(child as ReactElement<any>, {\n key: `grouped-avatar-${index}`,\n }),\n )\n\n if (maxCount && maxCount < childCount) {\n const childToShow = childWithKey.slice(0, maxCount)\n const overflowCount = childCount - maxCount\n const avatar = (\n <Avatar\n className={onOmittedAvatarClick ? 'cursor-pointer' : ''}\n onClick={() => onOmittedAvatarClick?.()}\n {...omittedAvatarProps}\n >\n {omittedAvatarContent \|\| `+${overflowCount}`}\n </Avatar>\n )\n\n childToShow.push(\n omittedAvatarTooltip ? (\n <Tooltip\n key=\"avatar-more-tooltip\"\n title={`${overflowCount} More`}\n {...omittedAvatarTooltipProps}\n >\n <>{avatar}</>\n </Tooltip>\n ) : (\n <Fragment key=\"avatar-more-tooltip\">{avatar}</Fragment>\n ),\n )\n return (\n <GroupContainer className={className} chained={chained}>\n {childToShow}\n </GroupContainer>\n )\n }\n\n return (\n <GroupContainer className={className} chained={chained}>\n {children}\n </GroupContainer>\n )\n}\n\nexport default AvatarGroup\n"],"names":["GroupContainer","children","chained","className","jsx","classNames","AvatarGroup","props","maxCount","onOmittedAvatarClick","omittedAvatarContent","omittedAvatarProps","omittedAvatarTooltip","omittedAvatarTooltipProps","childCount","Children","childWithKey","child","index","cloneElement","childToShow","overflowCount","avatar","Avatar","Tooltip","Fragment"],"mappings":";;;;;AAuBA,MAAMA,IAAiB,CAAC;AAAA,EACpB,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AACJ,MACI,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACG,WAAWC;AAAA,MACP;AAAA,MACAH,KAAW;AAAA,MACXC;AAAA,IAAA;AAAA,IAGH,UAAAF;AAAA,EAAA;AACL,GAGEK,IAAc,CAACC,MAA4B;AAC7C,QAAM;AAAA,IACF,SAAAL,IAAU;AAAA,IACV,UAAAD;AAAA,IACA,WAAAE;AAAA,IACA,UAAAK,IAAW;AAAA,IACX,sBAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,sBAAAC,IAAuB;AAAA,IACvB,2BAAAC;AAAA,EAAA,IACAN,GAEEO,IAAaC,EAAS,MAAMd,CAAQ,GAEpCe,IAAeD,EAAS,QAAQd,CAAQ,EAAE;AAAA,IAAI,CAACgB,GAAOC;AAAA;AAAA,MAExDC,EAAaF,GAA4B;AAAA,QACrC,KAAK,kBAAkBC,CAAK;AAAA,MAAA,CAC/B;AAAA;AAAA,EAAA;AAGL,MAAIV,KAAYA,IAAWM,GAAY;AACnC,UAAMM,IAAcJ,EAAa,MAAM,GAAGR,CAAQ,GAC5Ca,IAAgBP,IAAaN,GAC7Bc,IACF,gBAAAlB;AAAA,MAACmB;AAAA,MAAA;AAAA,QACG,WAAWd,IAAuB,mBAAmB;AAAA,QACrD,SAAS,MAAMA,KAAA,gBAAAA;AAAA,QACd,GAAGE;AAAA,QAEH,UAAAD,KAAwB,IAAIW,CAAa;AAAA,MAAA;AAAA,IAAA;AAIlD,WAAAD,EAAY;AAAA,MACRR,IACI,gBAAAR;AAAA,QAACoB;AAAA,QAAA;AAAA,UAEG,OAAO,GAAGH,CAAa;AAAA,UACtB,GAAGR;AAAA,UAEJ,iCAAG,UAAAS,EAAA,CAAO;AAAA,QAAA;AAAA,QAJN;AAAA,MAAA,IAOR,gBAAAlB,EAACqB,GAAA,EAAoC,eAAvB,qBAA8B;AAAA,IAAA,GAIhD,gBAAArB,EAACJ,GAAA,EAAe,WAAAG,GAAsB,SAAAD,GACjC,UAAAkB,GACL;AAAA,~~EAAA~~;~~AAIR~~,SACI,gBAAAhB,EAACJ,GAAA,EAAe,WAAAG,GAAsB,SAAAD,GACjC,UAAAD,EAAA,CACL;AAER;"}
1	+ {"version":3,"file":"AvatarGroup.js","sources":["../../../../../lib/@ecme/components/ui/Avatar/AvatarGroup.tsx"],"sourcesContent":["import { Children, cloneElement, Fragment } from 'react'\nimport classNames from 'classnames'\nimport Avatar from './Avatar'\nimport Tooltip from '../Tooltip/Tooltip'\nimport type { AvatarProps } from './Avatar'\nimport type { CommonProps } from '../@types/common'\nimport type { ReactNode, ReactElement } from 'react'\nimport type { TooltipProps } from '../Tooltip/Tooltip'\n\nexport interface AvatarGroupProps extends CommonProps {\n chained?: boolean\n maxCount?: number\n onOmittedAvatarClick?: () => void\n omittedAvatarContent?: string \| ReactNode\n omittedAvatarProps?: AvatarProps\n omittedAvatarTooltip?: boolean\n omittedAvatarTooltipProps?: Omit<TooltipProps, 'title'>\n}\n\ninterface GroupContainerProps\n extends CommonProps,\n Pick<AvatarGroupProps, 'chained'> {}\n\nconst GroupContainer = ({\n children,\n chained,\n className,\n}: GroupContainerProps) => (\n <div\n className={classNames(\n 'avatar-group',\n chained && 'avatar-group-chained',\n className,\n )}\n >\n {children}\n </div>\n)\n\nconst AvatarGroup = (props: AvatarGroupProps) => {\n const {\n chained = false,\n children,\n className,\n maxCount = 4,\n onOmittedAvatarClick,\n omittedAvatarContent,\n omittedAvatarProps,\n omittedAvatarTooltip = false,\n omittedAvatarTooltipProps,\n } = props\n\n const childCount = Children.count(children)\n\n const childWithKey = Children.toArray(children).map((child, index) =>\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n cloneElement(child as ReactElement<any>, {\n key: `grouped-avatar-${index}`,\n }),\n )\n\n if (maxCount && maxCount < childCount) {\n const childToShow = childWithKey.slice(0, maxCount)\n const overflowCount = childCount - maxCount\n const avatar = (\n <Avatar\n className={onOmittedAvatarClick ? 'cursor-pointer' : ''}\n onClick={() => onOmittedAvatarClick?.()}\n {...omittedAvatarProps}\n >\n {omittedAvatarContent \|\| `+${overflowCount}`}\n </Avatar>\n )\n\n childToShow.push(\n omittedAvatarTooltip ? (\n <Tooltip\n key=\"avatar-more-tooltip\"\n title={`${overflowCount} More`}\n {...omittedAvatarTooltipProps}\n >\n <>{avatar}</>\n </Tooltip>\n ) : (\n <Fragment key=\"avatar-more-tooltip\">{avatar}</Fragment>\n ),\n )\n return (\n <GroupContainer className={className} chained={chained}>\n {childToShow}\n </GroupContainer>\n )\n }\n\n return (\n <GroupContainer className={className} chained={chained}>\n {children}\n </GroupContainer>\n )\n}\n\nexport default AvatarGroup\n"],"names":["GroupContainer","children","chained","className","jsx","classNames","AvatarGroup","props","maxCount","onOmittedAvatarClick","omittedAvatarContent","omittedAvatarProps","omittedAvatarTooltip","omittedAvatarTooltipProps","childCount","Children","childWithKey","child","index","cloneElement","childToShow","overflowCount","avatar","Avatar","Tooltip","Fragment"],"mappings":";;;;;AAuBA,MAAMA,IAAiB,CAAC;AAAA,EACpB,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AACJ,MACI,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACG,WAAWC;AAAA,MACP;AAAA,MACAH,KAAW;AAAA,MACXC;AAAA,IAAA;AAAA,IAGH,UAAAF;AAAA,EAAA;AACL,GAGEK,IAAc,CAACC,MAA4B;AAC7C,QAAM;AAAA,IACF,SAAAL,IAAU;AAAA,IACV,UAAAD;AAAA,IACA,WAAAE;AAAA,IACA,UAAAK,IAAW;AAAA,IACX,sBAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,sBAAAC,IAAuB;AAAA,IACvB,2BAAAC;AAAA,EAAA,IACAN,GAEEO,IAAaC,EAAS,MAAMd,CAAQ,GAEpCe,IAAeD,EAAS,QAAQd,CAAQ,EAAE;AAAA,IAAI,CAACgB,GAAOC;AAAA;AAAA,MAExDC,EAAaF,GAA4B;AAAA,QACrC,KAAK,kBAAkBC,CAAK;AAAA,MAAA,CAC/B;AAAA;AAAA,EAAA;AAGL,MAAIV,KAAYA,IAAWM,GAAY;AACnC,UAAMM,IAAcJ,EAAa,MAAM,GAAGR,CAAQ,GAC5Ca,IAAgBP,IAAaN,GAC7Bc,IACF,gBAAAlB;AAAA,MAACmB;AAAA,MAAA;AAAA,QACG,WAAWd,IAAuB,mBAAmB;AAAA,QACrD,SAAS,MAAMA,KAAA,gBAAAA;AAAA,QACd,GAAGE;AAAA,QAEH,UAAAD,KAAwB,IAAIW,CAAa;AAAA,MAAA;AAAA,IAAA;AAIlD,WAAAD,EAAY;AAAA,MACRR,IACI,gBAAAR;AAAA,QAACoB;AAAA,QAAA;AAAA,UAEG,OAAO,GAAGH,CAAa;AAAA,UACtB,GAAGR;AAAA,UAEJ,iCAAG,UAAAS,EAAA,CAAO;AAAA,QAAA;AAAA,QAJN;AAAA,MAAA,IAOR,gBAAAlB,EAACqB,GAAA,EAAoC,eAAvB,qBAA8B;AAAA,IAAA,GAIhD,gBAAArB,EAACJ,GAAA,EAAe,WAAAG,GAAsB,SAAAD,GACjC,UAAAkB,GACL;AAAA,EAER;AAEA,SACI,gBAAAhB,EAACJ,GAAA,EAAe,WAAAG,GAAsB,SAAAD,GACjC,UAAAD,EAAA,CACL;AAER;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Button.js","sources":["../../../../../lib/@ecme/components/ui/Button/Button.tsx"],"sourcesContent":["import classNames from '../utils/classNames'\nimport { useConfig } from '../ConfigProvider'\nimport { useForm } from '../Form/context'\nimport { useInputGroup } from '../InputGroup/context'\nimport { CONTROL_SIZES, SIZES } from '../utils/constants'\nimport { Spinner } from '../Spinner'\nimport type { CommonProps, TypeAttributes } from '../@types/common'\nimport type {\n ReactNode,\n ComponentPropsWithRef,\n MouseEvent,\n ElementType,\n} from 'react'\n\nexport interface ButtonProps\n extends CommonProps,\n Omit<ComponentPropsWithRef<'button'>, 'onClick'> {\n asElement?: ElementType\n active?: boolean\n block?: boolean\n clickFeedback?: boolean\n customColorClass?: (state: {\n active: boolean\n unclickable: boolean\n }) => string\n disabled?: boolean\n icon?: string \| ReactNode\n loading?: boolean\n onClick?: (e: MouseEvent<HTMLButtonElement>) => void\n ref?: React.Ref<HTMLButtonElement>\n shape?: TypeAttributes.Shape\n size?: TypeAttributes.Size\n variant?: 'solid' \| 'plain' \| 'default'\n iconAlignment?: 'start' \| 'end'\n}\n\ntype ButtonColor = {\n bgColor: string\n hoverColor: string\n activeColor: string\n textColor: string\n}\n\nconst radiusShape: Record<TypeAttributes.Shape, string> = {\n round: 'rounded-xl',\n circle: 'rounded-full',\n none: 'rounded-none',\n}\n\nconst Button = (props: ButtonProps) => {\n const {\n asElement: Component = 'button',\n active = false,\n block = false,\n children,\n className,\n clickFeedback = true,\n customColorClass,\n disabled,\n icon,\n loading = false,\n ref,\n shape = 'round',\n size,\n variant = 'default',\n iconAlignment = 'start',\n ...rest\n } = props\n const { controlSize, ui } = useConfig()\n const formControlSize = useForm()?.size\n const inputGroupSize = useInputGroup()?.size\n const defaultClass = 'button'\n const sizeIconClass = 'inline-flex items-center justify-center'\n\n const buttonSize = size \|\| inputGroupSize \|\| formControlSize \|\| controlSize\n const feedback = !ui?.button?.disableClickFeedback \|\| clickFeedback\n const unclickable = disabled \|\| loading\n\n const getButtonSize = () => {\n let sizeClass = ''\n switch (buttonSize) {\n case SIZES.LG:\n sizeClass = classNames(\n CONTROL_SIZES.lg.h,\n radiusShape[shape],\n icon && !children\n ? `${CONTROL_SIZES.lg.w} ${sizeIconClass} text-2xl`\n : 'px-8 py-2 text-base',\n )\n break\n case SIZES.SM:\n sizeClass = classNames(\n CONTROL_SIZES.sm.h,\n shape === 'round' ? 'rounded-xl' : radiusShape[shape],\n icon && !children\n ? `${CONTROL_SIZES.sm.w} ${sizeIconClass} text-lg`\n : 'px-3 py-2 text-sm',\n )\n break\n case SIZES.XS:\n sizeClass = classNames(\n CONTROL_SIZES.xs.h,\n shape === 'round' ? 'rounded-lg' : radiusShape[shape],\n icon && !children\n ? `${CONTROL_SIZES.xs.w} ${sizeIconClass} text-base`\n : 'px-3 py-1 text-xs',\n )\n break\n default:\n sizeClass = classNames(\n CONTROL_SIZES.md.h,\n radiusShape[shape],\n icon && !children\n ? `${CONTROL_SIZES.md.w} ${sizeIconClass} text-xl`\n : 'px-5 py-2',\n )\n break\n }\n return sizeClass\n }\n\n const disabledClass = 'cursor-not-allowed opacity-50'\n\n const solidColor = () => {\n const btn = {\n bgColor: active ? `bg-primary-deep` : `bg-primary`,\n textColor: 'text-neutral',\n hoverColor: active ? '' : `hover:bg-primary-mild`,\n activeColor: ``,\n }\n return getBtnColor(btn)\n }\n\n const plainColor = () => {\n const btn = {\n bgColor: active ? `` : `dark:primary-mild dark:bg-opacity-20`,\n textColor: ``,\n hoverColor: active ? '' : `hover:text-primary-mild`,\n activeColor: `dark:active:primary-mild dark:active:bg-opacity-40`,\n }\n return getBtnColor(btn)\n }\n\n const defaultColor = () => {\n const btn = {\n bgColor: active\n ? `bg-gray-100 border border-gray-300 dark:bg-gray-500 dark:border-gray-500`\n : `bg-white border border-gray-300 dark:bg-gray-700 dark:border-gray-700`,\n textColor: `text-gray-600 dark:text-gray-100`,\n hoverColor: active\n ? ''\n : `ring-primary dark:ring-primary hover:border-primary dark:hover:border-primary hover:ring-1 hover:text-primary dark:hover:text-white dark:hover:bg-transparent`,\n activeColor: ``,\n }\n return getBtnColor(btn)\n }\n\n const getBtnColor = ({\n bgColor,\n hoverColor,\n activeColor,\n textColor,\n }: ButtonColor) => {\n return `${bgColor} ${\n unclickable ? disabledClass : hoverColor + ' ' + activeColor\n } ${textColor}`\n }\n\n const btnColor = () => {\n switch (variant) {\n case 'solid':\n return solidColor()\n case 'plain':\n return plainColor()\n case 'default':\n return defaultColor()\n default:\n return defaultColor()\n }\n }\n\n const classes = classNames(\n defaultClass,\n btnColor(),\n getButtonSize(),\n className,\n block ? 'w-full' : '',\n feedback && !unclickable && 'button-press-feedback',\n customColorClass?.({\n active,\n unclickable,\n }),\n )\n\n const handleClick = (e: MouseEvent<HTMLButtonElement>) => {\n const { onClick } = props\n if (unclickable) {\n e.preventDefault()\n return\n }\n onClick?.(e)\n }\n\n const renderChildren = () => {\n if (loading && children) {\n return (\n <span className=\"flex items-center justify-center\">\n <Spinner enableTheme={false} className=\"mr-1\" />\n {children}\n </span>\n )\n }\n\n if (icon && !children && loading) {\n return <Spinner enableTheme={false} />\n }\n\n if (icon && !children && !loading) {\n return <>{icon}</>\n }\n\n if (icon && children && !loading) {\n return (\n <span className=\"flex items-center justify-center gap-1\">\n {iconAlignment === 'start' && (\n <span className=\"text-lg\">{icon}</span>\n )}\n <span>{children}</span>\n {iconAlignment === 'end' && (\n <span className=\"text-lg\">{icon}</span>\n )}\n </span>\n )\n }\n\n return <>{children}</>\n }\n\n return (\n <Component\n ref={ref}\n className={classes}\n {...rest}\n onClick={handleClick}\n >\n {renderChildren()}\n </Component>\n )\n}\n\nexport default Button\n"],"names":["radiusShape","Button","props","Component","active","block","children","className","clickFeedback","customColorClass","disabled","icon","loading","ref","shape","size","variant","iconAlignment","rest","controlSize","ui","useConfig","formControlSize","_a","useForm","inputGroupSize","_b","useInputGroup","defaultClass","sizeIconClass","buttonSize","feedback","_c","unclickable","getButtonSize","sizeClass","SIZES","classNames","CONTROL_SIZES","disabledClass","solidColor","getBtnColor","plainColor","defaultColor","bgColor","hoverColor","activeColor","textColor","classes","jsx","e","onClick","jsxs","Spinner"],"mappings":"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"}
1	+ {"version":3,"file":"Button.js","sources":["../../../../../lib/@ecme/components/ui/Button/Button.tsx"],"sourcesContent":["import classNames from '../utils/classNames'\nimport { useConfig } from '../ConfigProvider'\nimport { useForm } from '../Form/context'\nimport { useInputGroup } from '../InputGroup/context'\nimport { CONTROL_SIZES, SIZES } from '../utils/constants'\nimport { Spinner } from '../Spinner'\nimport type { CommonProps, TypeAttributes } from '../@types/common'\nimport type {\n ReactNode,\n ComponentPropsWithRef,\n MouseEvent,\n ElementType,\n} from 'react'\n\nexport interface ButtonProps\n extends CommonProps,\n Omit<ComponentPropsWithRef<'button'>, 'onClick'> {\n asElement?: ElementType\n active?: boolean\n block?: boolean\n clickFeedback?: boolean\n customColorClass?: (state: {\n active: boolean\n unclickable: boolean\n }) => string\n disabled?: boolean\n icon?: string \| ReactNode\n loading?: boolean\n onClick?: (e: MouseEvent<HTMLButtonElement>) => void\n ref?: React.Ref<HTMLButtonElement>\n shape?: TypeAttributes.Shape\n size?: TypeAttributes.Size\n variant?: 'solid' \| 'plain' \| 'default'\n iconAlignment?: 'start' \| 'end'\n}\n\ntype ButtonColor = {\n bgColor: string\n hoverColor: string\n activeColor: string\n textColor: string\n}\n\nconst radiusShape: Record<TypeAttributes.Shape, string> = {\n round: 'rounded-xl',\n circle: 'rounded-full',\n none: 'rounded-none',\n}\n\nconst Button = (props: ButtonProps) => {\n const {\n asElement: Component = 'button',\n active = false,\n block = false,\n children,\n className,\n clickFeedback = true,\n customColorClass,\n disabled,\n icon,\n loading = false,\n ref,\n shape = 'round',\n size,\n variant = 'default',\n iconAlignment = 'start',\n ...rest\n } = props\n const { controlSize, ui } = useConfig()\n const formControlSize = useForm()?.size\n const inputGroupSize = useInputGroup()?.size\n const defaultClass = 'button'\n const sizeIconClass = 'inline-flex items-center justify-center'\n\n const buttonSize = size \|\| inputGroupSize \|\| formControlSize \|\| controlSize\n const feedback = !ui?.button?.disableClickFeedback \|\| clickFeedback\n const unclickable = disabled \|\| loading\n\n const getButtonSize = () => {\n let sizeClass = ''\n switch (buttonSize) {\n case SIZES.LG:\n sizeClass = classNames(\n CONTROL_SIZES.lg.h,\n radiusShape[shape],\n icon && !children\n ? `${CONTROL_SIZES.lg.w} ${sizeIconClass} text-2xl`\n : 'px-8 py-2 text-base',\n )\n break\n case SIZES.SM:\n sizeClass = classNames(\n CONTROL_SIZES.sm.h,\n shape === 'round' ? 'rounded-xl' : radiusShape[shape],\n icon && !children\n ? `${CONTROL_SIZES.sm.w} ${sizeIconClass} text-lg`\n : 'px-3 py-2 text-sm',\n )\n break\n case SIZES.XS:\n sizeClass = classNames(\n CONTROL_SIZES.xs.h,\n shape === 'round' ? 'rounded-lg' : radiusShape[shape],\n icon && !children\n ? `${CONTROL_SIZES.xs.w} ${sizeIconClass} text-base`\n : 'px-3 py-1 text-xs',\n )\n break\n default:\n sizeClass = classNames(\n CONTROL_SIZES.md.h,\n radiusShape[shape],\n icon && !children\n ? `${CONTROL_SIZES.md.w} ${sizeIconClass} text-xl`\n : 'px-5 py-2',\n )\n break\n }\n return sizeClass\n }\n\n const disabledClass = 'cursor-not-allowed opacity-50'\n\n const solidColor = () => {\n const btn = {\n bgColor: active ? `bg-primary-deep` : `bg-primary`,\n textColor: 'text-neutral',\n hoverColor: active ? '' : `hover:bg-primary-mild`,\n activeColor: ``,\n }\n return getBtnColor(btn)\n }\n\n const plainColor = () => {\n const btn = {\n bgColor: active ? `` : `dark:primary-mild dark:bg-opacity-20`,\n textColor: ``,\n hoverColor: active ? '' : `hover:text-primary-mild`,\n activeColor: `dark:active:primary-mild dark:active:bg-opacity-40`,\n }\n return getBtnColor(btn)\n }\n\n const defaultColor = () => {\n const btn = {\n bgColor: active\n ? `bg-gray-100 border border-gray-300 dark:bg-gray-500 dark:border-gray-500`\n : `bg-white border border-gray-300 dark:bg-gray-700 dark:border-gray-700`,\n textColor: `text-gray-600 dark:text-gray-100`,\n hoverColor: active\n ? ''\n : `ring-primary dark:ring-primary hover:border-primary dark:hover:border-primary hover:ring-1 hover:text-primary dark:hover:text-white dark:hover:bg-transparent`,\n activeColor: ``,\n }\n return getBtnColor(btn)\n }\n\n const getBtnColor = ({\n bgColor,\n hoverColor,\n activeColor,\n textColor,\n }: ButtonColor) => {\n return `${bgColor} ${\n unclickable ? disabledClass : hoverColor + ' ' + activeColor\n } ${textColor}`\n }\n\n const btnColor = () => {\n switch (variant) {\n case 'solid':\n return solidColor()\n case 'plain':\n return plainColor()\n case 'default':\n return defaultColor()\n default:\n return defaultColor()\n }\n }\n\n const classes = classNames(\n defaultClass,\n btnColor(),\n getButtonSize(),\n className,\n block ? 'w-full' : '',\n feedback && !unclickable && 'button-press-feedback',\n customColorClass?.({\n active,\n unclickable,\n }),\n )\n\n const handleClick = (e: MouseEvent<HTMLButtonElement>) => {\n const { onClick } = props\n if (unclickable) {\n e.preventDefault()\n return\n }\n onClick?.(e)\n }\n\n const renderChildren = () => {\n if (loading && children) {\n return (\n <span className=\"flex items-center justify-center\">\n <Spinner enableTheme={false} className=\"mr-1\" />\n {children}\n </span>\n )\n }\n\n if (icon && !children && loading) {\n return <Spinner enableTheme={false} />\n }\n\n if (icon && !children && !loading) {\n return <>{icon}</>\n }\n\n if (icon && children && !loading) {\n return (\n <span className=\"flex items-center justify-center gap-1\">\n {iconAlignment === 'start' && (\n <span className=\"text-lg\">{icon}</span>\n )}\n <span>{children}</span>\n {iconAlignment === 'end' && (\n <span className=\"text-lg\">{icon}</span>\n )}\n </span>\n )\n }\n\n return <>{children}</>\n }\n\n return (\n <Component\n ref={ref}\n className={classes}\n {...rest}\n onClick={handleClick}\n >\n {renderChildren()}\n </Component>\n )\n}\n\nexport default Button\n"],"names":["radiusShape","Button","props","Component","active","block","children","className","clickFeedback","customColorClass","disabled","icon","loading","ref","shape","size","variant","iconAlignment","rest","controlSize","ui","useConfig","formControlSize","_a","useForm","inputGroupSize","_b","useInputGroup","defaultClass","sizeIconClass","buttonSize","feedback","_c","unclickable","getButtonSize","sizeClass","SIZES","classNames","CONTROL_SIZES","disabledClass","solidColor","getBtnColor","plainColor","defaultColor","bgColor","hoverColor","activeColor","textColor","classes","jsx","e","onClick","jsxs","Spinner"],"mappings":"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"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Card.js","sources":["../../../../../lib/@ecme/components/ui/Card/Card.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport { useConfig } from '../ConfigProvider'\nimport type { CommonProps } from '../@types/common'\nimport type { ReactNode, ComponentPropsWithRef, MouseEvent, Ref } from 'react'\n\ntype CardHeader = {\n content?: string \| ReactNode\n className?: string\n bordered?: boolean\n extra?: string \| ReactNode\n}\n\ntype CardFooter = {\n content?: string \| ReactNode\n className?: string\n bordered?: boolean\n}\n\nexport interface CardProps\n extends CommonProps,\n Omit<ComponentPropsWithRef<'div'>, 'onClick'> {\n clickable?: boolean\n header?: CardHeader\n bodyClass?: string\n footer?: CardFooter\n bordered?: boolean\n ref?: Ref<HTMLDivElement>\n onClick?: (e: MouseEvent<HTMLDivElement>) => void\n}\n\nconst defaultHeaderConfig: CardHeader = {\n bordered: true,\n}\n\nconst defaultFooterConfig: CardHeader = {\n bordered: true,\n}\n\nconst Card = (props: CardProps) => {\n const { ui } = useConfig()\n\n const {\n bodyClass,\n children,\n className,\n clickable = false,\n bordered = ui?.card?.cardBordered ?? true,\n header = {},\n footer = {},\n ref,\n onClick,\n ...rest\n } = props\n\n const headerProps = {\n ...defaultHeaderConfig,\n ...header,\n }\n\n const footerProps = {\n ...defaultFooterConfig,\n ...footer,\n }\n\n const cardClass = classNames(\n 'card',\n className,\n bordered ? `card-border` : `card-shadow`,\n clickable && 'cursor-pointer user-select-none',\n )\n\n const cardBodyClasss = classNames('card-body', bodyClass)\n const cardHeaderClass = classNames(\n 'card-header',\n headerProps.bordered ? 'card-header-border' : null,\n headerProps.extra ? 'card-header-extra' : null,\n headerProps.className,\n )\n const cardFooterClass = classNames(\n 'card-footer',\n footerProps.bordered && `card-footer-border`,\n footerProps.className,\n )\n\n const renderHeader = () => {\n if (typeof headerProps.content === 'string') {\n return <h4>{headerProps.content}</h4>\n }\n return <>{headerProps.content}</>\n }\n\n const handleClick = (e: MouseEvent<HTMLDivElement>) => {\n onClick?.(e)\n }\n\n return (\n <div\n ref={ref}\n className={cardClass}\n role=\"presentation\"\n onClick={handleClick}\n {...rest}\n >\n {headerProps.content && (\n <div className={cardHeaderClass}>\n {renderHeader()}\n {headerProps.extra && <span>{headerProps.extra}</span>}\n </div>\n )}\n <div className={cardBodyClasss}>{children}</div>\n {footerProps.content && (\n <div className={cardFooterClass}>{footerProps.content}</div>\n )}\n </div>\n )\n}\n\nexport default Card\n"],"names":["defaultHeaderConfig","defaultFooterConfig","Card","props","ui","useConfig","bodyClass","children","className","clickable","bordered","_a","header","footer","ref","onClick","rest","headerProps","footerProps","cardClass","classNames","cardBodyClasss","cardHeaderClass","cardFooterClass","renderHeader","jsx","Fragment","jsxs","e"],"mappings":";;;;AA8BA,MAAMA,IAAkC;AAAA,EACpC,UAAU;AACd,GAEMC,IAAkC;AAAA,EACpC,UAAU;AACd,GAEMC,IAAO,CAACC,MAAqB;;AAC/B,QAAM,EAAE,IAAAC,EAAA,IAAOC,EAAA,GAET;AAAA,IACF,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,UAAAC,MAAWC,IAAAP,KAAA,gBAAAA,EAAI,SAAJ,gBAAAO,EAAU,iBAAgB;AAAA,IACrC,QAAAC,IAAS,CAAA;AAAA,IACT,QAAAC,IAAS,CAAA;AAAA,IACT,KAAAC;AAAA,IACA,SAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACHb,GAEEc,IAAc;AAAA,IAChB,GAAGjB;AAAA,IACH,GAAGY;AAAA,EAAA,GAGDM,IAAc;AAAA,IAChB,GAAGjB;AAAA,IACH,GAAGY;AAAA,EAAA,GAGDM,IAAYC;AAAA,IACd;AAAA,IACAZ;AAAA,IACAE,IAAW,gBAAgB;AAAA,IAC3BD,KAAa;AAAA,EAAA,GAGXY,IAAiBD,EAAW,aAAad,CAAS,GAClDgB,IAAkBF;AAAA,IACpB;AAAA,IACAH,EAAY,WAAW,uBAAuB;AAAA,IAC9CA,EAAY,QAAQ,sBAAsB;AAAA,IAC1CA,EAAY;AAAA,EAAA,GAEVM,IAAkBH;AAAA,IACpB;AAAA,IACAF,EAAY,YAAY;AAAA,IACxBA,EAAY;AAAA,EAAA,GAGVM,IAAe,MACb,OAAOP,EAAY,WAAY,WACxB,gBAAAQ,EAAC,MAAA,EAAI,UAAAR,EAAY,QAAA,CAAQ,IAE7B,gBAAAQ,EAAAC,GAAA,EAAG,YAAY,QAAA,CAAQ;AAOlC,SACI,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAAb;AAAA,MACA,WAAWK;AAAA,MACX,MAAK;AAAA,MACL,SATY,CAACS,MAAkC;AACnD,QAAAb,KAAA,QAAAA,EAAUa;AAAA,~~MAAC~~;AAAA,~~MASN~~,GAAGZ;AAAA,MAEH,UAAA;AAAA,QAAAC,EAAY,WACT,gBAAAU,EAAC,OAAA,EAAI,WAAWL,GACX,UAAA;AAAA,UAAAE,EAAA;AAAA,UACAP,EAAY,SAAS,gBAAAQ,EAAC,QAAA,EAAM,YAAY,MAAA,CAAM;AAAA,QAAA,GACnD;AAAA,QAEJ,gBAAAA,EAAC,OAAA,EAAI,WAAWJ,GAAiB,UAAAd,EAAA,CAAS;AAAA,QACzCW,EAAY,WACT,gBAAAO,EAAC,SAAI,WAAWF,GAAkB,YAAY,QAAA,CAAQ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAItE;"}
1	+ {"version":3,"file":"Card.js","sources":["../../../../../lib/@ecme/components/ui/Card/Card.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport { useConfig } from '../ConfigProvider'\nimport type { CommonProps } from '../@types/common'\nimport type { ReactNode, ComponentPropsWithRef, MouseEvent, Ref } from 'react'\n\ntype CardHeader = {\n content?: string \| ReactNode\n className?: string\n bordered?: boolean\n extra?: string \| ReactNode\n}\n\ntype CardFooter = {\n content?: string \| ReactNode\n className?: string\n bordered?: boolean\n}\n\nexport interface CardProps\n extends CommonProps,\n Omit<ComponentPropsWithRef<'div'>, 'onClick'> {\n clickable?: boolean\n header?: CardHeader\n bodyClass?: string\n footer?: CardFooter\n bordered?: boolean\n ref?: Ref<HTMLDivElement>\n onClick?: (e: MouseEvent<HTMLDivElement>) => void\n}\n\nconst defaultHeaderConfig: CardHeader = {\n bordered: true,\n}\n\nconst defaultFooterConfig: CardHeader = {\n bordered: true,\n}\n\nconst Card = (props: CardProps) => {\n const { ui } = useConfig()\n\n const {\n bodyClass,\n children,\n className,\n clickable = false,\n bordered = ui?.card?.cardBordered ?? true,\n header = {},\n footer = {},\n ref,\n onClick,\n ...rest\n } = props\n\n const headerProps = {\n ...defaultHeaderConfig,\n ...header,\n }\n\n const footerProps = {\n ...defaultFooterConfig,\n ...footer,\n }\n\n const cardClass = classNames(\n 'card',\n className,\n bordered ? `card-border` : `card-shadow`,\n clickable && 'cursor-pointer user-select-none',\n )\n\n const cardBodyClasss = classNames('card-body', bodyClass)\n const cardHeaderClass = classNames(\n 'card-header',\n headerProps.bordered ? 'card-header-border' : null,\n headerProps.extra ? 'card-header-extra' : null,\n headerProps.className,\n )\n const cardFooterClass = classNames(\n 'card-footer',\n footerProps.bordered && `card-footer-border`,\n footerProps.className,\n )\n\n const renderHeader = () => {\n if (typeof headerProps.content === 'string') {\n return <h4>{headerProps.content}</h4>\n }\n return <>{headerProps.content}</>\n }\n\n const handleClick = (e: MouseEvent<HTMLDivElement>) => {\n onClick?.(e)\n }\n\n return (\n <div\n ref={ref}\n className={cardClass}\n role=\"presentation\"\n onClick={handleClick}\n {...rest}\n >\n {headerProps.content && (\n <div className={cardHeaderClass}>\n {renderHeader()}\n {headerProps.extra && <span>{headerProps.extra}</span>}\n </div>\n )}\n <div className={cardBodyClasss}>{children}</div>\n {footerProps.content && (\n <div className={cardFooterClass}>{footerProps.content}</div>\n )}\n </div>\n )\n}\n\nexport default Card\n"],"names":["defaultHeaderConfig","defaultFooterConfig","Card","props","ui","useConfig","bodyClass","children","className","clickable","bordered","_a","header","footer","ref","onClick","rest","headerProps","footerProps","cardClass","classNames","cardBodyClasss","cardHeaderClass","cardFooterClass","renderHeader","jsx","Fragment","jsxs","e"],"mappings":";;;;AA8BA,MAAMA,IAAkC;AAAA,EACpC,UAAU;AACd,GAEMC,IAAkC;AAAA,EACpC,UAAU;AACd,GAEMC,IAAO,CAACC,MAAqB;;AAC/B,QAAM,EAAE,IAAAC,EAAA,IAAOC,EAAA,GAET;AAAA,IACF,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,UAAAC,MAAWC,IAAAP,KAAA,gBAAAA,EAAI,SAAJ,gBAAAO,EAAU,iBAAgB;AAAA,IACrC,QAAAC,IAAS,CAAA;AAAA,IACT,QAAAC,IAAS,CAAA;AAAA,IACT,KAAAC;AAAA,IACA,SAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACHb,GAEEc,IAAc;AAAA,IAChB,GAAGjB;AAAA,IACH,GAAGY;AAAA,EAAA,GAGDM,IAAc;AAAA,IAChB,GAAGjB;AAAA,IACH,GAAGY;AAAA,EAAA,GAGDM,IAAYC;AAAA,IACd;AAAA,IACAZ;AAAA,IACAE,IAAW,gBAAgB;AAAA,IAC3BD,KAAa;AAAA,EAAA,GAGXY,IAAiBD,EAAW,aAAad,CAAS,GAClDgB,IAAkBF;AAAA,IACpB;AAAA,IACAH,EAAY,WAAW,uBAAuB;AAAA,IAC9CA,EAAY,QAAQ,sBAAsB;AAAA,IAC1CA,EAAY;AAAA,EAAA,GAEVM,IAAkBH;AAAA,IACpB;AAAA,IACAF,EAAY,YAAY;AAAA,IACxBA,EAAY;AAAA,EAAA,GAGVM,IAAe,MACb,OAAOP,EAAY,WAAY,WACxB,gBAAAQ,EAAC,MAAA,EAAI,UAAAR,EAAY,QAAA,CAAQ,IAE7B,gBAAAQ,EAAAC,GAAA,EAAG,YAAY,QAAA,CAAQ;AAOlC,SACI,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAAb;AAAA,MACA,WAAWK;AAAA,MACX,MAAK;AAAA,MACL,SATY,CAACS,MAAkC;AACnD,QAAAb,KAAA,QAAAA,EAAUa;AAAA,MACd;AAAA,MAQS,GAAGZ;AAAA,MAEH,UAAA;AAAA,QAAAC,EAAY,WACT,gBAAAU,EAAC,OAAA,EAAI,WAAWL,GACX,UAAA;AAAA,UAAAE,EAAA;AAAA,UACAP,EAAY,SAAS,gBAAAQ,EAAC,QAAA,EAAM,YAAY,MAAA,CAAM;AAAA,QAAA,GACnD;AAAA,QAEJ,gBAAAA,EAAC,OAAA,EAAI,WAAWJ,GAAiB,UAAAd,EAAA,CAAS;AAAA,QACzCW,EAAY,WACT,gBAAAO,EAAC,SAAI,WAAWF,GAAkB,YAAY,QAAA,CAAQ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAItE;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Checkbox.js","sources":["../../../../../lib/@ecme/components/ui/Checkbox/Checkbox.tsx"],"sourcesContent":["import { useContext, useCallback, useState } from 'react'\nimport classNames from 'classnames'\nimport CheckboxGroupContext from './context'\nimport type { CommonProps } from '../@types/common'\nimport type { CheckboxValue } from './context'\nimport type { ChangeEvent, Ref } from 'react'\n\nexport interface CheckboxProps extends CommonProps {\n checked?: boolean\n checkboxClass?: string\n defaultChecked?: boolean\n disabled?: boolean\n labelRef?: Ref<HTMLLabelElement>\n name?: string\n onChange?: (values: boolean, e: ChangeEvent<HTMLInputElement>) => void\n readOnly?: boolean\n ref?: Ref<HTMLInputElement>\n value?: CheckboxValue\n}\n\nconst Checkbox = (props: CheckboxProps) => {\n const {\n name: nameContext,\n value: groupValue,\n onChange: onGroupChange,\n checkboxClass: checkboxClassContext,\n } = useContext(CheckboxGroupContext)\n\n const {\n checked: controlledChecked,\n className,\n checkboxClass,\n onChange,\n children,\n disabled,\n readOnly,\n name = nameContext,\n defaultChecked,\n value,\n labelRef,\n ref,\n ...rest\n } = props\n\n const isChecked = useCallback(() => {\n if (typeof groupValue !== 'undefined' && typeof value !== 'undefined') {\n return groupValue.some((i) => i === value)\n }\n return controlledChecked \|\| defaultChecked\n }, [controlledChecked, groupValue, value, defaultChecked])\n\n const [checkboxChecked, setCheckboxChecked] = useState(isChecked())\n\n const getControlProps = () => {\n const checkedValue = checkboxChecked\n\n let groupChecked = { checked: checkedValue }\n const singleChecked: {\n defaultChecked?: boolean\n checked?: boolean\n } = {}\n\n if (typeof controlledChecked !== 'undefined') {\n singleChecked.checked = controlledChecked\n }\n\n if (typeof groupValue !== 'undefined') {\n groupChecked = { checked: groupValue.includes(value as never) }\n }\n\n if (defaultChecked) {\n singleChecked.defaultChecked = defaultChecked\n }\n return typeof groupValue !== 'undefined' ? groupChecked : singleChecked\n }\n\n const controlProps = getControlProps()\n\n const onCheckboxChange = useCallback(\n (e: ChangeEvent<HTMLInputElement>) => {\n let nextChecked = !checkboxChecked\n\n if (typeof groupValue !== 'undefined') {\n nextChecked = !groupValue.includes(value as never)\n }\n\n if (disabled \|\| readOnly) {\n return\n }\n\n setCheckboxChecked(nextChecked)\n onChange?.(nextChecked, e)\n onGroupChange?.(value as CheckboxValue, nextChecked, e)\n },\n [\n checkboxChecked,\n disabled,\n readOnly,\n setCheckboxChecked,\n onChange,\n value,\n onGroupChange,\n groupValue,\n ],\n )\n\n const checkboxColor =\n checkboxClass \|\| checkboxClassContext \|\| `text-primary`\n\n const checkboxDefaultClass = `checkbox peer ${checkboxColor}`\n const checkboxColorClass = disabled && 'disabled'\n const labelDefaultClass = `checkbox-label`\n const labelDisabledClass = disabled && 'disabled'\n\n const labelClass = classNames(\n labelDefaultClass,\n labelDisabledClass,\n className,\n )\n\n return (\n <label ref={labelRef} className={labelClass}>\n <span className=\"checkbox-wrapper h-5 relative\">\n <input\n ref={ref}\n className={classNames(\n checkboxDefaultClass,\n checkboxColorClass,\n )}\n type=\"checkbox\"\n disabled={disabled}\n readOnly={readOnly}\n name={name}\n onChange={onCheckboxChange}\n {...controlProps}\n {...rest}\n />\n <>\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n className=\"h-3.5 w-3.5 stroke-neutral fill-neutral opacity-0 transition-opacity peer-checked:opacity-100 pointer-events-none absolute top-2/4 left-2/4 -translate-y-2/4 -translate-x-2/4 mt-[1.25px]\"\n viewBox=\"0 0 20 20\"\n >\n <path\n fillRule=\"evenodd\"\n d=\"M16.707 5.293a1 1 0 0 1 0 1.414l-8 8a1 1 0 0 1-1.414 0l-4-4a1 1 0 0 1 1.414-1.414L8 12.586l7.293-7.293a1 1 0 0 1 1.414 0z\"\n clipRule=\"evenodd\"\n />\n </svg>\n </>\n </span>\n {children ? (\n <span className={classNames(disabled ? 'opacity-50' : '')}>\n {children}\n </span>\n ) : null}\n </label>\n )\n}\n\nexport default Checkbox\n"],"names":["Checkbox","props","nameContext","groupValue","onGroupChange","checkboxClassContext","useContext","CheckboxGroupContext","controlledChecked","className","checkboxClass","onChange","children","disabled","readOnly","name","defaultChecked","value","labelRef","ref","rest","isChecked","useCallback","i","checkboxChecked","setCheckboxChecked","useState","controlProps","groupChecked","singleChecked","onCheckboxChange","e","nextChecked","checkboxDefaultClass","checkboxColorClass","labelClass","classNames","jsxs","jsx","Fragment"],"mappings":";;;;AAoBA,MAAMA,IAAW,CAACC,MAAyB;AACvC,QAAM;AAAA,IACF,MAAMC;AAAA,IACN,OAAOC;AAAA,IACP,UAAUC;AAAA,IACV,eAAeC;AAAA,EAAA,IACfC,EAAWC,CAAoB,GAE7B;AAAA,IACF,SAASC;AAAA,IACT,WAAAC;AAAA,IACA,eAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,MAAAC,IAAOb;AAAA,IACP,gBAAAc;AAAA,IACA,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,KAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACHnB,GAEEoB,IAAYC,EAAY,MACtB,OAAOnB,IAAe,OAAe,OAAOc,IAAU,MAC/Cd,EAAW,KAAK,CAACoB,MAAMA,MAAMN,CAAK,IAEtCT,KAAqBQ,GAC7B,CAACR,GAAmBL,GAAYc,GAAOD,CAAc,CAAC,GAEnD,CAACQ,GAAiBC,CAAkB,IAAIC,EAASL,GAAW,GAyB5DM,KAvBkB,MAAM;AAG1B,QAAIC,IAAe,EAAE,SAFAJ,EAES;AAC9B,UAAMK,IAGF,CAAA;AAEJ,WAAI,OAAOrB,IAAsB,QAC7BqB,EAAc,UAAUrB,IAGxB,OAAOL,IAAe,QACtByB,IAAe,EAAE,SAASzB,EAAW,SAASc,CAAc,EAAA,IAG5DD,MACAa,EAAc,iBAAiBb,IAE5B,OAAOb,IAAe,MAAcyB,IAAeC;AAAA,~~EAAA~~,~~GAGzC~~,GAEfC,IAAmBR;AAAA,IACrB,CAACS,MAAqC;AAClC,UAAIC,IAAc,CAACR;AAMnB,MAJI,OAAOrB,IAAe,QACtB6B,IAAc,CAAC7B,EAAW,SAASc,CAAc,IAGjD,EAAAJ,KAAYC,OAIhBW,EAAmBO,CAAW,GAC9BrB,KAAA,QAAAA,EAAWqB,GAAaD,IACxB3B,KAAA,QAAAA,EAAgBa,GAAwBe,GAAaD;AAAA,~~IAAC~~;AAAA,~~IAE1D~~;AAAA,MACIP;AAAA,MACAX;AAAA,MACAC;AAAA,MACAW;AAAA,MACAd;AAAA,MACAM;AAAA,MACAb;AAAA,MACAD;AAAA,IAAA;AAAA,EACJ,GAME8B,IAAuB,iBAFzBvB,KAAiBL,KAAwB,cAEc,IACrD6B,IAAqBrB,KAAY,YAIjCsB,IAAaC;AAAA,IAHO;AAAA,IACCvB,KAAY;AAAA,IAKnCJ;AAAA,EAAA;AAGJ,SACI,gBAAA4B,EAAC,SAAA,EAAM,KAAKnB,GAAU,WAAWiB,GAC7B,UAAA;AAAA,IAAA,gBAAAE,EAAC,QAAA,EAAK,WAAU,iCACZ,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,KAAAnB;AAAA,UACA,WAAWiB;AAAA,YACPH;AAAA,YACAC;AAAA,UAAA;AAAA,UAEJ,MAAK;AAAA,UACL,UAAArB;AAAA,UACA,UAAAC;AAAA,UACA,MAAAC;AAAA,UACA,UAAUe;AAAA,UACT,GAAGH;AAAA,UACH,GAAGP;AAAA,QAAA;AAAA,MAAA;AAAA,MAER,gBAAAkB,EAAAC,GAAA,EACI,UAAA,gBAAAD;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,OAAM;AAAA,UACN,WAAU;AAAA,UACV,SAAQ;AAAA,UAER,UAAA,gBAAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,UAAS;AAAA,cACT,GAAE;AAAA,cACF,UAAS;AAAA,YAAA;AAAA,UAAA;AAAA,QACb;AAAA,MAAA,EACJ,CACJ;AAAA,IAAA,GACJ;AAAA,IACC1B,IACG,gBAAA0B,EAAC,QAAA,EAAK,WAAWF,EAAWvB,IAAW,eAAe,EAAE,GACnD,UAAAD,EAAA,CACL,IACA;AAAA,EAAA,GACR;AAER;"}
1	+ {"version":3,"file":"Checkbox.js","sources":["../../../../../lib/@ecme/components/ui/Checkbox/Checkbox.tsx"],"sourcesContent":["import { useContext, useCallback, useState } from 'react'\nimport classNames from 'classnames'\nimport CheckboxGroupContext from './context'\nimport type { CommonProps } from '../@types/common'\nimport type { CheckboxValue } from './context'\nimport type { ChangeEvent, Ref } from 'react'\n\nexport interface CheckboxProps extends CommonProps {\n checked?: boolean\n checkboxClass?: string\n defaultChecked?: boolean\n disabled?: boolean\n labelRef?: Ref<HTMLLabelElement>\n name?: string\n onChange?: (values: boolean, e: ChangeEvent<HTMLInputElement>) => void\n readOnly?: boolean\n ref?: Ref<HTMLInputElement>\n value?: CheckboxValue\n}\n\nconst Checkbox = (props: CheckboxProps) => {\n const {\n name: nameContext,\n value: groupValue,\n onChange: onGroupChange,\n checkboxClass: checkboxClassContext,\n } = useContext(CheckboxGroupContext)\n\n const {\n checked: controlledChecked,\n className,\n checkboxClass,\n onChange,\n children,\n disabled,\n readOnly,\n name = nameContext,\n defaultChecked,\n value,\n labelRef,\n ref,\n ...rest\n } = props\n\n const isChecked = useCallback(() => {\n if (typeof groupValue !== 'undefined' && typeof value !== 'undefined') {\n return groupValue.some((i) => i === value)\n }\n return controlledChecked \|\| defaultChecked\n }, [controlledChecked, groupValue, value, defaultChecked])\n\n const [checkboxChecked, setCheckboxChecked] = useState(isChecked())\n\n const getControlProps = () => {\n const checkedValue = checkboxChecked\n\n let groupChecked = { checked: checkedValue }\n const singleChecked: {\n defaultChecked?: boolean\n checked?: boolean\n } = {}\n\n if (typeof controlledChecked !== 'undefined') {\n singleChecked.checked = controlledChecked\n }\n\n if (typeof groupValue !== 'undefined') {\n groupChecked = { checked: groupValue.includes(value as never) }\n }\n\n if (defaultChecked) {\n singleChecked.defaultChecked = defaultChecked\n }\n return typeof groupValue !== 'undefined' ? groupChecked : singleChecked\n }\n\n const controlProps = getControlProps()\n\n const onCheckboxChange = useCallback(\n (e: ChangeEvent<HTMLInputElement>) => {\n let nextChecked = !checkboxChecked\n\n if (typeof groupValue !== 'undefined') {\n nextChecked = !groupValue.includes(value as never)\n }\n\n if (disabled \|\| readOnly) {\n return\n }\n\n setCheckboxChecked(nextChecked)\n onChange?.(nextChecked, e)\n onGroupChange?.(value as CheckboxValue, nextChecked, e)\n },\n [\n checkboxChecked,\n disabled,\n readOnly,\n setCheckboxChecked,\n onChange,\n value,\n onGroupChange,\n groupValue,\n ],\n )\n\n const checkboxColor =\n checkboxClass \|\| checkboxClassContext \|\| `text-primary`\n\n const checkboxDefaultClass = `checkbox peer ${checkboxColor}`\n const checkboxColorClass = disabled && 'disabled'\n const labelDefaultClass = `checkbox-label`\n const labelDisabledClass = disabled && 'disabled'\n\n const labelClass = classNames(\n labelDefaultClass,\n labelDisabledClass,\n className,\n )\n\n return (\n <label ref={labelRef} className={labelClass}>\n <span className=\"checkbox-wrapper h-5 relative\">\n <input\n ref={ref}\n className={classNames(\n checkboxDefaultClass,\n checkboxColorClass,\n )}\n type=\"checkbox\"\n disabled={disabled}\n readOnly={readOnly}\n name={name}\n onChange={onCheckboxChange}\n {...controlProps}\n {...rest}\n />\n <>\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n className=\"h-3.5 w-3.5 stroke-neutral fill-neutral opacity-0 transition-opacity peer-checked:opacity-100 pointer-events-none absolute top-2/4 left-2/4 -translate-y-2/4 -translate-x-2/4 mt-[1.25px]\"\n viewBox=\"0 0 20 20\"\n >\n <path\n fillRule=\"evenodd\"\n d=\"M16.707 5.293a1 1 0 0 1 0 1.414l-8 8a1 1 0 0 1-1.414 0l-4-4a1 1 0 0 1 1.414-1.414L8 12.586l7.293-7.293a1 1 0 0 1 1.414 0z\"\n clipRule=\"evenodd\"\n />\n </svg>\n </>\n </span>\n {children ? (\n <span className={classNames(disabled ? 'opacity-50' : '')}>\n {children}\n </span>\n ) : null}\n </label>\n )\n}\n\nexport default Checkbox\n"],"names":["Checkbox","props","nameContext","groupValue","onGroupChange","checkboxClassContext","useContext","CheckboxGroupContext","controlledChecked","className","checkboxClass","onChange","children","disabled","readOnly","name","defaultChecked","value","labelRef","ref","rest","isChecked","useCallback","i","checkboxChecked","setCheckboxChecked","useState","controlProps","groupChecked","singleChecked","onCheckboxChange","e","nextChecked","checkboxDefaultClass","checkboxColorClass","labelClass","classNames","jsxs","jsx","Fragment"],"mappings":"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"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Group.js","sources":["../../../../../lib/@ecme/components/ui/Checkbox/Group.tsx"],"sourcesContent":["import { useState, useCallback, useMemo, useEffect } from 'react'\nimport classNames from '../utils/classNames'\nimport { CheckboxGroupContextProvider } from './context'\nimport shallowEqual from '../utils/shallowEqual'\nimport type { CommonProps } from '../@types/common'\nimport type { CheckboxGroupValue, CheckboxValue } from './context'\nimport type { SyntheticEvent, Ref } from 'react'\n\nexport interface CheckboxGroupProps extends CommonProps {\n checkboxClass?: string\n name?: string\n onChange?: (value: CheckboxGroupValue, event: SyntheticEvent) => void\n ref?: Ref<HTMLDivElement>\n value?: CheckboxGroupValue\n vertical?: boolean\n}\n\nconst Group = (props: CheckboxGroupProps) => {\n const {\n children,\n className,\n checkboxClass,\n name,\n onChange,\n ref,\n value: valueProp,\n vertical,\n ...rest\n } = props\n\n const [value, setValue] = useState(valueProp)\n\n const onCheckboxGroupChange = useCallback(\n (\n itemValue: CheckboxValue,\n itemChecked: boolean,\n event: SyntheticEvent, \n ) => { \n const nextValue: CheckboxGroupValue = value ? [...value] : []\n if (itemChecked) {\n nextValue.push(itemValue as string)\n } else {\n const index = nextValue.findIndex((i) => shallowEqual(i, itemValue))\n if (index > -1) {\n nextValue.splice(index, 1)\n }\n }\n\n setValue(nextValue)\n onChange?.(nextValue, event)\n },\n [onChange, setValue, value],\n )\n\n useEffect(() => {\n setValue(valueProp)\n }, [valueProp])\n\n const contextValue = useMemo(\n () => ({\n vertical,\n name,\n value,\n checkboxClass,\n onChange: onCheckboxGroupChange,\n }),\n [vertical, onCheckboxGroupChange, name, checkboxClass, value],\n )\n\n return (\n <CheckboxGroupContextProvider value={contextValue}>\n <div\n ref={ref}\n className={classNames(\n 'inline-flex gap-4',\n vertical ? 'flex-col' : '',\n className,\n )}\n {...rest}\n >\n {children}\n </div>\n </CheckboxGroupContextProvider>\n )\n}\n\nexport default Group\n"],"names":["Group","props","children","className","checkboxClass","name","onChange","ref","valueProp","vertical","rest","value","setValue","useState","onCheckboxGroupChange","useCallback","itemValue","itemChecked","event","nextValue","index","i","shallowEqual","useEffect","contextValue","useMemo","jsx","CheckboxGroupContextProvider","classNames"],"mappings":";;;;;AAiBA,MAAMA,IAAQ,CAACC,MAA8B;AACzC,QAAM;AAAA,IACF,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,eAAAC;AAAA,IACA,MAAAC;AAAA,IACA,UAAAC;AAAA,IACA,KAAAC;AAAA,IACA,OAAOC;AAAA,IACP,UAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACHT,GAEE,CAACU,GAAOC,CAAQ,IAAIC,EAASL,CAAS,GAEtCM,IAAwBC;AAAA,IAC1B,CACIC,GACAC,GACAC,MACC;AACD,YAAMC,IAAgCR,IAAQ,CAAC,GAAGA,CAAK,IAAI,CAAA;AAC3D,UAAIM;AACA,QAAAE,EAAU,KAAKH,CAAmB;AAAA,WAC/B;AACH,cAAMI,IAAQD,EAAU,UAAU,CAACE,MAAMC,EAAaD,GAAGL,CAAS,CAAC;AACnE,QAAII,IAAQ,MACRD,EAAU,OAAOC,GAAO,CAAC;AAAA,~~MAC7B~~;~~AAGJ~~,MAAAR,EAASO,CAAS,GAClBb,KAAA,QAAAA,EAAWa,GAAWD;AAAA,~~IAAK~~;AAAA,~~IAE/B~~,CAACZ,GAAUM,GAAUD,CAAK;AAAA,EAAA;AAG9B,EAAAY,EAAU,MAAM;AACZ,IAAAX,EAASJ,CAAS;AAAA,~~EAAA~~,~~GACnB~~,CAACA,CAAS,CAAC;AAEd,QAAMgB,IAAeC;AAAA,IACjB,OAAO;AAAA,MACH,UAAAhB;AAAA,MACA,MAAAJ;AAAA,MACA,OAAAM;AAAA,MACA,eAAAP;AAAA,MACA,UAAUU;AAAA,IAAA;AAAA,IAEd,CAACL,GAAUK,GAAuBT,GAAMD,GAAeO,CAAK;AAAA,EAAA;AAGhE,SACI,gBAAAe,EAACC,GAAA,EAA6B,OAAOH,GACjC,UAAA,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAAnB;AAAA,MACA,WAAWqB;AAAA,QACP;AAAA,QACAnB,IAAW,aAAa;AAAA,QACxBN;AAAA,MAAA;AAAA,MAEH,GAAGO;AAAA,MAEH,UAAAR;AAAA,IAAA;AAAA,EAAA,GAET;AAER;"}
1	+ {"version":3,"file":"Group.js","sources":["../../../../../lib/@ecme/components/ui/Checkbox/Group.tsx"],"sourcesContent":["import { useState, useCallback, useMemo, useEffect } from 'react'\nimport classNames from '../utils/classNames'\nimport { CheckboxGroupContextProvider } from './context'\nimport shallowEqual from '../utils/shallowEqual'\nimport type { CommonProps } from '../@types/common'\nimport type { CheckboxGroupValue, CheckboxValue } from './context'\nimport type { SyntheticEvent, Ref } from 'react'\n\nexport interface CheckboxGroupProps extends CommonProps {\n checkboxClass?: string\n name?: string\n onChange?: (value: CheckboxGroupValue, event: SyntheticEvent) => void\n ref?: Ref<HTMLDivElement>\n value?: CheckboxGroupValue\n vertical?: boolean\n}\n\nconst Group = (props: CheckboxGroupProps) => {\n const {\n children,\n className,\n checkboxClass,\n name,\n onChange,\n ref,\n value: valueProp,\n vertical,\n ...rest\n } = props\n\n const [value, setValue] = useState(valueProp)\n\n const onCheckboxGroupChange = useCallback(\n (\n itemValue: CheckboxValue,\n itemChecked: boolean,\n event: SyntheticEvent, \n ) => { \n const nextValue: CheckboxGroupValue = value ? [...value] : []\n if (itemChecked) {\n nextValue.push(itemValue as string)\n } else {\n const index = nextValue.findIndex((i) => shallowEqual(i, itemValue))\n if (index > -1) {\n nextValue.splice(index, 1)\n }\n }\n\n setValue(nextValue)\n onChange?.(nextValue, event)\n },\n [onChange, setValue, value],\n )\n\n useEffect(() => {\n setValue(valueProp)\n }, [valueProp])\n\n const contextValue = useMemo(\n () => ({\n vertical,\n name,\n value,\n checkboxClass,\n onChange: onCheckboxGroupChange,\n }),\n [vertical, onCheckboxGroupChange, name, checkboxClass, value],\n )\n\n return (\n <CheckboxGroupContextProvider value={contextValue}>\n <div\n ref={ref}\n className={classNames(\n 'inline-flex gap-4',\n vertical ? 'flex-col' : '',\n className,\n )}\n {...rest}\n >\n {children}\n </div>\n </CheckboxGroupContextProvider>\n )\n}\n\nexport default Group\n"],"names":["Group","props","children","className","checkboxClass","name","onChange","ref","valueProp","vertical","rest","value","setValue","useState","onCheckboxGroupChange","useCallback","itemValue","itemChecked","event","nextValue","index","i","shallowEqual","useEffect","contextValue","useMemo","jsx","CheckboxGroupContextProvider","classNames"],"mappings":";;;;;AAiBA,MAAMA,IAAQ,CAACC,MAA8B;AACzC,QAAM;AAAA,IACF,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,eAAAC;AAAA,IACA,MAAAC;AAAA,IACA,UAAAC;AAAA,IACA,KAAAC;AAAA,IACA,OAAOC;AAAA,IACP,UAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACHT,GAEE,CAACU,GAAOC,CAAQ,IAAIC,EAASL,CAAS,GAEtCM,IAAwBC;AAAA,IAC1B,CACIC,GACAC,GACAC,MACC;AACD,YAAMC,IAAgCR,IAAQ,CAAC,GAAGA,CAAK,IAAI,CAAA;AAC3D,UAAIM;AACA,QAAAE,EAAU,KAAKH,CAAmB;AAAA,WAC/B;AACH,cAAMI,IAAQD,EAAU,UAAU,CAACE,MAAMC,EAAaD,GAAGL,CAAS,CAAC;AACnE,QAAII,IAAQ,MACRD,EAAU,OAAOC,GAAO,CAAC;AAAA,MAEjC;AAEA,MAAAR,EAASO,CAAS,GAClBb,KAAA,QAAAA,EAAWa,GAAWD;AAAA,IAC1B;AAAA,IACA,CAACZ,GAAUM,GAAUD,CAAK;AAAA,EAAA;AAG9B,EAAAY,EAAU,MAAM;AACZ,IAAAX,EAASJ,CAAS;AAAA,EACtB,GAAG,CAACA,CAAS,CAAC;AAEd,QAAMgB,IAAeC;AAAA,IACjB,OAAO;AAAA,MACH,UAAAhB;AAAA,MACA,MAAAJ;AAAA,MACA,OAAAM;AAAA,MACA,eAAAP;AAAA,MACA,UAAUU;AAAA,IAAA;AAAA,IAEd,CAACL,GAAUK,GAAuBT,GAAMD,GAAeO,CAAK;AAAA,EAAA;AAGhE,SACI,gBAAAe,EAACC,GAAA,EAA6B,OAAOH,GACjC,UAAA,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAAnB;AAAA,MACA,WAAWqB;AAAA,QACP;AAAA,QACAnB,IAAW,aAAa;AAAA,QACxBN;AAAA,MAAA;AAAA,MAEH,GAAGO;AAAA,MAEH,UAAAR;AAAA,IAAA;AAAA,EAAA,GAET;AAER;"}