@orbe-agro/client-core 5.3.86 → 5.3.89

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

@@ -1,7 +1,7 @@
 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({
+import { createContext as G, useState as d, useRef as P, useContext as J, useEffect as y } 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 re, useListNavigation as ae, useTypeahead as le, useInteractions as ce, useMergeRefs as ue, FloatingTree as de, FloatingNode as fe, FloatingList as pe, FloatingPortal as me, FloatingFocusManager as ge } from "@floating-ui/react";
+const C = G({
   getItemProps: () => ({}),
   activeIndex: null,
   setActiveIndex: () => {
@@ -9,12 +9,12 @@ const w = G({
   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({
+}), Fe = (f) => {
+  const { menuContent: R, triggerContent: M, dropdownLean: w } = f, [i, p] = d(!1), [N, m] = d(!1), [l, c] = d(null), g = P([]), h = P([]), I = J(C), e = K(), o = Q(), r = V(), O = W(), t = r != null, { floatingStyles: k, refs: v, context: n } = X({
     nodeId: o,
     open: i,
-    onOpenChange: g,
-    placement: t ? "right-start" : N ? "bottom-start" : "bottom",
+    onOpenChange: p,
+    placement: t ? "right-start" : w ? "bottom-start" : "bottom",
     middleware: [
       _({
         mainAxis: t ? 0 : 4,
@@ -24,14 +24,14 @@ const w = G({
       ee()
     ],
     whileElementsMounted: Z
-  }), { isMounted: b, styles: H } = te(n, {
-    common: ({ side: r }) => ({
+  }), { isMounted: F, styles: H } = te(n, {
+    common: ({ side: a }) => ({
       transformOrigin: {
         top: "bottom",
         bottom: "top",
         left: "right",
         right: "left"
-      }[r]
+      }[a]
     }),
     initial: {
       transform: "translateY(-5%)",
@@ -53,15 +53,15 @@ const w = G({
     event: "mousedown",
     toggle: !t,
     ignoreMouse: t
-  }), L = ie(n, { role: "menu" }), S = ae(n, { bubbles: !0 }), D = re(n, {
-    listRef: I,
-    activeIndex: d,
+  }), L = ie(n, { role: "menu" }), S = re(n, { bubbles: !0 }), D = ae(n, {
+    listRef: g,
+    activeIndex: l,
     nested: t,
-    onNavigate: u
+    onNavigate: c
   }), E = le(n, {
-    listRef: v,
-    onMatch: i ? u : void 0,
-    activeIndex: d
+    listRef: h,
+    onMatch: i ? c : void 0,
+    activeIndex: l
   }), { getReferenceProps: Y, getFloatingProps: j, getItemProps: z } = ce([
     T,
     A,
@@ -69,56 +69,56 @@ const w = G({
     S,
     D,
     E
-  ]), f = () => {
-    g(!1);
+  ]), u = () => {
+    p(!1);
   };
-  M(() => {
+  y(() => {
     if (!e) return;
-    function r() {
-      f();
+    function a() {
+      u();
     }
-    function P(y) {
-      y.nodeId !== o && y.parentId === a && f();
+    function x(b) {
+      b.nodeId !== o && b.parentId === r && u();
     }
-    return e.events.on("click", r), e.events.on("menuopen", P), () => {
-      e.events.off("click", r), e.events.off("menuopen", P);
+    return e.events.on("click", a), e.events.on("menuopen", x), () => {
+      e.events.off("click", a), e.events.off("menuopen", x);
     };
-  }, [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 = {
+  }, [e, o, r]), y(() => {
+    i && e && e.events.emit("menuopen", { parentId: r, nodeId: o });
+  }, [e, i, o, r]);
+  const U = ue([v.setReference, O.ref]), q = {
     ...Y(
-      F.getItemProps({
-        ...m,
+      I.getItemProps({
+        ...f,
         onFocus() {
-          h(!1), F.setHasFocusInside(!0);
+          m(!1), I.setHasFocusInside(!0);
         }
       })
     )
   };
-  return /* @__PURE__ */ s(ue, { children: /* @__PURE__ */ B(fe, { id: o, children: [
-    c == null ? void 0 : c({
+  return /* @__PURE__ */ s(de, { children: /* @__PURE__ */ B(fe, { id: o, children: [
+    M?.({
       ref: U,
       props: q,
-      hasFocusInside: O,
-      isOpen: b
+      hasFocusInside: N,
+      isOpen: F
     }),
     /* @__PURE__ */ s(
-      w.Provider,
+      C.Provider,
       {
         value: {
-          activeIndex: d,
-          setActiveIndex: u,
+          activeIndex: l,
+          setActiveIndex: c,
           getItemProps: z,
-          setHasFocusInside: h,
+          setHasFocusInside: m,
           isOpen: i
         },
         children: /* @__PURE__ */ s(
           pe,
           {
-            elementsRef: I,
-            labelsRef: v,
-            children: b && /* @__PURE__ */ s(me, { children: /* @__PURE__ */ s(
+            elementsRef: g,
+            labelsRef: h,
+            children: F && /* @__PURE__ */ s(me, { children: /* @__PURE__ */ s(
               ge,
               {
                 context: n,
@@ -128,13 +128,13 @@ const w = G({
                 children: /* @__PURE__ */ s(
                   "div",
                   {
-                    ref: x.setFloating,
-                    style: C,
+                    ref: v.setFloating,
+                    style: k,
                     className: "outline-none z-30",
                     ...j(),
-                    children: l == null ? void 0 : l({
+                    children: R?.({
                       styles: H,
-                      handleDropdownClose: f
+                      handleDropdownClose: u
                     })
                   }
                 )

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

@@ -1 +1 @@
-{"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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"}
+{"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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"}