npm - @bioturing/components - Versions diffs - 0.33.1 → 0.35.2 - Mend

@bioturing/components 0.33.1 → 0.35.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (102) hide show

package/dist/components/dropdown-menu/item.d.ts CHANGED Viewed

@@ -1,35 +1,45 @@
 import { default as React } from 'react';
 import { DropdownMenuItemType } from './types';
 export interface DropdownMenuItemProps {
-    /** The menu item data */
+    /**
+     * The menu item data
+     */
     item: DropdownMenuItemType & {
         type: "item";
     };
-    /** Custom render function for the item */
+    /**
+     * Custom render function for the item
+     */
     itemRender?: (item: DropdownMenuItemType, props: React.HTMLAttributes<HTMLElement>) => React.ReactElement;
+    /**
+     * Custom render function for the item label
+     */
     itemLabelRender?: (item: DropdownMenuItemType & {
         type: "item";
     }, props: React.HTMLAttributes<HTMLElement>) => React.ReactElement;
-    /** Additional props to pass to the item */
+    /**
+     * Additional props to pass to the item
+     */
     itemProps?: React.HTMLAttributes<HTMLElement>;
-    /** Class names from parent DropdownMenu */
+    /**
+     * Class names from parent DropdownMenu
+     */
     classNames?: {
         item?: string;
         itemIcon?: string;
         itemText?: string;
         itemSuffix?: string;
     };
-    onSelect?: (item: DropdownMenuItemType & {
+    /**
+     * Function to be called after the menu item is selected
+     */
+    afterSelect?: (item: DropdownMenuItemType & {
         type: "item";
     }) => void;
     /**
      * Whether the menu item is in a combobox
      */
     inCombobox?: boolean;
-    /**
-     * Whether the menu item is in a menu
-     */
-    renderAsNativeElement?: boolean;
     /**
      * Whether the menu item is selected (for combobox)
      * @default false

package/dist/components/dropdown-menu/item.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"item.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown-menu/item.tsx"],"names":[],"mappings":"AACA,OAAO,~~KAAuB~~,MAAM,OAAO,CAAC;~~AAE5C~~,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;~~AAIpD~~,~~OAAO,YAAY,CAAC;AAGpB,~~MAAM,WAAW,qBAAqB;IACpC~~,yBAAyB~~;~~IACzB~~,IAAI,EAAE,oBAAoB,GAAG;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;IAC9C~~,0CAA0C~~;~~IAC1C~~,UAAU,CAAC,EAAE,CACX,IAAI,EAAE,oBAAoB,EAC1B,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,KACrC,KAAK,CAAC,YAAY,CAAC;IACxB,eAAe,CAAC,EAAE,CAChB,IAAI,EAAE,oBAAoB,GAAG;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,EAC7C,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,KACrC,KAAK,CAAC,YAAY,CAAC;IACxB~~,2CAA2C~~;~~IAC3C~~,SAAS,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;IAC9C~~,2CAA2C~~;~~IAC3C~~,UAAU,CAAC,EAAE;QACX,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,UAAU,CAAC,EAAE,MAAM,CAAC;KACrB,CAAC;IACF,~~QAAQ~~,CAAC,EAAE,CAAC,IAAI,EAAE,oBAAoB,GAAG;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;~~IACnE~~;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB~~;;OAEG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC~~;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;OAGG;IACH,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,oBAAoB,GAAG;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,KAAK,MAAM,EAAE,CAAC;CAC/E;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,~~CAsK5D~~,CAAC"}
1	+ {"version":3,"file":"item.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown-menu/item.tsx"],"names":[],"mappings":"AACA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAEzD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAKpD,MAAM,WAAW,qBAAqB;IACpC;;OAEG;IACH,IAAI,EAAE,oBAAoB,GAAG;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;IAC9C;;OAEG;IACH,UAAU,CAAC,EAAE,CACX,IAAI,EAAE,oBAAoB,EAC1B,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,KACrC,KAAK,CAAC,YAAY,CAAC;IACxB;;OAEG;IACH,eAAe,CAAC,EAAE,CAChB,IAAI,EAAE,oBAAoB,GAAG;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,EAC7C,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,KACrC,KAAK,CAAC,YAAY,CAAC;IACxB;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;IAC9C;;OAEG;IACH,UAAU,CAAC,EAAE;QACX,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,UAAU,CAAC,EAAE,MAAM,CAAC;KACrB,CAAC;IACF;;OAEG;IACH,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,oBAAoB,GAAG;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACtE;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;OAGG;IACH,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,oBAAoB,GAAG;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,KAAK,MAAM,EAAE,CAAC;CAC/E;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CA4G5D,CAAC"}

package/dist/components/dropdown-menu/item.js CHANGED Viewed

@@ -1,153 +1,94 @@
 "use client";
-import { jsxs as x, Fragment as h, jsx as r } from "react/jsx-runtime";
-import { useMemo as M } from "react";
-import { Command as j } from "../cmdk/index.js";
-import { Menu as E } from "@base-ui-components/react/menu";
-import './item.css';/* empty css         */
-import { Checkbox as g } from "antd";
-import { reactNodeToString as P } from "../utils/reactToString.js";
-import { useCls as m } from "../utils/antdUtils.js";
-import { clsx as e } from "../utils/cn.js";
-import { WithRenderProp as I } from "../utils/WithRenderProp.js";
-const J = ({
+import { jsx as s } from "react/jsx-runtime";
+import { useCallback as b, useMemo as x } from "react";
+import { Command as O } from "../cmdk/index.js";
+import { Menu as y } from "@base-ui-components/react/menu";
+import { BaseMenuItem as S } from "../base-menu/item.js";
+import { reactNodeToString as w } from "../utils/reactToString.js";
+import { useCls as C } from "../utils/antdUtils.js";
+import { clsx as p } from "../utils/cn.js";
+const D = ({
   item: o,
-  inCombobox: u = !1,
-  selected: s = !1,
-  itemRender: c,
-  itemLabelRender: p,
-  itemProps: S = {},
+  inCombobox: e = !1,
+  selected: u = !1,
+  itemRender: d,
+  itemLabelRender: f,
+  itemProps: t = {},
   classNames: n,
-  onSelect: v,
-  showCheckbox: l,
-  indeterminate: i,
-  renderAsNativeElement: w,
-  getItemKeywords: t
+  afterSelect: a,
+  showCheckbox: v,
+  indeterminate: k,
+  getItemKeywords: l
 }) => {
-  const d = m(), y = M(
-    () => u ? j.Item : E.Item,
-    [u]
-  ), f = M(() => ({
-    className: e(
-      d("dropdown-menu-item", u && "dropdown-menu-item-combobox"),
+  const c = C(), M = b(
+    (r) => {
+      o.onSelect && o.onSelect(o), o.onClick && typeof r == "object" && o.onClick(r), a && a(o);
+    },
+    [a, o]
+  ), g = x(
+    () => l ? l(o) : [String(o.key), w(o.label)],
+    [l, o]
+  );
+  return d ? d(o, {
+    className: p(
+      c("dropdown-menu-item", e && "dropdown-menu-item-combobox"),
       n?.item,
       o.className
     ),
-    disabled: o.disabled,
     "data-danger": o.danger,
-    "data-actual-selected": s,
+    "data-actual-selected": u,
+    "data-value": typeof o.label == "string" ? o.label : String(o.key),
     ref: o.ref,
     onClick: o.onClick,
     onMouseEnter: o.onMouseEnter,
     onMouseLeave: o.onMouseLeave,
     onMouseOver: o.onMouseOver,
     onMouseOut: o.onMouseOut,
-    "data-value": typeof o.label == "string" ? o.label : String(o.key),
-    render: c ? (a) => c(o, a) : void 0,
-    children: u ? /* @__PURE__ */ x(h, { children: [
-      l && /* @__PURE__ */ r(
-        g,
-        {
-          checked: s,
-          tabIndex: -1,
-          indeterminate: i
-        }
-      ),
-      o.icon && /* @__PURE__ */ r(
-        "span",
-        {
-          className: e(
-            d("dropdown-menu-item-icon"),
-            n?.itemIcon
-          ),
-          children: o.icon
-        }
-      ),
-      /* @__PURE__ */ r(
-        I,
-        {
-          render: p ? (a) => p(o, a) : void 0,
-          as: "span",
-          className: e(
-            d("dropdown-menu-item-text"),
-            n?.itemText
-          ),
-          children: o.label
-        }
-      )
-    ] }) : /* @__PURE__ */ x(h, { children: [
-      l && /* @__PURE__ */ r(
-        g,
-        {
-          checked: s,
-          tabIndex: -1,
-          indeterminate: i
-        }
-      ),
-      o.icon && /* @__PURE__ */ r(
-        "span",
-        {
-          className: e(
-            d("dropdown-menu-item-icon"),
-            n?.itemIcon
+    ...t
+  }) : /* @__PURE__ */ s(
+    S,
+    {
+      disabled: o.disabled,
+      danger: o.danger,
+      selected: u,
+      showCheckbox: v,
+      indeterminate: k,
+      icon: o.icon,
+      suffix: e ? void 0 : o.suffix,
+      classNames: {
+        root: p(
+          c(
+            "dropdown-menu-item",
+            e && "dropdown-menu-item-combobox"
           ),
-          children: o.icon
-        }
-      ),
-      /* @__PURE__ */ r(
-        I,
-        {
-          render: p ? (a) => p(o, a) : void 0,
-          as: "span",
-          children: o.label
-        }
-      ),
-      o.suffix && /* @__PURE__ */ r(
-        "span",
+          n?.item,
+          o.className
+        ),
+        icon: n?.itemIcon,
+        text: n?.itemText,
+        suffix: n?.itemSuffix
+      },
+      labelRender: f ? (r) => f(o, r) : void 0,
+      ref: o.ref,
+      onMouseEnter: o.onMouseEnter,
+      onMouseLeave: o.onMouseLeave,
+      onMouseOver: o.onMouseOver,
+      onMouseOut: o.onMouseOut,
+      "data-value": typeof o.label == "string" ? o.label : String(o.key),
+      "data-actual-selected": u,
+      render: e ? /* @__PURE__ */ s(
+        O.Item,
         {
-          className: e(
-            d("dropdown-menu-item-suffix"),
-            n?.itemSuffix
-          ),
-          children: o.suffix
+          value: String(o.key),
+          keywords: g || void 0,
+          onSelect: M
         }
-      )
-    ] })
-  }), [
-    n?.item,
-    n?.itemIcon,
-    n?.itemText,
-    n?.itemSuffix,
-    d,
-    u,
-    i,
-    o,
-    c,
-    s,
-    l,
-    p
-  ]), O = M(
-    () => t ? t(o) : [String(o.key), P(o.label)],
-    [t, o]
-  );
-  if (c)
-    return c(o, {
-      ...f,
-      ...S
-    });
-  const { render: k, ...T } = f;
-  return w ? k ? k(f) : /* @__PURE__ */ r("div", { onClick: v, ...T }) : /* @__PURE__ */ r(
-    y,
-    {
-      value: String(o.key),
-      keywords: O || void 0,
-      onSelect: () => {
-        v(o);
-      },
-      ...f
+      ) : /* @__PURE__ */ s(y.Item, { onClick: M }),
+      children: o.label
     }
   );
 };
 export {
-  J as DropdownMenuItem
+  D as DropdownMenuItem
 };
 //# sourceMappingURL=item.js.map

package/dist/components/dropdown-menu/item.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"item.js","sources":["../../../src/components/dropdown-menu/item.tsx"],"sourcesContent":["\"use client\";\nimport React, { Ref, useMemo } from \"react\";\nimport { clsx, reactNodeToString, useCls, ~~WithRenderProp~~ } from \"../utils\";\nimport type { DropdownMenuItemType } from \"./types\";\nimport { Command } from \"../cmdk\";\nimport { Menu } from \"@base-ui-components/react/menu\";\n\nimport ~~\"./item.css\";\nimport~~ { ~~Checkbox~~ } from \"~~antd~~\";\n\nexport interface DropdownMenuItemProps {\n /** The menu item data /\n item: DropdownMenuItemType & { type: \"item\" };\n /* Custom render function for the item /\n itemRender?: (\n item: DropdownMenuItemType,\n props: React.HTMLAttributes<HTMLElement~~>,\~~n ) => React.ReactElement;\n itemLabelRender?: (\n item: DropdownMenuItemType & { type: \"item\" },\n props: React.HTMLAttributes<HTMLElement~~>,\~~n ) => React.ReactElement;\n /* Additional props to pass to the item /\n itemProps?: React.HTMLAttributes<HTMLElement>;\n /* Class names from parent DropdownMenu /\n classNames?: {\n item?: string;\n itemIcon?: string;\n itemText?: string;\n itemSuffix?: string;\n };\n ~~onSelect~~?: (item: DropdownMenuItemType & { type: \"item\" }) => void;\n /\n Whether the menu item is in a combobox\n /\n inCombobox?: boolean;\n /\n Whether the menu item is ~~in a menu\n /\n renderAsNativeElement?: boolean;\n /\n Whether the menu item is~~ selected (for combobox)\n * @default false\n /\n selected?: boolean;\n /\n Whether to show checkbox (only for decoration purpose)\n /\n showCheckbox?: boolean;\n /\n Whether the menu item checkbox is indeterminate (for combobox)\n * @default false\n /\n indeterminate?: boolean;\n /\n Function to extract keywords from the item for search filtering\n * @default (item) => [String(item.key), reactNodeToString(item.label)]\n */\n getItemKeywords?: (item: DropdownMenuItemType & { type: \"item\" }) => string[];\n}\n\nexport const DropdownMenuItem: React.FC<DropdownMenuItemProps> = ({\n item,\n inCombobox = false,\n selected = false,\n itemRender,\n itemLabelRender,\n itemProps = {},\n classNames,\n ~~onSelect~~,\n showCheckbox,\n indeterminate,\n ~~renderAsNativeElement,\n~~ getItemKeywords,\n}) => {\n const cls = useCls();\n\n const ~~MenuItem~~ = ~~useMemo~~(\n () => (~~inCombobox~~ ? ~~Command~~.~~Item~~ : ~~Menu~~.~~Item~~),\n [~~inCombobox~~],\n );\n\n const ~~props~~ = useMemo(() => {\n return {\n className: clsx(\n cls(\"dropdown-menu-item\", inCombobox && \"dropdown-menu-item-combobox\"),\n classNames?.item,\n item.className,\n ),\n ~~disabled: item.disabled,\n~~ \"data-danger\": item.danger,\n \"data-actual-selected\": selected,\n ref: item.ref as Ref<HTMLDivElement>,\n onClick: item.onClick,\n onMouseEnter: item.onMouseEnter,\n onMouseLeave: item.onMouseLeave,\n onMouseOver: item.onMouseOver,\n onMouseOut: item.onMouseOut,\n ~~\"data-value\":\n typeof item.label === \"string\" ? item.label : String(item.key)~~,\n ~~render:~~ ~~itemRender\n ?~~ ~~(itemProps:~~ React.HTMLAttributes<HTMLElement>) ~~=>\~~n ~~itemRender(item, itemProps)~~\n ~~: undefined,\~~n ~~children:~~ ~~inCombobox ?~~ (\n ~~<>\~~n ~~{showCheckbox~~ && (\n ~~<Checkbox\n checked~~={~~selected~~}\n ~~tabIndex~~={-1}\n ~~indeterminate~~={~~indeterminate~~}\n ~~/>\n )~~}\n ~~{item.icon && (\n <span\n className~~={~~clsx(~~\n ~~cls(\"dropdown-menu-item-~~icon~~\"),\n classNames?.itemIcon,\n )}\n >\n~~ {item.icon}\n ~~</span>\n )}\n <WithRenderProp\n render~~={~~\n itemLabelRender\n~~ ? ~~(props) => itemLabelRender(~~item, ~~props)\n~~ : undefined\n }\n as={\~~"span\"}\~~n ~~className={~~clsx(\n cls(\"dropdown-menu-item~~-text~~\"),\n ~~classNames?.itemText,\n~~ ~~)}\n >\n {item.label}\n </WithRenderProp>\n </>\n )~~ ~~: (\n <>\n {showCheckbox~~ && (\~~n <Checkbox\n checked={selected}\n tabIndex={~~-1}\~~n indeterminate={indeterminate}~~\n ~~/>\n~~ )}\n {item.~~icon && (\n <span\n~~ className~~={clsx(~~\n ~~cls(\"dropdown-menu-item-icon\"~~),\n classNames?.itemIcon,\n ~~)}\~~n >\n ~~{item.icon~~}~~\n </span>\n )~~}\n ~~<WithRenderProp\n render~~={\n itemLabelRender\n ? (props) => itemLabelRender(item, props)\n : undefined\n }\n as={~~\"span\"~~}\n ~~>\n~~ {item.~~label~~}\n ~~</WithRenderProp>\n~~ {item.~~suffix && (~~\n ~~<span\n className~~={~~clsx(\n cls(\"dropdown-menu-~~item~~-suffix\"),\n classNames?.itemSuffix,\n )~~}\n ~~>\n~~ {item.~~suffix~~}\n ~~</span>\n )}~~\n ~~</>\n ),\n };\n },~~ ~~[\n classNames?.~~item,\n classNames?.itemIcon,\n classNames?.itemText,\n classNames?.itemSuffix,\n cls,\n inCombobox,\n indeterminate,\n item,\n itemRender,\n selected,\n showCheckbox,\n itemLabelRender,\n ]);\n const ~~keywords~~ ~~= useMemo(~~\~~n ()~~ ~~=>\n getItemKeywords\n~~ ? ~~getItemKeywords(~~item~~)\n~~ : [String(item.key)~~, reactNodeToString(item.label)],\n [getItemKeywords, item],\n );\n // If custom render function is provided, use it~~\n ~~if (itemRender) {\n return itemRender(item, {\n~~ ~~...props,\n ...itemProps,\n~~ }~~);\n }~~\n ~~const~~ { ~~render, ...restProps~~ } ~~= props;\n~~\n // ~~Default~~ ~~rendering\n return~~ ~~renderAsNativeElement~~ ? ~~(\n render~~ ? (\n render~~(props)\n ) : (\n <div onClick~~={~~onSelect} {...restProps} />\n )~~\n ) : (\n <~~MenuItem~~\n value={String(item.key)}\n keywords={keywords \|\| undefined}\n onSelect={() => {\n ~~onSelect(item~~);\n }}\n {~~...props~~}\n ~~></MenuItem~~>\n );\n};\n"],"names":["DropdownMenuItem","item","inCombobox","selected","itemRender","itemLabelRender","itemProps","classNames","~~onSelect~~","showCheckbox","indeterminate","~~renderAsNativeElement","~~getItemKeywords","cls","useCls","~~MenuItem~~","~~useMemo~~","~~Command~~","~~Menu~~","~~props~~","~~clsx~~","~~jsxs~~","~~Fragment","~~jsx","~~Checkbox~~","~~WithRenderProp~~","~~keywords~~","~~reactNodeToString~~"~~,"render","restProps"~~],"mappings":"~~;;;;;;;;;;;AA6DO~~,MAAMA,IAAoD,CAAC;AAAA,EAChE,MAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,UAAAC,IAAW;AAAA,EACX,YAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,WAAAC,IAAY,CAAA;AAAA,EACZ,YAAAC;AAAA,EACA,~~UAAAC~~;AAAA,EACA,cAAAC;AAAA,EACA,eAAAC;AAAA,EACA,~~uBAAAC;AAAA,EACA,~~iBAAAC;AACF,MAAM;AACJ,QAAMC,IAAMC,EAAA,GAENC,~~IAAWC~~;AAAA,~~IACf~~,~~MAAOd~~,~~IAAae~~,~~EAAQ~~,~~OAAOC,~~EAAK~~;AAAA~~,~~IACxC~~,~~CAAChB~~,~~CAAU;AAAA~~,~~EAAA~~,~~GAGPiB~~,~~IAAQH~~,~~EAAQ~~,~~OACb;AAAA~~,~~IACL~~,~~WAAWI;AAAA~~,~~MACTP~~,~~EAAI~~,~~sBAAsBX~~,~~KAAc~~,~~6BAA6B;AAAA~~,~~MACrEK,GAAY~~;AAAA,~~MACZN,EAAK~~;AAAA,~~IAAA;AAAA~~,~~IAEP~~,~~UAAUA~~,~~EAAK~~;AAAA,~~IACf~~,~~eAAeA~~,~~EAAK~~;AAAA,~~IACpB~~,~~wBAAwBE;AAAA~~,~~IACxB~~,~~KAAKF~~,~~EAAK;AAAA~~,~~IACV~~,~~SAASA~~,~~EAAK;AAAA~~,~~IACd,cAAcA,~~EAAK~~;AAAA~~,~~IACnB~~,~~cAAcA~~,~~EAAK;AAAA~~,~~IACnB,aAAaA,~~EAAK~~;AAAA~~,~~IAClB~~,~~YAAYA,EAAK~~;AAAA,~~IACjB~~,~~cACE~~,~~OAAOA~~,~~EAAK,SAAU,WAAWA,EAAK,QAAQ,OAAOA,EAAK,GAAG~~;AAAA,~~IAC/D~~,~~QAAQG~~,~~IACJ~~,~~CAACE,MACCF,~~EAAWH,~~GAAMK,CAAS,IAC5B~~;AAAA,~~IACJ~~,~~UAAUJ,IACR,gBAAAmB,EAAAC,GAAA,EACG,UAAA~~;AAAA,~~MAAAb~~,~~KACC~~,~~gBAAAc;AAAA~~,~~QAACC;AAAA~~,~~QAAA~~;AAAA,~~UACC~~,~~SAASrB~~;AAAA,~~UACT~~,~~UAAU~~;AAAA,~~UACV,eAAAO~~;AAAA,~~QAAA;AAAA~~,~~MAAA;AAAA~~,~~MAGHT,~~EAAK~~,QACJ,gBAAAsB~~;AAAA,~~QAAC;AAAA~~,~~QAAA~~;AAAA,~~UACC~~,~~WAAWH;AAAA~~,~~YACTP~~,~~EAAI~~,~~yBAAyB;AAAA~~,~~YAC7BN~~,~~GAAY;AAAA~~,~~UAAA;AAAA~~,~~UAGb~~,~~UAAAN,~~EAAK~~;AAAA~~,~~QAAA~~;AAAA,~~MAAA;AAAA~~,~~MAGV~~,~~gBAAAsB~~;AAAA,~~QAACE;AAAA~~,~~QAAA;AAAA~~,~~UACC,QACEpB,IACI,CAACc,MAAUd,EAAgBJ,GAAMkB,CAAK,IACtC~~;AAAA,~~UAEN~~,~~IAAI;AAAA~~,~~UACJ,WAAWC~~;AAAA,~~YACTP~~,~~EAAI~~,~~yBAAyB~~;AAAA,~~YAC7BN~~,~~GAAY;AAAA~~,~~UAAA~~;AAAA,~~UAGb~~,~~UAAAN~~,EAAK;AAAA,~~QAAA;AAAA~~,~~MAAA~~;AAAA,~~IACR,~~EAAA,~~CACF~~,~~IAEA~~,~~gBAAAoB,EAAAC,GAAA,EACG,UAAA~~;AAAA,~~MAAAb,KACC,gBAAAc~~;AAAA,~~QAACC~~;AAAA,~~QAAA;AAAA~~,~~UACC~~,~~SAASrB~~;AAAA,~~UACT~~,~~UAAU;AAAA~~,~~UACV,eAAAO~~;AAAA,~~QAAA;AAAA~~,~~MAAA~~;AAAA,~~MAGHT~~,~~EAAK,QACJ,gBAAAsB~~;AAAA,~~QAAC;AAAA~~,~~QAAA~~;AAAA,~~UACC~~,~~WAAWH;AAAA~~,~~YACTP,EAAI,yBAAyB~~;AAAA,~~YAC7BN~~,~~GAAY;AAAA~~,~~UAAA;AAAA~~,~~UAGb~~,~~UAAAN,~~EAAK;AAAA,~~QAAA;AAAA~~,~~MAAA~~;AAAA,~~MAGV~~,~~gBAAAsB~~;AAAA,~~QAACE~~;AAAA,~~QAAA~~;AAAA,~~UACC~~,~~QACEpB,IACI,CAACc,MAAUd,EAAgBJ,GAAMkB,CAAK,IACtC~~;AAAA,~~UAEN,IAAI~~;AAAA,~~UAEH~~,~~UAAAlB,EAAK~~;AAAA,~~QAAA;AAAA~~,~~MAAA;AAAA,MAEPA,~~EAAK~~,UACJ,gBAAAsB~~;AAAA,~~QAAC;AAAA,~~QAAA;AAAA,~~UACC~~,~~WAAWH~~;AAAA,~~YACTP~~,~~EAAI~~,~~2BAA2B;AAAA,YAC/BN,~~GAAY;AAAA,~~UAAA;AAAA~~,~~UAGb~~,~~UAAAN,EAAK~~;AAAA,~~QAAA;AAAA,~~MAAA;AAAA,~~IACR~~,~~EAAA~~,~~CAEJ;AAAA~~,~~EAAA~~,~~IAGH;AAAA~~,~~IACDM~~,~~GAAY;AAAA~~,~~IACZA~~,~~GAAY~~;AAAA,~~IACZA~~,~~GAAY~~;AAAA,~~IACZA~~,~~GAAY;AAAA~~,~~IACZM~~;AAAA,~~IACAX;AAAA~~,~~IACAQ;AAAA~~,~~IACAT~~;AAAA,~~IACAG;AAAA~~,~~IACAD;AAAA~~,~~IACAM~~;AAAA,~~IACAJ;AAAA~~,~~EAAA~~,~~CACD,GACKqB,IAAWV~~;AAAA,~~IACf~~,~~MACEJ~~,~~IACIA~~,~~EAAgBX~~,~~CAAI~~,~~IACpB~~,~~CAAC~~,OAAOA,EAAK,GAAG~~,GAAG0B,EAAkB1B,EAAK,KAAK,CAAC~~;AAAA,~~IACtD~~,~~CAACW,GAAiBX,CAAI~~;AAAA,~~EAAA;AAGxB~~,~~MAAIG;AACF~~,~~WAAOA~~,~~EAAWH,GAAM~~;AAAA,~~MACtB~~,~~GAAGkB~~;AAAA,~~MACH,GAAGb~~;AAAA,~~IAAA~~,~~CACJ;AAEH~~,~~QAAM~~,~~EAAE~~,~~QAAAsB,GAAQ,GAAGC,EAAA,IAAcV~~;~~AAGjC~~,~~SAAOR~~,~~IACLiB~~,~~IACEA,EAAOT,CAAK,IAEZ,gBAAAI,EAAC,OAAA,EAAI,SAASf,GAAW,GAAGqB,EAAA,CAAW,IAGzC,gBAAAN~~;AAAA,~~IAACR;AAAA~~,~~IAAA~~;AAAA,~~MACC,OAAO,OAAOd,EAAK,GAAG~~;AAAA,~~MACtB~~,~~UAAUyB~~,~~KAAY;AAAA~~,~~MACtB~~,~~UAAU~~,~~MAAM;AACd~~,~~QAAAlB~~,~~EAASP~~,~~CAAI;AAAA~~,~~MACf~~;AAAA,~~MACC~~,~~GAAGkB~~;AAAA,IAAA;AAAA,EAAA;~~AAGV~~;"}
1	+ {"version":3,"file":"item.js","sources":["../../../src/components/dropdown-menu/item.tsx"],"sourcesContent":["\"use client\";\nimport React, { Ref, useCallback, useMemo } from \"react\";\nimport { clsx, reactNodeToString, useCls } from \"../utils\";\nimport type { DropdownMenuItemType } from \"./types\";\nimport { Command } from \"../cmdk\";\nimport { Menu } from \"@base-ui-components/react/menu\";\nimport { BaseMenuItem } from \"../base-menu\";\n\nexport interface DropdownMenuItemProps {\n /*\n The menu item data\n /\n item: DropdownMenuItemType & { type: \"item\" };\n /\n Custom render function for the item\n /\n itemRender?: (\n item: DropdownMenuItemType,\n props: React.HTMLAttributes<HTMLElement>\n ) => React.ReactElement;\n /\n Custom render function for the item label\n /\n itemLabelRender?: (\n item: DropdownMenuItemType & { type: \"item\" },\n props: React.HTMLAttributes<HTMLElement>\n ) => React.ReactElement;\n /\n Additional props to pass to the item\n /\n itemProps?: React.HTMLAttributes<HTMLElement>;\n /\n Class names from parent DropdownMenu\n /\n classNames?: {\n item?: string;\n itemIcon?: string;\n itemText?: string;\n itemSuffix?: string;\n };\n /\n Function to be called after the menu item is selected\n /\n afterSelect?: (item: DropdownMenuItemType & { type: \"item\" }) => void;\n /\n Whether the menu item is in a combobox\n /\n inCombobox?: boolean;\n /\n Whether the menu item is selected (for combobox)\n * @default false\n /\n selected?: boolean;\n /\n Whether to show checkbox (only for decoration purpose)\n /\n showCheckbox?: boolean;\n /\n Whether the menu item checkbox is indeterminate (for combobox)\n * @default false\n /\n indeterminate?: boolean;\n /\n Function to extract keywords from the item for search filtering\n * @default (item) => [String(item.key), reactNodeToString(item.label)]\n */\n getItemKeywords?: (item: DropdownMenuItemType & { type: \"item\" }) => string[];\n}\n\nexport const DropdownMenuItem: React.FC<DropdownMenuItemProps> = ({\n item,\n inCombobox = false,\n selected = false,\n itemRender,\n itemLabelRender,\n itemProps = {},\n classNames,\n afterSelect,\n showCheckbox,\n indeterminate,\n getItemKeywords,\n}) => {\n const cls = useCls();\n\n const handler = useCallback(\n (e?: React.MouseEvent<HTMLElement, MouseEvent> \| string) => {\n if (item.onSelect) item.onSelect(item);\n if (item.onClick && typeof e === \"object\") item.onClick(e);\n if (afterSelect) afterSelect(item);\n },\n [afterSelect, item]\n );\n\n const keywords = useMemo(\n () =>\n getItemKeywords\n ? getItemKeywords(item)\n : [String(item.key), reactNodeToString(item.label)],\n [getItemKeywords, item]\n );\n\n // If custom render function is provided, use it\n if (itemRender) {\n return itemRender(item, {\n className: clsx(\n cls(\"dropdown-menu-item\", inCombobox && \"dropdown-menu-item-combobox\"),\n classNames?.item,\n item.className\n ),\n \"data-danger\": item.danger,\n \"data-actual-selected\": selected,\n \"data-value\":\n typeof item.label === \"string\" ? item.label : String(item.key),\n ref: item.ref as Ref<HTMLDivElement>,\n onClick: item.onClick,\n onMouseEnter: item.onMouseEnter,\n onMouseLeave: item.onMouseLeave,\n onMouseOver: item.onMouseOver,\n onMouseOut: item.onMouseOut,\n ...itemProps,\n } as React.HTMLAttributes<HTMLElement>);\n }\n\n return (\n <BaseMenuItem\n // BaseMenuItem props\n disabled={item.disabled}\n danger={item.danger}\n selected={selected}\n showCheckbox={showCheckbox}\n indeterminate={indeterminate}\n icon={item.icon}\n suffix={!inCombobox ? item.suffix : undefined}\n classNames={{\n root: clsx(\n cls(\n \"dropdown-menu-item\",\n inCombobox && \"dropdown-menu-item-combobox\"\n ),\n classNames?.item,\n item.className\n ),\n icon: classNames?.itemIcon,\n text: classNames?.itemText,\n suffix: classNames?.itemSuffix,\n }}\n labelRender={\n itemLabelRender\n ? (props: React.HTMLAttributes<HTMLElement>) =>\n itemLabelRender(item, props)\n : undefined\n }\n ref={item.ref as Ref<HTMLDivElement>}\n onMouseEnter={item.onMouseEnter}\n onMouseLeave={item.onMouseLeave}\n onMouseOver={item.onMouseOver}\n onMouseOut={item.onMouseOut}\n data-value={\n typeof item.label === \"string\" ? item.label : String(item.key)\n }\n data-actual-selected={selected}\n // Render prop to use Base UI components\n render={\n inCombobox ? (\n <Command.Item\n value={String(item.key)}\n keywords={keywords \|\| undefined}\n onSelect={handler}\n />\n ) : (\n <Menu.Item onClick={handler} />\n )\n }\n >\n {item.label}\n </BaseMenuItem>\n );\n};\n"],"names":["DropdownMenuItem","item","inCombobox","selected","itemRender","itemLabelRender","itemProps","classNames","afterSelect","showCheckbox","indeterminate","getItemKeywords","cls","useCls","handler","useCallback","e","keywords","useMemo","reactNodeToString","clsx","jsx","BaseMenuItem","props","Command","Menu"],"mappings":";;;;;;;;;AAqEO,MAAMA,IAAoD,CAAC;AAAA,EAChE,MAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,UAAAC,IAAW;AAAA,EACX,YAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,WAAAC,IAAY,CAAA;AAAA,EACZ,YAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,eAAAC;AAAA,EACA,iBAAAC;AACF,MAAM;AACJ,QAAMC,IAAMC,EAAA,GAENC,IAAUC;AAAA,IACd,CAACC,MAA2D;AAC1D,MAAIf,EAAK,YAAUA,EAAK,SAASA,CAAI,GACjCA,EAAK,WAAW,OAAOe,KAAM,YAAUf,EAAK,QAAQe,CAAC,GACrDR,OAAyBP,CAAI;AAAA,IACnC;AAAA,IACA,CAACO,GAAaP,CAAI;AAAA,EAAA,GAGdgB,IAAWC;AAAA,IACf,MACEP,IACIA,EAAgBV,CAAI,IACpB,CAAC,OAAOA,EAAK,GAAG,GAAGkB,EAAkBlB,EAAK,KAAK,CAAC;AAAA,IACtD,CAACU,GAAiBV,CAAI;AAAA,EAAA;AAIxB,SAAIG,IACKA,EAAWH,GAAM;AAAA,IACtB,WAAWmB;AAAA,MACTR,EAAI,sBAAsBV,KAAc,6BAA6B;AAAA,MACrEK,GAAY;AAAA,MACZN,EAAK;AAAA,IAAA;AAAA,IAEP,eAAeA,EAAK;AAAA,IACpB,wBAAwBE;AAAA,IACxB,cACE,OAAOF,EAAK,SAAU,WAAWA,EAAK,QAAQ,OAAOA,EAAK,GAAG;AAAA,IAC/D,KAAKA,EAAK;AAAA,IACV,SAASA,EAAK;AAAA,IACd,cAAcA,EAAK;AAAA,IACnB,cAAcA,EAAK;AAAA,IACnB,aAAaA,EAAK;AAAA,IAClB,YAAYA,EAAK;AAAA,IACjB,GAAGK;AAAA,EAAA,CACiC,IAItC,gBAAAe;AAAA,IAACC;AAAA,IAAA;AAAA,MAEC,UAAUrB,EAAK;AAAA,MACf,QAAQA,EAAK;AAAA,MACb,UAAAE;AAAA,MACA,cAAAM;AAAA,MACA,eAAAC;AAAA,MACA,MAAMT,EAAK;AAAA,MACX,QAASC,IAA2B,SAAdD,EAAK;AAAA,MAC3B,YAAY;AAAA,QACV,MAAMmB;AAAA,UACJR;AAAA,YACE;AAAA,YACAV,KAAc;AAAA,UAAA;AAAA,UAEhBK,GAAY;AAAA,UACZN,EAAK;AAAA,QAAA;AAAA,QAEP,MAAMM,GAAY;AAAA,QAClB,MAAMA,GAAY;AAAA,QAClB,QAAQA,GAAY;AAAA,MAAA;AAAA,MAEtB,aACEF,IACI,CAACkB,MACClB,EAAgBJ,GAAMsB,CAAK,IAC7B;AAAA,MAEN,KAAKtB,EAAK;AAAA,MACV,cAAcA,EAAK;AAAA,MACnB,cAAcA,EAAK;AAAA,MACnB,aAAaA,EAAK;AAAA,MAClB,YAAYA,EAAK;AAAA,MACjB,cACE,OAAOA,EAAK,SAAU,WAAWA,EAAK,QAAQ,OAAOA,EAAK,GAAG;AAAA,MAE/D,wBAAsBE;AAAA,MAEtB,QACED,IACE,gBAAAmB;AAAA,QAACG,EAAQ;AAAA,QAAR;AAAA,UACC,OAAO,OAAOvB,EAAK,GAAG;AAAA,UACtB,UAAUgB,KAAY;AAAA,UACtB,UAAUH;AAAA,QAAA;AAAA,MAAA,IAGZ,gBAAAO,EAACI,EAAK,MAAL,EAAU,SAASX,EAAA,CAAS;AAAA,MAIhC,UAAAb,EAAK;AAAA,IAAA;AAAA,EAAA;AAGZ;"}

package/dist/components/dropdown-menu/style.css CHANGED Viewed

	@@ -1 +1 @@
1	- @layer components{.ds-dropdown-menu-~~root~~{z-~~index:var(--ds-z-index-dropdown)~~}.ds-dropdown-menu{~~box~~-~~shadow~~:~~var(--ds~~-~~box-shadow-secondary)~~;~~border~~-~~radius~~:~~var(--ds-border-radius)~~;~~background~~:var(--ds-color-bg-~~elevated~~);~~list-style:none;~~padding:.25rem~~;color:var(--~~ds-~~color~~-~~text);font~~-~~size~~:~~var(--ds~~-~~font~~-~~size);font-family:var(--~~ds-~~font~~-~~family);transition~~-~~property:transform,scale,opacity;transition-duration~~:.2s;~~transition-timing-function~~:var(--ds-~~motion~~-~~ease~~-~~out~~)~~;transform~~-~~origin:var(--transform~~-~~origin);max~~-width:min(var(--~~size~~-width),var(--available-width))~~;max-height:var(--available-height);display:flex;flex-direction:column~~}.ds-dropdown-menu~~[data~~-~~ending-style],.ds-dropdown-menu[data-starting-style]{transform:scale(.9);opacity:0}.ds-dropdown-menu:focus{outline:none}.ds-dropdown-menu .ds-dropdown-menu-~~container{~~flex-shrink:1;min-height:0;~~display:flex;flex-direction:column~~}.ds-dropdown-menu .ds-dropdown-menu-search{~~flex-shrink:~~0}.ds-dropdown-menu .ds-dropdown-menu-list,.ds-dropdown-menu .ds-dropdown-menu-list [cmdk-list-sizer]{flex-shrink:~~1;min-height:0~~;display:flex;flex-direction:column~~}}
1	+ @layer components{.ds-dropdown-menu-search{margin-bottom:.25rem}.ds-dropdown-menu-header{font-size:.75rem;font-weight:500;line-height:1rem;text-transform:uppercase;color:var(--ds-color-text-tertiary);padding:.75rem .75rem .25rem}.ds-dropdown-menu-header:first-child{padding-top:.5rem}.ds-dropdown-menu-empty{padding:.375rem .75rem;color:var(--ds-color-text-tertiary)}.ds-dropdown-menu-match-trigger-width{width:min(var(--anchor-width),var(--available-width))}.ds-dropdown-menu-container{display:flex;flex-direction:column;flex-shrink:1;min-height:0}}

package/dist/components/dropdown-menu/useDropdownMenu.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useDropdownMenu.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown-menu/useDropdownMenu.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAOlE,MAAM,WAAW,oBAAoB;IACnC;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,KAAK,EAAE,oBAAoB,EAAE,CAAC;IAC9B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE;QACX,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,OAAO,CAAC,EAAE,MAAM,CAAC;KAClB,CAAC;IACF;;OAEG;IACH,UAAU,CAAC,EAAE,CACX,IAAI,EAAE,oBAAoB,EAC1B,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,KACrC,KAAK,CAAC,YAAY,CAAC;IACxB;;OAEG;IACH,eAAe,CAAC,EAAE,CAChB,IAAI,EAAE,oBAAoB,GAAG;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,EAC7C,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,KACrC,KAAK,CAAC,YAAY,CAAC;IACxB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;OAEG;IACH,kBAAkB,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC;IAC/B;;OAEG;IACH,gBAAgB,CAAC,EAAE,KAAK,CAAC,GAAG,EAAE,CAAC;IAC/B;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;OAGG;IACH,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,oBAAoB,GAAG;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,KAAK,MAAM,EAAE,CAAC;CAC/E;AAED,eAAO,MAAM,eAAe,GAAI,kJAW7B,oBAAoB;;2BAGZ,oBAAoB,KAAK,MAAM,KAAK,MAAM;~~yBAmFzC~~,iBAAiB,SAAS,MAAM;CA2D3C,CAAC"}
1	+ {"version":3,"file":"useDropdownMenu.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown-menu/useDropdownMenu.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAOlE,OAAO,aAAa,CAAC;AAErB,MAAM,WAAW,oBAAoB;IACnC;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,KAAK,EAAE,oBAAoB,EAAE,CAAC;IAC9B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE;QACX,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,OAAO,CAAC,EAAE,MAAM,CAAC;KAClB,CAAC;IACF;;OAEG;IACH,UAAU,CAAC,EAAE,CACX,IAAI,EAAE,oBAAoB,EAC1B,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,KACrC,KAAK,CAAC,YAAY,CAAC;IACxB;;OAEG;IACH,eAAe,CAAC,EAAE,CAChB,IAAI,EAAE,oBAAoB,GAAG;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,EAC7C,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,KACrC,KAAK,CAAC,YAAY,CAAC;IACxB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;OAEG;IACH,kBAAkB,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC;IAC/B;;OAEG;IACH,gBAAgB,CAAC,EAAE,KAAK,CAAC,GAAG,EAAE,CAAC;IAC/B;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;OAGG;IACH,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,oBAAoB,GAAG;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,KAAK,MAAM,EAAE,CAAC;CAC/E;AAED,eAAO,MAAM,eAAe,GAAI,kJAW7B,oBAAoB;;2BAGZ,oBAAoB,KAAK,MAAM,KAAK,MAAM;yBAqEzC,iBAAiB,SAAS,MAAM;CA2D3C,CAAC"}

package/dist/components/dropdown-menu/useDropdownMenu.js CHANGED Viewed

@@ -1,127 +1,124 @@
-import { jsx as n, jsxs as y } from "react/jsx-runtime";
+import { jsx as t, jsxs as D } from "react/jsx-runtime";
 import { useCallback as m, useMemo as S } from "react";
 import { DropdownMenuItem as k } from "./item.js";
-import { DropdownMenuDivider as D } from "./divider.js";
-import { Menu as f } from "@base-ui-components/react";
+import { DropdownMenuDivider as I } from "./divider.js";
+import { Menu as b } from "@base-ui-components/react";
 import { Command as L } from "../cmdk/index.js";
-import { useCls as I } from "../utils/antdUtils.js";
-import { reactNodeToString as j } from "../utils/reactToString.js";
+import './style.css';/* empty css          */
+import { useCls as j } from "../utils/antdUtils.js";
+import { reactNodeToString as T } from "../utils/reactToString.js";
 import { clsx as d } from "../utils/cn.js";
-const Q = ({
-  items: s,
-  inCombobox: i = !1,
+const U = ({
+  items: f,
+  inCombobox: u = !1,
   classNames: o = {},
-  selectedItemKeys: a,
+  selectedItemKeys: s,
   keepOpenOnSelect: h,
-  showCheckbox: G = !1,
-  getItemKeywords: b = (l) => [String(l.key), j(l.label)],
-  onOpenChange: g,
-  itemRender: M,
-  itemLabelRender: c
+  showCheckbox: a = !1,
+  getItemKeywords: g = (p) => [String(p.key), T(p.label)],
+  onOpenChange: G,
+  itemRender: y,
+  itemLabelRender: M
 }) => {
-  const l = I(), u = m(
-    (e, r, p) => e.type === "item" ? /* @__PURE__ */ n(
+  const p = j(), l = m(
+    (e, r, i) => e.type === "item" ? /* @__PURE__ */ t(
       k,
       {
         item: e,
-        inCombobox: i,
-        selected: a?.includes(e.key),
-        onSelect: i ? e.onSelect ? e.onSelect : () => {
-          const t = new MouseEvent("click", {
-            bubbles: !0,
-            cancelable: !0
-          });
-          e.onClick(t), h || g?.(!1);
-        } : void 0,
-        itemRender: M,
-        showCheckbox: G,
-        getItemKeywords: b,
-        itemLabelRender: c,
+        inCombobox: u,
+        selected: s?.includes(e.key),
+        afterSelect: () => {
+          h || G?.(!1);
+        },
+        itemRender: y,
+        showCheckbox: a,
+        getItemKeywords: g,
+        itemLabelRender: M,
         classNames: {
           item: o.item,
           itemIcon: o.itemIcon,
           itemSuffix: o.itemSuffix
         }
       },
-      r + "-" + p
-    ) : e.type === "divider" ? /* @__PURE__ */ n(
-      D,
+      r + "-" + i
+    ) : e.type === "divider" ? /* @__PURE__ */ t(
+      I,
       {
-        inCombobox: i,
+        inCombobox: u,
         className: o?.divider
       },
-      r + "-" + p
+      r + "-" + i
     ) : null,
     [
       o,
-      M,
-      g,
-      i,
+      y,
+      G,
+      u,
       h,
+      s,
       a,
-      G,
-      b,
-      c
+      g,
+      M
     ]
   ), v = m(
-    (e, r) => /* @__PURE__ */ y(
-      f.Group,
+    (e, r) => /* @__PURE__ */ D(
+      b.Group,
       {
-        className: d(l("dropdown-menu-group"), o?.group),
+        className: d(p("dropdown-menu-group"), o?.group),
         children: [
-          e.label && /* @__PURE__ */ n(
-            f.GroupLabel,
+          e.label && /* @__PURE__ */ t(
+            b.GroupLabel,
             {
               className: d(
-                l("dropdown-menu-header"),
+                p("dropdown-menu-header"),
                 o?.groupLabel
               ),
-              children: /* @__PURE__ */ n("span", { children: e.label })
+              children: /* @__PURE__ */ t("span", { children: e.label })
             }
           ),
-          e.items.map((p, t) => u(p, r, t))
+          e.items.map((i, n) => l(i, r, n))
         ]
       },
       "group" + r
     ),
-    [l, o, u]
+    [p, o, l]
   ), w = m(
-    (e, r) => e.label ? /* @__PURE__ */ n(
+    (e, r) => e.label ? /* @__PURE__ */ t(
       L.Group,
       {
-        className: d(l("dropdown-menu-group"), o?.group),
-        heading: /* @__PURE__ */ n(
-          f.GroupLabel,
+        className: d(p("dropdown-menu-group"), o?.group),
+        heading: /* @__PURE__ */ t(
+          "div",
           {
             className: d(
-              l("dropdown-menu-header"),
+              p("dropdown-menu-header"),
               o?.groupLabel
             ),
-            children: /* @__PURE__ */ n("span", { children: e.label })
+            children: /* @__PURE__ */ t("span", { children: e.label })
           }
         ),
-        children: e.items.map((p, t) => u(p, r, t))
+        children: e.items.map((i, n) => l(i, r, n))
       },
       "group" + r
-    ) : e.items.map((p, t) => u(p, r, t)),
-    [l, o, u]
+    ) : e.items.map((i, n) => l(i, r, n)),
+    [p, o, l]
   );
   return {
     itemGroups: S(
-      () => s.reduce((e, r) => (e.length === 0 && r.type !== "header" && e.push({
+      () => f.reduce((e, r) => (e.length === 0 && r.type !== "header" && e.push({
         label: null,
         items: []
       }), r.type === "header" ? e.push({
         label: r.title,
         items: []
       }) : (r.type === "item" || r.type === "divider") && e.length > 0 && e[e.length - 1].items.push(r), e), []),
-      [s]
+      [f]
     ),
-    renderMenuItem: u,
-    renderGroup: i ? w : v
+    renderMenuItem: l,
+    renderGroup: u ? w : v
   };
 };
 export {
-  Q as useDropdownMenu
+  U as useDropdownMenu
 };
 //# sourceMappingURL=useDropdownMenu.js.map

package/dist/components/dropdown-menu/useDropdownMenu.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useDropdownMenu.js","sources":["../../../src/components/dropdown-menu/useDropdownMenu.tsx"],"sourcesContent":["import { useMemo, useCallback } from \"react\";\nimport { DropdownMenuItemType, DropdownMenuGroup } from \"./types\";\nimport { DropdownMenuItem } from \"./item\";\nimport { DropdownMenuDivider } from \"./divider\";\nimport { reactNodeToString, clsx, useCls } from \"../utils\";\nimport { Menu } from \"@base-ui-components/react\";\nimport { Command } from \"../cmdk\";\n\nexport interface UseDropdownMenuProps {\n /*\n Callback function to handle the open state change of the dropdown menu.\n /\n onOpenChange?: (open: boolean) => void;\n items: DropdownMenuItemType[];\n inCombobox?: boolean;\n classNames?: {\n item?: string;\n itemIcon?: string;\n itemSuffix?: string;\n group?: string;\n groupLabel?: string;\n divider?: string;\n };\n /\n Custom render function for menu items\n /\n itemRender?: (\n item: DropdownMenuItemType,\n props: React.HTMLAttributes<HTMLElement>\n ) => React.ReactElement;\n /\n Custom render function for menu item labels\n /\n itemLabelRender?: (\n item: DropdownMenuItemType & { type: \"item\" },\n props: React.HTMLAttributes<HTMLElement>\n ) => React.ReactElement;\n /\n Whether to keep the dropdown open when an item is selected\n * @default false\n /\n keepOpenOnSelect?: boolean;\n /\n Control the highlighted state of the menu item\n /\n highlightedItemKey?: React.Key;\n /\n Control the selected state of the menu item\n /\n selectedItemKeys?: React.Key[];\n /\n Whether to show checkbox\n * @default false\n /\n showCheckbox?: boolean;\n /\n Function to extract keywords from the item for search filtering\n * @default (item) => [String(item.key), reactNodeToString(item.label)]\n */\n getItemKeywords?: (item: DropdownMenuItemType & { type: \"item\" }) => string[];\n}\n\nexport const useDropdownMenu = ({\n items,\n inCombobox = false,\n classNames = {},\n selectedItemKeys,\n keepOpenOnSelect,\n showCheckbox = false,\n getItemKeywords = (item) => [String(item.key), reactNodeToString(item.label)],\n onOpenChange,\n itemRender,\n itemLabelRender,\n}: UseDropdownMenuProps) => {\n const cls = useCls();\n const renderMenuItem = useCallback(\n (item: DropdownMenuItemType, i: number, j: number) => {\n if (item.type === \"item\") {\n return (\n <DropdownMenuItem\n key={i + \"-\" + j}\n item={item}\n inCombobox={inCombobox}\n selected={selectedItemKeys?.includes(item.key)}\n ~~onSelect~~={~~\n inCombobox\n ? item.onSelect\n ? item.onSelect\n :~~ () => {\n const e = new MouseEvent(\"click\", {\n bubbles: true,\n cancelable: true,\n }) as unknown as React.MouseEvent<\n HTMLElement,\n MouseEvent\n >;\n item.onClick(e);\n if (!keepOpenOnSelect) onOpenChange?.(false);\n ~~}\n : undefined\n~~ }\n itemRender={itemRender}\n showCheckbox={showCheckbox}\n getItemKeywords={getItemKeywords}\n itemLabelRender={itemLabelRender}\n classNames={{\n item: classNames.item,\n itemIcon: classNames.itemIcon,\n itemSuffix: classNames.itemSuffix,\n }}\n />\n );\n } else if (item.type === \"divider\") {\n return (\n <DropdownMenuDivider\n key={i + \"-\" + j}\n inCombobox={inCombobox}\n className={classNames?.divider}\n />\n );\n }\n return null;\n },\n [\n classNames,\n itemRender,\n onOpenChange,\n inCombobox,\n keepOpenOnSelect,\n selectedItemKeys,\n showCheckbox,\n getItemKeywords,\n itemLabelRender,\n ]\n );\n\n const renderGroup = useCallback(\n (group: DropdownMenuGroup, index: number) => (\n <Menu.Group\n key={\"group\" + index}\n className={clsx(cls(\"dropdown-menu-group\"), classNames?.group)}\n >\n {group.label && (\n <Menu.GroupLabel\n className={clsx(\n cls(\"dropdown-menu-header\"),\n classNames?.groupLabel\n )}\n >\n <span>{group.label}</span>\n </Menu.GroupLabel>\n )}\n {group.items.map((item, j) => renderMenuItem(item, index, j))}\n </Menu.Group>\n ),\n [cls, classNames, renderMenuItem]\n );\n\n const renderGroupCombobox = useCallback(\n (group: DropdownMenuGroup, index: number) =>\n group.label ? (\n <Command.Group\n key={\"group\" + index}\n className={clsx(cls(\"dropdown-menu-group\"), classNames?.group)}\n heading={\n <~~Menu.GroupLabel~~\n className={clsx(\n cls(\"dropdown-menu-header\"),\n classNames?.groupLabel\n )}\n >\n <span>{group.label}</span>\n </~~Menu.GroupLabel~~>\n }\n >\n {group.items.map((item, j) => renderMenuItem(item, index, j))}\n </Command.Group>\n ) : (\n group.items.map((item, j) => renderMenuItem(item, index, j))\n ),\n [cls, classNames, renderMenuItem]\n );\n\n const itemGroups = useMemo(\n () =>\n items.reduce<DropdownMenuGroup[]>((acc, current) => {\n // If no groups exist yet and current item is not a header, create default group\n if (acc.length === 0 && current.type !== \"header\") {\n acc.push({\n label: null,\n items: [],\n });\n }\n\n // If it's a header, create a new group\n if (current.type === \"header\") {\n acc.push({\n label: current.title,\n items: [],\n });\n }\n // If it's an item and we have at least one group, add it to the last group's items\n else if (\n (current.type === \"item\" \|\| current.type === \"divider\") &&\n acc.length > 0\n ) {\n acc[acc.length - 1].items.push(current);\n }\n // Skip dividers\n return acc;\n }, []),\n [items]\n );\n return {\n itemGroups,\n renderMenuItem,\n renderGroup: inCombobox ? renderGroupCombobox : renderGroup,\n };\n};\n"],"names":["useDropdownMenu","items","inCombobox","classNames","selectedItemKeys","keepOpenOnSelect","showCheckbox","getItemKeywords","item","reactNodeToString","onOpenChange","itemRender","itemLabelRender","cls","useCls","renderMenuItem","useCallback","i","j","jsx","DropdownMenuItem","~~e","~~DropdownMenuDivider","renderGroup","group","index","jsxs","Menu","clsx","renderGroupCombobox","Command","useMemo","acc","current"],"mappings":"~~;;;;;;;;;AA8DO~~,MAAMA,IAAkB,CAAC;AAAA,EAC9B,OAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,YAAAC,IAAa,CAAA;AAAA,EACb,kBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,iBAAAC,IAAkB,CAACC,MAAS,CAAC,OAAOA,EAAK,GAAG,GAAGC,EAAkBD,EAAK,KAAK,CAAC;AAAA,EAC5E,cAAAE;AAAA,EACA,YAAAC;AAAA,EACA,iBAAAC;AACF,MAA4B;AAC1B,QAAMC,IAAMC,EAAA,GACNC,IAAiBC;AAAA,IACrB,CAACR,GAA4BS,GAAWC,MAClCV,EAAK,SAAS,SAEd,gBAAAW;AAAA,MAACC;AAAA,MAAA;AAAA,QAEC,MAAAZ;AAAA,QACA,YAAAN;AAAA,QACA,UAAUE,GAAkB,SAASI,EAAK,GAAG;AAAA,QAC7C,~~UACEN~~,~~IACIM,EAAK,WACHA,EAAK,WACL,~~MAAM;~~AACJ~~,~~gBAAMa~~,~~IAAI,IAAI,WAAW,SAAS;AAAA,YAChC,SAAS;AAAA,YACT,YAAY;AAAA,UAAA,CACb;AAID,UAAAb,EAAK,QAAQa,CAAC,GACThB,~~KAAkBK,IAAe,EAAK;AAAA,QAC7C~~,IACF~~;AAAA,~~QAEN~~,YAAAC;AAAA,QACA,cAAAL;AAAA,QACA,iBAAAC;AAAA,QACA,iBAAAK;AAAA,QACA,YAAY;AAAA,UACV,MAAMT,EAAW;AAAA,UACjB,UAAUA,EAAW;AAAA,UACrB,YAAYA,EAAW;AAAA,QAAA;AAAA,MACzB;AAAA,~~MA7BKc~~,IAAI,MAAMC;AAAA,IAAA,~~IAgCVV~~,EAAK,SAAS,YAErB,gBAAAW;AAAA,~~MAACG~~;AAAA,MAAA;AAAA,QAEC,~~YAAApB~~;AAAA,QACA,WAAWC,GAAY;AAAA,MAAA;AAAA,MAFlBc,IAAI,MAAMC;AAAA,IAAA,IAMd;AAAA,IAET;AAAA,MACEf;AAAA,MACAQ;AAAA,MACAD;AAAA,MACAR;AAAA,MACAG;AAAA,MACAD;AAAA,MACAE;AAAA,MACAC;AAAA,MACAK;AAAA,IAAA;AAAA,EACF,~~GAGIW~~,~~IAAcP~~;AAAA,IAClB,~~CAACQ~~,GAA0BC,MACzB,gBAAAC;AAAA,MAACC,EAAK;AAAA,MAAL;AAAA,QAEC,WAAWC,~~EAAKf~~,EAAI,qBAAqB,GAAGV,GAAY,KAAK;AAAA,QAE5D,UAAA;AAAA,~~UAAAqB~~,EAAM,SACL,~~gBAAAL~~;AAAA,~~YAACQ~~,EAAK;AAAA,YAAL;AAAA,cACC,WAAWC;AAAA,~~gBACTf~~,EAAI,sBAAsB;AAAA,gBAC1BV,GAAY;AAAA,cAAA;AAAA,cAGd,UAAA,gBAAAgB,EAAC,QAAA,EAAM,~~UAAAK~~,EAAM,MAAA,CAAM;AAAA,YAAA;AAAA,UAAA;AAAA,UAGtBA,EAAM,MAAM,IAAI,~~CAAChB~~,GAAMU,MAAMH,EAAeP,~~GAAMiB~~,~~GAAOP~~,CAAC,CAAC;AAAA,QAAA;AAAA,MAAA;AAAA,MAbvD,~~UAAUO~~;AAAA,IAAA;AAAA,IAgBnB,~~CAACZ~~,GAAKV,GAAYY,CAAc;AAAA,EAAA,~~GAG5Bc~~,~~IAAsBb~~;AAAA,IAC1B,~~CAACQ~~,GAA0BC,MACzBD,EAAM,QACJ,~~gBAAAL~~;AAAA,~~MAACW~~,EAAQ;AAAA,MAAR;AAAA,QAEC,WAAWF,~~EAAKf~~,EAAI,qBAAqB,GAAGV,GAAY,KAAK;AAAA,QAC7D,SACE,gBAAAgB;AAAA,~~UAACQ,EAAK~~;AAAA,~~UAAL~~;AAAA,YACC,~~WAAWC~~;AAAA,~~cACTf~~,EAAI,sBAAsB;AAAA,cAC1BV,GAAY;AAAA,YAAA;AAAA,YAGd,UAAA,gBAAAgB,EAAC,QAAA,EAAM,~~UAAAK~~,EAAM,MAAA,CAAM;AAAA,UAAA;AAAA,QAAA;AAAA,QAItB,UAAAA,EAAM,MAAM,IAAI,~~CAAChB~~,GAAMU,MAAMH,EAAeP,~~GAAMiB~~,~~GAAOP~~,CAAC,CAAC;AAAA,MAAA;AAAA,MAbvD,~~UAAUO~~;AAAA,IAAA,IAgBjBD,EAAM,MAAM,IAAI,~~CAAChB~~,GAAMU,MAAMH,EAAeP,~~GAAMiB~~,~~GAAOP~~,CAAC,CAAC;AAAA,IAE/D,CAACL,GAAKV,GAAYY,CAAc;AAAA,EAAA;AAiClC,SAAO;AAAA,IACL,YA/~~BiBgB~~;AAAA,MACjB,~~MACE9B~~,EAAM,OAA4B,~~CAAC+B~~,GAAKC,OAElCD,EAAI,WAAW,KAAKC,EAAQ,SAAS,YACvCD,EAAI,KAAK;AAAA,QACP,OAAO;AAAA,QACP,OAAO,CAAA;AAAA,MAAC,CACT,GAICC,EAAQ,SAAS,WACnBD,EAAI,KAAK;AAAA,QACP,OAAOC,EAAQ;AAAA,QACf,OAAO,CAAA;AAAA,MAAC,CACT,KAIAA,EAAQ,SAAS,UAAUA,EAAQ,SAAS,cAC7CD,EAAI,SAAS,KAEbA,EAAIA,EAAI,SAAS,CAAC,EAAE,MAAM,KAAKC,CAAO,GAGjCD,IACN,CAAA,CAAE;AAAA,MACP,~~CAAC/B~~,CAAK;AAAA,IAAA;AAAA,IAIN,gBAAAc;AAAA,IACA,aAAab,~~IAAa2B~~,IAAsBN;AAAA,EAAA;AAEpD;"}
1	+ {"version":3,"file":"useDropdownMenu.js","sources":["../../../src/components/dropdown-menu/useDropdownMenu.tsx"],"sourcesContent":["import { useMemo, useCallback } from \"react\";\nimport { DropdownMenuItemType, DropdownMenuGroup } from \"./types\";\nimport { DropdownMenuItem } from \"./item\";\nimport { DropdownMenuDivider } from \"./divider\";\nimport { reactNodeToString, clsx, useCls } from \"../utils\";\nimport { Menu } from \"@base-ui-components/react\";\nimport { Command } from \"../cmdk\";\n\nimport \"./style.css\";\n\nexport interface UseDropdownMenuProps {\n /*\n Callback function to handle the open state change of the dropdown menu.\n /\n onOpenChange?: (open: boolean) => void;\n items: DropdownMenuItemType[];\n inCombobox?: boolean;\n classNames?: {\n item?: string;\n itemIcon?: string;\n itemSuffix?: string;\n group?: string;\n groupLabel?: string;\n divider?: string;\n };\n /\n Custom render function for menu items\n /\n itemRender?: (\n item: DropdownMenuItemType,\n props: React.HTMLAttributes<HTMLElement>\n ) => React.ReactElement;\n /\n Custom render function for menu item labels\n /\n itemLabelRender?: (\n item: DropdownMenuItemType & { type: \"item\" },\n props: React.HTMLAttributes<HTMLElement>\n ) => React.ReactElement;\n /\n Whether to keep the dropdown open when an item is selected\n * @default false\n /\n keepOpenOnSelect?: boolean;\n /\n Control the highlighted state of the menu item\n /\n highlightedItemKey?: React.Key;\n /\n Control the selected state of the menu item\n /\n selectedItemKeys?: React.Key[];\n /\n Whether to show checkbox\n * @default false\n /\n showCheckbox?: boolean;\n /\n Function to extract keywords from the item for search filtering\n * @default (item) => [String(item.key), reactNodeToString(item.label)]\n */\n getItemKeywords?: (item: DropdownMenuItemType & { type: \"item\" }) => string[];\n}\n\nexport const useDropdownMenu = ({\n items,\n inCombobox = false,\n classNames = {},\n selectedItemKeys,\n keepOpenOnSelect,\n showCheckbox = false,\n getItemKeywords = (item) => [String(item.key), reactNodeToString(item.label)],\n onOpenChange,\n itemRender,\n itemLabelRender,\n}: UseDropdownMenuProps) => {\n const cls = useCls();\n const renderMenuItem = useCallback(\n (item: DropdownMenuItemType, i: number, j: number) => {\n if (item.type === \"item\") {\n return (\n <DropdownMenuItem\n key={i + \"-\" + j}\n item={item}\n inCombobox={inCombobox}\n selected={selectedItemKeys?.includes(item.key)}\n afterSelect={() => {\n if (!keepOpenOnSelect) onOpenChange?.(false);\n }}\n itemRender={itemRender}\n showCheckbox={showCheckbox}\n getItemKeywords={getItemKeywords}\n itemLabelRender={itemLabelRender}\n classNames={{\n item: classNames.item,\n itemIcon: classNames.itemIcon,\n itemSuffix: classNames.itemSuffix,\n }}\n />\n );\n } else if (item.type === \"divider\") {\n return (\n <DropdownMenuDivider\n key={i + \"-\" + j}\n inCombobox={inCombobox}\n className={classNames?.divider}\n />\n );\n }\n return null;\n },\n [\n classNames,\n itemRender,\n onOpenChange,\n inCombobox,\n keepOpenOnSelect,\n selectedItemKeys,\n showCheckbox,\n getItemKeywords,\n itemLabelRender,\n ]\n );\n\n const renderGroup = useCallback(\n (group: DropdownMenuGroup, index: number) => (\n <Menu.Group\n key={\"group\" + index}\n className={clsx(cls(\"dropdown-menu-group\"), classNames?.group)}\n >\n {group.label && (\n <Menu.GroupLabel\n className={clsx(\n cls(\"dropdown-menu-header\"),\n classNames?.groupLabel\n )}\n >\n <span>{group.label}</span>\n </Menu.GroupLabel>\n )}\n {group.items.map((item, j) => renderMenuItem(item, index, j))}\n </Menu.Group>\n ),\n [cls, classNames, renderMenuItem]\n );\n\n const renderGroupCombobox = useCallback(\n (group: DropdownMenuGroup, index: number) =>\n group.label ? (\n <Command.Group\n key={\"group\" + index}\n className={clsx(cls(\"dropdown-menu-group\"), classNames?.group)}\n heading={\n <div\n className={clsx(\n cls(\"dropdown-menu-header\"),\n classNames?.groupLabel\n )}\n >\n <span>{group.label}</span>\n </div>\n }\n >\n {group.items.map((item, j) => renderMenuItem(item, index, j))}\n </Command.Group>\n ) : (\n group.items.map((item, j) => renderMenuItem(item, index, j))\n ),\n [cls, classNames, renderMenuItem]\n );\n\n const itemGroups = useMemo(\n () =>\n items.reduce<DropdownMenuGroup[]>((acc, current) => {\n // If no groups exist yet and current item is not a header, create default group\n if (acc.length === 0 && current.type !== \"header\") {\n acc.push({\n label: null,\n items: [],\n });\n }\n\n // If it's a header, create a new group\n if (current.type === \"header\") {\n acc.push({\n label: current.title,\n items: [],\n });\n }\n // If it's an item and we have at least one group, add it to the last group's items\n else if (\n (current.type === \"item\" \|\| current.type === \"divider\") &&\n acc.length > 0\n ) {\n acc[acc.length - 1].items.push(current);\n }\n // Skip dividers\n return acc;\n }, []),\n [items]\n );\n return {\n itemGroups,\n renderMenuItem,\n renderGroup: inCombobox ? renderGroupCombobox : renderGroup,\n };\n};\n"],"names":["useDropdownMenu","items","inCombobox","classNames","selectedItemKeys","keepOpenOnSelect","showCheckbox","getItemKeywords","item","reactNodeToString","onOpenChange","itemRender","itemLabelRender","cls","useCls","renderMenuItem","useCallback","i","j","jsx","DropdownMenuItem","DropdownMenuDivider","renderGroup","group","index","jsxs","Menu","clsx","renderGroupCombobox","Command","useMemo","acc","current"],"mappings":"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"}

package/dist/components/field/component.d.ts CHANGED Viewed

@@ -21,6 +21,10 @@ interface BaseFieldProps extends React.HTMLAttributes<HTMLDivElement> {
      * @default true
      */
     colon?: boolean;
+    /**
+     * Props for the label element
+     */
+    labelProps?: React.HTMLAttributes<HTMLLabelElement>;
 }
 type InputFieldProps = BaseFieldProps & {
     type?: "input";
@@ -34,7 +38,7 @@ export type FieldProps<T extends FieldType = "input"> = T extends "input" ? Inpu
 /**
  * Generic Field component that forwards ref to Input or Select
  */
-declare const FieldInner: <T extends FieldType>({ label, className, size, colon, type, ...rest }: FieldProps<T>, ref: ForwardedRef<RefType<T>>) => import("react/jsx-runtime").JSX.Element;
+declare const FieldInner: <T extends FieldType>({ label, className, size, colon, type, labelProps, ...rest }: FieldProps<T>, ref: ForwardedRef<RefType<T>>) => import("react/jsx-runtime").JSX.Element;
 export declare const Field: <T extends FieldType>(props: FieldProps<T> & {
     ref?: ForwardedRef<RefType<T>>;
 }) => ReturnType<typeof FieldInner<T>>;

package/dist/components/field/component.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/components/field/component.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,MAAM,CAAC;AAE9D,OAAO,EAAE,QAAQ,EAAE,MAAM,qCAAqC,CAAC;AAC/D,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAqB,MAAM,OAAO,CAAC;AAKxD,OAAO,aAAa,CAAC;AAErB,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAC;AAE3C,KAAK,OAAO,CAAC,CAAC,SAAS,SAAS,IAAI,CAAC,SAAS,OAAO,GACjD,QAAQ,GACR,CAAC,SAAS,QAAQ,GAClB,cAAc,GACd,KAAK,CAAC;AAEV,UAAU,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACnE,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;OAGG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;~~CACjB~~;AAED,KAAK,eAAe,GAAG,cAAc,GAAG;IACtC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,UAAU,EAAE,UAAU,CAAC;CACxB,CAAC;AAEF,KAAK,gBAAgB,GAAG,cAAc,GAAG;IACvC,IAAI,EAAE,QAAQ,CAAC;IACf,WAAW,EAAE,WAAW,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,UAAU,CAAC,CAAC,SAAS,SAAS,GAAG,OAAO,IAAI,CAAC,SAAS,OAAO,GACrE,eAAe,GACf,gBAAgB,CAAC;AAErB;;GAEG;AACH,QAAA,MAAM,UAAU,GAAI,CAAC,SAAS,SAAS,EACrC,~~kDAOG~~,UAAU,CAAC,CAAC,CAAC,EAChB,KAAK,YAAY,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,~~4CA0B9B~~,CAAC;AAEF,eAAO,MAAM,KAAK,EAA6B,CAAC,CAAC,SAAS,SAAS,EACjE,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAA;CAAE,KACtD,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC"}
1	+ {"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/components/field/component.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,MAAM,CAAC;AAE9D,OAAO,EAAE,QAAQ,EAAE,MAAM,qCAAqC,CAAC;AAC/D,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAqB,MAAM,OAAO,CAAC;AAKxD,OAAO,aAAa,CAAC;AAErB,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAC;AAE3C,KAAK,OAAO,CAAC,CAAC,SAAS,SAAS,IAAI,CAAC,SAAS,OAAO,GACjD,QAAQ,GACR,CAAC,SAAS,QAAQ,GAClB,cAAc,GACd,KAAK,CAAC;AAEV,UAAU,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACnE,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;OAGG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;OAEG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,CAAC;CACrD;AAED,KAAK,eAAe,GAAG,cAAc,GAAG;IACtC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,UAAU,EAAE,UAAU,CAAC;CACxB,CAAC;AAEF,KAAK,gBAAgB,GAAG,cAAc,GAAG;IACvC,IAAI,EAAE,QAAQ,CAAC;IACf,WAAW,EAAE,WAAW,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,UAAU,CAAC,CAAC,SAAS,SAAS,GAAG,OAAO,IAAI,CAAC,SAAS,OAAO,GACrE,eAAe,GACf,gBAAgB,CAAC;AAErB;;GAEG;AACH,QAAA,MAAM,UAAU,GAAI,CAAC,SAAS,SAAS,EACrC,8DAQG,UAAU,CAAC,CAAC,CAAC,EAChB,KAAK,YAAY,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,4CA8B9B,CAAC;AAEF,eAAO,MAAM,KAAK,EAA6B,CAAC,CAAC,SAAS,SAAS,EACjE,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAA;CAAE,KACtD,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC"}