@orbe-agro/client-core 3.4.3 → 3.4.4

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

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

package/dist/lib/@ecme/components/template/HorizontalMenuContent/HorizontalMenuDropdownTrigger.js

@@ -1,36 +0,0 @@
-import { jsx as t, Fragment as c } from "react/jsx-runtime";
-import l from "../../../utils/classNames.js";
-import b from "./HorizontalMenuNavLink.js";
-const h = (a) => {
-  const { className: n, active: s, asElement: e = "button", ...r } = a, o = {
-    className: l(
-      "font-semibold inline-flex h-9 w-max items-center justify-center rounded-lg bg-background px-4 py-2 dark:text-gray-300 dark:hover:text-gray-100 text-gray-900 hover:bg-gray-100 dark:hover:bg-white/10 transition-colors",
-      n,
-      s && "bg-gray-100 hover:bg-gray-200 dark:bg-white/10 dark:hover:bg-white/20"
-    )
-  };
-  if (e === "a") {
-    const { path: i, isExternalLink: g, ...m } = r;
-    return /* @__PURE__ */ t(
-      b,
-      {
-        path: i,
-        isExternalLink: g,
-        ...o,
-        ...m
-      }
-    );
-  }
-  return e === "button" ? /* @__PURE__ */ t(
-    "button",
-    {
-      ref: r.ref,
-      ...o,
-      ...r
-    }
-  ) : /* @__PURE__ */ t(c, {});
-};
-export {
-  h as default
-};
-//# sourceMappingURL=HorizontalMenuDropdownTrigger.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"HorizontalMenuDropdownTrigger.js","sources":["../../../../../../lib/@ecme/components/template/HorizontalMenuContent/HorizontalMenuDropdownTrigger.tsx"],"sourcesContent":["import classNames from '@/utils/classNames'\nimport HorizontalMenuNavLink from './HorizontalMenuNavLink'\nimport type { CommonProps } from '@/@types/common'\nimport type { HorizontalMenuNavLinkProps } from './HorizontalMenuNavLink'\nimport type { ButtonHTMLAttributes, Ref } from 'react'\n\ninterface HorizontalMenuDropdownTriggerCommonProps extends CommonProps {\n    active?: boolean\n}\n\ninterface ButtonProps\n    extends HorizontalMenuDropdownTriggerCommonProps,\n        ButtonHTMLAttributes<HTMLButtonElement> {\n    asElement?: 'button'\n    ref?: Ref<HTMLButtonElement>\n}\n\ninterface AnchorProps\n    extends HorizontalMenuNavLinkProps,\n        HorizontalMenuDropdownTriggerCommonProps {\n    asElement?: 'a'\n    path: string\n    isExternalLink?: boolean\n}\n\ntype HorizontalMenuDropdownTriggerProps = ButtonProps | AnchorProps\n\nconst HorizontalMenuDropdownTrigger = (\n    props: HorizontalMenuDropdownTriggerProps,\n) => {\n    const { className, active, asElement = 'button', ...rest } = props\n    const commonProps = {\n        className: classNames(\n            'font-semibold inline-flex h-9 w-max items-center justify-center rounded-lg bg-background px-4 py-2 dark:text-gray-300 dark:hover:text-gray-100 text-gray-900 hover:bg-gray-100 dark:hover:bg-white/10 transition-colors',\n            className,\n            active &&\n                'bg-gray-100 hover:bg-gray-200 dark:bg-white/10 dark:hover:bg-white/20',\n        ),\n    }\n\n    if (asElement === 'a') {\n        const { path, isExternalLink, ...anchorProps } = rest as AnchorProps\n        return (\n            <HorizontalMenuNavLink\n                path={path as string}\n                isExternalLink={isExternalLink}\n                {...commonProps}\n                {...anchorProps}\n            />\n        )\n    }\n\n    if (asElement === 'button') {\n        return (\n            <button\n                ref={(rest as ButtonProps).ref}\n                {...commonProps}\n                {...(rest as ButtonProps)}\n            />\n        )\n    }\n\n    return <></>\n}\n\nexport default HorizontalMenuDropdownTrigger\n"],"names":["HorizontalMenuDropdownTrigger","props","className","active","asElement","rest","commonProps","classNames","path","isExternalLink","anchorProps","jsx","HorizontalMenuNavLink","Fragment"],"mappings":";;;AA2BM,MAAAA,IAAgC,CAClCC,MACC;AACD,QAAM,EAAE,WAAAC,GAAW,QAAAC,GAAQ,WAAAC,IAAY,UAAU,GAAGC,MAASJ,GACvDK,IAAc;AAAA,IAChB,WAAWC;AAAA,MACP;AAAA,MACAL;AAAA,MACAC,KACI;AAAA,IAAA;AAAA,EAEZ;AAEA,MAAIC,MAAc,KAAK;AACnB,UAAM,EAAE,MAAAI,GAAM,gBAAAC,GAAgB,GAAGC,EAAgB,IAAAL;AAE7C,WAAA,gBAAAM;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,MAAAJ;AAAA,QACA,gBAAAC;AAAA,QACC,GAAGH;AAAA,QACH,GAAGI;AAAA,MAAA;AAAA,IACR;AAAA,EAAA;AAIR,SAAIN,MAAc,WAEV,gBAAAO;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAMN,EAAqB;AAAA,MAC1B,GAAGC;AAAA,MACH,GAAID;AAAA,IAAA;AAAA,EACT,IAIC,gBAAAM,EAAAE,GAAA,EAAA;AACb;"}

package/dist/lib/@ecme/components/template/HorizontalMenuContent/HorizontalMenuNavLink.js

@@ -1,26 +0,0 @@
-import { jsx as l } from "react/jsx-runtime";
-import { Link as m } from "react-router-dom";
-import n from "classnames";
-const u = ({
-  path: t,
-  children: e,
-  isExternalLink: o,
-  className: r,
-  onClick: a
-}) => /* @__PURE__ */ l(
-  m,
-  {
-    className: n(
-      "w-full flex items-center outline-0",
-      r
-    ),
-    to: t,
-    target: o ? "_blank" : "",
-    onClick: a,
-    children: e
-  }
-);
-export {
-  u as default
-};
-//# sourceMappingURL=HorizontalMenuNavLink.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"HorizontalMenuNavLink.js","sources":["../../../../../../lib/@ecme/components/template/HorizontalMenuContent/HorizontalMenuNavLink.tsx"],"sourcesContent":["import { Link } from 'react-router-dom'\nimport classNames from 'classnames'\nimport type { CommonProps } from '@/@types/common'\nimport type { AnchorHTMLAttributes } from 'react'\n\nexport interface HorizontalMenuNavLinkProps\n    extends CommonProps,\n        AnchorHTMLAttributes<HTMLAnchorElement> {\n    path: string\n    isExternalLink?: boolean\n    className?: string\n}\n\nconst HorizontalMenuNavLink = ({\n    path,\n    children,\n    isExternalLink,\n    className,\n    onClick,\n}: HorizontalMenuNavLinkProps) => {\n    return (\n        <Link\n            className={classNames(\n                'w-full flex items-center outline-0',\n                className,\n            )}\n            to={path}\n            target={isExternalLink ? '_blank' : ''}\n            onClick={onClick}\n        >\n            {children}\n        </Link>\n    )\n}\n\nexport default HorizontalMenuNavLink\n"],"names":["HorizontalMenuNavLink","path","children","isExternalLink","className","onClick","jsx","Link","classNames"],"mappings":";;;AAaA,MAAMA,IAAwB,CAAC;AAAA,EAC3B,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AACJ,MAEQ,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,WAAWC;AAAA,MACP;AAAA,MACAJ;AAAA,IACJ;AAAA,IACA,IAAIH;AAAA,IACJ,QAAQE,IAAiB,WAAW;AAAA,IACpC,SAAAE;AAAA,IAEC,UAAAH;AAAA,EAAA;AACL;"}

package/dist/lib/@ecme/components/template/HorizontalMenuContent/index.js

@@ -1,5 +0,0 @@
-import t from "./HorizontalMenuContent.js";
-export {
-  t as default
-};
-//# sourceMappingURL=index.js.map

package/dist/lib/@ecme/components/template/HorizontalMenuContent/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/lib/@ecme/components/template/HorizontalNav.js

@@ -1,25 +0,0 @@
-import { jsx as i } from "react/jsx-runtime";
-import "./HorizontalMenuContent/index.js";
-import { useRouteKeyStore as n } from "../../store/routeKeyStore.js";
-import { useSessionUser as u } from "../../store/authStore.js";
-import a from "../../configs/app.config.js";
-import s from "../../configs/navigation.config/index.js";
-import m from "./HorizontalMenuContent/HorizontalMenuContent.js";
-const K = ({
-  translationSetup: t = a.activeNavTranslation
-}) => {
-  const r = n((o) => o.currentRouteKey), e = u((o) => o.user.authority);
-  return /* @__PURE__ */ i(
-    m,
-    {
-      navigationTree: s,
-      routeKey: r,
-      userAuthority: e || [],
-      translationSetup: t
-    }
-  );
-};
-export {
-  K as default
-};
-//# sourceMappingURL=HorizontalNav.js.map

package/dist/lib/@ecme/components/template/HorizontalNav.js.map

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

package/dist/lib/@ecme/components/template/LanguageSelector.js

@@ -1,51 +0,0 @@
-import { jsx as t, jsxs as l } from "react/jsx-runtime";
-import { useMemo as p } from "react";
-import { Avatar as a } from "../ui/Avatar/index.js";
-import { Dropdown as s } from "../ui/Dropdown/index.js";
-import g from "classnames";
-import f from "../../utils/hoc/withHeaderItem.js";
-import { useLocaleStore as d } from "../../store/localeStore.js";
-import { HiCheck as h } from "react-icons/hi";
-const c = [
-  { label: "English", value: "en", flag: "US" },
-  { label: "Português", value: "ptBR", flag: "BR" }
-], v = ({ className: o }) => {
-  const { currentLang: r, setLang: m } = d((e) => e), n = p(() => {
-    var e;
-    return (e = c.find((u) => u.value === r)) == null ? void 0 : e.flag;
-  }, [r]), i = /* @__PURE__ */ t("div", { className: g(o, "flex items-center"), children: /* @__PURE__ */ t(
-    a,
-    {
-      size: 24,
-      shape: "circle",
-      src: `/img/countries/${n}.png`
-    }
-  ) });
-  return /* @__PURE__ */ t(s, { renderTitle: i, placement: "bottom-end", children: c.map((e) => /* @__PURE__ */ l(
-    s.Item,
-    {
-      className: "justify-between",
-      eventKey: e.label,
-      onClick: () => m(e.value),
-      children: [
-        /* @__PURE__ */ l("span", { className: "flex items-center", children: [
-          /* @__PURE__ */ t(
-            a,
-            {
-              size: 18,
-              shape: "circle",
-              src: `/img/countries/${e.flag}.png`
-            }
-          ),
-          /* @__PURE__ */ t("span", { className: "ltr:ml-2 rtl:mr-2", children: e.label })
-        ] }),
-        r === e.value && /* @__PURE__ */ t(h, { className: "text-lg text-emerald-500" })
-      ]
-    },
-    e.label
-  )) });
-}, y = f(v);
-export {
-  y as default
-};
-//# sourceMappingURL=LanguageSelector.js.map

package/dist/lib/@ecme/components/template/LanguageSelector.js.map

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

package/dist/lib/@ecme/components/template/LayoutBase.js

@@ -1,22 +0,0 @@
-import { jsx as e } from "react/jsx-runtime";
-import { LayoutContext as n } from "../../utils/hooks/useLayout.js";
-const l = (t) => {
-  const {
-    children: a,
-    className: r,
-    adaptiveCardActive: o,
-    type: i,
-    pageContainerReassemble: s
-  } = t;
-  return /* @__PURE__ */ e(
-    n.Provider,
-    {
-      value: { adaptiveCardActive: o, pageContainerReassemble: s, type: i },
-      children: /* @__PURE__ */ e("div", { className: r, children: a })
-    }
-  );
-};
-export {
-  l as default
-};
-//# sourceMappingURL=LayoutBase.js.map

package/dist/lib/@ecme/components/template/LayoutBase.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LayoutBase.js","sources":["../../../../../lib/@ecme/components/template/LayoutBase.tsx"],"sourcesContent":["import { LayoutContext } from '@/utils/hooks/useLayout'\nimport type { LayoutContextProps } from '@/utils/hooks/useLayout'\nimport type { CommonProps } from '@/@types/common'\n\ntype LayoutBaseProps = CommonProps & LayoutContextProps\n\nconst LayoutBase = (props: LayoutBaseProps) => {\n    const {\n        children,\n        className,\n        adaptiveCardActive,\n        type,\n        pageContainerReassemble,\n    } = props\n\n    return (\n        <LayoutContext.Provider\n            value={{ adaptiveCardActive, pageContainerReassemble, type }}\n        >\n            <div className={className}>{children}</div>\n        </LayoutContext.Provider>\n    )\n}\n\nexport default LayoutBase\n"],"names":["LayoutBase","props","children","className","adaptiveCardActive","type","pageContainerReassemble","jsx","LayoutContext"],"mappings":";;AAMM,MAAAA,IAAa,CAACC,MAA2B;AACrC,QAAA;AAAA,IACF,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,MAAAC;AAAA,IACA,yBAAAC;AAAA,EAAA,IACAL;AAGA,SAAA,gBAAAM;AAAA,IAACC,EAAc;AAAA,IAAd;AAAA,MACG,OAAO,EAAE,oBAAAJ,GAAoB,yBAAAE,GAAyB,MAAAD,EAAK;AAAA,MAE3D,UAAA,gBAAAE,EAAC,OAAI,EAAA,WAAAJ,GAAuB,UAAAD,EAAS,CAAA;AAAA,IAAA;AAAA,EACzC;AAER;"}

package/dist/lib/@ecme/components/template/Logo.js

@@ -1,29 +0,0 @@
-import { jsx as o } from "react/jsx-runtime";
-import e from "classnames";
-import { APP_NAME as i } from "../../constants/app.constant.js";
-import g from "../../configs/app.config.js";
-const c = "/img/logo", d = (s) => {
-  const { name: m, className: a, imgClass: t, style: l, logoWidth: r = "auto" } = s;
-  return /* @__PURE__ */ o(
-    "div",
-    {
-      className: e("logo", a),
-      style: {
-        ...l,
-        width: r
-      },
-      children: /* @__PURE__ */ o(
-        "img",
-        {
-          className: t,
-          src: `${c}/${g.orgName}/${m}`,
-          alt: `${i} logo`
-        }
-      )
-    }
-  );
-};
-export {
-  d as default
-};
-//# sourceMappingURL=Logo.js.map

package/dist/lib/@ecme/components/template/Logo.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Logo.js","sources":["../../../../../lib/@ecme/components/template/Logo.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport { APP_NAME } from '@/constants/app.constant'\nimport type { CommonProps } from '@/@types/common'\nimport appConfig from '@/configs/app.config'\n\ninterface LogoProps extends CommonProps {\n    name: string\n    imgClass?: string\n    logoWidth?: number | string\n}\n\nconst LOGO_SRC_PATH = '/img/logo'\n\nconst Logo = (props: LogoProps) => {\n    const { name, className, imgClass, style, logoWidth = 'auto' } = props\n\n    return (\n        <div\n            className={classNames('logo', className)}\n            style={{\n                ...style,\n                ...{ width: logoWidth },\n            }}\n        >\n            <img\n                className={imgClass}\n                src={`${LOGO_SRC_PATH}/${appConfig.orgName}/${name}`}\n                alt={`${APP_NAME} logo`}\n            />\n        </div>\n    )\n}\n\nexport default Logo\n"],"names":["LOGO_SRC_PATH","Logo","props","name","className","imgClass","style","logoWidth","jsx","classNames","appConfig","APP_NAME"],"mappings":";;;;AAWA,MAAMA,IAAgB,aAEhBC,IAAO,CAACC,MAAqB;AAC/B,QAAM,EAAE,MAAAC,GAAM,WAAAC,GAAW,UAAAC,GAAU,OAAAC,GAAO,WAAAC,IAAY,WAAWL;AAG7D,SAAA,gBAAAM;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAWC,EAAW,QAAQL,CAAS;AAAA,MACvC,OAAO;AAAA,QACH,GAAGE;AAAA,QACE,OAAOC;AAAA,MAChB;AAAA,MAEA,UAAA,gBAAAC;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAWH;AAAA,UACX,KAAK,GAAGL,CAAa,IAAIU,EAAU,OAAO,IAAIP,CAAI;AAAA,UAClD,KAAK,GAAGQ,CAAQ;AAAA,QAAA;AAAA,MAAA;AAAA,IACpB;AAAA,EACJ;AAER;"}

package/dist/lib/@ecme/components/template/MobileNav.js

@@ -1,55 +0,0 @@
-import { jsxs as p, Fragment as s, jsx as e } from "react/jsx-runtime";
-import { lazy as u, useState as f, Suspense as d } from "react";
-import g from "classnames";
-import "../ui/Drawer/index.js";
-import h from "../shared/NavToggle.js";
-import { DIR_RTL as v } from "../../constants/theme.constant.js";
-import C from "../../utils/hoc/withHeaderItem.js";
-import y from "../../configs/navigation.config/index.js";
-import N from "../../configs/app.config.js";
-import { useThemeStore as R } from "../../store/themeStore.js";
-import { useRouteKeyStore as T } from "../../store/routeKeyStore.js";
-import { useSessionUser as w } from "../../store/authStore.js";
-import x from "../ui/Drawer/Drawer.js";
-const S = u(
-  () => import("./VerticalMenuContent/index.js")
-), b = C(h), U = ({
-  translationSetup: a = N.activeNavTranslation
-}) => {
-  const [t, i] = f(!1), l = () => {
-    i(!0);
-  }, r = () => {
-    i(!1);
-  }, n = R((o) => o.direction), m = T((o) => o.currentRouteKey), c = w((o) => o.user.authority);
-  return /* @__PURE__ */ p(s, { children: [
-    /* @__PURE__ */ e("div", { className: "text-2xl", onClick: l, children: /* @__PURE__ */ e(b, { toggled: t }) }),
-    /* @__PURE__ */ e(
-      x,
-      {
-        title: "Navigation",
-        isOpen: t,
-        bodyClass: g("p-0"),
-        width: 330,
-        placement: n === v ? "right" : "left",
-        onClose: r,
-        onRequestClose: r,
-        children: /* @__PURE__ */ e(d, { fallback: /* @__PURE__ */ e(s, {}), children: t && /* @__PURE__ */ e(
-          S,
-          {
-            collapsed: !1,
-            navigationTree: y,
-            routeKey: m,
-            userAuthority: c,
-            direction: n,
-            translationSetup: a,
-            onMenuItemClick: r
-          }
-        ) })
-      }
-    )
-  ] });
-};
-export {
-  U as default
-};
-//# sourceMappingURL=MobileNav.js.map

package/dist/lib/@ecme/components/template/MobileNav.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MobileNav.js","sources":["../../../../../lib/@ecme/components/template/MobileNav.tsx"],"sourcesContent":["import { useState, Suspense, lazy } from 'react'\nimport classNames from 'classnames'\nimport Drawer from '@/components/ui/Drawer'\nimport NavToggle from '@/components/shared/NavToggle'\nimport { DIR_RTL } from '@/constants/theme.constant'\nimport withHeaderItem, { WithHeaderItemProps } from '@/utils/hoc/withHeaderItem'\nimport navigationConfig from '@/configs/navigation.config'\nimport appConfig from '@/configs/app.config'\nimport { useThemeStore } from '@/store/themeStore'\nimport { useRouteKeyStore } from '@/store/routeKeyStore'\nimport { useSessionUser } from '@/store/authStore'\n\nconst VerticalMenuContent = lazy(\n    () => import('@/components/template/VerticalMenuContent'),\n)\n\ntype MobileNavToggleProps = {\n    toggled?: boolean\n}\n\ntype MobileNavProps = {\n    translationSetup?: boolean\n}\n\nconst MobileNavToggle = withHeaderItem<\n    MobileNavToggleProps & WithHeaderItemProps\n>(NavToggle)\n\nconst MobileNav = ({\n    translationSetup = appConfig.activeNavTranslation,\n}: MobileNavProps) => {\n    const [isOpen, setIsOpen] = useState(false)\n\n    const handleOpenDrawer = () => {\n        setIsOpen(true)\n    }\n\n    const handleDrawerClose = () => {\n        setIsOpen(false)\n    }\n\n    const direction = useThemeStore((state) => state.direction)\n    const currentRouteKey = useRouteKeyStore((state) => state.currentRouteKey)\n\n    const userAuthority = useSessionUser((state) => state.user.authority)\n\n    return (\n        <>\n            <div className=\"text-2xl\" onClick={handleOpenDrawer}>\n                <MobileNavToggle toggled={isOpen} />\n            </div>\n            <Drawer\n                title=\"Navigation\"\n                isOpen={isOpen}\n                bodyClass={classNames('p-0')}\n                width={330}\n                placement={direction === DIR_RTL ? 'right' : 'left'}\n                onClose={handleDrawerClose}\n                onRequestClose={handleDrawerClose}\n            >\n                <Suspense fallback={<></>}>\n                    {isOpen && (\n                        <VerticalMenuContent\n                            collapsed={false}\n                            navigationTree={navigationConfig}\n                            routeKey={currentRouteKey}\n                            userAuthority={userAuthority as string[]}\n                            direction={direction}\n                            translationSetup={translationSetup}\n                            onMenuItemClick={handleDrawerClose}\n                        />\n                    )}\n                </Suspense>\n            </Drawer>\n        </>\n    )\n}\n\nexport default MobileNav\n"],"names":["VerticalMenuContent","lazy","MobileNavToggle","withHeaderItem","NavToggle","MobileNav","translationSetup","appConfig","isOpen","setIsOpen","useState","handleOpenDrawer","handleDrawerClose","direction","useThemeStore","state","currentRouteKey","useRouteKeyStore","userAuthority","useSessionUser","jsxs","Fragment","jsx","Drawer","classNames","DIR_RTL","Suspense","navigationConfig"],"mappings":";;;;;;;;;;;;;AAYA,MAAMA,IAAsBC;AAAA,EACxB,MAAM,OAAO,gCAA2C;AAC5D,GAUMC,IAAkBC,EAEtBC,CAAS,GAELC,IAAY,CAAC;AAAA,EACf,kBAAAC,IAAmBC,EAAU;AACjC,MAAsB;AAClB,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAAS,EAAK,GAEpCC,IAAmB,MAAM;AAC3B,IAAAF,EAAU,EAAI;AAAA,EAClB,GAEMG,IAAoB,MAAM;AAC5B,IAAAH,EAAU,EAAK;AAAA,EACnB,GAEMI,IAAYC,EAAc,CAACC,MAAUA,EAAM,SAAS,GACpDC,IAAkBC,EAAiB,CAACF,MAAUA,EAAM,eAAe,GAEnEG,IAAgBC,EAAe,CAACJ,MAAUA,EAAM,KAAK,SAAS;AAEpE,SAEQ,gBAAAK,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAC,gBAAAC,EAAA,OAAA,EAAI,WAAU,YAAW,SAASX,GAC/B,UAAC,gBAAAW,EAAApB,GAAA,EAAgB,SAASM,EAAA,CAAQ,EACtC,CAAA;AAAA,IACA,gBAAAc;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,OAAM;AAAA,QACN,QAAAf;AAAA,QACA,WAAWgB,EAAW,KAAK;AAAA,QAC3B,OAAO;AAAA,QACP,WAAWX,MAAcY,IAAU,UAAU;AAAA,QAC7C,SAASb;AAAA,QACT,gBAAgBA;AAAA,QAEhB,UAAC,gBAAAU,EAAAI,GAAA,EAAS,UAAU,gBAAAJ,EAAAD,GAAA,EAAE,GACjB,UACGb,KAAA,gBAAAc;AAAA,UAACtB;AAAA,UAAA;AAAA,YACG,WAAW;AAAA,YACX,gBAAgB2B;AAAA,YAChB,UAAUX;AAAA,YACV,eAAAE;AAAA,YACA,WAAAL;AAAA,YACA,kBAAAP;AAAA,YACA,iBAAiBM;AAAA,UAAA;AAAA,QAAA,EAG7B,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ,GACJ;AAER;"}

package/dist/lib/@ecme/components/template/Notification/Notification.js

@@ -1,166 +0,0 @@
-import { jsxs as i, jsx as t } from "react/jsx-runtime";
-import { useState as n, useEffect as T, useRef as D } from "react";
-import m from "classnames";
-import O from "../../../utils/hoc/withHeaderItem.js";
-import { Dropdown as f } from "../../ui/Dropdown/index.js";
-import "../../ui/ScrollBar/index.js";
-import "../../ui/Spinner/index.js";
-import "../../ui/Badge/index.js";
-import "../../ui/Button/index.js";
-import "../../ui/Tooltip/index.js";
-import B from "./NotificationAvatar.js";
-import H from "./NotificationToggle.js";
-import { HiOutlineMailOpen as I } from "react-icons/hi";
-import { apiGetNotificationCount as M, apiGetNotificationList as S } from "../../../services/CommonService.js";
-import U from "../../../utils/isLastChild.js";
-import z from "../../../utils/hooks/useResponsive.js";
-import { useNavigate as G } from "react-router-dom";
-import { useTranslation as E } from "react-i18next";
-import P from "../../ui/Tooltip/Tooltip.js";
-import N from "../../ui/Button/Button.js";
-import V from "../../ui/ScrollBar/ScrollBar.js";
-import _ from "../../ui/Badge/Badge.js";
-import $ from "../../ui/Spinner/Spinner.js";
-const p = "h-[280px]", q = ({ className: b }) => {
-  const [o, s] = n([]), [v, l] = n(!1), [x, h] = n(!1), [y, u] = n(!1), { larger: w } = z(), k = G(), C = async () => {
-    (await M()).count > 0 ? (h(!1), l(!0)) : h(!0);
-  };
-  T(() => {
-    C();
-  }, []);
-  const A = async () => {
-    if (o.length === 0) {
-      u(!0);
-      const e = await S();
-      u(!1), s(e);
-    }
-  }, R = () => {
-    const e = o.map((a) => (a.readed || (a.readed = !0), a));
-    s(e), l(!1);
-  }, j = (e) => {
-    const a = o.map((r) => (r.id === e && (r.readed = !0), r));
-    s(a), o.some((r) => !r.readed) || l(!1);
-  }, c = D(null), L = () => {
-    k("/concepts/account/activity-log"), c.current && c.current.handleDropdownClose();
-  }, { t: d } = E(), g = !0;
-  return /* @__PURE__ */ i(
-    f,
-    {
-      disabled: g,
-      ref: c,
-      renderTitle: /* @__PURE__ */ t(
-        H,
-        {
-          dot: v,
-          className: g ? "header-action-item-disabled" : b
-        }
-      ),
-      menuClass: "min-w-[280px] md:min-w-[340px]",
-      placement: w.md ? "bottom-end" : "bottom",
-      onOpen: A,
-      children: [
-        /* @__PURE__ */ t(f.Item, { variant: "header", children: /* @__PURE__ */ i("div", { className: "mb-1 flex items-center justify-between px-2 dark:border-gray-700", children: [
-          /* @__PURE__ */ t("h6", { children: d("base.layout.notifications.title") }),
-          /* @__PURE__ */ t(
-            P,
-            {
-              title: d("base.layout.notifications.actions.readAll"),
-              children: /* @__PURE__ */ t(
-                N,
-                {
-                  variant: "plain",
-                  shape: "circle",
-                  size: "sm",
-                  icon: /* @__PURE__ */ t(I, { className: "text-xl" }),
-                  onClick: R
-                }
-              )
-            }
-          )
-        ] }) }),
-        /* @__PURE__ */ i(
-          V,
-          {
-            className: m("overflow-y-auto", p),
-            children: [
-              o.length > 0 && o.map((e, a) => /* @__PURE__ */ i("div", { children: [
-                /* @__PURE__ */ i(
-                  "div",
-                  {
-                    className: "relative flex cursor-pointer rounded-xl px-4 py-3 hover:bg-gray-100 active:bg-gray-100 dark:hover:bg-gray-700",
-                    onClick: () => j(e.id),
-                    children: [
-                      /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(B, { ...e }) }),
-                      /* @__PURE__ */ i("div", { className: "mx-3", children: [
-                        /* @__PURE__ */ i("div", { children: [
-                          e.target && /* @__PURE__ */ i("span", { className: "heading-text font-semibold", children: [
-                            e.target,
-                            " "
-                          ] }),
-                          /* @__PURE__ */ t("span", { children: e.description })
-                        ] }),
-                        /* @__PURE__ */ t("span", { className: "text-xs", children: e.date })
-                      ] }),
-                      /* @__PURE__ */ t(
-                        _,
-                        {
-                          className: "absolute top-4 mt-1.5 ltr:right-4 rtl:left-4",
-                          innerClass: `${e.readed ? "bg-gray-300 dark:bg-gray-600" : "bg-primary"} `
-                        }
-                      )
-                    ]
-                  }
-                ),
-                U(o, a) ? "" : /* @__PURE__ */ t("div", { className: "my-2 border-b border-gray-200 dark:border-gray-700" })
-              ] }, e.id)),
-              y && /* @__PURE__ */ t(
-                "div",
-                {
-                  className: m(
-                    "flex items-center justify-center",
-                    p
-                  ),
-                  children: /* @__PURE__ */ t($, { size: 40 })
-                }
-              ),
-              x && o.length === 0 && /* @__PURE__ */ t(
-                "div",
-                {
-                  className: m(
-                    "flex items-center justify-center",
-                    p
-                  ),
-                  children: /* @__PURE__ */ i("div", { className: "text-center", children: [
-                    /* @__PURE__ */ t(
-                      "img",
-                      {
-                        className: "mx-auto mb-2 max-w-[150px]",
-                        src: "/img/others/no-notification.png",
-                        alt: "no-notification"
-                      }
-                    ),
-                    /* @__PURE__ */ t("h6", { className: "font-semibold", children: "No notifications!" }),
-                    /* @__PURE__ */ t("p", { className: "mt-1", children: "Please Try again later" })
-                  ] })
-                }
-              )
-            ]
-          }
-        ),
-        /* @__PURE__ */ t(f.Item, { variant: "header", children: /* @__PURE__ */ t("div", { className: "pt-4", children: /* @__PURE__ */ t(
-          N,
-          {
-            block: !0,
-            variant: "solid",
-            onClick: L,
-            children: d("base.layout.notifications.buttons.viewAll")
-          }
-        ) }) })
-      ]
-    }
-  );
-}, gt = O(q);
-export {
-  gt as default
-};
-//# sourceMappingURL=Notification.js.map

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

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

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

@@ -1,39 +0,0 @@
-import { jsx as e } from "react/jsx-runtime";
-import { Avatar as r } from "../../ui/Avatar/index.js";
-import o from "../../../utils/acronym.js";
-import n from "../../../utils/hooks/useRandomBgColor.js";
-import { HiOutlineClipboardCheck as l, HiOutlineBan as m, HiOutlineCalendar as u } from "react-icons/hi";
-const p = "/img/avatars/", d = ({ target: a }) => {
-  const t = n();
-  return /* @__PURE__ */ e(r, { shape: "circle", className: `text-gray-900 ${t(a)}`, children: o(a) });
-}, b = (a) => {
-  const { type: t, target: i, image: c, status: s } = a;
-  switch (t) {
-    case 0:
-      return c ? /* @__PURE__ */ e(r, { shape: "circle", src: `${p}${c}` }) : /* @__PURE__ */ e(d, { target: i });
-    case 1:
-      return /* @__PURE__ */ e(
-        r,
-        {
-          shape: "circle",
-          className: "bg-sky-200 text-gray-900",
-          icon: /* @__PURE__ */ e(u, {})
-        }
-      );
-    case 2:
-      return /* @__PURE__ */ e(
-        r,
-        {
-          shape: "circle",
-          className: s === "succeed" ? "bg-emerald-200 text-gray-900" : "bg-red-200 text-gray-900",
-          icon: s === "succeed" ? /* @__PURE__ */ e(l, {}) : /* @__PURE__ */ e(m, {})
-        }
-      );
-    default:
-      return /* @__PURE__ */ e(r, {});
-  }
-};
-export {
-  b as default
-};
-//# sourceMappingURL=NotificationAvatar.js.map