@orbe-agro/client-core 5.3.86 → 5.3.90

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

@@ -1,14 +1,14 @@
-import { jsx as e, Fragment as w, jsxs as a } from "react/jsx-runtime";
-import { useState as H } from "react";
-import { Avatar as z } from "../../ui/Avatar/index.js";
-import { Dropdown as _ } from "../../ui/Dropdown/index.js";
-import L from "./HorizontalMenuNavLink.js";
-import x from "../../shared/AuthorityCheck.js";
-import u from "../../../utils/classNames.js";
-import { NAV_ITEM_TYPE_ITEM as N, NAV_ITEM_TYPE_COLLAPSE as D } from "../../../constants/navigation.constant.js";
-import k from "../../../configs/navigation-icon.config.js";
-import { TbCircle as f } from "react-icons/tb";
-const C = {
+import { jsx as r, Fragment as g, jsxs as s } from "react/jsx-runtime";
+import { useState as K } from "react";
+import { Avatar as C } from "../../ui/Avatar/index.js";
+import { Dropdown as f } from "../../ui/Dropdown/index.js";
+import b from "./HorizontalMenuNavLink.js";
+import m from "../../shared/AuthorityCheck.js";
+import p from "../../../utils/classNames.js";
+import { NAV_ITEM_TYPE_ITEM as x, NAV_ITEM_TYPE_COLLAPSE as L } from "../../../constants/navigation.constant.js";
+import y from "../../../configs/navigation-icon.config.js";
+import { TbCircle as u } from "react-icons/tb";
+const k = {
   1: {
     grid: "grid-cols-1",
     width: "w-[150px]"
@@ -29,324 +29,313 @@ const C = {
     grid: "grid-cols-5",
     width: "w-[1150px]"
   }
-}, j = ({
-  children: l,
+}, E = ({
+  children: i,
   className: o,
-  active: n,
-  ...i
-}) => /* @__PURE__ */ e(
+  active: a,
+  ...l
+}) => /* @__PURE__ */ r(
   "div",
   {
-    className: u(
+    className: p(
       "cursor-pointer font-semibold px-3 rounded-lg flex items-center w-full whitespace-nowrap gap-x-2 transition-colors duration-150 hover:text-gray-900 hover:bg-gray-100 dark:hover:text-gray-100 dark:hover:bg-gray-800",
-      n && "bg-gray-100 dark:bg-gray-800",
+      a && "bg-gray-100 dark:bg-gray-800",
       o
     ),
     role: "menuitem",
-    ...i,
-    children: l
+    ...l,
+    children: i
   }
-), T = ({ icon: l }) => typeof l != "string" && !l ? /* @__PURE__ */ e(w, {}) : /* @__PURE__ */ e(w, { children: k[l] && /* @__PURE__ */ e("span", { className: "text-xl", children: k[l] || /* @__PURE__ */ e(f, {}) }) }), I = ({
-  path: l,
+), w = ({ icon: i }) => typeof i != "string" && !i ? /* @__PURE__ */ r(g, {}) : /* @__PURE__ */ r(g, { children: y[i] && /* @__PURE__ */ r("span", { className: "text-xl", children: y[i] || /* @__PURE__ */ r(u, {}) }) }), N = ({
+  path: i,
   isExternalLink: o,
-  onClick: n,
-  icon: i,
-  title: d,
-  description: p,
-  active: c
-}) => /* @__PURE__ */ e(
-  L,
+  onClick: a,
+  icon: l,
+  title: n,
+  description: h,
+  active: d
+}) => /* @__PURE__ */ r(
+  b,
   {
-    path: l,
+    path: i,
     isExternalLink: o,
     className: "gap-2 block",
-    onClick: n,
-    children: /* @__PURE__ */ a(j, { className: "py-2 px-2 gap-3", active: c, children: [
-      /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
-        z,
+    onClick: a,
+    children: /* @__PURE__ */ s(E, { className: "py-2 px-2 gap-3", active: d, children: [
+      /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(
+        C,
         {
-          className: u(
+          className: p(
             "bg-white dark:bg-transparent p-2 border-2 border-gray-200 dark:border-gray-600",
-            c ? "text-primary" : "heading-text"
+            d ? "text-primary" : "heading-text"
           ),
           size: 40,
-          icon: i,
+          icon: l,
           shape: "round"
         }
       ) }),
-      /* @__PURE__ */ a("div", { className: "min-w-0", children: [
-        /* @__PURE__ */ e("div", { className: "heading-text font-bold", children: d }),
-        /* @__PURE__ */ e("div", { className: "text-xs truncate", children: p })
+      /* @__PURE__ */ s("div", { className: "min-w-0", children: [
+        /* @__PURE__ */ r("div", { className: "heading-text font-bold", children: n }),
+        /* @__PURE__ */ r("div", { className: "text-xs truncate", children: h })
       ] })
     ] })
   }
-), P = (l) => {
-  var g;
+), _ = (i) => {
   const {
     navigationTree: o,
-    t: n,
-    onDropdownClose: i,
-    columns: d = 1,
-    showColumnTitle: p = !0,
-    routeKey: c,
-    userAuthority: h
-  } = l;
-  return /* @__PURE__ */ a("div", { className: "flex max-w-[1400px] w-full", children: [
-    /* @__PURE__ */ e(
+    t: a,
+    onDropdownClose: l,
+    columns: n = 1,
+    showColumnTitle: h = !0,
+    routeKey: d,
+    userAuthority: c
+  } = i;
+  return /* @__PURE__ */ s("div", { className: "flex max-w-[1400px] w-full", children: [
+    /* @__PURE__ */ r(
       "div",
       {
-        className: u(
+        className: p(
           "grid gap-y-6 gap-x-8 p-6 flex-1",
-          (g = C[d]) == null ? void 0 : g.grid
+          k[n]?.grid
         ),
-        children: o.map((r) => r.subMenu.length > 0 ? /* @__PURE__ */ e(
-          x,
+        children: o.map((t) => t.subMenu.length > 0 ? /* @__PURE__ */ r(
+          m,
           {
-            userAuthority: h,
-            authority: r.authority,
-            children: /* @__PURE__ */ a("div", { className: "max-w-[250px]", children: [
-              p && /* @__PURE__ */ e("div", { className: "heading-text font-bold mb-2", children: n(r.translateKey, r.title) }),
-              r.subMenu.map((s) => {
-                var m, y, t, b;
-                return /* @__PURE__ */ e(
-                  x,
-                  {
-                    userAuthority: h,
-                    authority: s.authority,
-                    children: /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
-                      I,
-                      {
-                        path: s.path,
-                        isExternalLink: s.isExternalLink,
-                        icon: k[s.icon] || /* @__PURE__ */ e(f, {}),
-                        title: n(s.translateKey, s.title),
-                        description: n(
-                          ((y = (m = s.meta) == null ? void 0 : m.description) == null ? void 0 : y.translateKey) || "",
-                          ((b = (t = s.meta) == null ? void 0 : t.description) == null ? void 0 : b.label) || ""
-                        ),
-                        active: s.key === c,
-                        onClick: i
-                      }
-                    ) }, s.key)
-                  },
-                  s.key
-                );
-              })
+            userAuthority: c,
+            authority: t.authority,
+            children: /* @__PURE__ */ s("div", { className: "max-w-[250px]", children: [
+              h && /* @__PURE__ */ r("div", { className: "heading-text font-bold mb-2", children: a(t.translateKey, t.title) }),
+              t.subMenu.map((e) => /* @__PURE__ */ r(
+                m,
+                {
+                  userAuthority: c,
+                  authority: e.authority,
+                  children: /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(
+                    N,
+                    {
+                      path: e.path,
+                      isExternalLink: e.isExternalLink,
+                      icon: y[e.icon] || /* @__PURE__ */ r(u, {}),
+                      title: a(e.translateKey, e.title),
+                      description: a(
+                        e.meta?.description?.translateKey || "",
+                        e.meta?.description?.label || ""
+                      ),
+                      active: e.key === d,
+                      onClick: l
+                    }
+                  ) }, e.key)
+                },
+                e.key
+              ))
             ] })
           },
-          r.key
+          t.key
         ) : null)
       }
     ),
-    o.some((r) => r.type === N) && /* @__PURE__ */ e(
+    o.some((t) => t.type === x) && /* @__PURE__ */ r(
       "div",
       {
-        className: u(
+        className: p(
           "ltr:border-l rtl:border-r border-gray-200 dark:border-gray-800 min-w-[280px] p-4 flex flex-col"
         ),
-        children: o.map((r) => {
-          var s, m, y, t;
-          return r.subMenu.length === 0 && r.type === N ? /* @__PURE__ */ e(
-            x,
-            {
-              userAuthority: h,
-              authority: r.authority,
-              children: /* @__PURE__ */ e(
-                I,
-                {
-                  path: r.path,
-                  isExternalLink: r.isExternalLink,
-                  icon: k[r.icon] || /* @__PURE__ */ e(f, {}),
-                  title: n(r.translateKey, r.title),
-                  description: n(
-                    ((m = (s = r.meta) == null ? void 0 : s.description) == null ? void 0 : m.translateKey) || "",
-                    ((t = (y = r.meta) == null ? void 0 : y.description) == null ? void 0 : t.label) || ""
-                  ),
-                  active: r.key === c,
-                  onClick: i
-                },
-                r.key
-              )
-            },
-            r.key
-          ) : null;
-        })
+        children: o.map((t) => t.subMenu.length === 0 && t.type === x ? /* @__PURE__ */ r(
+          m,
+          {
+            userAuthority: c,
+            authority: t.authority,
+            children: /* @__PURE__ */ r(
+              N,
+              {
+                path: t.path,
+                isExternalLink: t.isExternalLink,
+                icon: y[t.icon] || /* @__PURE__ */ r(u, {}),
+                title: a(t.translateKey, t.title),
+                description: a(
+                  t.meta?.description?.translateKey || "",
+                  t.meta?.description?.label || ""
+                ),
+                active: t.key === d,
+                onClick: l
+              },
+              t.key
+            )
+          },
+          t.key
+        ) : null)
       }
     )
   ] });
-}, A = ({
-  navigationTree: l,
+}, M = ({
+  navigationTree: i,
   t: o,
-  onDropdownClose: n,
-  routeKey: i,
-  userAuthority: d
+  onDropdownClose: a,
+  routeKey: l,
+  userAuthority: n
 }) => {
-  const p = (c, h) => {
-    const g = h + 1;
-    return /* @__PURE__ */ e("div", { className: u(h === 0 && "p-3"), children: c.map((r) => /* @__PURE__ */ e(
-      x,
+  const h = (d, c) => {
+    const t = c + 1;
+    return /* @__PURE__ */ r("div", { className: p(c === 0 && "p-3"), children: d.map((e) => /* @__PURE__ */ r(
+      m,
       {
-        userAuthority: d,
-        authority: r.authority,
-        children: /* @__PURE__ */ a("ul", { children: [
-          r.type === N && /* @__PURE__ */ e(_.Item, { active: i === r.key, children: /* @__PURE__ */ a(
-            L,
+        userAuthority: n,
+        authority: e.authority,
+        children: /* @__PURE__ */ s("ul", { children: [
+          e.type === x && /* @__PURE__ */ r(f.Item, { active: l === e.key, children: /* @__PURE__ */ s(
+            b,
             {
-              path: r.path,
-              isExternalLink: r.isExternalLink,
+              path: e.path,
+              isExternalLink: e.isExternalLink,
               className: "gap-2 h-full",
-              onClick: n,
+              onClick: a,
               children: [
-                /* @__PURE__ */ e(T, { icon: r.icon }),
-                /* @__PURE__ */ e("span", { children: o(r.translateKey, r.title) })
+                /* @__PURE__ */ r(w, { icon: e.icon }),
+                /* @__PURE__ */ r("span", { children: o(e.translateKey, e.title) })
               ]
             }
           ) }),
-          r.type === D && /* @__PURE__ */ e(
-            _,
+          e.type === L && /* @__PURE__ */ r(
+            f,
             {
-              renderTitle: /* @__PURE__ */ a("span", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ e(T, { icon: r.icon }),
-                /* @__PURE__ */ e("span", { children: o(r.translateKey, r.title) })
+              renderTitle: /* @__PURE__ */ s("span", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ r(w, { icon: e.icon }),
+                /* @__PURE__ */ r("span", { children: o(e.translateKey, e.title) })
               ] }),
-              children: r.subMenu && r.subMenu.length > 0 && p(r.subMenu, g)
+              children: e.subMenu && e.subMenu.length > 0 && h(e.subMenu, t)
             }
           )
         ] })
       },
-      r.key
+      e.key
     )) });
   };
-  return /* @__PURE__ */ e(w, { children: p(l, 0) });
-}, S = ({
-  navigationTree: l,
+  return /* @__PURE__ */ r(g, { children: h(i, 0) });
+}, T = ({
+  navigationTree: i,
   t: o,
-  onDropdownClose: n,
-  columns: i,
-  routeKey: d,
-  userAuthority: p,
-  routeParentKey: c
+  onDropdownClose: a,
+  columns: l,
+  routeKey: n,
+  userAuthority: h,
+  routeParentKey: d
 }) => {
-  var r, s, m, y;
-  const [h, g] = H(
-    l.some((t) => t.key === c) ? c : ((r = l[0]) == null ? void 0 : r.key) || ""
+  const [c, t] = K(
+    i.some((e) => e.key === d) ? d : i[0]?.key || ""
   );
-  return /* @__PURE__ */ a("div", { className: "flex", children: [
-    /* @__PURE__ */ e("div", { className: "p-4", children: l.map((t) => {
-      var b, E, K, M;
-      return t.subMenu.length > 0 ? /* @__PURE__ */ e(
-        x,
-        {
-          userAuthority: p,
-          authority: t.authority,
-          children: /* @__PURE__ */ e("div", { className: "min-w-[250px]", children: /* @__PURE__ */ e("div", { children: /* @__PURE__ */ a(
-            j,
-            {
-              className: "py-2 px-2 gap-3",
-              active: t.key === h,
-              onClick: () => g(t.key),
-              children: [
-                /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
-                  z,
-                  {
-                    className: u(
-                      "bg-white dark:bg-transparent p-2 border-2 border-gray-200 dark:border-gray-600",
-                      t.key === d ? "text-primary" : "heading-text"
-                    ),
-                    size: 40,
-                    icon: k[t.icon] || /* @__PURE__ */ e(f, {}),
-                    shape: "round"
-                  }
-                ) }),
-                /* @__PURE__ */ a("div", { className: "min-w-0", children: [
-                  /* @__PURE__ */ e("div", { className: "heading-text font-bold", children: o(t.translateKey, t.title) }),
-                  /* @__PURE__ */ e("div", { className: "text-xs truncate", children: o(
-                    ((E = (b = t.meta) == null ? void 0 : b.description) == null ? void 0 : E.translateKey) || "",
-                    ((M = (K = t.meta) == null ? void 0 : K.description) == null ? void 0 : M.label) || ""
-                  ) })
-                ] })
-              ]
-            }
-          ) }, t.key) })
-        },
-        t.key
-      ) : null;
-    }) }),
-    l.some(
-      (t) => t.key === h && t.type === D
-    ) && /* @__PURE__ */ e("div", { className: "ltr:border-l rtl:border-r border-gray-200 dark:border-gray-800 p-6", children: /* @__PURE__ */ e(
+  return /* @__PURE__ */ s("div", { className: "flex", children: [
+    /* @__PURE__ */ r("div", { className: "p-4", children: i.map((e) => e.subMenu.length > 0 ? /* @__PURE__ */ r(
+      m,
+      {
+        userAuthority: h,
+        authority: e.authority,
+        children: /* @__PURE__ */ r("div", { className: "min-w-[250px]", children: /* @__PURE__ */ r("div", { children: /* @__PURE__ */ s(
+          E,
+          {
+            className: "py-2 px-2 gap-3",
+            active: e.key === c,
+            onClick: () => t(e.key),
+            children: [
+              /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(
+                C,
+                {
+                  className: p(
+                    "bg-white dark:bg-transparent p-2 border-2 border-gray-200 dark:border-gray-600",
+                    e.key === n ? "text-primary" : "heading-text"
+                  ),
+                  size: 40,
+                  icon: y[e.icon] || /* @__PURE__ */ r(u, {}),
+                  shape: "round"
+                }
+              ) }),
+              /* @__PURE__ */ s("div", { className: "min-w-0", children: [
+                /* @__PURE__ */ r("div", { className: "heading-text font-bold", children: o(e.translateKey, e.title) }),
+                /* @__PURE__ */ r("div", { className: "text-xs truncate", children: o(
+                  e.meta?.description?.translateKey || "",
+                  e.meta?.description?.label || ""
+                ) })
+              ] })
+            ]
+          }
+        ) }, e.key) })
+      },
+      e.key
+    ) : null) }),
+    i.some(
+      (e) => e.key === c && e.type === L
+    ) && /* @__PURE__ */ r("div", { className: "ltr:border-l rtl:border-r border-gray-200 dark:border-gray-800 p-6", children: /* @__PURE__ */ r(
       "div",
       {
-        className: u(
+        className: p(
           "grid gap-x-8 flex-1",
-          (s = C[i]) == null ? void 0 : s.grid,
-          (m = C[i]) == null ? void 0 : m.width
+          k[l]?.grid,
+          k[l]?.width
         ),
-        children: (y = l.find((t) => t.key === h)) == null ? void 0 : y.subMenu.map((t) => /* @__PURE__ */ e(
-          x,
+        children: i.find((e) => e.key === c)?.subMenu.map((e) => /* @__PURE__ */ r(
+          m,
           {
-            userAuthority: p,
-            authority: t.authority,
-            children: /* @__PURE__ */ e(
-              L,
+            userAuthority: h,
+            authority: e.authority,
+            children: /* @__PURE__ */ r(
+              b,
               {
-                path: t.path,
-                isExternalLink: t.isExternalLink,
+                path: e.path,
+                isExternalLink: e.isExternalLink,
                 className: "gap-2 group",
-                onClick: () => n(),
-                children: /* @__PURE__ */ a(
+                onClick: () => a(),
+                children: /* @__PURE__ */ s(
                   "div",
                   {
-                    className: u(
+                    className: p(
                       "flex items-center gap-2 h-[42px] heading-text group-hover:text-primary",
-                      d === t.key && "text-primary"
+                      n === e.key && "text-primary"
                     ),
                     children: [
-                      /* @__PURE__ */ e("span", { className: "text-xl", children: k[t.icon] || /* @__PURE__ */ e(f, {}) }),
-                      /* @__PURE__ */ e("span", { children: o(t.translateKey, t.title) })
+                      /* @__PURE__ */ r("span", { className: "text-xl", children: y[e.icon] || /* @__PURE__ */ r(u, {}) }),
+                      /* @__PURE__ */ r("span", { children: o(e.translateKey, e.title) })
                     ]
                   }
                 )
               }
             )
           },
-          t.key
+          e.key
         ))
       }
     ) })
   ] });
-}, U = (l) => {
-  const { style: o, navigationTree: n, layoutMeta: i, ...d } = l;
-  return /* @__PURE__ */ a(
+}, F = (i) => {
+  const { style: o, navigationTree: a, layoutMeta: l, ...n } = i;
+  return /* @__PURE__ */ s(
     "div",
     {
       className: "rounded-2xl bg-white dark:bg-gray-900 ring-0 shadow-[0px_48px_64px_-16px_rgba(0,0,0,0.25)] border border-gray-100 dark:border-gray-800 focus:outline-none min-w-[180px]",
       style: o,
       children: [
-        (i == null ? void 0 : i.layout) === "default" && /* @__PURE__ */ e(A, { navigationTree: n, ...d }),
-        (i == null ? void 0 : i.layout) === "columns" && /* @__PURE__ */ e(
-          P,
+        l?.layout === "default" && /* @__PURE__ */ r(M, { navigationTree: a, ...n }),
+        l?.layout === "columns" && /* @__PURE__ */ r(
+          _,
           {
-            navigationTree: n,
-            columns: i.columns,
-            showColumnTitle: i.showColumnTitle,
-            ...d
+            navigationTree: a,
+            columns: l.columns,
+            showColumnTitle: l.showColumnTitle,
+            ...n
           }
         ),
-        (i == null ? void 0 : i.layout) === "tabs" && /* @__PURE__ */ e(
-          S,
+        l?.layout === "tabs" && /* @__PURE__ */ r(
+          T,
           {
-            navigationTree: n,
-            columns: i.columns,
-            ...d
+            navigationTree: a,
+            columns: l.columns,
+            ...n
           }
         ),
-        !i && /* @__PURE__ */ e(A, { navigationTree: n, ...d })
+        !l && /* @__PURE__ */ r(M, { navigationTree: a, ...n })
       ]
     }
   );
 };
 export {
-  U as default
+  F as default
 };
 //# sourceMappingURL=HorizontalMenuDropdownContent.js.map