@orbe-agro/client-core 3.4.3 → 3.4.4

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

@@ -1,75 +0,0 @@
-import { jsx as t, jsxs as y } from "react/jsx-runtime";
-import c from "./HorizontalMenuDropdownTrigger.js";
-import f from "./HorizontalMenuDropdown.js";
-import g from "./HorizontalMenuDropdownContent.js";
-import M from "../../shared/AuthorityCheck.js";
-import { useTranslation as x } from "../../../utils/hooks/useTranslation.js";
-import C from "../../../utils/hooks/useMenuActive.js";
-import { TbChevronDown as k } from "react-icons/tb";
-const A = (l) => {
-  const {
-    routeKey: s,
-    navigationTree: a = [],
-    translationSetup: d,
-    userAuthority: m
-  } = l, { t: o } = x(!d), { activedRoute: r } = C(a, s);
-  return /* @__PURE__ */ t("div", { className: "flex gap-1", children: a.map((e) => {
-    var u, p;
-    return /* @__PURE__ */ t(
-      M,
-      {
-        userAuthority: m,
-        authority: e.authority,
-        children: e.subMenu.length > 0 ? /* @__PURE__ */ t(
-          f,
-          {
-            dropdownLean: ((p = (u = e.meta) == null ? void 0 : u.horizontalMenu) == null ? void 0 : p.layout) === "default",
-            triggerContent: ({ ref: n, props: i }) => /* @__PURE__ */ t(
-              c,
-              {
-                ref: n,
-                ...i,
-                asElement: "button",
-                children: /* @__PURE__ */ y("div", { className: "flex items-center gap-1", children: [
-                  /* @__PURE__ */ t("span", { children: o(e.translateKey, e.title) }),
-                  /* @__PURE__ */ t(k, {})
-                ] })
-              }
-            ),
-            menuContent: ({ styles: n, handleDropdownClose: i }) => {
-              var h;
-              return /* @__PURE__ */ t(
-                g,
-                {
-                  style: n,
-                  navigationTree: e.subMenu,
-                  t: o,
-                  layoutMeta: (h = e == null ? void 0 : e.meta) == null ? void 0 : h.horizontalMenu,
-                  routeKey: s,
-                  routeParentKey: r == null ? void 0 : r.parentKey,
-                  userAuthority: m,
-                  onDropdownClose: i
-                }
-              );
-            }
-          }
-        ) : /* @__PURE__ */ t(
-          c,
-          {
-            ...l,
-            path: e.path,
-            isExternalLink: e.isExternalLink,
-            active: (r == null ? void 0 : r.key) === e.key,
-            asElement: "a",
-            children: /* @__PURE__ */ t("div", { className: "flex items-center gap-1", children: /* @__PURE__ */ t("span", { children: o(e.translateKey, e.title) }) })
-          }
-        )
-      },
-      e.key
-    );
-  }) });
-};
-export {
-  A as default
-};
-//# sourceMappingURL=HorizontalMenuContent.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"HorizontalMenuContent.js","sources":["../../../../../../lib/@ecme/components/template/HorizontalMenuContent/HorizontalMenuContent.tsx"],"sourcesContent":["import HorizontalMenuDropdownTrigger from './HorizontalMenuDropdownTrigger'\nimport HorizontalMenuDropdown from './HorizontalMenuDropdown'\nimport HorizontalMenuDropdownContent from './HorizontalMenuDropdownContent'\nimport AuthorityCheck from '@/components/shared/AuthorityCheck'\nimport useTranslation from '@/utils/hooks/useTranslation'\nimport useMenuActive from '@/utils/hooks/useMenuActive'\nimport { TbChevronDown } from 'react-icons/tb'\nimport { Direction } from '@/@types/theme'\nimport type { NavigationTree } from '@/@types/navigation'\nimport type { TraslationFn } from '@/@types/common'\n\ntype HorizontalMenuContentProps = {\n    routeKey: string\n    navigationTree?: NavigationTree[]\n    direction?: Direction\n    translationSetup?: boolean\n    userAuthority: string[]\n}\n\nconst HorizontalMenuContent = (props: HorizontalMenuContentProps) => {\n    const {\n        routeKey,\n        navigationTree = [],\n        translationSetup,\n        userAuthority,\n    } = props\n\n    const { t } = useTranslation(!translationSetup)\n    const { activedRoute } = useMenuActive(navigationTree, routeKey)\n\n    return (\n        <div className=\"flex gap-1\">\n            {navigationTree.map((nav) => (\n                <AuthorityCheck\n                    key={nav.key}\n                    userAuthority={userAuthority}\n                    authority={nav.authority}\n                >\n                    {nav.subMenu.length > 0 ? (\n                        <HorizontalMenuDropdown\n                            dropdownLean={\n                                nav.meta?.horizontalMenu?.layout === 'default'\n                            }\n                            triggerContent={({ ref, props }) => (\n                                <HorizontalMenuDropdownTrigger\n                                    ref={ref}\n                                    {...props}\n                                    asElement=\"button\"\n                                >\n                                    <div className=\"flex items-center gap-1\">\n                                        <span>\n                                            {t(nav.translateKey, nav.title)}\n                                        </span>\n                                        <TbChevronDown />\n                                    </div>\n                                </HorizontalMenuDropdownTrigger>\n                            )}\n                            menuContent={({ styles, handleDropdownClose }) => (\n                                <HorizontalMenuDropdownContent\n                                    style={styles}\n                                    navigationTree={nav.subMenu}\n                                    t={t as TraslationFn}\n                                    layoutMeta={nav?.meta?.horizontalMenu}\n                                    routeKey={routeKey}\n                                    routeParentKey={activedRoute?.parentKey}\n                                    userAuthority={userAuthority}\n                                    onDropdownClose={handleDropdownClose}\n                                />\n                            )}\n                        ></HorizontalMenuDropdown>\n                    ) : (\n                        <HorizontalMenuDropdownTrigger\n                            {...props}\n                            path={nav.path}\n                            isExternalLink={nav.isExternalLink}\n                            active={activedRoute?.key === nav.key}\n                            asElement=\"a\"\n                        >\n                            <div className=\"flex items-center gap-1\">\n                                <span>{t(nav.translateKey, nav.title)}</span>\n                            </div>\n                        </HorizontalMenuDropdownTrigger>\n                    )}\n                </AuthorityCheck>\n            ))}\n        </div>\n    )\n}\n\nexport default HorizontalMenuContent\n"],"names":["HorizontalMenuContent","props","routeKey","navigationTree","translationSetup","userAuthority","t","useTranslation","activedRoute","useMenuActive","nav","jsx","AuthorityCheck","HorizontalMenuDropdown","_b","_a","ref","HorizontalMenuDropdownTrigger","jsxs","TbChevronDown","styles","handleDropdownClose","HorizontalMenuDropdownContent"],"mappings":";;;;;;;;AAmBM,MAAAA,IAAwB,CAACC,MAAsC;AAC3D,QAAA;AAAA,IACF,UAAAC;AAAA,IACA,gBAAAC,IAAiB,CAAC;AAAA,IAClB,kBAAAC;AAAA,IACA,eAAAC;AAAA,EAAA,IACAJ,GAEE,EAAE,GAAAK,EAAA,IAAMC,EAAe,CAACH,CAAgB,GACxC,EAAE,cAAAI,EAAiB,IAAAC,EAAcN,GAAgBD,CAAQ;AAE/D,2BACK,OAAI,EAAA,WAAU,cACV,UAAeC,EAAA,IAAI,CAACO;;AACjB,2BAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QAEG,eAAAP;AAAA,QACA,WAAWK,EAAI;AAAA,QAEd,UAAAA,EAAI,QAAQ,SAAS,IAClB,gBAAAC;AAAA,UAACE;AAAA,UAAA;AAAA,YACG,gBACIC,KAAAC,IAAAL,EAAI,SAAJ,gBAAAK,EAAU,mBAAV,gBAAAD,EAA0B,YAAW;AAAA,YAEzC,gBAAgB,CAAC,EAAE,KAAAE,GAAK,OAAAf,EACpB,MAAA,gBAAAU;AAAA,cAACM;AAAA,cAAA;AAAA,gBACG,KAAAD;AAAA,gBACC,GAAGf;AAAAA,gBACJ,WAAU;AAAA,gBAEV,UAAA,gBAAAiB,EAAC,OAAI,EAAA,WAAU,2BACX,UAAA;AAAA,kBAAA,gBAAAP,EAAC,UACI,UAAEL,EAAAI,EAAI,cAAcA,EAAI,KAAK,GAClC;AAAA,oCACCS,GAAc,CAAA,CAAA;AAAA,gBAAA,EACnB,CAAA;AAAA,cAAA;AAAA,YACJ;AAAA,YAEJ,aAAa,CAAC,EAAE,QAAAC,GAAQ,qBAAAC,EACpB,MAAA;;AAAA,qCAAAV;AAAA,gBAACW;AAAA,gBAAA;AAAA,kBACG,OAAOF;AAAA,kBACP,gBAAgBV,EAAI;AAAA,kBACpB,GAAAJ;AAAA,kBACA,aAAYS,IAAAL,KAAA,gBAAAA,EAAK,SAAL,gBAAAK,EAAW;AAAA,kBACvB,UAAAb;AAAA,kBACA,gBAAgBM,KAAA,gBAAAA,EAAc;AAAA,kBAC9B,eAAAH;AAAA,kBACA,iBAAiBgB;AAAA,gBAAA;AAAA,cAAA;AAAA;AAAA,UACrB;AAAA,QAAA,IAIR,gBAAAV;AAAA,UAACM;AAAA,UAAA;AAAA,YACI,GAAGhB;AAAA,YACJ,MAAMS,EAAI;AAAA,YACV,gBAAgBA,EAAI;AAAA,YACpB,SAAQF,KAAA,gBAAAA,EAAc,SAAQE,EAAI;AAAA,YAClC,WAAU;AAAA,YAEV,UAAC,gBAAAC,EAAA,OAAA,EAAI,WAAU,2BACX,UAAC,gBAAAA,EAAA,QAAA,EAAM,UAAEL,EAAAI,EAAI,cAAcA,EAAI,KAAK,EAAA,CAAE,EAC1C,CAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACJ;AAAA,MA/CCA,EAAI;AAAA,IAkDhB;AAAA,GAAA,GACL;AAER;"}

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

@@ -1,152 +0,0 @@
-import { jsx as s, jsxs as B } from "react/jsx-runtime";
-import { createContext as G, useState as p, useRef as R, useContext as J, useEffect as M } from "react";
-import { useFloatingTree as K, useFloatingNodeId as Q, useFloatingParentNodeId as V, useListItem as W, useFloating as X, autoUpdate as Z, offset as _, flip as $, shift as ee, useTransitionStyles as te, useHover as ne, safePolygon as oe, useClick as se, useRole as ie, useDismiss as ae, useListNavigation as re, useTypeahead as le, useInteractions as ce, useMergeRefs as de, FloatingTree as ue, FloatingNode as fe, FloatingList as pe, FloatingPortal as me, FloatingFocusManager as ge } from "@floating-ui/react";
-const w = G({
-  getItemProps: () => ({}),
-  activeIndex: null,
-  setActiveIndex: () => {
-  },
-  setHasFocusInside: () => {
-  },
-  isOpen: !1
-}), Fe = (m) => {
-  const { menuContent: l, triggerContent: c, dropdownLean: N } = m, [i, g] = p(!1), [O, h] = p(!1), [d, u] = p(null), I = R([]), v = R([]), F = J(w), e = K(), o = Q(), a = V(), k = W(), t = a != null, { floatingStyles: C, refs: x, context: n } = X({
-    nodeId: o,
-    open: i,
-    onOpenChange: g,
-    placement: t ? "right-start" : N ? "bottom-start" : "bottom",
-    middleware: [
-      _({
-        mainAxis: t ? 0 : 4,
-        alignmentAxis: t ? -4 : 0
-      }),
-      $(),
-      ee()
-    ],
-    whileElementsMounted: Z
-  }), { isMounted: b, styles: H } = te(n, {
-    common: ({ side: r }) => ({
-      transformOrigin: {
-        top: "bottom",
-        bottom: "top",
-        left: "right",
-        right: "left"
-      }[r]
-    }),
-    initial: {
-      transform: "translateY(-5%)",
-      opacity: 0
-    },
-    duration: 200,
-    open: {
-      opacity: 1,
-      transform: "translateY(0%)"
-    },
-    close: {
-      opacity: 0,
-      transform: "translateY(-5%)"
-    }
-  }), T = ne(n, {
-    enabled: t,
-    handleClose: oe({ blockPointerEvents: !0 })
-  }), A = se(n, {
-    event: "mousedown",
-    toggle: !t,
-    ignoreMouse: t
-  }), L = ie(n, { role: "menu" }), S = ae(n, { bubbles: !0 }), D = re(n, {
-    listRef: I,
-    activeIndex: d,
-    nested: t,
-    onNavigate: u
-  }), E = le(n, {
-    listRef: v,
-    onMatch: i ? u : void 0,
-    activeIndex: d
-  }), { getReferenceProps: Y, getFloatingProps: j, getItemProps: z } = ce([
-    T,
-    A,
-    L,
-    S,
-    D,
-    E
-  ]), f = () => {
-    g(!1);
-  };
-  M(() => {
-    if (!e) return;
-    function r() {
-      f();
-    }
-    function P(y) {
-      y.nodeId !== o && y.parentId === a && f();
-    }
-    return e.events.on("click", r), e.events.on("menuopen", P), () => {
-      e.events.off("click", r), e.events.off("menuopen", P);
-    };
-  }, [e, o, a]), M(() => {
-    i && e && e.events.emit("menuopen", { parentId: a, nodeId: o });
-  }, [e, i, o, a]);
-  const U = de([x.setReference, k.ref]), q = {
-    ...Y(
-      F.getItemProps({
-        ...m,
-        onFocus() {
-          h(!1), F.setHasFocusInside(!0);
-        }
-      })
-    )
-  };
-  return /* @__PURE__ */ s(ue, { children: /* @__PURE__ */ B(fe, { id: o, children: [
-    c == null ? void 0 : c({
-      ref: U,
-      props: q,
-      hasFocusInside: O,
-      isOpen: b
-    }),
-    /* @__PURE__ */ s(
-      w.Provider,
-      {
-        value: {
-          activeIndex: d,
-          setActiveIndex: u,
-          getItemProps: z,
-          setHasFocusInside: h,
-          isOpen: i
-        },
-        children: /* @__PURE__ */ s(
-          pe,
-          {
-            elementsRef: I,
-            labelsRef: v,
-            children: b && /* @__PURE__ */ s(me, { children: /* @__PURE__ */ s(
-              ge,
-              {
-                context: n,
-                modal: !1,
-                initialFocus: t ? -1 : 0,
-                returnFocus: !t,
-                children: /* @__PURE__ */ s(
-                  "div",
-                  {
-                    ref: x.setFloating,
-                    style: C,
-                    className: "outline-none z-30",
-                    ...j(),
-                    children: l == null ? void 0 : l({
-                      styles: H,
-                      handleDropdownClose: f
-                    })
-                  }
-                )
-              }
-            ) })
-          }
-        )
-      }
-    )
-  ] }) });
-};
-export {
-  Fe as default
-};
-//# sourceMappingURL=HorizontalMenuDropdown.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"HorizontalMenuDropdown.js","sources":["../../../../../../lib/@ecme/components/template/HorizontalMenuContent/HorizontalMenuDropdown.tsx"],"sourcesContent":["import { useEffect, useState, useRef, useContext, createContext } from 'react'\nimport {\n    autoUpdate,\n    flip,\n    FloatingFocusManager,\n    FloatingList,\n    FloatingNode,\n    FloatingPortal,\n    FloatingTree,\n    offset,\n    safePolygon,\n    shift,\n    useClick,\n    useDismiss,\n    useFloating,\n    useFloatingNodeId,\n    useFloatingParentNodeId,\n    useFloatingTree,\n    useHover,\n    useInteractions,\n    useListItem,\n    useListNavigation,\n    useMergeRefs,\n    useRole,\n    useTypeahead,\n    useTransitionStyles,\n} from '@floating-ui/react'\nimport type {\n    CSSProperties,\n    HTMLProps,\n    Dispatch,\n    SetStateAction,\n    ReactNode,\n} from 'react'\n\ninterface HorizontalMenuDropdownProps {\n    dropdownLean?: boolean\n    triggerContent?: (payload: {\n        ref: ((instance: HTMLElement | null) => void) | null\n        props: { [x: string]: unknown }\n        isOpen: boolean\n        hasFocusInside: boolean\n    }) => ReactNode\n    menuContent?: (props: {\n        styles: CSSProperties\n        handleDropdownClose: () => void\n    }) => ReactNode\n}\n\nconst MenuContext = createContext<{\n    getItemProps: (\n        userProps?: HTMLProps<HTMLElement>,\n    ) => Record<string, unknown>\n    activeIndex: number | null\n    setActiveIndex: Dispatch<SetStateAction<number | null>>\n    setHasFocusInside: Dispatch<SetStateAction<boolean>>\n    isOpen: boolean\n}>({\n    getItemProps: () => ({}),\n    activeIndex: null,\n    setActiveIndex: () => {},\n    setHasFocusInside: () => {},\n    isOpen: false,\n})\n\nconst HorizontalMenuDropdown = (props: HorizontalMenuDropdownProps) => {\n    const { menuContent, triggerContent, dropdownLean } = props\n\n    const [isOpen, setIsOpen] = useState(false)\n    const [hasFocusInside, setHasFocusInside] = useState(false)\n    const [activeIndex, setActiveIndex] = useState<number | null>(null)\n\n    const elementsRef = useRef<Array<HTMLButtonElement | null>>([])\n    const labelsRef = useRef<Array<string | null>>([])\n    const parent = useContext(MenuContext)\n\n    const tree = useFloatingTree()\n    const nodeId = useFloatingNodeId()\n    const parentId = useFloatingParentNodeId()\n    const item = useListItem()\n\n    const isNested = parentId != null\n\n    const { floatingStyles, refs, context } = useFloating<HTMLButtonElement>({\n        nodeId,\n        open: isOpen,\n        onOpenChange: setIsOpen,\n        placement: isNested\n            ? 'right-start'\n            : dropdownLean\n              ? 'bottom-start'\n              : 'bottom',\n        middleware: [\n            offset({\n                mainAxis: isNested ? 0 : 4,\n                alignmentAxis: isNested ? -4 : 0,\n            }),\n            flip(),\n            shift(),\n        ],\n        whileElementsMounted: autoUpdate,\n    })\n\n    const { isMounted, styles } = useTransitionStyles(context, {\n        common: ({ side }) => ({\n            transformOrigin: {\n                top: 'bottom',\n                bottom: 'top',\n                left: 'right',\n                right: 'left',\n            }[side],\n        }),\n        initial: {\n            transform: 'translateY(-5%)',\n            opacity: 0,\n        },\n        duration: 200,\n        open: {\n            opacity: 1,\n            transform: 'translateY(0%)',\n        },\n        close: {\n            opacity: 0,\n            transform: 'translateY(-5%)',\n        },\n    })\n\n    const hover = useHover(context, {\n        enabled: isNested,\n        handleClose: safePolygon({ blockPointerEvents: true }),\n    })\n    const click = useClick(context, {\n        event: 'mousedown',\n        toggle: !isNested,\n        ignoreMouse: isNested,\n    })\n    const role = useRole(context, { role: 'menu' })\n    const dismiss = useDismiss(context, { bubbles: true })\n    const listNavigation = useListNavigation(context, {\n        listRef: elementsRef,\n        activeIndex,\n        nested: isNested,\n        onNavigate: setActiveIndex,\n    })\n    const typeahead = useTypeahead(context, {\n        listRef: labelsRef,\n        onMatch: isOpen ? setActiveIndex : undefined,\n        activeIndex,\n    })\n\n    const { getReferenceProps, getFloatingProps, getItemProps } =\n        useInteractions([\n            hover,\n            click,\n            role,\n            dismiss,\n            listNavigation,\n            typeahead,\n        ])\n\n    const handleDropdownClose = () => {\n        setIsOpen(false)\n    }\n\n    useEffect(() => {\n        if (!tree) return\n\n        function handleTreeClick() {\n            handleDropdownClose()\n        }\n\n        function onSubMenuOpen(event: { nodeId: string; parentId: string }) {\n            if (event.nodeId !== nodeId && event.parentId === parentId) {\n                handleDropdownClose()\n            }\n        }\n\n        tree.events.on('click', handleTreeClick)\n        tree.events.on('menuopen', onSubMenuOpen)\n\n        return () => {\n            tree.events.off('click', handleTreeClick)\n            tree.events.off('menuopen', onSubMenuOpen)\n        }\n    }, [tree, nodeId, parentId])\n\n    useEffect(() => {\n        if (isOpen && tree) {\n            tree.events.emit('menuopen', { parentId, nodeId })\n        }\n    }, [tree, isOpen, nodeId, parentId])\n\n    const dropdownRef = useMergeRefs([refs.setReference, item.ref])\n    const dropdownProps = {\n        ...getReferenceProps(\n            parent.getItemProps({\n                ...props,\n                onFocus() {\n                    setHasFocusInside(false)\n                    parent.setHasFocusInside(true)\n                },\n            }),\n        ),\n    }\n\n    return (\n        <FloatingTree>\n            <FloatingNode id={nodeId}>\n                {triggerContent?.({\n                    ref: dropdownRef,\n                    props: dropdownProps,\n                    hasFocusInside,\n                    isOpen: isMounted,\n                })}\n                <MenuContext.Provider\n                    value={{\n                        activeIndex,\n                        setActiveIndex,\n                        getItemProps,\n                        setHasFocusInside,\n                        isOpen,\n                    }}\n                >\n                    <FloatingList\n                        elementsRef={elementsRef}\n                        labelsRef={labelsRef}\n                    >\n                        {isMounted && (\n                            <FloatingPortal>\n                                <FloatingFocusManager\n                                    context={context}\n                                    modal={false}\n                                    initialFocus={isNested ? -1 : 0}\n                                    returnFocus={!isNested}\n                                >\n                                    <div\n                                        ref={refs.setFloating}\n                                        style={floatingStyles}\n                                        className=\"outline-none z-30\"\n                                        {...getFloatingProps()}\n                                    >\n                                        {menuContent?.({\n                                            styles,\n                                            handleDropdownClose,\n                                        })}\n                                    </div>\n                                </FloatingFocusManager>\n                            </FloatingPortal>\n                        )}\n                    </FloatingList>\n                </MenuContext.Provider>\n            </FloatingNode>\n        </FloatingTree>\n    )\n}\n\nexport default HorizontalMenuDropdown\n"],"names":["MenuContext","createContext","HorizontalMenuDropdown","props","menuContent","triggerContent","dropdownLean","isOpen","setIsOpen","useState","hasFocusInside","setHasFocusInside","activeIndex","setActiveIndex","elementsRef","useRef","labelsRef","parent","useContext","tree","useFloatingTree","nodeId","useFloatingNodeId","parentId","useFloatingParentNodeId","item","useListItem","isNested","floatingStyles","refs","context","useFloating","offset","flip","shift","autoUpdate","isMounted","styles","useTransitionStyles","side","hover","useHover","safePolygon","click","useClick","role","useRole","dismiss","useDismiss","listNavigation","useListNavigation","typeahead","useTypeahead","getReferenceProps","getFloatingProps","getItemProps","useInteractions","handleDropdownClose","useEffect","handleTreeClick","onSubMenuOpen","event","dropdownRef","useMergeRefs","dropdownProps","jsx","FloatingTree","jsxs","FloatingNode","FloatingList","FloatingPortal","FloatingFocusManager"],"mappings":"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"}

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

@@ -1,361 +0,0 @@
-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 = {
-  1: {
-    grid: "grid-cols-1",
-    width: "w-[150px]"
-  },
-  2: {
-    grid: "grid-cols-2",
-    width: "w-[350px]"
-  },
-  3: {
-    grid: "grid-cols-3",
-    width: "w-[750px]"
-  },
-  4: {
-    grid: "grid-cols-4",
-    width: "w-[950px]"
-  },
-  5: {
-    grid: "grid-cols-5",
-    width: "w-[1150px]"
-  }
-}, j = ({
-  children: l,
-  className: o,
-  active: n,
-  ...i
-}) => /* @__PURE__ */ e(
-  "div",
-  {
-    className: u(
-      "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",
-      o
-    ),
-    role: "menuitem",
-    ...i,
-    children: l
-  }
-), 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,
-  isExternalLink: o,
-  onClick: n,
-  icon: i,
-  title: d,
-  description: p,
-  active: c
-}) => /* @__PURE__ */ e(
-  L,
-  {
-    path: l,
-    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,
-        {
-          className: u(
-            "bg-white dark:bg-transparent p-2 border-2 border-gray-200 dark:border-gray-600",
-            c ? "text-primary" : "heading-text"
-          ),
-          size: 40,
-          icon: i,
-          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 })
-      ] })
-    ] })
-  }
-), P = (l) => {
-  var g;
-  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(
-      "div",
-      {
-        className: u(
-          "grid gap-y-6 gap-x-8 p-6 flex-1",
-          (g = C[d]) == null ? void 0 : g.grid
-        ),
-        children: o.map((r) => r.subMenu.length > 0 ? /* @__PURE__ */ e(
-          x,
-          {
-            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
-                );
-              })
-            ] })
-          },
-          r.key
-        ) : null)
-      }
-    ),
-    o.some((r) => r.type === N) && /* @__PURE__ */ e(
-      "div",
-      {
-        className: u(
-          "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;
-        })
-      }
-    )
-  ] });
-}, A = ({
-  navigationTree: l,
-  t: o,
-  onDropdownClose: n,
-  routeKey: i,
-  userAuthority: d
-}) => {
-  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,
-      {
-        userAuthority: d,
-        authority: r.authority,
-        children: /* @__PURE__ */ a("ul", { children: [
-          r.type === N && /* @__PURE__ */ e(_.Item, { active: i === r.key, children: /* @__PURE__ */ a(
-            L,
-            {
-              path: r.path,
-              isExternalLink: r.isExternalLink,
-              className: "gap-2 h-full",
-              onClick: n,
-              children: [
-                /* @__PURE__ */ e(T, { icon: r.icon }),
-                /* @__PURE__ */ e("span", { children: o(r.translateKey, r.title) })
-              ]
-            }
-          ) }),
-          r.type === D && /* @__PURE__ */ e(
-            _,
-            {
-              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) })
-              ] }),
-              children: r.subMenu && r.subMenu.length > 0 && p(
-                r.subMenu,
-                g
-              )
-            }
-          )
-        ] })
-      },
-      r.key
-    )) });
-  };
-  return /* @__PURE__ */ e(w, { children: p(l, 0) });
-}, S = ({
-  navigationTree: l,
-  t: o,
-  onDropdownClose: n,
-  columns: i,
-  routeKey: d,
-  userAuthority: p,
-  routeParentKey: c
-}) => {
-  var r, s, m, y;
-  const [h, g] = H(
-    l.some((t) => t.key === c) ? c : ((r = l[0]) == null ? void 0 : r.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(
-      "div",
-      {
-        className: u(
-          "grid gap-x-8 flex-1",
-          (s = C[i]) == null ? void 0 : s.grid,
-          (m = C[i]) == null ? void 0 : m.width
-        ),
-        children: (y = l.find((t) => t.key === h)) == null ? void 0 : y.subMenu.map((t) => /* @__PURE__ */ e(
-          x,
-          {
-            userAuthority: p,
-            authority: t.authority,
-            children: /* @__PURE__ */ e(
-              L,
-              {
-                path: t.path,
-                isExternalLink: t.isExternalLink,
-                className: "gap-2 group",
-                onClick: () => n(),
-                children: /* @__PURE__ */ a(
-                  "div",
-                  {
-                    className: u(
-                      "flex items-center gap-2 h-[42px] heading-text group-hover:text-primary",
-                      d === t.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) })
-                    ]
-                  }
-                )
-              }
-            )
-          },
-          t.key
-        ))
-      }
-    ) })
-  ] });
-}, U = (l) => {
-  const { style: o, navigationTree: n, layoutMeta: i, ...d } = l;
-  return /* @__PURE__ */ a(
-    "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,
-          {
-            navigationTree: n,
-            columns: i.columns,
-            showColumnTitle: i.showColumnTitle,
-            ...d
-          }
-        ),
-        (i == null ? void 0 : i.layout) === "tabs" && /* @__PURE__ */ e(
-          S,
-          {
-            navigationTree: n,
-            columns: i.columns,
-            ...d
-          }
-        ),
-        !i && /* @__PURE__ */ e(A, { navigationTree: n, ...d })
-      ]
-    }
-  );
-};
-export {
-  U as default
-};
-//# sourceMappingURL=HorizontalMenuDropdownContent.js.map