@orbe-agro/client-core-prod 5.3.185

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

@@ -0,0 +1,193 @@
+import { jsxs as te, jsx as n } from "react/jsx-runtime";
+import { useState as g, useRef as E, useContext as ne, useEffect as L, useImperativeHandle as oe } from "react";
+import se from "./DropdownToggle.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 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 je = (j) => {
+  const {
+    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: (e) => {
+      D(e);
+    },
+    placement: b || (o ? q() : U()),
+    middleware: [fe(), me()],
+    whileElementsMounted: ue
+  }), { isMounted: G, styles: J } = pe(s, {
+    common: ({ side: e }) => ({
+      transformOrigin: {
+        top: "bottom",
+        bottom: "top",
+        left: "right",
+        right: "left"
+      }[e]
+    }),
+    initial: {
+      transform: "translateY(-5%)",
+      opacity: 0
+    },
+    duration: 200,
+    open: {
+      opacity: 1,
+      transform: "translateY(0%)"
+    },
+    close: {
+      opacity: 0,
+      transform: "translateY(-5%)"
+    }
+  }), K = ge(s, {
+    enabled: o || u === "hover",
+    delay: { open: 75 },
+    handleClose: he({ blockPointerEvents: !0 })
+  }), Q = ve(s, {
+    event: "mousedown",
+    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,
+    onMatch: r ? m : void 0,
+    activeIndex: f
+  }), { getReferenceProps: _, getFloatingProps: $, getItemProps: ee } = Ne([
+    K,
+    V,
+    W,
+    X,
+    Z,
+    ...u === "click" ? [Q] : []
+  ]);
+  L(() => {
+    if (!t) return;
+    function e() {
+      l(!1), i?.(!1);
+    }
+    function S(H) {
+      H.nodeId !== a && H.parentId === c && (l(!1), i?.(!1));
+    }
+    return t.events.on("click", e), t.events.on("menuopen", S), () => {
+      t.events.off("click", e), t.events.off("menuopen", S);
+    };
+  }, [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), i?.(!0);
+    },
+    handleDropdownClose: () => {
+      l(!1), i?.(!1);
+    }
+  }), [i]);
+  const T = {
+    ..._(
+      p.getItemProps({
+        ...N,
+        onFocus(e) {
+          N.onFocus?.(e), P(!1), p.setHasFocusInside(!0);
+        }
+      })
+    ),
+    ...u === "context" ? {
+      onContextMenu: (e) => {
+        e.preventDefault(), D(!0);
+      }
+    } : {}
+  };
+  return /* @__PURE__ */ te(Pe, { id: a, children: [
+    o ? /* @__PURE__ */ n(
+      "li",
+      {
+        ref: O,
+        tabIndex: p.activeIndex === R.index ? 0 : -1,
+        "data-open": r ? "" : void 0,
+        "data-nested": "",
+        "data-focus-inside": y ? "" : void 0,
+        className: h(F, "outline-none"),
+        ...T,
+        children: /* @__PURE__ */ n(re, { children: d || v })
+      }
+    ) : /* @__PURE__ */ n(
+      se,
+      {
+        ref: O,
+        role: "menuitem",
+        "data-open": r ? "" : void 0,
+        "data-focus-inside": y ? "" : void 0,
+        className: h(F),
+        disabled: I,
+        placement: b,
+        renderTitle: d,
+        ...T,
+        children: v
+      }
+    ),
+    /* @__PURE__ */ n(
+      Y.Provider,
+      {
+        value: {
+          activeIndex: f,
+          setActiveIndex: m,
+          getItemProps: ee,
+          setHasFocusInside: P,
+          isOpen: r
+        },
+        children: /* @__PURE__ */ n(Ce, { elementsRef: C, labelsRef: M, children: G && /* @__PURE__ */ n(Me, { children: /* @__PURE__ */ n(
+          we,
+          {
+            context: s,
+            modal: !1,
+            initialFocus: o ? -1 : 0,
+            returnFocus: !o,
+            children: /* @__PURE__ */ n(
+              "div",
+              {
+                ref: k.setFloating,
+                style: B,
+                ...$(),
+                className: "outline-none z-30",
+                children: /* @__PURE__ */ n(
+                  "ul",
+                  {
+                    className: h(
+                      "dropdown-menu min-w-[160px]",
+                      A
+                    ),
+                    style: J,
+                    children: z
+                  }
+                )
+              }
+            )
+          }
+        ) }) })
+      }
+    )
+  ] });
+};
+export {
+  je as default
+};
+//# sourceMappingURL=DropdownMenu.js.map

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

@@ -0,0 +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","jsxs","FloatingNode","jsx","classNames","DropdownSubItem","DropdownToggle","FloatingList","FloatingPortal","FloatingFocusManager"],"mappings":";;;;;;;;;AA4DM,MAAAA,KAAe,CAACC,MAAsD;AAClE,QAAA;AAAA,IACF,UAAAC;AAAA,IACA,OAAAC;AAAA,IACA,aAAAC;AAAA,IACA,UAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,WAAAC;AAAA,IACA,WAAAC;AAAA,IACA,SAAAC,IAAU;AAAA,IACV,QAAAC;AAAA,IACA,KAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACHX,GAEE,CAACY,GAAQC,CAAS,IAAIC,EAAS,EAAK,GACpC,CAACC,GAAgBC,CAAiB,IAAIF,EAAS,EAAK,GACpD,CAACG,GAAaC,CAAc,IAAIJ,EAAwB,IAAI,GAE5DK,IAAcC,EAAkC,EAAE,GAClDC,IAAYD,EAA6B,EAAE,GAE3C,EAAE,WAAAE,EAAU,IAAIC,GAAU,GAE1BC,IAASC,GAAWC,CAAW,GAE/BC,IAAOC,GAAgB,GACvBC,IAASC,GAAkB,GAC3BC,IAAWC,GAAwB,GACnCC,IAAOC,GAAY,GAEnBC,IAAWJ,KAAY,MAEvBK,IAAa,CAACC,MAAkB;AAClC,IAAIjC,MAGJS,EAAUwB,CAAI,GACd5B,IAAS4B,CAAI;AAAA,EACjB,GAEMC,IAAsB,MACjBhB,MAAc,QAAQ,iBAAiB,cAG5CiB,IAA4B,MACvBjB,MAAc,QAAQ,gBAAgB,cAG3C,EAAE,gBAAAkB,GAAgB,MAAAC,GAAM,SAAAC,EAAA,IAAYC,GAAyB;AAAA,IAC/D,QAAAd;AAAA,IACA,MAAMjB;AAAA,IACN,cAAc,CAACyB,MAAS;AACpB,MAAAD,EAAWC,CAAI;AAAA,IACnB;AAAA,IACA,WACI9B,MACC4B,IAAWI,MAA8BD,EAAoB;AAAA,IAClE,YAAY,CAACM,MAAQC,IAAO;AAAA,IAC5B,sBAAsBC;AAAA,EAAA,CACzB,GAEK,EAAE,WAAAC,GAAW,QAAAC,MAAWC,GAAoBP,GAAS;AAAA,IACvD,QAAQ,CAAC,EAAE,MAAAQ,SAAY;AAAA,MACnB,iBAAiB;AAAA,QACb,KAAK;AAAA,QACL,QAAQ;AAAA,QACR,MAAM;AAAA,QACN,OAAO;AAAA,MAAA,EACTA,CAAI;AAAA,IAAA;AAAA,IAEV,SAAS;AAAA,MACL,WAAW;AAAA,MACX,SAAS;AAAA,IACb;AAAA,IACA,UAAU;AAAA,IACV,MAAM;AAAA,MACF,SAAS;AAAA,MACT,WAAW;AAAA,IACf;AAAA,IACA,OAAO;AAAA,MACH,SAAS;AAAA,MACT,WAAW;AAAA,IAAA;AAAA,EACf,CACH,GAEKC,IAAQC,GAASV,GAAS;AAAA,IAC5B,SAASP,KAAY3B,MAAY;AAAA,IACjC,OAAO,EAAE,MAAM,GAAG;AAAA,IAClB,aAAa6C,GAAY,EAAE,oBAAoB,GAAM,CAAA;AAAA,EAAA,CACxD,GAEKC,IAAQC,GAASb,GAAS;AAAA,IAC5B,OAAO;AAAA,IACP,QAAQ,CAACP;AAAA,IACT,aAAaA;AAAA,EAAA,CAChB,GAEKqB,IAAOC,GAAQf,GAAS,EAAE,MAAM,QAAQ,GAExCgB,IAAUC,GAAWjB,GAAS,EAAE,SAAS,IAAM,GAE/CkB,IAAiBC,GAAkBnB,GAAS;AAAA,IAC9C,SAASvB;AAAA,IACT,aAAAF;AAAA,IACA,QAAQkB;AAAA,IACR,YAAYjB;AAAA,EAAA,CACf,GACK4C,IAAYC,GAAarB,GAAS;AAAA,IACpC,SAASrB;AAAA,IACT,SAAST,IAASM,IAAiB;AAAA,IACnC,aAAAD;AAAA,EAAA,CACH,GAEK,EAAE,mBAAA+C,GAAmB,kBAAAC,GAAkB,cAAAC,GAAA,IACzCC,GAAgB;AAAA,IACZhB;AAAA,IACAK;AAAA,IACAE;AAAA,IACAE;AAAA,IACAE;AAAA,IACA,GAAItD,MAAY,UAAU,CAAC8C,CAAK,IAAI,CAAA;AAAA,EAAC,CACxC;AAEL,EAAAc,EAAU,MAAM;AACZ,QAAI,CAACzC,EAAM;AAEX,aAAS0C,IAAkB;AACvB,MAAAxD,EAAU,EAAK,GACfJ,IAAS,EAAK;AAAA,IAAA;AAGlB,aAAS6D,EAAcC,GAA6C;AAChE,MAAIA,EAAM,WAAW1C,KAAU0C,EAAM,aAAaxC,MAC9ClB,EAAU,EAAK,GACfJ,IAAS,EAAK;AAAA,IAClB;AAGC,WAAAkB,EAAA,OAAO,GAAG,SAAS0C,CAAe,GAClC1C,EAAA,OAAO,GAAG,YAAY2C,CAAa,GAEjC,MAAM;AACJ,MAAA3C,EAAA,OAAO,IAAI,SAAS0C,CAAe,GACnC1C,EAAA,OAAO,IAAI,YAAY2C,CAAa;AAAA,IAC7C;AAAA,EAED,GAAA,CAAC3C,GAAME,GAAQE,CAAQ,CAAC,GAE3BqC,EAAU,MAAM;AACZ,IAAIxD,KAAUe,KACVA,EAAK,OAAO,KAAK,YAAY,EAAE,UAAAI,GAAU,QAAAF,GAAQ;AAAA,KAEtD,CAACF,GAAMf,GAAQiB,GAAQE,CAAQ,CAAC;AAE7B,QAAAyC,IAAYC,GAAa,CAAChC,EAAK,cAAcR,EAAK,KAAKvB,CAAG,CAAC;AAEjE,EAAAgE,GAAoBhE,GAAK,OACd;AAAA,IACH,oBAAoB,MAAM;AACtB,MAAAG,EAAU,EAAI,GACdJ,IAAS,EAAI;AAAA,IACjB;AAAA,IACA,qBAAqB,MAAM;AACvB,MAAAI,EAAU,EAAK,GACfJ,IAAS,EAAK;AAAA,IAAA;AAAA,EAEtB,IACD,CAACA,CAAM,CAAC;AAEX,QAAMkE,IAAc;AAAA,IAChB,GAAGX;AAAA,MACCxC,EAAO,aAAa;AAAA,QAChB,GAAGb;AAAA,QACH,QAAQ4D,GAAgC;AACpC,UAAA5D,EAAK,UAAU4D,CAAK,GACpBvD,EAAkB,EAAK,GACvBQ,EAAO,kBAAkB,EAAI;AAAA,QAAA;AAAA,MAEpC,CAAA;AAAA,IACL;AAAA,IACA,GAAIhB,MAAY,YACV;AAAA,MACI,eAAe,CAAC,MAA+B;AAC3C,UAAE,eAAe,GACjB4B,EAAW,EAAI;AAAA,MAAA;AAAA,IACnB,IAEJ,CAAA;AAAA,EACV;AAGI,SAAA,gBAAAwC,GAACC,IAAa,EAAA,IAAIhD,GACb,UAAA;AAAA,IAACM,IAeE,gBAAA2C;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,KAAKN;AAAA,QACL,UAAUhD,EAAO,gBAAgBS,EAAK,QAAQ,IAAI;AAAA,QAClD,aAAWrB,IAAS,KAAK;AAAA,QACzB,eAAa;AAAA,QACb,qBAAmBG,IAAiB,KAAK;AAAA,QACzC,WAAWgE,EAAW1E,GAAiB,cAAc;AAAA,QACpD,GAAGsE;AAAA,QAEJ,UAAC,gBAAAG,EAAAE,IAAA,EACI,UAAc7E,KAAcD,EACjC,CAAA;AAAA,MAAA;AAAA,IACJ,IA1BA,gBAAA4E;AAAA,MAACG;AAAA,MAAA;AAAA,QACG,KAAKT;AAAA,QACL,MAAM;AAAA,QACN,aAAW5D,IAAS,KAAK;AAAA,QACzB,qBAAmBG,IAAiB,KAAK;AAAA,QACzC,WAAWgE,EAAW1E,CAAe;AAAA,QACrC,UAAAD;AAAA,QACA,WAAAG;AAAA,QACA,aAAAJ;AAAA,QACC,GAAGwE;AAAA,QAEH,UAAAzE;AAAA,MAAA;AAAA,IAAA;AAAA,IAiBT,gBAAA4E;AAAA,MAACpD,EAAY;AAAA,MAAZ;AAAA,QACG,OAAO;AAAA,UACH,aAAAT;AAAA,UACA,gBAAAC;AAAA,UACA,cAAAgD;AAAA,UACA,mBAAAlD;AAAA,UACA,QAAAJ;AAAA,QACJ;AAAA,QAEA,4BAACsE,IAAa,EAAA,aAAA/D,GAA0B,WAAAE,GACnC,UAAA0B,uBACIoC,IACG,EAAA,UAAA,gBAAAL;AAAA,UAACM;AAAA,UAAA;AAAA,YACG,SAAA1C;AAAA,YACA,OAAO;AAAA,YACP,cAAcP,IAAW,KAAK;AAAA,YAC9B,aAAa,CAACA;AAAA,YAEd,UAAA,gBAAA2C;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,KAAKrC,EAAK;AAAA,gBACV,OAAOD;AAAA,gBACN,GAAGyB,EAAiB;AAAA,gBACrB,WAAU;AAAA,gBAEV,UAAA,gBAAAa;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACG,WAAWC;AAAA,sBACP;AAAA,sBACAzE;AAAA,oBACJ;AAAA,oBACA,OAAO0C;AAAA,oBAEN,UAAA/C;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACL;AAAA,YAAA;AAAA,UACJ;AAAA,WAER,EAER,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ,GACJ;AAER;"}

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

@@ -0,0 +1,11 @@
+import { jsx as r } from "react/jsx-runtime";
+import t from "./DropdownMenu.js";
+import { useFloatingParentNodeId as e, FloatingTree as d } from "@floating-ui/react";
+const m = ({
+  ref: o,
+  ...n
+}) => e() === null ? /* @__PURE__ */ r(d, { children: /* @__PURE__ */ r(t, { ...n, ref: o }) }) : /* @__PURE__ */ r(t, { ...n, ref: o });
+export {
+  m as default
+};
+//# sourceMappingURL=DropdownSub.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownSub.js","sources":["../../../../../lib/@ecme/components/ui/Dropdown/DropdownSub.tsx"],"sourcesContent":["import DropdownMenu from './DropdownMenu'\nimport { FloatingTree, useFloatingParentNodeId } from '@floating-ui/react'\nimport type { DropdownMenuProps, DropdownMenuRef } from './DropdownMenu'\nimport type { HTMLProps, Ref } from 'react'\n\nexport interface DropdownSubProps\n    extends Omit<DropdownMenuProps, 'trigger' | 'disabled' | 'activeKey'> {\n    eventKey?: string\n    id?: string\n    ref?: Ref<HTMLElement | DropdownMenuRef>\n}\n\nconst DropdownSub = ({\n    ref,\n    ...props\n}: DropdownSubProps & HTMLProps<HTMLElement>) => {\n    const parentId = useFloatingParentNodeId()\n\n    if (parentId === null) {\n        return (\n            <FloatingTree>\n                <DropdownMenu {...props} ref={ref} />\n            </FloatingTree>\n        )\n    }\n\n    return <DropdownMenu {...props} ref={ref} />\n}\n\nexport default DropdownSub\n"],"names":["DropdownSub","ref","props","useFloatingParentNodeId","FloatingTree","jsx","DropdownMenu"],"mappings":";;;AAYA,MAAMA,IAAc,CAAC;AAAA,EACjB,KAAAC;AAAA,EACA,GAAGC;AACP,MACqBC,EAAwB,MAExB,yBAERC,GACG,EAAA,UAAA,gBAAAC,EAACC,KAAc,GAAGJ,GAAO,KAAAD,EAAU,CAAA,GACvC,IAIA,gBAAAI,EAAAC,GAAA,EAAc,GAAGJ,GAAO,KAAAD,EAAU,CAAA;"}

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

@@ -0,0 +1,48 @@
+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 w from "../hooks/useUniqueId.js";
+import "../ConfigProvider/index.js";
+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: n = "li",
+    children: i,
+    active: m,
+    disabled: s,
+    className: c,
+    style: a,
+    eventKey: t,
+    onSelect: l,
+    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: d,
+      disabled: s,
+      asElement: n,
+      id: v,
+      isActive: h,
+      eventKey: t,
+      className: y("dropdown-submenu-item", c),
+      onSelect: l,
+      children: [
+        /* @__PURE__ */ e("span", { children: i }),
+        u === "rtl" ? /* @__PURE__ */ e(R, {}) : /* @__PURE__ */ e(g, {})
+      ]
+    }
+  ) });
+};
+export {
+  z as default
+};
+//# sourceMappingURL=DropdownSubItem.js.map

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

@@ -0,0 +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":";;;;;;;;;;;AAyBM,MAAAA,IAAkB,CAACC,MAAgC;AAC/C,QAAA;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,EAAU,IAAIC,EAAU,GAE1BC,IAAWC,EAAWC,CAAe,GAErCC,IAAcC;AAAA,IAChBR;AAAA,EACJ,GACMS,IAAaC,EAAY,YAAY,GAErCC,IACFjB,KACC,CAACkB,EAAMR,GAAU,SAAS,KAAKA,GAAU,cAAcN;AAE5D,2BACK,MAAG,EAAA,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,GAAc,CAAA,CAAA,sBAAMC,GAAe,CAAA,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAEnE;AAER;"}

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

@@ -0,0 +1,43 @@
+import { jsxs as r, Fragment as t, jsx as s } from "react/jsx-runtime";
+import i from "classnames";
+import { TbChevronRight as C, TbChevronLeft as m, TbChevronUp as p, TbChevronDown as b } from "react-icons/tb";
+const T = ({
+  placement: e,
+  children: o
+}) => e && e.includes("right") ? /* @__PURE__ */ r(t, { children: [
+  o,
+  /* @__PURE__ */ s(C, {})
+] }) : e && e.includes("left") ? /* @__PURE__ */ r(t, { children: [
+  /* @__PURE__ */ s(m, {}),
+  o
+] }) : e && e.includes("right") ? /* @__PURE__ */ r(t, { children: [
+  o,
+  /* @__PURE__ */ s(p, {})
+] }) : /* @__PURE__ */ r(t, { children: [
+  o,
+  /* @__PURE__ */ s(b, {})
+] }), j = (e) => {
+  const {
+    className: o,
+    renderTitle: l,
+    children: g,
+    placement: c = "bottom-start",
+    disabled: f,
+    ref: n,
+    toggleClassName: u,
+    ...d
+  } = e, a = i(
+    "dropdown-toggle",
+    o,
+    u,
+    f && "dropdown-toggle-disabled"
+  ), h = i(
+    a,
+    "dropdown-toggle-default"
+  );
+  return l ? /* @__PURE__ */ s("div", { className: a, ...d, ref: n, children: l }) : /* @__PURE__ */ s("div", { ref: n, className: h, ...d, children: /* @__PURE__ */ s("span", { className: "flex items-center gap-1", children: /* @__PURE__ */ s(T, { placement: c, children: g }) }) });
+};
+export {
+  j as default
+};
+//# sourceMappingURL=DropdownToggle.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownToggle.js","sources":["../../../../../lib/@ecme/components/ui/Dropdown/DropdownToggle.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport {\n    TbChevronDown,\n    TbChevronUp,\n    TbChevronRight,\n    TbChevronLeft,\n} from 'react-icons/tb'\nimport type { CommonProps } from '../@types/common'\nimport type { Placement } from '@floating-ui/react'\nimport type { ReactNode, HTMLProps, Ref } from 'react'\n\nexport interface DropdownToggleSharedProps {\n    renderTitle?: ReactNode\n    placement?: Placement\n    toggleClassName?: string\n    disabled?: boolean\n}\n\ninterface DropdownToggleProps extends CommonProps, DropdownToggleSharedProps {\n    id?: string\n    ref?: Ref<HTMLDivElement>\n}\n\nconst DropdownToggleDefaultContent = ({\n    placement,\n    children,\n}: {\n    placement: Placement\n    children: string | ReactNode\n}) => {\n    if (placement && placement.includes('right')) {\n        return (\n            <>\n                {children}\n                <TbChevronRight />\n            </>\n        )\n    }\n\n    if (placement && placement.includes('left')) {\n        return (\n            <>\n                <TbChevronLeft />\n                {children}\n            </>\n        )\n    }\n\n    if (placement && placement.includes('right')) {\n        return (\n            <>\n                {children}\n                <TbChevronUp />\n            </>\n        )\n    }\n\n    return (\n        <>\n            {children}\n            <TbChevronDown />\n        </>\n    )\n}\n\nconst DropdownToggle = (\n    props: DropdownToggleProps & HTMLProps<HTMLDivElement>,\n) => {\n    const {\n        className,\n        renderTitle,\n        children,\n        placement = 'bottom-start',\n        disabled,\n        ref,\n        toggleClassName,\n        ...rest\n    } = props\n\n    const toggleClass = 'dropdown-toggle'\n    const disabledClass = 'dropdown-toggle-disabled'\n\n    const dropdownToggleClass = classNames(\n        toggleClass,\n        className,\n        toggleClassName,\n        disabled && disabledClass,\n    )\n\n    const dropdownToggleDefaultClass = classNames(\n        dropdownToggleClass,\n        'dropdown-toggle-default',\n    )\n\n    if (renderTitle) {\n        return (\n            <div className={dropdownToggleClass} {...rest} ref={ref}>\n                {renderTitle}\n            </div>\n        )\n    }\n\n    return (\n        <div ref={ref} className={dropdownToggleDefaultClass} {...rest}>\n            <span className=\"flex items-center gap-1\">\n                <DropdownToggleDefaultContent placement={placement}>\n                    {children}\n                </DropdownToggleDefaultContent>\n            </span>\n        </div>\n    )\n}\n\nexport default DropdownToggle\n"],"names":["DropdownToggleDefaultContent","placement","children","jsxs","Fragment","TbChevronRight","jsx","TbChevronLeft","TbChevronUp","TbChevronDown","DropdownToggle","props","className","renderTitle","disabled","ref","toggleClassName","rest","dropdownToggleClass","classNames","dropdownToggleDefaultClass"],"mappings":";;;AAuBA,MAAMA,IAA+B,CAAC;AAAA,EAClC,WAAAC;AAAA,EACA,UAAAC;AACJ,MAIQD,KAAaA,EAAU,SAAS,OAAO,IAG9B,gBAAAE,EAAAC,GAAA,EAAA,UAAA;AAAA,EAAAF;AAAA,oBACAG,GAAe,CAAA,CAAA;AAAA,GACpB,IAIJJ,KAAaA,EAAU,SAAS,MAAM,IAG9B,gBAAAE,EAAAC,GAAA,EAAA,UAAA;AAAA,EAAA,gBAAAE,EAACC,GAAc,EAAA;AAAA,EACdL;AAAA,GACL,IAIJD,KAAaA,EAAU,SAAS,OAAO,IAG9B,gBAAAE,EAAAC,GAAA,EAAA,UAAA;AAAA,EAAAF;AAAA,oBACAM,GAAY,CAAA,CAAA;AAAA,GACjB,IAMC,gBAAAL,EAAAC,GAAA,EAAA,UAAA;AAAA,EAAAF;AAAA,oBACAO,GAAc,CAAA,CAAA;AAAA,GACnB,GAIFC,IAAiB,CACnBC,MACC;AACK,QAAA;AAAA,IACF,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,UAAAX;AAAA,IACA,WAAAD,IAAY;AAAA,IACZ,UAAAa;AAAA,IACA,KAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACHN,GAKEO,IAAsBC;AAAA,IAHR;AAAA,IAKhBP;AAAA,IACAI;AAAA,IACAF,KANkB;AAAA,EAOtB,GAEMM,IAA6BD;AAAA,IAC/BD;AAAA,IACA;AAAA,EACJ;AAEA,SAAIL,sBAEK,OAAI,EAAA,WAAWK,GAAsB,GAAGD,GAAM,KAAAF,GAC1C,UACLF,GAAA,sBAKH,OAAI,EAAA,KAAAE,GAAU,WAAWK,GAA6B,GAAGH,GACtD,UAAA,gBAAAX,EAAC,QAAK,EAAA,WAAU,2BACZ,UAAC,gBAAAA,EAAAN,GAAA,EAA6B,WAAAC,GACzB,UAAAC,EAAA,CACL,EACJ,CAAA,GACJ;AAER;"}

package/dist/@ecme/components/ui/Dropdown/context/dropdownContext.js

@@ -0,0 +1,7 @@
+import { createContext as o } from "react";
+const t = o({}), e = t.Provider;
+export {
+  e as DropdownContextProvider,
+  t as default
+};
+//# sourceMappingURL=dropdownContext.js.map

package/dist/@ecme/components/ui/Dropdown/context/dropdownContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdownContext.js","sources":["../../../../../../lib/@ecme/components/ui/Dropdown/context/dropdownContext.ts"],"sourcesContent":["import { createContext } from 'react'\n\nexport type DropdownContextProps = {\n    activeKey?: string\n}\n\nconst DropdownContext = createContext<DropdownContextProps>({})\n\nexport const DropdownContextProvider = DropdownContext.Provider\n\nexport default DropdownContext\n"],"names":["DropdownContext","createContext","DropdownContextProvider"],"mappings":";AAMM,MAAAA,IAAkBC,EAAoC,CAAE,CAAA,GAEjDC,IAA0BF,EAAgB;"}

package/dist/@ecme/components/ui/Dropdown/context/menuContext.js

@@ -0,0 +1,15 @@
+import { createContext as e } from "react";
+const t = e({
+  getItemProps: () => ({}),
+  activeIndex: null,
+  setActiveIndex: () => {
+  },
+  setHasFocusInside: () => {
+  },
+  isOpen: !1
+}), o = t.Provider;
+export {
+  o as MenuContextProvider,
+  t as default
+};
+//# sourceMappingURL=menuContext.js.map

package/dist/@ecme/components/ui/Dropdown/context/menuContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menuContext.js","sources":["../../../../../../lib/@ecme/components/ui/Dropdown/context/menuContext.ts"],"sourcesContent":["import { createContext } from 'react'\n\nexport type MenuContextProps = {\n    getItemProps: (\n        userProps?: React.HTMLProps<HTMLElement>,\n    ) => Record<string, unknown>\n    activeIndex: number | null\n    setActiveIndex: React.Dispatch<React.SetStateAction<number | null>>\n    setHasFocusInside: React.Dispatch<React.SetStateAction<boolean>>\n    isOpen: boolean\n}\n\nconst MenuContext = createContext<MenuContextProps>({\n    getItemProps: () => ({}),\n    activeIndex: null,\n    setActiveIndex: () => {},\n    setHasFocusInside: () => {},\n    isOpen: false,\n})\n\nexport const MenuContextProvider = MenuContext.Provider\n\nexport default MenuContext\n"],"names":["MenuContext","createContext","MenuContextProvider"],"mappings":";AAYA,MAAMA,IAAcC,EAAgC;AAAA,EAChD,cAAc,OAAO,CAAA;AAAA,EACrB,aAAa;AAAA,EACb,gBAAgB,MAAM;AAAA,EAAC;AAAA,EACvB,mBAAmB,MAAM;AAAA,EAAC;AAAA,EAC1B,QAAQ;AACZ,CAAC,GAEYC,IAAsBF,EAAY;"}

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

@@ -0,0 +1,11 @@
+import r from "./Dropdown.js";
+import m from "./DropdownItem.js";
+import p from "./DropdownSub.js";
+const o = r;
+o.Item = m;
+o.Menu = p;
+export {
+  o as Dropdown,
+  o as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../lib/@ecme/components/ui/Dropdown/index.ts"],"sourcesContent":["import type { ForwardRefExoticComponent, RefAttributes } from 'react'\nimport _Dropdown, { DropdownProps } from './Dropdown'\nimport DropdownItem from './DropdownItem'\nimport DropdownSub from './DropdownSub'\nimport type { DropdownRef } from './Dropdown'\n\nexport type { DropdownProps, DropdownRef } from './Dropdown'\nexport type { DropdownItemProps } from './DropdownItem'\nexport type { DropdownSubProps as DropdownMenuProps } from './DropdownSub'\n\ntype CompoundedComponent = ForwardRefExoticComponent<\n    DropdownProps & RefAttributes<DropdownRef>\n> & {\n    Item: typeof DropdownItem\n    Menu: typeof DropdownSub\n}\n\nconst Dropdown = _Dropdown as CompoundedComponent\n\nDropdown.Item = DropdownItem\nDropdown.Menu = DropdownSub\n\nexport { Dropdown }\n\nexport default Dropdown\n"],"names":["Dropdown","_Dropdown","DropdownItem","DropdownSub"],"mappings":";;;AAiBA,MAAMA,IAAWC;AAEjBD,EAAS,OAAOE;AAChBF,EAAS,OAAOG;"}

package/dist/@ecme/components/ui/Form/Form.js

@@ -0,0 +1,28 @@
+import { jsx as r } from "react/jsx-runtime";
+import l from "./FormContainer.js";
+const d = (e) => {
+  const {
+    children: o,
+    containerClassName: t,
+    labelWidth: a,
+    layout: s,
+    size: m,
+    ref: n,
+    ...i
+  } = e;
+  return /* @__PURE__ */ r("form", { ref: n, ...i, children: /* @__PURE__ */ r(
+    l,
+    {
+      className: t,
+      labelWidth: a,
+      layout: s,
+      size: m,
+      children: o
+    }
+  ) });
+};
+export {
+  d as Form,
+  d as default
+};
+//# sourceMappingURL=Form.js.map

package/dist/@ecme/components/ui/Form/Form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Form.js","sources":["../../../../../lib/@ecme/components/ui/Form/Form.tsx"],"sourcesContent":["import FormContainer from './FormContainer'\nimport type { ComponentPropsWithoutRef, Ref } from 'react'\nimport type { FormContainerProps } from './FormContainer'\n\nexport type FormProps = ComponentPropsWithoutRef<'form'> &\n    FormContainerProps & {\n        containerClassName?: string\n        ref?: Ref<HTMLFormElement>\n    }\n\nexport const Form = (props: FormProps) => {\n    const {\n        children,\n        containerClassName,\n        labelWidth,\n        layout,\n        size,\n        ref,\n        ...rest\n    } = props\n\n    return (\n        <form ref={ref} {...rest}>\n            <FormContainer\n                className={containerClassName}\n                labelWidth={labelWidth}\n                layout={layout}\n                size={size}\n            >\n                {children}\n            </FormContainer>\n        </form>\n    )\n}\n\nexport default Form\n"],"names":["Form","props","children","containerClassName","labelWidth","layout","size","ref","rest","jsx","FormContainer"],"mappings":";;AAUa,MAAAA,IAAO,CAACC,MAAqB;AAChC,QAAA;AAAA,IACF,UAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,QAAAC;AAAA,IACA,MAAAC;AAAA,IACA,KAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACHP;AAEJ,SACK,gBAAAQ,EAAA,QAAA,EAAK,KAAAF,GAAW,GAAGC,GAChB,UAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,WAAWP;AAAA,MACX,YAAAC;AAAA,MACA,QAAAC;AAAA,MACA,MAAAC;AAAA,MAEC,UAAAJ;AAAA,IAAA;AAAA,EAAA,GAET;AAER;"}

package/dist/@ecme/components/ui/Form/FormContainer.js

@@ -0,0 +1,35 @@
+import { jsx as o } from "react/jsx-runtime";
+import { FormContextProvider as l, FormContextConsumer as c } from "./context.js";
+import "../ConfigProvider/index.js";
+import u from "classnames";
+import { LAYOUT as d, SIZES as f } from "../utils/constants.js";
+import { useConfig as p } from "../ConfigProvider/ConfigProvider.js";
+const C = (r) => {
+  const { controlSize: t } = p(), {
+    children: e,
+    className: n,
+    labelWidth: m = 100,
+    layout: i = d.VERTICAL,
+    size: a = f.MD
+  } = r;
+  return /* @__PURE__ */ o(l, { value: {
+    labelWidth: m,
+    layout: i,
+    size: a || t
+  }, children: /* @__PURE__ */ o(c, { children: (s) => /* @__PURE__ */ o(
+    "div",
+    {
+      className: u(
+        "form-container",
+        s?.layout,
+        n
+      ),
+      children: e
+    }
+  ) }) });
+};
+C.displayName = "FormContainer";
+export {
+  C as default
+};
+//# sourceMappingURL=FormContainer.js.map

package/dist/@ecme/components/ui/Form/FormContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormContainer.js","sources":["../../../../../lib/@ecme/components/ui/Form/FormContainer.tsx"],"sourcesContent":["import { FormContextProvider, FormContextConsumer } from './context'\nimport { useConfig } from '../ConfigProvider'\nimport classNames from 'classnames'\nimport { SIZES, LAYOUT } from '../utils/constants'\nimport type { FormContextProps } from './context'\nimport type { CommonProps, TypeAttributes } from '../@types/common'\n\nexport interface FormContainerProps extends CommonProps {\n    size?: TypeAttributes.ControlSize\n    layout?: TypeAttributes.FormLayout\n    labelWidth?: string | number\n}\n\nconst FormContainer = (props: FormContainerProps) => {\n    const { controlSize } = useConfig()\n\n    const {\n        children,\n        className,\n        labelWidth = 100,\n        layout = LAYOUT.VERTICAL,\n        size = SIZES.MD,\n    } = props\n\n    const contextValue = {\n        labelWidth,\n        layout,\n        size: size || controlSize,\n    }\n\n    return (\n        <FormContextProvider value={contextValue as FormContextProps}>\n            <FormContextConsumer>\n                {(context) => {\n                    return (\n                        <div\n                            className={classNames(\n                                'form-container',\n                                context?.layout,\n                                className,\n                            )}\n                        >\n                            {children}\n                        </div>\n                    )\n                }}\n            </FormContextConsumer>\n        </FormContextProvider>\n    )\n}\n\nFormContainer.displayName = 'FormContainer'\n\nexport default FormContainer\n"],"names":["FormContainer","props","controlSize","useConfig","children","className","labelWidth","layout","LAYOUT","size","SIZES","FormContextProvider","jsx","FormContextConsumer","context","classNames"],"mappings":";;;;;;AAaM,MAAAA,IAAgB,CAACC,MAA8B;AAC3C,QAAA,EAAE,aAAAC,EAAY,IAAIC,EAAU,GAE5B;AAAA,IACF,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,YAAAC,IAAa;AAAA,IACb,QAAAC,IAASC,EAAO;AAAA,IAChB,MAAAC,IAAOC,EAAM;AAAA,EAAA,IACbT;AAQJ,2BACKU,GAAoB,EAAA,OAPJ;AAAA,IACjB,YAAAL;AAAA,IACA,QAAAC;AAAA,IACA,MAAME,KAAQP;AAAA,EAClB,GAIQ,UAAC,gBAAAU,EAAAC,GAAA,EACI,WAACC,MAEM,gBAAAF;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAWG;AAAA,QACP;AAAA,QACAD,GAAS;AAAA,QACTT;AAAA,MACJ;AAAA,MAEC,UAAAD;AAAA,IAAA;AAAA,EACL,GAGZ,EACJ,CAAA;AAER;AAEAJ,EAAc,cAAc;"}

package/dist/@ecme/components/ui/Form/FormItem.js

@@ -0,0 +1,85 @@
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import f from "../utils/classNames.js";
+import { AnimatePresence as H, motion as W } from "framer-motion";
+import { useForm as Z, FormItemContextProvider as $ } from "./context.js";
+import "../ConfigProvider/index.js";
+import { LAYOUT as l, CONTROL_SIZES as d } from "../utils/constants.js";
+import { useConfig as j } from "../ConfigProvider/ConfigProvider.js";
+const Y = (p) => {
+  const {
+    asterisk: u,
+    children: h,
+    className: y,
+    errorMessage: L,
+    extra: s,
+    htmlFor: b,
+    invalid: o,
+    label: t,
+    labelClass: I,
+    labelWidth: N,
+    layout: x,
+    ref: v,
+    style: n,
+    size: C
+  } = p, a = Z(), { controlSize: O } = j(), m = C || a?.size || O, T = N || a?.labelWidth, e = x || a?.layout || "vertical", S = () => {
+    switch (e) {
+      case l.HORIZONTAL:
+        return t ? `${d[m].h} ${t && "ltr:pr-2 rtl:pl-2"}` : "ltr:pr-2 rtl:pl-2";
+      case l.VERTICAL:
+        return "mb-2";
+      case l.INLINE:
+        return `${d[m].h} ${t && "ltr:pr-2 rtl:pl-2"}`;
+      default:
+        return "";
+    }
+  }, g = f(
+    "form-item",
+    e,
+    y,
+    o ? "invalid" : ""
+  ), A = f(
+    "form-label",
+    t && S(),
+    I
+  ), F = () => e === l.HORIZONTAL ? { ...n, minWidth: T } : { ...n }, R = { opacity: 1, marginTop: 3, bottom: -21 }, c = { opacity: 0, marginTop: -10 }, w = c;
+  return /* @__PURE__ */ r($, { value: { invalid: o }, children: /* @__PURE__ */ i("div", { ref: v, className: g, children: [
+    /* @__PURE__ */ i(
+      "label",
+      {
+        htmlFor: b,
+        className: A,
+        style: F(),
+        children: [
+          u && /* @__PURE__ */ r("span", { className: "text-red-500 ltr:mr-1 rtl:ml-1", children: "*" }),
+          t,
+          s && /* @__PURE__ */ r("span", { children: s }),
+          t && e !== "vertical" && ":"
+        ]
+      }
+    ),
+    /* @__PURE__ */ i(
+      "div",
+      {
+        className: e === l.HORIZONTAL ? "w-full flex flex-col justify-center relative" : "",
+        children: [
+          h,
+          /* @__PURE__ */ r(H, { mode: "wait", children: o && /* @__PURE__ */ r(
+            W.div,
+            {
+              className: "form-explain",
+              initial: w,
+              animate: R,
+              exit: c,
+              transition: { duration: 0.15, type: "tween" },
+              children: L
+            }
+          ) })
+        ]
+      }
+    )
+  ] }) });
+};
+export {
+  Y as default
+};
+//# sourceMappingURL=FormItem.js.map

package/dist/@ecme/components/ui/Form/FormItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormItem.js","sources":["../../../../../lib/@ecme/components/ui/Form/FormItem.tsx"],"sourcesContent":["import classNames from '../utils/classNames'\nimport { motion, AnimatePresence } from 'framer-motion'\nimport { useForm, FormItemContextProvider } from './context'\nimport { useConfig } from '../ConfigProvider'\nimport { CONTROL_SIZES, LAYOUT } from '../utils/constants'\nimport type { CommonProps, TypeAttributes } from '../@types/common'\nimport type { ReactNode, Ref } from 'react'\n\nexport interface FormItemProps extends CommonProps {\n    asterisk?: boolean\n    errorMessage?: string\n    extra?: string | ReactNode\n    htmlFor?: string\n    invalid?: boolean\n    label?: string\n    labelClass?: string\n    labelWidth?: string | number\n    layout?: TypeAttributes.FormLayout\n    ref?: Ref<HTMLDivElement>\n    size?: TypeAttributes.ControlSize\n}\n\nconst FormItem = (props: FormItemProps) => {\n    const {\n        asterisk,\n        children,\n        className,\n        errorMessage,\n        extra,\n        htmlFor,\n        invalid,\n        label,\n        labelClass,\n        labelWidth,\n        layout,\n        ref,\n        style,\n        size,\n    } = props\n\n    const formContext = useForm()\n    const { controlSize } = useConfig()\n\n    const formItemLabelHeight = size || formContext?.size || controlSize\n    const formItemLabelWidth = labelWidth || formContext?.labelWidth\n    const formItemLayout = layout || formContext?.layout || 'vertical'\n\n    const getFormLabelLayoutClass = () => {\n        switch (formItemLayout) {\n            case LAYOUT.HORIZONTAL:\n                return label\n                    ? `${CONTROL_SIZES[formItemLabelHeight].h} ${\n                          label && 'ltr:pr-2 rtl:pl-2'\n                      }`\n                    : 'ltr:pr-2 rtl:pl-2'\n            case LAYOUT.VERTICAL:\n                return `mb-2`\n            case LAYOUT.INLINE:\n                return `${CONTROL_SIZES[formItemLabelHeight].h} ${\n                    label && 'ltr:pr-2 rtl:pl-2'\n                }`\n            default:\n                return ''\n        }\n    }\n\n    const formItemClass = classNames(\n        'form-item',\n        formItemLayout,\n        className,\n        invalid ? 'invalid' : '',\n    )\n\n    const formLabelClass = classNames(\n        'form-label',\n        label && getFormLabelLayoutClass(),\n        labelClass,\n    )\n\n    const formLabelStyle = () => {\n        if (formItemLayout === LAYOUT.HORIZONTAL) {\n            return { ...style, ...{ minWidth: formItemLabelWidth } }\n        }\n\n        return { ...style }\n    }\n\n    const enterStyle = { opacity: 1, marginTop: 3, bottom: -21 }\n    const exitStyle = { opacity: 0, marginTop: -10 }\n    const initialStyle = exitStyle\n\n    return (\n        <FormItemContextProvider value={{ invalid }}>\n            <div ref={ref} className={formItemClass}>\n                <label\n                    htmlFor={htmlFor}\n                    className={formLabelClass}\n                    style={formLabelStyle()}\n                >\n                    {asterisk && (\n                        <span className=\"text-red-500 ltr:mr-1 rtl:ml-1\">\n                            *\n                        </span>\n                    )}\n                    {label}\n                    {extra && <span>{extra}</span>}\n                    {label && formItemLayout !== 'vertical' && ':'}\n                </label>\n                <div\n                    className={\n                        formItemLayout === LAYOUT.HORIZONTAL\n                            ? 'w-full flex flex-col justify-center relative'\n                            : ''\n                    }\n                >\n                    {children}\n                    <AnimatePresence mode=\"wait\">\n                        {invalid && (\n                            <motion.div\n                                className=\"form-explain\"\n                                initial={initialStyle}\n                                animate={enterStyle}\n                                exit={exitStyle}\n                                transition={{ duration: 0.15, type: 'tween' }}\n                            >\n                                {errorMessage}\n                            </motion.div>\n                        )}\n                    </AnimatePresence>\n                </div>\n            </div>\n        </FormItemContextProvider>\n    )\n}\n\nexport default FormItem\n"],"names":["FormItem","props","asterisk","children","className","errorMessage","extra","htmlFor","invalid","label","labelClass","labelWidth","layout","ref","style","size","formContext","useForm","controlSize","useConfig","formItemLabelHeight","formItemLabelWidth","formItemLayout","getFormLabelLayoutClass","LAYOUT","CONTROL_SIZES","formItemClass","classNames","formLabelClass","formLabelStyle","enterStyle","exitStyle","initialStyle","jsx","FormItemContextProvider","jsxs","AnimatePresence","motion"],"mappings":";;;;;;;AAsBM,MAAAA,IAAW,CAACC,MAAyB;AACjC,QAAA;AAAA,IACF,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,cAAAC;AAAA,IACA,OAAAC;AAAA,IACA,SAAAC;AAAA,IACA,SAAAC;AAAA,IACA,OAAAC;AAAA,IACA,YAAAC;AAAA,IACA,YAAAC;AAAA,IACA,QAAAC;AAAA,IACA,KAAAC;AAAA,IACA,OAAAC;AAAA,IACA,MAAAC;AAAA,EAAA,IACAd,GAEEe,IAAcC,EAAQ,GACtB,EAAE,aAAAC,EAAY,IAAIC,EAAU,GAE5BC,IAAsBL,KAAQC,GAAa,QAAQE,GACnDG,IAAqBV,KAAcK,GAAa,YAChDM,IAAiBV,KAAUI,GAAa,UAAU,YAElDO,IAA0B,MAAM;AAClC,YAAQD,GAAgB;AAAA,MACpB,KAAKE,EAAO;AACD,eAAAf,IACD,GAAGgB,EAAcL,CAAmB,EAAE,CAAC,IACnCX,KAAS,mBACb,KACA;AAAA,MACV,KAAKe,EAAO;AACD,eAAA;AAAA,MACX,KAAKA,EAAO;AACR,eAAO,GAAGC,EAAcL,CAAmB,EAAE,CAAC,IAC1CX,KAAS,mBACb;AAAA,MACJ;AACW,eAAA;AAAA,IAAA;AAAA,EAEnB,GAEMiB,IAAgBC;AAAA,IAClB;AAAA,IACAL;AAAA,IACAlB;AAAA,IACAI,IAAU,YAAY;AAAA,EAC1B,GAEMoB,IAAiBD;AAAA,IACnB;AAAA,IACAlB,KAASc,EAAwB;AAAA,IACjCb;AAAA,EACJ,GAEMmB,IAAiB,MACfP,MAAmBE,EAAO,aACnB,EAAE,GAAGV,GAAY,UAAUO,EAAqB,IAGpD,EAAE,GAAGP,EAAM,GAGhBgB,IAAa,EAAE,SAAS,GAAG,WAAW,GAAG,QAAQ,IAAI,GACrDC,IAAY,EAAE,SAAS,GAAG,WAAW,IAAI,GACzCC,IAAeD;AAGjB,SAAA,gBAAAE,EAACC,GAAwB,EAAA,OAAO,EAAE,SAAA1B,EAAA,GAC9B,UAAC,gBAAA2B,EAAA,OAAA,EAAI,KAAAtB,GAAU,WAAWa,GACtB,UAAA;AAAA,IAAA,gBAAAS;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,SAAA5B;AAAA,QACA,WAAWqB;AAAA,QACX,OAAOC,EAAe;AAAA,QAErB,UAAA;AAAA,UAAA3B,KACI,gBAAA+B,EAAA,QAAA,EAAK,WAAU,kCAAiC,UAEjD,KAAA;AAAA,UAEHxB;AAAA,UACAH,KAAU,gBAAA2B,EAAA,QAAA,EAAM,UAAM3B,EAAA,CAAA;AAAA,UACtBG,KAASa,MAAmB,cAAc;AAAA,QAAA;AAAA,MAAA;AAAA,IAC/C;AAAA,IACA,gBAAAa;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WACIb,MAAmBE,EAAO,aACpB,iDACA;AAAA,QAGT,UAAA;AAAA,UAAArB;AAAA,UACA,gBAAA8B,EAAAG,GAAA,EAAgB,MAAK,QACjB,UACG5B,KAAA,gBAAAyB;AAAA,YAACI,EAAO;AAAA,YAAP;AAAA,cACG,WAAU;AAAA,cACV,SAASL;AAAA,cACT,SAASF;AAAA,cACT,MAAMC;AAAA,cACN,YAAY,EAAE,UAAU,MAAM,MAAM,QAAQ;AAAA,cAE3C,UAAA1B;AAAA,YAAA;AAAA,UAAA,EAGb,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ,EAAA,CACJ,EACJ,CAAA;AAER;"}

package/dist/@ecme/components/ui/Form/context.js

@@ -0,0 +1,19 @@
+import { createContext as e, useContext as r } from "react";
+const o = e(null), m = o.Provider, s = o.Consumer;
+function u() {
+  return r(o);
+}
+const t = e(null), C = t.Provider, c = t.Consumer;
+function x() {
+  return r(t);
+}
+export {
+  s as FormContextConsumer,
+  m as FormContextProvider,
+  c as FormItemContextConsumer,
+  C as FormItemContextProvider,
+  o as default,
+  u as useForm,
+  x as useFormItem
+};
+//# sourceMappingURL=context.js.map

package/dist/@ecme/components/ui/Form/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sources":["../../../../../lib/@ecme/components/ui/Form/context.ts"],"sourcesContent":["import { createContext, useContext } from 'react'\nimport type { TypeAttributes } from '../@types/common'\n\nexport type FormContextProps = {\n    size?: TypeAttributes.ControlSize\n    layout?: TypeAttributes.FormLayout\n    labelWidth?: string | number\n}\n\nconst FormContext = createContext<FormContextProps | null>(null)\n\nexport const FormContextProvider = FormContext.Provider\n\nexport const FormContextConsumer = FormContext.Consumer\n\nexport function useForm() {\n    return useContext(FormContext)\n}\n\nexport type FormItemContextProps = {\n    invalid?: boolean\n}\n\nconst FormItemContext = createContext<FormItemContextProps | null>(null)\n\nexport const FormItemContextProvider = FormItemContext.Provider\n\nexport const FormItemContextConsumer = FormItemContext.Consumer\n\nexport function useFormItem() {\n    return useContext(FormItemContext)\n}\n\nexport default FormContext\n"],"names":["FormContext","createContext","FormContextProvider","FormContextConsumer","useForm","useContext","FormItemContext","FormItemContextProvider","FormItemContextConsumer","useFormItem"],"mappings":";AASM,MAAAA,IAAcC,EAAuC,IAAI,GAElDC,IAAsBF,EAAY,UAElCG,IAAsBH,EAAY;AAExC,SAASI,IAAU;AACtB,SAAOC,EAAWL,CAAW;AACjC;AAMA,MAAMM,IAAkBL,EAA2C,IAAI,GAE1DM,IAA0BD,EAAgB,UAE1CE,IAA0BF,EAAgB;AAEhD,SAASG,IAAc;AAC1B,SAAOJ,EAAWC,CAAe;AACrC;"}

package/dist/@ecme/components/ui/Form/index.js

@@ -0,0 +1,9 @@
+import { Form as e } from "./Form.js";
+import { default as t } from "./FormContainer.js";
+import { default as f } from "./FormItem.js";
+export {
+  e as Form,
+  t as FormContainer,
+  f as FormItem
+};
+//# sourceMappingURL=index.js.map

package/dist/@ecme/components/ui/Form/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}