@edux-design/tree-select 0.2.1 → 0.2.2

package/README.md

@@ -7,9 +7,9 @@ TreeSelect renders hierarchical data with expand/collapse controls, optional inl
 ## Installation
 
 ```bash
-pnpm add @edux-design/tree-select @edux-design/forms @edux-design/buttons @edux-design/icons @edux-design/tooltips @dnd-kit/core @dnd-kit/sortable
+pnpm add @edux-design/tree-select @edux-design/forms @edux-design/buttons @edux-design/icons @edux-design/menus @edux-design/tooltips @dnd-kit/core @dnd-kit/sortable
 # or
-npm install @edux-design/tree-select @edux-design/forms @edux-design/buttons @edux-design/icons @edux-design/tooltips @dnd-kit/core @dnd-kit/sortable
+npm install @edux-design/tree-select @edux-design/forms @edux-design/buttons @edux-design/icons @edux-design/menus @edux-design/tooltips @dnd-kit/core @dnd-kit/sortable
 ```
 
 Peer deps include `react@^19.1.0` and `react-dom@^19.1.0`.
@@ -143,6 +143,27 @@ Shows a delete action for each item and removes the node (plus descendants).
 ### `actionButtonsPosition` (`"start"` | `"end"`, default `"start"`)
 Positions the action buttons within a row. `"end"` pushes the actions to the end of the row.
 
+### `renderAdditionalActionsMenu` (function)
+Renders a kebab (more actions) menu per row. Return `null`/`undefined` to hide the menu for a given item.
+
+```jsx
+import { MenuList, MenuItem } from "@edux-design/menus";
+
+<TreeSelect
+  data={data}
+  renderAdditionalActionsMenu={({ id, node }) => (
+    <MenuList>
+      <MenuItem onClick={() => console.log("View", id)}>
+        View {node.label ?? id}
+      </MenuItem>
+      <MenuItem onClick={() => console.log("Duplicate", id)}>
+        Duplicate
+      </MenuItem>
+    </MenuList>
+  )}
+/>;
+```
+
 ### `maxLabelLength` (number)
 Limits label width by character count and truncates with an ellipsis when exceeded.
 

package/dist/index.d.mts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
-declare function TreeSelect({ data, onDataChange, allowDragAndDrop, allowMultiDrag, isEditable, allowDelete, useChevron, actionButtonsPosition, maxLabelLength, maxDepth, addChildTooltip, addSiblingTooltip, deleteTooltip, onLabelChange, levelConfig, defaultExpanded, expanded, onExpandedChange, }: {
+declare function TreeSelect({ data, onDataChange, allowDragAndDrop, allowMultiDrag, isEditable, allowDelete, useChevron, actionButtonsPosition, maxLabelLength, maxDepth, addChildTooltip, addSiblingTooltip, deleteTooltip, onLabelChange, levelConfig, defaultExpanded, expanded, onExpandedChange, renderAdditionalActionsMenu, }: {
     data: any;
     onDataChange: any;
     allowDragAndDrop?: boolean;
@@ -19,6 +19,7 @@ declare function TreeSelect({ data, onDataChange, allowDragAndDrop, allowMultiDr
     defaultExpanded: any;
     expanded: any;
     onExpandedChange: any;
+    renderAdditionalActionsMenu: any;
 }): react_jsx_runtime.JSX.Element;
 
 export { TreeSelect };

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
-declare function TreeSelect({ data, onDataChange, allowDragAndDrop, allowMultiDrag, isEditable, allowDelete, useChevron, actionButtonsPosition, maxLabelLength, maxDepth, addChildTooltip, addSiblingTooltip, deleteTooltip, onLabelChange, levelConfig, defaultExpanded, expanded, onExpandedChange, }: {
+declare function TreeSelect({ data, onDataChange, allowDragAndDrop, allowMultiDrag, isEditable, allowDelete, useChevron, actionButtonsPosition, maxLabelLength, maxDepth, addChildTooltip, addSiblingTooltip, deleteTooltip, onLabelChange, levelConfig, defaultExpanded, expanded, onExpandedChange, renderAdditionalActionsMenu, }: {
     data: any;
     onDataChange: any;
     allowDragAndDrop?: boolean;
@@ -19,6 +19,7 @@ declare function TreeSelect({ data, onDataChange, allowDragAndDrop, allowMultiDr
     defaultExpanded: any;
     expanded: any;
     onExpandedChange: any;
+    renderAdditionalActionsMenu: any;
 }): react_jsx_runtime.JSX.Element;
 
 export { TreeSelect };