@hitachivantara/uikit-react-core 5.36.1 → 5.36.3

package/dist/cjs/components/TreeView/internals/TreeViewProvider.cjs

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const React = require("react");
+const DescendantProvider = require("./DescendantProvider.cjs");
+const DEFAULT_TREE_VIEW_CONTEXT_VALUE = {
+  instance: null,
+  multiSelect: false,
+  disabledItemsFocusable: false,
+  treeId: void 0,
+  icons: {
+    defaultCollapseIcon: null,
+    defaultExpandIcon: null,
+    defaultParentIcon: null,
+    defaultEndIcon: null
+  }
+};
+const TreeViewContext = React.createContext(DEFAULT_TREE_VIEW_CONTEXT_VALUE);
+if (process.env.NODE_ENV !== "production") {
+  TreeViewContext.displayName = "TreeViewContext";
+}
+const TreeViewProvider = (props) => {
+  const {
+    value,
+    children
+  } = props;
+  return /* @__PURE__ */ jsxRuntime.jsx(TreeViewContext.Provider, { value, children: /* @__PURE__ */ jsxRuntime.jsx(DescendantProvider.DescendantProvider, { children }) });
+};
+const useTreeViewContext = () => React.useContext(TreeViewContext);
+exports.DEFAULT_TREE_VIEW_CONTEXT_VALUE = DEFAULT_TREE_VIEW_CONTEXT_VALUE;
+exports.TreeViewContext = TreeViewContext;
+exports.TreeViewProvider = TreeViewProvider;
+exports.useTreeViewContext = useTreeViewContext;
+//# sourceMappingURL=TreeViewProvider.cjs.map

package/dist/cjs/components/TreeView/internals/TreeViewProvider.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeViewProvider.cjs","sources":["../../../../../src/components/TreeView/internals/TreeViewProvider.tsx"],"sourcesContent":["import { createContext, useContext } from \"react\";\n\nimport { TreeViewAnyPluginSignature, TreeViewInstance } from \"./types\";\nimport { DescendantProvider } from \"./DescendantProvider\";\n\nexport interface TreeViewContextValue<\n  TPlugins extends readonly TreeViewAnyPluginSignature[]\n> {\n  treeId: string | undefined;\n  instance: TreeViewInstance<TPlugins> | null;\n  multiSelect: boolean;\n  disabledItemsFocusable: boolean;\n  icons: {\n    defaultCollapseIcon: React.ReactNode;\n    defaultExpandIcon: React.ReactNode;\n    defaultParentIcon: React.ReactNode;\n    defaultEndIcon: React.ReactNode;\n  };\n}\n\nexport const DEFAULT_TREE_VIEW_CONTEXT_VALUE: TreeViewContextValue<any> = {\n  instance: null,\n  multiSelect: false,\n  disabledItemsFocusable: false,\n  treeId: undefined,\n  icons: {\n    defaultCollapseIcon: null,\n    defaultExpandIcon: null,\n    defaultParentIcon: null,\n    defaultEndIcon: null,\n  },\n};\n\n/**\n * @ignore - internal component.\n */\nexport const TreeViewContext = createContext<TreeViewContextValue<any>>(\n  DEFAULT_TREE_VIEW_CONTEXT_VALUE\n);\n\nif (process.env.NODE_ENV !== \"production\") {\n  TreeViewContext.displayName = \"TreeViewContext\";\n}\n\nexport interface TreeViewProviderProps<\n  TPlugins extends readonly TreeViewAnyPluginSignature[]\n> {\n  value: TreeViewContextValue<TPlugins>;\n  children: React.ReactNode;\n}\n\n/**\n * Sets up the contexts for the underlying TreeItem components.\n *\n * @ignore - do not document.\n */\nexport const TreeViewProvider = <\n  TPlugins extends readonly TreeViewAnyPluginSignature[]\n>(\n  props: TreeViewProviderProps<TPlugins>\n) => {\n  const { value, children } = props;\n\n  return (\n    <TreeViewContext.Provider value={value}>\n      <DescendantProvider>{children}</DescendantProvider>\n    </TreeViewContext.Provider>\n  );\n};\n\nexport const useTreeViewContext = <\n  TPlugins extends readonly TreeViewAnyPluginSignature[]\n>() => useContext(TreeViewContext) as TreeViewContextValue<TPlugins>;\n"],"names":["DEFAULT_TREE_VIEW_CONTEXT_VALUE","instance","multiSelect","disabledItemsFocusable","treeId","undefined","icons","defaultCollapseIcon","defaultExpandIcon","defaultParentIcon","defaultEndIcon","TreeViewContext","createContext","process","env","NODE_ENV","displayName","TreeViewProvider","props","value","children","jsx","DescendantProvider","useTreeViewContext","useContext"],"mappings":";;;;;AAoBO,MAAMA,kCAA6D;AAAA,EACxEC,UAAU;AAAA,EACVC,aAAa;AAAA,EACbC,wBAAwB;AAAA,EACxBC,QAAQC;AAAAA,EACRC,OAAO;AAAA,IACLC,qBAAqB;AAAA,IACrBC,mBAAmB;AAAA,IACnBC,mBAAmB;AAAA,IACnBC,gBAAgB;AAAA,EAClB;AACF;AAKaC,MAAAA,kBAAkBC,oBAC7BZ,+BACF;AAEA,IAAIa,QAAQC,IAAIC,aAAa,cAAc;AACzCJ,kBAAgBK,cAAc;AAChC;AAcaC,MAAAA,mBAAmB,CAG9BC,UACG;AACG,QAAA;AAAA,IAAEC;AAAAA,IAAOC;AAAAA,EAAaF,IAAAA;AAG1B,SAAAG,+BAAC,gBAAgB,UAAhB,EAAyB,OACxB,UAACA,2BAAA,IAAAC,uCAAA,EAAoBF,SAAS,CAAA,EAChC,CAAA;AAEJ;AAEaG,MAAAA,qBAAqB,MAE3BC,MAAAA,WAAWb,eAAe;;;;;"}

package/dist/cjs/components/TreeView/internals/corePlugins.cjs

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const useTreeViewInstanceEvents = require("./hooks/useTreeViewInstanceEvents.cjs");
+const TREE_VIEW_CORE_PLUGINS = [useTreeViewInstanceEvents.useTreeViewInstanceEvents];
+exports.TREE_VIEW_CORE_PLUGINS = TREE_VIEW_CORE_PLUGINS;
+//# sourceMappingURL=corePlugins.cjs.map

package/dist/cjs/components/TreeView/internals/corePlugins.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"corePlugins.cjs","sources":["../../../../../src/components/TreeView/internals/corePlugins.ts"],"sourcesContent":["import { useTreeViewInstanceEvents } from \"./hooks/useTreeViewInstanceEvents\";\nimport { ConvertPluginsIntoSignatures, MergePlugins } from \"./types\";\n\n/**\n * Internal plugins that creates the tools used by the other plugins.\n * These plugins are used by the tree view components.\n */\nexport const TREE_VIEW_CORE_PLUGINS = [useTreeViewInstanceEvents] as const;\n\n// @ts-ignore\nexport type TreeViewCorePluginsSignature = MergePlugins<\n  ConvertPluginsIntoSignatures<typeof TREE_VIEW_CORE_PLUGINS>\n>;\n"],"names":["TREE_VIEW_CORE_PLUGINS","useTreeViewInstanceEvents"],"mappings":";;;AAOaA,MAAAA,yBAAyB,CAACC,0BAAyB,yBAAA;;"}

package/dist/cjs/components/TreeView/internals/hooks/plugins/defaultPlugins.cjs

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const useTreeViewNodes = require("./useTreeViewNodes.cjs");
+const useTreeViewExpansion = require("./useTreeViewExpansion.cjs");
+const useTreeViewSelection = require("./useTreeViewSelection.cjs");
+const useTreeViewFocus = require("./useTreeViewFocus.cjs");
+const useTreeViewKeyboardNavigation = require("./useTreeViewKeyboardNavigation.cjs");
+const useTreeViewContextValueBuilder = require("./useTreeViewContextValueBuilder.cjs");
+const DEFAULT_TREE_VIEW_PLUGINS = [useTreeViewNodes.useTreeViewNodes, useTreeViewExpansion.useTreeViewExpansion, useTreeViewSelection.useTreeViewSelection, useTreeViewFocus.useTreeViewFocus, useTreeViewKeyboardNavigation.useTreeViewKeyboardNavigation, useTreeViewContextValueBuilder.useTreeViewContextValueBuilder];
+exports.DEFAULT_TREE_VIEW_PLUGINS = DEFAULT_TREE_VIEW_PLUGINS;
+//# sourceMappingURL=defaultPlugins.cjs.map

package/dist/cjs/components/TreeView/internals/hooks/plugins/defaultPlugins.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaultPlugins.cjs","sources":["../../../../../../../src/components/TreeView/internals/hooks/plugins/defaultPlugins.ts"],"sourcesContent":["import { ConvertPluginsIntoSignatures } from \"../../types\";\nimport {\n  useTreeViewNodes,\n  UseTreeViewNodesParameters,\n} from \"./useTreeViewNodes\";\nimport {\n  useTreeViewExpansion,\n  UseTreeViewExpansionParameters,\n} from \"./useTreeViewExpansion\";\nimport {\n  useTreeViewSelection,\n  UseTreeViewSelectionParameters,\n} from \"./useTreeViewSelection\";\nimport {\n  useTreeViewFocus,\n  UseTreeViewFocusParameters,\n} from \"./useTreeViewFocus\";\nimport { useTreeViewKeyboardNavigation } from \"./useTreeViewKeyboardNavigation\";\nimport {\n  useTreeViewContextValueBuilder,\n  UseTreeViewContextValueBuilderParameters,\n} from \"./useTreeViewContextValueBuilder\";\n\nexport const DEFAULT_TREE_VIEW_PLUGINS = [\n  useTreeViewNodes,\n  useTreeViewExpansion,\n  useTreeViewSelection,\n  useTreeViewFocus,\n  useTreeViewKeyboardNavigation,\n  useTreeViewContextValueBuilder,\n] as const;\n\nexport type DefaultTreeViewPlugins = ConvertPluginsIntoSignatures<\n  typeof DEFAULT_TREE_VIEW_PLUGINS\n>;\n\n// We can't infer this type from the plugin, otherwise we would lose the generics.\nexport interface DefaultTreeViewPluginParameters<\n  Multiple extends boolean | undefined\n> extends UseTreeViewNodesParameters,\n    UseTreeViewExpansionParameters,\n    UseTreeViewFocusParameters,\n    UseTreeViewSelectionParameters<Multiple>,\n    UseTreeViewContextValueBuilderParameters {}\n"],"names":["DEFAULT_TREE_VIEW_PLUGINS","useTreeViewNodes","useTreeViewExpansion","useTreeViewSelection","useTreeViewFocus","useTreeViewKeyboardNavigation","useTreeViewContextValueBuilder"],"mappings":";;;;;;;;AAuBO,MAAMA,4BAA4B,CACvCC,iBAAAA,kBACAC,qBAAAA,sBACAC,qBAAAA,sBACAC,iBAAAA,kBACAC,8BAAAA,+BACAC,+BAA8B,8BAAA;;"}

package/dist/cjs/components/TreeView/internals/hooks/plugins/useTreeViewContextValueBuilder.cjs

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const utils = require("@mui/material/utils");
+const useTreeViewContextValueBuilder = ({
+  instance,
+  params
+}) => {
+  const treeId = utils.unstable_useId(params.id);
+  return {
+    getRootProps: () => ({
+      id: treeId
+    }),
+    contextValue: {
+      treeId,
+      instance,
+      multiSelect: params.multiSelect,
+      disabledItemsFocusable: params.disabledItemsFocusable,
+      icons: {
+        defaultCollapseIcon: params.defaultCollapseIcon,
+        defaultEndIcon: params.defaultEndIcon,
+        defaultExpandIcon: params.defaultExpandIcon,
+        defaultParentIcon: params.defaultParentIcon
+      }
+    }
+  };
+};
+exports.useTreeViewContextValueBuilder = useTreeViewContextValueBuilder;
+//# sourceMappingURL=useTreeViewContextValueBuilder.cjs.map

package/dist/cjs/components/TreeView/internals/hooks/plugins/useTreeViewContextValueBuilder.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTreeViewContextValueBuilder.cjs","sources":["../../../../../../../src/components/TreeView/internals/hooks/plugins/useTreeViewContextValueBuilder.ts"],"sourcesContent":["import { unstable_useId as useId } from \"@mui/material/utils\";\n\nimport type {\n  TreeViewInstance,\n  TreeViewPlugin,\n  TreeViewPluginSignature,\n} from \"../../types\";\nimport type { UseTreeViewNodesSignature } from \"./useTreeViewNodes\";\nimport type { UseTreeViewSelectionSignature } from \"./useTreeViewSelection\";\n\nexport interface UseTreeViewContextValueBuilderParameters {\n  /**\n   * This prop is used to help implement the accessibility logic.\n   * If you don't provide this prop. It falls back to a randomly generated id.\n   */\n  id?: string;\n  /**\n   * The default icon used to collapse the node.\n   */\n  defaultCollapseIcon?: React.ReactNode;\n  /**\n   * The default icon displayed next to a end node. This is applied to all\n   * tree nodes and can be overridden by the TreeItem `icon` prop.\n   */\n  defaultEndIcon?: React.ReactNode;\n  /**\n   * The default icon used to expand the node.\n   */\n  defaultExpandIcon?: React.ReactNode;\n  /**\n   * The default icon displayed next to a parent node. This is applied to all\n   * parent nodes and can be overridden by the TreeItem `icon` prop.\n   */\n  defaultParentIcon?: React.ReactNode;\n}\n\nexport type UseTreeViewContextValueBuilderDefaultizedParameters =\n  UseTreeViewContextValueBuilderParameters;\n\nexport type UseTreeViewContextValueBuilderSignature = TreeViewPluginSignature<\n  UseTreeViewContextValueBuilderParameters,\n  UseTreeViewContextValueBuilderDefaultizedParameters,\n  {},\n  {},\n  {},\n  never,\n  [UseTreeViewNodesSignature, UseTreeViewSelectionSignature<any>]\n>;\n\nexport const useTreeViewContextValueBuilder: TreeViewPlugin<\n  UseTreeViewContextValueBuilderSignature\n> = ({ instance, params }) => {\n  const treeId = useId(params.id);\n\n  return {\n    getRootProps: () => ({\n      id: treeId,\n    }),\n    contextValue: {\n      treeId,\n      instance: instance as TreeViewInstance<any>,\n      multiSelect: params.multiSelect,\n      disabledItemsFocusable: params.disabledItemsFocusable,\n      icons: {\n        defaultCollapseIcon: params.defaultCollapseIcon,\n        defaultEndIcon: params.defaultEndIcon,\n        defaultExpandIcon: params.defaultExpandIcon,\n        defaultParentIcon: params.defaultParentIcon,\n      },\n    },\n  };\n};\n"],"names":["useTreeViewContextValueBuilder","instance","params","treeId","useId","id","getRootProps","contextValue","multiSelect","disabledItemsFocusable","icons","defaultCollapseIcon","defaultEndIcon","defaultExpandIcon","defaultParentIcon"],"mappings":";;;AAiDO,MAAMA,iCAETA,CAAC;AAAA,EAAEC;AAAAA,EAAUC;AAAO,MAAM;AACtBC,QAAAA,SAASC,MAAAA,eAAMF,OAAOG,EAAE;AAEvB,SAAA;AAAA,IACLC,cAAcA,OAAO;AAAA,MACnBD,IAAIF;AAAAA,IAAAA;AAAAA,IAENI,cAAc;AAAA,MACZJ;AAAAA,MACAF;AAAAA,MACAO,aAAaN,OAAOM;AAAAA,MACpBC,wBAAwBP,OAAOO;AAAAA,MAC/BC,OAAO;AAAA,QACLC,qBAAqBT,OAAOS;AAAAA,QAC5BC,gBAAgBV,OAAOU;AAAAA,QACvBC,mBAAmBX,OAAOW;AAAAA,QAC1BC,mBAAmBZ,OAAOY;AAAAA,MAC5B;AAAA,IACF;AAAA,EAAA;AAEJ;;"}

package/dist/cjs/components/TreeView/internals/hooks/plugins/useTreeViewExpansion.cjs

@@ -0,0 +1,80 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const React = require("react");
+const utils = require("@mui/material/utils");
+const utils$1 = require("../utils.cjs");
+function _interopNamespace(e) {
+  if (e && e.__esModule)
+    return e;
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const React__namespace = /* @__PURE__ */ _interopNamespace(React);
+const useTreeViewExpansion = ({
+  instance,
+  params,
+  models
+}) => {
+  const isNodeExpanded = React__namespace.useCallback((nodeId) => {
+    return Array.isArray(models.expanded.value) ? models.expanded.value.indexOf(nodeId) !== -1 : false;
+  }, [models.expanded.value]);
+  const isNodeExpandable = React__namespace.useCallback((nodeId) => !!instance.getNode(nodeId)?.expandable, [instance]);
+  const toggleNodeExpansion = utils.useEventCallback((event, nodeId) => {
+    if (nodeId == null) {
+      return;
+    }
+    let newExpanded;
+    if (models.expanded.value.indexOf(nodeId) !== -1) {
+      newExpanded = models.expanded.value.filter((id) => id !== nodeId);
+    } else {
+      newExpanded = [nodeId].concat(models.expanded.value);
+    }
+    if (params.onNodeToggle) {
+      params.onNodeToggle(event, newExpanded);
+    }
+    models.expanded.setValue(newExpanded);
+  });
+  const expandAllSiblings = (event, nodeId) => {
+    const node = instance.getNode(nodeId);
+    const siblings = instance.getChildrenIds(node.parentId);
+    const diff = siblings.filter((child) => instance.isNodeExpandable(child) && !instance.isNodeExpanded(child));
+    const newExpanded = models.expanded.value.concat(diff);
+    if (diff.length > 0) {
+      models.expanded.setValue(newExpanded);
+      if (params.onNodeToggle) {
+        params.onNodeToggle(event, newExpanded);
+      }
+    }
+  };
+  utils$1.populateInstance(instance, {
+    isNodeExpanded,
+    isNodeExpandable,
+    toggleNodeExpansion,
+    expandAllSiblings
+  });
+};
+useTreeViewExpansion.models = {
+  expanded: {
+    controlledProp: "expanded",
+    defaultProp: "defaultExpanded"
+  }
+};
+const DEFAULT_EXPANDED = [];
+useTreeViewExpansion.getDefaultizedParams = (params) => ({
+  ...params,
+  defaultExpanded: params.defaultExpanded ?? DEFAULT_EXPANDED
+});
+exports.useTreeViewExpansion = useTreeViewExpansion;
+//# sourceMappingURL=useTreeViewExpansion.cjs.map

package/dist/cjs/components/TreeView/internals/hooks/plugins/useTreeViewExpansion.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTreeViewExpansion.cjs","sources":["../../../../../../../src/components/TreeView/internals/hooks/plugins/useTreeViewExpansion.ts"],"sourcesContent":["import * as React from \"react\";\nimport { useEventCallback } from \"@mui/material/utils\";\n\nimport {\n  DefaultizedProps,\n  TreeViewPlugin,\n  TreeViewPluginSignature,\n} from \"../../types\";\nimport { populateInstance } from \"../utils\";\nimport type { UseTreeViewNodesSignature } from \"./useTreeViewNodes\";\n\nexport interface UseTreeViewExpansionInstance {\n  isNodeExpanded: (nodeId: string) => boolean;\n  isNodeExpandable: (nodeId: string) => boolean;\n  toggleNodeExpansion: (event: React.SyntheticEvent, value: string) => void;\n  expandAllSiblings: (\n    event: React.KeyboardEvent<HTMLUListElement>,\n    nodeId: string\n  ) => void;\n}\n\nexport interface UseTreeViewExpansionParameters {\n  /**\n   * Expanded node ids.\n   * Used when the item's expansion is controlled.\n   */\n  expanded?: string[];\n  /**\n   * Expanded node ids.\n   * Used when the item's expansion is not controlled.\n   * @default []\n   */\n  defaultExpanded?: string[];\n  /**\n   * Callback fired when tree items are expanded/collapsed.\n   * @param {React.SyntheticEvent} event The event source of the callback.\n   * @param {array} nodeIds The ids of the expanded nodes.\n   */\n  onNodeToggle?: (event: React.SyntheticEvent, nodeIds: string[]) => void;\n}\n\nexport type UseTreeViewExpansionDefaultizedParameters = DefaultizedProps<\n  UseTreeViewExpansionParameters,\n  \"defaultExpanded\"\n>;\n\nexport type UseTreeViewExpansionSignature = TreeViewPluginSignature<\n  UseTreeViewExpansionParameters,\n  UseTreeViewExpansionDefaultizedParameters,\n  UseTreeViewExpansionInstance,\n  {},\n  {},\n  \"expanded\",\n  [UseTreeViewNodesSignature]\n>;\n\nexport const useTreeViewExpansion: TreeViewPlugin<\n  UseTreeViewExpansionSignature\n> = ({ instance, params, models }) => {\n  const isNodeExpanded = React.useCallback(\n    (nodeId: string) => {\n      return Array.isArray(models.expanded.value)\n        ? models.expanded.value.indexOf(nodeId) !== -1\n        : false;\n    },\n    [models.expanded.value]\n  );\n\n  const isNodeExpandable = React.useCallback(\n    (nodeId: string) => !!instance.getNode(nodeId)?.expandable,\n    [instance]\n  );\n\n  const toggleNodeExpansion = useEventCallback(\n    (event: React.SyntheticEvent, nodeId: string | null) => {\n      if (nodeId == null) {\n        return;\n      }\n\n      let newExpanded: string[];\n\n      if (models.expanded.value.indexOf(nodeId!) !== -1) {\n        newExpanded = models.expanded.value.filter((id) => id !== nodeId);\n      } else {\n        newExpanded = [nodeId].concat(models.expanded.value);\n      }\n\n      if (params.onNodeToggle) {\n        params.onNodeToggle(event, newExpanded);\n      }\n\n      models.expanded.setValue(newExpanded);\n    }\n  );\n\n  const expandAllSiblings = (\n    event: React.KeyboardEvent<HTMLUListElement>,\n    nodeId: string\n  ) => {\n    const node = instance.getNode(nodeId);\n    const siblings = instance.getChildrenIds(node.parentId);\n\n    const diff = siblings.filter(\n      (child) =>\n        instance.isNodeExpandable(child) && !instance.isNodeExpanded(child)\n    );\n\n    const newExpanded = models.expanded.value.concat(diff);\n\n    if (diff.length > 0) {\n      models.expanded.setValue(newExpanded);\n\n      if (params.onNodeToggle) {\n        params.onNodeToggle(event, newExpanded);\n      }\n    }\n  };\n\n  populateInstance<UseTreeViewExpansionSignature>(instance, {\n    isNodeExpanded,\n    isNodeExpandable,\n    toggleNodeExpansion,\n    expandAllSiblings,\n  });\n};\n\nuseTreeViewExpansion.models = {\n  expanded: {\n    controlledProp: \"expanded\",\n    defaultProp: \"defaultExpanded\",\n  },\n};\n\nconst DEFAULT_EXPANDED: string[] = [];\n\nuseTreeViewExpansion.getDefaultizedParams = (params) => ({\n  ...params,\n  defaultExpanded: params.defaultExpanded ?? DEFAULT_EXPANDED,\n});\n"],"names":["useTreeViewExpansion","instance","params","models","isNodeExpanded","React","useCallback","nodeId","Array","isArray","expanded","value","indexOf","isNodeExpandable","getNode","expandable","toggleNodeExpansion","useEventCallback","event","newExpanded","filter","id","concat","onNodeToggle","setValue","expandAllSiblings","node","siblings","getChildrenIds","parentId","diff","child","length","populateInstance","controlledProp","defaultProp","DEFAULT_EXPANDED","getDefaultizedParams","defaultExpanded"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAwDO,MAAMA,uBAETA,CAAC;AAAA,EAAEC;AAAAA,EAAUC;AAAAA,EAAQC;AAAO,MAAM;AACpC,QAAMC,iBAAiBC,iBAAMC,YAC3B,CAACC,WAAmB;AAClB,WAAOC,MAAMC,QAAQN,OAAOO,SAASC,KAAK,IACtCR,OAAOO,SAASC,MAAMC,QAAQL,MAAM,MAAM,KAC1C;AAAA,EAEN,GAAA,CAACJ,OAAOO,SAASC,KAAK,CACxB;AAEA,QAAME,mBAAmBR,iBAAMC,YAC7B,CAACC,WAAmB,CAAC,CAACN,SAASa,QAAQP,MAAM,GAAGQ,YAChD,CAACd,QAAQ,CACX;AAEA,QAAMe,sBAAsBC,MAAAA,iBAC1B,CAACC,OAA6BX,WAA0B;AACtD,QAAIA,UAAU,MAAM;AAClB;AAAA,IACF;AAEIY,QAAAA;AAEJ,QAAIhB,OAAOO,SAASC,MAAMC,QAAQL,MAAO,MAAM,IAAI;AACjDY,oBAAchB,OAAOO,SAASC,MAAMS,OAAQC,CAAAA,OAAOA,OAAOd,MAAM;AAAA,IAAA,OAC3D;AACLY,oBAAc,CAACZ,MAAM,EAAEe,OAAOnB,OAAOO,SAASC,KAAK;AAAA,IACrD;AAEA,QAAIT,OAAOqB,cAAc;AAChBA,aAAAA,aAAaL,OAAOC,WAAW;AAAA,IACxC;AAEOT,WAAAA,SAASc,SAASL,WAAW;AAAA,EAAA,CAExC;AAEMM,QAAAA,oBAAoBA,CACxBP,OACAX,WACG;AACGmB,UAAAA,OAAOzB,SAASa,QAAQP,MAAM;AACpC,UAAMoB,WAAW1B,SAAS2B,eAAeF,KAAKG,QAAQ;AAEtD,UAAMC,OAAOH,SAASP,OACnBW,CAAAA,UACC9B,SAASY,iBAAiBkB,KAAK,KAAK,CAAC9B,SAASG,eAAe2B,KAAK,CACtE;AAEA,UAAMZ,cAAchB,OAAOO,SAASC,MAAMW,OAAOQ,IAAI;AAEjDA,QAAAA,KAAKE,SAAS,GAAG;AACZtB,aAAAA,SAASc,SAASL,WAAW;AAEpC,UAAIjB,OAAOqB,cAAc;AAChBA,eAAAA,aAAaL,OAAOC,WAAW;AAAA,MACxC;AAAA,IACF;AAAA,EAAA;AAGFc,UAAAA,iBAAgDhC,UAAU;AAAA,IACxDG;AAAAA,IACAS;AAAAA,IACAG;AAAAA,IACAS;AAAAA,EAAAA,CACD;AACH;AAEAzB,qBAAqBG,SAAS;AAAA,EAC5BO,UAAU;AAAA,IACRwB,gBAAgB;AAAA,IAChBC,aAAa;AAAA,EACf;AACF;AAEA,MAAMC,mBAA6B,CAAA;AAEnCpC,qBAAqBqC,uBAAwBnC,CAAY,YAAA;AAAA,EACvD,GAAGA;AAAAA,EACHoC,iBAAiBpC,OAAOoC,mBAAmBF;AAC7C;;"}

package/dist/cjs/components/TreeView/internals/hooks/plugins/useTreeViewFocus.cjs

@@ -0,0 +1,105 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const React = require("react");
+const utils = require("@mui/material/utils");
+const utils$1 = require("../utils.cjs");
+const useInstanceEventHandler = require("../useInstanceEventHandler.cjs");
+function _interopNamespace(e) {
+  if (e && e.__esModule)
+    return e;
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const React__namespace = /* @__PURE__ */ _interopNamespace(React);
+const useTreeViewFocus = ({
+  instance,
+  params,
+  state,
+  setState,
+  models,
+  rootRef
+}) => {
+  const setFocusedNodeId = utils.useEventCallback((nodeId) => {
+    const cleanNodeId = typeof nodeId === "function" ? nodeId(state.focusedNodeId) : nodeId;
+    setState((prevState) => ({
+      ...prevState,
+      focusedNodeId: cleanNodeId
+    }));
+  });
+  const isNodeFocused = React__namespace.useCallback((nodeId) => state.focusedNodeId === nodeId, [state.focusedNodeId]);
+  const focusNode = utils.useEventCallback((event, nodeId) => {
+    if (nodeId) {
+      setFocusedNodeId(nodeId);
+      if (params.onNodeFocus) {
+        params.onNodeFocus(event, nodeId);
+      }
+    }
+  });
+  utils$1.populateInstance(instance, {
+    isNodeFocused,
+    focusNode
+  });
+  useInstanceEventHandler.useInstanceEventHandler(instance, "removeNode", ({
+    id
+  }) => {
+    setFocusedNodeId((oldFocusedNodeId) => {
+      if (oldFocusedNodeId === id && rootRef.current === utils.ownerDocument(rootRef.current).activeElement) {
+        return instance.getChildrenIds(null)[0];
+      }
+      return oldFocusedNodeId;
+    });
+  });
+  const createHandleFocus = (otherHandlers) => (event) => {
+    otherHandlers.onFocus?.(event);
+    if (event.target === event.currentTarget) {
+      const isNodeVisible = (nodeId) => {
+        const node = instance.getNode(nodeId);
+        return node && (node.parentId == null || instance.isNodeExpanded(node.parentId));
+      };
+      let nodeToFocusId;
+      if (Array.isArray(models.selected.value)) {
+        nodeToFocusId = models.selected.value.find(isNodeVisible);
+      } else if (models.selected.value != null && isNodeVisible(models.selected.value)) {
+        nodeToFocusId = models.selected.value;
+      }
+      if (nodeToFocusId == null) {
+        nodeToFocusId = instance.getNavigableChildrenIds(null)[0];
+      }
+      instance.focusNode(event, nodeToFocusId);
+    }
+  };
+  const createHandleBlur = (otherHandlers) => (event) => {
+    otherHandlers.onBlur?.(event);
+    setFocusedNodeId(null);
+  };
+  const focusedNode = instance.getNode(state.focusedNodeId);
+  const activeDescendant = focusedNode ? focusedNode.idAttribute : null;
+  return {
+    getRootProps: (otherHandlers) => ({
+      onFocus: createHandleFocus(otherHandlers),
+      onBlur: createHandleBlur(otherHandlers),
+      "aria-activedescendant": activeDescendant ?? void 0
+    })
+  };
+};
+useTreeViewFocus.getInitialState = () => ({
+  focusedNodeId: null
+});
+useTreeViewFocus.getDefaultizedParams = (params) => ({
+  ...params,
+  disabledItemsFocusable: params.disabledItemsFocusable ?? false
+});
+exports.useTreeViewFocus = useTreeViewFocus;
+//# sourceMappingURL=useTreeViewFocus.cjs.map

package/dist/cjs/components/TreeView/internals/hooks/plugins/useTreeViewFocus.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTreeViewFocus.cjs","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,uBACvB,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,iBAAMC,YAC1B,CAACN,WAAmBN,MAAMQ,kBAAkBF,QAC5C,CAACN,MAAMQ,aAAa,CACtB;AAEA,QAAMK,YAAYR,MAAAA,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,UAAAA,iBAA4ClB,UAAU;AAAA,IACpDY;AAAAA,IACAG;AAAAA,EAAAA,CACD;AAEuBf,kDAAAA,UAAiB,cAAc,CAAC;AAAA,IAAEmB;AAAAA,EAAAA,MAAS;AACjEb,qBAAkBc,CAAqB,qBAAA;AAEnCA,UAAAA,qBAAqBD,MACrBd,QAAQgB,YAAYC,MAAAA,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;;"}

package/dist/cjs/components/TreeView/internals/hooks/plugins/useTreeViewKeyboardNavigation.cjs

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

package/dist/cjs/components/TreeView/internals/hooks/plugins/useTreeViewKeyboardNavigation.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTreeViewKeyboardNavigation.cjs","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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"}