@hitachivantara/uikit-react-core 5.39.0 → 5.39.2

package/dist/cjs/components/TreeView/TreeItem/TreeItem.styles.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TreeItem.styles.cjs","sources":["../../../../../src/components/TreeView/TreeItem/TreeItem.styles.ts"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/utils/classes\";\nimport { outlineStyles } from \"@core/utils/focusUtils\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvTreeItem\", {\n  /** Applied to the root element */\n  root: {\n    listStyle: \"none\",\n    margin: 0,\n    padding: 0,\n    outline: 0,\n  },\n  group: {\n    margin: 0,\n    padding: 0,\n    marginLeft: theme.space.sm,\n  },\n\n  content: {\n    padding: theme.spacing(0, 1),\n    minHeight: 32, // TODO: review\n\n    width: \"100%\",\n    boxSizing: \"border-box\", // prevent width + padding to overflow\n    display: \"flex\",\n    alignItems: \"center\",\n    cursor: \"pointer\",\n    WebkitTapHighlightColor: \"transparent\",\n    \"&:hover:not($disabled)\": {\n      backgroundColor: theme.colors.containerBackgroundHover,\n    },\n  },\n  expanded: {},\n  selected: {\n    backgroundColor: theme.colors.atmo3,\n  },\n  focused: {\n    backgroundColor: theme.colors.containerBackgroundHover,\n    \"&:focus-visible\": {\n      ...outlineStyles,\n    },\n  },\n  disabled: {\n    cursor: \"not-allowed\",\n    color: theme.colors.secondary_60,\n    \"& $label\": {\n      color: theme.colors.secondary_60,\n    },\n  },\n  label: {\n    paddingLeft: 4,\n    width: \"100%\",\n    boxSizing: \"border-box\",\n\n    // fixes overflow\n    minWidth: 0,\n    position: \"relative\",\n    ...theme.typography.body,\n  },\n  iconContainer: {\n    display: \"flex\",\n    flexShrink: 0,\n    justifyContent: \"center\",\n\n    width: 16, // TODO: review\n    marginRight: 4,\n  },\n});\n"],"names":["staticClasses","useClasses","createClasses","root","listStyle","margin","padding","outline","group","marginLeft","theme","space","sm","content","spacing","minHeight","width","boxSizing","display","alignItems","cursor","WebkitTapHighlightColor","backgroundColor","colors","containerBackgroundHover","expanded","selected","atmo3","focused","outlineStyles","disabled","color","secondary_60","label","paddingLeft","minWidth","position","typography","body","iconContainer","flexShrink","justifyContent","marginRight"],"mappings":";;;;;AAKa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,QAAAA,cAAc,cAAc;AAAA;AAAA,EAEvEC,MAAM;AAAA,IACJC,WAAW;AAAA,IACXC,QAAQ;AAAA,IACRC,SAAS;AAAA,IACTC,SAAS;AAAA,EACX;AAAA,EACAC,OAAO;AAAA,IACLH,QAAQ;AAAA,IACRC,SAAS;AAAA,IACTG,YAAYC,YAAAA,MAAMC,MAAMC;AAAAA,EAC1B;AAAA,EAEAC,SAAS;AAAA,IACPP,SAASI,YAAAA,MAAMI,QAAQ,GAAG,CAAC;AAAA,IAC3BC,WAAW;AAAA;AAAA,IAEXC,OAAO;AAAA,IACPC,WAAW;AAAA;AAAA,IACXC,SAAS;AAAA,IACTC,YAAY;AAAA,IACZC,QAAQ;AAAA,IACRC,yBAAyB;AAAA,IACzB,0BAA0B;AAAA,MACxBC,iBAAiBZ,YAAAA,MAAMa,OAAOC;AAAAA,IAChC;AAAA,EACF;AAAA,EACAC,UAAU,CAAC;AAAA,EACXC,UAAU;AAAA,IACRJ,iBAAiBZ,YAAAA,MAAMa,OAAOI;AAAAA,EAChC;AAAA,EACAC,SAAS;AAAA,IACPN,iBAAiBZ,YAAAA,MAAMa,OAAOC;AAAAA,IAC9B,mBAAmB;AAAA,MACjB,GAAGK,WAAAA;AAAAA,IACL;AAAA,EACF;AAAA,EACAC,UAAU;AAAA,IACRV,QAAQ;AAAA,IACRW,OAAOrB,YAAAA,MAAMa,OAAOS;AAAAA,IACpB,YAAY;AAAA,MACVD,OAAOrB,YAAAA,MAAMa,OAAOS;AAAAA,IACtB;AAAA,EACF;AAAA,EACAC,OAAO;AAAA,IACLC,aAAa;AAAA,IACblB,OAAO;AAAA,IACPC,WAAW;AAAA;AAAA,IAGXkB,UAAU;AAAA,IACVC,UAAU;AAAA,IACV,GAAG1B,YAAAA,MAAM2B,WAAWC;AAAAA,EACtB;AAAA,EACAC,eAAe;AAAA,IACbrB,SAAS;AAAA,IACTsB,YAAY;AAAA,IACZC,gBAAgB;AAAA,IAEhBzB,OAAO;AAAA;AAAA,IACP0B,aAAa;AAAA,EACf;AACF,CAAC;;;"}
+{"version":3,"file":"TreeItem.styles.cjs","sources":["../../../../../src/components/TreeView/TreeItem/TreeItem.styles.ts"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/utils/classes\";\nimport { outlineStyles } from \"@core/utils/focusUtils\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvTreeItem\", {\n  /** Applied to the root element */\n  root: {\n    listStyle: \"none\",\n    margin: 0,\n    padding: 0,\n    outline: 0,\n  },\n  group: {\n    margin: 0,\n    padding: 0,\n    marginLeft: theme.space.sm,\n  },\n\n  content: {\n    padding: theme.spacing(0, 1),\n    minHeight: 32, // TODO: review\n\n    width: \"100%\",\n    boxSizing: \"border-box\", // prevent width + padding to overflow\n    display: \"flex\",\n    alignItems: \"center\",\n    cursor: \"pointer\",\n    WebkitTapHighlightColor: \"transparent\",\n    \"&:hover:not($disabled)\": {\n      backgroundColor: theme.colors.containerBackgroundHover,\n    },\n  },\n  expanded: {},\n  selected: {\n    backgroundColor: theme.colors.atmo3,\n  },\n  focused: {\n    backgroundColor: theme.colors.containerBackgroundHover,\n    \"&:focus-visible\": {\n      ...outlineStyles,\n    },\n  },\n  disabled: {\n    cursor: \"not-allowed\",\n    color: theme.colors.secondary_60,\n    \"& $label\": {\n      color: theme.colors.secondary_60,\n    },\n  },\n  label: {\n    paddingLeft: 4,\n    width: \"100%\",\n    boxSizing: \"border-box\",\n\n    // fixes overflow\n    minWidth: 0,\n    position: \"relative\",\n    ...theme.typography.body,\n  },\n  iconContainer: {\n    display: \"flex\",\n    flexShrink: 0,\n    justifyContent: \"center\",\n\n    width: 16, // TODO: review\n    marginRight: 4,\n  },\n});\n"],"names":["createClasses","theme","outlineStyles"],"mappings":";;;;;AAKO,MAAM,EAAE,eAAe,eAAeA,QAAAA,cAAc,cAAc;AAAA;AAAA,EAEvE,MAAM;AAAA,IACJ,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,SAAS;AAAA,EACX;AAAA,EACA,OAAO;AAAA,IACL,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,YAAYC,YAAAA,MAAM,MAAM;AAAA,EAC1B;AAAA,EAEA,SAAS;AAAA,IACP,SAASA,YAAA,MAAM,QAAQ,GAAG,CAAC;AAAA,IAC3B,WAAW;AAAA;AAAA,IAEX,OAAO;AAAA,IACP,WAAW;AAAA;AAAA,IACX,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,QAAQ;AAAA,IACR,yBAAyB;AAAA,IACzB,0BAA0B;AAAA,MACxB,iBAAiBA,YAAAA,MAAM,OAAO;AAAA,IAChC;AAAA,EACF;AAAA,EACA,UAAU,CAAC;AAAA,EACX,UAAU;AAAA,IACR,iBAAiBA,YAAAA,MAAM,OAAO;AAAA,EAChC;AAAA,EACA,SAAS;AAAA,IACP,iBAAiBA,YAAAA,MAAM,OAAO;AAAA,IAC9B,mBAAmB;AAAA,MACjB,GAAGC,WAAA;AAAA,IACL;AAAA,EACF;AAAA,EACA,UAAU;AAAA,IACR,QAAQ;AAAA,IACR,OAAOD,YAAAA,MAAM,OAAO;AAAA,IACpB,YAAY;AAAA,MACV,OAAOA,YAAAA,MAAM,OAAO;AAAA,IACtB;AAAA,EACF;AAAA,EACA,OAAO;AAAA,IACL,aAAa;AAAA,IACb,OAAO;AAAA,IACP,WAAW;AAAA;AAAA,IAGX,UAAU;AAAA,IACV,UAAU;AAAA,IACV,GAAGA,YAAAA,MAAM,WAAW;AAAA,EACtB;AAAA,EACA,eAAe;AAAA,IACb,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,gBAAgB;AAAA,IAEhB,OAAO;AAAA;AAAA,IACP,aAAa;AAAA,EACf;AACF,CAAC;;;"}

package/dist/cjs/components/TreeView/TreeItem/useHvTreeItem.cjs

@@ -2,10 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const TreeViewProvider = require("../internals/TreeViewProvider.cjs");
 function useHvTreeItem(nodeId) {
-  const {
-    instance,
-    multiSelect
-  } = TreeViewProvider.useTreeViewContext();
+  const { instance, multiSelect } = TreeViewProvider.useTreeViewContext();
   const expandable = instance ? instance.isNodeExpandable(nodeId) : false;
   const expanded = instance ? instance.isNodeExpanded(nodeId) : false;
   const focused = instance ? instance.isNodeFocused(nodeId) : false;
@@ -31,9 +28,7 @@ function useHvTreeItem(nodeId) {
     const multiple = multiSelect && (event.shiftKey || event.ctrlKey || event.metaKey);
     if (multiple) {
       if (event.shiftKey) {
-        instance.selectRange(event, {
-          end: nodeId
-        });
+        instance.selectRange(event, { end: nodeId });
       } else {
         instance.selectNode(event, nodeId, true);
       }

package/dist/cjs/components/TreeView/TreeItem/useHvTreeItem.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useHvTreeItem.cjs","sources":["../../../../../src/components/TreeView/TreeItem/useHvTreeItem.ts"],"sourcesContent":["import * as React from \"react\";\n\nimport { useTreeViewContext } from \"../internals/TreeViewProvider\";\nimport { DefaultTreeViewPlugins } from \"../internals/hooks/plugins\";\n\nexport function useHvTreeItem(nodeId: string) {\n  const { instance, multiSelect } =\n    useTreeViewContext<DefaultTreeViewPlugins>();\n\n  const expandable = instance ? instance.isNodeExpandable(nodeId) : false;\n  const expanded = instance ? instance.isNodeExpanded(nodeId) : false;\n  const focused = instance ? instance.isNodeFocused(nodeId) : false;\n  const selected = instance ? instance.isNodeSelected(nodeId) : false;\n  const disabled = instance ? instance.isNodeDisabled(nodeId) : false;\n\n  const handleExpansion = (event: React.MouseEvent<HTMLDivElement>) => {\n    if (!instance || disabled) return;\n\n    if (!focused) {\n      instance.focusNode(event, nodeId);\n    }\n\n    const multiple =\n      multiSelect && (event.shiftKey || event.ctrlKey || event.metaKey);\n\n    // If already expanded and trying to toggle selection don't close\n    if (expandable && !(multiple && instance.isNodeExpanded(nodeId))) {\n      instance.toggleNodeExpansion(event, nodeId);\n    }\n  };\n\n  const handleSelection = (event: React.MouseEvent<HTMLDivElement>) => {\n    if (!instance || disabled) return;\n\n    if (!focused) {\n      instance.focusNode(event, nodeId);\n    }\n\n    const multiple =\n      multiSelect && (event.shiftKey || event.ctrlKey || event.metaKey);\n\n    if (multiple) {\n      if (event.shiftKey) {\n        instance.selectRange(event, { end: nodeId });\n      } else {\n        instance.selectNode(event, nodeId, true);\n      }\n    } else {\n      instance.selectNode(event, nodeId);\n    }\n  };\n\n  const preventSelection = (event: React.MouseEvent<HTMLDivElement>) => {\n    if (event.shiftKey || event.ctrlKey || event.metaKey || disabled) {\n      // Prevent text selection\n      event.preventDefault();\n    }\n  };\n\n  return {\n    instance,\n    disabled,\n    expanded,\n    selected,\n    focused,\n    handleExpansion,\n    handleSelection,\n    preventSelection,\n  };\n}\n"],"names":["useHvTreeItem","nodeId","instance","multiSelect","useTreeViewContext","expandable","isNodeExpandable","expanded","isNodeExpanded","focused","isNodeFocused","selected","isNodeSelected","disabled","isNodeDisabled","handleExpansion","event","focusNode","multiple","shiftKey","ctrlKey","metaKey","toggleNodeExpansion","handleSelection","selectRange","end","selectNode","preventSelection","preventDefault"],"mappings":";;;AAKO,SAASA,cAAcC,QAAgB;AACtC,QAAA;AAAA,IAAEC;AAAAA,IAAUC;AAAAA,MAChBC,iBAA2C,mBAAA;AAE7C,QAAMC,aAAaH,WAAWA,SAASI,iBAAiBL,MAAM,IAAI;AAClE,QAAMM,WAAWL,WAAWA,SAASM,eAAeP,MAAM,IAAI;AAC9D,QAAMQ,UAAUP,WAAWA,SAASQ,cAAcT,MAAM,IAAI;AAC5D,QAAMU,WAAWT,WAAWA,SAASU,eAAeX,MAAM,IAAI;AAC9D,QAAMY,WAAWX,WAAWA,SAASY,eAAeb,MAAM,IAAI;AAExDc,QAAAA,kBAAkBA,CAACC,UAA4C;AACnE,QAAI,CAACd,YAAYW;AAAU;AAE3B,QAAI,CAACJ,SAAS;AACHQ,eAAAA,UAAUD,OAAOf,MAAM;AAAA,IAClC;AAEA,UAAMiB,WACJf,gBAAgBa,MAAMG,YAAYH,MAAMI,WAAWJ,MAAMK;AAG3D,QAAIhB,cAAc,EAAEa,YAAYhB,SAASM,eAAeP,MAAM,IAAI;AACvDqB,eAAAA,oBAAoBN,OAAOf,MAAM;AAAA,IAC5C;AAAA,EAAA;AAGIsB,QAAAA,kBAAkBA,CAACP,UAA4C;AACnE,QAAI,CAACd,YAAYW;AAAU;AAE3B,QAAI,CAACJ,SAAS;AACHQ,eAAAA,UAAUD,OAAOf,MAAM;AAAA,IAClC;AAEA,UAAMiB,WACJf,gBAAgBa,MAAMG,YAAYH,MAAMI,WAAWJ,MAAMK;AAE3D,QAAIH,UAAU;AACZ,UAAIF,MAAMG,UAAU;AAClBjB,iBAASsB,YAAYR,OAAO;AAAA,UAAES,KAAKxB;AAAAA,QAAAA,CAAQ;AAAA,MAAA,OACtC;AACIyB,iBAAAA,WAAWV,OAAOf,QAAQ,IAAI;AAAA,MACzC;AAAA,IAAA,OACK;AACIyB,eAAAA,WAAWV,OAAOf,MAAM;AAAA,IACnC;AAAA,EAAA;AAGI0B,QAAAA,mBAAmBA,CAACX,UAA4C;AACpE,QAAIA,MAAMG,YAAYH,MAAMI,WAAWJ,MAAMK,WAAWR,UAAU;AAEhEG,YAAMY,eAAe;AAAA,IACvB;AAAA,EAAA;AAGK,SAAA;AAAA,IACL1B;AAAAA,IACAW;AAAAA,IACAN;AAAAA,IACAI;AAAAA,IACAF;AAAAA,IACAM;AAAAA,IACAQ;AAAAA,IACAI;AAAAA,EAAAA;AAEJ;;"}
+{"version":3,"file":"useHvTreeItem.cjs","sources":["../../../../../src/components/TreeView/TreeItem/useHvTreeItem.ts"],"sourcesContent":["import * as React from \"react\";\n\nimport { useTreeViewContext } from \"../internals/TreeViewProvider\";\nimport { DefaultTreeViewPlugins } from \"../internals/hooks/plugins\";\n\nexport function useHvTreeItem(nodeId: string) {\n  const { instance, multiSelect } =\n    useTreeViewContext<DefaultTreeViewPlugins>();\n\n  const expandable = instance ? instance.isNodeExpandable(nodeId) : false;\n  const expanded = instance ? instance.isNodeExpanded(nodeId) : false;\n  const focused = instance ? instance.isNodeFocused(nodeId) : false;\n  const selected = instance ? instance.isNodeSelected(nodeId) : false;\n  const disabled = instance ? instance.isNodeDisabled(nodeId) : false;\n\n  const handleExpansion = (event: React.MouseEvent<HTMLDivElement>) => {\n    if (!instance || disabled) return;\n\n    if (!focused) {\n      instance.focusNode(event, nodeId);\n    }\n\n    const multiple =\n      multiSelect && (event.shiftKey || event.ctrlKey || event.metaKey);\n\n    // If already expanded and trying to toggle selection don't close\n    if (expandable && !(multiple && instance.isNodeExpanded(nodeId))) {\n      instance.toggleNodeExpansion(event, nodeId);\n    }\n  };\n\n  const handleSelection = (event: React.MouseEvent<HTMLDivElement>) => {\n    if (!instance || disabled) return;\n\n    if (!focused) {\n      instance.focusNode(event, nodeId);\n    }\n\n    const multiple =\n      multiSelect && (event.shiftKey || event.ctrlKey || event.metaKey);\n\n    if (multiple) {\n      if (event.shiftKey) {\n        instance.selectRange(event, { end: nodeId });\n      } else {\n        instance.selectNode(event, nodeId, true);\n      }\n    } else {\n      instance.selectNode(event, nodeId);\n    }\n  };\n\n  const preventSelection = (event: React.MouseEvent<HTMLDivElement>) => {\n    if (event.shiftKey || event.ctrlKey || event.metaKey || disabled) {\n      // Prevent text selection\n      event.preventDefault();\n    }\n  };\n\n  return {\n    instance,\n    disabled,\n    expanded,\n    selected,\n    focused,\n    handleExpansion,\n    handleSelection,\n    preventSelection,\n  };\n}\n"],"names":["useTreeViewContext"],"mappings":";;;AAKO,SAAS,cAAc,QAAgB;AAC5C,QAAM,EAAE,UAAU,YAAY,IAC5BA,iBAA2C,mBAAA;AAE7C,QAAM,aAAa,WAAW,SAAS,iBAAiB,MAAM,IAAI;AAClE,QAAM,WAAW,WAAW,SAAS,eAAe,MAAM,IAAI;AAC9D,QAAM,UAAU,WAAW,SAAS,cAAc,MAAM,IAAI;AAC5D,QAAM,WAAW,WAAW,SAAS,eAAe,MAAM,IAAI;AAC9D,QAAM,WAAW,WAAW,SAAS,eAAe,MAAM,IAAI;AAExD,QAAA,kBAAkB,CAAC,UAA4C;AACnE,QAAI,CAAC,YAAY;AAAU;AAE3B,QAAI,CAAC,SAAS;AACH,eAAA,UAAU,OAAO,MAAM;AAAA,IAClC;AAEA,UAAM,WACJ,gBAAgB,MAAM,YAAY,MAAM,WAAW,MAAM;AAG3D,QAAI,cAAc,EAAE,YAAY,SAAS,eAAe,MAAM,IAAI;AACvD,eAAA,oBAAoB,OAAO,MAAM;AAAA,IAC5C;AAAA,EAAA;AAGI,QAAA,kBAAkB,CAAC,UAA4C;AACnE,QAAI,CAAC,YAAY;AAAU;AAE3B,QAAI,CAAC,SAAS;AACH,eAAA,UAAU,OAAO,MAAM;AAAA,IAClC;AAEA,UAAM,WACJ,gBAAgB,MAAM,YAAY,MAAM,WAAW,MAAM;AAE3D,QAAI,UAAU;AACZ,UAAI,MAAM,UAAU;AAClB,iBAAS,YAAY,OAAO,EAAE,KAAK,OAAQ,CAAA;AAAA,MAAA,OACtC;AACI,iBAAA,WAAW,OAAO,QAAQ,IAAI;AAAA,MACzC;AAAA,IAAA,OACK;AACI,eAAA,WAAW,OAAO,MAAM;AAAA,IACnC;AAAA,EAAA;AAGI,QAAA,mBAAmB,CAAC,UAA4C;AACpE,QAAI,MAAM,YAAY,MAAM,WAAW,MAAM,WAAW,UAAU;AAEhE,YAAM,eAAe;AAAA,IACvB;AAAA,EAAA;AAGK,SAAA;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAEJ;;"}

package/dist/cjs/components/TreeView/TreeView.cjs

@@ -31,14 +31,8 @@ const HvTreeView = React.forwardRef(function HvTreeView2(props, ref) {
     onNodeFocus,
     ...others
   } = useDefaultProps.useDefaultProps("HvTreeView", props);
-  const {
-    classes,
-    cx
-  } = TreeView_styles.useClasses(classesProp);
-  const {
-    getRootProps,
-    contextValue
-  } = useTreeView.useTreeView({
+  const { classes, cx } = TreeView_styles.useClasses(classesProp);
+  const { getRootProps, contextValue } = useTreeView.useTreeView({
     disabledItemsFocusable,
     expanded,
     defaultExpanded,

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

@@ -1 +1 @@
-{"version":3,"file":"TreeView.cjs","sources":["../../../../src/components/TreeView/TreeView.tsx"],"sourcesContent":["import { ReactNode, Ref, forwardRef } from \"react\";\nimport { useSlotProps } from \"@mui/base/utils\";\nimport { DropDownXS, DropRightXS } from \"@hitachivantara/uikit-react-icons\";\n\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\n\nimport {\n  DEFAULT_TREE_VIEW_PLUGINS,\n  DefaultTreeViewPluginParameters,\n} from \"./internals/hooks/plugins\";\nimport { useTreeView } from \"./internals/hooks/useTreeView\";\nimport { TreeViewProvider } from \"./internals/TreeViewProvider\";\nimport { staticClasses, useClasses } from \"./TreeView.styles\";\n\nexport { staticClasses as treeView2Classes }; // TODO: remove old `treeViewClasses`\n\nexport type HvTreeViewClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvTreeViewProps<Multiple extends boolean | undefined>\n  extends HvBaseProps<HTMLUListElement>,\n    DefaultTreeViewPluginParameters<Multiple> {\n  /** A Jss Object used to override or extend the styles applied. */\n  classes?: HvTreeViewClasses;\n  /** Tree View children. Usually a `HvTreeItem` instance, or a custom variation of it */\n  children?: ReactNode;\n}\n\ntype HvTreeViewComponent = <Multiple extends boolean | undefined = undefined>(\n  props: HvTreeViewProps<Multiple>\n) => React.JSX.Element;\n\n/* eslint-disable prefer-arrow-callback */\n/**\n * A Tree View displays hierarchical structures.\n * It also facilitates the exploration of categorical levels and their content.\n *\n * Tree structures are built through composing the `HvTreeItem` component,\n * or a custom variation of it.\n *\n * It is based on MUI's [TreeView](https://mui.com/x/react-tree-view) component.\n *\n * @example\n * ```tsx\n * <HvTreeView>\n *   <HvTreeItem nodeId=\"1\" label=\"File1\" />\n * </HvTreeView>\n * ```\n */\nconst HvTreeView = forwardRef(function HvTreeView<\n  Multiple extends boolean | undefined\n>(props: HvTreeViewProps<Multiple>, ref: Ref<HTMLUListElement>) {\n  const {\n    id,\n    children,\n    classes: classesProp,\n    className,\n\n    disabledItemsFocusable,\n    multiSelect,\n    expanded,\n    defaultExpanded,\n    selected,\n    defaultSelected,\n    disableSelection,\n    defaultCollapseIcon = <DropDownXS role=\"none\" />,\n    defaultExpandIcon = <DropRightXS role=\"none\" />,\n    defaultEndIcon,\n    defaultParentIcon,\n    onNodeSelect,\n    onNodeToggle,\n    onNodeFocus,\n    ...others\n  } = useDefaultProps(\"HvTreeView\", props);\n  const { classes, cx } = useClasses(classesProp);\n\n  const { getRootProps, contextValue } = useTreeView({\n    disabledItemsFocusable,\n    expanded,\n    defaultExpanded,\n    onNodeToggle,\n    onNodeFocus,\n    disableSelection,\n    defaultSelected,\n    selected,\n    multiSelect,\n    onNodeSelect: onNodeSelect as HvTreeViewProps<any>[\"onNodeSelect\"],\n    id,\n    defaultCollapseIcon,\n    defaultEndIcon,\n    defaultExpandIcon,\n    defaultParentIcon,\n    plugins: DEFAULT_TREE_VIEW_PLUGINS,\n    rootRef: ref,\n  });\n\n  const rootProps = useSlotProps({\n    elementType: \"ul\",\n    externalSlotProps: {},\n    externalForwardedProps: others,\n    className: classes.root,\n    getSlotProps: getRootProps,\n    ownerState: props,\n  });\n\n  return (\n    <TreeViewProvider value={contextValue}>\n      <ul className={cx(classes.root, className)} {...rootProps} {...others}>\n        {children}\n      </ul>\n    </TreeViewProvider>\n  );\n}) as HvTreeViewComponent;\n\nexport { HvTreeView };\n"],"names":["HvTreeView","forwardRef","props","ref","id","children","classes","classesProp","className","disabledItemsFocusable","multiSelect","expanded","defaultExpanded","selected","defaultSelected","disableSelection","defaultCollapseIcon","jsx","DropDownXS","defaultExpandIcon","DropRightXS","defaultEndIcon","defaultParentIcon","onNodeSelect","onNodeToggle","onNodeFocus","others","useDefaultProps","cx","useClasses","getRootProps","contextValue","useTreeView","plugins","DEFAULT_TREE_VIEW_PLUGINS","rootRef","rootProps","useSlotProps","elementType","externalSlotProps","externalForwardedProps","root","getSlotProps","ownerState","TreeViewProvider"],"mappings":";;;;;;;;;;;AAkDA,MAAMA,aAAaC,MAAAA,WAAW,SAASD,YAErCE,OAAkCC,KAA4B;AACxD,QAAA;AAAA,IACJC;AAAAA,IACAC;AAAAA,IACAC,SAASC;AAAAA,IACTC;AAAAA,IAEAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC,sBAAsBC,2BAAAA,IAACC,gBAAAA,YAAW,EAAA,MAAK,OAAS,CAAA;AAAA,IAChDC,oBAAoBF,2BAAAA,IAACG,gBAAAA,aAAY,EAAA,MAAK,OAAS,CAAA;AAAA,IAC/CC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACA,GAAGC;AAAAA,EAAAA,IACDC,gBAAgB,gBAAA,cAAczB,KAAK;AACjC,QAAA;AAAA,IAAEI;AAAAA,IAASsB;AAAAA,EAAAA,IAAOC,gBAAAA,WAAWtB,WAAW;AAExC,QAAA;AAAA,IAAEuB;AAAAA,IAAcC;AAAAA,MAAiBC,wBAAY;AAAA,IACjDvB;AAAAA,IACAE;AAAAA,IACAC;AAAAA,IACAY;AAAAA,IACAC;AAAAA,IACAV;AAAAA,IACAD;AAAAA,IACAD;AAAAA,IACAH;AAAAA,IACAa;AAAAA,IACAnB;AAAAA,IACAY;AAAAA,IACAK;AAAAA,IACAF;AAAAA,IACAG;AAAAA,IACAW,SAASC,eAAAA;AAAAA,IACTC,SAAShC;AAAAA,EAAAA,CACV;AAED,QAAMiC,YAAYC,MAAAA,aAAa;AAAA,IAC7BC,aAAa;AAAA,IACbC,mBAAmB,CAAC;AAAA,IACpBC,wBAAwBd;AAAAA,IACxBlB,WAAWF,QAAQmC;AAAAA,IACnBC,cAAcZ;AAAAA,IACda,YAAYzC;AAAAA,EAAAA,CACb;AAED,wCACG0C,iBAAiB,kBAAA,EAAA,OAAOb,cACvB,UAAAd,2BAAAA,IAAC,QAAG,WAAWW,GAAGtB,QAAQmC,MAAMjC,SAAS,GAAG,GAAI4B,WAAeV,GAAAA,QAC5DrB,UACH,EACF,CAAA;AAEJ,CAAC;;;"}
+{"version":3,"file":"TreeView.cjs","sources":["../../../../src/components/TreeView/TreeView.tsx"],"sourcesContent":["import { ReactNode, Ref, forwardRef } from \"react\";\nimport { useSlotProps } from \"@mui/base/utils\";\nimport { DropDownXS, DropRightXS } from \"@hitachivantara/uikit-react-icons\";\n\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\n\nimport {\n  DEFAULT_TREE_VIEW_PLUGINS,\n  DefaultTreeViewPluginParameters,\n} from \"./internals/hooks/plugins\";\nimport { useTreeView } from \"./internals/hooks/useTreeView\";\nimport { TreeViewProvider } from \"./internals/TreeViewProvider\";\nimport { staticClasses, useClasses } from \"./TreeView.styles\";\n\nexport { staticClasses as treeView2Classes }; // TODO: remove old `treeViewClasses`\n\nexport type HvTreeViewClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvTreeViewProps<Multiple extends boolean | undefined>\n  extends HvBaseProps<HTMLUListElement>,\n    DefaultTreeViewPluginParameters<Multiple> {\n  /** A Jss Object used to override or extend the styles applied. */\n  classes?: HvTreeViewClasses;\n  /** Tree View children. Usually a `HvTreeItem` instance, or a custom variation of it */\n  children?: ReactNode;\n}\n\ntype HvTreeViewComponent = <Multiple extends boolean | undefined = undefined>(\n  props: HvTreeViewProps<Multiple>\n) => React.JSX.Element;\n\n/* eslint-disable prefer-arrow-callback */\n/**\n * A Tree View displays hierarchical structures.\n * It also facilitates the exploration of categorical levels and their content.\n *\n * Tree structures are built through composing the `HvTreeItem` component,\n * or a custom variation of it.\n *\n * It is based on MUI's [TreeView](https://mui.com/x/react-tree-view) component.\n *\n * @example\n * ```tsx\n * <HvTreeView>\n *   <HvTreeItem nodeId=\"1\" label=\"File1\" />\n * </HvTreeView>\n * ```\n */\nconst HvTreeView = forwardRef(function HvTreeView<\n  Multiple extends boolean | undefined\n>(props: HvTreeViewProps<Multiple>, ref: Ref<HTMLUListElement>) {\n  const {\n    id,\n    children,\n    classes: classesProp,\n    className,\n\n    disabledItemsFocusable,\n    multiSelect,\n    expanded,\n    defaultExpanded,\n    selected,\n    defaultSelected,\n    disableSelection,\n    defaultCollapseIcon = <DropDownXS role=\"none\" />,\n    defaultExpandIcon = <DropRightXS role=\"none\" />,\n    defaultEndIcon,\n    defaultParentIcon,\n    onNodeSelect,\n    onNodeToggle,\n    onNodeFocus,\n    ...others\n  } = useDefaultProps(\"HvTreeView\", props);\n  const { classes, cx } = useClasses(classesProp);\n\n  const { getRootProps, contextValue } = useTreeView({\n    disabledItemsFocusable,\n    expanded,\n    defaultExpanded,\n    onNodeToggle,\n    onNodeFocus,\n    disableSelection,\n    defaultSelected,\n    selected,\n    multiSelect,\n    onNodeSelect: onNodeSelect as HvTreeViewProps<any>[\"onNodeSelect\"],\n    id,\n    defaultCollapseIcon,\n    defaultEndIcon,\n    defaultExpandIcon,\n    defaultParentIcon,\n    plugins: DEFAULT_TREE_VIEW_PLUGINS,\n    rootRef: ref,\n  });\n\n  const rootProps = useSlotProps({\n    elementType: \"ul\",\n    externalSlotProps: {},\n    externalForwardedProps: others,\n    className: classes.root,\n    getSlotProps: getRootProps,\n    ownerState: props,\n  });\n\n  return (\n    <TreeViewProvider value={contextValue}>\n      <ul className={cx(classes.root, className)} {...rootProps} {...others}>\n        {children}\n      </ul>\n    </TreeViewProvider>\n  );\n}) as HvTreeViewComponent;\n\nexport { HvTreeView };\n"],"names":["forwardRef","HvTreeView","jsx","DropDownXS","DropRightXS","useDefaultProps","useClasses","useTreeView","DEFAULT_TREE_VIEW_PLUGINS","useSlotProps","TreeViewProvider"],"mappings":";;;;;;;;;;;AAkDA,MAAM,aAAaA,MAAAA,WAAW,SAASC,YAErC,OAAkC,KAA4B;AACxD,QAAA;AAAA,IACJ;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,sBAAsBC,2BAAAA,IAACC,gBAAAA,YAAW,EAAA,MAAK,OAAO,CAAA;AAAA,IAC9C,oBAAoBD,2BAAAA,IAACE,gBAAAA,aAAY,EAAA,MAAK,OAAO,CAAA;AAAA,IAC7C;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,IACDC,gBAAgB,gBAAA,cAAc,KAAK;AACvC,QAAM,EAAE,SAAS,GAAG,IAAIC,2BAAW,WAAW;AAE9C,QAAM,EAAE,cAAc,aAAa,IAAIC,wBAAY;AAAA,IACjD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAASC,eAAA;AAAA,IACT,SAAS;AAAA,EAAA,CACV;AAED,QAAM,YAAYC,MAAAA,aAAa;AAAA,IAC7B,aAAa;AAAA,IACb,mBAAmB,CAAC;AAAA,IACpB,wBAAwB;AAAA,IACxB,WAAW,QAAQ;AAAA,IACnB,cAAc;AAAA,IACd,YAAY;AAAA,EAAA,CACb;AAED,wCACGC,iBAAiB,kBAAA,EAAA,OAAO,cACvB,UAAAR,2BAAAA,IAAC,QAAG,WAAW,GAAG,QAAQ,MAAM,SAAS,GAAI,GAAG,WAAY,GAAG,QAC5D,UACH,EACF,CAAA;AAEJ,CAAC;;;"}

package/dist/cjs/components/TreeView/TreeView.styles.cjs

@@ -1,10 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const classes = require("../../utils/classes.cjs");
-const {
-  staticClasses,
-  useClasses
-} = classes.createClasses("HvTreeView", {
+const { staticClasses, useClasses } = classes.createClasses("HvTreeView", {
   /** Applied to the root element */
   root: {
     padding: 0,

package/dist/cjs/components/TreeView/TreeView.styles.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TreeView.styles.cjs","sources":["../../../../src/components/TreeView/TreeView.styles.ts"],"sourcesContent":["import { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvTreeView\", {\n  /** Applied to the root element */\n  root: {\n    padding: 0,\n    margin: 0,\n    listStyle: \"none\",\n    outline: \"none\",\n  },\n});\n"],"names":["staticClasses","useClasses","createClasses","root","padding","margin","listStyle","outline"],"mappings":";;;AAEa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,QAAAA,cAAc,cAAc;AAAA;AAAA,EAEvEC,MAAM;AAAA,IACJC,SAAS;AAAA,IACTC,QAAQ;AAAA,IACRC,WAAW;AAAA,IACXC,SAAS;AAAA,EACX;AACF,CAAC;;;"}
+{"version":3,"file":"TreeView.styles.cjs","sources":["../../../../src/components/TreeView/TreeView.styles.ts"],"sourcesContent":["import { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvTreeView\", {\n  /** Applied to the root element */\n  root: {\n    padding: 0,\n    margin: 0,\n    listStyle: \"none\",\n    outline: \"none\",\n  },\n});\n"],"names":["createClasses"],"mappings":";;;AAEO,MAAM,EAAE,eAAe,eAAeA,QAAAA,cAAc,cAAc;AAAA;AAAA,EAEvE,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,WAAW;AAAA,IACX,SAAS;AAAA,EACX;AACF,CAAC;;;"}

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

@@ -67,11 +67,16 @@ function useDescendant(descendant) {
     descendants = [],
     parentId = null
   } = React__namespace.useContext(DescendantContext);
-  const index = findIndex(descendants, (item) => item.element === descendant.element);
+  const index = findIndex(
+    descendants,
+    (item) => item.element === descendant.element
+  );
   const previousDescendants = usePrevious(descendants);
-  const someDescendantsHaveChanged = descendants.some((newDescendant, position) => {
-    return previousDescendants && previousDescendants[position] && previousDescendants[position].element !== newDescendant.element;
-  });
+  const someDescendantsHaveChanged = descendants.some(
+    (newDescendant, position) => {
+      return previousDescendants && previousDescendants[position] && previousDescendants[position].element !== newDescendant.element;
+    }
+  );
   utils.unstable_useEnhancedEffect(() => {
     if (descendant.element) {
       registerDescendant({
@@ -84,58 +89,63 @@ function useDescendant(descendant) {
     }
     forceUpdate({});
     return void 0;
-  }, [registerDescendant, unregisterDescendant, index, someDescendantsHaveChanged, descendant]);
-  return {
-    parentId,
-    index
-  };
+  }, [
+    registerDescendant,
+    unregisterDescendant,
+    index,
+    someDescendantsHaveChanged,
+    descendant
+  ]);
+  return { parentId, index };
 }
 const DescendantProvider = (props) => {
-  const {
-    children,
-    id
-  } = props;
+  const { children, id } = props;
   const [items, set] = React__namespace.useState([]);
-  const registerDescendant = React__namespace.useCallback(({
-    element,
-    ...other
-  }) => {
-    set((oldItems) => {
-      if (oldItems.length === 0) {
-        return [{
-          ...other,
-          element,
-          index: 0
-        }];
-      }
-      const index = binaryFindElement(oldItems, element);
-      let newItems;
-      if (oldItems[index] && oldItems[index].element === element) {
-        newItems = oldItems;
-      } else {
-        const newItem = {
-          ...other,
-          element,
-          index
-        };
-        newItems = oldItems.slice();
-        newItems.splice(index, 0, newItem);
-      }
-      newItems.forEach((item, position) => {
-        item.index = position;
+  const registerDescendant = React__namespace.useCallback(
+    ({ element, ...other }) => {
+      set((oldItems) => {
+        if (oldItems.length === 0) {
+          return [
+            {
+              ...other,
+              element,
+              index: 0
+            }
+          ];
+        }
+        const index = binaryFindElement(oldItems, element);
+        let newItems;
+        if (oldItems[index] && oldItems[index].element === element) {
+          newItems = oldItems;
+        } else {
+          const newItem = {
+            ...other,
+            element,
+            index
+          };
+          newItems = oldItems.slice();
+          newItems.splice(index, 0, newItem);
+        }
+        newItems.forEach((item, position) => {
+          item.index = position;
+        });
+        return newItems;
       });
-      return newItems;
-    });
-  }, []);
+    },
+    []
+  );
   const unregisterDescendant = React__namespace.useCallback((element) => {
     set((oldItems) => oldItems.filter((item) => element !== item.element));
   }, []);
-  const value = React__namespace.useMemo(() => ({
-    descendants: items,
-    registerDescendant,
-    unregisterDescendant,
-    parentId: id
-  }), [items, registerDescendant, unregisterDescendant, id]);
+  const value = React__namespace.useMemo(
+    () => ({
+      descendants: items,
+      registerDescendant,
+      unregisterDescendant,
+      parentId: id
+    }),
+    [items, registerDescendant, unregisterDescendant, id]
+  );
   return /* @__PURE__ */ jsxRuntime.jsx(DescendantContext.Provider, { value, children });
 };
 exports.DescendantProvider = DescendantProvider;

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

@@ -1 +1 @@
-{"version":3,"file":"DescendantProvider.cjs","sources":["../../../../../src/components/TreeView/internals/DescendantProvider.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { unstable_useEnhancedEffect as useEnhancedEffect } from \"@mui/material/utils\";\n\n/** Credit: https://github.com/reach/reach-ui/blob/86a046f54d53b6420e392b3fa56dd991d9d4e458/packages/descendants/README.md\n *  Modified slightly to suit our purposes.\n */\n\n// To replace with .findIndex() once we stop IE11 support.\nfunction findIndex<T>(array: T[], comp: (item: T) => boolean) {\n  for (let i = 0; i < array.length; i += 1) {\n    if (comp(array[i])) {\n      return i;\n    }\n  }\n\n  return -1;\n}\n\nfunction binaryFindElement(\n  array: TreeItemDescendant[],\n  element: HTMLLIElement\n) {\n  let start = 0;\n  let end = array.length - 1;\n\n  while (start <= end) {\n    const middle = Math.floor((start + end) / 2);\n\n    if (array[middle].element === element) {\n      return middle;\n    }\n\n    if (\n      // eslint-disable-next-line no-bitwise\n      array[middle].element.compareDocumentPosition(element) &\n      Node.DOCUMENT_POSITION_PRECEDING\n    ) {\n      end = middle - 1;\n    } else {\n      start = middle + 1;\n    }\n  }\n\n  return start;\n}\n\nexport interface TreeItemDescendant {\n  element: HTMLLIElement;\n  id: string;\n}\n\ninterface DescendantContextValue {\n  registerDescendant?: (params: TreeItemDescendant & { index: number }) => void;\n  unregisterDescendant?: (params: HTMLLIElement) => void;\n  descendants?: TreeItemDescendant[];\n  parentId?: string | null;\n}\n\nconst DescendantContext = React.createContext<DescendantContextValue>({});\n\nfunction usePrevious<T>(value: T) {\n  const ref = React.useRef<T | null>(null);\n  React.useEffect(() => {\n    ref.current = value;\n  }, [value]);\n  return ref.current;\n}\n\nconst noop = () => {};\n\n/**\n * This hook registers our descendant by passing it into an array. We can then\n * search that array by to find its index when registering it in the component.\n * We use this for focus management, keyboard navigation, and typeahead\n * functionality for some components.\n *\n * The hook accepts the element node\n *\n * Our main goals with this are:\n *   1) maximum composability,\n *   2) minimal API friction\n *   3) SSR compatibility*\n *   4) concurrent safe\n *   5) index always up-to-date with the tree despite changes\n *   6) works with memoization of any component in the tree (hopefully)\n *\n * * As for SSR, the good news is that we don't actually need the index on the\n * server for most use-cases, as we are only using it to determine the order of\n * composed descendants for keyboard navigation.\n */\nexport function useDescendant(descendant: TreeItemDescendant) {\n  const [, forceUpdate] = React.useState<{}>();\n  const {\n    registerDescendant = noop,\n    unregisterDescendant = noop,\n    descendants = [],\n    parentId = null,\n  } = React.useContext(DescendantContext);\n\n  // This will initially return -1 because we haven't registered the descendant\n  // on the first render. After we register, this will then return the correct\n  // index on the following render, and we will re-register descendants\n  // so that everything is up-to-date before the user interacts with a\n  // collection.\n  const index = findIndex(\n    descendants,\n    (item) => item.element === descendant.element\n  );\n\n  const previousDescendants = usePrevious(descendants);\n\n  // We also need to re-register descendants any time ANY of the other\n  // descendants have changed. My brain was melting when I wrote this and it\n  // feels a little off, but checking in render and using the result in the\n  // effect's dependency array works well enough.\n  const someDescendantsHaveChanged = descendants.some(\n    (newDescendant, position) => {\n      return (\n        previousDescendants &&\n        previousDescendants[position] &&\n        previousDescendants[position].element !== newDescendant.element\n      );\n    }\n  );\n\n  // Prevent any flashing\n  useEnhancedEffect(() => {\n    if (descendant.element) {\n      registerDescendant({\n        ...descendant,\n        index,\n      });\n      return () => {\n        unregisterDescendant(descendant.element!);\n      };\n    }\n    forceUpdate({});\n\n    return undefined;\n  }, [\n    registerDescendant,\n    unregisterDescendant,\n    index,\n    someDescendantsHaveChanged,\n    descendant,\n  ]);\n\n  return { parentId, index };\n}\n\ninterface DescendantProviderProps {\n  id?: string;\n  children: React.ReactNode;\n}\n\nexport const DescendantProvider = (props: DescendantProviderProps) => {\n  const { children, id } = props;\n\n  const [items, set] = React.useState<\n    (TreeItemDescendant & { index: number })[]\n  >([]);\n\n  const registerDescendant = React.useCallback(\n    ({ element, ...other }: TreeItemDescendant) => {\n      set((oldItems) => {\n        if (oldItems.length === 0) {\n          // If there are no items, register at index 0 and bail.\n          return [\n            {\n              ...other,\n              element,\n              index: 0,\n            },\n          ];\n        }\n\n        const index = binaryFindElement(oldItems, element);\n        let newItems: typeof oldItems;\n\n        if (oldItems[index] && oldItems[index].element === element) {\n          // If the element is already registered, just use the same array\n          newItems = oldItems;\n        } else {\n          // When registering a descendant, we need to make sure we insert in\n          // into the array in the same order that it appears in the DOM. So as\n          // new descendants are added or maybe some are removed, we always know\n          // that the array is up-to-date and correct.\n          //\n          // So here we look at our registered descendants and see if the new\n          // element we are adding appears earlier than an existing descendant's\n          // DOM node via `node.compareDocumentPosition`. If it does, we insert\n          // the new element at this index. Because `registerDescendant` will be\n          // called in an effect every time the descendants state value changes,\n          // we should be sure that this index is accurate when descendent\n          // elements come or go from our component.\n\n          const newItem = {\n            ...other,\n            element,\n            index,\n          };\n\n          // If an index is not found we will push the element to the end.\n          newItems = oldItems.slice();\n          newItems.splice(index, 0, newItem);\n        }\n        newItems.forEach((item, position) => {\n          item.index = position;\n        });\n        return newItems;\n      });\n    },\n    []\n  );\n\n  const unregisterDescendant = React.useCallback((element: HTMLLIElement) => {\n    set((oldItems) => oldItems.filter((item) => element !== item.element));\n  }, []);\n\n  const value = React.useMemo(\n    () => ({\n      descendants: items,\n      registerDescendant,\n      unregisterDescendant,\n      parentId: id,\n    }),\n    [items, registerDescendant, unregisterDescendant, id]\n  );\n\n  return (\n    <DescendantContext.Provider value={value}>\n      {children}\n    </DescendantContext.Provider>\n  );\n};\n"],"names":["findIndex","array","comp","i","length","binaryFindElement","element","start","end","middle","Math","floor","compareDocumentPosition","Node","DOCUMENT_POSITION_PRECEDING","DescendantContext","React","createContext","usePrevious","value","ref","useRef","useEffect","current","noop","useDescendant","descendant","forceUpdate","useState","registerDescendant","unregisterDescendant","descendants","parentId","useContext","index","item","previousDescendants","someDescendantsHaveChanged","some","newDescendant","position","useEnhancedEffect","undefined","DescendantProvider","props","children","id","items","set","useCallback","other","oldItems","newItems","newItem","slice","splice","forEach","filter","useMemo","jsx"],"mappings":"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"}
+{"version":3,"file":"DescendantProvider.cjs","sources":["../../../../../src/components/TreeView/internals/DescendantProvider.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { unstable_useEnhancedEffect as useEnhancedEffect } from \"@mui/material/utils\";\n\n/** Credit: https://github.com/reach/reach-ui/blob/86a046f54d53b6420e392b3fa56dd991d9d4e458/packages/descendants/README.md\n *  Modified slightly to suit our purposes.\n */\n\n// To replace with .findIndex() once we stop IE11 support.\nfunction findIndex<T>(array: T[], comp: (item: T) => boolean) {\n  for (let i = 0; i < array.length; i += 1) {\n    if (comp(array[i])) {\n      return i;\n    }\n  }\n\n  return -1;\n}\n\nfunction binaryFindElement(\n  array: TreeItemDescendant[],\n  element: HTMLLIElement\n) {\n  let start = 0;\n  let end = array.length - 1;\n\n  while (start <= end) {\n    const middle = Math.floor((start + end) / 2);\n\n    if (array[middle].element === element) {\n      return middle;\n    }\n\n    if (\n      // eslint-disable-next-line no-bitwise\n      array[middle].element.compareDocumentPosition(element) &\n      Node.DOCUMENT_POSITION_PRECEDING\n    ) {\n      end = middle - 1;\n    } else {\n      start = middle + 1;\n    }\n  }\n\n  return start;\n}\n\nexport interface TreeItemDescendant {\n  element: HTMLLIElement;\n  id: string;\n}\n\ninterface DescendantContextValue {\n  registerDescendant?: (params: TreeItemDescendant & { index: number }) => void;\n  unregisterDescendant?: (params: HTMLLIElement) => void;\n  descendants?: TreeItemDescendant[];\n  parentId?: string | null;\n}\n\nconst DescendantContext = React.createContext<DescendantContextValue>({});\n\nfunction usePrevious<T>(value: T) {\n  const ref = React.useRef<T | null>(null);\n  React.useEffect(() => {\n    ref.current = value;\n  }, [value]);\n  return ref.current;\n}\n\nconst noop = () => {};\n\n/**\n * This hook registers our descendant by passing it into an array. We can then\n * search that array by to find its index when registering it in the component.\n * We use this for focus management, keyboard navigation, and typeahead\n * functionality for some components.\n *\n * The hook accepts the element node\n *\n * Our main goals with this are:\n *   1) maximum composability,\n *   2) minimal API friction\n *   3) SSR compatibility*\n *   4) concurrent safe\n *   5) index always up-to-date with the tree despite changes\n *   6) works with memoization of any component in the tree (hopefully)\n *\n * * As for SSR, the good news is that we don't actually need the index on the\n * server for most use-cases, as we are only using it to determine the order of\n * composed descendants for keyboard navigation.\n */\nexport function useDescendant(descendant: TreeItemDescendant) {\n  const [, forceUpdate] = React.useState<{}>();\n  const {\n    registerDescendant = noop,\n    unregisterDescendant = noop,\n    descendants = [],\n    parentId = null,\n  } = React.useContext(DescendantContext);\n\n  // This will initially return -1 because we haven't registered the descendant\n  // on the first render. After we register, this will then return the correct\n  // index on the following render, and we will re-register descendants\n  // so that everything is up-to-date before the user interacts with a\n  // collection.\n  const index = findIndex(\n    descendants,\n    (item) => item.element === descendant.element\n  );\n\n  const previousDescendants = usePrevious(descendants);\n\n  // We also need to re-register descendants any time ANY of the other\n  // descendants have changed. My brain was melting when I wrote this and it\n  // feels a little off, but checking in render and using the result in the\n  // effect's dependency array works well enough.\n  const someDescendantsHaveChanged = descendants.some(\n    (newDescendant, position) => {\n      return (\n        previousDescendants &&\n        previousDescendants[position] &&\n        previousDescendants[position].element !== newDescendant.element\n      );\n    }\n  );\n\n  // Prevent any flashing\n  useEnhancedEffect(() => {\n    if (descendant.element) {\n      registerDescendant({\n        ...descendant,\n        index,\n      });\n      return () => {\n        unregisterDescendant(descendant.element!);\n      };\n    }\n    forceUpdate({});\n\n    return undefined;\n  }, [\n    registerDescendant,\n    unregisterDescendant,\n    index,\n    someDescendantsHaveChanged,\n    descendant,\n  ]);\n\n  return { parentId, index };\n}\n\ninterface DescendantProviderProps {\n  id?: string;\n  children: React.ReactNode;\n}\n\nexport const DescendantProvider = (props: DescendantProviderProps) => {\n  const { children, id } = props;\n\n  const [items, set] = React.useState<\n    (TreeItemDescendant & { index: number })[]\n  >([]);\n\n  const registerDescendant = React.useCallback(\n    ({ element, ...other }: TreeItemDescendant) => {\n      set((oldItems) => {\n        if (oldItems.length === 0) {\n          // If there are no items, register at index 0 and bail.\n          return [\n            {\n              ...other,\n              element,\n              index: 0,\n            },\n          ];\n        }\n\n        const index = binaryFindElement(oldItems, element);\n        let newItems: typeof oldItems;\n\n        if (oldItems[index] && oldItems[index].element === element) {\n          // If the element is already registered, just use the same array\n          newItems = oldItems;\n        } else {\n          // When registering a descendant, we need to make sure we insert in\n          // into the array in the same order that it appears in the DOM. So as\n          // new descendants are added or maybe some are removed, we always know\n          // that the array is up-to-date and correct.\n          //\n          // So here we look at our registered descendants and see if the new\n          // element we are adding appears earlier than an existing descendant's\n          // DOM node via `node.compareDocumentPosition`. If it does, we insert\n          // the new element at this index. Because `registerDescendant` will be\n          // called in an effect every time the descendants state value changes,\n          // we should be sure that this index is accurate when descendent\n          // elements come or go from our component.\n\n          const newItem = {\n            ...other,\n            element,\n            index,\n          };\n\n          // If an index is not found we will push the element to the end.\n          newItems = oldItems.slice();\n          newItems.splice(index, 0, newItem);\n        }\n        newItems.forEach((item, position) => {\n          item.index = position;\n        });\n        return newItems;\n      });\n    },\n    []\n  );\n\n  const unregisterDescendant = React.useCallback((element: HTMLLIElement) => {\n    set((oldItems) => oldItems.filter((item) => element !== item.element));\n  }, []);\n\n  const value = React.useMemo(\n    () => ({\n      descendants: items,\n      registerDescendant,\n      unregisterDescendant,\n      parentId: id,\n    }),\n    [items, registerDescendant, unregisterDescendant, id]\n  );\n\n  return (\n    <DescendantContext.Provider value={value}>\n      {children}\n    </DescendantContext.Provider>\n  );\n};\n"],"names":["React","useEnhancedEffect","jsx"],"mappings":"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"}

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

@@ -15,12 +15,11 @@ const DEFAULT_TREE_VIEW_CONTEXT_VALUE = {
     defaultEndIcon: null
   }
 };
-const TreeViewContext = React.createContext(DEFAULT_TREE_VIEW_CONTEXT_VALUE);
+const TreeViewContext = React.createContext(
+  DEFAULT_TREE_VIEW_CONTEXT_VALUE
+);
 const TreeViewProvider = (props) => {
-  const {
-    value,
-    children
-  } = props;
+  const { value, children } = props;
   return /* @__PURE__ */ jsxRuntime.jsx(TreeViewContext.Provider, { value, children: /* @__PURE__ */ jsxRuntime.jsx(DescendantProvider.DescendantProvider, { children }) });
 };
 const useTreeViewContext = () => React.useContext(TreeViewContext);

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

@@ -1 +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\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","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;AAcaa,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,WAAWT,eAAe;;;;;"}
+{"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\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":["createContext","jsx","DescendantProvider","useContext"],"mappings":";;;;;AAoBO,MAAM,kCAA6D;AAAA,EACxE,UAAU;AAAA,EACV,aAAa;AAAA,EACb,wBAAwB;AAAA,EACxB,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,qBAAqB;AAAA,IACrB,mBAAmB;AAAA,IACnB,mBAAmB;AAAA,IACnB,gBAAgB;AAAA,EAClB;AACF;AAKO,MAAM,kBAAkBA,MAAA;AAAA,EAC7B;AACF;AAca,MAAA,mBAAmB,CAG9B,UACG;AACG,QAAA,EAAE,OAAO,SAAa,IAAA;AAG1B,SAAAC,+BAAC,gBAAgB,UAAhB,EAAyB,OACxB,UAACA,2BAAA,IAAAC,uCAAA,EAAoB,SAAS,CAAA,EAChC,CAAA;AAEJ;AAEa,MAAA,qBAAqB,MAE3BC,MAAAA,WAAW,eAAe;;;;;"}

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

@@ -1 +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;;"}
+{"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":["useTreeViewInstanceEvents"],"mappings":";;;AAOa,MAAA,yBAAyB,CAACA,0BAAyB,yBAAA;;"}

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

@@ -6,6 +6,13 @@ 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];
+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

@@ -1 +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;;"}
+{"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":["useTreeViewNodes","useTreeViewExpansion","useTreeViewSelection","useTreeViewFocus","useTreeViewKeyboardNavigation","useTreeViewContextValueBuilder"],"mappings":";;;;;;;;AAuBO,MAAM,4BAA4B;AAAA,EACvCA,iBAAA;AAAA,EACAC,qBAAA;AAAA,EACAC,qBAAA;AAAA,EACAC,iBAAA;AAAA,EACAC,8BAAA;AAAA,EACAC,+BAAA;AACF;;"}

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

@@ -1,10 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const utils = require("@mui/material/utils");
-const useTreeViewContextValueBuilder = ({
-  instance,
-  params
-}) => {
+const useTreeViewContextValueBuilder = ({ instance, params }) => {
   const treeId = utils.unstable_useId(params.id);
   return {
     getRootProps: () => ({

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

@@ -1 +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;;"}
+{"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":["useId"],"mappings":";;;AAiDO,MAAM,iCAET,CAAC,EAAE,UAAU,aAAa;AACtB,QAAA,SAASA,MAAAA,eAAM,OAAO,EAAE;AAEvB,SAAA;AAAA,IACL,cAAc,OAAO;AAAA,MACnB,IAAI;AAAA,IAAA;AAAA,IAEN,cAAc;AAAA,MACZ;AAAA,MACA;AAAA,MACA,aAAa,OAAO;AAAA,MACpB,wBAAwB,OAAO;AAAA,MAC/B,OAAO;AAAA,QACL,qBAAqB,OAAO;AAAA,QAC5B,gBAAgB,OAAO;AAAA,QACvB,mBAAmB,OAAO;AAAA,QAC1B,mBAAmB,OAAO;AAAA,MAC5B;AAAA,IACF;AAAA,EAAA;AAEJ;;"}

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

@@ -22,34 +22,40 @@ function _interopNamespace(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);
+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);
     }
-    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 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);

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

@@ -1 +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;;"}
+{"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":["React","useEventCallback","populateInstance"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAwDO,MAAM,uBAET,CAAC,EAAE,UAAU,QAAQ,aAAa;AACpC,QAAM,iBAAiBA,iBAAM;AAAA,IAC3B,CAAC,WAAmB;AAClB,aAAO,MAAM,QAAQ,OAAO,SAAS,KAAK,IACtC,OAAO,SAAS,MAAM,QAAQ,MAAM,MAAM,KAC1C;AAAA,IACN;AAAA,IACA,CAAC,OAAO,SAAS,KAAK;AAAA,EAAA;AAGxB,QAAM,mBAAmBA,iBAAM;AAAA,IAC7B,CAAC,WAAmB,CAAC,CAAC,SAAS,QAAQ,MAAM,GAAG;AAAA,IAChD,CAAC,QAAQ;AAAA,EAAA;AAGX,QAAM,sBAAsBC,MAAA;AAAA,IAC1B,CAAC,OAA6B,WAA0B;AACtD,UAAI,UAAU,MAAM;AAClB;AAAA,MACF;AAEI,UAAA;AAEJ,UAAI,OAAO,SAAS,MAAM,QAAQ,MAAO,MAAM,IAAI;AACjD,sBAAc,OAAO,SAAS,MAAM,OAAO,CAAC,OAAO,OAAO,MAAM;AAAA,MAAA,OAC3D;AACL,sBAAc,CAAC,MAAM,EAAE,OAAO,OAAO,SAAS,KAAK;AAAA,MACrD;AAEA,UAAI,OAAO,cAAc;AAChB,eAAA,aAAa,OAAO,WAAW;AAAA,MACxC;AAEO,aAAA,SAAS,SAAS,WAAW;AAAA,IACtC;AAAA,EAAA;AAGI,QAAA,oBAAoB,CACxB,OACA,WACG;AACG,UAAA,OAAO,SAAS,QAAQ,MAAM;AACpC,UAAM,WAAW,SAAS,eAAe,KAAK,QAAQ;AAEtD,UAAM,OAAO,SAAS;AAAA,MACpB,CAAC,UACC,SAAS,iBAAiB,KAAK,KAAK,CAAC,SAAS,eAAe,KAAK;AAAA,IAAA;AAGtE,UAAM,cAAc,OAAO,SAAS,MAAM,OAAO,IAAI;AAEjD,QAAA,KAAK,SAAS,GAAG;AACZ,aAAA,SAAS,SAAS,WAAW;AAEpC,UAAI,OAAO,cAAc;AAChB,eAAA,aAAa,OAAO,WAAW;AAAA,MACxC;AAAA,IACF;AAAA,EAAA;AAGFC,UAAAA,iBAAgD,UAAU;AAAA,IACxD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,CACD;AACH;AAEA,qBAAqB,SAAS;AAAA,EAC5B,UAAU;AAAA,IACR,gBAAgB;AAAA,IAChB,aAAa;AAAA,EACf;AACF;AAEA,MAAM,mBAA6B,CAAA;AAEnC,qBAAqB,uBAAuB,CAAC,YAAY;AAAA,EACvD,GAAG;AAAA,EACH,iBAAiB,OAAO,mBAAmB;AAC7C;;"}

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

@@ -31,29 +31,31 @@ const useTreeViewFocus = ({
   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);
+  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
-  }) => {
+  useInstanceEventHandler.useInstanceEventHandler(instance, "removeNode", ({ id }) => {
     setFocusedNodeId((oldFocusedNodeId) => {
       if (oldFocusedNodeId === id && rootRef.current === utils.ownerDocument(rootRef.current).activeElement) {
         return instance.getChildrenIds(null)[0];
@@ -94,9 +96,7 @@ const useTreeViewFocus = ({
     })
   };
 };
-useTreeViewFocus.getInitialState = () => ({
-  focusedNodeId: null
-});
+useTreeViewFocus.getInitialState = () => ({ focusedNodeId: null });
 useTreeViewFocus.getDefaultizedParams = (params) => ({
   ...params,
   disabledItemsFocusable: params.disabledItemsFocusable ?? false