@edux-design/tree-select 0.1.0 → 0.1.1

package/README.md

@@ -134,18 +134,42 @@ Allows multi-select drag using CMD/CTRL or SHIFT. Selection is restricted to adj
 ### `isEditable` (boolean, default `false`)
 Enables inline label editing and add-item controls.
 
+### `allowDelete` (boolean, default `false`)
+Shows a delete action for each item and removes the node (plus descendants).
+
 ### `useChevron` (boolean, default `false`)
 Uses a chevron control for expand/collapse instead of the checkbox toggle.
 
+### `defaultExpanded` (`"all"` | number | string[] | Set<string | number>)
+Defines the initial expansion state. Use `"all"` to expand every node with children, a number to expand up to that level (1 expands top-level nodes), or an array/set of ids to expand specific items.
+
+### `expanded` (`"all"` | number | string[] | Set<string | number>)
+Controlled expansion state. When provided, the tree expansion is driven by this value.
+
+### `onExpandedChange` (function)
+Called with a `Set` of expanded ids when the user toggles expansion in controlled mode.
+
 ### `maxDepth` (number)
 Limits how deep new items can be added. For example, `maxDepth={3}` allows at most 3 levels.
 
 ### `addChildTooltip` (string)
 Tooltip copy for the add-child button.
 
+### `addChildTooltipByLevel` (string[])
+Tooltip copy for add-child, keyed by depth. Overrides `addChildTooltip` when provided.
+
 ### `addSiblingTooltip` (string)
 Tooltip copy for the add-sibling button.
 
+### `addSiblingTooltipByLevel` (string[])
+Tooltip copy for add-sibling, keyed by depth. Overrides `addSiblingTooltip` when provided.
+
+### `deleteTooltip` (string)
+Tooltip copy for the delete button.
+
+### `deleteTooltipByLevel` (string[])
+Tooltip copy for delete, keyed by depth. Overrides `deleteTooltip` when provided.
+
 ---
 
 ## Behaviour details
@@ -154,6 +178,9 @@ Tooltip copy for the add-sibling button.
 - Leaf nodes do not render a checkbox/chevron toggle.
 - Expansion only controls visibility of children.
 - When `useChevron` is `false`, the toggle uses the Checkbox plus/indeterminate states.
+- `defaultExpanded` only seeds the initial state; use `expanded` for controlled expansion.
+- When `expanded` is provided, `onExpandedChange` is called with the next set of expanded ids.
+- Deleting a node removes the entire subtree and clears any selected/expanded state for those ids.
 - Drag-and-drop supports reordering within a level and moving items between levels.
 - Drag handle alignment is set so child handles align under the parent toggle.
 

package/dist/index.d.mts

@@ -1,15 +1,23 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
-declare function TreeSelect({ data, onDataChange, allowDragAndDrop, allowMultiDrag, isEditable, useChevron, maxDepth, addChildTooltip, addSiblingTooltip, }: {
+declare function TreeSelect({ data, onDataChange, allowDragAndDrop, allowMultiDrag, isEditable, allowDelete, useChevron, maxDepth, addChildTooltip, addSiblingTooltip, deleteTooltip, addChildTooltipByLevel, addSiblingTooltipByLevel, deleteTooltipByLevel, defaultExpanded, expanded, onExpandedChange, }: {
     data: any;
     onDataChange: any;
     allowDragAndDrop?: boolean;
     allowMultiDrag?: boolean;
     isEditable?: boolean;
+    allowDelete?: boolean;
     useChevron?: boolean;
     maxDepth: any;
     addChildTooltip: any;
     addSiblingTooltip: any;
+    deleteTooltip: any;
+    addChildTooltipByLevel: any;
+    addSiblingTooltipByLevel: any;
+    deleteTooltipByLevel: any;
+    defaultExpanded: any;
+    expanded: any;
+    onExpandedChange: any;
 }): react_jsx_runtime.JSX.Element;
 
 export { TreeSelect };

package/dist/index.d.ts

@@ -1,15 +1,23 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
-declare function TreeSelect({ data, onDataChange, allowDragAndDrop, allowMultiDrag, isEditable, useChevron, maxDepth, addChildTooltip, addSiblingTooltip, }: {
+declare function TreeSelect({ data, onDataChange, allowDragAndDrop, allowMultiDrag, isEditable, allowDelete, useChevron, maxDepth, addChildTooltip, addSiblingTooltip, deleteTooltip, addChildTooltipByLevel, addSiblingTooltipByLevel, deleteTooltipByLevel, defaultExpanded, expanded, onExpandedChange, }: {
     data: any;
     onDataChange: any;
     allowDragAndDrop?: boolean;
     allowMultiDrag?: boolean;
     isEditable?: boolean;
+    allowDelete?: boolean;
     useChevron?: boolean;
     maxDepth: any;
     addChildTooltip: any;
     addSiblingTooltip: any;
+    deleteTooltip: any;
+    addChildTooltipByLevel: any;
+    addSiblingTooltipByLevel: any;
+    deleteTooltipByLevel: any;
+    defaultExpanded: any;
+    expanded: any;
+    onExpandedChange: any;
 }): react_jsx_runtime.JSX.Element;
 
 export { TreeSelect };