@orbe-agro/client-core 5.3.86 → 5.3.89

package/dist/@ecme/components/docs/DemoCard/DemoCard.js

@@ -1,36 +1,35 @@
-import { jsxs as s, jsx as r } from "react/jsx-runtime";
-import { useRef as u, useEffect as h } from "react";
+import { jsxs as c, jsx as r } from "react/jsx-runtime";
+import { useRef as l, useEffect as u } from "react";
 import "../../ui/Card/index.js";
-import f from "./CardFooter.js";
-import p from "html-react-parser";
-import { useLocation as b } from "react-router-dom";
-import g from "../../ui/Card/Card.js";
-const j = (m) => {
-  const { demoComponent: d, id: a, title: i, desc: o = "", hideFooter: n, ...l } = m, t = b(), e = u("");
-  return h(() => {
+import h from "./CardFooter.js";
+import f from "html-react-parser";
+import { useLocation as p } from "react-router-dom";
+import b from "../../ui/Card/Card.js";
+const I = (s) => {
+  const { demoComponent: m, id: d, title: a, desc: o = "", hideFooter: i, ...n } = s, t = p(), e = l("");
+  return u(() => {
     t.hash && (e.current = t.hash.slice(1)), e.current && document.getElementById(e.current) && setTimeout(() => {
-      var c;
-      (c = document.getElementById(e.current)) == null || c.scrollIntoView({ behavior: "smooth", block: "start" }), e.current = "";
+      document.getElementById(e.current)?.scrollIntoView({ behavior: "smooth", block: "start" }), e.current = "";
     }, 100);
-  }, [t]), /* @__PURE__ */ s("div", { className: "demo-card py-5", id: a, children: [
-    /* @__PURE__ */ s("div", { className: "mb-6", children: [
-      /* @__PURE__ */ r("h4", { children: i }),
-      o && /* @__PURE__ */ r("div", { className: "mt-1 demo-card-description", children: p(o) })
+  }, [t]), /* @__PURE__ */ c("div", { className: "demo-card py-5", id: d, children: [
+    /* @__PURE__ */ c("div", { className: "mb-6", children: [
+      /* @__PURE__ */ r("h4", { children: a }),
+      o && /* @__PURE__ */ r("div", { className: "mt-1 demo-card-description", children: f(o) })
     ] }),
     /* @__PURE__ */ r(
-      g,
+      b,
       {
         bordered: !0,
         footer: {
-          content: !n && /* @__PURE__ */ r(f, { ...l }),
+          content: !i && /* @__PURE__ */ r(h, { ...n }),
           className: "bg-gray-50 dark:bg-gray-700 pb-2 pt-2 rounded-b-2xl"
         },
-        children: d
+        children: m
       }
     )
   ] });
 };
 export {
-  j as default
+  I as default
 };
 //# sourceMappingURL=DemoCard.js.map

package/dist/@ecme/components/docs/DemoCard/DemoCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"DemoCard.js","sources":["../../../../../lib/@ecme/components/docs/DemoCard/DemoCard.tsx"],"sourcesContent":["import { useEffect, useRef } from 'react'\nimport Card from '@/components/ui/Card'\nimport CardFooter from './CardFooter'\nimport ReactHtmlParser from 'html-react-parser'\nimport { useLocation } from 'react-router-dom'\nimport type { ReactNode } from 'react'\nimport type { CardFooterProps } from './CardFooter'\n\nexport interface DemoCardProps extends CardFooterProps {\n    demoComponent?: ReactNode\n    id?: string\n    title?: string\n    desc?: string\n    hideFooter?: boolean\n    cardClass?: string\n}\n\nconst DemoCard = (props: DemoCardProps) => {\n    const { demoComponent, id, title, desc = '', hideFooter, ...rest } = props\n\n    const location = useLocation()\n    const lastHash = useRef('')\n\n    useEffect(() => {\n        if (location.hash) {\n            lastHash.current = location.hash.slice(1)\n        }\n\n        if (lastHash.current && document.getElementById(lastHash.current)) {\n            setTimeout(() => {\n                document\n                    .getElementById(lastHash.current)\n                    ?.scrollIntoView({ behavior: 'smooth', block: 'start' })\n                lastHash.current = ''\n            }, 100)\n        }\n    }, [location])\n\n    return (\n        <div className=\"demo-card py-5\" id={id}>\n            <div className=\"mb-6\">\n                <h4>{title}</h4>\n                {desc && (\n                    <div className=\"mt-1 demo-card-description\">\n                        {ReactHtmlParser(desc)}\n                    </div>\n                )}\n            </div>\n            <Card\n                bordered\n                footer={{\n                    content: !hideFooter && <CardFooter {...rest} />,\n                    className:\n                        'bg-gray-50 dark:bg-gray-700 pb-2 pt-2 rounded-b-2xl',\n                }}\n            >\n                {demoComponent}\n            </Card>\n        </div>\n    )\n}\n\nexport default DemoCard\n"],"names":["DemoCard","props","demoComponent","id","title","desc","hideFooter","rest","location","useLocation","lastHash","useRef","useEffect","_a","jsxs","jsx","ReactHtmlParser","Card","CardFooter"],"mappings":";;;;;;;AAiBA,MAAMA,IAAW,CAACC,MAAyB;AACvC,QAAM,EAAE,eAAAC,GAAe,IAAAC,GAAI,OAAAC,GAAO,MAAAC,IAAO,IAAI,YAAAC,GAAY,GAAGC,EAAA,IAASN,GAE/DO,IAAWC,EAAA,GACXC,IAAWC,EAAO,EAAE;AAE1B,SAAAC,EAAU,MAAM;AACZ,IAAIJ,EAAS,SACTE,EAAS,UAAUF,EAAS,KAAK,MAAM,CAAC,IAGxCE,EAAS,WAAW,SAAS,eAAeA,EAAS,OAAO,KAC5D,WAAW,MAAM;;AACb,OAAAG,IAAA,SACK,eAAeH,EAAS,OAAO,MADpC,QAAAG,EAEM,eAAe,EAAE,UAAU,UAAU,OAAO,YAClDH,EAAS,UAAU;AAAA,IACvB,GAAG,GAAG;AAAA,EAEd,GAAG,CAACF,CAAQ,CAAC,GAGT,gBAAAM,EAAC,OAAA,EAAI,WAAU,kBAAiB,IAAAX,GAC5B,UAAA;AAAA,IAAA,gBAAAW,EAAC,OAAA,EAAI,WAAU,QACX,UAAA;AAAA,MAAA,gBAAAC,EAAC,QAAI,UAAAX,EAAA,CAAM;AAAA,MACVC,KACG,gBAAAU,EAAC,OAAA,EAAI,WAAU,8BACV,UAAAC,EAAgBX,CAAI,EAAA,CACzB;AAAA,IAAA,GAER;AAAA,IACA,gBAAAU;AAAA,MAACE;AAAA,MAAA;AAAA,QACG,UAAQ;AAAA,QACR,QAAQ;AAAA,UACJ,SAAS,CAACX,KAAc,gBAAAS,EAACG,GAAA,EAAY,GAAGX,GAAM;AAAA,UAC9C,WACI;AAAA,QAAA;AAAA,QAGP,UAAAL;AAAA,MAAA;AAAA,IAAA;AAAA,EACL,GACJ;AAER;"}
+{"version":3,"file":"DemoCard.js","sources":["../../../../../lib/@ecme/components/docs/DemoCard/DemoCard.tsx"],"sourcesContent":["import { useEffect, useRef } from 'react'\nimport Card from '@/components/ui/Card'\nimport CardFooter from './CardFooter'\nimport ReactHtmlParser from 'html-react-parser'\nimport { useLocation } from 'react-router-dom'\nimport type { ReactNode } from 'react'\nimport type { CardFooterProps } from './CardFooter'\n\nexport interface DemoCardProps extends CardFooterProps {\n    demoComponent?: ReactNode\n    id?: string\n    title?: string\n    desc?: string\n    hideFooter?: boolean\n    cardClass?: string\n}\n\nconst DemoCard = (props: DemoCardProps) => {\n    const { demoComponent, id, title, desc = '', hideFooter, ...rest } = props\n\n    const location = useLocation()\n    const lastHash = useRef('')\n\n    useEffect(() => {\n        if (location.hash) {\n            lastHash.current = location.hash.slice(1)\n        }\n\n        if (lastHash.current && document.getElementById(lastHash.current)) {\n            setTimeout(() => {\n                document\n                    .getElementById(lastHash.current)\n                    ?.scrollIntoView({ behavior: 'smooth', block: 'start' })\n                lastHash.current = ''\n            }, 100)\n        }\n    }, [location])\n\n    return (\n        <div className=\"demo-card py-5\" id={id}>\n            <div className=\"mb-6\">\n                <h4>{title}</h4>\n                {desc && (\n                    <div className=\"mt-1 demo-card-description\">\n                        {ReactHtmlParser(desc)}\n                    </div>\n                )}\n            </div>\n            <Card\n                bordered\n                footer={{\n                    content: !hideFooter && <CardFooter {...rest} />,\n                    className:\n                        'bg-gray-50 dark:bg-gray-700 pb-2 pt-2 rounded-b-2xl',\n                }}\n            >\n                {demoComponent}\n            </Card>\n        </div>\n    )\n}\n\nexport default DemoCard\n"],"names":["DemoCard","props","demoComponent","id","title","desc","hideFooter","rest","location","useLocation","lastHash","useRef","useEffect","jsxs","jsx","ReactHtmlParser","Card","CardFooter"],"mappings":";;;;;;;AAiBA,MAAMA,IAAW,CAACC,MAAyB;AACvC,QAAM,EAAE,eAAAC,GAAe,IAAAC,GAAI,OAAAC,GAAO,MAAAC,IAAO,IAAI,YAAAC,GAAY,GAAGC,EAAA,IAASN,GAE/DO,IAAWC,EAAA,GACXC,IAAWC,EAAO,EAAE;AAE1B,SAAAC,EAAU,MAAM;AACZ,IAAIJ,EAAS,SACTE,EAAS,UAAUF,EAAS,KAAK,MAAM,CAAC,IAGxCE,EAAS,WAAW,SAAS,eAAeA,EAAS,OAAO,KAC5D,WAAW,MAAM;AACb,eACK,eAAeA,EAAS,OAAO,GAC9B,eAAe,EAAE,UAAU,UAAU,OAAO,SAAS,GAC3DA,EAAS,UAAU;AAAA,IACvB,GAAG,GAAG;AAAA,EAEd,GAAG,CAACF,CAAQ,CAAC,GAGT,gBAAAK,EAAC,OAAA,EAAI,WAAU,kBAAiB,IAAAV,GAC5B,UAAA;AAAA,IAAA,gBAAAU,EAAC,OAAA,EAAI,WAAU,QACX,UAAA;AAAA,MAAA,gBAAAC,EAAC,QAAI,UAAAV,EAAA,CAAM;AAAA,MACVC,KACG,gBAAAS,EAAC,OAAA,EAAI,WAAU,8BACV,UAAAC,EAAgBV,CAAI,EAAA,CACzB;AAAA,IAAA,GAER;AAAA,IACA,gBAAAS;AAAA,MAACE;AAAA,MAAA;AAAA,QACG,UAAQ;AAAA,QACR,QAAQ;AAAA,UACJ,SAAS,CAACV,KAAc,gBAAAQ,EAACG,GAAA,EAAY,GAAGV,GAAM;AAAA,UAC9C,WACI;AAAA,QAAA;AAAA,QAGP,UAAAL;AAAA,MAAA;AAAA,IAAA;AAAA,EACL,GACJ;AAER;"}

package/dist/@ecme/components/layouts/PostLoginLayout/PostLoginLayout.js

@@ -1,45 +1,44 @@
-import { jsxs as u, Fragment as f, jsx as t } from "react/jsx-runtime";
-import { lazy as o, useMemo as A, Suspense as _ } from "react";
-import { LAYOUT_BLANK as O, LAYOUT_CONTENT_OVERLAY as d, LAYOUT_FRAMELESS_SIDE as S, LAYOUT_TOP_BAR_CLASSIC as h, LAYOUT_STACKED_SIDE as E, LAYOUT_COLLAPSIBLE_SIDE as T } from "../../../constants/theme.constant.js";
-import Y from "../../shared/Loading.js";
-import { useLocation as x } from "react-router-dom";
+import { jsxs as p, Fragment as l, jsx as t } from "react/jsx-runtime";
+import { lazy as o, useMemo as L, Suspense as f } from "react";
+import { LAYOUT_BLANK as A, LAYOUT_CONTENT_OVERLAY as _, LAYOUT_FRAMELESS_SIDE as O, LAYOUT_TOP_BAR_CLASSIC as d, LAYOUT_STACKED_SIDE as S, LAYOUT_COLLAPSIBLE_SIDE as h } from "../../../constants/theme.constant.js";
+import E from "../../shared/Loading.js";
+import { useLocation as R } from "react-router-dom";
 import "../../../configs/index.js";
-import y from "../../shared/loaders/GlobalLoading.js";
-import { protectedRoutes as R, publicRoutes as U } from "../../../configs/routes.config/routes.config.js";
-const m = {
-  [T]: o(() => import("./components/CollapsibleSide.js")),
-  [E]: o(() => import("./components/StackedSide.js")),
-  [h]: o(() => import("./components/TopBarClassic.js")),
-  [S]: o(() => import("./components/FrameLessSide.js")),
-  [d]: o(() => import("./components/ContentOverlay.js")),
-  [O]: o(() => import("./components/Blank.js"))
-}, g = (r, a) => {
-  for (const e of a)
+import T from "../../shared/loaders/GlobalLoading.js";
+import { protectedRoutes as Y, publicRoutes as x } from "../../../configs/routes.config/routes.config.js";
+const a = {
+  [h]: o(() => import("./components/CollapsibleSide.js")),
+  [S]: o(() => import("./components/StackedSide.js")),
+  [d]: o(() => import("./components/TopBarClassic.js")),
+  [O]: o(() => import("./components/FrameLessSide.js")),
+  [_]: o(() => import("./components/ContentOverlay.js")),
+  [A]: o(() => import("./components/Blank.js"))
+}, y = (r, n) => {
+  for (const e of n)
     if (e.path === r)
       return e;
-}, k = ({
+}, j = ({
   layoutType: r,
-  children: a,
+  children: n,
   linkRenderer: e,
-  pageTitle: p
+  pageTitle: m
 }) => {
-  const n = x(), l = A(() => {
-    var s;
-    const c = [...R, ...U], i = g(n.pathname, c), L = ((s = i == null ? void 0 : i.meta) == null ? void 0 : s.layout) ?? r;
-    return m[L] ?? m[Object.keys(m)[0]];
-  }, [n.pathname, r]);
-  return /* @__PURE__ */ u(f, { children: [
-    /* @__PURE__ */ t(y, {}),
+  const i = R(), s = L(() => {
+    const u = [...Y, ...x], c = y(i.pathname, u)?.meta?.layout ?? r;
+    return a[c] ?? a[Object.keys(a)[0]];
+  }, [i.pathname, r]);
+  return /* @__PURE__ */ p(l, { children: [
+    /* @__PURE__ */ t(T, {}),
     /* @__PURE__ */ t(
-      _,
+      f,
       {
-        fallback: /* @__PURE__ */ t("div", { className: "flex flex-auto flex-col h-[100vh]", children: /* @__PURE__ */ t(Y, { loading: !0 }) }),
-        children: /* @__PURE__ */ t(l, { linkRenderer: e, pageTitle: p, children: a })
+        fallback: /* @__PURE__ */ t("div", { className: "flex flex-auto flex-col h-[100vh]", children: /* @__PURE__ */ t(E, { loading: !0 }) }),
+        children: /* @__PURE__ */ t(s, { linkRenderer: e, pageTitle: m, children: n })
       }
     )
   ] });
 };
 export {
-  k as default
+  j as default
 };
 //# sourceMappingURL=PostLoginLayout.js.map

package/dist/@ecme/components/layouts/PostLoginLayout/PostLoginLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"PostLoginLayout.js","sources":["../../../../../lib/@ecme/components/layouts/PostLoginLayout/PostLoginLayout.tsx"],"sourcesContent":["import { lazy, Suspense, useMemo } from \"react\";\nimport {\n  LAYOUT_COLLAPSIBLE_SIDE,\n  LAYOUT_STACKED_SIDE,\n  LAYOUT_TOP_BAR_CLASSIC,\n  LAYOUT_FRAMELESS_SIDE,\n  LAYOUT_CONTENT_OVERLAY,\n  LAYOUT_BLANK,\n} from \"@/constants/theme.constant\";\nimport Loading from \"@/components/shared/Loading\";\nimport type { CommonProps } from \"@/@types/common\";\nimport type { LazyExoticComponent, JSX } from \"react\";\nimport type { LayoutType } from \"@/@types/theme\";\nimport { LinkRenderer } from \"../Layouts\";\nimport { useLocation } from \"react-router-dom\";\nimport { Routes } from \"@/@types\";\nimport { protectedRoutes, publicRoutes } from \"@/configs\";\nimport { useThemeStore } from \"@/store\";\nimport GlobalLoading from \"@/components/shared/loaders/GlobalLoading\";\n\ntype Layouts = Record<\n  string,\n  LazyExoticComponent<<T extends CommonProps>(props: T) => JSX.Element>\n>;\n\ninterface PostLoginLayoutProps extends CommonProps {\n  layoutType: LayoutType;\n  linkRenderer?: LinkRenderer;\n  pageTitle?: string;\n}\n\nconst layouts: Layouts = {\n  [LAYOUT_COLLAPSIBLE_SIDE]: lazy(() => import(\"./components/CollapsibleSide\")),\n  [LAYOUT_STACKED_SIDE]: lazy(() => import(\"./components/StackedSide\")),\n  [LAYOUT_TOP_BAR_CLASSIC]: lazy(() => import(\"./components/TopBarClassic\")),\n  [LAYOUT_FRAMELESS_SIDE]: lazy(() => import(\"./components/FrameLessSide\")),\n  [LAYOUT_CONTENT_OVERLAY]: lazy(() => import(\"./components/ContentOverlay\")),\n  [LAYOUT_BLANK]: lazy(() => import(\"./components/Blank\")),\n};\n\nconst findRouteByPath = (\n  path: string,\n  routes: Routes\n): Routes[0] | undefined => {\n  for (const route of routes) {\n    if (route.path === path) {\n      return route;\n    }\n  }\n};\n\nconst PostLoginLayout = ({\n  layoutType,\n  children,\n  linkRenderer,\n  pageTitle,\n}: PostLoginLayoutProps) => {\n  const location = useLocation();\n  const AppLayout = useMemo(() => {\n    const allRoutes = [...protectedRoutes, ...publicRoutes];\n    const currentRoute = findRouteByPath(location.pathname, allRoutes);\n    const layout = currentRoute?.meta?.layout ?? layoutType;\n    return layouts[layout] ?? layouts[Object.keys(layouts)[0]];\n  }, [location.pathname, layoutType]);\n\n  return (\n    <>\n      <GlobalLoading />\n      <Suspense\n        fallback={\n          <div className=\"flex flex-auto flex-col h-[100vh]\">\n            <Loading loading={true}/>\n          </div>\n        }\n      >\n        {/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */}\n        {/* @ts-ignore */}\n        <AppLayout linkRenderer={linkRenderer} pageTitle={pageTitle}>\n          {children}\n        </AppLayout>\n      </Suspense>\n    </>\n  );\n};\n\nexport default PostLoginLayout;\n"],"names":["layouts","LAYOUT_COLLAPSIBLE_SIDE","lazy","LAYOUT_STACKED_SIDE","LAYOUT_TOP_BAR_CLASSIC","LAYOUT_FRAMELESS_SIDE","LAYOUT_CONTENT_OVERLAY","LAYOUT_BLANK","findRouteByPath","path","routes","route","PostLoginLayout","layoutType","children","linkRenderer","pageTitle","location","useLocation","AppLayout","useMemo","allRoutes","protectedRoutes","publicRoutes","currentRoute","layout","_a","jsxs","Fragment","jsx","GlobalLoading","Suspense","Loading"],"mappings":";;;;;;;;AA+BA,MAAMA,IAAmB;AAAA,EACvB,CAACC,CAAuB,GAAGC,EAAK,MAAM,OAAO,iCAA8B,CAAC;AAAA,EAC5E,CAACC,CAAmB,GAAGD,EAAK,MAAM,OAAO,6BAA0B,CAAC;AAAA,EACpE,CAACE,CAAsB,GAAGF,EAAK,MAAM,OAAO,+BAA4B,CAAC;AAAA,EACzE,CAACG,CAAqB,GAAGH,EAAK,MAAM,OAAO,+BAA4B,CAAC;AAAA,EACxE,CAACI,CAAsB,GAAGJ,EAAK,MAAM,OAAO,gCAA6B,CAAC;AAAA,EAC1E,CAACK,CAAY,GAAGL,EAAK,MAAM,OAAO,uBAAoB,CAAC;AACzD,GAEMM,IAAkB,CACtBC,GACAC,MAC0B;AAC1B,aAAWC,KAASD;AAClB,QAAIC,EAAM,SAASF;AACjB,aAAOE;AAGb,GAEMC,IAAkB,CAAC;AAAA,EACvB,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,cAAAC;AAAA,EACA,WAAAC;AACF,MAA4B;AAC1B,QAAMC,IAAWC,EAAA,GACXC,IAAYC,EAAQ,MAAM;;AAC9B,UAAMC,IAAY,CAAC,GAAGC,GAAiB,GAAGC,CAAY,GAChDC,IAAehB,EAAgBS,EAAS,UAAUI,CAAS,GAC3DI,MAASC,IAAAF,KAAA,gBAAAA,EAAc,SAAd,gBAAAE,EAAoB,WAAUb;AAC7C,WAAOb,EAAQyB,CAAM,KAAKzB,EAAQ,OAAO,KAAKA,CAAO,EAAE,CAAC,CAAC;AAAA,EAC3D,GAAG,CAACiB,EAAS,UAAUJ,CAAU,CAAC;AAElC,SACE,gBAAAc,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAc;AAAA,IACf,gBAAAD;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,4BACG,OAAA,EAAI,WAAU,qCACb,UAAA,gBAAAF,EAACG,GAAA,EAAQ,SAAS,GAAA,CAAK,EAAA,CACzB;AAAA,QAKF,UAAA,gBAAAH,EAACV,GAAA,EAAU,cAAAJ,GAA4B,WAAAC,GACpC,UAAAF,EAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;"}
+{"version":3,"file":"PostLoginLayout.js","sources":["../../../../../lib/@ecme/components/layouts/PostLoginLayout/PostLoginLayout.tsx"],"sourcesContent":["import { lazy, Suspense, useMemo } from \"react\";\nimport {\n  LAYOUT_COLLAPSIBLE_SIDE,\n  LAYOUT_STACKED_SIDE,\n  LAYOUT_TOP_BAR_CLASSIC,\n  LAYOUT_FRAMELESS_SIDE,\n  LAYOUT_CONTENT_OVERLAY,\n  LAYOUT_BLANK,\n} from \"@/constants/theme.constant\";\nimport Loading from \"@/components/shared/Loading\";\nimport type { CommonProps } from \"@/@types/common\";\nimport type { LazyExoticComponent, JSX } from \"react\";\nimport type { LayoutType } from \"@/@types/theme\";\nimport { LinkRenderer } from \"../Layouts\";\nimport { useLocation } from \"react-router-dom\";\nimport { Routes } from \"@/@types\";\nimport { protectedRoutes, publicRoutes } from \"@/configs\";\nimport { useThemeStore } from \"@/store\";\nimport GlobalLoading from \"@/components/shared/loaders/GlobalLoading\";\n\ntype Layouts = Record<\n  string,\n  LazyExoticComponent<<T extends CommonProps>(props: T) => JSX.Element>\n>;\n\ninterface PostLoginLayoutProps extends CommonProps {\n  layoutType: LayoutType;\n  linkRenderer?: LinkRenderer;\n  pageTitle?: string;\n}\n\nconst layouts: Layouts = {\n  [LAYOUT_COLLAPSIBLE_SIDE]: lazy(() => import(\"./components/CollapsibleSide\")),\n  [LAYOUT_STACKED_SIDE]: lazy(() => import(\"./components/StackedSide\")),\n  [LAYOUT_TOP_BAR_CLASSIC]: lazy(() => import(\"./components/TopBarClassic\")),\n  [LAYOUT_FRAMELESS_SIDE]: lazy(() => import(\"./components/FrameLessSide\")),\n  [LAYOUT_CONTENT_OVERLAY]: lazy(() => import(\"./components/ContentOverlay\")),\n  [LAYOUT_BLANK]: lazy(() => import(\"./components/Blank\")),\n};\n\nconst findRouteByPath = (\n  path: string,\n  routes: Routes\n): Routes[0] | undefined => {\n  for (const route of routes) {\n    if (route.path === path) {\n      return route;\n    }\n  }\n};\n\nconst PostLoginLayout = ({\n  layoutType,\n  children,\n  linkRenderer,\n  pageTitle,\n}: PostLoginLayoutProps) => {\n  const location = useLocation();\n  const AppLayout = useMemo(() => {\n    const allRoutes = [...protectedRoutes, ...publicRoutes];\n    const currentRoute = findRouteByPath(location.pathname, allRoutes);\n    const layout = currentRoute?.meta?.layout ?? layoutType;\n    return layouts[layout] ?? layouts[Object.keys(layouts)[0]];\n  }, [location.pathname, layoutType]);\n\n  return (\n    <>\n      <GlobalLoading />\n      <Suspense\n        fallback={\n          <div className=\"flex flex-auto flex-col h-[100vh]\">\n            <Loading loading={true}/>\n          </div>\n        }\n      >\n        {/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */}\n        {/* @ts-ignore */}\n        <AppLayout linkRenderer={linkRenderer} pageTitle={pageTitle}>\n          {children}\n        </AppLayout>\n      </Suspense>\n    </>\n  );\n};\n\nexport default PostLoginLayout;\n"],"names":["layouts","LAYOUT_COLLAPSIBLE_SIDE","lazy","LAYOUT_STACKED_SIDE","LAYOUT_TOP_BAR_CLASSIC","LAYOUT_FRAMELESS_SIDE","LAYOUT_CONTENT_OVERLAY","LAYOUT_BLANK","findRouteByPath","path","routes","route","PostLoginLayout","layoutType","children","linkRenderer","pageTitle","location","useLocation","AppLayout","useMemo","allRoutes","protectedRoutes","publicRoutes","layout","jsxs","Fragment","jsx","GlobalLoading","Suspense","Loading"],"mappings":";;;;;;;;AA+BA,MAAMA,IAAmB;AAAA,EACvB,CAACC,CAAuB,GAAGC,EAAK,MAAM,OAAO,iCAA8B,CAAC;AAAA,EAC5E,CAACC,CAAmB,GAAGD,EAAK,MAAM,OAAO,6BAA0B,CAAC;AAAA,EACpE,CAACE,CAAsB,GAAGF,EAAK,MAAM,OAAO,+BAA4B,CAAC;AAAA,EACzE,CAACG,CAAqB,GAAGH,EAAK,MAAM,OAAO,+BAA4B,CAAC;AAAA,EACxE,CAACI,CAAsB,GAAGJ,EAAK,MAAM,OAAO,gCAA6B,CAAC;AAAA,EAC1E,CAACK,CAAY,GAAGL,EAAK,MAAM,OAAO,uBAAoB,CAAC;AACzD,GAEMM,IAAkB,CACtBC,GACAC,MAC0B;AAC1B,aAAWC,KAASD;AAClB,QAAIC,EAAM,SAASF;AACjB,aAAOE;AAGb,GAEMC,IAAkB,CAAC;AAAA,EACvB,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,cAAAC;AAAA,EACA,WAAAC;AACF,MAA4B;AAC1B,QAAMC,IAAWC,EAAA,GACXC,IAAYC,EAAQ,MAAM;AAC9B,UAAMC,IAAY,CAAC,GAAGC,GAAiB,GAAGC,CAAY,GAEhDC,IADehB,EAAgBS,EAAS,UAAUI,CAAS,GACpC,MAAM,UAAUR;AAC7C,WAAOb,EAAQwB,CAAM,KAAKxB,EAAQ,OAAO,KAAKA,CAAO,EAAE,CAAC,CAAC;AAAA,EAC3D,GAAG,CAACiB,EAAS,UAAUJ,CAAU,CAAC;AAElC,SACE,gBAAAY,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAc;AAAA,IACf,gBAAAD;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,4BACG,OAAA,EAAI,WAAU,qCACb,UAAA,gBAAAF,EAACG,GAAA,EAAQ,SAAS,GAAA,CAAK,EAAA,CACzB;AAAA,QAKF,UAAA,gBAAAH,EAACR,GAAA,EAAU,cAAAJ,GAA4B,WAAAC,GACpC,UAAAF,EAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;"}

package/dist/@ecme/components/layouts/PostLoginLayout/components/ContentOverlay.js

@@ -1,111 +1,111 @@
-import { jsx as i, jsxs as e, Fragment as l } from "react/jsx-runtime";
-import _ from "../../../template/Header.js";
+import { jsx as e, jsxs as a, Fragment as i } from "react/jsx-runtime";
+import u from "../../../template/Header.js";
 import "../../../template/SidePanel/index.js";
-import v from "../../../template/UserProfileDropdown.js";
-import b from "../../../template/LanguageSelector.js";
+import _ from "../../../template/UserProfileDropdown.js";
+import v from "../../../template/LanguageSelector.js";
 import "../../../template/Notification/index.js";
-import y from "../../../template/HeaderLogo.js";
-import h from "../../../template/Search.js";
+import b from "../../../template/HeaderLogo.js";
+import y from "../../../template/Search.js";
 import w from "../../../template/MobileNav.js";
 import k from "../../../template/HorizontalNav.js";
 import S from "../../../template/LayoutBase.js";
-import o from "../../../../utils/classNames.js";
+import t from "../../../../utils/classNames.js";
 import C from "../../../../utils/hooks/useScrollTop.js";
 import L from "../../../../utils/hooks/useResponsive.js";
 import { LAYOUT_CONTENT_OVERLAY as T } from "../../../../constants/theme.constant.js";
 import H from "../../../template/Notification/Notification.js";
 import O from "../../../template/SidePanel/SidePanel.js";
 const K = ({ children: m }) => {
-  const { isSticky: r } = C(), { larger: s, smaller: n } = L();
-  return /* @__PURE__ */ i(
+  const { isSticky: l } = C(), { larger: s, smaller: n } = L();
+  return /* @__PURE__ */ e(
     S,
     {
       type: T,
       className: "app-layout-content-overlay flex flex-auto flex-col min-h-screen",
       pageContainerReassemble: ({
-        children: a,
+        children: o,
         defaultClass: c,
-        header: t,
-        pageBackgroundType: p,
-        pageContainerType: f,
-        pageContainerGutterClass: d,
-        footer: x,
-        PageContainerHeader: N,
-        PageContainerBody: g,
-        PageContainerFooter: u
-      }) => /* @__PURE__ */ i(l, { children: /* @__PURE__ */ i(
+        header: r,
+        pageBackgroundType: d,
+        pageContainerType: p,
+        pageContainerGutterClass: f,
+        footer: h,
+        PageContainerHeader: x,
+        PageContainerBody: N,
+        PageContainerFooter: g
+      }) => /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e(
         "div",
         {
-          className: o(
+          className: t(
             c,
             "sm:px-0 px-4",
-            t != null && t.title ? "-mt-60" : "-mt-60 sm:-mt-40"
+            r?.title ? "-mt-60" : "-mt-60 sm:-mt-40"
           ),
-          children: /* @__PURE__ */ e("main", { className: "h-full", children: [
-            /* @__PURE__ */ i("div", { className: "dark container mx-auto relative", children: /* @__PURE__ */ i(
-              N,
+          children: /* @__PURE__ */ a("main", { className: "h-full", children: [
+            /* @__PURE__ */ e("div", { className: "dark container mx-auto relative", children: /* @__PURE__ */ e(
+              x,
               {
-                ...t,
+                ...r,
                 className: "mb-20",
-                customeHeader: () => /* @__PURE__ */ e(l, { children: [
-                  (t == null ? void 0 : t.title) && typeof (t == null ? void 0 : t.title) == "string" && /* @__PURE__ */ i("h2", { className: "mb-2", children: t.title }),
-                  (t == null ? void 0 : t.description) && /* @__PURE__ */ i("p", { className: "text-base text-white opacity-60", children: t.description })
+                customeHeader: () => /* @__PURE__ */ a(i, { children: [
+                  r?.title && typeof r?.title == "string" && /* @__PURE__ */ e("h2", { className: "mb-2", children: r.title }),
+                  r?.description && /* @__PURE__ */ e("p", { className: "text-base text-white opacity-60", children: r.description })
                 ] })
               }
             ) }),
-            /* @__PURE__ */ e(g, { pageContainerType: "contained", children: [
-              p === "plain" ? /* @__PURE__ */ i(
+            /* @__PURE__ */ a(N, { pageContainerType: "contained", children: [
+              d === "plain" ? /* @__PURE__ */ e(
                 "div",
                 {
-                  className: o(
+                  className: t(
                     "bg-white dark:bg-gray-900 rounded-2xl",
-                    d
+                    f
                   ),
-                  children: a
+                  children: o
                 }
-              ) : a,
-              /* @__PURE__ */ i(
-                u,
+              ) : o,
+              /* @__PURE__ */ e(
+                g,
                 {
                   className: "-mb-40 mt-4 md:px-0",
-                  footer: x,
-                  pageContainerType: f
+                  footer: h,
+                  pageContainerType: p
                 }
               )
             ] })
           ] })
         }
       ) }),
-      children: /* @__PURE__ */ i("div", { className: "flex flex-auto min-w-0", children: /* @__PURE__ */ e("div", { className: "flex flex-col flex-auto min-h-screen min-w-0 relative w-full", children: [
-        /* @__PURE__ */ i(
-          _,
+      children: /* @__PURE__ */ e("div", { className: "flex flex-auto min-w-0", children: /* @__PURE__ */ a("div", { className: "flex flex-col flex-auto min-h-screen min-w-0 relative w-full", children: [
+        /* @__PURE__ */ e(
+          u,
           {
             container: !0,
-            className: o(
+            className: t(
               "fixed",
-              r ? "shadow dark:shadow-2xl" : "bg-transparent dark"
+              l ? "shadow dark:shadow-2xl" : "bg-transparent dark"
             ),
             wrapperClass: "px-0",
-            headerStart: /* @__PURE__ */ e(l, { children: [
-              n.lg && /* @__PURE__ */ i(w, {}),
-              /* @__PURE__ */ i(
-                y,
+            headerStart: /* @__PURE__ */ a(i, { children: [
+              n.lg && /* @__PURE__ */ e(w, {}),
+              /* @__PURE__ */ e(
+                b,
                 {
-                  ...r ? {} : { mode: "dark" }
+                  ...l ? {} : { mode: "dark" }
                 }
               )
             ] }),
-            headerMiddle: /* @__PURE__ */ i(l, { children: s.lg && /* @__PURE__ */ i(k, {}) }),
-            headerEnd: /* @__PURE__ */ e(l, { children: [
-              /* @__PURE__ */ i(h, {}),
-              /* @__PURE__ */ i(b, {}),
-              /* @__PURE__ */ i(H, {}),
-              /* @__PURE__ */ i(O, {}),
-              /* @__PURE__ */ i(v, { hoverable: !1 })
+            headerMiddle: /* @__PURE__ */ e(i, { children: s.lg && /* @__PURE__ */ e(k, {}) }),
+            headerEnd: /* @__PURE__ */ a(i, { children: [
+              /* @__PURE__ */ e(y, {}),
+              /* @__PURE__ */ e(v, {}),
+              /* @__PURE__ */ e(H, {}),
+              /* @__PURE__ */ e(O, {}),
+              /* @__PURE__ */ e(_, { hoverable: !1 })
             ] })
           }
         ),
-        /* @__PURE__ */ i("div", { className: "h-[400px] bg-[linear-gradient(220deg,_rgb(9,_12,_17)_10%,_#15122f_35%,_#2b1e38_55%,_#0c2239_70%,_rgb(9,_12,_17)_90%)]", children: /* @__PURE__ */ i("div", { className: "container mx-auto h-full" }) }),
+        /* @__PURE__ */ e("div", { className: "h-[400px] bg-[linear-gradient(220deg,_rgb(9,_12,_17)_10%,_#15122f_35%,_#2b1e38_55%,_#0c2239_70%,_rgb(9,_12,_17)_90%)]", children: /* @__PURE__ */ e("div", { className: "container mx-auto h-full" }) }),
         m
       ] }) })
     }

package/dist/@ecme/components/layouts/PostLoginLayout/components/ContentOverlay.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContentOverlay.js","sources":["../../../../../../lib/@ecme/components/layouts/PostLoginLayout/components/ContentOverlay.tsx"],"sourcesContent":["import Header from '@/components/template/Header'\nimport SidePanel from '@/components/template/SidePanel'\nimport UserProfileDropdown from '@/components//template/UserProfileDropdown'\nimport LanguageSelector from '@/components/template/LanguageSelector'\nimport Notification from '@/components/template/Notification'\nimport HeaderLogo from '@/components/template/HeaderLogo'\nimport Search from '@/components/template/Search'\nimport MobileNav from '@/components/template/MobileNav'\nimport HorizontalNav from '@/components/template/HorizontalNav'\nimport LayoutBase from '@/components//template/LayoutBase'\nimport classNames from '@/utils/classNames'\nimport useScrollTop from '@/utils/hooks/useScrollTop'\nimport useResponsive from '@/utils/hooks/useResponsive'\nimport { LAYOUT_CONTENT_OVERLAY } from '@/constants/theme.constant'\nimport type { CommonProps } from '@/@types/common'\nimport type { FooterPageContainerType } from '@/components/template/Footer'\n\nconst ContentOverlay = ({ children }: CommonProps) => {\n    const { isSticky } = useScrollTop()\n\n    const { larger, smaller } = useResponsive()\n\n    return (\n        <LayoutBase\n            type={LAYOUT_CONTENT_OVERLAY}\n            className=\"app-layout-content-overlay flex flex-auto flex-col min-h-screen\"\n            pageContainerReassemble={({\n                children,\n                defaultClass,\n                header,\n                pageBackgroundType,\n                pageContainerType,\n                pageContainerGutterClass,\n                footer,\n                PageContainerHeader,\n                PageContainerBody,\n                PageContainerFooter,\n            }) => (\n                <>\n                    <div\n                        className={classNames(\n                            defaultClass,\n                            'sm:px-0 px-4',\n                            header?.title ? '-mt-60' : '-mt-60 sm:-mt-40',\n                        )}\n                    >\n                        <main className=\"h-full\">\n                            <div className=\"dark container mx-auto relative\">\n                                <PageContainerHeader\n                                    {...header}\n                                    className=\"mb-20\"\n                                    customeHeader={() => (\n                                        <>\n                                            {header?.title &&\n                                                typeof header?.title ===\n                                                    'string' && (\n                                                    <h2 className=\"mb-2\">\n                                                        {header.title}\n                                                    </h2>\n                                                )}\n                                            {header?.description && (\n                                                <p className=\"text-base text-white opacity-60\">\n                                                    {header.description}\n                                                </p>\n                                            )}\n                                        </>\n                                    )}\n                                />\n                            </div>\n                            <PageContainerBody pageContainerType={'contained'}>\n                                {pageBackgroundType === 'plain' ? (\n                                    <div\n                                        className={classNames(\n                                            'bg-white dark:bg-gray-900 rounded-2xl',\n                                            pageContainerGutterClass,\n                                        )}\n                                    >\n                                        {children}\n                                    </div>\n                                ) : (\n                                    children\n                                )}\n                                <PageContainerFooter\n                                    className=\"-mb-40 mt-4 md:px-0\"\n                                    footer={footer}\n                                    pageContainerType={\n                                        pageContainerType as FooterPageContainerType\n                                    }\n                                />\n                            </PageContainerBody>\n                        </main>\n                    </div>\n                </>\n            )}\n        >\n            <div className=\"flex flex-auto min-w-0\">\n                <div className=\"flex flex-col flex-auto min-h-screen min-w-0 relative w-full\">\n                    <Header\n                        container\n                        className={classNames(\n                            'fixed',\n                            isSticky\n                                ? 'shadow dark:shadow-2xl'\n                                : 'bg-transparent dark',\n                        )}\n                        wrapperClass=\"px-0\"\n                        headerStart={\n                            <>\n                                {smaller.lg && <MobileNav />}\n                                <HeaderLogo\n                                    {...(!isSticky ? { mode: 'dark' } : {})}\n                                />\n                            </>\n                        }\n                        headerMiddle={<>{larger.lg && <HorizontalNav />}</>}\n                        headerEnd={\n                            <>\n                                <Search />\n                                <LanguageSelector />\n                                <Notification />\n                                <SidePanel />\n                                <UserProfileDropdown hoverable={false} />\n                            </>\n                        }\n                    />\n                    <div className=\"h-[400px] bg-[linear-gradient(220deg,_rgb(9,_12,_17)_10%,_#15122f_35%,_#2b1e38_55%,_#0c2239_70%,_rgb(9,_12,_17)_90%)]\">\n                        <div className=\"container mx-auto h-full\"></div>\n                    </div>\n                    {children}\n                </div>\n            </div>\n        </LayoutBase>\n    )\n}\n\nexport default ContentOverlay\n"],"names":["ContentOverlay","children","isSticky","useScrollTop","larger","smaller","useResponsive","jsx","LayoutBase","LAYOUT_CONTENT_OVERLAY","defaultClass","header","pageBackgroundType","pageContainerType","pageContainerGutterClass","footer","PageContainerHeader","PageContainerBody","PageContainerFooter","Fragment","classNames","jsxs","Header","MobileNav","HeaderLogo","HorizontalNav","Search","LanguageSelector","Notification","SidePanel","UserProfileDropdown"],"mappings":"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"}
+{"version":3,"file":"ContentOverlay.js","sources":["../../../../../../lib/@ecme/components/layouts/PostLoginLayout/components/ContentOverlay.tsx"],"sourcesContent":["import Header from '@/components/template/Header'\nimport SidePanel from '@/components/template/SidePanel'\nimport UserProfileDropdown from '@/components//template/UserProfileDropdown'\nimport LanguageSelector from '@/components/template/LanguageSelector'\nimport Notification from '@/components/template/Notification'\nimport HeaderLogo from '@/components/template/HeaderLogo'\nimport Search from '@/components/template/Search'\nimport MobileNav from '@/components/template/MobileNav'\nimport HorizontalNav from '@/components/template/HorizontalNav'\nimport LayoutBase from '@/components//template/LayoutBase'\nimport classNames from '@/utils/classNames'\nimport useScrollTop from '@/utils/hooks/useScrollTop'\nimport useResponsive from '@/utils/hooks/useResponsive'\nimport { LAYOUT_CONTENT_OVERLAY } from '@/constants/theme.constant'\nimport type { CommonProps } from '@/@types/common'\nimport type { FooterPageContainerType } from '@/components/template/Footer'\n\nconst ContentOverlay = ({ children }: CommonProps) => {\n    const { isSticky } = useScrollTop()\n\n    const { larger, smaller } = useResponsive()\n\n    return (\n        <LayoutBase\n            type={LAYOUT_CONTENT_OVERLAY}\n            className=\"app-layout-content-overlay flex flex-auto flex-col min-h-screen\"\n            pageContainerReassemble={({\n                children,\n                defaultClass,\n                header,\n                pageBackgroundType,\n                pageContainerType,\n                pageContainerGutterClass,\n                footer,\n                PageContainerHeader,\n                PageContainerBody,\n                PageContainerFooter,\n            }) => (\n                <>\n                    <div\n                        className={classNames(\n                            defaultClass,\n                            'sm:px-0 px-4',\n                            header?.title ? '-mt-60' : '-mt-60 sm:-mt-40',\n                        )}\n                    >\n                        <main className=\"h-full\">\n                            <div className=\"dark container mx-auto relative\">\n                                <PageContainerHeader\n                                    {...header}\n                                    className=\"mb-20\"\n                                    customeHeader={() => (\n                                        <>\n                                            {header?.title &&\n                                                typeof header?.title ===\n                                                    'string' && (\n                                                    <h2 className=\"mb-2\">\n                                                        {header.title}\n                                                    </h2>\n                                                )}\n                                            {header?.description && (\n                                                <p className=\"text-base text-white opacity-60\">\n                                                    {header.description}\n                                                </p>\n                                            )}\n                                        </>\n                                    )}\n                                />\n                            </div>\n                            <PageContainerBody pageContainerType={'contained'}>\n                                {pageBackgroundType === 'plain' ? (\n                                    <div\n                                        className={classNames(\n                                            'bg-white dark:bg-gray-900 rounded-2xl',\n                                            pageContainerGutterClass,\n                                        )}\n                                    >\n                                        {children}\n                                    </div>\n                                ) : (\n                                    children\n                                )}\n                                <PageContainerFooter\n                                    className=\"-mb-40 mt-4 md:px-0\"\n                                    footer={footer}\n                                    pageContainerType={\n                                        pageContainerType as FooterPageContainerType\n                                    }\n                                />\n                            </PageContainerBody>\n                        </main>\n                    </div>\n                </>\n            )}\n        >\n            <div className=\"flex flex-auto min-w-0\">\n                <div className=\"flex flex-col flex-auto min-h-screen min-w-0 relative w-full\">\n                    <Header\n                        container\n                        className={classNames(\n                            'fixed',\n                            isSticky\n                                ? 'shadow dark:shadow-2xl'\n                                : 'bg-transparent dark',\n                        )}\n                        wrapperClass=\"px-0\"\n                        headerStart={\n                            <>\n                                {smaller.lg && <MobileNav />}\n                                <HeaderLogo\n                                    {...(!isSticky ? { mode: 'dark' } : {})}\n                                />\n                            </>\n                        }\n                        headerMiddle={<>{larger.lg && <HorizontalNav />}</>}\n                        headerEnd={\n                            <>\n                                <Search />\n                                <LanguageSelector />\n                                <Notification />\n                                <SidePanel />\n                                <UserProfileDropdown hoverable={false} />\n                            </>\n                        }\n                    />\n                    <div className=\"h-[400px] bg-[linear-gradient(220deg,_rgb(9,_12,_17)_10%,_#15122f_35%,_#2b1e38_55%,_#0c2239_70%,_rgb(9,_12,_17)_90%)]\">\n                        <div className=\"container mx-auto h-full\"></div>\n                    </div>\n                    {children}\n                </div>\n            </div>\n        </LayoutBase>\n    )\n}\n\nexport default ContentOverlay\n"],"names":["ContentOverlay","children","isSticky","useScrollTop","larger","smaller","useResponsive","jsx","LayoutBase","LAYOUT_CONTENT_OVERLAY","defaultClass","header","pageBackgroundType","pageContainerType","pageContainerGutterClass","footer","PageContainerHeader","PageContainerBody","PageContainerFooter","Fragment","classNames","jsxs","Header","MobileNav","HeaderLogo","HorizontalNav","Search","LanguageSelector","Notification","SidePanel","UserProfileDropdown"],"mappings":"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"}

package/dist/@ecme/components/shared/Affix.js

@@ -1,19 +1,19 @@
 import { jsx as u } from "react/jsx-runtime";
 import { createRef as p, useEffect as a } from "react";
 import m from "classnames";
-function h(c) {
-  const { offset: s = 0, className: l, children: f } = c, e = p(), r = {
+function h(s) {
+  const { offset: i = 0, className: c, children: l } = s, e = p(), r = {
     position: "",
     top: "",
     width: ""
-  }, d = (i, n) => {
-    const o = window.scrollY;
+  }, f = (o, n) => {
+    const d = window.scrollY;
     if (e.current)
-      if (i - o < s) {
+      if (o - d < i) {
         if (e.current.style.position !== "fixed") {
           for (const t in r)
             r[t] = e.current.style[t];
-          e.current.style.position = "fixed", e.current.style.width = n + "px", e.current.style.top = s + "px";
+          e.current.style.position = "fixed", e.current.style.width = n + "px", e.current.style.top = i + "px";
         }
       } else
         for (const t in r)
@@ -21,17 +21,16 @@ function h(c) {
   };
   return a(() => {
     if (!(typeof window.scrollY > "u") && e.current) {
-      const i = window.scrollY + e.current.getBoundingClientRect().top, n = () => {
+      const o = window.scrollY + e.current.getBoundingClientRect().top, n = () => {
         e.current && requestAnimationFrame(() => {
-          var o;
-          d(i, (o = e.current) == null ? void 0 : o.clientWidth);
+          f(o, e.current?.clientWidth);
         });
       };
       return window.addEventListener("scroll", n), () => {
         window.removeEventListener("scroll", n);
       };
     }
-  }), /* @__PURE__ */ u("div", { ref: e, className: m("z-10", l), children: f });
+  }), /* @__PURE__ */ u("div", { ref: e, className: m("z-10", c), children: l });
 }
 export {
   h as default

package/dist/@ecme/components/shared/Affix.js.map

@@ -1 +1 @@
-{"version":3,"file":"Affix.js","sources":["../../../../lib/@ecme/components/shared/Affix.tsx"],"sourcesContent":["import { useEffect, createRef } from 'react'\nimport classNames from 'classnames'\nimport type { CommonProps } from '@/@types/common'\n\ntype AffixStyles = {\n    position: string\n    top: string\n    width: string\n}\n\ninterface AffixProps extends CommonProps {\n    offset?: number\n}\n\nfunction Affix(props: AffixProps) {\n    const { offset = 0, className, children } = props\n\n    const ref = createRef<HTMLDivElement>()\n    const prevStyle: AffixStyles = {\n        position: '',\n        top: '',\n        width: '',\n    }\n\n    const checkPosition = (distanceToBody: number, width?: number) => {\n        const scrollTop = window.scrollY\n\n        if (ref.current) {\n            if (distanceToBody - scrollTop < offset) {\n                if (ref.current.style.position !== 'fixed') {\n                    for (const key in prevStyle) {\n                        prevStyle[key as keyof AffixStyles] =\n                            ref.current.style[key as keyof AffixStyles]\n                    }\n                    ref.current.style.position = 'fixed'\n                    ref.current.style.width = width + 'px'\n                    ref.current.style.top = offset + 'px'\n                }\n            } else {\n                for (const key in prevStyle) {\n                    ref.current.style[key as keyof AffixStyles] =\n                        prevStyle[key as keyof AffixStyles]\n                }\n            }\n        }\n    }\n\n    useEffect(() => {\n        if (typeof window.scrollY === 'undefined') {\n            return\n        }\n\n        if (ref.current) {\n            const distanceToBody =\n                window.scrollY + ref.current.getBoundingClientRect().top\n            const handleScroll = () => {\n                if (!ref.current) {\n                    return\n                }\n\n                requestAnimationFrame(() => {\n                    checkPosition(distanceToBody, ref.current?.clientWidth)\n                })\n            }\n\n            window.addEventListener('scroll', handleScroll)\n            return () => {\n                window.removeEventListener('scroll', handleScroll)\n            }\n        }\n    })\n\n    return (\n        <div ref={ref} className={classNames('z-10', className)}>\n            {children}\n        </div>\n    )\n}\n\nexport default Affix\n"],"names":["Affix","props","offset","className","children","ref","createRef","prevStyle","checkPosition","distanceToBody","width","scrollTop","key","useEffect","handleScroll","_a","jsx","classNames"],"mappings":";;;AAcA,SAASA,EAAMC,GAAmB;AAC9B,QAAM,EAAE,QAAAC,IAAS,GAAG,WAAAC,GAAW,UAAAC,MAAaH,GAEtCI,IAAMC,EAAA,GACNC,IAAyB;AAAA,IAC3B,UAAU;AAAA,IACV,KAAK;AAAA,IACL,OAAO;AAAA,EAAA,GAGLC,IAAgB,CAACC,GAAwBC,MAAmB;AAC9D,UAAMC,IAAY,OAAO;AAEzB,QAAIN,EAAI;AACJ,UAAII,IAAiBE,IAAYT;AAC7B,YAAIG,EAAI,QAAQ,MAAM,aAAa,SAAS;AACxC,qBAAWO,KAAOL;AACd,YAAAA,EAAUK,CAAwB,IAC9BP,EAAI,QAAQ,MAAMO,CAAwB;AAElD,UAAAP,EAAI,QAAQ,MAAM,WAAW,SAC7BA,EAAI,QAAQ,MAAM,QAAQK,IAAQ,MAClCL,EAAI,QAAQ,MAAM,MAAMH,IAAS;AAAA,QACrC;AAAA;AAEA,mBAAWU,KAAOL;AACd,UAAAF,EAAI,QAAQ,MAAMO,CAAwB,IACtCL,EAAUK,CAAwB;AAAA,EAItD;AAEA,SAAAC,EAAU,MAAM;AACZ,QAAI,SAAO,OAAO,UAAY,QAI1BR,EAAI,SAAS;AACb,YAAMI,IACF,OAAO,UAAUJ,EAAI,QAAQ,wBAAwB,KACnDS,IAAe,MAAM;AACvB,QAAKT,EAAI,WAIT,sBAAsB,MAAM;;AACxB,UAAAG,EAAcC,IAAgBM,IAAAV,EAAI,YAAJ,gBAAAU,EAAa,WAAW;AAAA,QAC1D,CAAC;AAAA,MACL;AAEA,oBAAO,iBAAiB,UAAUD,CAAY,GACvC,MAAM;AACT,eAAO,oBAAoB,UAAUA,CAAY;AAAA,MACrD;AAAA,IACJ;AAAA,EACJ,CAAC,GAGG,gBAAAE,EAAC,SAAI,KAAAX,GAAU,WAAWY,EAAW,QAAQd,CAAS,GACjD,UAAAC,GACL;AAER;"}
+{"version":3,"file":"Affix.js","sources":["../../../../lib/@ecme/components/shared/Affix.tsx"],"sourcesContent":["import { useEffect, createRef } from 'react'\nimport classNames from 'classnames'\nimport type { CommonProps } from '@/@types/common'\n\ntype AffixStyles = {\n    position: string\n    top: string\n    width: string\n}\n\ninterface AffixProps extends CommonProps {\n    offset?: number\n}\n\nfunction Affix(props: AffixProps) {\n    const { offset = 0, className, children } = props\n\n    const ref = createRef<HTMLDivElement>()\n    const prevStyle: AffixStyles = {\n        position: '',\n        top: '',\n        width: '',\n    }\n\n    const checkPosition = (distanceToBody: number, width?: number) => {\n        const scrollTop = window.scrollY\n\n        if (ref.current) {\n            if (distanceToBody - scrollTop < offset) {\n                if (ref.current.style.position !== 'fixed') {\n                    for (const key in prevStyle) {\n                        prevStyle[key as keyof AffixStyles] =\n                            ref.current.style[key as keyof AffixStyles]\n                    }\n                    ref.current.style.position = 'fixed'\n                    ref.current.style.width = width + 'px'\n                    ref.current.style.top = offset + 'px'\n                }\n            } else {\n                for (const key in prevStyle) {\n                    ref.current.style[key as keyof AffixStyles] =\n                        prevStyle[key as keyof AffixStyles]\n                }\n            }\n        }\n    }\n\n    useEffect(() => {\n        if (typeof window.scrollY === 'undefined') {\n            return\n        }\n\n        if (ref.current) {\n            const distanceToBody =\n                window.scrollY + ref.current.getBoundingClientRect().top\n            const handleScroll = () => {\n                if (!ref.current) {\n                    return\n                }\n\n                requestAnimationFrame(() => {\n                    checkPosition(distanceToBody, ref.current?.clientWidth)\n                })\n            }\n\n            window.addEventListener('scroll', handleScroll)\n            return () => {\n                window.removeEventListener('scroll', handleScroll)\n            }\n        }\n    })\n\n    return (\n        <div ref={ref} className={classNames('z-10', className)}>\n            {children}\n        </div>\n    )\n}\n\nexport default Affix\n"],"names":["Affix","props","offset","className","children","ref","createRef","prevStyle","checkPosition","distanceToBody","width","scrollTop","key","useEffect","handleScroll","jsx","classNames"],"mappings":";;;AAcA,SAASA,EAAMC,GAAmB;AAC9B,QAAM,EAAE,QAAAC,IAAS,GAAG,WAAAC,GAAW,UAAAC,MAAaH,GAEtCI,IAAMC,EAAA,GACNC,IAAyB;AAAA,IAC3B,UAAU;AAAA,IACV,KAAK;AAAA,IACL,OAAO;AAAA,EAAA,GAGLC,IAAgB,CAACC,GAAwBC,MAAmB;AAC9D,UAAMC,IAAY,OAAO;AAEzB,QAAIN,EAAI;AACJ,UAAII,IAAiBE,IAAYT;AAC7B,YAAIG,EAAI,QAAQ,MAAM,aAAa,SAAS;AACxC,qBAAWO,KAAOL;AACd,YAAAA,EAAUK,CAAwB,IAC9BP,EAAI,QAAQ,MAAMO,CAAwB;AAElD,UAAAP,EAAI,QAAQ,MAAM,WAAW,SAC7BA,EAAI,QAAQ,MAAM,QAAQK,IAAQ,MAClCL,EAAI,QAAQ,MAAM,MAAMH,IAAS;AAAA,QACrC;AAAA;AAEA,mBAAWU,KAAOL;AACd,UAAAF,EAAI,QAAQ,MAAMO,CAAwB,IACtCL,EAAUK,CAAwB;AAAA,EAItD;AAEA,SAAAC,EAAU,MAAM;AACZ,QAAI,SAAO,OAAO,UAAY,QAI1BR,EAAI,SAAS;AACb,YAAMI,IACF,OAAO,UAAUJ,EAAI,QAAQ,wBAAwB,KACnDS,IAAe,MAAM;AACvB,QAAKT,EAAI,WAIT,sBAAsB,MAAM;AACxB,UAAAG,EAAcC,GAAgBJ,EAAI,SAAS,WAAW;AAAA,QAC1D,CAAC;AAAA,MACL;AAEA,oBAAO,iBAAiB,UAAUS,CAAY,GACvC,MAAM;AACT,eAAO,oBAAoB,UAAUA,CAAY;AAAA,MACrD;AAAA,IACJ;AAAA,EACJ,CAAC,GAGG,gBAAAC,EAAC,SAAI,KAAAV,GAAU,WAAWW,EAAW,QAAQb,CAAS,GACjD,UAAAC,GACL;AAER;"}

package/dist/@ecme/components/shared/AutoComplete.js

@@ -6,18 +6,18 @@ import T from "../ui/Input/Input.js";
 const V = ({
   children: p,
   active: c,
-  ref: n,
-  ...s
+  ref: o,
+  ...n
 }) => {
-  const i = b();
+  const s = b();
   return /* @__PURE__ */ l(
     "div",
     {
-      ref: n,
+      ref: o,
       role: "option",
-      id: i,
+      id: s,
       "aria-selected": c,
-      ...s,
+      ...n,
       className: "select-option hover:text-gray-800 hover:dark:text-gray-100",
       children: p
     }
@@ -26,28 +26,28 @@ const V = ({
 function ee(p) {
   const {
     data: c = [],
-    optionKey: n,
-    value: s,
-    onInputChange: i,
+    optionKey: o,
+    value: n,
+    onInputChange: s,
     onOptionSelected: y,
     renderOption: C,
     ...x
-  } = p, [h, a] = g(!1), [r, f] = g(null), [d, w] = g([]), v = D([]);
+  } = p, [h, i] = g(!1), [a, f] = g(null), [d, w] = g([]), v = D([]);
   S(() => {
     const e = c.filter(
-      (t) => n(t).toLowerCase().includes(s.toLowerCase())
+      (t) => o(t).toLowerCase().includes(n.toLowerCase())
     );
     w(e);
-  }, [s]);
+  }, [n]);
   const { refs: m, floatingStyles: F, context: u } = H({
     whileElementsMounted: z,
     open: h,
-    onOpenChange: a,
+    onOpenChange: i,
     middleware: [
       K({ padding: 10 }),
       M({
-        apply({ rects: e, availableHeight: t, elements: o }) {
-          Object.assign(o.floating.style, {
+        apply({ rects: e, availableHeight: t, elements: r }) {
+          Object.assign(r.floating.style, {
             width: `${e.reference.width}px`,
             maxHeight: `${t}px`
           });
@@ -57,18 +57,18 @@ function ee(p) {
     ]
   }), I = U(u, { role: "listbox" }), O = q(u), R = B(u, {
     listRef: v,
-    activeIndex: r,
+    activeIndex: a,
     onNavigate: f,
     virtual: !0,
     loop: !0
   }), { getReferenceProps: k, getFloatingProps: L, getItemProps: N } = G([I, O, R]);
   function E(e) {
     const t = e.target.value;
-    i(t);
-    const o = c.filter(
-      (P) => n(P).toLowerCase().includes(t.toLowerCase())
+    s(t);
+    const r = c.filter(
+      (P) => o(P).toLowerCase().includes(t.toLowerCase())
     );
-    t && o.length > 0 ? (a(!0), f(0)) : a(!1);
+    t && r.length > 0 ? (i(!0), f(0)) : i(!1);
   }
   return /* @__PURE__ */ j(A, { children: [
     /* @__PURE__ */ l(
@@ -78,10 +78,10 @@ function ee(p) {
         ...k({
           ref: m.setReference,
           onChange: E,
-          value: s,
+          value: n,
           "aria-autocomplete": "list",
           onKeyDown(e) {
-            e.key === "Enter" && r != null && d[r] && (i(n(d[r])), f(null), a(!1));
+            e.key === "Enter" && a != null && d[a] && (s(o(d[a])), f(null), i(!1));
           }
         })
       }
@@ -106,17 +106,16 @@ function ee(p) {
               V,
               {
                 ...N({
-                  key: n(e),
-                  ref(o) {
-                    v.current[t] = o;
+                  key: o(e),
+                  ref(r) {
+                    v.current[t] = r;
                   },
                   onClick() {
-                    var o;
-                    i(n(e)), y(e), a(!1), (o = m.domReference.current) == null || o.focus();
+                    s(o(e)), y(e), i(!1), m.domReference.current?.focus();
                   }
                 }),
                 key: `auto-complete-item-${t}`,
-                active: r === t
+                active: a === t
               },
               C(e)
             ))