@orbe-agro/client-core 3.4.2 → 3.4.4

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

@@ -1 +0,0 @@
-{"version":3,"file":"NotificationAvatar.js","sources":["../../../../../../lib/@ecme/components/template/Notification/NotificationAvatar.tsx"],"sourcesContent":["import Avatar from '@/components/ui/Avatar'\nimport acronym from '@/utils/acronym'\nimport useRandomBgColor from '@/utils/hooks/useRandomBgColor'\nimport {\n    HiOutlineCalendar,\n    HiOutlineClipboardCheck,\n    HiOutlineBan,\n} from 'react-icons/hi'\n\nconst imagePath = '/img/avatars/'\n\nconst GeneratedAvatar = ({ target }: { target: string }) => {\n    const color = useRandomBgColor()\n    return (\n        <Avatar shape=\"circle\" className={`text-gray-900 ${color(target)}`}>\n            {acronym(target)}\n        </Avatar>\n    )\n}\n\nconst NotificationAvatar = (props: {\n    type: number\n    target: string\n    image: string\n    status: string\n}) => {\n    const { type, target, image, status } = props\n    switch (type) {\n        case 0:\n            if (image) {\n                return <Avatar shape=\"circle\" src={`${imagePath}${image}`} />\n            } else {\n                return <GeneratedAvatar target={target} />\n            }\n        case 1:\n            return (\n                <Avatar\n                    shape=\"circle\"\n                    className=\"bg-sky-200 text-gray-900\"\n                    icon={<HiOutlineCalendar />}\n                />\n            )\n        case 2:\n            return (\n                <Avatar\n                    shape=\"circle\"\n                    className={\n                        status === 'succeed'\n                            ? 'bg-emerald-200 text-gray-900'\n                            : 'bg-red-200 text-gray-900'\n                    }\n                    icon={\n                        status === 'succeed' ? (\n                            <HiOutlineClipboardCheck />\n                        ) : (\n                            <HiOutlineBan />\n                        )\n                    }\n                />\n            )\n        default:\n            return <Avatar />\n    }\n}\n\nexport default NotificationAvatar\n"],"names":["imagePath","GeneratedAvatar","target","color","useRandomBgColor","jsx","Avatar","acronym","NotificationAvatar","props","type","image","status","HiOutlineCalendar","HiOutlineClipboardCheck","HiOutlineBan"],"mappings":";;;;;AASA,MAAMA,IAAY,iBAEZC,IAAkB,CAAC,EAAE,QAAAC,QAAiC;AACxD,QAAMC,IAAQC,EAAiB;AAC/B,SACK,gBAAAC,EAAAC,GAAA,EAAO,OAAM,UAAS,WAAW,iBAAiBH,EAAMD,CAAM,CAAC,IAC3D,UAAQK,EAAAL,CAAM,GACnB;AAER,GAEMM,IAAqB,CAACC,MAKtB;AACF,QAAM,EAAE,MAAAC,GAAM,QAAAR,GAAQ,OAAAS,GAAO,QAAAC,EAAW,IAAAH;AACxC,UAAQC,GAAM;AAAA,IACV,KAAK;AACD,aAAIC,IACO,gBAAAN,EAACC,KAAO,OAAM,UAAS,KAAK,GAAGN,CAAS,GAAGW,CAAK,GAAI,CAAA,IAEpD,gBAAAN,EAACJ,KAAgB,QAAAC,GAAgB;AAAA,IAEhD,KAAK;AAEG,aAAA,gBAAAG;AAAA,QAACC;AAAA,QAAA;AAAA,UACG,OAAM;AAAA,UACN,WAAU;AAAA,UACV,wBAAOO,GAAkB,CAAA,CAAA;AAAA,QAAA;AAAA,MAC7B;AAAA,IAER,KAAK;AAEG,aAAA,gBAAAR;AAAA,QAACC;AAAA,QAAA;AAAA,UACG,OAAM;AAAA,UACN,WACIM,MAAW,YACL,iCACA;AAAA,UAEV,MACIA,MAAW,8BACNE,GAAwB,EAAA,sBAExBC,GAAa,CAAA,CAAA;AAAA,QAAA;AAAA,MAG1B;AAAA,IAER;AACI,+BAAQT,GAAO,EAAA;AAAA,EAAA;AAE3B;"}

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

@@ -1,13 +0,0 @@
-import { jsx as o } from "react/jsx-runtime";
-import i from "../../../utils/classNames.js";
-import "../../ui/Badge/index.js";
-import { PiBellDuotone as t } from "react-icons/pi";
-import m from "../../ui/Badge/Badge.js";
-const d = ({
-  className: r,
-  dot: e
-}) => /* @__PURE__ */ o("div", { className: i("text-2xl", r), children: e ? /* @__PURE__ */ o(m, { badgeStyle: { top: "3px", right: "6px" }, children: /* @__PURE__ */ o(t, {}) }) : /* @__PURE__ */ o(t, {}) });
-export {
-  d as default
-};
-//# sourceMappingURL=NotificationToggle.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"NotificationToggle.js","sources":["../../../../../../lib/@ecme/components/template/Notification/NotificationToggle.tsx"],"sourcesContent":["import classNames from '@/utils/classNames'\nimport Badge from '@/components/ui/Badge'\nimport { PiBellDuotone } from 'react-icons/pi'\n\nconst NotificationToggle = ({\n    className,\n    dot,\n}: {\n    className?: string\n    dot: boolean\n}) => {\n    return (\n        <div className={classNames('text-2xl', className)}>\n            {dot ? (\n                <Badge badgeStyle={{ top: '3px', right: '6px' }}>\n                    <PiBellDuotone />\n                </Badge>\n            ) : (\n                <PiBellDuotone />\n            )}\n        </div>\n    )\n}\n\nexport default NotificationToggle\n"],"names":["NotificationToggle","className","dot","jsx","classNames","Badge","PiBellDuotone"],"mappings":";;;;;AAIA,MAAMA,IAAqB,CAAC;AAAA,EACxB,WAAAC;AAAA,EACA,KAAAC;AACJ,MAKQ,gBAAAC,EAAC,SAAI,WAAWC,EAAW,YAAYH,CAAS,GAC3C,UACGC,IAAA,gBAAAC,EAACE,GAAM,EAAA,YAAY,EAAE,KAAK,OAAO,OAAO,SACpC,UAAA,gBAAAF,EAACG,IAAc,CAAA,EACnB,CAAA,IAEC,gBAAAH,EAAAG,GAAA,CAAA,CAAc,EAEvB,CAAA;"}

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

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

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

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

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

@@ -1,115 +0,0 @@
-import { jsx as e, jsxs as l, Fragment as i } from "react/jsx-runtime";
-import { Suspense as p } from "react";
-import N from "../shared/Container.js";
-import y from "./Footer.js";
-import x from "../../utils/hooks/useLayout.js";
-import c from "../../utils/classNames.js";
-import { PAGE_CONTAINER_GUTTER_X as T, PAGE_CONTAINER_GUTTER_Y as E } from "../../constants/theme.constant.js";
-const g = ({
-  header: n,
-  ...r
-}) => /* @__PURE__ */ e(n, { ...r }), h = ({
-  title: n,
-  contained: r,
-  extraHeader: a,
-  customeHeader: t,
-  gutterLess: s,
-  className: o
-}) => !n && !a ? null : /* @__PURE__ */ l(
-  "div",
-  {
-    className: c(
-      r && "container mx-auto",
-      "flex items-center justify-between mb-4",
-      s && "mt-4",
-      o
-    ),
-    children: [
-      /* @__PURE__ */ l("div", { children: [
-        n && typeof n == "string" && (t ? t() : /* @__PURE__ */ e("h3", { className: "font-bold", children: n })),
-        /* @__PURE__ */ e(p, { fallback: /* @__PURE__ */ e(i, {}), children: n && typeof n != "string" && /* @__PURE__ */ e(g, { header: n }) })
-      ] }),
-      /* @__PURE__ */ e(p, { fallback: /* @__PURE__ */ e(i, {}), children: a && typeof a != "string" && /* @__PURE__ */ e(g, { header: a }) })
-    ]
-  }
-), C = ({
-  pageContainerType: n,
-  children: r,
-  className: a
-}) => n === "contained" ? /* @__PURE__ */ e(N, { className: c("h-full", a), children: r }) : /* @__PURE__ */ e(i, { children: r }), b = ({
-  footer: n,
-  pageContainerType: r,
-  className: a
-}) => n ? /* @__PURE__ */ e(y, { className: a, pageContainerType: r }) : null, A = (n) => {
-  const {
-    pageContainerType: r = "default",
-    pageBackgroundType: a = "default",
-    children: t,
-    header: s,
-    footer: o = !0
-  } = n, { pageContainerReassemble: f } = x(), u = "h-full flex flex-auto flex-col justify-between", m = "page-container relative h-full flex flex-auto flex-col", d = `${T} ${E}`;
-  return /* @__PURE__ */ e(i, { children: f ? f({
-    pageContainerType: r,
-    pageBackgroundType: a,
-    pageContainerGutterClass: d,
-    children: t,
-    footer: o,
-    header: s,
-    defaultClass: u,
-    pageContainerDefaultClass: m,
-    PageContainerBody: C,
-    PageContainerFooter: b,
-    PageContainerHeader: h
-  }) : /* @__PURE__ */ l(
-    "div",
-    {
-      className: c(
-        u,
-        a === "plain" && "bg-white dark:bg-gray-900"
-      ),
-      children: [
-        /* @__PURE__ */ e("main", { className: "h-full", children: /* @__PURE__ */ l(
-          "div",
-          {
-            className: c(
-              m,
-              r !== "gutterless" && d,
-              r === "contained" && "container mx-auto",
-              !o && "pb-0 sm:pb-0 md:pb-0"
-            ),
-            children: [
-              /* @__PURE__ */ e(
-                h,
-                {
-                  ...s,
-                  gutterLess: r === "gutterless"
-                }
-              ),
-              /* @__PURE__ */ e(
-                C,
-                {
-                  pageContainerType: r,
-                  children: t
-                }
-              )
-            ]
-          }
-        ) }),
-        /* @__PURE__ */ e(
-          b,
-          {
-            footer: o,
-            pageContainerType: r
-          }
-        )
-      ]
-    }
-  ) });
-};
-export {
-  C as PageContainerBody,
-  b as PageContainerFooter,
-  h as PageContainerHeader,
-  A as default
-};
-//# sourceMappingURL=PageContainer.js.map

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

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

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

@@ -1,195 +0,0 @@
-import { jsx as t, jsxs as n, Fragment as k } from "react/jsx-runtime";
-import "../ui/Button/index.js";
-import "../ui/Dialog/index.js";
-import "../ui/ScrollBar/index.js";
-import T from "../../configs/navigation.config/index.js";
-import { NAV_ITEM_TYPE_ITEM as H } from "../../constants/navigation.constant.js";
-import g from "../../utils/classNames.js";
-import O from "../../utils/hoc/withHeaderItem.js";
-import I from "lodash/debounce";
-import { useState as p, useRef as _, useMemo as A, useEffect as B } from "react";
-import K from "react-highlight-words";
-import { useTranslation as L } from "react-i18next";
-import { HiChevronRight as W, HiOutlineSearch as z } from "react-icons/hi";
-import { PiMagnifyingGlassDuotone as P } from "react-icons/pi";
-import { Link as U } from "react-router-dom";
-import "../ui/index.js";
-import G from "../ui/Dialog/Dialog.js";
-import V from "../ui/Button/Button.js";
-import Y from "../ui/Spinner/Spinner.js";
-import q from "../ui/ScrollBar/ScrollBar.js";
-const J = (b) => {
-  const { icon: y, label: u, url: c = "", keyWord: m, onNavigate: h, breadcrumbs: l } = b, d = (i) => i.join(" / ");
-  return /* @__PURE__ */ t(U, { to: c, onClick: h, children: /* @__PURE__ */ n(
-    "div",
-    {
-      className: g(
-        "flex items-center justify-between rounded-xl p-3 cursor-pointer user-select",
-        "hover:bg-gray-100 dark:hover:bg-gray-700"
-      ),
-      children: [
-        /* @__PURE__ */ t("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ t("div", { className: "text-gray-900 dark:text-gray-300", children: /* @__PURE__ */ t(
-          K,
-          {
-            autoEscape: !0,
-            highlightClassName: g(
-              "text-primary",
-              "underline bg-transparent font-semibold dark:text-white"
-            ),
-            searchWords: [m],
-            textToHighlight: d(l)
-          }
-        ) }) }),
-        /* @__PURE__ */ t(W, { className: "text-lg" })
-      ]
-    }
-  ) });
-}, Q = ({ className: b }) => {
-  var v;
-  const [y, u] = p(!1), [c, m] = p(!1), [h, l] = p([]), [d, i] = p(!1), f = _(null), S = () => {
-    i(!1), l([]);
-  }, C = () => {
-    m(!0);
-  }, x = () => {
-    m(!1), S();
-  }, R = I(M, 750), { t: o } = L(), E = A(() => {
-    const r = [], e = (a, s) => {
-      Array.isArray(a.subMenu) && a.subMenu.length > 0 && a.subMenu.forEach(
-        (N) => e(N, [...s, o(N.translateKey)])
-      ), r.push({ ...a, parents: s });
-    };
-    return T.forEach(function(s) {
-      e(s, [o(s.translateKey)]);
-    }), r;
-  }, [T, o]), j = (r, e) => e.filter(
-    (s) => s.type === H && s.parents.join().toUpperCase().includes(r.toUpperCase())
-  );
-  function w(r) {
-    const e = {
-      title: o("base.layout.search.results.navTree"),
-      data: []
-    };
-    return r.forEach((a) => {
-      e.data.push({
-        category: a.path,
-        categoryTitle: a.title,
-        icon: a.icon,
-        key: a.key,
-        path: a.path,
-        title: o(a.translateKey, a.title),
-        breadcrumbs: a.parents
-      });
-    }), [e];
-  }
-  async function M(r) {
-    if (!r) {
-      u(!1), l([]);
-      return;
-    }
-    d && i(!1);
-    const e = await j(r, E);
-    e && (e.length === 0 ? (i(!0), l([])) : l(w(e))), u(!1);
-  }
-  const F = (r) => {
-    u(!0), R(r.target.value);
-  };
-  B(() => {
-    if (c) {
-      const r = setTimeout(() => {
-        var e;
-        return (e = f.current) == null ? void 0 : e.focus();
-      }, 100);
-      return () => {
-        clearTimeout(r);
-      };
-    }
-  }, [c]);
-  const D = () => {
-    x();
-  };
-  return /* @__PURE__ */ n(k, { children: [
-    /* @__PURE__ */ t(
-      "div",
-      {
-        className: g(b, "text-2xl"),
-        onClick: C,
-        children: /* @__PURE__ */ t(P, {})
-      }
-    ),
-    /* @__PURE__ */ t(
-      G,
-      {
-        contentClassName: "p-0",
-        isOpen: c,
-        closable: !1,
-        onRequestClose: x,
-        children: /* @__PURE__ */ n("div", { children: [
-          /* @__PURE__ */ n("div", { className: "flex items-center justify-between border-b border-gray-200 px-4 dark:border-gray-600", children: [
-            /* @__PURE__ */ n("div", { className: "flex items-center", children: [
-              /* @__PURE__ */ t(z, { className: "text-xl" }),
-              /* @__PURE__ */ t(
-                "input",
-                {
-                  ref: f,
-                  className: "block w-full bg-transparent p-4 text-base text-gray-900 outline-none ring-0 dark:text-gray-100",
-                  placeholder: o("common.input.placeholder.search"),
-                  onChange: F
-                }
-              )
-            ] }),
-            /* @__PURE__ */ t(V, { size: "xs", onClick: x, children: "Esc" })
-          ] }),
-          /* @__PURE__ */ t("div", { className: "px-5 py-6", children: y ? /* @__PURE__ */ t(
-            "div",
-            {
-              className: g(
-                "flex items-center justify-center"
-              ),
-              children: /* @__PURE__ */ t(Y, { size: 40 })
-            }
-          ) : /* @__PURE__ */ t(k, { children: /* @__PURE__ */ n(q, { className: "max-h-[350px] overflow-y-auto", children: [
-            h.map((r) => /* @__PURE__ */ n(
-              "div",
-              {
-                className: "mb-4",
-                children: [
-                  /* @__PURE__ */ t("h6", { className: "mb-3", children: r.title }),
-                  r.data.map((e, a) => {
-                    var s;
-                    return /* @__PURE__ */ t(
-                      J,
-                      {
-                        icon: e.icon,
-                        breadcrumbs: e.breadcrumbs,
-                        label: e.title,
-                        url: e.path,
-                        keyWord: ((s = f.current) == null ? void 0 : s.value) || "",
-                        onNavigate: D
-                      },
-                      e.title + a
-                    );
-                  })
-                ]
-              },
-              r.title
-            )),
-            h.length === 0 && d && /* @__PURE__ */ n("div", { className: "my-10 text-center text-lg", children: [
-              /* @__PURE__ */ t("span", { className: "pr-1", children: o(
-                "common.status.noResultsFor"
-              ) }),
-              /* @__PURE__ */ n("span", { className: "heading-text", children: [
-                "'",
-                (v = f.current) == null ? void 0 : v.value,
-                "'"
-              ] })
-            ] })
-          ] }) }) })
-        ] })
-      }
-    )
-  ] });
-}, be = O(Q);
-export {
-  be as default
-};
-//# sourceMappingURL=Search.js.map

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

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

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

@@ -1,81 +0,0 @@
-import { jsxs as v, jsx as o } from "react/jsx-runtime";
-import r from "../../utils/classNames.js";
-import "../ui/ScrollBar/index.js";
-import N from "./Logo.js";
-import "./VerticalMenuContent/index.js";
-import { useThemeStore as i } from "../../store/themeStore.js";
-import { useSessionUser as y } from "../../store/authStore.js";
-import { useRouteKeyStore as T } from "../../store/routeKeyStore.js";
-import g from "../../configs/navigation.config/index.js";
-import a from "../../configs/app.config.js";
-import { Link as E } from "react-router-dom";
-import { SIDE_NAV_WIDTH as n, SIDE_NAV_COLLAPSED_WIDTH as m, SIDE_NAV_CONTENT_GUTTER as S, LOGO_X_GUTTER as _, HEADER_HEIGHT as x } from "../../constants/theme.constant.js";
-import { getLogoFilename as C } from "../../../base/utils/logo.js";
-import A from "../ui/ScrollBar/ScrollBar.js";
-import D from "./VerticalMenuContent/VerticalMenuContent.js";
-const I = {
-  width: n,
-  minWidth: n
-}, L = {
-  width: m,
-  minWidth: m
-}, X = ({
-  translationSetup: l = a.activeNavTranslation,
-  background: d = !0,
-  className: c,
-  contentClass: p,
-  mode: R
-}) => {
-  const u = i((e) => e.mode), s = i((e) => e.direction), t = i(
-    (e) => e.layout.sideNavCollapse
-  ), f = T((e) => e.currentRouteKey), h = y((e) => e.user.authority);
-  return /* @__PURE__ */ v(
-    "div",
-    {
-      style: t ? L : I,
-      className: r(
-        "side-nav",
-        d && "side-nav-bg",
-        !t && "side-nav-expand",
-        c
-      ),
-      children: [
-        /* @__PURE__ */ o(
-          E,
-          {
-            to: a.authenticatedEntryPath,
-            className: "side-nav-header flex flex-col justify-center",
-            style: { height: x },
-            children: /* @__PURE__ */ o(
-              N,
-              {
-                imgClass: "max-h-8",
-                name: C(t, u),
-                className: r(
-                  "",
-                  t && "ltr:ml-[11.5px] ltr:mr-[11.5px]",
-                  t ? S : _
-                )
-              }
-            )
-          }
-        ),
-        /* @__PURE__ */ o("div", { className: r("side-nav-content", p), children: /* @__PURE__ */ o(A, { style: { height: "100%" }, direction: s, children: /* @__PURE__ */ o(
-          D,
-          {
-            collapsed: t,
-            navigationTree: g,
-            routeKey: f,
-            direction: s,
-            translationSetup: l,
-            userAuthority: h || []
-          }
-        ) }) })
-      ]
-    }
-  );
-};
-export {
-  X as default
-};
-//# sourceMappingURL=SideNav.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"SideNav.js","sources":["../../../../../lib/@ecme/components/template/SideNav.tsx"],"sourcesContent":["import classNames from '@/utils/classNames'\nimport ScrollBar from '@/components/ui/ScrollBar'\nimport Logo from '@/components/template/Logo'\nimport VerticalMenuContent from '@/components/template/VerticalMenuContent'\nimport { useThemeStore } from '@/store/themeStore'\nimport { useSessionUser } from '@/store/authStore'\nimport { useRouteKeyStore } from '@/store/routeKeyStore'\nimport navigationConfig from '@/configs/navigation.config'\nimport appConfig from '@/configs/app.config'\nimport { Link } from 'react-router-dom'\nimport {\n    SIDE_NAV_WIDTH,\n    SIDE_NAV_COLLAPSED_WIDTH,\n    SIDE_NAV_CONTENT_GUTTER,\n    HEADER_HEIGHT,\n    LOGO_X_GUTTER,\n} from '@/constants/theme.constant'\nimport type { Mode } from '@/@types/theme'\nimport { getLogoFilename } from '@base/utils/logo'\n\ntype SideNavProps = {\n    translationSetup?: boolean\n    background?: boolean\n    className?: string\n    contentClass?: string\n    mode?: Mode\n}\n\nconst sideNavStyle = {\n    width: SIDE_NAV_WIDTH,\n    minWidth: SIDE_NAV_WIDTH,\n}\n\nconst sideNavCollapseStyle = {\n    width: SIDE_NAV_COLLAPSED_WIDTH,\n    minWidth: SIDE_NAV_COLLAPSED_WIDTH,\n}\n\nconst SideNav = ({\n    translationSetup = appConfig.activeNavTranslation,\n    background = true,\n    className,\n    contentClass,\n    mode,\n}: SideNavProps) => {\n    const defaultMode = useThemeStore((state) => state.mode)\n    const direction = useThemeStore((state) => state.direction)\n    const sideNavCollapse = useThemeStore(\n        (state) => state.layout.sideNavCollapse,\n    )\n\n    const currentRouteKey = useRouteKeyStore((state) => state.currentRouteKey)\n\n    const userAuthority = useSessionUser((state) => state.user.authority)\n\n    return (\n        <div\n            style={sideNavCollapse ? sideNavCollapseStyle : sideNavStyle}\n            className={classNames(\n                'side-nav',\n                background && 'side-nav-bg',\n                !sideNavCollapse && 'side-nav-expand',\n                className,\n            )}\n        >\n            <Link\n                to={appConfig.authenticatedEntryPath}\n                className=\"side-nav-header flex flex-col justify-center\"\n                style={{ height: HEADER_HEIGHT }}\n            >\n                <Logo\n                    imgClass=\"max-h-8\"\n                    name={getLogoFilename(sideNavCollapse, defaultMode)}\n                    className={classNames(\n                        '',\n                        sideNavCollapse && 'ltr:ml-[11.5px] ltr:mr-[11.5px]',\n                        sideNavCollapse\n                            ? SIDE_NAV_CONTENT_GUTTER\n                            : LOGO_X_GUTTER,\n                    )}\n                />\n            </Link>\n            <div className={classNames('side-nav-content', contentClass)}>\n                <ScrollBar style={{ height: '100%' }} direction={direction}>\n                    <VerticalMenuContent\n                        collapsed={sideNavCollapse}\n                        navigationTree={navigationConfig}\n                        routeKey={currentRouteKey}\n                        direction={direction}\n                        translationSetup={translationSetup}\n                        userAuthority={userAuthority || []}\n                    />\n                </ScrollBar>\n            </div>\n        </div>\n    )\n}\n\nexport default SideNav\n"],"names":["sideNavStyle","SIDE_NAV_WIDTH","sideNavCollapseStyle","SIDE_NAV_COLLAPSED_WIDTH","SideNav","translationSetup","appConfig","background","className","contentClass","mode","defaultMode","useThemeStore","state","direction","sideNavCollapse","currentRouteKey","useRouteKeyStore","userAuthority","useSessionUser","jsxs","classNames","jsx","Link","HEADER_HEIGHT","Logo","getLogoFilename","SIDE_NAV_CONTENT_GUTTER","LOGO_X_GUTTER","ScrollBar","VerticalMenuContent","navigationConfig"],"mappings":";;;;;;;;;;;;;;;AA4BA,MAAMA,IAAe;AAAA,EACjB,OAAOC;AAAA,EACP,UAAUA;AACd,GAEMC,IAAuB;AAAA,EACzB,OAAOC;AAAA,EACP,UAAUA;AACd,GAEMC,IAAU,CAAC;AAAA,EACb,kBAAAC,IAAmBC,EAAU;AAAA,EAC7B,YAAAC,IAAa;AAAA,EACb,WAAAC;AAAA,EACA,cAAAC;AAAA,EACA,MAAAC;AACJ,MAAoB;AAChB,QAAMC,IAAcC,EAAc,CAACC,MAAUA,EAAM,IAAI,GACjDC,IAAYF,EAAc,CAACC,MAAUA,EAAM,SAAS,GACpDE,IAAkBH;AAAA,IACpB,CAACC,MAAUA,EAAM,OAAO;AAAA,EAC5B,GAEMG,IAAkBC,EAAiB,CAACJ,MAAUA,EAAM,eAAe,GAEnEK,IAAgBC,EAAe,CAACN,MAAUA,EAAM,KAAK,SAAS;AAGhE,SAAA,gBAAAO;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,OAAOL,IAAkBb,IAAuBF;AAAA,MAChD,WAAWqB;AAAA,QACP;AAAA,QACAd,KAAc;AAAA,QACd,CAACQ,KAAmB;AAAA,QACpBP;AAAA,MACJ;AAAA,MAEA,UAAA;AAAA,QAAA,gBAAAc;AAAA,UAACC;AAAA,UAAA;AAAA,YACG,IAAIjB,EAAU;AAAA,YACd,WAAU;AAAA,YACV,OAAO,EAAE,QAAQkB,EAAc;AAAA,YAE/B,UAAA,gBAAAF;AAAA,cAACG;AAAA,cAAA;AAAA,gBACG,UAAS;AAAA,gBACT,MAAMC,EAAgBX,GAAiBJ,CAAW;AAAA,gBAClD,WAAWU;AAAA,kBACP;AAAA,kBACAN,KAAmB;AAAA,kBACnBA,IACMY,IACAC;AAAA,gBAAA;AAAA,cACV;AAAA,YAAA;AAAA,UACJ;AAAA,QACJ;AAAA,QACC,gBAAAN,EAAA,OAAA,EAAI,WAAWD,EAAW,oBAAoBZ,CAAY,GACvD,UAAC,gBAAAa,EAAAO,GAAA,EAAU,OAAO,EAAE,QAAQ,UAAU,WAAAf,GAClC,UAAA,gBAAAQ;AAAA,UAACQ;AAAA,UAAA;AAAA,YACG,WAAWf;AAAA,YACX,gBAAgBgB;AAAA,YAChB,UAAUf;AAAA,YACV,WAAAF;AAAA,YACA,kBAAAT;AAAA,YACA,eAAea,KAAiB,CAAA;AAAA,UAAC;AAAA,WAEzC,EACJ,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ;AAER;"}

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

@@ -1,15 +0,0 @@
-import { jsx as e, Fragment as m } from "react/jsx-runtime";
-import n from "../../utils/hoc/withHeaderItem.js";
-import { useThemeStore as d } from "../../store/themeStore.js";
-import p from "../../utils/hooks/useResponsive.js";
-import c from "../shared/NavToggle.js";
-const g = ({ className: t }) => {
-  const { layout: l, setSideNavCollapse: r } = d((i) => i), o = l.sideNavCollapse, { larger: s } = p(), a = () => {
-    r(!o);
-  };
-  return /* @__PURE__ */ e(m, { children: s.md && /* @__PURE__ */ e("div", { className: t, role: "button", onClick: a, children: /* @__PURE__ */ e(c, { className: "text-2xl", toggled: o }) }) });
-}, h = n(g);
-export {
-  h as default
-};
-//# sourceMappingURL=SideNavToggle.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"SideNavToggle.js","sources":["../../../../../lib/@ecme/components/template/SideNavToggle.tsx"],"sourcesContent":["import withHeaderItem from '@/utils/hoc/withHeaderItem'\nimport { useThemeStore } from '@/store/themeStore'\nimport useResponsive from '@/utils/hooks/useResponsive'\nimport NavToggle from '@/components/shared/NavToggle'\nimport type { CommonProps } from '@/@types/common'\n\nconst _SideNavToggle = ({ className }: CommonProps) => {\n    const { layout, setSideNavCollapse } = useThemeStore((state) => state)\n\n    const sideNavCollapse = layout.sideNavCollapse\n\n    const { larger } = useResponsive()\n\n    const onCollapse = () => {\n        setSideNavCollapse(!sideNavCollapse)\n    }\n\n    return (\n        <>\n            {larger.md && (\n                <div className={className} role=\"button\" onClick={onCollapse}>\n                    <NavToggle className=\"text-2xl\" toggled={sideNavCollapse} />\n                </div>\n            )}\n        </>\n    )\n}\n\nconst SideNavToggle = withHeaderItem(_SideNavToggle)\n\nexport default SideNavToggle\n"],"names":["_SideNavToggle","className","layout","setSideNavCollapse","useThemeStore","state","sideNavCollapse","larger","useResponsive","onCollapse","jsx","NavToggle","SideNavToggle","withHeaderItem"],"mappings":";;;;;AAMA,MAAMA,IAAiB,CAAC,EAAE,WAAAC,QAA6B;AACnD,QAAM,EAAE,QAAAC,GAAQ,oBAAAC,EAAA,IAAuBC,EAAc,CAACC,MAAUA,CAAK,GAE/DC,IAAkBJ,EAAO,iBAEzB,EAAE,QAAAK,EAAO,IAAIC,EAAc,GAE3BC,IAAa,MAAM;AACrB,IAAAN,EAAmB,CAACG,CAAe;AAAA,EACvC;AAEA,gCAES,UAAOC,EAAA,MACH,gBAAAG,EAAA,OAAA,EAAI,WAAAT,GAAsB,MAAK,UAAS,SAASQ,GAC9C,4BAACE,GAAU,EAAA,WAAU,YAAW,SAASL,GAAiB,GAC9D,EAER,CAAA;AAER,GAEMM,IAAgBC,EAAeb,CAAc;"}

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

@@ -1,46 +0,0 @@
-import { jsxs as p, Fragment as f, jsx as o } from "react/jsx-runtime";
-import u from "classnames";
-import "../../ui/Drawer/index.js";
-import { PiGearDuotone as x } from "react-icons/pi";
-import h from "./SidePanelContent.js";
-import P from "../../../utils/hoc/withHeaderItem.js";
-import { useThemeStore as n } from "../../../store/themeStore.js";
-import { useTranslation as C } from "react-i18next";
-import w from "../../ui/Drawer/Drawer.js";
-const k = (s) => {
-  const { className: l, ...a } = s, i = n((e) => e.panelExpand), c = n((e) => e.direction), r = n((e) => e.setPanelExpand), m = () => {
-    r(!0);
-  }, t = () => {
-    if (r(!1), document) {
-      const e = document.body.classList;
-      e.contains("drawer-lock-scroll") && e.remove("drawer-lock-scroll", "drawer-open");
-    }
-  }, { t: d } = C();
-  return /* @__PURE__ */ p(f, { children: [
-    /* @__PURE__ */ o(
-      "div",
-      {
-        className: u("text-2xl", l),
-        onClick: m,
-        ...a,
-        children: /* @__PURE__ */ o(x, {})
-      }
-    ),
-    /* @__PURE__ */ o(
-      w,
-      {
-        title: d("base.layout.themeConfig.title"),
-        isOpen: i,
-        placement: c === "rtl" ? "left" : "right",
-        width: 375,
-        onClose: t,
-        onRequestClose: t,
-        children: /* @__PURE__ */ o(h, { callBackClose: t })
-      }
-    )
-  ] });
-}, L = P(k);
-export {
-  L as default
-};
-//# sourceMappingURL=SidePanel.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"SidePanel.js","sources":["../../../../../../lib/@ecme/components/template/SidePanel/SidePanel.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport Drawer from '@/components/ui/Drawer'\nimport { PiGearDuotone } from 'react-icons/pi'\nimport SidePanelContent, { SidePanelContentProps } from './SidePanelContent'\nimport withHeaderItem from '@/utils/hoc/withHeaderItem'\nimport { useThemeStore } from '@/store/themeStore'\nimport type { CommonProps } from '@/@types/common'\nimport { useTranslation } from 'react-i18next'\n\ntype SidePanelProps = SidePanelContentProps & CommonProps\n\nconst _SidePanel = (props: SidePanelProps) => {\n    const { className, ...rest } = props\n\n    const panelExpand = useThemeStore((state) => state.panelExpand)\n    const direction = useThemeStore((state) => state.direction)\n    const setPanelExpand = useThemeStore((state) => state.setPanelExpand)\n\n    const openPanel = () => {\n        setPanelExpand(true)\n    }\n\n    const closePanel = () => {\n        setPanelExpand(false)\n\n        if (document) {\n            const bodyClassList = document.body.classList\n            if (bodyClassList.contains('drawer-lock-scroll')) {\n                bodyClassList.remove('drawer-lock-scroll', 'drawer-open')\n            }\n        }\n    }\n\n    const { t } = useTranslation()\n\n    return (\n        <>\n            <div\n                className={classNames('text-2xl', className)}\n                onClick={openPanel}\n                {...rest}\n            >\n                <PiGearDuotone />\n            </div>\n            <Drawer\n                title={t('base.layout.themeConfig.title')}\n                isOpen={panelExpand}\n                placement={direction === 'rtl' ? 'left' : 'right'}\n                width={375}\n                onClose={closePanel}\n                onRequestClose={closePanel}\n            >\n                <SidePanelContent callBackClose={closePanel} />\n            </Drawer>\n        </>\n    )\n}\n\nconst SidePanel = withHeaderItem(_SidePanel)\n\nexport default SidePanel\n"],"names":["_SidePanel","props","className","rest","panelExpand","useThemeStore","state","direction","setPanelExpand","openPanel","closePanel","bodyClassList","t","useTranslation","jsxs","Fragment","jsx","classNames","PiGearDuotone","Drawer","SidePanelContent","SidePanel","withHeaderItem"],"mappings":";;;;;;;;;AAWA,MAAMA,IAAa,CAACC,MAA0B;AAC1C,QAAM,EAAE,WAAAC,GAAW,GAAGC,EAAA,IAASF,GAEzBG,IAAcC,EAAc,CAACC,MAAUA,EAAM,WAAW,GACxDC,IAAYF,EAAc,CAACC,MAAUA,EAAM,SAAS,GACpDE,IAAiBH,EAAc,CAACC,MAAUA,EAAM,cAAc,GAE9DG,IAAY,MAAM;AACpB,IAAAD,EAAe,EAAI;AAAA,EACvB,GAEME,IAAa,MAAM;AAGrB,QAFAF,EAAe,EAAK,GAEhB,UAAU;AACJ,YAAAG,IAAgB,SAAS,KAAK;AAChC,MAAAA,EAAc,SAAS,oBAAoB,KAC7BA,EAAA,OAAO,sBAAsB,aAAa;AAAA,IAC5D;AAAA,EAER,GAEM,EAAE,GAAAC,EAAE,IAAIC,EAAe;AAE7B,SAEQ,gBAAAC,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAWC,EAAW,YAAYf,CAAS;AAAA,QAC3C,SAASO;AAAA,QACR,GAAGN;AAAA,QAEJ,4BAACe,GAAc,CAAA,CAAA;AAAA,MAAA;AAAA,IACnB;AAAA,IACA,gBAAAF;AAAA,MAACG;AAAA,MAAA;AAAA,QACG,OAAOP,EAAE,+BAA+B;AAAA,QACxC,QAAQR;AAAA,QACR,WAAWG,MAAc,QAAQ,SAAS;AAAA,QAC1C,OAAO;AAAA,QACP,SAASG;AAAA,QACT,gBAAgBA;AAAA,QAEhB,UAAA,gBAAAM,EAACI,GAAiB,EAAA,eAAeV,EAAY,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACjD,GACJ;AAER,GAEMW,IAAYC,EAAetB,CAAU;"}

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

@@ -1,8 +0,0 @@
-import { jsx as r } from "react/jsx-runtime";
-import "../ThemeConfigurator/index.js";
-import t from "../ThemeConfigurator/ThemeConfigurator.js";
-const i = (o) => /* @__PURE__ */ r(t, { ...o });
-export {
-  i as default
-};
-//# sourceMappingURL=SidePanelContent.js.map

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

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

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

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

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

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