@hitachivantara/uikit-react-core 5.39.0 → 5.39.2

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

@@ -1 +1 @@
-{"version":3,"file":"useTreeViewFocus.js","sources":["../../../../../../../src/components/TreeView/internals/hooks/plugins/useTreeViewFocus.ts"],"sourcesContent":["import * as React from \"react\";\nimport { EventHandlers } from \"@mui/base/utils\";\nimport { ownerDocument, useEventCallback } from \"@mui/material/utils\";\n\nimport type { TreeViewPlugin, TreeViewPluginSignature } from \"../../types\";\nimport { populateInstance } from \"../utils\";\nimport { useInstanceEventHandler } from \"../useInstanceEventHandler\";\nimport type { UseTreeViewNodesSignature } from \"./useTreeViewNodes\";\nimport type { UseTreeViewSelectionSignature } from \"./useTreeViewSelection\";\nimport type { UseTreeViewExpansionSignature } from \"./useTreeViewExpansion\";\n\nexport interface UseTreeViewFocusInstance {\n  isNodeFocused: (nodeId: string) => boolean;\n  focusNode: (event: React.SyntheticEvent, nodeId: string | null) => void;\n}\n\nexport interface UseTreeViewFocusParameters {\n  /**\n   * Callback fired when tree items are focused.\n   * @param {React.SyntheticEvent} event The event source of the callback **Warning**: This is a generic event not a focus event.\n   * @param {string} nodeId The id of the node focused.\n   * @param {string} value of the focused node.\n   */\n  onNodeFocus?: (event: React.SyntheticEvent, nodeId: string) => void;\n}\n\nexport type UseTreeViewFocusDefaultizedParameters = UseTreeViewFocusParameters;\n\nexport interface UseTreeViewFocusState {\n  focusedNodeId: string | null;\n}\n\nexport type UseTreeViewFocusSignature = TreeViewPluginSignature<\n  UseTreeViewFocusParameters,\n  UseTreeViewFocusParameters,\n  UseTreeViewFocusInstance,\n  {},\n  UseTreeViewFocusState,\n  never,\n  [\n    UseTreeViewNodesSignature,\n    UseTreeViewSelectionSignature<any>,\n    UseTreeViewExpansionSignature\n  ]\n>;\n\nexport const useTreeViewFocus: TreeViewPlugin<UseTreeViewFocusSignature> = ({\n  instance,\n  params,\n  state,\n  setState,\n  models,\n  rootRef,\n}) => {\n  const setFocusedNodeId = useEventCallback(\n    (nodeId: React.SetStateAction<string | null>) => {\n      const cleanNodeId =\n        typeof nodeId === \"function\" ? nodeId(state.focusedNodeId) : nodeId;\n      setState((prevState) => ({ ...prevState, focusedNodeId: cleanNodeId }));\n    }\n  );\n\n  const isNodeFocused = React.useCallback(\n    (nodeId: string) => state.focusedNodeId === nodeId,\n    [state.focusedNodeId]\n  );\n\n  const focusNode = useEventCallback(\n    (event: React.SyntheticEvent, nodeId: string | null) => {\n      if (nodeId) {\n        setFocusedNodeId(nodeId);\n\n        if (params.onNodeFocus) {\n          params.onNodeFocus(event, nodeId);\n        }\n      }\n    }\n  );\n\n  populateInstance<UseTreeViewFocusSignature>(instance, {\n    isNodeFocused,\n    focusNode,\n  });\n\n  useInstanceEventHandler(instance as any, \"removeNode\", ({ id }) => {\n    setFocusedNodeId((oldFocusedNodeId) => {\n      if (\n        oldFocusedNodeId === id &&\n        rootRef.current === ownerDocument(rootRef.current).activeElement\n      ) {\n        return instance.getChildrenIds(null)[0];\n      }\n      return oldFocusedNodeId;\n    });\n  });\n\n  const createHandleFocus =\n    (otherHandlers: EventHandlers) =>\n    (event: React.FocusEvent<HTMLUListElement>) => {\n      otherHandlers.onFocus?.(event);\n\n      // if the event bubbled (which is React specific) we don't want to steal focus\n      if (event.target === event.currentTarget) {\n        const isNodeVisible = (nodeId: string) => {\n          const node = instance.getNode(nodeId);\n          return (\n            node &&\n            (node.parentId == null || instance.isNodeExpanded(node.parentId))\n          );\n        };\n\n        let nodeToFocusId: string | null | undefined;\n        if (Array.isArray(models.selected.value)) {\n          nodeToFocusId = models.selected.value.find(isNodeVisible);\n        } else if (\n          models.selected.value != null &&\n          isNodeVisible(models.selected.value)\n        ) {\n          nodeToFocusId = models.selected.value;\n        }\n\n        if (nodeToFocusId == null) {\n          // eslint-disable-next-line prefer-destructuring\n          nodeToFocusId = instance.getNavigableChildrenIds(null)[0];\n        }\n\n        instance.focusNode(event, nodeToFocusId);\n      }\n    };\n\n  const createHandleBlur =\n    (otherHandlers: EventHandlers) =>\n    (event: React.FocusEvent<HTMLUListElement>) => {\n      otherHandlers.onBlur?.(event);\n      setFocusedNodeId(null);\n    };\n\n  const focusedNode = instance.getNode(state.focusedNodeId!);\n  const activeDescendant = focusedNode ? focusedNode.idAttribute : null;\n\n  return {\n    getRootProps: (otherHandlers) => ({\n      onFocus: createHandleFocus(otherHandlers),\n      onBlur: createHandleBlur(otherHandlers),\n      \"aria-activedescendant\": activeDescendant ?? undefined,\n    }),\n  };\n};\n\nuseTreeViewFocus.getInitialState = () => ({ focusedNodeId: null });\n\nuseTreeViewFocus.getDefaultizedParams = (params) => ({\n  ...params,\n  disabledItemsFocusable: params.disabledItemsFocusable ?? false,\n});\n"],"names":["useTreeViewFocus","instance","params","state","setState","models","rootRef","setFocusedNodeId","useEventCallback","nodeId","cleanNodeId","focusedNodeId","prevState","isNodeFocused","React","useCallback","focusNode","event","onNodeFocus","populateInstance","id","oldFocusedNodeId","current","ownerDocument","activeElement","getChildrenIds","createHandleFocus","otherHandlers","onFocus","target","currentTarget","isNodeVisible","node","getNode","parentId","isNodeExpanded","nodeToFocusId","Array","isArray","selected","value","find","getNavigableChildrenIds","createHandleBlur","onBlur","focusedNode","activeDescendant","idAttribute","getRootProps","undefined","getInitialState","getDefaultizedParams","disabledItemsFocusable"],"mappings":";;;;AA8CO,MAAMA,mBAA8DA,CAAC;AAAA,EAC1EC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AACF,MAAM;AACEC,QAAAA,mBAAmBC,iBACvB,CAACC,WAAgD;AAC/C,UAAMC,cACJ,OAAOD,WAAW,aAAaA,OAAON,MAAMQ,aAAa,IAAIF;AAC/DL,aAAUQ,CAAe,eAAA;AAAA,MAAE,GAAGA;AAAAA,MAAWD,eAAeD;AAAAA,IAAc,EAAA;AAAA,EAAA,CAE1E;AAEMG,QAAAA,gBAAgBC,MAAMC,YAC1B,CAACN,WAAmBN,MAAMQ,kBAAkBF,QAC5C,CAACN,MAAMQ,aAAa,CACtB;AAEA,QAAMK,YAAYR,iBAChB,CAACS,OAA6BR,WAA0B;AACtD,QAAIA,QAAQ;AACVF,uBAAiBE,MAAM;AAEvB,UAAIP,OAAOgB,aAAa;AACfA,eAAAA,YAAYD,OAAOR,MAAM;AAAA,MAClC;AAAA,IACF;AAAA,EAAA,CAEJ;AAEAU,mBAA4ClB,UAAU;AAAA,IACpDY;AAAAA,IACAG;AAAAA,EAAAA,CACD;AAEuBf,0BAAAA,UAAiB,cAAc,CAAC;AAAA,IAAEmB;AAAAA,EAAAA,MAAS;AACjEb,qBAAkBc,CAAqB,qBAAA;AAEnCA,UAAAA,qBAAqBD,MACrBd,QAAQgB,YAAYC,cAAcjB,QAAQgB,OAAO,EAAEE,eACnD;AACA,eAAOvB,SAASwB,eAAe,IAAI,EAAE,CAAC;AAAA,MACxC;AACOJ,aAAAA;AAAAA,IAAAA,CACR;AAAA,EAAA,CACF;AAED,QAAMK,oBACJA,CAACC,kBACD,CAACV,UAA8C;AAC7CU,kBAAcC,UAAUX,KAAK;AAGzBA,QAAAA,MAAMY,WAAWZ,MAAMa,eAAe;AAClCC,YAAAA,gBAAgBA,CAACtB,WAAmB;AAClCuB,cAAAA,OAAO/B,SAASgC,QAAQxB,MAAM;AACpC,eACEuB,SACCA,KAAKE,YAAY,QAAQjC,SAASkC,eAAeH,KAAKE,QAAQ;AAAA,MAAA;AAI/DE,UAAAA;AACJ,UAAIC,MAAMC,QAAQjC,OAAOkC,SAASC,KAAK,GAAG;AACxCJ,wBAAgB/B,OAAOkC,SAASC,MAAMC,KAAKV,aAAa;AAAA,MAAA,WAExD1B,OAAOkC,SAASC,SAAS,QACzBT,cAAc1B,OAAOkC,SAASC,KAAK,GACnC;AACAJ,wBAAgB/B,OAAOkC,SAASC;AAAAA,MAClC;AAEA,UAAIJ,iBAAiB,MAAM;AAEzBA,wBAAgBnC,SAASyC,wBAAwB,IAAI,EAAE,CAAC;AAAA,MAC1D;AAES1B,eAAAA,UAAUC,OAAOmB,aAAa;AAAA,IACzC;AAAA,EAAA;AAGJ,QAAMO,mBACJA,CAAChB,kBACD,CAACV,UAA8C;AAC7CU,kBAAciB,SAAS3B,KAAK;AAC5BV,qBAAiB,IAAI;AAAA,EAAA;AAGzB,QAAMsC,cAAc5C,SAASgC,QAAQ9B,MAAMQ,aAAc;AACnDmC,QAAAA,mBAAmBD,cAAcA,YAAYE,cAAc;AAE1D,SAAA;AAAA,IACLC,cAAerB,CAAmB,mBAAA;AAAA,MAChCC,SAASF,kBAAkBC,aAAa;AAAA,MACxCiB,QAAQD,iBAAiBhB,aAAa;AAAA,MACtC,yBAAyBmB,oBAAoBG;AAAAA,IAAAA;AAAAA,EAC/C;AAEJ;AAEAjD,iBAAiBkD,kBAAkB,OAAO;AAAA,EAAEvC,eAAe;AAAK;AAEhEX,iBAAiBmD,uBAAwBjD,CAAY,YAAA;AAAA,EACnD,GAAGA;AAAAA,EACHkD,wBAAwBlD,OAAOkD,0BAA0B;AAC3D;"}
+{"version":3,"file":"useTreeViewFocus.js","sources":["../../../../../../../src/components/TreeView/internals/hooks/plugins/useTreeViewFocus.ts"],"sourcesContent":["import * as React from \"react\";\nimport { EventHandlers } from \"@mui/base/utils\";\nimport { ownerDocument, useEventCallback } from \"@mui/material/utils\";\n\nimport type { TreeViewPlugin, TreeViewPluginSignature } from \"../../types\";\nimport { populateInstance } from \"../utils\";\nimport { useInstanceEventHandler } from \"../useInstanceEventHandler\";\nimport type { UseTreeViewNodesSignature } from \"./useTreeViewNodes\";\nimport type { UseTreeViewSelectionSignature } from \"./useTreeViewSelection\";\nimport type { UseTreeViewExpansionSignature } from \"./useTreeViewExpansion\";\n\nexport interface UseTreeViewFocusInstance {\n  isNodeFocused: (nodeId: string) => boolean;\n  focusNode: (event: React.SyntheticEvent, nodeId: string | null) => void;\n}\n\nexport interface UseTreeViewFocusParameters {\n  /**\n   * Callback fired when tree items are focused.\n   * @param {React.SyntheticEvent} event The event source of the callback **Warning**: This is a generic event not a focus event.\n   * @param {string} nodeId The id of the node focused.\n   * @param {string} value of the focused node.\n   */\n  onNodeFocus?: (event: React.SyntheticEvent, nodeId: string) => void;\n}\n\nexport type UseTreeViewFocusDefaultizedParameters = UseTreeViewFocusParameters;\n\nexport interface UseTreeViewFocusState {\n  focusedNodeId: string | null;\n}\n\nexport type UseTreeViewFocusSignature = TreeViewPluginSignature<\n  UseTreeViewFocusParameters,\n  UseTreeViewFocusParameters,\n  UseTreeViewFocusInstance,\n  {},\n  UseTreeViewFocusState,\n  never,\n  [\n    UseTreeViewNodesSignature,\n    UseTreeViewSelectionSignature<any>,\n    UseTreeViewExpansionSignature\n  ]\n>;\n\nexport const useTreeViewFocus: TreeViewPlugin<UseTreeViewFocusSignature> = ({\n  instance,\n  params,\n  state,\n  setState,\n  models,\n  rootRef,\n}) => {\n  const setFocusedNodeId = useEventCallback(\n    (nodeId: React.SetStateAction<string | null>) => {\n      const cleanNodeId =\n        typeof nodeId === \"function\" ? nodeId(state.focusedNodeId) : nodeId;\n      setState((prevState) => ({ ...prevState, focusedNodeId: cleanNodeId }));\n    }\n  );\n\n  const isNodeFocused = React.useCallback(\n    (nodeId: string) => state.focusedNodeId === nodeId,\n    [state.focusedNodeId]\n  );\n\n  const focusNode = useEventCallback(\n    (event: React.SyntheticEvent, nodeId: string | null) => {\n      if (nodeId) {\n        setFocusedNodeId(nodeId);\n\n        if (params.onNodeFocus) {\n          params.onNodeFocus(event, nodeId);\n        }\n      }\n    }\n  );\n\n  populateInstance<UseTreeViewFocusSignature>(instance, {\n    isNodeFocused,\n    focusNode,\n  });\n\n  useInstanceEventHandler(instance as any, \"removeNode\", ({ id }) => {\n    setFocusedNodeId((oldFocusedNodeId) => {\n      if (\n        oldFocusedNodeId === id &&\n        rootRef.current === ownerDocument(rootRef.current).activeElement\n      ) {\n        return instance.getChildrenIds(null)[0];\n      }\n      return oldFocusedNodeId;\n    });\n  });\n\n  const createHandleFocus =\n    (otherHandlers: EventHandlers) =>\n    (event: React.FocusEvent<HTMLUListElement>) => {\n      otherHandlers.onFocus?.(event);\n\n      // if the event bubbled (which is React specific) we don't want to steal focus\n      if (event.target === event.currentTarget) {\n        const isNodeVisible = (nodeId: string) => {\n          const node = instance.getNode(nodeId);\n          return (\n            node &&\n            (node.parentId == null || instance.isNodeExpanded(node.parentId))\n          );\n        };\n\n        let nodeToFocusId: string | null | undefined;\n        if (Array.isArray(models.selected.value)) {\n          nodeToFocusId = models.selected.value.find(isNodeVisible);\n        } else if (\n          models.selected.value != null &&\n          isNodeVisible(models.selected.value)\n        ) {\n          nodeToFocusId = models.selected.value;\n        }\n\n        if (nodeToFocusId == null) {\n          // eslint-disable-next-line prefer-destructuring\n          nodeToFocusId = instance.getNavigableChildrenIds(null)[0];\n        }\n\n        instance.focusNode(event, nodeToFocusId);\n      }\n    };\n\n  const createHandleBlur =\n    (otherHandlers: EventHandlers) =>\n    (event: React.FocusEvent<HTMLUListElement>) => {\n      otherHandlers.onBlur?.(event);\n      setFocusedNodeId(null);\n    };\n\n  const focusedNode = instance.getNode(state.focusedNodeId!);\n  const activeDescendant = focusedNode ? focusedNode.idAttribute : null;\n\n  return {\n    getRootProps: (otherHandlers) => ({\n      onFocus: createHandleFocus(otherHandlers),\n      onBlur: createHandleBlur(otherHandlers),\n      \"aria-activedescendant\": activeDescendant ?? undefined,\n    }),\n  };\n};\n\nuseTreeViewFocus.getInitialState = () => ({ focusedNodeId: null });\n\nuseTreeViewFocus.getDefaultizedParams = (params) => ({\n  ...params,\n  disabledItemsFocusable: params.disabledItemsFocusable ?? false,\n});\n"],"names":[],"mappings":";;;;AA8CO,MAAM,mBAA8D,CAAC;AAAA,EAC1E;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,mBAAmB;AAAA,IACvB,CAAC,WAAgD;AAC/C,YAAM,cACJ,OAAO,WAAW,aAAa,OAAO,MAAM,aAAa,IAAI;AAC/D,eAAS,CAAC,eAAe,EAAE,GAAG,WAAW,eAAe,YAAc,EAAA;AAAA,IACxE;AAAA,EAAA;AAGF,QAAM,gBAAgB,MAAM;AAAA,IAC1B,CAAC,WAAmB,MAAM,kBAAkB;AAAA,IAC5C,CAAC,MAAM,aAAa;AAAA,EAAA;AAGtB,QAAM,YAAY;AAAA,IAChB,CAAC,OAA6B,WAA0B;AACtD,UAAI,QAAQ;AACV,yBAAiB,MAAM;AAEvB,YAAI,OAAO,aAAa;AACf,iBAAA,YAAY,OAAO,MAAM;AAAA,QAClC;AAAA,MACF;AAAA,IACF;AAAA,EAAA;AAGF,mBAA4C,UAAU;AAAA,IACpD;AAAA,IACA;AAAA,EAAA,CACD;AAED,0BAAwB,UAAiB,cAAc,CAAC,EAAE,SAAS;AACjE,qBAAiB,CAAC,qBAAqB;AAEnC,UAAA,qBAAqB,MACrB,QAAQ,YAAY,cAAc,QAAQ,OAAO,EAAE,eACnD;AACA,eAAO,SAAS,eAAe,IAAI,EAAE,CAAC;AAAA,MACxC;AACO,aAAA;AAAA,IAAA,CACR;AAAA,EAAA,CACF;AAED,QAAM,oBACJ,CAAC,kBACD,CAAC,UAA8C;AAC7C,kBAAc,UAAU,KAAK;AAGzB,QAAA,MAAM,WAAW,MAAM,eAAe;AAClC,YAAA,gBAAgB,CAAC,WAAmB;AAClC,cAAA,OAAO,SAAS,QAAQ,MAAM;AACpC,eACE,SACC,KAAK,YAAY,QAAQ,SAAS,eAAe,KAAK,QAAQ;AAAA,MAAA;AAI/D,UAAA;AACJ,UAAI,MAAM,QAAQ,OAAO,SAAS,KAAK,GAAG;AACxC,wBAAgB,OAAO,SAAS,MAAM,KAAK,aAAa;AAAA,MAAA,WAExD,OAAO,SAAS,SAAS,QACzB,cAAc,OAAO,SAAS,KAAK,GACnC;AACA,wBAAgB,OAAO,SAAS;AAAA,MAClC;AAEA,UAAI,iBAAiB,MAAM;AAEzB,wBAAgB,SAAS,wBAAwB,IAAI,EAAE,CAAC;AAAA,MAC1D;AAES,eAAA,UAAU,OAAO,aAAa;AAAA,IACzC;AAAA,EAAA;AAGJ,QAAM,mBACJ,CAAC,kBACD,CAAC,UAA8C;AAC7C,kBAAc,SAAS,KAAK;AAC5B,qBAAiB,IAAI;AAAA,EAAA;AAGzB,QAAM,cAAc,SAAS,QAAQ,MAAM,aAAc;AACnD,QAAA,mBAAmB,cAAc,YAAY,cAAc;AAE1D,SAAA;AAAA,IACL,cAAc,CAAC,mBAAmB;AAAA,MAChC,SAAS,kBAAkB,aAAa;AAAA,MACxC,QAAQ,iBAAiB,aAAa;AAAA,MACtC,yBAAyB,oBAAoB;AAAA,IAAA;AAAA,EAC/C;AAEJ;AAEA,iBAAiB,kBAAkB,OAAO,EAAE,eAAe,KAAK;AAEhE,iBAAiB,uBAAuB,CAAC,YAAY;AAAA,EACnD,GAAG;AAAA,EACH,wBAAwB,OAAO,0BAA0B;AAC3D;"}

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

@@ -13,20 +13,14 @@ function findNextFirstChar(firstChars, startIndex, char) {
   }
   return -1;
 }
-const useTreeViewKeyboardNavigation = ({
-  instance,
-  params,
-  state
-}) => {
+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
-      };
+      const newMap = { ...firstCharMap.current };
       delete newMap[nodeId];
       firstCharMap.current = newMap;
     };
@@ -88,26 +82,32 @@ const useTreeViewKeyboardNavigation = ({
   };
   const selectNextNode = (event, id) => {
     if (!instance.isNodeDisabled(getNextNode(instance, id))) {
-      instance.selectRange(event, {
-        end: getNextNode(instance, id),
-        current: id
-      }, true);
+      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);
+      instance.selectRange(
+        event,
+        {
+          end: getPreviousNode(instance, nodeId),
+          current: nodeId
+        },
+        true
+      );
     }
   };
   const createHandleKeyDown = (otherHandlers) => (event) => {
     otherHandlers.onKeyDown?.(event);
     let flag = false;
-    const {
-      key
-    } = event;
+    const { key } = event;
     if (event.altKey || event.currentTarget !== event.target || state.focusedNodeId == null) {
       return;
     }
@@ -117,9 +117,7 @@ const useTreeViewKeyboardNavigation = ({
         if (!params.disableSelection && !instance.isNodeDisabled(state.focusedNodeId)) {
           flag = true;
           if (params.multiSelect && event.shiftKey) {
-            instance.selectRange(event, {
-              end: state.focusedNodeId
-            });
+            instance.selectRange(event, { end: state.focusedNodeId });
           } else if (params.multiSelect) {
             instance.selectNode(event, state.focusedNodeId, true);
           } else {
@@ -155,7 +153,10 @@ const useTreeViewKeyboardNavigation = ({
         if (params.multiSelect && event.shiftKey && !params.disableSelection) {
           selectPreviousNode(event, state.focusedNodeId);
         }
-        instance.focusNode(event, getPreviousNode(instance, state.focusedNodeId));
+        instance.focusNode(
+          event,
+          getPreviousNode(instance, state.focusedNodeId)
+        );
         flag = true;
         break;
       case "ArrowRight":

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

@@ -1 +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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"}
+{"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":[],"mappings":"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"}

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

@@ -7,44 +7,53 @@ const useTreeViewNodes = ({
   params
 }) => {
   const nodeMap = React.useRef({});
-  const getNode = React.useCallback((nodeId) => nodeMap.current[nodeId], []);
+  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);
+  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;
       }
-    }
-    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));
+      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));
+      childrenIds = childrenIds.filter(
+        (node) => !instance.isNodeDisabled(node)
+      );
     }
     return childrenIds;
   };

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

@@ -1 +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;"}
+{"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":[],"mappings":";;;;AAkDO,MAAM,mBAA8D,CAAC;AAAA,EAC1E;AAAA,EACA;AACF,MAAM;AACJ,QAAM,UAAU,MAAM,OAA2C,CAAE,CAAA;AAEnE,QAAM,UAAU,MAAM;AAAA,IACpB,CAAC,WAAmB,QAAQ,QAAQ,MAAM;AAAA,IAC1C,CAAC;AAAA,EAAA;AAGH,QAAM,aAAa,MAAM,YAAY,CAAC,SAAuB;AACnD,YAAA,QAAQ,KAAK,EAAE,IAAI;AAAA,EAC7B,GAAG,CAAE,CAAA;AAEL,QAAM,aAAa,MAAM;AAAA,IACvB,CAAC,WAAmB;AAClB,YAAM,SAAS,EAAE,GAAG,QAAQ,QAAQ;AACpC,aAAO,OAAO,MAAM;AACpB,cAAQ,UAAU;AAClB,2BAAqB,UAAiB,cAAc,EAAE,IAAI,OAAQ,CAAA;AAAA,IACpE;AAAA,IACA,CAAC,QAAQ;AAAA,EAAA;AAGX,QAAM,iBAAiB,MAAM;AAAA,IAC3B,CAAC,WAA4C;AAC3C,UAAI,UAAU,MAAM;AACX,eAAA;AAAA,MACT;AAEI,UAAA,OAAO,SAAS,QAAQ,MAAM;AAGlC,UAAI,CAAC,MAAM;AACF,eAAA;AAAA,MACT;AAEA,UAAI,KAAK,UAAU;AACV,eAAA;AAAA,MACT;AAEO,aAAA,KAAK,YAAY,MAAM;AACrB,eAAA,SAAS,QAAQ,KAAK,QAAQ;AACrC,YAAI,KAAK,UAAU;AACV,iBAAA;AAAA,QACT;AAAA,MACF;AAEO,aAAA;AAAA,IACT;AAAA,IACA,CAAC,QAAQ;AAAA,EAAA;AAGX,QAAM,iBAAiB;AAAA,IAAiB,CAAC,WACvC,OAAO,OAAO,QAAQ,OAAO,EAC1B,OAAO,CAAC,SAAS,KAAK,aAAa,MAAM,EACzC,KAAK,CAAC,GAAG,MAAM,EAAE,QAAQ,EAAE,KAAK,EAChC,IAAI,CAAC,UAAU,MAAM,EAAE;AAAA,EAAA;AAGtB,QAAA,0BAA0B,CAAC,WAA0B;AACrD,QAAA,cAAc,SAAS,eAAe,MAAM;AAE5C,QAAA,CAAC,OAAO,wBAAwB;AAClC,oBAAc,YAAY;AAAA,QACxB,CAAC,SAAS,CAAC,SAAS,eAAe,IAAI;AAAA,MAAA;AAAA,IAE3C;AACO,WAAA;AAAA,EAAA;AAGT,mBAA4C,UAAU;AAAA,IACpD;AAAA,IACA,YAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,CACD;AACH;"}

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

@@ -41,11 +41,7 @@ const findOrderInTremauxTree = (instance, nodeAId, nodeBId) => {
   const bSide = bFamily[bFamily.indexOf(commonAncestor) - 1];
   return ancestorFamily.indexOf(aSide) < ancestorFamily.indexOf(bSide) ? [nodeAId, nodeBId] : [nodeBId, nodeAId];
 };
-const useTreeViewSelection = ({
-  instance,
-  params,
-  models
-}) => {
+const useTreeViewSelection = ({ instance, params, models }) => {
   const lastSelectedNode = React.useRef(null);
   const lastSelectionWasRange = React.useRef(false);
   const currentRangeSelection = React.useRef([]);
@@ -63,7 +59,10 @@ const useTreeViewSelection = ({
           newSelected = [nodeId].concat(models.selected.value);
         }
         if (params.onNodeSelect) {
-          params.onNodeSelect(event, newSelected);
+          params.onNodeSelect(
+            event,
+            newSelected
+          );
         }
         models.selected.setValue(newSelected);
       }
@@ -90,11 +89,7 @@ const useTreeViewSelection = ({
   };
   const handleRangeArrowSelect = (event, nodes) => {
     let base = models.selected.value.slice();
-    const {
-      start,
-      next,
-      current
-    } = nodes;
+    const { start, next, current } = nodes;
     if (!next || !current) {
       return;
     }
@@ -104,7 +99,9 @@ const useTreeViewSelection = ({
     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);
+        currentRangeSelection.current = currentRangeSelection.current.filter(
+          (id) => id === start || id !== current
+        );
       } else {
         base.push(next);
         currentRangeSelection.current.push(next);
@@ -114,18 +111,20 @@ const useTreeViewSelection = ({
       currentRangeSelection.current.push(current, next);
     }
     if (params.onNodeSelect) {
-      params.onNodeSelect(event, base);
+      params.onNodeSelect(
+        event,
+        base
+      );
     }
     models.selected.setValue(base);
   };
   const handleRangeSelect = (event, nodes) => {
     let base = models.selected.value.slice();
-    const {
-      start,
-      end
-    } = nodes;
+    const { start, end } = nodes;
     if (lastSelectionWasRange.current) {
-      base = base.filter((id) => currentRangeSelection.current.indexOf(id) === -1);
+      base = base.filter(
+        (id) => currentRangeSelection.current.indexOf(id) === -1
+      );
     }
     let range = getNodesInRange(start, end);
     range = range.filter((node) => !instance.isNodeDisabled(node));
@@ -133,7 +132,10 @@ const useTreeViewSelection = ({
     let newSelected = base.concat(range);
     newSelected = newSelected.filter((id, i) => newSelected.indexOf(id) === i);
     if (params.onNodeSelect) {
-      params.onNodeSelect(event, newSelected);
+      params.onNodeSelect(
+        event,
+        newSelected
+      );
     }
     models.selected.setValue(newSelected);
   };
@@ -141,22 +143,11 @@ const useTreeViewSelection = ({
     if (params.disableSelection) {
       return;
     }
-    const {
-      start = lastSelectedNode.current,
-      end,
-      current
-    } = nodes;
+    const { start = lastSelectedNode.current, end, current } = nodes;
     if (stacked) {
-      handleRangeArrowSelect(event, {
-        start,
-        next: end,
-        current
-      });
+      handleRangeArrowSelect(event, { start, next: end, current });
     } else if (start != null && end != null) {
-      handleRangeSelect(event, {
-        start,
-        end
-      });
+      handleRangeSelect(event, { start, end });
     }
     lastSelectionWasRange.current = true;
   };
@@ -194,10 +185,7 @@ const useTreeViewSelection = ({
   };
 };
 useTreeViewSelection.models = {
-  selected: {
-    controlledProp: "selected",
-    defaultProp: "defaultSelected"
-  }
+  selected: { controlledProp: "selected", defaultProp: "defaultSelected" }
 };
 const DEFAULT_SELECTED = [];
 useTreeViewSelection.getDefaultizedParams = (params) => ({

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

@@ -1 +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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"}
+{"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":[],"mappings":";;AAgCO,MAAM,yBAAyB,CACpC,UACA,SACA,YACG;AACH,MAAI,YAAY,SAAS;AAChB,WAAA,CAAC,SAAS,OAAO;AAAA,EAC1B;AAEM,QAAA,QAAQ,SAAS,QAAQ,OAAO;AAChC,QAAA,QAAQ,SAAS,QAAQ,OAAO;AAEtC,MAAI,MAAM,aAAa,MAAM,MAAM,MAAM,aAAa,MAAM,IAAI;AAC9D,WAAO,MAAM,aAAa,MAAM,KAC5B,CAAC,MAAM,IAAI,MAAM,EAAE,IACnB,CAAC,MAAM,IAAI,MAAM,EAAE;AAAA,EACzB;AAEM,QAAA,UAA6B,CAAC,MAAM,EAAE;AACtC,QAAA,UAA6B,CAAC,MAAM,EAAE;AAE5C,MAAI,YAAY,MAAM;AACtB,MAAI,YAAY,MAAM;AAEtB,MAAI,oBAAoB,QAAQ,QAAQ,SAAS,MAAM;AACvD,MAAI,oBAAoB,QAAQ,QAAQ,SAAS,MAAM;AAEvD,MAAI,YAAY;AAChB,MAAI,YAAY;AAET,SAAA,CAAC,qBAAqB,CAAC,mBAAmB;AAC/C,QAAI,WAAW;AACb,cAAQ,KAAK,SAAS;AACF,0BAAA,QAAQ,QAAQ,SAAS,MAAM;AACnD,kBAAY,cAAc;AACtB,UAAA,CAAC,qBAAqB,WAAW;AACvB,oBAAA,SAAS,QAAQ,SAAU,EAAE;AAAA,MAC3C;AAAA,IACF;AAEI,QAAA,aAAa,CAAC,mBAAmB;AACnC,cAAQ,KAAK,SAAS;AACF,0BAAA,QAAQ,QAAQ,SAAS,MAAM;AACnD,kBAAY,cAAc;AACtB,UAAA,CAAC,qBAAqB,WAAW;AACvB,oBAAA,SAAS,QAAQ,SAAU,EAAE;AAAA,MAC3C;AAAA,IACF;AAAA,EACF;AAEM,QAAA,iBAAiB,oBAAoB,YAAY;AACjD,QAAA,iBAAiB,SAAS,eAAe,cAAc;AAE7D,QAAM,QAAQ,QAAQ,QAAQ,QAAQ,cAAc,IAAI,CAAC;AACzD,QAAM,QAAQ,QAAQ,QAAQ,QAAQ,cAAc,IAAI,CAAC;AAEzD,SAAO,eAAe,QAAQ,KAAM,IAAI,eAAe,QAAQ,KAAM,IACjE,CAAC,SAAS,OAAO,IACjB,CAAC,SAAS,OAAO;AACvB;AAwFO,MAAM,uBAET,CAAC,EAAE,UAAU,QAAQ,aAAa;AAC9B,QAAA,mBAAmB,MAAM,OAAsB,IAAI;AACnD,QAAA,wBAAwB,MAAM,OAAO,KAAK;AAChD,QAAM,wBAAwB,MAAM,OAAiB,CAAE,CAAA;AAEvD,QAAM,iBAAiB,CAAC,WACtB,MAAM,QAAQ,OAAO,SAAS,KAAK,IAC/B,OAAO,SAAS,MAAM,QAAQ,MAAM,MAAM,KAC1C,OAAO,SAAS,UAAU;AAEhC,QAAM,aAAa,CACjB,OACA,QACA,WAAW,UACR;AACH,QAAI,OAAO,kBAAkB;AAC3B;AAAA,IACF;AAEA,QAAI,UAAU;AACZ,UAAI,MAAM,QAAQ,OAAO,SAAS,KAAK,GAAG;AACpC,YAAA;AACJ,YAAI,OAAO,SAAS,MAAM,QAAQ,MAAM,MAAM,IAAI;AAChD,wBAAc,OAAO,SAAS,MAAM,OAAO,CAAC,OAAO,OAAO,MAAM;AAAA,QAAA,OAC3D;AACL,wBAAc,CAAC,MAAM,EAAE,OAAO,OAAO,SAAS,KAAK;AAAA,QACrD;AAEA,YAAI,OAAO,cAAc;AACtB,iBAAO;AAAA,YACN;AAAA,YACA;AAAA,UAAA;AAAA,QAEJ;AAEO,eAAA,SAAS,SAAS,WAAW;AAAA,MACtC;AAAA,IAAA,OACK;AACL,YAAM,cAAc,OAAO,cAAc,CAAC,MAAM,IAAI;AAEpD,UAAI,OAAO,cAAc;AAChB,eAAA,aAAa,OAAO,WAAgC;AAAA,MAC7D;AAEO,aAAA,SAAS,SAAS,WAAW;AAAA,IACtC;AACA,qBAAiB,UAAU;AAC3B,0BAAsB,UAAU;AAChC,0BAAsB,UAAU;EAAC;AAG7B,QAAA,kBAAkB,CAAC,SAAiB,YAAoB;AAC5D,UAAM,CAAC,OAAO,IAAI,IAAI,uBAAuB,UAAU,SAAS,OAAO;AACjE,UAAA,QAAQ,CAAC,KAAK;AAEpB,QAAI,UAAU;AAEd,WAAO,YAAY,MAAM;AACb,gBAAA,YAAY,UAAU,OAAO;AACvC,YAAM,KAAK,OAAO;AAAA,IACpB;AAEO,WAAA;AAAA,EAAA;AAGH,QAAA,yBAAyB,CAC7B,OACA,UACG;AACH,QAAI,OAAQ,OAAO,SAAS,MAAmB,MAAM;AACrD,UAAM,EAAE,OAAO,MAAM,QAAA,IAAY;AAE7B,QAAA,CAAC,QAAQ,CAAC,SAAS;AACrB;AAAA,IACF;AAEA,QAAI,sBAAsB,QAAQ,QAAQ,OAAO,MAAM,IAAI;AACzD,4BAAsB,UAAU;IAClC;AAEA,QAAI,sBAAsB,SAAS;AACjC,UAAI,sBAAsB,QAAQ,QAAQ,IAAI,MAAM,IAAI;AACtD,eAAO,KAAK,OAAO,CAAC,OAAO,OAAO,SAAS,OAAO,OAAO;AACnC,8BAAA,UAAU,sBAAsB,QAAQ;AAAA,UAC5D,CAAC,OAAO,OAAO,SAAS,OAAO;AAAA,QAAA;AAAA,MACjC,OACK;AACL,aAAK,KAAK,IAAI;AACQ,8BAAA,QAAQ,KAAK,IAAI;AAAA,MACzC;AAAA,IAAA,OACK;AACL,WAAK,KAAK,IAAI;AACQ,4BAAA,QAAQ,KAAK,SAAS,IAAI;AAAA,IAClD;AAEA,QAAI,OAAO,cAAc;AACtB,aAAO;AAAA,QACN;AAAA,QACA;AAAA,MAAA;AAAA,IAEJ;AAEO,WAAA,SAAS,SAAS,IAAI;AAAA,EAAA;AAGzB,QAAA,oBAAoB,CACxB,OACA,UACG;AACH,QAAI,OAAQ,OAAO,SAAS,MAAmB,MAAM;AAC/C,UAAA,EAAE,OAAO,IAAQ,IAAA;AAEvB,QAAI,sBAAsB,SAAS;AACjC,aAAO,KAAK;AAAA,QACV,CAAC,OAAO,sBAAsB,QAAQ,QAAQ,EAAE,MAAM;AAAA,MAAA;AAAA,IAE1D;AAEI,QAAA,QAAQ,gBAAgB,OAAO,GAAG;AAC9B,YAAA,MAAM,OAAO,CAAC,SAAS,CAAC,SAAS,eAAe,IAAI,CAAC;AAC7D,0BAAsB,UAAU;AAC5B,QAAA,cAAc,KAAK,OAAO,KAAK;AACrB,kBAAA,YAAY,OAAO,CAAC,IAAI,MAAM,YAAY,QAAQ,EAAE,MAAM,CAAC;AAEzE,QAAI,OAAO,cAAc;AACtB,aAAO;AAAA,QACN;AAAA,QACA;AAAA,MAAA;AAAA,IAEJ;AAEO,WAAA,SAAS,SAAS,WAAW;AAAA,EAAA;AAGtC,QAAM,cAAc,CAClB,OACA,OACA,UAAU,UACP;AACH,QAAI,OAAO,kBAAkB;AAC3B;AAAA,IACF;AAEA,UAAM,EAAE,QAAQ,iBAAiB,SAAS,KAAK,QAAY,IAAA;AAC3D,QAAI,SAAS;AACX,6BAAuB,OAAO,EAAE,OAAO,MAAM,KAAK,SAAS;AAAA,IAClD,WAAA,SAAS,QAAQ,OAAO,MAAM;AACvC,wBAAkB,OAAO,EAAE,OAAO,IAAK,CAAA;AAAA,IACzC;AACA,0BAAsB,UAAU;AAAA,EAAA;AAG5B,QAAA,qBAAqB,CACzB,OACA,WACG;AACC,QAAA,CAAC,iBAAiB,SAAS;AAC7B,uBAAiB,UAAU;AAAA,IAC7B;AAEA,UAAM,QAAQ,sBAAsB,UAChC,iBAAiB,UACjB;AAEJ,aAAS,YAAY,OAAO;AAAA,MAC1B;AAAA,MACA,KAAK,aAAa,QAAQ;AAAA,IAAA,CAC3B;AAAA,EAAA;AAGG,QAAA,oBAAoB,CACxB,OACA,WACG;AACC,QAAA,CAAC,iBAAiB,SAAS;AAC7B,uBAAiB,UAAU;AAAA,IAC7B;AAEA,UAAM,QAAQ,sBAAsB,UAChC,iBAAiB,UACjB;AAEJ,aAAS,YAAY,OAAO;AAAA,MAC1B;AAAA,MACA,KAAK,YAAY,QAAQ;AAAA,IAAA,CAC1B;AAAA,EAAA;AAGH,mBAAqD,UAAU;AAAA,IAC7D;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,CACD;AAEM,SAAA;AAAA,IACL,cAAc,OAAO;AAAA,MACnB,wBAAwB,OAAO;AAAA,IAAA;AAAA,EACjC;AAEJ;AAEA,qBAAqB,SAAS;AAAA,EAC5B,UAAU,EAAE,gBAAgB,YAAY,aAAa,kBAAkB;AACzE;AAEA,MAAM,mBAA6B,CAAA;AAEnC,qBAAqB,uBAAuB,CAAC,YAAY;AAAA,EACvD,GAAG;AAAA,EACH,kBAAkB,OAAO,oBAAoB;AAAA,EAC7C,aAAa,OAAO,eAAe;AAAA,EACnC,iBACE,OAAO,oBAAoB,OAAO,cAAc,mBAAmB;AACvE;"}

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

@@ -9,7 +9,9 @@ function createUseInstanceEventHandler(registryContainer2) {
     if (registryContainer2.registry === null) {
       registryContainer2.registry = typeof FinalizationRegistry !== "undefined" ? new FinalizationRegistryBasedCleanupTracking() : new TimerBasedCleanupTracking();
     }
-    const [objectRetainedByReact] = React.useState(new ObjectToBeRetainedByReact());
+    const [objectRetainedByReact] = React.useState(
+      new ObjectToBeRetainedByReact()
+    );
     const subscription = React.useRef(null);
     const handlerRef = React.useRef();
     handlerRef.current = handler;
@@ -20,11 +22,12 @@ function createUseInstanceEventHandler(registryContainer2) {
           handlerRef.current?.(params, event);
         }
       };
-      subscription.current = instance.$$subscribeEvent(eventName, enhancedHandler);
+      subscription.current = instance.$$subscribeEvent(
+        eventName,
+        enhancedHandler
+      );
       cleanupTokensCounter += 1;
-      cleanupTokenRef.current = {
-        cleanupToken: cleanupTokensCounter
-      };
+      cleanupTokenRef.current = { cleanupToken: cleanupTokensCounter };
       registryContainer2.registry.register(
         objectRetainedByReact,
         // The callback below will be called once this reference stops being retained
@@ -50,7 +53,10 @@ function createUseInstanceEventHandler(registryContainer2) {
             handlerRef.current?.(params, event);
           }
         };
-        subscription.current = instance.$$subscribeEvent(eventName, enhancedHandler);
+        subscription.current = instance.$$subscribeEvent(
+          eventName,
+          enhancedHandler
+        );
       }
       if (cleanupTokenRef.current && registryContainer2.registry) {
         registryContainer2.registry.unregister(cleanupTokenRef.current);
@@ -63,9 +69,7 @@ function createUseInstanceEventHandler(registryContainer2) {
     }, [instance, eventName]);
   };
 }
-const registryContainer = {
-  registry: null
-};
+const registryContainer = { registry: null };
 const useInstanceEventHandler = createUseInstanceEventHandler(registryContainer);
 export {
   createUseInstanceEventHandler,