@bioturing/components 0.31.0 → 0.32.0

package/dist/components/dropdown-menu/component.js

@@ -1,21 +1,21 @@
 "use client";
 import { jsxs as i, jsx as n } from "react/jsx-runtime";
-import { useRef as T, useCallback as U, createElement as W } from "react";
-import { Menu as q } from "@base-ui-components/react/menu";
-import { Popover as H } from "@base-ui-components/react/popover";
+import { useRef as U, useCallback as W, createElement as q } from "react";
+import { Menu as H } from "@base-ui-components/react/menu";
+import { Popover as J } from "@base-ui-components/react/popover";
 import { Command as d } from "../cmdk/index.js";
-import { FormItemInputContext as J } from "antd/es/form/context";
+import { FormItemInputContext as Q } from "antd/es/form/context";
 import { PopupPanelSize as b } from "../popup-panel/constants.js";
-import { useDropdownMenu as Q } from "./useDropdownMenu.js";
+import { useDropdownMenu as X } from "./useDropdownMenu.js";
 import './style.css';/* empty css          */
-import { parseAntdPlacement as X } from "../utils/placement.js";
-import { Input as Y } from "../input/component.js";
+import { parseAntdPlacement as Y } from "../utils/placement.js";
+import { Input as Z } from "../input/component.js";
 import { ScrollArea as h } from "../scroll-area/component.js";
-import { DROPDOWN_COLLISION_AVOIDANCE as Z } from "../utils/constants.js";
-import { useControlledState as $ } from "../hooks/useControlledState.js";
-import { useCls as K, useAntdCssVarClassname as a } from "../utils/antdUtils.js";
+import { DROPDOWN_COLLISION_AVOIDANCE as $ } from "../utils/constants.js";
+import { useControlledState as K } from "../hooks/useControlledState.js";
+import { useCls as a, useAntdCssVarClassname as N } from "../utils/antdUtils.js";
 import { clsx as l } from "../utils/cn.js";
-const vo = ({
+const Io = ({
   children: A,
   items: S,
   placement: D,
@@ -39,20 +39,22 @@ const vo = ({
   highlightedItemKey: m,
   selectedItemKeys: G,
   getItemKeywords: _,
-  showCheckbox: I
+  showCheckbox: I,
+  itemLabelRender: z
 }) => {
-  const z = typeof w == "boolean" ? w : e, [B, P] = $(
+  const B = typeof w == "boolean" ? w : e, [F, P] = K(
     c,
     M,
     R
-  ), r = K(), x = a(), O = X(D), F = T(null), { itemGroups: f, renderGroup: g } = Q({
+  ), r = a(), x = N(), O = Y(D), L = U(null), { itemGroups: f, renderGroup: g } = X({
     items: S,
     keepOpenOnSelect: j,
     selectedItemKeys: G,
     showCheckbox: I,
     getItemKeywords: _,
+    itemLabelRender: z,
     itemRender: k,
-    inCombobox: z,
+    inCombobox: B,
     onOpenChange: P,
     classNames: {
       item: o == null ? void 0 : o.item,
@@ -62,7 +64,7 @@ const vo = ({
       groupLabel: o == null ? void 0 : o.groupLabel,
       divider: o == null ? void 0 : o.divider
     }
-  }), L = U(
+  }), T = W(
     () => e ? /* @__PURE__ */ i(
       d,
       {
@@ -70,13 +72,13 @@ const vo = ({
         disablePointerSelection: e,
         defaultValue: m ? String(m) : void 0,
         children: [
-          /* @__PURE__ */ n(J.Provider, { value: {}, children: /* @__PURE__ */ W(
+          /* @__PURE__ */ n(Q.Provider, { value: {}, children: /* @__PURE__ */ q(
             d.Input,
             {
               ...v,
               key: "search",
               render: /* @__PURE__ */ n(
-                Y,
+                Z,
                 {
                   allowClear: !0,
                   className: r("dropdown-menu-search"),
@@ -108,19 +110,19 @@ const vo = ({
       u,
       g
     ]
-  ), t = e ? H : q;
+  ), t = e ? J : H;
   return /* @__PURE__ */ i(
     t.Root,
     {
       openOnHover: E,
-      open: B,
+      open: F,
       onOpenChange: P,
       children: [
         /* @__PURE__ */ n(
           t.Trigger,
           {
             render: A,
-            ref: F,
+            ref: L,
             className: l(
               r("dropdown-menu-trigger"),
               o == null ? void 0 : o.trigger,
@@ -135,7 +137,7 @@ const vo = ({
             align: O.align,
             sideOffset: 4,
             className: l(r("dropdown-menu-root"), o == null ? void 0 : o.root),
-            collisionAvoidance: Z,
+            collisionAvoidance: $,
             children: /* @__PURE__ */ n(
               t.Popup,
               {
@@ -152,7 +154,7 @@ const vo = ({
                 style: {
                   "--size-width": C in b ? b[C] : void 0
                 },
-                children: L()
+                children: T()
               }
             )
           }
@@ -162,6 +164,6 @@ const vo = ({
   );
 };
 export {
-  vo as DropdownMenu
+  Io as DropdownMenu
 };
 //# sourceMappingURL=component.js.map

package/dist/components/dropdown-menu/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../../src/components/dropdown-menu/component.tsx"],"sourcesContent":["\"use client\";\nimport { Menu } from \"@base-ui-components/react/menu\";\nimport { Popover } from \"@base-ui-components/react/popover\";\nimport { type PopoverProps } from \"antd/es/popover\";\nimport { useCallback, useRef } from \"react\";\nimport {\n  clsx,\n  DROPDOWN_COLLISION_AVOIDANCE,\n  parseAntdPlacement,\n  useAntdCssVarClassname,\n  useCls,\n} from \"../utils\";\nimport { Command } from \"../cmdk\";\nimport { ScrollArea } from \"../scroll-area\";\nimport { FormItemInputContext } from \"antd/es/form/context\";\n\n// Import component-specific styles\nimport { Input } from \"../input\";\nimport { PopupPanelSize } from \"../popup-panel/constants\";\n\nimport { DropdownMenuItemType } from \"./types\";\nimport { useDropdownMenu, UseDropdownMenuProps } from \"./useDropdownMenu\";\nimport { useControlledState } from \"../hooks\";\n\nimport \"./style.css\";\n\nexport interface DropdownMenuProps\n  extends Omit<UseDropdownMenuProps, \"classNames\"> {\n  /** Array of menu items to be displayed in the dropdown */\n  items: DropdownMenuItemType[];\n  /** Custom render function for the trigger element */\n  children?: React.ComponentProps<typeof Menu.Trigger>[\"render\"];\n  /**\n   * Placement of the dropdown relative to the trigger element\n   * @default \"bottomLeft\"\n   */\n  placement?: PopoverProps[\"placement\"];\n  /**\n   * Whether to open the dropdown on hover instead of click\n   * @default false\n   */\n  openOnHover?: boolean;\n  /**\n   * Controlled open state of the dropdown\n   */\n  open?: boolean;\n  /**\n   * Callback fired when the dropdown open state changes\n   */\n  onOpenChange?: (open: boolean) => void;\n  /**\n   * Default open state of the dropdown\n   */\n  defaultOpen?: boolean;\n  /**\n   * Additional CSS class for the dropdown component\n   */\n  className?: string;\n  /**\n   * Custom class names for different parts of the dropdown\n   * @default {}\n   */\n  classNames?: {\n    root?: string;\n    trigger?: string;\n    popup?: string;\n    itemIcon?: string;\n    itemText?: string;\n    positioner?: string;\n  } & UseDropdownMenuProps[\"classNames\"];\n\n  /**\n   * Whether to show search input\n   * @default false\n   */\n  showSearch?: boolean;\n  /**\n   * Size of the dropdown menu\n   * @default \"auto\"\n   */\n  size?: \"auto\" | keyof typeof PopupPanelSize;\n  /**\n   * Search placeholder\n   */\n  searchProps?: Omit<\n    React.ComponentProps<typeof Command.Input>,\n    \"size\" | \"ref\"\n  >;\n  /**\n   * Whether to match the width of the popup with the trigger\n   * @default false\n   */\n  popupMatchTriggerWidth?: boolean;\n  /**\n   * Content to display before the list\n   */\n  beforeList?: React.ReactNode;\n  /**\n   * Content to display after the list\n   */\n  afterList?: React.ReactNode;\n}\n\nexport const DropdownMenu = ({\n  children,\n  items,\n  placement,\n  openOnHover,\n  open: outsideOpen,\n  onOpenChange: outsideOnOpenChange,\n  defaultOpen,\n  className,\n  itemRender,\n  classNames,\n  size = \"auto\",\n  showSearch,\n  inCombobox: inComboboxProp,\n  searchProps = {\n    placeholder: \"Search...\",\n  },\n  popupMatchTriggerWidth,\n  beforeList,\n  afterList,\n  keepOpenOnSelect,\n  highlightedItemKey,\n  selectedItemKeys,\n  getItemKeywords,\n  showCheckbox,\n}: DropdownMenuProps) => {\n  const inCombobox =\n    typeof inComboboxProp === \"boolean\" ? inComboboxProp : showSearch;\n  const [open, onOpenChange] = useControlledState(\n    outsideOpen,\n    outsideOnOpenChange,\n    defaultOpen,\n  );\n  const cls = useCls();\n  const antdCssVarClassname = useAntdCssVarClassname();\n  const baseUIPlacement = parseAntdPlacement(placement);\n  const buttonRef = useRef<HTMLButtonElement>(null);\n  const { itemGroups, renderGroup } = useDropdownMenu({\n    items,\n    keepOpenOnSelect,\n    highlightedItemKey,\n    selectedItemKeys,\n    showCheckbox,\n    getItemKeywords,\n    itemRender,\n    inCombobox,\n    onOpenChange,\n    classNames: {\n      item: classNames?.item,\n      itemIcon: classNames?.itemIcon,\n      itemSuffix: classNames?.itemSuffix,\n      group: classNames?.group,\n      groupLabel: classNames?.groupLabel,\n      divider: classNames?.divider,\n    },\n  });\n  const renderMenuInner = useCallback(\n    () =>\n      showSearch ? (\n        <Command\n          className={cls(\"dropdown-menu-container\")}\n          disablePointerSelection={showSearch}\n          defaultValue={\n            highlightedItemKey ? String(highlightedItemKey) : undefined\n          }\n        >\n          <FormItemInputContext.Provider value={{}}>\n            <Command.Input\n              {...searchProps}\n              key=\"search\"\n              render={\n                <Input\n                  allowClear\n                  className={cls(\"dropdown-menu-search\")}\n                  placeholder=\"Search\"\n                />\n              }\n            />\n          </FormItemInputContext.Provider>\n          {beforeList}\n          <ScrollArea fadeEdges>\n            <Command.List className={cls(\"dropdown-menu-list\")}>\n              <Command.Empty className={cls(\"dropdown-menu-empty\")}>\n                No results found.\n              </Command.Empty>\n              {itemGroups.map(renderGroup)}\n            </Command.List>\n          </ScrollArea>\n          {afterList}\n        </Command>\n      ) : (\n        <div className={cls(\"dropdown-menu-container\")}>\n          {beforeList}\n          <ScrollArea fadeEdges>{itemGroups.map(renderGroup)}</ScrollArea>\n          {afterList}\n        </div>\n      ),\n    [\n      showSearch,\n      cls,\n      highlightedItemKey,\n      searchProps,\n      beforeList,\n      itemGroups,\n      afterList,\n      renderGroup,\n    ],\n  );\n  const BaseComponent = showSearch ? Popover : Menu;\n\n  return (\n    <BaseComponent.Root\n      openOnHover={openOnHover}\n      open={open}\n      onOpenChange={onOpenChange}\n    >\n      <BaseComponent.Trigger\n        render={children}\n        ref={buttonRef}\n        className={clsx(\n          cls(\"dropdown-menu-trigger\"),\n          classNames?.trigger,\n          antdCssVarClassname,\n        )}\n      />\n      <BaseComponent.Portal>\n        <BaseComponent.Positioner\n          side={baseUIPlacement.side}\n          align={baseUIPlacement.align}\n          sideOffset={4}\n          className={clsx(cls(\"dropdown-menu-root\"), classNames?.root)}\n          collisionAvoidance={DROPDOWN_COLLISION_AVOIDANCE}\n        >\n          <BaseComponent.Popup\n            className={clsx(\n              cls(\n                \"dropdown-menu\",\n                showCheckbox && \"dropdown-menu-show-checkbox\",\n                popupMatchTriggerWidth && \"dropdown-menu-match-trigger-width\",\n              ),\n              className,\n              classNames?.popup,\n              antdCssVarClassname,\n            )}\n            style={\n              {\n                \"--size-width\":\n                  size in PopupPanelSize ? PopupPanelSize[size] : undefined,\n              } as React.CSSProperties\n            }\n          >\n            {renderMenuInner()}\n          </BaseComponent.Popup>\n        </BaseComponent.Positioner>\n      </BaseComponent.Portal>\n    </BaseComponent.Root>\n  );\n};\n"],"names":["DropdownMenu","children","items","placement","openOnHover","outsideOpen","outsideOnOpenChange","defaultOpen","className","itemRender","classNames","size","showSearch","inComboboxProp","searchProps","popupMatchTriggerWidth","beforeList","afterList","keepOpenOnSelect","highlightedItemKey","selectedItemKeys","getItemKeywords","showCheckbox","inCombobox","open","onOpenChange","useControlledState","cls","useCls","antdCssVarClassname","useAntdCssVarClassname","baseUIPlacement","parseAntdPlacement","buttonRef","useRef","itemGroups","renderGroup","useDropdownMenu","renderMenuInner","useCallback","jsxs","Command","jsx","FormItemInputContext","createElement","Input","ScrollArea","BaseComponent","Popover","Menu","clsx","DROPDOWN_COLLISION_AVOIDANCE","PopupPanelSize"],"mappings":"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"}
+{"version":3,"file":"component.js","sources":["../../../src/components/dropdown-menu/component.tsx"],"sourcesContent":["\"use client\";\nimport { Menu } from \"@base-ui-components/react/menu\";\nimport { Popover } from \"@base-ui-components/react/popover\";\nimport { type PopoverProps } from \"antd/es/popover\";\nimport { useCallback, useRef } from \"react\";\nimport {\n  clsx,\n  DROPDOWN_COLLISION_AVOIDANCE,\n  parseAntdPlacement,\n  useAntdCssVarClassname,\n  useCls,\n} from \"../utils\";\nimport { Command } from \"../cmdk\";\nimport { ScrollArea } from \"../scroll-area\";\nimport { FormItemInputContext } from \"antd/es/form/context\";\n\n// Import component-specific styles\nimport { Input } from \"../input\";\nimport { PopupPanelSize } from \"../popup-panel/constants\";\n\nimport { DropdownMenuItemType } from \"./types\";\nimport { useDropdownMenu, UseDropdownMenuProps } from \"./useDropdownMenu\";\nimport { useControlledState } from \"../hooks\";\n\nimport \"./style.css\";\n\nexport interface DropdownMenuProps\n  extends Omit<UseDropdownMenuProps, \"classNames\"> {\n  /** Array of menu items to be displayed in the dropdown */\n  items: DropdownMenuItemType[];\n  /** Custom render function for the trigger element */\n  children?: React.ComponentProps<typeof Menu.Trigger>[\"render\"];\n  /**\n   * Placement of the dropdown relative to the trigger element\n   * @default \"bottomLeft\"\n   */\n  placement?: PopoverProps[\"placement\"];\n  /**\n   * Whether to open the dropdown on hover instead of click\n   * @default false\n   */\n  openOnHover?: boolean;\n  /**\n   * Controlled open state of the dropdown\n   */\n  open?: boolean;\n  /**\n   * Callback fired when the dropdown open state changes\n   */\n  onOpenChange?: (open: boolean) => void;\n  /**\n   * Default open state of the dropdown\n   */\n  defaultOpen?: boolean;\n  /**\n   * Additional CSS class for the dropdown component\n   */\n  className?: string;\n  /**\n   * Custom class names for different parts of the dropdown\n   * @default {}\n   */\n  classNames?: {\n    root?: string;\n    trigger?: string;\n    popup?: string;\n    itemIcon?: string;\n    itemText?: string;\n    positioner?: string;\n  } & UseDropdownMenuProps[\"classNames\"];\n\n  /**\n   * Whether to show search input\n   * @default false\n   */\n  showSearch?: boolean;\n  /**\n   * Size of the dropdown menu\n   * @default \"auto\"\n   */\n  size?: \"auto\" | keyof typeof PopupPanelSize;\n  /**\n   * Search placeholder\n   */\n  searchProps?: Omit<\n    React.ComponentProps<typeof Command.Input>,\n    \"size\" | \"ref\"\n  >;\n  /**\n   * Whether to match the width of the popup with the trigger\n   * @default false\n   */\n  popupMatchTriggerWidth?: boolean;\n  /**\n   * Content to display before the list\n   */\n  beforeList?: React.ReactNode;\n  /**\n   * Content to display after the list\n   */\n  afterList?: React.ReactNode;\n}\n\nexport const DropdownMenu = ({\n  children,\n  items,\n  placement,\n  openOnHover,\n  open: outsideOpen,\n  onOpenChange: outsideOnOpenChange,\n  defaultOpen,\n  className,\n  itemRender,\n  classNames,\n  size = \"auto\",\n  showSearch,\n  inCombobox: inComboboxProp,\n  searchProps = {\n    placeholder: \"Search...\",\n  },\n  popupMatchTriggerWidth,\n  beforeList,\n  afterList,\n  keepOpenOnSelect,\n  highlightedItemKey,\n  selectedItemKeys,\n  getItemKeywords,\n  showCheckbox,\n  itemLabelRender,\n}: DropdownMenuProps) => {\n  const inCombobox =\n    typeof inComboboxProp === \"boolean\" ? inComboboxProp : showSearch;\n  const [open, onOpenChange] = useControlledState(\n    outsideOpen,\n    outsideOnOpenChange,\n    defaultOpen\n  );\n  const cls = useCls();\n  const antdCssVarClassname = useAntdCssVarClassname();\n  const baseUIPlacement = parseAntdPlacement(placement);\n  const buttonRef = useRef<HTMLButtonElement>(null);\n  const { itemGroups, renderGroup } = useDropdownMenu({\n    items,\n    keepOpenOnSelect,\n    highlightedItemKey,\n    selectedItemKeys,\n    showCheckbox,\n    getItemKeywords,\n    itemLabelRender,\n    itemRender,\n    inCombobox,\n    onOpenChange,\n    classNames: {\n      item: classNames?.item,\n      itemIcon: classNames?.itemIcon,\n      itemSuffix: classNames?.itemSuffix,\n      group: classNames?.group,\n      groupLabel: classNames?.groupLabel,\n      divider: classNames?.divider,\n    },\n  });\n  const renderMenuInner = useCallback(\n    () =>\n      showSearch ? (\n        <Command\n          className={cls(\"dropdown-menu-container\")}\n          disablePointerSelection={showSearch}\n          defaultValue={\n            highlightedItemKey ? String(highlightedItemKey) : undefined\n          }\n          // filter={(value, search, keywords) => {\n          //   console.log({ value, search, keywords });\n          //   const extendValue = value + \" \" + keywords.join(\" \");\n          //   if (extendValue.toLowerCase().includes(search.toLowerCase()))\n          //     return 1;\n          //   return 0;\n          // }}\n        >\n          <FormItemInputContext.Provider value={{}}>\n            <Command.Input\n              {...searchProps}\n              key=\"search\"\n              render={\n                <Input\n                  allowClear\n                  className={cls(\"dropdown-menu-search\")}\n                  placeholder=\"Search\"\n                />\n              }\n            />\n          </FormItemInputContext.Provider>\n          {beforeList}\n          <ScrollArea fadeEdges>\n            <Command.List className={cls(\"dropdown-menu-list\")}>\n              <Command.Empty className={cls(\"dropdown-menu-empty\")}>\n                No results found.\n              </Command.Empty>\n              {itemGroups.map(renderGroup)}\n            </Command.List>\n          </ScrollArea>\n          {afterList}\n        </Command>\n      ) : (\n        <div className={cls(\"dropdown-menu-container\")}>\n          {beforeList}\n          <ScrollArea fadeEdges>{itemGroups.map(renderGroup)}</ScrollArea>\n          {afterList}\n        </div>\n      ),\n    [\n      showSearch,\n      cls,\n      highlightedItemKey,\n      searchProps,\n      beforeList,\n      itemGroups,\n      afterList,\n      renderGroup,\n    ]\n  );\n  const BaseComponent = showSearch ? Popover : Menu;\n\n  return (\n    <BaseComponent.Root\n      openOnHover={openOnHover}\n      open={open}\n      onOpenChange={onOpenChange}\n    >\n      <BaseComponent.Trigger\n        render={children}\n        ref={buttonRef}\n        className={clsx(\n          cls(\"dropdown-menu-trigger\"),\n          classNames?.trigger,\n          antdCssVarClassname\n        )}\n      />\n      <BaseComponent.Portal>\n        <BaseComponent.Positioner\n          side={baseUIPlacement.side}\n          align={baseUIPlacement.align}\n          sideOffset={4}\n          className={clsx(cls(\"dropdown-menu-root\"), classNames?.root)}\n          collisionAvoidance={DROPDOWN_COLLISION_AVOIDANCE}\n        >\n          <BaseComponent.Popup\n            className={clsx(\n              cls(\n                \"dropdown-menu\",\n                showCheckbox && \"dropdown-menu-show-checkbox\",\n                popupMatchTriggerWidth && \"dropdown-menu-match-trigger-width\"\n              ),\n              className,\n              classNames?.popup,\n              antdCssVarClassname\n            )}\n            style={\n              {\n                \"--size-width\":\n                  size in PopupPanelSize ? PopupPanelSize[size] : undefined,\n              } as React.CSSProperties\n            }\n          >\n            {renderMenuInner()}\n          </BaseComponent.Popup>\n        </BaseComponent.Positioner>\n      </BaseComponent.Portal>\n    </BaseComponent.Root>\n  );\n};\n"],"names":["DropdownMenu","children","items","placement","openOnHover","outsideOpen","outsideOnOpenChange","defaultOpen","className","itemRender","classNames","size","showSearch","inComboboxProp","searchProps","popupMatchTriggerWidth","beforeList","afterList","keepOpenOnSelect","highlightedItemKey","selectedItemKeys","getItemKeywords","showCheckbox","itemLabelRender","inCombobox","open","onOpenChange","useControlledState","cls","useCls","antdCssVarClassname","useAntdCssVarClassname","baseUIPlacement","parseAntdPlacement","buttonRef","useRef","itemGroups","renderGroup","useDropdownMenu","renderMenuInner","useCallback","jsxs","Command","jsx","FormItemInputContext","createElement","Input","ScrollArea","BaseComponent","Popover","Menu","clsx","DROPDOWN_COLLISION_AVOIDANCE","PopupPanelSize"],"mappings":"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"}

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

@@ -1,38 +1,40 @@
 "use client";
-import { jsxs as I, Fragment as h, jsx as r } from "react/jsx-runtime";
-import { useMemo as e } from "react";
-import { Command as j } from "../cmdk/index.js";
-import { Menu as E } from "@base-ui-components/react/menu";
+import { jsxs as w, Fragment as y, jsx as r } from "react/jsx-runtime";
+import { useMemo as h } from "react";
+import { Command as q } from "../cmdk/index.js";
+import { Menu as z } from "@base-ui-components/react/menu";
 import './item.css';/* empty css         */
-import { Checkbox as w } from "antd";
-import { reactNodeToString as L } from "../utils/reactToString.js";
-import { useCls as D } from "../utils/antdUtils.js";
-import { clsx as u } from "../utils/cn.js";
-const J = ({
+import { Checkbox as O } from "antd";
+import { reactNodeToString as T } from "../utils/reactToString.js";
+import { useCls as A } from "../utils/antdUtils.js";
+import { clsx as M } from "../utils/cn.js";
+import { WithRenderProp as j } from "../utils/WithRenderProp.js";
+const Z = ({
   item: o,
   inCombobox: p = !1,
-  selected: f = !1,
-  itemRender: t,
-  itemProps: S = {},
+  selected: v = !1,
+  itemRender: u,
+  itemLabelRender: f,
+  itemProps: E = {},
   classNames: n,
-  onSelect: k,
-  showCheckbox: x,
-  indeterminate: M,
-  renderAsNativeElement: y,
-  getItemKeywords: g
+  onSelect: S,
+  showCheckbox: t,
+  indeterminate: g,
+  renderAsNativeElement: P,
+  getItemKeywords: i
 }) => {
-  const d = D(), O = e(
-    () => p ? j.Item : E.Item,
+  const d = A(), D = h(
+    () => p ? q.Item : z.Item,
     [p]
-  ), i = e(() => ({
-    className: u(
+  ), x = h(() => ({
+    className: M(
       d("dropdown-menu-item", p && "dropdown-menu-item-combobox"),
       n == null ? void 0 : n.item,
       o.className
     ),
     disabled: o.disabled,
     "data-danger": o.danger,
-    "data-actual-selected": f,
+    "data-actual-selected": v,
     ref: o.ref,
     onClick: o.onClick,
     onMouseEnter: o.onMouseEnter,
@@ -40,20 +42,20 @@ const J = ({
     onMouseOver: o.onMouseOver,
     onMouseOut: o.onMouseOut,
     "data-value": typeof o.label == "string" ? o.label : String(o.key),
-    render: t ? (b) => t(o, b) : void 0,
-    children: p ? /* @__PURE__ */ I(h, { children: [
-      x && /* @__PURE__ */ r(
-        w,
+    render: u ? (k) => u(o, k) : void 0,
+    children: p ? /* @__PURE__ */ w(y, { children: [
+      t && /* @__PURE__ */ r(
+        O,
         {
-          checked: f,
+          checked: v,
           tabIndex: -1,
-          indeterminate: M
+          indeterminate: g
         }
       ),
       o.icon && /* @__PURE__ */ r(
         "span",
         {
-          className: u(
+          className: M(
             d("dropdown-menu-item-icon"),
             n == null ? void 0 : n.itemIcon
           ),
@@ -61,28 +63,30 @@ const J = ({
         }
       ),
       /* @__PURE__ */ r(
-        "span",
+        j,
         {
-          className: u(
+          render: f ? (k) => f(o, k) : void 0,
+          as: "span",
+          className: M(
             d("dropdown-menu-item-text"),
             n == null ? void 0 : n.itemText
           ),
           children: o.label
         }
       )
-    ] }) : /* @__PURE__ */ I(h, { children: [
-      x && /* @__PURE__ */ r(
-        w,
+    ] }) : /* @__PURE__ */ w(y, { children: [
+      t && /* @__PURE__ */ r(
+        O,
         {
-          checked: f,
+          checked: v,
           tabIndex: -1,
-          indeterminate: M
+          indeterminate: g
         }
       ),
       o.icon && /* @__PURE__ */ r(
         "span",
         {
-          className: u(
+          className: M(
             d("dropdown-menu-item-icon"),
             n == null ? void 0 : n.itemIcon
           ),
@@ -90,19 +94,17 @@ const J = ({
         }
       ),
       /* @__PURE__ */ r(
-        "span",
+        j,
         {
-          className: u(
-            d("dropdown-menu-item-text"),
-            n == null ? void 0 : n.itemText
-          ),
+          render: f ? (k) => f(o, k) : void 0,
+          as: "span",
           children: o.label
         }
       ),
       o.suffix && /* @__PURE__ */ r(
         "span",
         {
-          className: u(
+          className: M(
             d("dropdown-menu-item-suffix"),
             n == null ? void 0 : n.itemSuffix
           ),
@@ -117,31 +119,38 @@ const J = ({
     n == null ? void 0 : n.itemSuffix,
     d,
     p,
-    M,
+    g,
     o,
+    u,
+    v,
     t,
-    f,
-    x
-  ]);
-  if (t)
-    return t(o, {
-      ...i,
-      ...S
+    f
+  ]), F = h(
+    () => i ? i(o) : [String(o.key), T(o.label)],
+    [i, o]
+  );
+  if (u)
+    return console.log(u), u(o, {
+      ...x,
+      ...E
     });
-  const { render: v, ...T } = i;
-  return y ? v ? v(i) : /* @__PURE__ */ r("div", { onClick: k, ...T }) : /* @__PURE__ */ r(
-    O,
+  const { render: I, ...W } = x;
+  return console.log(
+    "keywords",
+    i ? i(o) : [String(o.key), T(o.label)]
+  ), P ? I ? I(x) : /* @__PURE__ */ r("div", { onClick: S, ...W }) : /* @__PURE__ */ r(
+    D,
     {
       value: String(o.key),
-      keywords: g ? g(o) : [String(o.key), L(o.label)],
+      keywords: F || void 0,
       onSelect: () => {
-        k(o);
+        S(o);
       },
-      ...i
+      ...x
     }
   );
 };
 export {
-  J as DropdownMenuItem
+  Z as DropdownMenuItem
 };
 //# sourceMappingURL=item.js.map

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

@@ -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 } 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  /** 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  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          <span\n            className={clsx(\n              cls(\"dropdown-menu-item-text\"),\n              classNames?.itemText,\n            )}\n          >\n            {item.label}\n          </span>\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          <span\n            className={clsx(\n              cls(\"dropdown-menu-item-text\"),\n              classNames?.itemText,\n            )}\n          >\n            {item.label}\n          </span>\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  ]);\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  // 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={\n        getItemKeywords\n          ? getItemKeywords(item)\n          : [String(item.key), reactNodeToString(item.label)]\n      }\n      onSelect={() => {\n        onSelect(item);\n      }}\n      {...props}\n    ></MenuItem>\n  );\n};\n"],"names":["DropdownMenuItem","item","inCombobox","selected","itemRender","itemProps","classNames","onSelect","showCheckbox","indeterminate","renderAsNativeElement","getItemKeywords","cls","useCls","MenuItem","useMemo","Command","Menu","props","clsx","jsxs","Fragment","jsx","Checkbox","render","restProps","reactNodeToString"],"mappings":"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"}
+{"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    console.log(itemRender);\n    return itemRender(item, {\n      ...props,\n      ...itemProps,\n    });\n  }\n  const { render, ...restProps } = props;\n  console.log(\n    \"keywords\",\n    getItemKeywords\n      ? getItemKeywords(item)\n      : [String(item.key), reactNodeToString(item.label)]\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":"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"}

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

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