@salt-ds/lab 1.0.0-alpha.86 → 1.0.0-alpha.88

package/dist-es/tree/useTree.js

@@ -1,157 +1,329 @@
-import { useRef, useCallback } from 'react';
-import '../common-hooks/collectionProvider.js';
-import '../common-hooks/keyUtils.js';
-import { closestListItemIndex } from '../common-hooks/list-dom-utils.js';
-import '@salt-ds/core';
-import { useCollapsibleGroups } from '../common-hooks/useCollapsibleGroups.js';
-import { useKeyboardNavigation } from '../common-hooks/useKeyboardNavigation.js';
-import { useSelection } from '../common-hooks/useSelection.js';
-import { useViewportTracking } from '../common-hooks/useViewportTracking.js';
-import { useKeyboardNavigation as useKeyboardNavigation$1 } from './use-tree-keyboard-navigation.js';
+import { useControlled } from '@salt-ds/core';
+import { useMemo, useState, useRef, useCallback, Children, isValidElement } from 'react';
 
-const useTree = ({
-  collectionHook,
-  containerRef,
-  contentRef = containerRef,
-  defaultSelected,
-  disabled,
-  onSelect,
-  onSelectionChange,
-  onToggle,
-  onHighlight: onHighlightProp,
-  selected: selectedProp,
-  selectionStrategy
-}) => {
-  const lastSelection = useRef(selectedProp || defaultSelected);
-  const handleKeyboardNavigation = (evt, nextIdx) => {
-    var _a, _b;
-    (_b = (_a = selectionHook.listHandlers).onKeyboardNavigation) == null ? void 0 : _b.call(_a, evt, nextIdx);
-  };
-  const { highlightedIndex: highlightedIdx, ...keyboardHook } = useKeyboardNavigation({
-    containerRef,
-    indexPositions: collectionHook.data,
-    onHighlight: onHighlightProp,
-    onKeyboardNavigation: handleKeyboardNavigation,
-    selected: lastSelection.current
-  });
-  const collapsibleHook = useCollapsibleGroups({
-    collapsibleHeaders: true,
-    collectionHook,
-    highlightedIdx,
-    onToggle
-  });
-  const selectionHook = useSelection({
-    defaultSelected,
-    // groupSelection,
-    highlightedIdx,
-    indexPositions: collectionHook.data,
-    onSelect,
-    onSelectionChange,
+function buildTreeModel(children) {
+  const nodes = /* @__PURE__ */ new Map();
+  const rootValues = [];
+  const childrenOf = /* @__PURE__ */ new Map();
+  function traverse(reactChildren, parentValue, parentDisabled = false) {
+    const siblingValues = [];
+    Children.forEach(reactChildren, (child) => {
+      if (isValidElement(child) && typeof child.props.value === "string") {
+        const value = child.props.value;
+        const nodeChildren = child.props.children;
+        const hasChildren = Children.count(nodeChildren) > 0;
+        const disabled = parentDisabled || Boolean(child.props.disabled);
+        nodes.set(value, {
+          value,
+          parentValue,
+          hasChildren,
+          disabled
+        });
+        siblingValues.push(value);
+        if (hasChildren) {
+          traverse(nodeChildren, value, disabled);
+        }
+      }
+    });
+    if (parentValue !== void 0) {
+      childrenOf.set(parentValue, siblingValues);
+    } else {
+      rootValues.push(...siblingValues);
+    }
+  }
+  traverse(children);
+  return { nodes, rootValues, childrenOf };
+}
+function expandSelectionWithDescendants(selection, model, disabledIds) {
+  const expanded = new Set(selection);
+  function addDescendants(parentValue) {
+    const children = model.childrenOf.get(parentValue) ?? [];
+    for (const child of children) {
+      if (!disabledIds.has(child)) {
+        expanded.add(child);
+        addDescendants(child);
+      }
+    }
+  }
+  for (const value of selection) {
+    addDescendants(value);
+  }
+  return Array.from(expanded);
+}
+function expandSelectionUpwards(selection, model, disabledIds) {
+  const selectedSet = new Set(selection);
+  for (const [value, meta] of model.nodes) {
+    if (meta.hasChildren && !selectedSet.has(value) && !disabledIds.has(value)) {
+      const children = model.childrenOf.get(value) ?? [];
+      const enabledChildren = children.filter((c) => !disabledIds.has(c));
+      if (enabledChildren.length > 0 && enabledChildren.every((c) => selectedSet.has(c))) {
+        selectedSet.add(value);
+      }
+    }
+  }
+  return Array.from(selectedSet);
+}
+function useTree(props) {
+  const {
+    defaultExpanded = [],
+    expanded: expandedProp,
+    onExpandedChange,
+    defaultSelected = [],
     selected: selectedProp,
-    selectionStrategy
+    onSelectionChange,
+    multiselect = false,
+    disabled = false,
+    children
+  } = props;
+  const clampedDefaultSelected = multiselect ? defaultSelected : defaultSelected.slice(0, 1);
+  const clampedSelectedProp = selectedProp && !multiselect ? selectedProp.slice(0, 1) : selectedProp;
+  const treeModel = useMemo(() => buildTreeModel(children), [children]);
+  const disabledIdsSet = useMemo(() => {
+    const set = /* @__PURE__ */ new Set();
+    for (const [value, meta] of treeModel.nodes) {
+      if (meta.disabled) set.add(value);
+    }
+    return set;
+  }, [treeModel]);
+  const [expandedArray, setExpandedArray] = useControlled({
+    controlled: expandedProp,
+    default: defaultExpanded,
+    name: "Tree",
+    state: "expanded"
   });
-  const treeNavigationHook = useKeyboardNavigation$1({
-    collectionHook,
-    highlightedIdx,
-    highlightItemAtIndex: keyboardHook.setHighlightedIndex
+  const expandedState = useMemo(() => new Set(expandedArray), [expandedArray]);
+  const expandedDefaultSelected = useMemo(() => {
+    if (!multiselect || clampedDefaultSelected.length === 0) {
+      return clampedDefaultSelected;
+    }
+    let expanded = expandSelectionWithDescendants(
+      clampedDefaultSelected,
+      treeModel,
+      disabledIdsSet
+    );
+    expanded = expandSelectionUpwards(expanded, treeModel, disabledIdsSet);
+    return expanded;
+  }, [clampedDefaultSelected, treeModel, disabledIdsSet, multiselect]);
+  const [selectedState, setSelectedState] = useControlled({
+    controlled: clampedSelectedProp,
+    default: expandedDefaultSelected,
+    name: "Tree",
+    state: "selected"
   });
-  const handleClick = useCallback(
-    (evt) => {
-      var _a, _b, _c;
-      (_a = collapsibleHook == null ? void 0 : collapsibleHook.onClick) == null ? void 0 : _a.call(collapsibleHook, evt);
-      if (!evt.defaultPrevented) {
-        (_c = (_b = selectionHook.listHandlers).onClick) == null ? void 0 : _c.call(_b, evt);
-      }
+  const selectedSet = useMemo(() => new Set(selectedState), [selectedState]);
+  const [activeNode, setActiveNode] = useState(void 0);
+  const elementsRef = useRef(/* @__PURE__ */ new Map());
+  const registerElement = (value, element) => {
+    elementsRef.current.set(value, element);
+    return () => {
+      elementsRef.current.delete(value);
+    };
+  };
+  const getElement = (value) => {
+    return elementsRef.current.get(value);
+  };
+  const getNodeMeta = useCallback(
+    (value) => {
+      return treeModel.nodes.get(value);
     },
-    [collapsibleHook, selectionHook]
+    [treeModel]
   );
-  const handleKeyDown = useCallback(
-    (evt) => {
-      var _a, _b, _c, _d, _e, _f, _g;
-      (_b = (_a = keyboardHook.listProps).onKeyDown) == null ? void 0 : _b.call(_a, evt);
-      if (!evt.defaultPrevented) {
-        (_d = (_c = selectionHook.listHandlers).onKeyDown) == null ? void 0 : _d.call(_c, evt);
-      }
-      if (!evt.defaultPrevented) {
-        (_e = collapsibleHook == null ? void 0 : collapsibleHook.onKeyDown) == null ? void 0 : _e.call(collapsibleHook, evt);
+  const getParent = useCallback(
+    (value) => {
+      var _a;
+      return (_a = treeModel.nodes.get(value)) == null ? void 0 : _a.parentValue;
+    },
+    [treeModel]
+  );
+  const getChildren = useCallback(
+    (parentValue) => {
+      return treeModel.childrenOf.get(parentValue) ?? [];
+    },
+    [treeModel]
+  );
+  const getDescendants = useCallback(
+    (value) => {
+      const descendants = [];
+      function traverse(parentValue) {
+        const children2 = treeModel.childrenOf.get(parentValue) ?? [];
+        for (const child of children2) {
+          if (!disabledIdsSet.has(child)) {
+            descendants.push(child);
+            traverse(child);
+          }
+        }
       }
-      if (!evt.defaultPrevented) {
-        (_g = (_f = treeNavigationHook.listHandlers).onKeyDown) == null ? void 0 : _g.call(_f, evt);
+      traverse(value);
+      return descendants;
+    },
+    [treeModel, disabledIdsSet]
+  );
+  const getAncestors = useCallback(
+    (value) => {
+      var _a, _b;
+      const ancestors = [];
+      let current = (_a = treeModel.nodes.get(value)) == null ? void 0 : _a.parentValue;
+      while (current) {
+        ancestors.push(current);
+        current = (_b = treeModel.nodes.get(current)) == null ? void 0 : _b.parentValue;
       }
+      return ancestors;
     },
-    [
-      collapsibleHook.onKeyDown,
-      keyboardHook.listProps,
-      selectionHook.listHandlers,
-      treeNavigationHook.listHandlers
-    ]
+    [treeModel]
   );
-  const { isScrolling } = useViewportTracking({
-    containerRef,
-    contentRef,
-    highlightedIdx,
-    indexPositions: collectionHook.data
-  });
-  const handleMouseMove = useCallback(
-    (evt) => {
-      if (!isScrolling.current && !disabled) {
-        keyboardHook.listProps.onMouseMove();
-        const idx = closestListItemIndex(evt.target);
-        if (idx !== void 0 && idx !== highlightedIdx) {
-          const item = collectionHook.data[idx];
-          if (item.disabled) {
-            keyboardHook.setHighlightedIndex(-1);
-          } else {
-            keyboardHook.setHighlightedIndex(idx);
+  const toggleExpanded = useCallback(
+    (event, value) => {
+      const isExpanding = !expandedState.has(value);
+      const newExpanded = isExpanding ? [...expandedArray, value] : expandedArray.filter((v) => v !== value);
+      setExpandedArray(newExpanded);
+      onExpandedChange == null ? void 0 : onExpandedChange(event, newExpanded);
+    },
+    [expandedArray, expandedState, onExpandedChange]
+  );
+  const calculateIndeterminateState = useCallback(
+    (selected) => {
+      const indeterminate = /* @__PURE__ */ new Set();
+      const selectedSet2 = new Set(selected);
+      for (const selectedValue of selected) {
+        let current = getParent(selectedValue);
+        while (current) {
+          const children2 = getChildren(current);
+          const enabledChildren = children2.filter(
+            (child) => !disabledIdsSet.has(child)
+          );
+          if (enabledChildren.length === 0) {
+            current = getParent(current);
+            continue;
           }
+          const selectedChildren = enabledChildren.filter(
+            (child) => selectedSet2.has(child)
+          );
+          const allChildrenSelected = selectedChildren.length === enabledChildren.length;
+          const someChildrenSelected = selectedChildren.length > 0;
+          const someChildrenIndeterminate = enabledChildren.some(
+            (child) => indeterminate.has(child)
+          );
+          if (someChildrenIndeterminate || someChildrenSelected && !allChildrenSelected) {
+            indeterminate.add(current);
+          }
+          current = getParent(current);
         }
       }
+      return indeterminate;
     },
-    [
-      collectionHook.data,
-      disabled,
-      keyboardHook.setHighlightedIndex,
-      highlightedIdx,
-      isScrolling
-    ]
+    [getParent, getChildren, disabledIdsSet]
   );
-  const getActiveDescendant = () => {
-    var _a;
-    return highlightedIdx === void 0 || highlightedIdx === -1 ? void 0 : (_a = collectionHook.data[highlightedIdx]) == null ? void 0 : _a.id;
-  };
-  lastSelection.current = selectionHook.selected;
-  const listProps = {
-    "aria-activedescendant": getActiveDescendant(),
-    onBlur: keyboardHook.listProps.onBlur,
-    onFocus: keyboardHook.listProps.onFocus,
-    onKeyDown: handleKeyDown,
-    onMouseDownCapture: keyboardHook.listProps.onMouseDownCapture,
-    onMouseLeave: keyboardHook.listProps.onMouseLeave
+  const indeterminateState = useMemo(
+    () => multiselect ? calculateIndeterminateState(selectedState) : /* @__PURE__ */ new Set(),
+    [multiselect, selectedState, calculateIndeterminateState]
+  );
+  const updateAncestors = (currentSet, value) => {
+    const ancestors = getAncestors(value);
+    for (const ancestor of ancestors) {
+      const children2 = treeModel.childrenOf.get(ancestor) ?? [];
+      const enabledChildren = children2.filter(
+        (child) => !disabledIdsSet.has(child)
+      );
+      if (enabledChildren.length === 0) continue;
+      const allSelected = enabledChildren.every(
+        (child) => currentSet.has(child)
+      );
+      if (allSelected) {
+        currentSet.add(ancestor);
+      } else {
+        currentSet.delete(ancestor);
+      }
+    }
+    return Array.from(currentSet);
   };
-  const listHandlers = (
-    /*listHandlersProp || */
-    {
-      onClick: handleClick,
-      // MouseEnter would be much better for this. There is a bug in Cypress
-      // wheby it emits spurious MouseEnter (and MouseOver) events around
-      // keypress events, which break many tests.
-      onMouseMove: handleMouseMove
+  const getMultiSelectState = (value) => {
+    const currentSet = new Set(selectedState);
+    const descendants = getDescendants(value);
+    if (currentSet.has(value)) {
+      currentSet.delete(value);
+      const descendantSet = new Set(descendants);
+      for (const d of descendantSet) {
+        currentSet.delete(d);
+      }
+    } else {
+      currentSet.add(value);
+      for (const d of descendants) {
+        if (!currentSet.has(d)) {
+          currentSet.add(d);
+        }
+      }
     }
-  );
-  const listItemHandlers = {
-    onClick: handleClick
+    return updateAncestors(currentSet, value);
   };
+  const select = useCallback(
+    (event, value) => {
+      if (disabled || disabledIdsSet.has(value)) return;
+      let newSelected;
+      if (multiselect) {
+        newSelected = getMultiSelectState(value);
+      } else {
+        const isCurrentlySelected = selectedSet.has(value);
+        newSelected = isCurrentlySelected ? [] : [value];
+      }
+      setSelectedState(newSelected);
+      onSelectionChange == null ? void 0 : onSelectionChange(event, newSelected);
+    },
+    [disabled, disabledIdsSet, multiselect, selectedState, onSelectionChange]
+  );
+  const visibleNodes = useMemo(() => {
+    const visible = [];
+    function traverse(values) {
+      for (const value of values) {
+        visible.push(value);
+        const nodeMeta = treeModel.nodes.get(value);
+        if ((nodeMeta == null ? void 0 : nodeMeta.hasChildren) && expandedState.has(value)) {
+          const children2 = treeModel.childrenOf.get(value) ?? [];
+          traverse(children2);
+        }
+      }
+    }
+    traverse(treeModel.rootValues);
+    return visible;
+  }, [treeModel, expandedState]);
+  const tabbableNodeId = useMemo(() => {
+    if (activeNode) {
+      return activeNode;
+    }
+    const firstSelectedVisible = visibleNodes.find(
+      (node) => selectedSet.has(node)
+    );
+    if (firstSelectedVisible !== void 0) {
+      return firstSelectedVisible;
+    }
+    return visibleNodes[0];
+  }, [activeNode, selectedSet, visibleNodes]);
   return {
-    focusVisible: keyboardHook.focusVisible,
-    highlightedIdx,
-    highlightItemAtIndex: keyboardHook.setHighlightedIndex,
-    listHandlers,
-    listProps,
-    listItemHandlers,
-    selected: selectionHook.selected,
-    setSelected: selectionHook.setSelected
+    expandedArray,
+    setExpandedArray,
+    expandedState,
+    toggleExpanded,
+    selectedState,
+    selectedSet,
+    setSelectedState,
+    select,
+    multiselect,
+    disabled,
+    disabledIdsSet,
+    treeModel,
+    getNodeMeta,
+    getParent,
+    getChildren,
+    getDescendants,
+    getAncestors,
+    visibleNodes,
+    tabbableNodeId,
+    registerElement,
+    getElement,
+    activeNode,
+    setActiveNode,
+    indeterminateState
   };
-};
+}
 
 export { useTree };
 //# sourceMappingURL=useTree.js.map

package/dist-es/tree/useTree.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTree.js","sources":["../src/tree/useTree.ts"],"sourcesContent":["import {\n  type KeyboardEvent,\n  type MouseEvent,\n  useCallback,\n  useRef,\n} from \"react\";\nimport {\n  closestListItemIndex,\n  type ListHandlers,\n  type SelectionStrategy,\n  useCollapsibleGroups,\n  useKeyboardNavigation,\n  useSelection,\n  useViewportTracking,\n} from \"../common-hooks\";\nimport type { ListControlProps } from \"../list/listTypes\";\nimport type { TreeHookProps, TreeHookResult } from \"./treeTypes\";\nimport { useKeyboardNavigation as useTreeNavigation } from \"./use-tree-keyboard-navigation\";\n\nexport const useTree = <Item, Selection extends SelectionStrategy = \"default\">({\n  collectionHook,\n  containerRef,\n  contentRef = containerRef,\n  defaultSelected,\n  disabled,\n  onSelect,\n  onSelectionChange,\n  onToggle,\n  onHighlight: onHighlightProp,\n  selected: selectedProp,\n  selectionStrategy,\n}: // totalItemCount,\nTreeHookProps<Item, Selection>): TreeHookResult<Item, Selection> => {\n  const lastSelection = useRef(selectedProp || defaultSelected);\n\n  const handleKeyboardNavigation = (\n    evt: KeyboardEvent<HTMLElement>,\n    nextIdx: number,\n  ) => {\n    selectionHook.listHandlers.onKeyboardNavigation?.(evt, nextIdx);\n  };\n\n  const { highlightedIndex: highlightedIdx, ...keyboardHook } =\n    useKeyboardNavigation<Item, Selection>({\n      containerRef,\n      indexPositions: collectionHook.data,\n      onHighlight: onHighlightProp,\n      onKeyboardNavigation: handleKeyboardNavigation,\n      selected: lastSelection.current,\n    });\n\n  const collapsibleHook = useCollapsibleGroups<Item>({\n    collapsibleHeaders: true,\n    collectionHook,\n    highlightedIdx,\n    onToggle,\n  });\n\n  const selectionHook = useSelection({\n    defaultSelected,\n    // groupSelection,\n    highlightedIdx,\n    indexPositions: collectionHook.data,\n    onSelect,\n    onSelectionChange,\n    selected: selectedProp,\n    selectionStrategy: selectionStrategy,\n  });\n\n  const treeNavigationHook = useTreeNavigation<Item>({\n    collectionHook,\n    highlightedIdx,\n    highlightItemAtIndex: keyboardHook.setHighlightedIndex,\n  });\n\n  const handleClick = useCallback(\n    (evt: MouseEvent<HTMLElement>) => {\n      collapsibleHook?.onClick?.(evt);\n      if (!evt.defaultPrevented) {\n        selectionHook.listHandlers.onClick?.(evt);\n      }\n    },\n    [collapsibleHook, selectionHook],\n  );\n\n  const handleKeyDown = useCallback(\n    (evt: KeyboardEvent<HTMLElement>) => {\n      keyboardHook.listProps.onKeyDown?.(evt);\n      if (!evt.defaultPrevented) {\n        selectionHook.listHandlers.onKeyDown?.(evt);\n      }\n      if (!evt.defaultPrevented) {\n        collapsibleHook?.onKeyDown?.(evt);\n      }\n      if (!evt.defaultPrevented) {\n        treeNavigationHook.listHandlers.onKeyDown?.(evt);\n      }\n    },\n    [\n      collapsibleHook.onKeyDown,\n      keyboardHook.listProps,\n      selectionHook.listHandlers,\n      treeNavigationHook.listHandlers,\n    ],\n  );\n\n  // This is only appropriate when we are directly controlling a List,\n  // not when a control is manipulating the list\n  const { isScrolling } = useViewportTracking({\n    containerRef,\n    contentRef,\n    highlightedIdx,\n    indexPositions: collectionHook.data,\n  });\n\n  const handleMouseMove = useCallback(\n    (evt: MouseEvent) => {\n      if (!isScrolling.current && !disabled) {\n        keyboardHook.listProps.onMouseMove();\n        const idx = closestListItemIndex(evt.target as HTMLElement);\n        if (idx !== undefined && idx !== highlightedIdx) {\n          const item = collectionHook.data[idx];\n          if (item.disabled) {\n            keyboardHook.setHighlightedIndex(-1);\n          } else {\n            keyboardHook.setHighlightedIndex(idx);\n          }\n        }\n      }\n    },\n    [\n      collectionHook.data,\n      disabled,\n      keyboardHook.setHighlightedIndex,\n      highlightedIdx,\n      isScrolling,\n    ],\n  );\n\n  const getActiveDescendant = () =>\n    highlightedIdx === undefined || highlightedIdx === -1\n      ? undefined\n      : collectionHook.data[highlightedIdx]?.id;\n\n  // We need this on reEntry for navigation hook to handle focus\n  lastSelection.current = selectionHook.selected;\n\n  const listProps: ListControlProps = {\n    \"aria-activedescendant\": getActiveDescendant(),\n    onBlur: keyboardHook.listProps.onBlur,\n    onFocus: keyboardHook.listProps.onFocus,\n    onKeyDown: handleKeyDown,\n    onMouseDownCapture: keyboardHook.listProps.onMouseDownCapture,\n    onMouseLeave: keyboardHook.listProps.onMouseLeave,\n  };\n\n  const listHandlers: ListHandlers = /*listHandlersProp || */ {\n    onClick: handleClick,\n    // MouseEnter would be much better for this. There is a bug in Cypress\n    // wheby it emits spurious MouseEnter (and MouseOver) events around\n    // keypress events, which break many tests.\n    onMouseMove: handleMouseMove,\n  };\n\n  const listItemHandlers = {\n    onClick: handleClick,\n  };\n\n  return {\n    focusVisible: keyboardHook.focusVisible,\n    highlightedIdx,\n    highlightItemAtIndex: keyboardHook.setHighlightedIndex,\n    listHandlers,\n    listProps,\n    listItemHandlers,\n    selected: selectionHook.selected,\n    setSelected: selectionHook.setSelected,\n  };\n};\n"],"names":["useTreeNavigation"],"mappings":"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"}
+{"version":3,"file":"useTree.js","sources":["../src/tree/useTree.ts"],"sourcesContent":["import { useControlled } from \"@salt-ds/core\";\nimport {\n  Children,\n  isValidElement,\n  type ReactNode,\n  type SyntheticEvent,\n  useCallback,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\n\nexport interface UseTreeProps {\n  /**\n   * Default expanded nodes (uncontrolled)\n   */\n  defaultExpanded?: string[];\n  /**\n   * Expanded nodes (controlled)\n   */\n  expanded?: string[];\n  /**\n   * Callback on expanded nodes change\n   */\n  onExpandedChange?: (event: SyntheticEvent, expanded: string[]) => void;\n  /**\n   * Default selected nodes (uncontrolled)\n   */\n  defaultSelected?: string[];\n  /**\n   * Selected nodes\n   */\n  selected?: string[];\n  /**\n   * Callback on selected nodes change\n   */\n  onSelectionChange?: (event: SyntheticEvent, selected: string[]) => void;\n  /**\n   * Sets multiselect mode with checkboxes and allows for multiple node selection\n   */\n  multiselect?: boolean;\n  /**\n   * Sets tree to disabled state, preventing all interaction\n   */\n  disabled?: boolean;\n  /**\n   * Tree children used to build the tree model for traversal an state management\n   */\n  children?: ReactNode;\n}\n\nexport interface TreeNodeMeta {\n  value: string;\n  parentValue: string | undefined;\n  hasChildren: boolean;\n  disabled: boolean;\n}\n\nexport interface TreeModel {\n  /** All nodes indexed by value */\n  nodes: Map<string, TreeNodeMeta>;\n  /** Ordered list of root node values */\n  rootValues: string[];\n  /** Maps parent value to ordered list of child values */\n  childrenOf: Map<string, string[]>;\n}\n\nfunction buildTreeModel(children: ReactNode): TreeModel {\n  const nodes = new Map<string, TreeNodeMeta>();\n  const rootValues: string[] = [];\n  const childrenOf = new Map<string, string[]>();\n\n  function traverse(\n    reactChildren: ReactNode,\n    parentValue?: string,\n    parentDisabled = false,\n  ): void {\n    const siblingValues: string[] = [];\n\n    Children.forEach(reactChildren, (child) => {\n      if (isValidElement(child) && typeof child.props.value === \"string\") {\n        const value = child.props.value;\n        const nodeChildren = child.props.children;\n        const hasChildren = Children.count(nodeChildren) > 0;\n        const disabled = parentDisabled || Boolean(child.props.disabled);\n\n        nodes.set(value, {\n          value,\n          parentValue,\n          hasChildren,\n          disabled,\n        });\n\n        siblingValues.push(value);\n\n        // Process children recursively and pass down disabled state\n        if (hasChildren) {\n          traverse(nodeChildren, value, disabled);\n        }\n      }\n    });\n\n    // Ordered children of parent\n    if (parentValue !== undefined) {\n      childrenOf.set(parentValue, siblingValues);\n    } else {\n      // ...and the root nodes\n      rootValues.push(...siblingValues);\n    }\n  }\n\n  traverse(children);\n\n  return { nodes, rootValues, childrenOf };\n}\n\nfunction expandSelectionWithDescendants(\n  selection: string[],\n  model: TreeModel,\n  disabledIds: Set<string>,\n): string[] {\n  const expanded = new Set(selection);\n\n  function addDescendants(parentValue: string): void {\n    const children = model.childrenOf.get(parentValue) ?? [];\n    for (const child of children) {\n      if (!disabledIds.has(child)) {\n        expanded.add(child);\n        addDescendants(child);\n      }\n    }\n  }\n\n  for (const value of selection) {\n    addDescendants(value);\n  }\n\n  return Array.from(expanded);\n}\n\nfunction expandSelectionUpwards(\n  selection: string[],\n  model: TreeModel,\n  disabledIds: Set<string>,\n): string[] {\n  const selectedSet = new Set(selection);\n\n  for (const [value, meta] of model.nodes) {\n    if (\n      meta.hasChildren &&\n      !selectedSet.has(value) &&\n      !disabledIds.has(value)\n    ) {\n      const children = model.childrenOf.get(value) ?? [];\n      const enabledChildren = children.filter((c) => !disabledIds.has(c));\n\n      if (\n        enabledChildren.length > 0 &&\n        enabledChildren.every((c) => selectedSet.has(c))\n      ) {\n        selectedSet.add(value);\n      }\n    }\n  }\n\n  return Array.from(selectedSet);\n}\n\nexport function useTree(props: UseTreeProps) {\n  const {\n    defaultExpanded = [],\n    expanded: expandedProp,\n    onExpandedChange,\n    defaultSelected = [],\n    selected: selectedProp,\n    onSelectionChange,\n    multiselect = false,\n    disabled = false,\n    children,\n  } = props;\n\n  const clampedDefaultSelected = multiselect\n    ? defaultSelected\n    : defaultSelected.slice(0, 1);\n\n  const clampedSelectedProp =\n    selectedProp && !multiselect ? selectedProp.slice(0, 1) : selectedProp;\n\n  const treeModel = useMemo(() => buildTreeModel(children), [children]);\n\n  const disabledIdsSet = useMemo(() => {\n    const set = new Set<string>();\n    for (const [value, meta] of treeModel.nodes) {\n      if (meta.disabled) set.add(value);\n    }\n    return set;\n  }, [treeModel]);\n\n  const [expandedArray, setExpandedArray] = useControlled({\n    controlled: expandedProp,\n    default: defaultExpanded,\n    name: \"Tree\",\n    state: \"expanded\",\n  });\n\n  // Convert array to Set for more efficient lookups during rendering and nav\n  const expandedState = useMemo(() => new Set(expandedArray), [expandedArray]);\n\n  const expandedDefaultSelected = useMemo(() => {\n    if (!multiselect || clampedDefaultSelected.length === 0) {\n      return clampedDefaultSelected;\n    }\n\n    let expanded = expandSelectionWithDescendants(\n      clampedDefaultSelected,\n      treeModel,\n      disabledIdsSet,\n    );\n\n    expanded = expandSelectionUpwards(expanded, treeModel, disabledIdsSet);\n\n    return expanded;\n  }, [clampedDefaultSelected, treeModel, disabledIdsSet, multiselect]);\n\n  const [selectedState, setSelectedState] = useControlled({\n    controlled: clampedSelectedProp,\n    default: expandedDefaultSelected,\n    name: \"Tree\",\n    state: \"selected\",\n  });\n\n  const selectedSet = useMemo(() => new Set(selectedState), [selectedState]);\n\n  const [activeNode, setActiveNode] = useState<string | undefined>(undefined);\n\n  const elementsRef = useRef<Map<string, HTMLElement>>(new Map());\n\n  const registerElement = (value: string, element: HTMLElement) => {\n    elementsRef.current.set(value, element);\n    return () => {\n      elementsRef.current.delete(value);\n    };\n  };\n\n  const getElement = (value: string): HTMLElement | undefined => {\n    return elementsRef.current.get(value);\n  };\n\n  const getNodeMeta = useCallback(\n    (value: string): TreeNodeMeta | undefined => {\n      return treeModel.nodes.get(value);\n    },\n    [treeModel],\n  );\n\n  const getParent = useCallback(\n    (value: string): string | undefined => {\n      return treeModel.nodes.get(value)?.parentValue;\n    },\n    [treeModel],\n  );\n\n  const getChildren = useCallback(\n    (parentValue: string): string[] => {\n      return treeModel.childrenOf.get(parentValue) ?? [];\n    },\n    [treeModel],\n  );\n\n  // Depth-first search (with pre-order traversal)\n  const getDescendants = useCallback(\n    (value: string): string[] => {\n      const descendants: string[] = [];\n\n      function traverse(parentValue: string): void {\n        const children = treeModel.childrenOf.get(parentValue) ?? [];\n        for (const child of children) {\n          if (!disabledIdsSet.has(child)) {\n            descendants.push(child);\n            traverse(child);\n          }\n        }\n      }\n\n      traverse(value);\n      return descendants;\n    },\n    [treeModel, disabledIdsSet],\n  );\n\n  const getAncestors = useCallback(\n    (value: string): string[] => {\n      const ancestors: string[] = [];\n      let current = treeModel.nodes.get(value)?.parentValue;\n\n      while (current) {\n        ancestors.push(current);\n        current = treeModel.nodes.get(current)?.parentValue;\n      }\n\n      return ancestors;\n    },\n    [treeModel],\n  );\n\n  const toggleExpanded = useCallback(\n    (event: SyntheticEvent, value: string) => {\n      const isExpanding = !expandedState.has(value);\n      const newExpanded = isExpanding\n        ? [...expandedArray, value]\n        : expandedArray.filter((v) => v !== value);\n\n      setExpandedArray(newExpanded);\n      onExpandedChange?.(event, newExpanded);\n    },\n    [expandedArray, expandedState, onExpandedChange],\n  );\n\n  const calculateIndeterminateState = useCallback(\n    (selected: string[]): Set<string> => {\n      const indeterminate = new Set<string>();\n      const selectedSet = new Set(selected);\n\n      for (const selectedValue of selected) {\n        let current = getParent(selectedValue);\n\n        while (current) {\n          const children = getChildren(current);\n          const enabledChildren = children.filter(\n            (child) => !disabledIdsSet.has(child),\n          );\n\n          if (enabledChildren.length === 0) {\n            current = getParent(current);\n            continue;\n          }\n\n          const selectedChildren = enabledChildren.filter((child) =>\n            selectedSet.has(child),\n          );\n          const allChildrenSelected =\n            selectedChildren.length === enabledChildren.length;\n          const someChildrenSelected = selectedChildren.length > 0;\n\n          const someChildrenIndeterminate = enabledChildren.some((child) =>\n            indeterminate.has(child),\n          );\n\n          if (\n            someChildrenIndeterminate ||\n            (someChildrenSelected && !allChildrenSelected)\n          ) {\n            indeterminate.add(current);\n          }\n\n          current = getParent(current);\n        }\n      }\n\n      return indeterminate;\n    },\n    [getParent, getChildren, disabledIdsSet],\n  );\n\n  const indeterminateState = useMemo(\n    () =>\n      multiselect\n        ? calculateIndeterminateState(selectedState)\n        : new Set<string>(),\n    [multiselect, selectedState, calculateIndeterminateState],\n  );\n\n  const updateAncestors = (\n    currentSet: Set<string>,\n    value: string,\n  ): string[] => {\n    const ancestors = getAncestors(value);\n\n    for (const ancestor of ancestors) {\n      const children = treeModel.childrenOf.get(ancestor) ?? [];\n      const enabledChildren = children.filter(\n        (child) => !disabledIdsSet.has(child),\n      );\n\n      if (enabledChildren.length === 0) continue;\n\n      const allSelected = enabledChildren.every((child) =>\n        currentSet.has(child),\n      );\n\n      if (allSelected) {\n        currentSet.add(ancestor);\n      } else {\n        currentSet.delete(ancestor);\n      }\n    }\n\n    return Array.from(currentSet);\n  };\n\n  const getMultiSelectState = (value: string) => {\n    const currentSet = new Set(selectedState);\n    const descendants = getDescendants(value);\n\n    if (currentSet.has(value)) {\n      currentSet.delete(value);\n      const descendantSet = new Set(descendants);\n      for (const d of descendantSet) {\n        currentSet.delete(d);\n      }\n    } else {\n      currentSet.add(value);\n      for (const d of descendants) {\n        if (!currentSet.has(d)) {\n          currentSet.add(d);\n        }\n      }\n    }\n\n    return updateAncestors(currentSet, value);\n  };\n\n  // biome-ignore lint/correctness/useExhaustiveDependencies: getMultiSelectState/updateAncestors are intentionally not memoized - their captured values (selectedState, treeModel, etc.) are already in deps\n  const select = useCallback(\n    (event: SyntheticEvent, value: string) => {\n      if (disabled || disabledIdsSet.has(value)) return;\n\n      let newSelected: string[];\n\n      if (multiselect) {\n        newSelected = getMultiSelectState(value);\n      } else {\n        const isCurrentlySelected = selectedSet.has(value);\n        newSelected = isCurrentlySelected ? [] : [value];\n      }\n\n      setSelectedState(newSelected);\n      onSelectionChange?.(event, newSelected);\n    },\n    [disabled, disabledIdsSet, multiselect, selectedState, onSelectionChange],\n  );\n\n  // Visible nodes in depth-first order matching visual tree order\n  const visibleNodes = useMemo((): string[] => {\n    const visible: string[] = [];\n\n    function traverse(values: string[]): void {\n      for (const value of values) {\n        visible.push(value);\n\n        const nodeMeta = treeModel.nodes.get(value);\n        if (nodeMeta?.hasChildren && expandedState.has(value)) {\n          const children = treeModel.childrenOf.get(value) ?? [];\n          traverse(children);\n        }\n      }\n    }\n\n    traverse(treeModel.rootValues);\n    return visible;\n  }, [treeModel, expandedState]);\n\n  const tabbableNodeId = useMemo((): string | undefined => {\n    if (activeNode) {\n      return activeNode;\n    }\n\n    const firstSelectedVisible = visibleNodes.find((node) =>\n      selectedSet.has(node),\n    );\n\n    if (firstSelectedVisible !== undefined) {\n      return firstSelectedVisible;\n    }\n\n    return visibleNodes[0];\n  }, [activeNode, selectedSet, visibleNodes]);\n\n  return {\n    expandedArray,\n    setExpandedArray,\n    expandedState,\n    toggleExpanded,\n    selectedState,\n    selectedSet,\n    setSelectedState,\n    select,\n    multiselect,\n    disabled,\n    disabledIdsSet,\n    treeModel,\n    getNodeMeta,\n    getParent,\n    getChildren,\n    getDescendants,\n    getAncestors,\n    visibleNodes,\n    tabbableNodeId,\n    registerElement,\n    getElement,\n    activeNode,\n    setActiveNode,\n    indeterminateState,\n  };\n}\n"],"names":["children","selectedSet"],"mappings":"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"}

package/dist-types/date-input/DateInputRange.d.ts

@@ -68,7 +68,7 @@ export interface DateInputRangeProps<TDate extends DateFrameworkType> extends Om
     /**
      * Styling variant. Defaults to "primary".
      */
-    variant?: "primary" | "secondary";
+    variant?: "primary" | "secondary" | "tertiary";
     /**
      * Format string for date.
      */

package/dist-types/date-input/DateInputSingle.d.ts

@@ -47,7 +47,7 @@ export interface DateInputSingleProps<TDate extends DateFrameworkType> extends O
     /**
      * Styling variant. Defaults to "primary".
      */
-    variant?: "primary" | "secondary";
+    variant?: "primary" | "secondary" | "tertiary";
     /**
      * Format string for date.
      */

package/dist-types/index.d.ts

@@ -20,7 +20,6 @@ export { FormFieldLegacy as FormField, type FormFieldLegacyProps as FormFieldPro
 export * from "./form-group";
 export * from "./formatted-input";
 export { InputLegacy as Input, type InputLegacyProps as InputProps, StaticInputAdornment, } from "./input-legacy";
-export * from "./kbd";
 export * from "./layer-layout";
 export * from "./list";
 export type { ListChangeHandler as ListChangeHandlerDeprecated, ListSelectHandler as ListSelectHandlerDeprecated, } from "./list-deprecated";

package/dist-types/list-deprecated/ListItem.d.ts

@@ -1,3 +1,4 @@
+/** biome-ignore-all lint/correctness/useHookAtTopLevel: biome doesn't recognise the component correctly */
 import { type ForwardedRef, type ReactElement } from "react";
 import { type ListItemBaseProps } from "./ListItemBase";
 export interface ListItemProps<Item = string> extends Omit<ListItemBaseProps, "focusVisible" | "highlighted" | "selected" | "tooltipText"> {

package/dist-types/rating/Rating.d.ts

@@ -1,6 +1,5 @@
-import { type FlexLayoutProps } from "@salt-ds/core";
-import { type ChangeEvent } from "react";
-export interface RatingProps extends Omit<FlexLayoutProps<"div">, "onChange"> {
+import { type ChangeEvent, type ComponentPropsWithoutRef } from "react";
+export interface RatingProps extends Omit<ComponentPropsWithoutRef<"div">, "onChange"> {
     /**
      * When provided, the component is controlled.
      */
@@ -29,11 +28,11 @@ export interface RatingProps extends Omit<FlexLayoutProps<"div">, "onChange"> {
      */
     max?: number;
     /**
-     * Function used to provider a user-friendly name for the current value of the rating. Primarily used by screen readers.
+     * Function used to provide a user-friendly name for the current value of the rating. Primarily used by screen readers.
      */
     getLabel?: (value: number) => string;
     /**
-     * Function used to provider a visible label for the rating.
+     * Function used to provide a visible label for the rating.
      */
     getVisibleLabel?: (value: number, max: number) => string;
     /**
@@ -47,4 +46,4 @@ export interface RatingProps extends Omit<FlexLayoutProps<"div">, "onChange"> {
      */
     name?: string;
 }
-export declare const Rating: import("react").ForwardRefExoticComponent<Omit<RatingProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Rating: import("react").ForwardRefExoticComponent<RatingProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/tokenized-input/internal/InputPill.d.ts

@@ -30,4 +30,4 @@ export type InputPillProps = PillProps & {
      */
     onDelete?: (index: number) => void;
 };
-export declare const InputPill: import("react").NamedExoticComponent<InputPillProps>;
+export declare const InputPill: import("react").MemoExoticComponent<(props: InputPillProps) => import("react/jsx-runtime").JSX.Element>;

package/dist-types/tokenized-input-next/internal/InputPill.d.ts

@@ -26,4 +26,4 @@ export type InputPillProps = PillProps & {
      */
     onClose?: (event: SyntheticEvent, index: number) => void;
 };
-export declare const InputPill: import("react").NamedExoticComponent<InputPillProps>;
+export declare const InputPill: import("react").MemoExoticComponent<(props: InputPillProps) => import("react/jsx-runtime").JSX.Element>;