@hitachivantara/uikit-react-core 6.8.1 → 6.9.0

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

@@ -1,200 +1,167 @@
+import { getFirstNode, getLastNode, getNextNode, populateInstance } from "../utils.js";
 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];
+//#region src/TreeView/internals/hooks/plugins/useTreeViewSelection.ts
+/**
+* This is used to determine the start and end of a selection range so
+* we can get the nodes between the two border nodes.
+*
+* It finds the nodes' common ancestor using
+* a naive implementation of a lowest common ancestor algorithm
+* (https://en.wikipedia.org/wiki/Lowest_common_ancestor).
+* Then compares the ancestor's 2 children that are ancestors of nodeA and NodeB
+* so we can compare their indexes to work out which node comes first in a depth first search.
+* (https://en.wikipedia.org/wiki/Depth-first_search)
+*
+* Another way to put it is which node is shallower in a trémaux tree
+* https://en.wikipedia.org/wiki/Tr%C3%A9maux_tree
+*/
+var 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
-    })
-  };
+var 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.models = { selected: {
+	controlledProp: "selected",
+	defaultProp: "defaultSelected"
+} };
+var DEFAULT_SELECTED = [];
 useTreeViewSelection.getDefaultizedParams = (params) => ({
-  ...params,
-  disableSelection: params.disableSelection ?? false,
-  multiSelect: params.multiSelect ?? false,
-  defaultSelected: params.defaultSelected ?? (params.multiSelect ? DEFAULT_SELECTED : null)
+	...params,
+	disableSelection: params.disableSelection ?? false,
+	multiSelect: params.multiSelect ?? false,
+	defaultSelected: params.defaultSelected ?? (params.multiSelect ? DEFAULT_SELECTED : null)
 });
-export {
-  findOrderInTremauxTree,
-  useTreeViewSelection
-};
+//#endregion
+export { useTreeViewSelection };

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

@@ -1,77 +1,55 @@
-import * as React from "react";
 import { FinalizationRegistryBasedCleanupTracking } from "../utils/FinalizationRegistryBasedCleanupTracking.js";
 import { TimerBasedCleanupTracking } from "../utils/TimerBasedCleanupTracking.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(void 0);
-    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]);
-  };
+import * as React from "react";
+//#region src/TreeView/internals/hooks/useInstanceEventHandler.ts
+var ObjectToBeRetainedByReact = class {};
+function createUseInstanceEventHandler(registryContainer) {
+	let cleanupTokensCounter = 0;
+	return function useInstanceEventHandler(instance, eventName, handler) {
+		if (registryContainer.registry === null) registryContainer.registry = typeof FinalizationRegistry !== "undefined" ? new FinalizationRegistryBasedCleanupTracking() : new TimerBasedCleanupTracking();
+		const [objectRetainedByReact] = React.useState(new ObjectToBeRetainedByReact());
+		const subscription = React.useRef(null);
+		const handlerRef = React.useRef(void 0);
+		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 };
+			registryContainer.registry.register(objectRetainedByReact, () => {
+				subscription.current?.();
+				subscription.current = null;
+				cleanupTokenRef.current = null;
+			}, cleanupTokenRef.current);
+		} else if (!handlerRef.current && subscription.current) {
+			subscription.current();
+			subscription.current = null;
+			if (cleanupTokenRef.current) {
+				registryContainer.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 && registryContainer.registry) {
+				registryContainer.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
-};
+var useInstanceEventHandler = createUseInstanceEventHandler({ registry: null });
+//#endregion
+export { useInstanceEventHandler };

package/dist/TreeView/internals/hooks/useTreeView.js

@@ -1,73 +1,58 @@
-import * as React from "react";
-import useForkRef from "@mui/utils/useForkRef";
 import { TREE_VIEW_CORE_PLUGINS } from "../corePlugins.js";
 import { DEFAULT_TREE_VIEW_CONTEXT_VALUE } from "../TreeViewProvider.js";
 import { useTreeViewModels } from "./useTreeViewModels.js";
-const useTreeView = (inParams) => {
-  const plugins = [...TREE_VIEW_CORE_PLUGINS, ...inParams.plugins];
-  const params = plugins.reduce((acc, plugin) => {
-    if (plugin.getDefaultizedParams) {
-      return plugin.getDefaultizedParams(acc);
-    }
-    return acc;
-  }, inParams);
-  const models = useTreeViewModels(
-    plugins,
-    params
-  );
-  const instanceRef = React.useRef(
-    {}
-  );
-  const instance = instanceRef.current;
-  const innerRootRef = React.useRef(null);
-  const handleRootRef = useForkRef(innerRootRef, inParams.rootRef);
-  const [state, setState] = React.useState(() => {
-    const temp = {};
-    plugins.forEach((plugin) => {
-      if (plugin.getInitialState) {
-        Object.assign(
-          temp,
-          plugin.getInitialState(
-            params
-          )
-        );
-      }
-    });
-    return temp;
-  });
-  const rootPropsGetters = [];
-  let contextValue = DEFAULT_TREE_VIEW_CONTEXT_VALUE;
-  const runPlugin = (plugin) => {
-    const pluginResponse = plugin({
-      instance,
-      params,
-      state,
-      setState,
-      rootRef: innerRootRef,
-      models
-    }) || {};
-    if (pluginResponse.getRootProps) {
-      rootPropsGetters.push(pluginResponse.getRootProps);
-    }
-    if (pluginResponse.contextValue) {
-      contextValue = pluginResponse.contextValue;
-    }
-  };
-  plugins.forEach(runPlugin);
-  const getRootProps = (otherHandlers = {}) => {
-    const rootProps = {
-      role: "tree",
-      tabIndex: 0,
-      ...otherHandlers,
-      ref: handleRootRef
-    };
-    rootPropsGetters.forEach((rootPropsGetter) => {
-      Object.assign(rootProps, rootPropsGetter(otherHandlers));
-    });
-    return rootProps;
-  };
-  return { getRootProps, rootRef: handleRootRef, contextValue };
-};
-export {
-  useTreeView
+import * as React from "react";
+import useForkRef from "@mui/utils/useForkRef";
+//#region src/TreeView/internals/hooks/useTreeView.ts
+var useTreeView = (inParams) => {
+	const plugins = [...TREE_VIEW_CORE_PLUGINS, ...inParams.plugins];
+	const params = plugins.reduce((acc, plugin) => {
+		if (plugin.getDefaultizedParams) return plugin.getDefaultizedParams(acc);
+		return acc;
+	}, inParams);
+	const models = useTreeViewModels(plugins, params);
+	const instance = React.useRef({}).current;
+	const innerRootRef = React.useRef(null);
+	const handleRootRef = useForkRef(innerRootRef, inParams.rootRef);
+	const [state, setState] = React.useState(() => {
+		const temp = {};
+		plugins.forEach((plugin) => {
+			if (plugin.getInitialState) Object.assign(temp, plugin.getInitialState(params));
+		});
+		return temp;
+	});
+	const rootPropsGetters = [];
+	let contextValue = DEFAULT_TREE_VIEW_CONTEXT_VALUE;
+	const runPlugin = (plugin) => {
+		const pluginResponse = plugin({
+			instance,
+			params,
+			state,
+			setState,
+			rootRef: innerRootRef,
+			models
+		}) || {};
+		if (pluginResponse.getRootProps) rootPropsGetters.push(pluginResponse.getRootProps);
+		if (pluginResponse.contextValue) contextValue = pluginResponse.contextValue;
+	};
+	plugins.forEach(runPlugin);
+	const getRootProps = (otherHandlers = {}) => {
+		const rootProps = {
+			role: "tree",
+			tabIndex: 0,
+			...otherHandlers,
+			ref: handleRootRef
+		};
+		rootPropsGetters.forEach((rootPropsGetter) => {
+			Object.assign(rootProps, rootPropsGetter(otherHandlers));
+		});
+		return rootProps;
+	};
+	return {
+		getRootProps,
+		rootRef: handleRootRef,
+		contextValue
+	};
 };
+//#endregion
+export { useTreeView };