@orbe-agro/client-core 5.3.86 → 5.3.89

package/dist/@ecme/components/ui/Dropdown/DropdownItem.js

@@ -1,80 +1,80 @@
-import { jsx as D } from "react/jsx-runtime";
-import { useContext as h, useCallback as x, isValidElement as A, cloneElement as F } from "react";
-import H from "lodash/isNil";
-import K from "../hooks/useUncertainRef.js";
-import O from "../hooks/useUniqueId.js";
-import b from "../utils/classNames.js";
-import g from "./context/dropdownContext.js";
-import V from "./context/menuContext.js";
-import _ from "../MenuItem/index.js";
-import { DROPDOWN_ITEM_TYPE as j } from "../utils/constants.js";
-import { useFloatingTree as q } from "@floating-ui/react";
-const { DEFAULT: L, DIVIDER: W, HEADER: N, CUSTOM: l } = j, ee = (R) => {
+import { jsx as I } from "react/jsx-runtime";
+import { useContext as D, useCallback as h, isValidElement as U, cloneElement as w } from "react";
+import A from "lodash/isNil";
+import H from "../hooks/useUncertainRef.js";
+import K from "../hooks/useUniqueId.js";
+import O from "../utils/classNames.js";
+import b from "./context/dropdownContext.js";
+import g from "./context/menuContext.js";
+import S from "../MenuItem/index.js";
+import { DROPDOWN_ITEM_TYPE as V } from "../utils/constants.js";
+import { useFloatingTree as _ } from "@floating-ui/react";
+const { DEFAULT: j, DIVIDER: q, HEADER: k, CUSTOM: i } = V, ee = (x) => {
   const {
-    asElement: u = "li",
-    children: r,
-    active: T,
-    disabled: c,
-    className: f,
-    style: p,
-    eventKey: m,
-    onSelect: o,
-    onClick: s,
-    onFocus: a,
-    ref: y = null,
-    variant: t = L,
-    ...v
-  } = R, n = h(g), d = h(V), E = K(
-    y
-  ), M = O("menu-item-"), P = T || !H(n == null ? void 0 : n.activeKey) && (n == null ? void 0 : n.activeKey) === m, i = q(), I = x(
+    asElement: m = "li",
+    children: n,
+    active: F,
+    disabled: r,
+    className: s,
+    style: c,
+    eventKey: o,
+    onSelect: l,
+    onClick: a,
+    onFocus: N,
+    ref: R = null,
+    variant: t = j,
+    ...u
+  } = x, f = D(b), d = D(g), p = H(
+    R
+  ), T = K("menu-item-"), y = F || !A(f?.activeKey) && f?.activeKey === o, v = _(), E = h(
     (e) => {
-      o == null || o(m || "", e), s == null || s(e);
+      l?.(o || "", e), a?.(e);
     },
-    [m, s, o]
-  ), U = x(
+    [o, a, l]
+  ), M = h(
     (e) => {
-      c || (I(e), i == null || i.events.emit("click"));
+      r || (E(e), v?.events.emit("click"));
     },
-    [c, I, i == null ? void 0 : i.events]
+    [r, E, v?.events]
   ), C = {
     ...d.getItemProps({
       onClick(e) {
-        U(e);
+        M(e);
       },
       onFocus(e) {
-        a == null || a(e), d.setHasFocusInside(!0);
+        N?.(e), d.setHasFocusInside(!0);
       }
     })
   };
-  if (t === W || t === N || t === l)
-    return /* @__PURE__ */ D(
-      u,
+  if (t === q || t === k || t === i)
+    return /* @__PURE__ */ I(
+      m,
       {
-        ref: E,
-        id: M,
-        style: p,
-        className: b(`menu-item-${t}`, f),
-        ...t === l ? C : {},
-        ...v,
-        children: (t === N || t === l) && r
+        ref: p,
+        id: T,
+        style: c,
+        className: O(`menu-item-${t}`, s),
+        ...t === i ? C : {},
+        ...u,
+        children: (t === k || t === i) && n
       }
     );
-  function k() {
-    return A(r) ? F(r) : r;
+  function P() {
+    return U(n) ? w(n) : n;
   }
-  return /* @__PURE__ */ D(
-    _,
+  return /* @__PURE__ */ I(
+    S,
     {
-      ref: E,
-      asElement: u,
-      style: p,
-      isActive: P,
-      disabled: c,
-      eventKey: m,
-      className: f,
+      ref: p,
+      asElement: m,
+      style: c,
+      isActive: y,
+      disabled: r,
+      eventKey: o,
+      className: s,
       ...C,
-      ...v,
-      children: k()
+      ...u,
+      children: P()
     }
   );
 };

package/dist/@ecme/components/ui/Dropdown/DropdownItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownItem.js","sources":["../../../../../lib/@ecme/components/ui/Dropdown/DropdownItem.tsx"],"sourcesContent":["import { useContext, useCallback, isValidElement, cloneElement } from 'react'\nimport isNil from 'lodash/isNil'\nimport useUncertainRef from '../hooks/useUncertainRef'\nimport useUniqueId from '../hooks/useUniqueId'\nimport classNames from '../utils/classNames'\nimport DropdownContext from './context/dropdownContext'\nimport MenuContext from './context/menuContext'\nimport MenuItem from '../MenuItem'\nimport { DROPDOWN_ITEM_TYPE } from '../utils/constants'\nimport { useFloatingTree } from '@floating-ui/react'\nimport type { CommonProps } from '../@types/common'\nimport type {\n    SyntheticEvent,\n    RefObject,\n    ElementType,\n    ReactElement,\n    MouseEvent,\n    FocusEvent,\n    Ref,\n} from 'react'\n\nexport interface DropdownItemProps extends CommonProps {\n    asElement?: ElementType\n    active?: boolean\n    disabled?: boolean\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    submenu?: ReactElement<any>\n    eventKey?: string\n    onSelect?: (eventKey: string, e: SyntheticEvent) => void\n    onFocus?: (e: SyntheticEvent) => void\n    onClick?: (e: SyntheticEvent) => void\n    ref?: Ref<HTMLElement>\n    variant?: 'default' | 'header' | 'divider' | 'custom'\n}\n\nconst { DEFAULT, DIVIDER, HEADER, CUSTOM } = DROPDOWN_ITEM_TYPE\n\nconst DropdownItem = (props: DropdownItemProps) => {\n    const {\n        asElement: Component = 'li',\n        children,\n        active: activeProp,\n        disabled,\n        className,\n        style,\n        eventKey,\n        onSelect,\n        onClick,\n        onFocus,\n        ref = null,\n        variant = DEFAULT,\n        ...rest\n    } = props\n\n    const dropdown = useContext(DropdownContext)\n    const menu = useContext(MenuContext)\n\n    const menuitemRef = useUncertainRef<HTMLElement>(\n        ref,\n    ) as RefObject<HTMLElement | null>\n\n    const menuitemId = useUniqueId('menu-item-')\n\n    const active =\n        activeProp ||\n        (!isNil(dropdown?.activeKey) && dropdown?.activeKey === eventKey)\n\n    const tree = useFloatingTree()\n\n    const activate = useCallback(\n        (e: SyntheticEvent) => {\n            onSelect?.(eventKey || '', e)\n            onClick?.(e)\n        },\n        [eventKey, onClick, onSelect],\n    )\n\n    const handleClick = useCallback(\n        (e: SyntheticEvent) => {\n            if (disabled) {\n                return\n            }\n\n            activate(e)\n            tree?.events.emit('click')\n        },\n        [disabled, activate, tree?.events],\n    )\n\n    const menuitemEventHandlers = {\n        ...menu.getItemProps({\n            onClick(event: MouseEvent<HTMLElement>) {\n                handleClick(event)\n            },\n            onFocus(event: FocusEvent<HTMLElement>) {\n                onFocus?.(event)\n                menu.setHasFocusInside(true)\n            },\n        }),\n    }\n\n    if (variant === DIVIDER || variant === HEADER || variant === CUSTOM) {\n        return (\n            <Component\n                ref={menuitemRef}\n                id={menuitemId}\n                style={style}\n                className={classNames(`menu-item-${variant}`, className)}\n                {...(variant === CUSTOM ? menuitemEventHandlers : {})}\n                {...rest}\n            >\n                {(variant === HEADER || variant === CUSTOM) && children}\n            </Component>\n        )\n    }\n\n    function renderChildren() {\n        if (!isValidElement(children)) {\n            return children\n        }\n        return cloneElement(children)\n    }\n\n    return (\n        <MenuItem\n            ref={menuitemRef}\n            asElement={Component}\n            style={style}\n            isActive={active}\n            disabled={disabled}\n            eventKey={eventKey}\n            className={className}\n            {...menuitemEventHandlers}\n            {...rest}\n        >\n            {renderChildren()}\n        </MenuItem>\n    )\n}\n\nexport default DropdownItem\n"],"names":["DEFAULT","DIVIDER","HEADER","CUSTOM","DROPDOWN_ITEM_TYPE","DropdownItem","props","Component","children","activeProp","disabled","className","style","eventKey","onSelect","onClick","onFocus","ref","variant","rest","dropdown","useContext","DropdownContext","menu","MenuContext","menuitemRef","useUncertainRef","menuitemId","useUniqueId","active","isNil","tree","useFloatingTree","activate","useCallback","handleClick","menuitemEventHandlers","event","jsx","classNames","renderChildren","isValidElement","cloneElement","MenuItem"],"mappings":";;;;;;;;;;;AAmCA,MAAM,EAAE,SAAAA,GAAS,SAAAC,GAAS,QAAAC,GAAQ,QAAAC,MAAWC,GAEvCC,KAAe,CAACC,MAA6B;AAC/C,QAAM;AAAA,IACF,WAAWC,IAAY;AAAA,IACvB,UAAAC;AAAA,IACA,QAAQC;AAAA,IACR,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,SAAAC;AAAA,IACA,SAAAC;AAAA,IACA,KAAAC,IAAM;AAAA,IACN,SAAAC,IAAUlB;AAAA,IACV,GAAGmB;AAAA,EAAA,IACHb,GAEEc,IAAWC,EAAWC,CAAe,GACrCC,IAAOF,EAAWG,CAAW,GAE7BC,IAAcC;AAAA,IAChBT;AAAA,EAAA,GAGEU,IAAaC,EAAY,YAAY,GAErCC,IACFpB,KACC,CAACqB,EAAMV,KAAA,gBAAAA,EAAU,SAAS,MAAKA,KAAA,gBAAAA,EAAU,eAAcP,GAEtDkB,IAAOC,EAAA,GAEPC,IAAWC;AAAA,IACb,CAAC,MAAsB;AACnB,MAAApB,KAAA,QAAAA,EAAWD,KAAY,IAAI,IAC3BE,KAAA,QAAAA,EAAU;AAAA,IACd;AAAA,IACA,CAACF,GAAUE,GAASD,CAAQ;AAAA,EAAA,GAG1BqB,IAAcD;AAAA,IAChB,CAAC,MAAsB;AACnB,MAAIxB,MAIJuB,EAAS,CAAC,GACVF,KAAA,QAAAA,EAAM,OAAO,KAAK;AAAA,IACtB;AAAA,IACA,CAACrB,GAAUuB,GAAUF,KAAA,gBAAAA,EAAM,MAAM;AAAA,EAAA,GAG/BK,IAAwB;AAAA,IAC1B,GAAGb,EAAK,aAAa;AAAA,MACjB,QAAQc,GAAgC;AACpC,QAAAF,EAAYE,CAAK;AAAA,MACrB;AAAA,MACA,QAAQA,GAAgC;AACpC,QAAArB,KAAA,QAAAA,EAAUqB,IACVd,EAAK,kBAAkB,EAAI;AAAA,MAC/B;AAAA,IAAA,CACH;AAAA,EAAA;AAGL,MAAIL,MAAYjB,KAAWiB,MAAYhB,KAAUgB,MAAYf;AACzD,WACI,gBAAAmC;AAAA,MAAC/B;AAAA,MAAA;AAAA,QACG,KAAKkB;AAAA,QACL,IAAIE;AAAA,QACJ,OAAAf;AAAA,QACA,WAAW2B,EAAW,aAAarB,CAAO,IAAIP,CAAS;AAAA,QACtD,GAAIO,MAAYf,IAASiC,IAAwB,CAAA;AAAA,QACjD,GAAGjB;AAAA,QAEF,WAAAD,MAAYhB,KAAUgB,MAAYf,MAAWK;AAAA,MAAA;AAAA,IAAA;AAK3D,WAASgC,IAAiB;AACtB,WAAKC,EAAejC,CAAQ,IAGrBkC,EAAalC,CAAQ,IAFjBA;AAAA,EAGf;AAEA,SACI,gBAAA8B;AAAA,IAACK;AAAA,IAAA;AAAA,MACG,KAAKlB;AAAA,MACL,WAAWlB;AAAA,MACX,OAAAK;AAAA,MACA,UAAUiB;AAAA,MACV,UAAAnB;AAAA,MACA,UAAAG;AAAA,MACA,WAAAF;AAAA,MACC,GAAGyB;AAAA,MACH,GAAGjB;AAAA,MAEH,UAAAqB,EAAA;AAAA,IAAe;AAAA,EAAA;AAG5B;"}
+{"version":3,"file":"DropdownItem.js","sources":["../../../../../lib/@ecme/components/ui/Dropdown/DropdownItem.tsx"],"sourcesContent":["import { useContext, useCallback, isValidElement, cloneElement } from 'react'\nimport isNil from 'lodash/isNil'\nimport useUncertainRef from '../hooks/useUncertainRef'\nimport useUniqueId from '../hooks/useUniqueId'\nimport classNames from '../utils/classNames'\nimport DropdownContext from './context/dropdownContext'\nimport MenuContext from './context/menuContext'\nimport MenuItem from '../MenuItem'\nimport { DROPDOWN_ITEM_TYPE } from '../utils/constants'\nimport { useFloatingTree } from '@floating-ui/react'\nimport type { CommonProps } from '../@types/common'\nimport type {\n    SyntheticEvent,\n    RefObject,\n    ElementType,\n    ReactElement,\n    MouseEvent,\n    FocusEvent,\n    Ref,\n} from 'react'\n\nexport interface DropdownItemProps extends CommonProps {\n    asElement?: ElementType\n    active?: boolean\n    disabled?: boolean\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    submenu?: ReactElement<any>\n    eventKey?: string\n    onSelect?: (eventKey: string, e: SyntheticEvent) => void\n    onFocus?: (e: SyntheticEvent) => void\n    onClick?: (e: SyntheticEvent) => void\n    ref?: Ref<HTMLElement>\n    variant?: 'default' | 'header' | 'divider' | 'custom'\n}\n\nconst { DEFAULT, DIVIDER, HEADER, CUSTOM } = DROPDOWN_ITEM_TYPE\n\nconst DropdownItem = (props: DropdownItemProps) => {\n    const {\n        asElement: Component = 'li',\n        children,\n        active: activeProp,\n        disabled,\n        className,\n        style,\n        eventKey,\n        onSelect,\n        onClick,\n        onFocus,\n        ref = null,\n        variant = DEFAULT,\n        ...rest\n    } = props\n\n    const dropdown = useContext(DropdownContext)\n    const menu = useContext(MenuContext)\n\n    const menuitemRef = useUncertainRef<HTMLElement>(\n        ref,\n    ) as RefObject<HTMLElement | null>\n\n    const menuitemId = useUniqueId('menu-item-')\n\n    const active =\n        activeProp ||\n        (!isNil(dropdown?.activeKey) && dropdown?.activeKey === eventKey)\n\n    const tree = useFloatingTree()\n\n    const activate = useCallback(\n        (e: SyntheticEvent) => {\n            onSelect?.(eventKey || '', e)\n            onClick?.(e)\n        },\n        [eventKey, onClick, onSelect],\n    )\n\n    const handleClick = useCallback(\n        (e: SyntheticEvent) => {\n            if (disabled) {\n                return\n            }\n\n            activate(e)\n            tree?.events.emit('click')\n        },\n        [disabled, activate, tree?.events],\n    )\n\n    const menuitemEventHandlers = {\n        ...menu.getItemProps({\n            onClick(event: MouseEvent<HTMLElement>) {\n                handleClick(event)\n            },\n            onFocus(event: FocusEvent<HTMLElement>) {\n                onFocus?.(event)\n                menu.setHasFocusInside(true)\n            },\n        }),\n    }\n\n    if (variant === DIVIDER || variant === HEADER || variant === CUSTOM) {\n        return (\n            <Component\n                ref={menuitemRef}\n                id={menuitemId}\n                style={style}\n                className={classNames(`menu-item-${variant}`, className)}\n                {...(variant === CUSTOM ? menuitemEventHandlers : {})}\n                {...rest}\n            >\n                {(variant === HEADER || variant === CUSTOM) && children}\n            </Component>\n        )\n    }\n\n    function renderChildren() {\n        if (!isValidElement(children)) {\n            return children\n        }\n        return cloneElement(children)\n    }\n\n    return (\n        <MenuItem\n            ref={menuitemRef}\n            asElement={Component}\n            style={style}\n            isActive={active}\n            disabled={disabled}\n            eventKey={eventKey}\n            className={className}\n            {...menuitemEventHandlers}\n            {...rest}\n        >\n            {renderChildren()}\n        </MenuItem>\n    )\n}\n\nexport default DropdownItem\n"],"names":["DEFAULT","DIVIDER","HEADER","CUSTOM","DROPDOWN_ITEM_TYPE","DropdownItem","props","Component","children","activeProp","disabled","className","style","eventKey","onSelect","onClick","onFocus","ref","variant","rest","dropdown","useContext","DropdownContext","menu","MenuContext","menuitemRef","useUncertainRef","menuitemId","useUniqueId","active","isNil","tree","useFloatingTree","activate","useCallback","handleClick","menuitemEventHandlers","event","jsx","classNames","renderChildren","isValidElement","cloneElement","MenuItem"],"mappings":";;;;;;;;;;;AAmCA,MAAM,EAAE,SAAAA,GAAS,SAAAC,GAAS,QAAAC,GAAQ,QAAAC,MAAWC,GAEvCC,KAAe,CAACC,MAA6B;AAC/C,QAAM;AAAA,IACF,WAAWC,IAAY;AAAA,IACvB,UAAAC;AAAA,IACA,QAAQC;AAAA,IACR,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,SAAAC;AAAA,IACA,SAAAC;AAAA,IACA,KAAAC,IAAM;AAAA,IACN,SAAAC,IAAUlB;AAAA,IACV,GAAGmB;AAAA,EAAA,IACHb,GAEEc,IAAWC,EAAWC,CAAe,GACrCC,IAAOF,EAAWG,CAAW,GAE7BC,IAAcC;AAAA,IAChBT;AAAA,EAAA,GAGEU,IAAaC,EAAY,YAAY,GAErCC,IACFpB,KACC,CAACqB,EAAMV,GAAU,SAAS,KAAKA,GAAU,cAAcP,GAEtDkB,IAAOC,EAAA,GAEPC,IAAWC;AAAA,IACb,CAAC,MAAsB;AACnB,MAAApB,IAAWD,KAAY,IAAI,CAAC,GAC5BE,IAAU,CAAC;AAAA,IACf;AAAA,IACA,CAACF,GAAUE,GAASD,CAAQ;AAAA,EAAA,GAG1BqB,IAAcD;AAAA,IAChB,CAAC,MAAsB;AACnB,MAAIxB,MAIJuB,EAAS,CAAC,GACVF,GAAM,OAAO,KAAK,OAAO;AAAA,IAC7B;AAAA,IACA,CAACrB,GAAUuB,GAAUF,GAAM,MAAM;AAAA,EAAA,GAG/BK,IAAwB;AAAA,IAC1B,GAAGb,EAAK,aAAa;AAAA,MACjB,QAAQc,GAAgC;AACpC,QAAAF,EAAYE,CAAK;AAAA,MACrB;AAAA,MACA,QAAQA,GAAgC;AACpC,QAAArB,IAAUqB,CAAK,GACfd,EAAK,kBAAkB,EAAI;AAAA,MAC/B;AAAA,IAAA,CACH;AAAA,EAAA;AAGL,MAAIL,MAAYjB,KAAWiB,MAAYhB,KAAUgB,MAAYf;AACzD,WACI,gBAAAmC;AAAA,MAAC/B;AAAA,MAAA;AAAA,QACG,KAAKkB;AAAA,QACL,IAAIE;AAAA,QACJ,OAAAf;AAAA,QACA,WAAW2B,EAAW,aAAarB,CAAO,IAAIP,CAAS;AAAA,QACtD,GAAIO,MAAYf,IAASiC,IAAwB,CAAA;AAAA,QACjD,GAAGjB;AAAA,QAEF,WAAAD,MAAYhB,KAAUgB,MAAYf,MAAWK;AAAA,MAAA;AAAA,IAAA;AAK3D,WAASgC,IAAiB;AACtB,WAAKC,EAAejC,CAAQ,IAGrBkC,EAAalC,CAAQ,IAFjBA;AAAA,EAGf;AAEA,SACI,gBAAA8B;AAAA,IAACK;AAAA,IAAA;AAAA,MACG,KAAKlB;AAAA,MACL,WAAWlB;AAAA,MACX,OAAAK;AAAA,MACA,UAAUiB;AAAA,MACV,UAAAnB;AAAA,MACA,UAAAG;AAAA,MACA,WAAAF;AAAA,MACC,GAAGyB;AAAA,MACH,GAAGjB;AAAA,MAEH,UAAAqB,EAAA;AAAA,IAAe;AAAA,EAAA;AAG5B;"}

package/dist/@ecme/components/ui/Dropdown/DropdownMenu.js

@@ -1,44 +1,44 @@
 import { jsxs as te, jsx as n } from "react/jsx-runtime";
-import { useState as v, useRef as L, useContext as oe, useEffect as Y, useImperativeHandle as ne } from "react";
+import { useState as g, useRef as E, useContext as ne, useEffect as L, useImperativeHandle as oe } from "react";
 import se from "./DropdownToggle.js";
-import ie from "./DropdownSubItem.js";
-import j from "./context/menuContext.js";
-import I from "../utils/classNames.js";
+import re from "./DropdownSubItem.js";
+import Y from "./context/menuContext.js";
+import h from "../utils/classNames.js";
 import "../ConfigProvider/index.js";
-import { useFloatingTree as re, useFloatingNodeId as ae, useFloatingParentNodeId as le, useListItem as ce, useFloating as de, autoUpdate as ue, flip as fe, shift as me, useTransitionStyles as ge, useHover as pe, safePolygon as he, useClick as ve, useRole as Ie, useDismiss as Fe, useListNavigation as be, useTypeahead as xe, useInteractions as Ne, useMergeRefs as ye, FloatingNode as Pe, FloatingList as Ce, FloatingPortal as Me, FloatingFocusManager as we } from "@floating-ui/react";
+import { useFloatingTree as ie, useFloatingNodeId as ae, useFloatingParentNodeId as le, useListItem as ce, useFloating as de, autoUpdate as ue, flip as fe, shift as me, useTransitionStyles as pe, useHover as ge, safePolygon as he, useClick as ve, useRole as Ie, useDismiss as Fe, useListNavigation as be, useTypeahead as xe, useInteractions as Ne, useMergeRefs as ye, FloatingNode as Pe, FloatingList as Ce, FloatingPortal as Me, FloatingFocusManager as we } from "@floating-ui/react";
 import { useConfig as Re } from "../ConfigProvider/ConfigProvider.js";
-const ze = (z) => {
+const je = (j) => {
   const {
-    children: A,
-    title: F,
-    renderTitle: f,
-    disabled: b,
-    toggleClassName: x,
-    menuClass: U,
-    placement: N,
-    trigger: m = "click",
-    onOpen: e,
-    ref: y,
-    ...u
-  } = z, [r, l] = v(!1), [P, C] = v(!1), [g, p] = v(null), M = L([]), w = L([]), { direction: R } = Re(), h = oe(j), o = re(), a = ae(), c = le(), D = ce(), s = c != null, k = (t) => {
-    b || (l(t), e == null || e(t));
-  }, q = () => R === "ltr" ? "bottom-start" : "bottom-end", B = () => R === "ltr" ? "right-start" : "left-start", { floatingStyles: G, refs: T, context: i } = de({
+    children: z,
+    title: v,
+    renderTitle: d,
+    disabled: I,
+    toggleClassName: F,
+    menuClass: A,
+    placement: b,
+    trigger: u = "click",
+    onOpen: i,
+    ref: x,
+    ...N
+  } = j, [r, l] = g(!1), [y, P] = g(!1), [f, m] = g(null), C = E([]), M = E([]), { direction: w } = Re(), p = ne(Y), t = ie(), a = ae(), c = le(), R = ce(), o = c != null, D = (e) => {
+    I || (l(e), i?.(e));
+  }, U = () => w === "ltr" ? "bottom-start" : "bottom-end", q = () => w === "ltr" ? "right-start" : "left-start", { floatingStyles: B, refs: k, context: s } = de({
     nodeId: a,
     open: r,
-    onOpenChange: (t) => {
-      k(t);
+    onOpenChange: (e) => {
+      D(e);
     },
-    placement: N || (s ? B() : q()),
+    placement: b || (o ? q() : U()),
     middleware: [fe(), me()],
     whileElementsMounted: ue
-  }), { isMounted: J, styles: K } = ge(i, {
-    common: ({ side: t }) => ({
+  }), { isMounted: G, styles: J } = pe(s, {
+    common: ({ side: e }) => ({
       transformOrigin: {
         top: "bottom",
         bottom: "top",
         left: "right",
         right: "left"
-      }[t]
+      }[e]
     }),
     initial: {
       transform: "translateY(-5%)",
@@ -53,131 +53,130 @@ const ze = (z) => {
       opacity: 0,
       transform: "translateY(-5%)"
     }
-  }), Q = pe(i, {
-    enabled: s || m === "hover",
+  }), K = ge(s, {
+    enabled: o || u === "hover",
     delay: { open: 75 },
     handleClose: he({ blockPointerEvents: !0 })
-  }), V = ve(i, {
+  }), Q = ve(s, {
     event: "mousedown",
-    toggle: !s,
-    ignoreMouse: s
-  }), W = Ie(i, { role: "menu" }), X = Fe(i, { bubbles: !0 }), Z = be(i, {
+    toggle: !o,
+    ignoreMouse: o
+  }), V = Ie(s, { role: "menu" }), W = Fe(s, { bubbles: !0 }), X = be(s, {
+    listRef: C,
+    activeIndex: f,
+    nested: o,
+    onNavigate: m
+  }), Z = xe(s, {
     listRef: M,
-    activeIndex: g,
-    nested: s,
-    onNavigate: p
-  }), _ = xe(i, {
-    listRef: w,
-    onMatch: r ? p : void 0,
-    activeIndex: g
-  }), { getReferenceProps: $, getFloatingProps: O, getItemProps: ee } = Ne([
-    Q,
+    onMatch: r ? m : void 0,
+    activeIndex: f
+  }), { getReferenceProps: _, getFloatingProps: $, getItemProps: ee } = Ne([
+    K,
+    V,
     W,
     X,
     Z,
-    _,
-    ...m === "click" ? [V] : []
+    ...u === "click" ? [Q] : []
   ]);
-  Y(() => {
-    if (!o) return;
-    function t() {
-      l(!1), e == null || e(!1);
+  L(() => {
+    if (!t) return;
+    function e() {
+      l(!1), i?.(!1);
     }
-    function d(E) {
-      E.nodeId !== a && E.parentId === c && (l(!1), e == null || e(!1));
+    function S(H) {
+      H.nodeId !== a && H.parentId === c && (l(!1), i?.(!1));
     }
-    return o.events.on("click", t), o.events.on("menuopen", d), () => {
-      o.events.off("click", t), o.events.off("menuopen", d);
+    return t.events.on("click", e), t.events.on("menuopen", S), () => {
+      t.events.off("click", e), t.events.off("menuopen", S);
     };
-  }, [o, a, c]), Y(() => {
-    r && o && o.events.emit("menuopen", { parentId: c, nodeId: a });
-  }, [o, r, a, c]);
-  const S = ye([T.setReference, D.ref, y]);
-  ne(y, () => ({
+  }, [t, a, c]), L(() => {
+    r && t && t.events.emit("menuopen", { parentId: c, nodeId: a });
+  }, [t, r, a, c]);
+  const O = ye([k.setReference, R.ref, x]);
+  oe(x, () => ({
     handleDropdownOpen: () => {
-      l(!0), e == null || e(!0);
+      l(!0), i?.(!0);
     },
     handleDropdownClose: () => {
-      l(!1), e == null || e(!1);
+      l(!1), i?.(!1);
     }
-  }), [e]);
-  const H = {
-    ...$(
-      h.getItemProps({
-        ...u,
-        onFocus(t) {
-          var d;
-          (d = u.onFocus) == null || d.call(u, t), C(!1), h.setHasFocusInside(!0);
+  }), [i]);
+  const T = {
+    ..._(
+      p.getItemProps({
+        ...N,
+        onFocus(e) {
+          N.onFocus?.(e), P(!1), p.setHasFocusInside(!0);
         }
       })
     ),
-    ...m === "context" ? {
-      onContextMenu: (t) => {
-        t.preventDefault(), k(!0);
+    ...u === "context" ? {
+      onContextMenu: (e) => {
+        e.preventDefault(), D(!0);
       }
     } : {}
   };
   return /* @__PURE__ */ te(Pe, { id: a, children: [
-    s ? /* @__PURE__ */ n(
+    o ? /* @__PURE__ */ n(
       "li",
       {
-        ref: S,
-        tabIndex: h.activeIndex === D.index ? 0 : -1,
+        ref: O,
+        tabIndex: p.activeIndex === R.index ? 0 : -1,
         "data-open": r ? "" : void 0,
         "data-nested": "",
-        "data-focus-inside": P ? "" : void 0,
-        className: I(x, "outline-none"),
-        ...H,
-        children: /* @__PURE__ */ n(ie, { children: f || F })
+        "data-focus-inside": y ? "" : void 0,
+        className: h(F, "outline-none"),
+        ...T,
+        children: /* @__PURE__ */ n(re, { children: d || v })
       }
     ) : /* @__PURE__ */ n(
       se,
       {
-        ref: S,
+        ref: O,
         role: "menuitem",
         "data-open": r ? "" : void 0,
-        "data-focus-inside": P ? "" : void 0,
-        className: I(x),
-        disabled: b,
-        placement: N,
-        renderTitle: f,
-        ...H,
-        children: F
+        "data-focus-inside": y ? "" : void 0,
+        className: h(F),
+        disabled: I,
+        placement: b,
+        renderTitle: d,
+        ...T,
+        children: v
       }
     ),
     /* @__PURE__ */ n(
-      j.Provider,
+      Y.Provider,
       {
         value: {
-          activeIndex: g,
-          setActiveIndex: p,
+          activeIndex: f,
+          setActiveIndex: m,
           getItemProps: ee,
-          setHasFocusInside: C,
+          setHasFocusInside: P,
           isOpen: r
         },
-        children: /* @__PURE__ */ n(Ce, { elementsRef: M, labelsRef: w, children: J && /* @__PURE__ */ n(Me, { children: /* @__PURE__ */ n(
+        children: /* @__PURE__ */ n(Ce, { elementsRef: C, labelsRef: M, children: G && /* @__PURE__ */ n(Me, { children: /* @__PURE__ */ n(
           we,
           {
-            context: i,
+            context: s,
             modal: !1,
-            initialFocus: s ? -1 : 0,
-            returnFocus: !s,
+            initialFocus: o ? -1 : 0,
+            returnFocus: !o,
             children: /* @__PURE__ */ n(
               "div",
               {
-                ref: T.setFloating,
-                style: G,
-                ...O(),
+                ref: k.setFloating,
+                style: B,
+                ...$(),
                 className: "outline-none z-30",
                 children: /* @__PURE__ */ n(
                   "ul",
                   {
-                    className: I(
+                    className: h(
                       "dropdown-menu min-w-[160px]",
-                      U
+                      A
                     ),
-                    style: K,
-                    children: A
+                    style: J,
+                    children: z
                   }
                 )
               }
@@ -189,6 +188,6 @@ const ze = (z) => {
   ] });
 };
 export {
-  ze as default
+  je as default
 };
 //# sourceMappingURL=DropdownMenu.js.map

package/dist/@ecme/components/ui/Dropdown/DropdownMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenu.js","sources":["../../../../../lib/@ecme/components/ui/Dropdown/DropdownMenu.tsx"],"sourcesContent":["import {\n    useState,\n    useRef,\n    useContext,\n    useEffect,\n    useImperativeHandle,\n} from 'react'\nimport DropdownToggle from './DropdownToggle'\nimport DropdownSubItem from './DropdownSubItem'\nimport MenuContext from './context/menuContext'\nimport classNames from '../utils/classNames'\nimport { useConfig } from '../ConfigProvider'\nimport {\n    autoUpdate,\n    flip,\n    FloatingFocusManager,\n    FloatingList,\n    FloatingNode,\n    FloatingPortal,\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 { CommonProps } from '../@types/common'\nimport type { DropdownToggleSharedProps } from './DropdownToggle'\nimport type { DropdownSubItemSharedProps } from './DropdownSubItem'\nimport type { Placement } from '@floating-ui/react'\nimport type { HTMLProps, FocusEvent, MouseEvent, ReactNode, Ref } from 'react'\n\nexport interface DropdownMenuProps\n    extends CommonProps,\n        DropdownToggleSharedProps,\n        DropdownSubItemSharedProps {\n    activeKey?: string\n    title?: string | ReactNode\n    menuClass?: string\n    trigger?: 'click' | 'hover' | 'context'\n    placement?: Placement\n    onOpen?: (bool: boolean) => void\n    ref?: Ref<HTMLElement | DropdownMenuRef>\n}\n\nexport type DropdownMenuRef = {\n    handleDropdownOpen: () => void\n    handleDropdownClose: () => void\n}\n\nconst DropdownMenu = (props: DropdownMenuProps & HTMLProps<HTMLElement>) => {\n    const {\n        children,\n        title,\n        renderTitle,\n        disabled,\n        toggleClassName,\n        menuClass,\n        placement,\n        trigger = 'click',\n        onOpen,\n        ref,\n        ...rest\n    } = 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<HTMLElement | null>>([])\n    const labelsRef = useRef<Array<string | null>>([])\n\n    const { direction } = useConfig()\n\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 handleOpen = (open: boolean) => {\n        if (disabled) {\n            return\n        }\n        setIsOpen(open)\n        onOpen?.(open)\n    }\n\n    const getDefaultPlacement = () => {\n        return direction === 'ltr' ? 'bottom-start' : 'bottom-end'\n    }\n\n    const getNestedDefaultPlacement = () => {\n        return direction === 'ltr' ? 'right-start' : 'left-start'\n    }\n\n    const { floatingStyles, refs, context } = useFloating<HTMLElement>({\n        nodeId,\n        open: isOpen,\n        onOpenChange: (open) => {\n            handleOpen(open)\n        },\n        placement:\n            placement ||\n            (isNested ? getNestedDefaultPlacement() : getDefaultPlacement()),\n        middleware: [flip(), shift()],\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 || trigger === 'hover',\n        delay: { open: 75 },\n        handleClose: safePolygon({ blockPointerEvents: true }),\n    })\n\n    const click = useClick(context, {\n        event: 'mousedown',\n        toggle: !isNested,\n        ignoreMouse: isNested,\n    })\n\n    const role = useRole(context, { role: 'menu' })\n\n    const dismiss = useDismiss(context, { bubbles: true })\n\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            role,\n            dismiss,\n            listNavigation,\n            typeahead,\n            ...(trigger === 'click' ? [click] : []),\n        ])\n\n    useEffect(() => {\n        if (!tree) return\n\n        function handleTreeClick() {\n            setIsOpen(false)\n            onOpen?.(false)\n        }\n\n        function onSubMenuOpen(event: { nodeId: string; parentId: string }) {\n            if (event.nodeId !== nodeId && event.parentId === parentId) {\n                setIsOpen(false)\n                onOpen?.(false)\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        // eslint-disable-next-line react-hooks/exhaustive-deps\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 toggleRef = useMergeRefs([refs.setReference, item.ref, ref])\n\n    useImperativeHandle(ref, () => {\n        return {\n            handleDropdownOpen: () => {\n                setIsOpen(true)\n                onOpen?.(true)\n            },\n            handleDropdownClose: () => {\n                setIsOpen(false)\n                onOpen?.(false)\n            },\n        }\n    }, [onOpen])\n\n    const toggleProps = {\n        ...getReferenceProps(\n            parent.getItemProps({\n                ...rest,\n                onFocus(event: FocusEvent<HTMLElement>) {\n                    rest.onFocus?.(event)\n                    setHasFocusInside(false)\n                    parent.setHasFocusInside(true)\n                },\n            }),\n        ),\n        ...(trigger === 'context'\n            ? {\n                  onContextMenu: (e: MouseEvent<HTMLElement>) => {\n                      e.preventDefault()\n                      handleOpen(true)\n                  },\n              }\n            : {}),\n    }\n\n    return (\n        <FloatingNode id={nodeId}>\n            {!isNested ? (\n                <DropdownToggle\n                    ref={toggleRef}\n                    role={'menuitem'}\n                    data-open={isOpen ? '' : undefined}\n                    data-focus-inside={hasFocusInside ? '' : undefined}\n                    className={classNames(toggleClassName)}\n                    disabled={disabled}\n                    placement={placement}\n                    renderTitle={renderTitle}\n                    {...toggleProps}\n                >\n                    {title}\n                </DropdownToggle>\n            ) : (\n                <li\n                    ref={toggleRef}\n                    tabIndex={parent.activeIndex === item.index ? 0 : -1}\n                    data-open={isOpen ? '' : undefined}\n                    data-nested={''}\n                    data-focus-inside={hasFocusInside ? '' : undefined}\n                    className={classNames(toggleClassName, 'outline-none')}\n                    {...toggleProps}\n                >\n                    <DropdownSubItem>\n                        {renderTitle ? renderTitle : title}\n                    </DropdownSubItem>\n                </li>\n            )}\n            <MenuContext.Provider\n                value={{\n                    activeIndex,\n                    setActiveIndex,\n                    getItemProps,\n                    setHasFocusInside,\n                    isOpen,\n                }}\n            >\n                <FloatingList elementsRef={elementsRef} labelsRef={labelsRef}>\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                                    {...getFloatingProps()}\n                                    className=\"outline-none z-30\"\n                                >\n                                    <ul\n                                        className={classNames(\n                                            'dropdown-menu min-w-[160px]',\n                                            menuClass,\n                                        )}\n                                        style={styles}\n                                    >\n                                        {children}\n                                    </ul>\n                                </div>\n                            </FloatingFocusManager>\n                        </FloatingPortal>\n                    )}\n                </FloatingList>\n            </MenuContext.Provider>\n        </FloatingNode>\n    )\n}\n\nexport default DropdownMenu\n"],"names":["DropdownMenu","props","children","title","renderTitle","disabled","toggleClassName","menuClass","placement","trigger","onOpen","ref","rest","isOpen","setIsOpen","useState","hasFocusInside","setHasFocusInside","activeIndex","setActiveIndex","elementsRef","useRef","labelsRef","direction","useConfig","parent","useContext","MenuContext","tree","useFloatingTree","nodeId","useFloatingNodeId","parentId","useFloatingParentNodeId","item","useListItem","isNested","handleOpen","open","getDefaultPlacement","getNestedDefaultPlacement","floatingStyles","refs","context","useFloating","flip","shift","autoUpdate","isMounted","styles","useTransitionStyles","side","hover","useHover","safePolygon","click","useClick","role","useRole","dismiss","useDismiss","listNavigation","useListNavigation","typeahead","useTypeahead","getReferenceProps","getFloatingProps","getItemProps","useInteractions","useEffect","handleTreeClick","onSubMenuOpen","event","toggleRef","useMergeRefs","useImperativeHandle","toggleProps","_a","e","jsxs","FloatingNode","jsx","classNames","DropdownSubItem","DropdownToggle","FloatingList","FloatingPortal","FloatingFocusManager"],"mappings":"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"}
+{"version":3,"file":"DropdownMenu.js","sources":["../../../../../lib/@ecme/components/ui/Dropdown/DropdownMenu.tsx"],"sourcesContent":["import {\n    useState,\n    useRef,\n    useContext,\n    useEffect,\n    useImperativeHandle,\n} from 'react'\nimport DropdownToggle from './DropdownToggle'\nimport DropdownSubItem from './DropdownSubItem'\nimport MenuContext from './context/menuContext'\nimport classNames from '../utils/classNames'\nimport { useConfig } from '../ConfigProvider'\nimport {\n    autoUpdate,\n    flip,\n    FloatingFocusManager,\n    FloatingList,\n    FloatingNode,\n    FloatingPortal,\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 { CommonProps } from '../@types/common'\nimport type { DropdownToggleSharedProps } from './DropdownToggle'\nimport type { DropdownSubItemSharedProps } from './DropdownSubItem'\nimport type { Placement } from '@floating-ui/react'\nimport type { HTMLProps, FocusEvent, MouseEvent, ReactNode, Ref } from 'react'\n\nexport interface DropdownMenuProps\n    extends CommonProps,\n        DropdownToggleSharedProps,\n        DropdownSubItemSharedProps {\n    activeKey?: string\n    title?: string | ReactNode\n    menuClass?: string\n    trigger?: 'click' | 'hover' | 'context'\n    placement?: Placement\n    onOpen?: (bool: boolean) => void\n    ref?: Ref<HTMLElement | DropdownMenuRef>\n}\n\nexport type DropdownMenuRef = {\n    handleDropdownOpen: () => void\n    handleDropdownClose: () => void\n}\n\nconst DropdownMenu = (props: DropdownMenuProps & HTMLProps<HTMLElement>) => {\n    const {\n        children,\n        title,\n        renderTitle,\n        disabled,\n        toggleClassName,\n        menuClass,\n        placement,\n        trigger = 'click',\n        onOpen,\n        ref,\n        ...rest\n    } = 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<HTMLElement | null>>([])\n    const labelsRef = useRef<Array<string | null>>([])\n\n    const { direction } = useConfig()\n\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 handleOpen = (open: boolean) => {\n        if (disabled) {\n            return\n        }\n        setIsOpen(open)\n        onOpen?.(open)\n    }\n\n    const getDefaultPlacement = () => {\n        return direction === 'ltr' ? 'bottom-start' : 'bottom-end'\n    }\n\n    const getNestedDefaultPlacement = () => {\n        return direction === 'ltr' ? 'right-start' : 'left-start'\n    }\n\n    const { floatingStyles, refs, context } = useFloating<HTMLElement>({\n        nodeId,\n        open: isOpen,\n        onOpenChange: (open) => {\n            handleOpen(open)\n        },\n        placement:\n            placement ||\n            (isNested ? getNestedDefaultPlacement() : getDefaultPlacement()),\n        middleware: [flip(), shift()],\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 || trigger === 'hover',\n        delay: { open: 75 },\n        handleClose: safePolygon({ blockPointerEvents: true }),\n    })\n\n    const click = useClick(context, {\n        event: 'mousedown',\n        toggle: !isNested,\n        ignoreMouse: isNested,\n    })\n\n    const role = useRole(context, { role: 'menu' })\n\n    const dismiss = useDismiss(context, { bubbles: true })\n\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            role,\n            dismiss,\n            listNavigation,\n            typeahead,\n            ...(trigger === 'click' ? [click] : []),\n        ])\n\n    useEffect(() => {\n        if (!tree) return\n\n        function handleTreeClick() {\n            setIsOpen(false)\n            onOpen?.(false)\n        }\n\n        function onSubMenuOpen(event: { nodeId: string; parentId: string }) {\n            if (event.nodeId !== nodeId && event.parentId === parentId) {\n                setIsOpen(false)\n                onOpen?.(false)\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        // eslint-disable-next-line react-hooks/exhaustive-deps\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 toggleRef = useMergeRefs([refs.setReference, item.ref, ref])\n\n    useImperativeHandle(ref, () => {\n        return {\n            handleDropdownOpen: () => {\n                setIsOpen(true)\n                onOpen?.(true)\n            },\n            handleDropdownClose: () => {\n                setIsOpen(false)\n                onOpen?.(false)\n            },\n        }\n    }, [onOpen])\n\n    const toggleProps = {\n        ...getReferenceProps(\n            parent.getItemProps({\n                ...rest,\n                onFocus(event: FocusEvent<HTMLElement>) {\n                    rest.onFocus?.(event)\n                    setHasFocusInside(false)\n                    parent.setHasFocusInside(true)\n                },\n            }),\n        ),\n        ...(trigger === 'context'\n            ? {\n                  onContextMenu: (e: MouseEvent<HTMLElement>) => {\n                      e.preventDefault()\n                      handleOpen(true)\n                  },\n              }\n            : {}),\n    }\n\n    return (\n        <FloatingNode id={nodeId}>\n            {!isNested ? (\n                <DropdownToggle\n                    ref={toggleRef}\n                    role={'menuitem'}\n                    data-open={isOpen ? '' : undefined}\n                    data-focus-inside={hasFocusInside ? '' : undefined}\n                    className={classNames(toggleClassName)}\n                    disabled={disabled}\n                    placement={placement}\n                    renderTitle={renderTitle}\n                    {...toggleProps}\n                >\n                    {title}\n                </DropdownToggle>\n            ) : (\n                <li\n                    ref={toggleRef}\n                    tabIndex={parent.activeIndex === item.index ? 0 : -1}\n                    data-open={isOpen ? '' : undefined}\n                    data-nested={''}\n                    data-focus-inside={hasFocusInside ? '' : undefined}\n                    className={classNames(toggleClassName, 'outline-none')}\n                    {...toggleProps}\n                >\n                    <DropdownSubItem>\n                        {renderTitle ? renderTitle : title}\n                    </DropdownSubItem>\n                </li>\n            )}\n            <MenuContext.Provider\n                value={{\n                    activeIndex,\n                    setActiveIndex,\n                    getItemProps,\n                    setHasFocusInside,\n                    isOpen,\n                }}\n            >\n                <FloatingList elementsRef={elementsRef} labelsRef={labelsRef}>\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                                    {...getFloatingProps()}\n                                    className=\"outline-none z-30\"\n                                >\n                                    <ul\n                                        className={classNames(\n                                            'dropdown-menu min-w-[160px]',\n                                            menuClass,\n                                        )}\n                                        style={styles}\n                                    >\n                                        {children}\n                                    </ul>\n                                </div>\n                            </FloatingFocusManager>\n                        </FloatingPortal>\n                    )}\n                </FloatingList>\n            </MenuContext.Provider>\n        </FloatingNode>\n    )\n}\n\nexport default DropdownMenu\n"],"names":["DropdownMenu","props","children","title","renderTitle","disabled","toggleClassName","menuClass","placement","trigger","onOpen","ref","rest","isOpen","setIsOpen","useState","hasFocusInside","setHasFocusInside","activeIndex","setActiveIndex","elementsRef","useRef","labelsRef","direction","useConfig","parent","useContext","MenuContext","tree","useFloatingTree","nodeId","useFloatingNodeId","parentId","useFloatingParentNodeId","item","useListItem","isNested","handleOpen","open","getDefaultPlacement","getNestedDefaultPlacement","floatingStyles","refs","context","useFloating","flip","shift","autoUpdate","isMounted","styles","useTransitionStyles","side","hover","useHover","safePolygon","click","useClick","role","useRole","dismiss","useDismiss","listNavigation","useListNavigation","typeahead","useTypeahead","getReferenceProps","getFloatingProps","getItemProps","useInteractions","useEffect","handleTreeClick","onSubMenuOpen","event","toggleRef","useMergeRefs","useImperativeHandle","toggleProps","jsxs","FloatingNode","jsx","classNames","DropdownSubItem","DropdownToggle","FloatingList","FloatingPortal","FloatingFocusManager"],"mappings":"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"}

package/dist/@ecme/components/ui/Dropdown/DropdownSubItem.js

@@ -1,43 +1,43 @@
-import { jsx as t, jsxs as C } from "react/jsx-runtime";
+import { jsx as e, jsxs as C } from "react/jsx-runtime";
 import { useContext as b } from "react";
 import x from "lodash/isNil";
 import N from "../hooks/useUncertainRef.js";
-import y from "../hooks/useUniqueId.js";
+import w from "../hooks/useUniqueId.js";
 import "../ConfigProvider/index.js";
-import I from "../utils/classNames.js";
-import K from "./context/dropdownContext.js";
-import R from "../MenuItem/index.js";
-import { TbChevronLeft as g, TbChevronRight as j } from "react-icons/tb";
-import { useConfig as D } from "../ConfigProvider/ConfigProvider.js";
-const z = (i) => {
+import y from "../utils/classNames.js";
+import I from "./context/dropdownContext.js";
+import K from "../MenuItem/index.js";
+import { TbChevronLeft as R, TbChevronRight as g } from "react-icons/tb";
+import { useConfig as j } from "../ConfigProvider/ConfigProvider.js";
+const z = (r) => {
   const {
-    asElement: m = "li",
-    children: r,
-    active: n,
+    asElement: n = "li",
+    children: i,
+    active: m,
     disabled: s,
     className: c,
     style: a,
-    eventKey: o,
+    eventKey: t,
     onSelect: l,
-    ref: f = null,
-    ...u
-  } = i, { direction: p } = D(), e = b(K), v = N(
-    f
-  ), d = y("menu-item-"), h = n || !x(e == null ? void 0 : e.activeKey) && (e == null ? void 0 : e.activeKey) === o;
-  return /* @__PURE__ */ t("ul", { style: a, className: "relative", ...u, children: /* @__PURE__ */ C(
-    R,
+    ref: p = null,
+    ...f
+  } = r, { direction: u } = j(), o = b(I), d = N(
+    p
+  ), v = w("menu-item-"), h = m || !x(o?.activeKey) && o?.activeKey === t;
+  return /* @__PURE__ */ e("ul", { style: a, className: "relative", ...f, children: /* @__PURE__ */ C(
+    K,
     {
-      ref: v,
+      ref: d,
       disabled: s,
-      asElement: m,
-      id: d,
+      asElement: n,
+      id: v,
       isActive: h,
-      eventKey: o,
-      className: I("dropdown-submenu-item", c),
+      eventKey: t,
+      className: y("dropdown-submenu-item", c),
       onSelect: l,
       children: [
-        /* @__PURE__ */ t("span", { children: r }),
-        p === "rtl" ? /* @__PURE__ */ t(g, {}) : /* @__PURE__ */ t(j, {})
+        /* @__PURE__ */ e("span", { children: i }),
+        u === "rtl" ? /* @__PURE__ */ e(R, {}) : /* @__PURE__ */ e(g, {})
       ]
     }
   ) });

package/dist/@ecme/components/ui/Dropdown/DropdownSubItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownSubItem.js","sources":["../../../../../lib/@ecme/components/ui/Dropdown/DropdownSubItem.tsx"],"sourcesContent":["import { useContext } from 'react'\nimport isNil from 'lodash/isNil'\nimport useUncertainRef from '../hooks/useUncertainRef'\nimport useUniqueId from '../hooks/useUniqueId'\nimport { useConfig } from '../ConfigProvider'\nimport classNames from '../utils/classNames'\nimport DropdownContext from './context/dropdownContext'\nimport MenuItem from '../MenuItem'\nimport { TbChevronRight, TbChevronLeft } from 'react-icons/tb'\nimport type { CommonProps } from '../@types/common'\nimport type { SyntheticEvent, RefObject, ElementType, Ref } from 'react'\n\nexport interface DropdownSubItemSharedProps {\n    onClick?: (e: SyntheticEvent) => void\n    onSelect?: (eventKey: string, e: MouseEvent) => void\n    disabled?: boolean\n    eventKey?: string\n}\n\ninterface DropdownSubItemProps extends CommonProps, DropdownSubItemSharedProps {\n    asElement?: ElementType\n    active?: boolean\n    ref?: Ref<HTMLElement>\n}\n\nconst DropdownSubMenu = (props: DropdownSubItemProps) => {\n    const {\n        asElement: Component = 'li',\n        children,\n        active: activeProp,\n        disabled,\n        className,\n        style,\n        eventKey,\n        onSelect,\n        ref = null,\n        ...rest\n    } = props\n\n    const { direction } = useConfig()\n\n    const dropdown = useContext(DropdownContext)\n\n    const menuitemRef = useUncertainRef<HTMLElement>(\n        ref,\n    ) as RefObject<HTMLElement | null>\n    const menuitemId = useUniqueId('menu-item-')\n\n    const active =\n        activeProp ||\n        (!isNil(dropdown?.activeKey) && dropdown?.activeKey === eventKey)\n\n    return (\n        <ul style={style} className=\"relative\" {...rest}>\n            <MenuItem\n                ref={menuitemRef}\n                disabled={disabled}\n                asElement={Component}\n                id={menuitemId}\n                isActive={active}\n                eventKey={eventKey}\n                className={classNames('dropdown-submenu-item', className)}\n                onSelect={onSelect}\n            >\n                <span>{children}</span>\n                {direction === 'rtl' ? <TbChevronLeft /> : <TbChevronRight />}\n            </MenuItem>\n        </ul>\n    )\n}\n\nexport default DropdownSubMenu\n"],"names":["DropdownSubMenu","props","Component","children","activeProp","disabled","className","style","eventKey","onSelect","ref","rest","direction","useConfig","dropdown","useContext","DropdownContext","menuitemRef","useUncertainRef","menuitemId","useUniqueId","active","isNil","jsxs","MenuItem","classNames","jsx","TbChevronLeft","TbChevronRight"],"mappings":";;;;;;;;;;;AAyBA,MAAMA,IAAkB,CAACC,MAAgC;AACrD,QAAM;AAAA,IACF,WAAWC,IAAY;AAAA,IACvB,UAAAC;AAAA,IACA,QAAQC;AAAA,IACR,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,KAAAC,IAAM;AAAA,IACN,GAAGC;AAAA,EAAA,IACHV,GAEE,EAAE,WAAAW,EAAA,IAAcC,EAAA,GAEhBC,IAAWC,EAAWC,CAAe,GAErCC,IAAcC;AAAA,IAChBR;AAAA,EAAA,GAEES,IAAaC,EAAY,YAAY,GAErCC,IACFjB,KACC,CAACkB,EAAMR,KAAA,gBAAAA,EAAU,SAAS,MAAKA,KAAA,gBAAAA,EAAU,eAAcN;AAE5D,2BACK,MAAA,EAAG,OAAAD,GAAc,WAAU,YAAY,GAAGI,GACvC,UAAA,gBAAAY;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,KAAKP;AAAA,MACL,UAAAZ;AAAA,MACA,WAAWH;AAAA,MACX,IAAIiB;AAAA,MACJ,UAAUE;AAAA,MACV,UAAAb;AAAA,MACA,WAAWiB,EAAW,yBAAyBnB,CAAS;AAAA,MACxD,UAAAG;AAAA,MAEA,UAAA;AAAA,QAAA,gBAAAiB,EAAC,UAAM,UAAAvB,GAAS;AAAA,QACfS,MAAc,QAAQ,gBAAAc,EAACC,GAAA,CAAA,CAAc,sBAAMC,GAAA,CAAA,CAAe;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAEnE;AAER;"}
+{"version":3,"file":"DropdownSubItem.js","sources":["../../../../../lib/@ecme/components/ui/Dropdown/DropdownSubItem.tsx"],"sourcesContent":["import { useContext } from 'react'\nimport isNil from 'lodash/isNil'\nimport useUncertainRef from '../hooks/useUncertainRef'\nimport useUniqueId from '../hooks/useUniqueId'\nimport { useConfig } from '../ConfigProvider'\nimport classNames from '../utils/classNames'\nimport DropdownContext from './context/dropdownContext'\nimport MenuItem from '../MenuItem'\nimport { TbChevronRight, TbChevronLeft } from 'react-icons/tb'\nimport type { CommonProps } from '../@types/common'\nimport type { SyntheticEvent, RefObject, ElementType, Ref } from 'react'\n\nexport interface DropdownSubItemSharedProps {\n    onClick?: (e: SyntheticEvent) => void\n    onSelect?: (eventKey: string, e: MouseEvent) => void\n    disabled?: boolean\n    eventKey?: string\n}\n\ninterface DropdownSubItemProps extends CommonProps, DropdownSubItemSharedProps {\n    asElement?: ElementType\n    active?: boolean\n    ref?: Ref<HTMLElement>\n}\n\nconst DropdownSubMenu = (props: DropdownSubItemProps) => {\n    const {\n        asElement: Component = 'li',\n        children,\n        active: activeProp,\n        disabled,\n        className,\n        style,\n        eventKey,\n        onSelect,\n        ref = null,\n        ...rest\n    } = props\n\n    const { direction } = useConfig()\n\n    const dropdown = useContext(DropdownContext)\n\n    const menuitemRef = useUncertainRef<HTMLElement>(\n        ref,\n    ) as RefObject<HTMLElement | null>\n    const menuitemId = useUniqueId('menu-item-')\n\n    const active =\n        activeProp ||\n        (!isNil(dropdown?.activeKey) && dropdown?.activeKey === eventKey)\n\n    return (\n        <ul style={style} className=\"relative\" {...rest}>\n            <MenuItem\n                ref={menuitemRef}\n                disabled={disabled}\n                asElement={Component}\n                id={menuitemId}\n                isActive={active}\n                eventKey={eventKey}\n                className={classNames('dropdown-submenu-item', className)}\n                onSelect={onSelect}\n            >\n                <span>{children}</span>\n                {direction === 'rtl' ? <TbChevronLeft /> : <TbChevronRight />}\n            </MenuItem>\n        </ul>\n    )\n}\n\nexport default DropdownSubMenu\n"],"names":["DropdownSubMenu","props","Component","children","activeProp","disabled","className","style","eventKey","onSelect","ref","rest","direction","useConfig","dropdown","useContext","DropdownContext","menuitemRef","useUncertainRef","menuitemId","useUniqueId","active","isNil","jsxs","MenuItem","classNames","jsx","TbChevronLeft","TbChevronRight"],"mappings":";;;;;;;;;;;AAyBA,MAAMA,IAAkB,CAACC,MAAgC;AACrD,QAAM;AAAA,IACF,WAAWC,IAAY;AAAA,IACvB,UAAAC;AAAA,IACA,QAAQC;AAAA,IACR,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,KAAAC,IAAM;AAAA,IACN,GAAGC;AAAA,EAAA,IACHV,GAEE,EAAE,WAAAW,EAAA,IAAcC,EAAA,GAEhBC,IAAWC,EAAWC,CAAe,GAErCC,IAAcC;AAAA,IAChBR;AAAA,EAAA,GAEES,IAAaC,EAAY,YAAY,GAErCC,IACFjB,KACC,CAACkB,EAAMR,GAAU,SAAS,KAAKA,GAAU,cAAcN;AAE5D,2BACK,MAAA,EAAG,OAAAD,GAAc,WAAU,YAAY,GAAGI,GACvC,UAAA,gBAAAY;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,KAAKP;AAAA,MACL,UAAAZ;AAAA,MACA,WAAWH;AAAA,MACX,IAAIiB;AAAA,MACJ,UAAUE;AAAA,MACV,UAAAb;AAAA,MACA,WAAWiB,EAAW,yBAAyBnB,CAAS;AAAA,MACxD,UAAAG;AAAA,MAEA,UAAA;AAAA,QAAA,gBAAAiB,EAAC,UAAM,UAAAvB,GAAS;AAAA,QACfS,MAAc,QAAQ,gBAAAc,EAACC,GAAA,CAAA,CAAc,sBAAMC,GAAA,CAAA,CAAe;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAEnE;AAER;"}