@hitachivantara/uikit-react-core 5.36.1 → 5.36.3

package/dist/esm/components/TreeView/internals/hooks/plugins/useTreeViewKeyboardNavigation.js

@@ -0,0 +1,218 @@
+import * as React from "react";
+import { useTheme } from "@mui/material/styles";
+import { useEventCallback } from "@mui/material/utils";
+import { populateInstance, getFirstNode, getLastNode, getPreviousNode, getNextNode } from "../utils.js";
+function isPrintableCharacter(string) {
+  return string && string.length === 1 && string.match(/\S/);
+}
+function findNextFirstChar(firstChars, startIndex, char) {
+  for (let i = startIndex; i < firstChars.length; i += 1) {
+    if (char === firstChars[i]) {
+      return i;
+    }
+  }
+  return -1;
+}
+const useTreeViewKeyboardNavigation = ({
+  instance,
+  params,
+  state
+}) => {
+  const theme = useTheme();
+  const isRtl = theme.direction === "rtl";
+  const firstCharMap = React.useRef({});
+  const mapFirstChar = useEventCallback((nodeId, firstChar) => {
+    firstCharMap.current[nodeId] = firstChar;
+    return () => {
+      const newMap = {
+        ...firstCharMap.current
+      };
+      delete newMap[nodeId];
+      firstCharMap.current = newMap;
+    };
+  });
+  populateInstance(instance, {
+    mapFirstChar
+  });
+  const handleNextArrow = (event) => {
+    if (state.focusedNodeId != null && instance.isNodeExpandable(state.focusedNodeId)) {
+      if (instance.isNodeExpanded(state.focusedNodeId)) {
+        instance.focusNode(event, getNextNode(instance, state.focusedNodeId));
+      } else if (!instance.isNodeDisabled(state.focusedNodeId)) {
+        instance.toggleNodeExpansion(event, state.focusedNodeId);
+      }
+    }
+    return true;
+  };
+  const handlePreviousArrow = (event) => {
+    if (state.focusedNodeId == null) {
+      return false;
+    }
+    if (instance.isNodeExpanded(state.focusedNodeId) && !instance.isNodeDisabled(state.focusedNodeId)) {
+      instance.toggleNodeExpansion(event, state.focusedNodeId);
+      return true;
+    }
+    const parent = instance.getNode(state.focusedNodeId).parentId;
+    if (parent) {
+      instance.focusNode(event, parent);
+      return true;
+    }
+    return false;
+  };
+  const focusByFirstCharacter = (event, nodeId, firstChar) => {
+    let start;
+    let index;
+    const lowercaseChar = firstChar.toLowerCase();
+    const firstCharIds = [];
+    const firstChars = [];
+    Object.keys(firstCharMap.current).forEach((mapNodeId) => {
+      const map = instance.getNode(mapNodeId);
+      const visible = map.parentId ? instance.isNodeExpanded(map.parentId) : true;
+      const shouldBeSkipped = params.disabledItemsFocusable ? false : instance.isNodeDisabled(mapNodeId);
+      if (visible && !shouldBeSkipped) {
+        firstCharIds.push(mapNodeId);
+        firstChars.push(firstCharMap.current[mapNodeId]);
+      }
+    });
+    start = firstCharIds.indexOf(nodeId) + 1;
+    if (start >= firstCharIds.length) {
+      start = 0;
+    }
+    index = findNextFirstChar(firstChars, start, lowercaseChar);
+    if (index === -1) {
+      index = findNextFirstChar(firstChars, 0, lowercaseChar);
+    }
+    if (index > -1) {
+      instance.focusNode(event, firstCharIds[index]);
+    }
+  };
+  const selectNextNode = (event, id) => {
+    if (!instance.isNodeDisabled(getNextNode(instance, id))) {
+      instance.selectRange(event, {
+        end: getNextNode(instance, id),
+        current: id
+      }, true);
+    }
+  };
+  const selectPreviousNode = (event, nodeId) => {
+    if (!instance.isNodeDisabled(getPreviousNode(instance, nodeId))) {
+      instance.selectRange(event, {
+        end: getPreviousNode(instance, nodeId),
+        current: nodeId
+      }, true);
+    }
+  };
+  const createHandleKeyDown = (otherHandlers) => (event) => {
+    otherHandlers.onKeyDown?.(event);
+    let flag = false;
+    const {
+      key
+    } = event;
+    if (event.altKey || event.currentTarget !== event.target || state.focusedNodeId == null) {
+      return;
+    }
+    const ctrlPressed = event.ctrlKey || event.metaKey;
+    switch (key) {
+      case " ":
+        if (!params.disableSelection && !instance.isNodeDisabled(state.focusedNodeId)) {
+          flag = true;
+          if (params.multiSelect && event.shiftKey) {
+            instance.selectRange(event, {
+              end: state.focusedNodeId
+            });
+          } else if (params.multiSelect) {
+            instance.selectNode(event, state.focusedNodeId, true);
+          } else {
+            instance.selectNode(event, state.focusedNodeId);
+          }
+        }
+        event.stopPropagation();
+        break;
+      case "Enter":
+        if (!instance.isNodeDisabled(state.focusedNodeId)) {
+          if (instance.isNodeExpandable(state.focusedNodeId)) {
+            instance.toggleNodeExpansion(event, state.focusedNodeId);
+            flag = true;
+          } else if (!params.disableSelection) {
+            flag = true;
+            if (params.multiSelect) {
+              instance.selectNode(event, state.focusedNodeId, true);
+            } else {
+              instance.selectNode(event, state.focusedNodeId);
+            }
+          }
+        }
+        event.stopPropagation();
+        break;
+      case "ArrowDown":
+        if (params.multiSelect && event.shiftKey && !params.disableSelection) {
+          selectNextNode(event, state.focusedNodeId);
+        }
+        instance.focusNode(event, getNextNode(instance, state.focusedNodeId));
+        flag = true;
+        break;
+      case "ArrowUp":
+        if (params.multiSelect && event.shiftKey && !params.disableSelection) {
+          selectPreviousNode(event, state.focusedNodeId);
+        }
+        instance.focusNode(event, getPreviousNode(instance, state.focusedNodeId));
+        flag = true;
+        break;
+      case "ArrowRight":
+        if (isRtl) {
+          flag = handlePreviousArrow(event);
+        } else {
+          flag = handleNextArrow(event);
+        }
+        break;
+      case "ArrowLeft":
+        if (isRtl) {
+          flag = handleNextArrow(event);
+        } else {
+          flag = handlePreviousArrow(event);
+        }
+        break;
+      case "Home":
+        if (params.multiSelect && ctrlPressed && event.shiftKey && !params.disableSelection && !instance.isNodeDisabled(state.focusedNodeId)) {
+          instance.rangeSelectToFirst(event, state.focusedNodeId);
+        }
+        instance.focusNode(event, getFirstNode(instance));
+        flag = true;
+        break;
+      case "End":
+        if (params.multiSelect && ctrlPressed && event.shiftKey && !params.disableSelection && !instance.isNodeDisabled(state.focusedNodeId)) {
+          instance.rangeSelectToLast(event, state.focusedNodeId);
+        }
+        instance.focusNode(event, getLastNode(instance));
+        flag = true;
+        break;
+      default:
+        if (key === "*") {
+          instance.expandAllSiblings(event, state.focusedNodeId);
+          flag = true;
+        } else if (params.multiSelect && ctrlPressed && key.toLowerCase() === "a" && !params.disableSelection) {
+          instance.selectRange(event, {
+            start: getFirstNode(instance),
+            end: getLastNode(instance)
+          });
+          flag = true;
+        } else if (!ctrlPressed && !event.shiftKey && isPrintableCharacter(key)) {
+          focusByFirstCharacter(event, state.focusedNodeId, key);
+          flag = true;
+        }
+    }
+    if (flag) {
+      event.preventDefault();
+      event.stopPropagation();
+    }
+  };
+  return {
+    getRootProps: (otherHandlers) => ({
+      onKeyDown: createHandleKeyDown(otherHandlers)
+    })
+  };
+};
+export {
+  useTreeViewKeyboardNavigation
+};
+//# sourceMappingURL=useTreeViewKeyboardNavigation.js.map

package/dist/esm/components/TreeView/internals/hooks/plugins/useTreeViewKeyboardNavigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTreeViewKeyboardNavigation.js","sources":["../../../../../../../src/components/TreeView/internals/hooks/plugins/useTreeViewKeyboardNavigation.ts"],"sourcesContent":["import * as React from \"react\";\nimport { useTheme } from \"@mui/material/styles\";\nimport { useEventCallback } from \"@mui/material/utils\";\nimport { EventHandlers } from \"@mui/base/utils\";\n\nimport { TreeViewPlugin, TreeViewPluginSignature } from \"../../types\";\nimport {\n  getFirstNode,\n  getLastNode,\n  getNextNode,\n  getPreviousNode,\n  populateInstance,\n} from \"../utils\";\nimport type { UseTreeViewNodesSignature } from \"./useTreeViewNodes\";\nimport type { UseTreeViewSelectionSignature } from \"./useTreeViewSelection\";\nimport type { UseTreeViewFocusSignature } from \"./useTreeViewFocus\";\nimport type { UseTreeViewExpansionSignature } from \"./useTreeViewExpansion\";\n\nfunction isPrintableCharacter(string: string) {\n  return string && string.length === 1 && string.match(/\\S/);\n}\n\nfunction findNextFirstChar(\n  firstChars: string[],\n  startIndex: number,\n  char: string\n) {\n  for (let i = startIndex; i < firstChars.length; i += 1) {\n    if (char === firstChars[i]) {\n      return i;\n    }\n  }\n  return -1;\n}\n\nexport interface UseTreeViewKeyboardNavigationInstance {\n  mapFirstChar: (nodeId: string, firstChar: string) => () => void;\n}\n\nexport type UseTreeViewKeyboardNavigationSignature = TreeViewPluginSignature<\n  {},\n  {},\n  UseTreeViewKeyboardNavigationInstance,\n  {},\n  {},\n  never,\n  [\n    UseTreeViewNodesSignature,\n    UseTreeViewSelectionSignature<any>,\n    UseTreeViewFocusSignature,\n    UseTreeViewExpansionSignature\n  ]\n>;\n\nexport const useTreeViewKeyboardNavigation: TreeViewPlugin<\n  UseTreeViewKeyboardNavigationSignature\n> = ({ instance, params, state }) => {\n  const theme = useTheme();\n  const isRtl = theme.direction === \"rtl\";\n  const firstCharMap = React.useRef<{ [nodeId: string]: string }>({});\n\n  const mapFirstChar = useEventCallback((nodeId: string, firstChar: string) => {\n    firstCharMap.current[nodeId] = firstChar;\n\n    return () => {\n      const newMap = { ...firstCharMap.current };\n      delete newMap[nodeId];\n      firstCharMap.current = newMap;\n    };\n  });\n\n  populateInstance<UseTreeViewKeyboardNavigationSignature>(instance, {\n    mapFirstChar,\n  });\n\n  const handleNextArrow = (event: React.KeyboardEvent<HTMLUListElement>) => {\n    if (\n      state.focusedNodeId != null &&\n      instance.isNodeExpandable(state.focusedNodeId)\n    ) {\n      if (instance.isNodeExpanded(state.focusedNodeId)) {\n        instance.focusNode(event, getNextNode(instance, state.focusedNodeId));\n      } else if (!instance.isNodeDisabled(state.focusedNodeId)) {\n        instance.toggleNodeExpansion(event, state.focusedNodeId);\n      }\n    }\n    return true;\n  };\n\n  const handlePreviousArrow = (\n    event: React.KeyboardEvent<HTMLUListElement>\n  ) => {\n    if (state.focusedNodeId == null) {\n      return false;\n    }\n\n    if (\n      instance.isNodeExpanded(state.focusedNodeId) &&\n      !instance.isNodeDisabled(state.focusedNodeId)\n    ) {\n      instance.toggleNodeExpansion(event, state.focusedNodeId!);\n      return true;\n    }\n\n    const parent = instance.getNode(state.focusedNodeId).parentId;\n    if (parent) {\n      instance.focusNode(event, parent);\n      return true;\n    }\n    return false;\n  };\n\n  const focusByFirstCharacter = (\n    event: React.KeyboardEvent<HTMLUListElement>,\n    nodeId: string,\n    firstChar: string\n  ) => {\n    let start: number;\n    let index: number;\n    const lowercaseChar = firstChar.toLowerCase();\n\n    const firstCharIds: string[] = [];\n    const firstChars: string[] = [];\n    // This really only works since the ids are strings\n    Object.keys(firstCharMap.current).forEach((mapNodeId) => {\n      const map = instance.getNode(mapNodeId);\n      const visible = map.parentId\n        ? instance.isNodeExpanded(map.parentId)\n        : true;\n      const shouldBeSkipped = params.disabledItemsFocusable\n        ? false\n        : instance.isNodeDisabled(mapNodeId);\n\n      if (visible && !shouldBeSkipped) {\n        firstCharIds.push(mapNodeId);\n        firstChars.push(firstCharMap.current[mapNodeId]);\n      }\n    });\n\n    // Get start index for search based on position of currentItem\n    start = firstCharIds.indexOf(nodeId) + 1;\n    if (start >= firstCharIds.length) {\n      start = 0;\n    }\n\n    // Check remaining slots in the menu\n    index = findNextFirstChar(firstChars, start, lowercaseChar);\n\n    // If not found in remaining slots, check from beginning\n    if (index === -1) {\n      index = findNextFirstChar(firstChars, 0, lowercaseChar);\n    }\n\n    // If match was found...\n    if (index > -1) {\n      instance.focusNode(event, firstCharIds[index]);\n    }\n  };\n\n  const selectNextNode = (\n    event: React.KeyboardEvent<HTMLUListElement>,\n    id: string\n  ) => {\n    if (!instance.isNodeDisabled(getNextNode(instance, id))) {\n      instance.selectRange(\n        event,\n        {\n          end: getNextNode(instance, id),\n          current: id,\n        },\n        true\n      );\n    }\n  };\n\n  const selectPreviousNode = (\n    event: React.KeyboardEvent<HTMLUListElement>,\n    nodeId: string\n  ) => {\n    if (!instance.isNodeDisabled(getPreviousNode(instance, nodeId))) {\n      instance.selectRange(\n        event,\n        {\n          end: getPreviousNode(instance, nodeId)!,\n          current: nodeId,\n        },\n        true\n      );\n    }\n  };\n\n  const createHandleKeyDown =\n    (otherHandlers: EventHandlers) =>\n    (event: React.KeyboardEvent<HTMLUListElement>) => {\n      otherHandlers.onKeyDown?.(event);\n\n      let flag = false;\n      const { key } = event;\n\n      // If the tree is empty there will be no focused node\n      if (\n        event.altKey ||\n        event.currentTarget !== event.target ||\n        state.focusedNodeId == null\n      ) {\n        return;\n      }\n\n      const ctrlPressed = event.ctrlKey || event.metaKey;\n      switch (key) {\n        case \" \":\n          if (\n            !params.disableSelection &&\n            !instance.isNodeDisabled(state.focusedNodeId)\n          ) {\n            flag = true;\n            if (params.multiSelect && event.shiftKey) {\n              instance.selectRange(event, { end: state.focusedNodeId });\n            } else if (params.multiSelect) {\n              instance.selectNode(event, state.focusedNodeId, true);\n            } else {\n              instance.selectNode(event, state.focusedNodeId);\n            }\n          }\n          event.stopPropagation();\n          break;\n        case \"Enter\":\n          if (!instance.isNodeDisabled(state.focusedNodeId)) {\n            if (instance.isNodeExpandable(state.focusedNodeId)) {\n              instance.toggleNodeExpansion(event, state.focusedNodeId);\n              flag = true;\n            } else if (!params.disableSelection) {\n              flag = true;\n              if (params.multiSelect) {\n                instance.selectNode(event, state.focusedNodeId, true);\n              } else {\n                instance.selectNode(event, state.focusedNodeId);\n              }\n            }\n          }\n          event.stopPropagation();\n          break;\n        case \"ArrowDown\":\n          if (\n            params.multiSelect &&\n            event.shiftKey &&\n            !params.disableSelection\n          ) {\n            selectNextNode(event, state.focusedNodeId);\n          }\n          instance.focusNode(event, getNextNode(instance, state.focusedNodeId));\n          flag = true;\n          break;\n        case \"ArrowUp\":\n          if (\n            params.multiSelect &&\n            event.shiftKey &&\n            !params.disableSelection\n          ) {\n            selectPreviousNode(event, state.focusedNodeId);\n          }\n          instance.focusNode(\n            event,\n            getPreviousNode(instance, state.focusedNodeId)\n          );\n          flag = true;\n          break;\n        case \"ArrowRight\":\n          if (isRtl) {\n            flag = handlePreviousArrow(event);\n          } else {\n            flag = handleNextArrow(event);\n          }\n          break;\n        case \"ArrowLeft\":\n          if (isRtl) {\n            flag = handleNextArrow(event);\n          } else {\n            flag = handlePreviousArrow(event);\n          }\n          break;\n        case \"Home\":\n          if (\n            params.multiSelect &&\n            ctrlPressed &&\n            event.shiftKey &&\n            !params.disableSelection &&\n            !instance.isNodeDisabled(state.focusedNodeId)\n          ) {\n            instance.rangeSelectToFirst(event, state.focusedNodeId);\n          }\n          instance.focusNode(event, getFirstNode(instance));\n          flag = true;\n          break;\n        case \"End\":\n          if (\n            params.multiSelect &&\n            ctrlPressed &&\n            event.shiftKey &&\n            !params.disableSelection &&\n            !instance.isNodeDisabled(state.focusedNodeId)\n          ) {\n            instance.rangeSelectToLast(event, state.focusedNodeId);\n          }\n          instance.focusNode(event, getLastNode(instance));\n          flag = true;\n          break;\n        default:\n          if (key === \"*\") {\n            instance.expandAllSiblings(event, state.focusedNodeId);\n            flag = true;\n          } else if (\n            params.multiSelect &&\n            ctrlPressed &&\n            key.toLowerCase() === \"a\" &&\n            !params.disableSelection\n          ) {\n            instance.selectRange(event, {\n              start: getFirstNode(instance),\n              end: getLastNode(instance),\n            });\n            flag = true;\n          } else if (\n            !ctrlPressed &&\n            !event.shiftKey &&\n            isPrintableCharacter(key)\n          ) {\n            focusByFirstCharacter(event, state.focusedNodeId, key);\n            flag = true;\n          }\n      }\n\n      if (flag) {\n        event.preventDefault();\n        event.stopPropagation();\n      }\n    };\n\n  return {\n    getRootProps: (otherHandlers) => ({\n      onKeyDown: createHandleKeyDown(otherHandlers),\n    }),\n  };\n};\n"],"names":["isPrintableCharacter","string","length","match","findNextFirstChar","firstChars","startIndex","char","i","useTreeViewKeyboardNavigation","instance","params","state","theme","useTheme","isRtl","direction","firstCharMap","React","useRef","mapFirstChar","useEventCallback","nodeId","firstChar","current","newMap","populateInstance","handleNextArrow","event","focusedNodeId","isNodeExpandable","isNodeExpanded","focusNode","getNextNode","isNodeDisabled","toggleNodeExpansion","handlePreviousArrow","parent","getNode","parentId","focusByFirstCharacter","start","index","lowercaseChar","toLowerCase","firstCharIds","Object","keys","forEach","mapNodeId","map","visible","shouldBeSkipped","disabledItemsFocusable","push","indexOf","selectNextNode","id","selectRange","end","selectPreviousNode","getPreviousNode","createHandleKeyDown","otherHandlers","onKeyDown","flag","key","altKey","currentTarget","target","ctrlPressed","ctrlKey","metaKey","disableSelection","multiSelect","shiftKey","selectNode","stopPropagation","rangeSelectToFirst","getFirstNode","rangeSelectToLast","getLastNode","expandAllSiblings","preventDefault","getRootProps"],"mappings":"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"}

package/dist/esm/components/TreeView/internals/hooks/plugins/useTreeViewNodes.js

@@ -0,0 +1,63 @@
+import * as React from "react";
+import { useEventCallback } from "@mui/material/utils";
+import { populateInstance } from "../utils.js";
+import { publishTreeViewEvent } from "../../utils/publishTreeViewEvent.js";
+const useTreeViewNodes = ({
+  instance,
+  params
+}) => {
+  const nodeMap = React.useRef({});
+  const getNode = React.useCallback((nodeId) => nodeMap.current[nodeId], []);
+  const insertNode = React.useCallback((node) => {
+    nodeMap.current[node.id] = node;
+  }, []);
+  const removeNode = React.useCallback((nodeId) => {
+    const newMap = {
+      ...nodeMap.current
+    };
+    delete newMap[nodeId];
+    nodeMap.current = newMap;
+    publishTreeViewEvent(instance, "removeNode", {
+      id: nodeId
+    });
+  }, [instance]);
+  const isNodeDisabled = React.useCallback((nodeId) => {
+    if (nodeId == null) {
+      return false;
+    }
+    let node = instance.getNode(nodeId);
+    if (!node) {
+      return false;
+    }
+    if (node.disabled) {
+      return true;
+    }
+    while (node.parentId != null) {
+      node = instance.getNode(node.parentId);
+      if (node.disabled) {
+        return true;
+      }
+    }
+    return false;
+  }, [instance]);
+  const getChildrenIds = useEventCallback((nodeId) => Object.values(nodeMap.current).filter((node) => node.parentId === nodeId).sort((a, b) => a.index - b.index).map((child) => child.id));
+  const getNavigableChildrenIds = (nodeId) => {
+    let childrenIds = instance.getChildrenIds(nodeId);
+    if (!params.disabledItemsFocusable) {
+      childrenIds = childrenIds.filter((node) => !instance.isNodeDisabled(node));
+    }
+    return childrenIds;
+  };
+  populateInstance(instance, {
+    getNode,
+    updateNode: insertNode,
+    removeNode,
+    getChildrenIds,
+    getNavigableChildrenIds,
+    isNodeDisabled
+  });
+};
+export {
+  useTreeViewNodes
+};
+//# sourceMappingURL=useTreeViewNodes.js.map

package/dist/esm/components/TreeView/internals/hooks/plugins/useTreeViewNodes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTreeViewNodes.js","sources":["../../../../../../../src/components/TreeView/internals/hooks/plugins/useTreeViewNodes.ts"],"sourcesContent":["import * as React from \"react\";\nimport { useEventCallback } from \"@mui/material/utils\";\n\nimport {\n  DefaultizedProps,\n  TreeViewNode,\n  TreeViewPlugin,\n  TreeViewPluginSignature,\n} from \"../../types\";\nimport { populateInstance } from \"../utils\";\nimport { publishTreeViewEvent } from \"../../utils/publishTreeViewEvent\";\n\nexport interface UseTreeViewNodesInstance {\n  getNode: (nodeId: string) => TreeViewNode;\n  updateNode: (node: TreeViewNode) => void;\n  removeNode: (nodeId: string) => void;\n  getChildrenIds: (nodeId: string | null) => string[];\n  getNavigableChildrenIds: (nodeId: string | null) => string[];\n  isNodeDisabled: (nodeId: string | null) => nodeId is string;\n}\n\nexport interface UseTreeViewNodesParameters {\n  /**\n   * If `true`, will allow focus on disabled items.\n   * @default false\n   */\n  disabledItemsFocusable?: boolean;\n}\n\nexport type UseTreeViewNodesDefaultizedParameters = DefaultizedProps<\n  UseTreeViewNodesParameters,\n  \"disabledItemsFocusable\"\n>;\n\ninterface UseTreeViewNodesEventLookup {\n  removeNode: {\n    params: { id: string };\n  };\n}\n\nexport type UseTreeViewNodesSignature = TreeViewPluginSignature<\n  UseTreeViewNodesParameters,\n  UseTreeViewNodesDefaultizedParameters,\n  UseTreeViewNodesInstance,\n  UseTreeViewNodesEventLookup,\n  {},\n  never,\n  []\n>;\n\nexport const useTreeViewNodes: TreeViewPlugin<UseTreeViewNodesSignature> = ({\n  instance,\n  params,\n}) => {\n  const nodeMap = React.useRef<{ [nodeId: string]: TreeViewNode }>({});\n\n  const getNode = React.useCallback(\n    (nodeId: string) => nodeMap.current[nodeId],\n    []\n  );\n\n  const insertNode = React.useCallback((node: TreeViewNode) => {\n    nodeMap.current[node.id] = node;\n  }, []);\n\n  const removeNode = React.useCallback(\n    (nodeId: string) => {\n      const newMap = { ...nodeMap.current };\n      delete newMap[nodeId];\n      nodeMap.current = newMap;\n      publishTreeViewEvent(instance as any, \"removeNode\", { id: nodeId });\n    },\n    [instance]\n  );\n\n  const isNodeDisabled = React.useCallback(\n    (nodeId: string | null): nodeId is string => {\n      if (nodeId == null) {\n        return false;\n      }\n\n      let node = instance.getNode(nodeId);\n\n      // This can be called before the node has been added to the node map.\n      if (!node) {\n        return false;\n      }\n\n      if (node.disabled) {\n        return true;\n      }\n\n      while (node.parentId != null) {\n        node = instance.getNode(node.parentId);\n        if (node.disabled) {\n          return true;\n        }\n      }\n\n      return false;\n    },\n    [instance]\n  );\n\n  const getChildrenIds = useEventCallback((nodeId: string | null) =>\n    Object.values(nodeMap.current)\n      .filter((node) => node.parentId === nodeId)\n      .sort((a, b) => a.index - b.index)\n      .map((child) => child.id)\n  );\n\n  const getNavigableChildrenIds = (nodeId: string | null) => {\n    let childrenIds = instance.getChildrenIds(nodeId);\n\n    if (!params.disabledItemsFocusable) {\n      childrenIds = childrenIds.filter(\n        (node) => !instance.isNodeDisabled(node)\n      );\n    }\n    return childrenIds;\n  };\n\n  populateInstance<UseTreeViewNodesSignature>(instance, {\n    getNode,\n    updateNode: insertNode,\n    removeNode,\n    getChildrenIds,\n    getNavigableChildrenIds,\n    isNodeDisabled,\n  });\n};\n"],"names":["useTreeViewNodes","instance","params","nodeMap","React","useRef","getNode","useCallback","nodeId","current","insertNode","node","id","removeNode","newMap","publishTreeViewEvent","isNodeDisabled","disabled","parentId","getChildrenIds","useEventCallback","Object","values","filter","sort","a","b","index","map","child","getNavigableChildrenIds","childrenIds","disabledItemsFocusable","populateInstance","updateNode"],"mappings":";;;;AAkDO,MAAMA,mBAA8DA,CAAC;AAAA,EAC1EC;AAAAA,EACAC;AACF,MAAM;AACJ,QAAMC,UAAUC,MAAMC,OAA2C,CAAE,CAAA;AAE7DC,QAAAA,UAAUF,MAAMG,YACpB,CAACC,WAAmBL,QAAQM,QAAQD,MAAM,GAC1C,CAAA,CACF;AAEA,QAAME,aAAaN,MAAMG,YAAY,CAACI,SAAuB;AACnDF,YAAAA,QAAQE,KAAKC,EAAE,IAAID;AAAAA,EAC7B,GAAG,CAAE,CAAA;AAEL,QAAME,aAAaT,MAAMG,YACvB,CAACC,WAAmB;AAClB,UAAMM,SAAS;AAAA,MAAE,GAAGX,QAAQM;AAAAA,IAAAA;AAC5B,WAAOK,OAAON,MAAM;AACpBL,YAAQM,UAAUK;AAClBC,yBAAqBd,UAAiB,cAAc;AAAA,MAAEW,IAAIJ;AAAAA,IAAAA,CAAQ;AAAA,EAAA,GAEpE,CAACP,QAAQ,CACX;AAEA,QAAMe,iBAAiBZ,MAAMG,YAC3B,CAACC,WAA4C;AAC3C,QAAIA,UAAU,MAAM;AACX,aAAA;AAAA,IACT;AAEIG,QAAAA,OAAOV,SAASK,QAAQE,MAAM;AAGlC,QAAI,CAACG,MAAM;AACF,aAAA;AAAA,IACT;AAEA,QAAIA,KAAKM,UAAU;AACV,aAAA;AAAA,IACT;AAEON,WAAAA,KAAKO,YAAY,MAAM;AACrBjB,aAAAA,SAASK,QAAQK,KAAKO,QAAQ;AACrC,UAAIP,KAAKM,UAAU;AACV,eAAA;AAAA,MACT;AAAA,IACF;AAEO,WAAA;AAAA,EAAA,GAET,CAAChB,QAAQ,CACX;AAEA,QAAMkB,iBAAiBC,iBAAiB,CAACZ,WACvCa,OAAOC,OAAOnB,QAAQM,OAAO,EAC1Bc,OAAQZ,CAASA,SAAAA,KAAKO,aAAaV,MAAM,EACzCgB,KAAK,CAACC,GAAGC,MAAMD,EAAEE,QAAQD,EAAEC,KAAK,EAChCC,IAAKC,CAAAA,UAAUA,MAAMjB,EAAE,CAC5B;AAEMkB,QAAAA,0BAA0BA,CAACtB,WAA0B;AACrDuB,QAAAA,cAAc9B,SAASkB,eAAeX,MAAM;AAE5C,QAAA,CAACN,OAAO8B,wBAAwB;AAClCD,oBAAcA,YAAYR,OACvBZ,CAAAA,SAAS,CAACV,SAASe,eAAeL,IAAI,CACzC;AAAA,IACF;AACOoB,WAAAA;AAAAA,EAAAA;AAGTE,mBAA4ChC,UAAU;AAAA,IACpDK;AAAAA,IACA4B,YAAYxB;AAAAA,IACZG;AAAAA,IACAM;AAAAA,IACAW;AAAAA,IACAd;AAAAA,EAAAA,CACD;AACH;"}

package/dist/esm/components/TreeView/internals/hooks/plugins/useTreeViewSelection.js

@@ -0,0 +1,213 @@
+import * as React from "react";
+import { populateInstance, getFirstNode, getLastNode, getNextNode } from "../utils.js";
+const findOrderInTremauxTree = (instance, nodeAId, nodeBId) => {
+  if (nodeAId === nodeBId) {
+    return [nodeAId, nodeBId];
+  }
+  const nodeA = instance.getNode(nodeAId);
+  const nodeB = instance.getNode(nodeBId);
+  if (nodeA.parentId === nodeB.id || nodeB.parentId === nodeA.id) {
+    return nodeB.parentId === nodeA.id ? [nodeA.id, nodeB.id] : [nodeB.id, nodeA.id];
+  }
+  const aFamily = [nodeA.id];
+  const bFamily = [nodeB.id];
+  let aAncestor = nodeA.parentId;
+  let bAncestor = nodeB.parentId;
+  let aAncestorIsCommon = bFamily.indexOf(aAncestor) !== -1;
+  let bAncestorIsCommon = aFamily.indexOf(bAncestor) !== -1;
+  let continueA = true;
+  let continueB = true;
+  while (!bAncestorIsCommon && !aAncestorIsCommon) {
+    if (continueA) {
+      aFamily.push(aAncestor);
+      aAncestorIsCommon = bFamily.indexOf(aAncestor) !== -1;
+      continueA = aAncestor !== null;
+      if (!aAncestorIsCommon && continueA) {
+        aAncestor = instance.getNode(aAncestor).parentId;
+      }
+    }
+    if (continueB && !aAncestorIsCommon) {
+      bFamily.push(bAncestor);
+      bAncestorIsCommon = aFamily.indexOf(bAncestor) !== -1;
+      continueB = bAncestor !== null;
+      if (!bAncestorIsCommon && continueB) {
+        bAncestor = instance.getNode(bAncestor).parentId;
+      }
+    }
+  }
+  const commonAncestor = aAncestorIsCommon ? aAncestor : bAncestor;
+  const ancestorFamily = instance.getChildrenIds(commonAncestor);
+  const aSide = aFamily[aFamily.indexOf(commonAncestor) - 1];
+  const bSide = bFamily[bFamily.indexOf(commonAncestor) - 1];
+  return ancestorFamily.indexOf(aSide) < ancestorFamily.indexOf(bSide) ? [nodeAId, nodeBId] : [nodeBId, nodeAId];
+};
+const useTreeViewSelection = ({
+  instance,
+  params,
+  models
+}) => {
+  const lastSelectedNode = React.useRef(null);
+  const lastSelectionWasRange = React.useRef(false);
+  const currentRangeSelection = React.useRef([]);
+  const isNodeSelected = (nodeId) => Array.isArray(models.selected.value) ? models.selected.value.indexOf(nodeId) !== -1 : models.selected.value === nodeId;
+  const selectNode = (event, nodeId, multiple = false) => {
+    if (params.disableSelection) {
+      return;
+    }
+    if (multiple) {
+      if (Array.isArray(models.selected.value)) {
+        let newSelected;
+        if (models.selected.value.indexOf(nodeId) !== -1) {
+          newSelected = models.selected.value.filter((id) => id !== nodeId);
+        } else {
+          newSelected = [nodeId].concat(models.selected.value);
+        }
+        if (params.onNodeSelect) {
+          params.onNodeSelect(event, newSelected);
+        }
+        models.selected.setValue(newSelected);
+      }
+    } else {
+      const newSelected = params.multiSelect ? [nodeId] : nodeId;
+      if (params.onNodeSelect) {
+        params.onNodeSelect(event, newSelected);
+      }
+      models.selected.setValue(newSelected);
+    }
+    lastSelectedNode.current = nodeId;
+    lastSelectionWasRange.current = false;
+    currentRangeSelection.current = [];
+  };
+  const getNodesInRange = (nodeAId, nodeBId) => {
+    const [first, last] = findOrderInTremauxTree(instance, nodeAId, nodeBId);
+    const nodes = [first];
+    let current = first;
+    while (current !== last) {
+      current = getNextNode(instance, current);
+      nodes.push(current);
+    }
+    return nodes;
+  };
+  const handleRangeArrowSelect = (event, nodes) => {
+    let base = models.selected.value.slice();
+    const {
+      start,
+      next,
+      current
+    } = nodes;
+    if (!next || !current) {
+      return;
+    }
+    if (currentRangeSelection.current.indexOf(current) === -1) {
+      currentRangeSelection.current = [];
+    }
+    if (lastSelectionWasRange.current) {
+      if (currentRangeSelection.current.indexOf(next) !== -1) {
+        base = base.filter((id) => id === start || id !== current);
+        currentRangeSelection.current = currentRangeSelection.current.filter((id) => id === start || id !== current);
+      } else {
+        base.push(next);
+        currentRangeSelection.current.push(next);
+      }
+    } else {
+      base.push(next);
+      currentRangeSelection.current.push(current, next);
+    }
+    if (params.onNodeSelect) {
+      params.onNodeSelect(event, base);
+    }
+    models.selected.setValue(base);
+  };
+  const handleRangeSelect = (event, nodes) => {
+    let base = models.selected.value.slice();
+    const {
+      start,
+      end
+    } = nodes;
+    if (lastSelectionWasRange.current) {
+      base = base.filter((id) => currentRangeSelection.current.indexOf(id) === -1);
+    }
+    let range = getNodesInRange(start, end);
+    range = range.filter((node) => !instance.isNodeDisabled(node));
+    currentRangeSelection.current = range;
+    let newSelected = base.concat(range);
+    newSelected = newSelected.filter((id, i) => newSelected.indexOf(id) === i);
+    if (params.onNodeSelect) {
+      params.onNodeSelect(event, newSelected);
+    }
+    models.selected.setValue(newSelected);
+  };
+  const selectRange = (event, nodes, stacked = false) => {
+    if (params.disableSelection) {
+      return;
+    }
+    const {
+      start = lastSelectedNode.current,
+      end,
+      current
+    } = nodes;
+    if (stacked) {
+      handleRangeArrowSelect(event, {
+        start,
+        next: end,
+        current
+      });
+    } else if (start != null && end != null) {
+      handleRangeSelect(event, {
+        start,
+        end
+      });
+    }
+    lastSelectionWasRange.current = true;
+  };
+  const rangeSelectToFirst = (event, nodeId) => {
+    if (!lastSelectedNode.current) {
+      lastSelectedNode.current = nodeId;
+    }
+    const start = lastSelectionWasRange.current ? lastSelectedNode.current : nodeId;
+    instance.selectRange(event, {
+      start,
+      end: getFirstNode(instance)
+    });
+  };
+  const rangeSelectToLast = (event, nodeId) => {
+    if (!lastSelectedNode.current) {
+      lastSelectedNode.current = nodeId;
+    }
+    const start = lastSelectionWasRange.current ? lastSelectedNode.current : nodeId;
+    instance.selectRange(event, {
+      start,
+      end: getLastNode(instance)
+    });
+  };
+  populateInstance(instance, {
+    isNodeSelected,
+    selectNode,
+    selectRange,
+    rangeSelectToLast,
+    rangeSelectToFirst
+  });
+  return {
+    getRootProps: () => ({
+      "aria-multiselectable": params.multiSelect
+    })
+  };
+};
+useTreeViewSelection.models = {
+  selected: {
+    controlledProp: "selected",
+    defaultProp: "defaultSelected"
+  }
+};
+const DEFAULT_SELECTED = [];
+useTreeViewSelection.getDefaultizedParams = (params) => ({
+  ...params,
+  disableSelection: params.disableSelection ?? false,
+  multiSelect: params.multiSelect ?? false,
+  defaultSelected: params.defaultSelected ?? (params.multiSelect ? DEFAULT_SELECTED : null)
+});
+export {
+  findOrderInTremauxTree,
+  useTreeViewSelection
+};
+//# sourceMappingURL=useTreeViewSelection.js.map

package/dist/esm/components/TreeView/internals/hooks/plugins/useTreeViewSelection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTreeViewSelection.js","sources":["../../../../../../../src/components/TreeView/internals/hooks/plugins/useTreeViewSelection.ts"],"sourcesContent":["import * as React from \"react\";\n\nimport type {\n  TreeViewPlugin,\n  TreeViewItemRange,\n  DefaultizedProps,\n  TreeViewPluginSignature,\n  TreeViewInstance,\n} from \"../../types\";\nimport {\n  populateInstance,\n  getNextNode,\n  getFirstNode,\n  getLastNode,\n} from \"../utils\";\nimport type { UseTreeViewNodesSignature } from \"./useTreeViewNodes\";\nimport type { UseTreeViewExpansionSignature } from \"./useTreeViewExpansion\";\n\n/**\n * This is used to determine the start and end of a selection range so\n * we can get the nodes between the two border nodes.\n *\n * It finds the nodes' common ancestor using\n * a naive implementation of a lowest common ancestor algorithm\n * (https://en.wikipedia.org/wiki/Lowest_common_ancestor).\n * Then compares the ancestor's 2 children that are ancestors of nodeA and NodeB\n * so we can compare their indexes to work out which node comes first in a depth first search.\n * (https://en.wikipedia.org/wiki/Depth-first_search)\n *\n * Another way to put it is which node is shallower in a trémaux tree\n * https://en.wikipedia.org/wiki/Tr%C3%A9maux_tree\n */\nexport const findOrderInTremauxTree = (\n  instance: TreeViewInstance<[UseTreeViewNodesSignature]>,\n  nodeAId: string,\n  nodeBId: string\n) => {\n  if (nodeAId === nodeBId) {\n    return [nodeAId, nodeBId];\n  }\n\n  const nodeA = instance.getNode(nodeAId);\n  const nodeB = instance.getNode(nodeBId);\n\n  if (nodeA.parentId === nodeB.id || nodeB.parentId === nodeA.id) {\n    return nodeB.parentId === nodeA.id\n      ? [nodeA.id, nodeB.id]\n      : [nodeB.id, nodeA.id];\n  }\n\n  const aFamily: (string | null)[] = [nodeA.id];\n  const bFamily: (string | null)[] = [nodeB.id];\n\n  let aAncestor = nodeA.parentId;\n  let bAncestor = nodeB.parentId;\n\n  let aAncestorIsCommon = bFamily.indexOf(aAncestor) !== -1;\n  let bAncestorIsCommon = aFamily.indexOf(bAncestor) !== -1;\n\n  let continueA = true;\n  let continueB = true;\n\n  while (!bAncestorIsCommon && !aAncestorIsCommon) {\n    if (continueA) {\n      aFamily.push(aAncestor);\n      aAncestorIsCommon = bFamily.indexOf(aAncestor) !== -1;\n      continueA = aAncestor !== null;\n      if (!aAncestorIsCommon && continueA) {\n        aAncestor = instance.getNode(aAncestor!).parentId;\n      }\n    }\n\n    if (continueB && !aAncestorIsCommon) {\n      bFamily.push(bAncestor);\n      bAncestorIsCommon = aFamily.indexOf(bAncestor) !== -1;\n      continueB = bAncestor !== null;\n      if (!bAncestorIsCommon && continueB) {\n        bAncestor = instance.getNode(bAncestor!).parentId;\n      }\n    }\n  }\n\n  const commonAncestor = aAncestorIsCommon ? aAncestor : bAncestor;\n  const ancestorFamily = instance.getChildrenIds(commonAncestor);\n\n  const aSide = aFamily[aFamily.indexOf(commonAncestor) - 1];\n  const bSide = bFamily[bFamily.indexOf(commonAncestor) - 1];\n\n  return ancestorFamily.indexOf(aSide!) < ancestorFamily.indexOf(bSide!)\n    ? [nodeAId, nodeBId]\n    : [nodeBId, nodeAId];\n};\n\nexport interface UseTreeViewSelectionInstance {\n  isNodeSelected: (nodeId: string) => boolean;\n  selectNode: (\n    event: React.SyntheticEvent,\n    nodeId: string,\n    multiple?: boolean\n  ) => void;\n  selectRange: (\n    event: React.SyntheticEvent,\n    nodes: TreeViewItemRange,\n    stacked?: boolean\n  ) => void;\n  rangeSelectToFirst: (\n    event: React.KeyboardEvent<HTMLUListElement>,\n    nodeId: string\n  ) => void;\n  rangeSelectToLast: (\n    event: React.KeyboardEvent<HTMLUListElement>,\n    nodeId: string\n  ) => void;\n}\n\ntype TreeViewSelectionValue<Multiple extends boolean | undefined> =\n  Multiple extends true ? string[] : string | null;\n\nexport interface UseTreeViewSelectionParameters<\n  Multiple extends boolean | undefined\n> {\n  /**\n   * If `true` selection is disabled.\n   * @default false\n   */\n  disableSelection?: boolean;\n  /**\n   * Selected node ids. (Uncontrolled)\n   * When `multiSelect` is true this takes an array of strings; when false (default) a string.\n   * @default []\n   */\n  defaultSelected?: TreeViewSelectionValue<Multiple>;\n  /**\n   * Selected node ids. (Controlled)\n   * When `multiSelect` is true this takes an array of strings; when false (default) a string.\n   */\n  selected?: TreeViewSelectionValue<Multiple>;\n  /**\n   * If true `ctrl` and `shift` will trigger multiselect.\n   * @default false\n   */\n  multiSelect?: Multiple;\n  /**\n   * Callback fired when tree items are selected/unselected.\n   * @param {React.SyntheticEvent} event The event source of the callback\n   * @param {string[] | string} nodeIds Ids of the selected nodes. When `multiSelect` is true\n   * this is an array of strings; when false (default) a string.\n   */\n  onNodeSelect?: (\n    event: React.SyntheticEvent,\n    nodeIds: Exclude<TreeViewSelectionValue<Multiple>, null>\n  ) => void;\n}\n\nexport type UseTreeViewSelectionDefaultizedParameters<\n  Multiple extends boolean\n> = DefaultizedProps<\n  UseTreeViewSelectionParameters<Multiple>,\n  \"disableSelection\" | \"defaultSelected\" | \"multiSelect\"\n>;\n\nexport type UseTreeViewSelectionSignature<\n  Multiple extends boolean | undefined\n> = TreeViewPluginSignature<\n  UseTreeViewSelectionParameters<Multiple>,\n  UseTreeViewSelectionDefaultizedParameters<\n    Multiple extends undefined ? false : Multiple\n  >,\n  UseTreeViewSelectionInstance,\n  {},\n  {},\n  \"selected\",\n  [\n    UseTreeViewNodesSignature,\n    UseTreeViewExpansionSignature,\n    UseTreeViewNodesSignature\n  ]\n>;\n\nexport const useTreeViewSelection: TreeViewPlugin<\n  UseTreeViewSelectionSignature<any>\n> = ({ instance, params, models }) => {\n  const lastSelectedNode = React.useRef<string | null>(null);\n  const lastSelectionWasRange = React.useRef(false);\n  const currentRangeSelection = React.useRef<string[]>([]);\n\n  const isNodeSelected = (nodeId: string) =>\n    Array.isArray(models.selected.value)\n      ? models.selected.value.indexOf(nodeId) !== -1\n      : models.selected.value === nodeId;\n\n  const selectNode = (\n    event: React.SyntheticEvent,\n    nodeId: string,\n    multiple = false\n  ) => {\n    if (params.disableSelection) {\n      return;\n    }\n\n    if (multiple) {\n      if (Array.isArray(models.selected.value)) {\n        let newSelected: string[];\n        if (models.selected.value.indexOf(nodeId) !== -1) {\n          newSelected = models.selected.value.filter((id) => id !== nodeId);\n        } else {\n          newSelected = [nodeId].concat(models.selected.value);\n        }\n\n        if (params.onNodeSelect) {\n          (params.onNodeSelect as UseTreeViewSelectionDefaultizedParameters<true>[\"onNodeSelect\"])!(\n            event,\n            newSelected\n          );\n        }\n\n        models.selected.setValue(newSelected);\n      }\n    } else {\n      const newSelected = params.multiSelect ? [nodeId] : nodeId;\n\n      if (params.onNodeSelect) {\n        params.onNodeSelect(event, newSelected as string & string[]);\n      }\n\n      models.selected.setValue(newSelected);\n    }\n    lastSelectedNode.current = nodeId;\n    lastSelectionWasRange.current = false;\n    currentRangeSelection.current = [];\n  };\n\n  const getNodesInRange = (nodeAId: string, nodeBId: string) => {\n    const [first, last] = findOrderInTremauxTree(instance, nodeAId, nodeBId);\n    const nodes = [first];\n\n    let current = first;\n\n    while (current !== last) {\n      current = getNextNode(instance, current)!;\n      nodes.push(current);\n    }\n\n    return nodes;\n  };\n\n  const handleRangeArrowSelect = (\n    event: React.SyntheticEvent,\n    nodes: TreeViewItemRange\n  ) => {\n    let base = (models.selected.value as string[]).slice();\n    const { start, next, current } = nodes;\n\n    if (!next || !current) {\n      return;\n    }\n\n    if (currentRangeSelection.current.indexOf(current) === -1) {\n      currentRangeSelection.current = [];\n    }\n\n    if (lastSelectionWasRange.current) {\n      if (currentRangeSelection.current.indexOf(next) !== -1) {\n        base = base.filter((id) => id === start || id !== current);\n        currentRangeSelection.current = currentRangeSelection.current.filter(\n          (id) => id === start || id !== current\n        );\n      } else {\n        base.push(next);\n        currentRangeSelection.current.push(next);\n      }\n    } else {\n      base.push(next);\n      currentRangeSelection.current.push(current, next);\n    }\n\n    if (params.onNodeSelect) {\n      (params.onNodeSelect as UseTreeViewSelectionDefaultizedParameters<true>[\"onNodeSelect\"])!(\n        event,\n        base\n      );\n    }\n\n    models.selected.setValue(base);\n  };\n\n  const handleRangeSelect = (\n    event: React.SyntheticEvent,\n    nodes: { start: string; end: string }\n  ) => {\n    let base = (models.selected.value as string[]).slice();\n    const { start, end } = nodes;\n    // If last selection was a range selection ignore nodes that were selected.\n    if (lastSelectionWasRange.current) {\n      base = base.filter(\n        (id) => currentRangeSelection.current.indexOf(id) === -1\n      );\n    }\n\n    let range = getNodesInRange(start, end);\n    range = range.filter((node) => !instance.isNodeDisabled(node));\n    currentRangeSelection.current = range;\n    let newSelected = base.concat(range);\n    newSelected = newSelected.filter((id, i) => newSelected.indexOf(id) === i);\n\n    if (params.onNodeSelect) {\n      (params.onNodeSelect as UseTreeViewSelectionDefaultizedParameters<true>[\"onNodeSelect\"])!(\n        event,\n        newSelected\n      );\n    }\n\n    models.selected.setValue(newSelected);\n  };\n\n  const selectRange = (\n    event: React.SyntheticEvent,\n    nodes: TreeViewItemRange,\n    stacked = false\n  ) => {\n    if (params.disableSelection) {\n      return;\n    }\n\n    const { start = lastSelectedNode.current, end, current } = nodes;\n    if (stacked) {\n      handleRangeArrowSelect(event, { start, next: end, current });\n    } else if (start != null && end != null) {\n      handleRangeSelect(event, { start, end });\n    }\n    lastSelectionWasRange.current = true;\n  };\n\n  const rangeSelectToFirst = (\n    event: React.KeyboardEvent<HTMLUListElement>,\n    nodeId: string\n  ) => {\n    if (!lastSelectedNode.current) {\n      lastSelectedNode.current = nodeId;\n    }\n\n    const start = lastSelectionWasRange.current\n      ? lastSelectedNode.current\n      : nodeId;\n\n    instance.selectRange(event, {\n      start,\n      end: getFirstNode(instance),\n    });\n  };\n\n  const rangeSelectToLast = (\n    event: React.KeyboardEvent<HTMLUListElement>,\n    nodeId: string\n  ) => {\n    if (!lastSelectedNode.current) {\n      lastSelectedNode.current = nodeId;\n    }\n\n    const start = lastSelectionWasRange.current\n      ? lastSelectedNode.current\n      : nodeId;\n\n    instance.selectRange(event, {\n      start,\n      end: getLastNode(instance),\n    });\n  };\n\n  populateInstance<UseTreeViewSelectionSignature<any>>(instance, {\n    isNodeSelected,\n    selectNode,\n    selectRange,\n    rangeSelectToLast,\n    rangeSelectToFirst,\n  });\n\n  return {\n    getRootProps: () => ({\n      \"aria-multiselectable\": params.multiSelect,\n    }),\n  };\n};\n\nuseTreeViewSelection.models = {\n  selected: { controlledProp: \"selected\", defaultProp: \"defaultSelected\" },\n};\n\nconst DEFAULT_SELECTED: string[] = [];\n\nuseTreeViewSelection.getDefaultizedParams = (params) => ({\n  ...params,\n  disableSelection: params.disableSelection ?? false,\n  multiSelect: params.multiSelect ?? false,\n  defaultSelected:\n    params.defaultSelected ?? (params.multiSelect ? DEFAULT_SELECTED : null),\n});\n"],"names":["findOrderInTremauxTree","instance","nodeAId","nodeBId","nodeA","getNode","nodeB","parentId","id","aFamily","bFamily","aAncestor","bAncestor","aAncestorIsCommon","indexOf","bAncestorIsCommon","continueA","continueB","push","commonAncestor","ancestorFamily","getChildrenIds","aSide","bSide","useTreeViewSelection","params","models","lastSelectedNode","React","useRef","lastSelectionWasRange","currentRangeSelection","isNodeSelected","nodeId","Array","isArray","selected","value","selectNode","event","multiple","disableSelection","newSelected","filter","concat","onNodeSelect","setValue","multiSelect","current","getNodesInRange","first","last","nodes","getNextNode","handleRangeArrowSelect","base","slice","start","next","handleRangeSelect","end","range","node","isNodeDisabled","i","selectRange","stacked","rangeSelectToFirst","getFirstNode","rangeSelectToLast","getLastNode","populateInstance","getRootProps","controlledProp","defaultProp","DEFAULT_SELECTED","getDefaultizedParams","defaultSelected"],"mappings":"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"}

package/dist/esm/components/TreeView/internals/hooks/useInstanceEventHandler.js

@@ -0,0 +1,74 @@
+import * as React from "react";
+import { TimerBasedCleanupTracking } from "../utils/TimerBasedCleanupTracking.js";
+import { FinalizationRegistryBasedCleanupTracking } from "../utils/FinalizationRegistryBasedCleanupTracking.js";
+class ObjectToBeRetainedByReact {
+}
+function createUseInstanceEventHandler(registryContainer2) {
+  let cleanupTokensCounter = 0;
+  return function useInstanceEventHandler2(instance, eventName, handler) {
+    if (registryContainer2.registry === null) {
+      registryContainer2.registry = typeof FinalizationRegistry !== "undefined" ? new FinalizationRegistryBasedCleanupTracking() : new TimerBasedCleanupTracking();
+    }
+    const [objectRetainedByReact] = React.useState(new ObjectToBeRetainedByReact());
+    const subscription = React.useRef(null);
+    const handlerRef = React.useRef();
+    handlerRef.current = handler;
+    const cleanupTokenRef = React.useRef(null);
+    if (!subscription.current && handlerRef.current) {
+      const enhancedHandler = (params, event) => {
+        if (!event.defaultMuiPrevented) {
+          handlerRef.current?.(params, event);
+        }
+      };
+      subscription.current = instance.$$subscribeEvent(eventName, enhancedHandler);
+      cleanupTokensCounter += 1;
+      cleanupTokenRef.current = {
+        cleanupToken: cleanupTokensCounter
+      };
+      registryContainer2.registry.register(
+        objectRetainedByReact,
+        // The callback below will be called once this reference stops being retained
+        () => {
+          subscription.current?.();
+          subscription.current = null;
+          cleanupTokenRef.current = null;
+        },
+        cleanupTokenRef.current
+      );
+    } else if (!handlerRef.current && subscription.current) {
+      subscription.current();
+      subscription.current = null;
+      if (cleanupTokenRef.current) {
+        registryContainer2.registry.unregister(cleanupTokenRef.current);
+        cleanupTokenRef.current = null;
+      }
+    }
+    React.useEffect(() => {
+      if (!subscription.current && handlerRef.current) {
+        const enhancedHandler = (params, event) => {
+          if (!event.defaultMuiPrevented) {
+            handlerRef.current?.(params, event);
+          }
+        };
+        subscription.current = instance.$$subscribeEvent(eventName, enhancedHandler);
+      }
+      if (cleanupTokenRef.current && registryContainer2.registry) {
+        registryContainer2.registry.unregister(cleanupTokenRef.current);
+        cleanupTokenRef.current = null;
+      }
+      return () => {
+        subscription.current?.();
+        subscription.current = null;
+      };
+    }, [instance, eventName]);
+  };
+}
+const registryContainer = {
+  registry: null
+};
+const useInstanceEventHandler = createUseInstanceEventHandler(registryContainer);
+export {
+  createUseInstanceEventHandler,
+  useInstanceEventHandler
+};
+//# sourceMappingURL=useInstanceEventHandler.js.map