@hitachivantara/uikit-react-core 5.36.2 → 5.36.4

package/dist/esm/components/TreeView/TreeItem/TreeItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"TreeItem.js","sources":["../../../../../src/components/TreeView/TreeItem/TreeItem.tsx"],"sourcesContent":["import {\n  FocusEvent,\n  ReactNode,\n  forwardRef,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { Collapse } from \"@mui/material\";\nimport type { TreeItemContentProps, TreeItemProps } from \"@mui/x-tree-view\";\n\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { useForkRef } from \"@core/hooks/useForkRef\";\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\n\nimport {\n  HvTreeViewPlugins,\n  DescendantProvider,\n  TreeItemDescendant,\n  useDescendant,\n  useTreeViewContext,\n} from \"../internals\";\nimport { staticClasses, useClasses } from \"./TreeItem.styles\";\nimport { DefaultContent } from \"./DefaultContent\";\n\nexport { staticClasses as treeItemClasses };\n\nexport type HvTreeItemClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvTreeContentProps extends TreeItemContentProps {}\n\nexport interface HvTreeItemProps extends TreeItemProps {\n  classes?: HvTreeItemClasses;\n  disabled?: boolean;\n  icon?: ReactNode;\n  ContentComponent?: React.JSXElementConstructor<HvTreeContentProps>;\n}\n\nexport const HvTreeItem = forwardRef<HTMLLIElement, HvTreeItemProps>(\n  (props, ref) => {\n    const {\n      id: idProp,\n      nodeId,\n      children,\n      classes: classesProp,\n      className,\n      label,\n      disabled: disabledProp,\n      icon,\n      endIcon,\n      expandIcon,\n      collapseIcon,\n      ContentComponent: Component = DefaultContent,\n      TransitionProps: transitionProps,\n      ContentProps: contentProps,\n      ...others\n    } = useDefaultProps(\"HvTreeItem\", props);\n    const { classes, cx } = useClasses(classesProp);\n\n    const {\n      instance,\n      multiSelect,\n      disabledItemsFocusable,\n      treeId,\n      icons: contextIcons,\n    } = useTreeViewContext<HvTreeViewPlugins>();\n\n    const id =\n      idProp || (treeId && nodeId && `${treeId}-${nodeId}`) || undefined;\n\n    const [treeItemElement, setTreeItemElement] =\n      useState<HTMLLIElement | null>(null);\n    const contentRef = useRef<HTMLDivElement>(null);\n    const handleRef = useForkRef(setTreeItemElement, ref);\n\n    const descendant = useMemo<TreeItemDescendant>(\n      () => ({ element: treeItemElement!, id: nodeId }),\n      [nodeId, treeItemElement]\n    );\n\n    const { index, parentId } = useDescendant(descendant);\n\n    const expandable = !!(Array.isArray(children) ? children.length : children);\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 expansionIcon = !expanded\n      ? expandIcon || contextIcons.defaultExpandIcon\n      : collapseIcon || contextIcons.defaultCollapseIcon;\n\n    const displayIcon = expandable\n      ? contextIcons.defaultParentIcon\n      : endIcon || contextIcons.defaultEndIcon;\n\n    useEffect(() => {\n      // On the first render a node's index will be -1. We want to wait for the real index.\n      if (instance && index !== -1) {\n        instance.updateNode({\n          id: nodeId,\n          idAttribute: id,\n          index,\n          parentId,\n          expandable,\n          disabled: disabledProp,\n        });\n\n        return () => instance.removeNode(nodeId);\n      }\n\n      return undefined;\n    }, [instance, parentId, index, nodeId, expandable, disabledProp, id]);\n\n    useEffect(() => {\n      if (instance && label) {\n        return instance.mapFirstChar(\n          nodeId,\n          (contentRef.current?.textContent ?? \"\").substring(0, 1).toLowerCase()\n        );\n      }\n      return undefined;\n    }, [instance, nodeId, label]);\n\n    const handleFocus = (event: FocusEvent<HTMLLIElement, any>) => {\n      // DOM focus stays on the tree which manages focus with aria-activedescendant\n      if (event.target === event.currentTarget) {\n        const rootElement: any =\n          typeof event.target.getRootNode === \"function\"\n            ? event.target.getRootNode()\n            : event.target.ownerDocument || document;\n\n        rootElement.getElementById(treeId).focus({ preventScroll: true });\n      }\n\n      const unfocusable = !disabledItemsFocusable && disabled;\n      const canFocus =\n        instance &&\n        !focused &&\n        !disabled &&\n        !unfocusable &&\n        event.currentTarget === event.target;\n\n      if (canFocus) {\n        instance.focusNode(event, nodeId);\n      }\n    };\n\n    return (\n      <li\n        id={id}\n        ref={handleRef}\n        role=\"treeitem\"\n        aria-expanded={expandable ? expanded : undefined}\n        aria-selected={(multiSelect && selected) || selected || undefined}\n        aria-disabled={disabled || undefined}\n        className={cx(classes.root, className)}\n        // @ts-ignore\n        onFocus={handleFocus}\n        tabIndex={-1}\n        {...others}\n      >\n        <Component\n          ref={contentRef}\n          nodeId={nodeId}\n          classes={{\n            root: classes.content,\n            expanded: classes.expanded,\n            selected: classes.selected,\n            focused: classes.focused,\n            disabled: classes.disabled,\n            label: classes.label,\n            iconContainer: classes.iconContainer,\n          }}\n          label={label}\n          icon={icon}\n          expansionIcon={expandable && expansionIcon}\n          displayIcon={displayIcon}\n          {...contentProps}\n        />\n        {children && (\n          <DescendantProvider id={nodeId}>\n            <Collapse\n              component=\"ul\"\n              role=\"group\"\n              unmountOnExit\n              className={classes.group}\n              in={expanded}\n              {...transitionProps}\n            >\n              {children}\n            </Collapse>\n          </DescendantProvider>\n        )}\n      </li>\n    );\n  }\n);\n"],"names":["HvTreeItem","forwardRef","props","ref","id","idProp","nodeId","children","classes","classesProp","className","label","disabled","disabledProp","icon","endIcon","expandIcon","collapseIcon","ContentComponent","Component","DefaultContent","TransitionProps","transitionProps","ContentProps","contentProps","others","useDefaultProps","cx","useClasses","instance","multiSelect","disabledItemsFocusable","treeId","icons","contextIcons","useTreeViewContext","undefined","treeItemElement","setTreeItemElement","useState","contentRef","useRef","handleRef","useForkRef","descendant","useMemo","element","index","parentId","useDescendant","expandable","Array","isArray","length","expanded","isNodeExpanded","focused","isNodeFocused","selected","isNodeSelected","isNodeDisabled","expansionIcon","defaultExpandIcon","defaultCollapseIcon","displayIcon","defaultParentIcon","defaultEndIcon","useEffect","updateNode","idAttribute","removeNode","mapFirstChar","current","textContent","substring","toLowerCase","handleFocus","event","target","currentTarget","rootElement","getRootNode","ownerDocument","document","getElementById","focus","preventScroll","unfocusable","canFocus","focusNode","root","content","iconContainer","group"],"mappings":"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"}
+{"version":3,"file":"TreeItem.js","sources":["../../../../../src/components/TreeView/TreeItem/TreeItem.tsx"],"sourcesContent":["import {\n  FocusEvent,\n  HTMLAttributes,\n  JSXElementConstructor,\n  ReactNode,\n  forwardRef,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport Collapse from \"@mui/material/Collapse\";\nimport { TransitionProps } from \"@mui/material/transitions\";\n\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { useForkRef } from \"@core/hooks/useForkRef\";\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\n\nimport { useTreeViewContext } from \"../internals/TreeViewProvider\";\nimport { DefaultTreeViewPlugins } from \"../internals/hooks/plugins\";\nimport {\n  DescendantProvider,\n  TreeItemDescendant,\n  useDescendant,\n} from \"../internals/DescendantProvider\";\nimport { staticClasses, useClasses } from \"./TreeItem.styles\";\nimport { DefaultContent, HvTreeContentClasses } from \"./DefaultContent\";\n\nexport { staticClasses as treeItemClasses };\n\nexport type HvTreeItemClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvTreeContentProps extends HTMLAttributes<HTMLElement> {\n  /** className applied to the root element. */\n  className?: string;\n  /** Override or extend the styles applied to the component. */\n  classes?: HvTreeContentClasses;\n  /** The tree node label. */\n  label?: ReactNode;\n  /** The id of the node. */\n  nodeId: string;\n  /** The icon to display next to the tree node's label. */\n  icon?: ReactNode;\n  /** The icon to display next to the tree node's label. Either an expansion or collapse icon. */\n  expansionIcon?: ReactNode;\n  /** The icon to display next to the tree node's label. Either a parent or end icon. */\n  displayIcon?: ReactNode;\n}\n\nexport interface HvTreeItemProps extends HTMLAttributes<HTMLElement> {\n  /** The element id */\n  id?: string;\n  /** The id of the node. */\n  nodeId: string;\n  /** The tree node label. */\n  label?: ReactNode;\n  /** Override or extend the styles applied to the component. */\n  classes?: HvTreeItemClasses;\n  /** If `true`, the node is disabled. */\n  disabled?: boolean;\n  /** The icon to display next to the tree node's label. */\n  icon?: ReactNode;\n  /** The component used for the content node. */\n  ContentComponent?: JSXElementConstructor<HvTreeContentProps>;\n  /** Props applied to the content component */\n  ContentProps?: HvTreeContentProps;\n  /** The content of the component. */\n  children?: ReactNode;\n  /** className applied to the root element. */\n  className?: string;\n  /** The icon used to collapse the node. */\n  collapseIcon?: ReactNode;\n  /** The icon displayed next to an end node. */\n  endIcon?: ReactNode;\n  /** The icon used to expand the node. */\n  expandIcon?: ReactNode;\n  /** The component used for the transition. */\n  TransitionComponent?: JSXElementConstructor<TransitionProps>;\n  /** Props applied to the transition component */\n  TransitionProps?: TransitionProps;\n}\n\nexport const HvTreeItem = forwardRef<HTMLLIElement, HvTreeItemProps>(\n  (props, ref) => {\n    const {\n      id: idProp,\n      nodeId,\n      children,\n      classes: classesProp,\n      className,\n      label,\n      disabled: disabledProp,\n      icon,\n      endIcon,\n      expandIcon,\n      collapseIcon,\n      ContentComponent: Component = DefaultContent,\n      TransitionProps: transitionProps,\n      ContentProps: contentProps,\n      ...others\n    } = useDefaultProps(\"HvTreeItem\", props);\n    const { classes, cx } = useClasses(classesProp);\n\n    const {\n      instance,\n      multiSelect,\n      disabledItemsFocusable,\n      treeId,\n      icons: contextIcons,\n    } = useTreeViewContext<DefaultTreeViewPlugins>();\n\n    const id =\n      idProp || (treeId && nodeId && `${treeId}-${nodeId}`) || undefined;\n\n    const [treeItemElement, setTreeItemElement] =\n      useState<HTMLLIElement | null>(null);\n    const contentRef = useRef<HTMLDivElement>(null);\n    const handleRef = useForkRef(setTreeItemElement, ref);\n\n    const descendant = useMemo<TreeItemDescendant>(\n      () => ({ element: treeItemElement!, id: nodeId }),\n      [nodeId, treeItemElement]\n    );\n\n    const { index, parentId } = useDescendant(descendant);\n\n    const expandable = !!(Array.isArray(children) ? children.length : children);\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 expansionIcon = !expanded\n      ? expandIcon || contextIcons.defaultExpandIcon\n      : collapseIcon || contextIcons.defaultCollapseIcon;\n\n    const displayIcon = expandable\n      ? contextIcons.defaultParentIcon\n      : endIcon || contextIcons.defaultEndIcon;\n\n    useEffect(() => {\n      // On the first render a node's index will be -1. We want to wait for the real index.\n      if (instance && index !== -1) {\n        instance.updateNode({\n          id: nodeId,\n          idAttribute: id,\n          index,\n          parentId,\n          expandable,\n          disabled: disabledProp,\n        });\n\n        return () => instance.removeNode(nodeId);\n      }\n\n      return undefined;\n    }, [instance, parentId, index, nodeId, expandable, disabledProp, id]);\n\n    useEffect(() => {\n      if (instance && label) {\n        return instance.mapFirstChar(\n          nodeId,\n          (contentRef.current?.textContent ?? \"\").substring(0, 1).toLowerCase()\n        );\n      }\n      return undefined;\n    }, [instance, nodeId, label]);\n\n    const handleFocus = (event: FocusEvent<HTMLLIElement, any>) => {\n      // DOM focus stays on the tree which manages focus with aria-activedescendant\n      if (event.target === event.currentTarget) {\n        const rootElement: any =\n          typeof event.target.getRootNode === \"function\"\n            ? event.target.getRootNode()\n            : event.target.ownerDocument || document;\n\n        rootElement.getElementById(treeId).focus({ preventScroll: true });\n      }\n\n      const unfocusable = !disabledItemsFocusable && disabled;\n      const canFocus =\n        instance &&\n        !focused &&\n        !disabled &&\n        !unfocusable &&\n        event.currentTarget === event.target;\n\n      if (canFocus) {\n        instance.focusNode(event, nodeId);\n      }\n    };\n\n    return (\n      <li\n        id={id}\n        ref={handleRef}\n        role=\"treeitem\"\n        aria-expanded={expandable ? expanded : undefined}\n        aria-selected={(multiSelect && selected) || selected || undefined}\n        aria-disabled={disabled || undefined}\n        className={cx(classes.root, className)}\n        // @ts-ignore\n        onFocus={handleFocus}\n        tabIndex={-1}\n        {...others}\n      >\n        <Component\n          ref={contentRef}\n          nodeId={nodeId}\n          classes={{\n            root: classes.content,\n            expanded: classes.expanded,\n            selected: classes.selected,\n            focused: classes.focused,\n            disabled: classes.disabled,\n            label: classes.label,\n            iconContainer: classes.iconContainer,\n          }}\n          label={label}\n          icon={icon}\n          expansionIcon={expandable && expansionIcon}\n          displayIcon={displayIcon}\n          {...contentProps}\n        />\n        {children && (\n          <DescendantProvider id={nodeId}>\n            <Collapse\n              component=\"ul\"\n              role=\"group\"\n              unmountOnExit\n              className={classes.group}\n              in={expanded}\n              {...transitionProps}\n            >\n              {children}\n            </Collapse>\n          </DescendantProvider>\n        )}\n      </li>\n    );\n  }\n);\n"],"names":["HvTreeItem","forwardRef","props","ref","id","idProp","nodeId","children","classes","classesProp","className","label","disabled","disabledProp","icon","endIcon","expandIcon","collapseIcon","ContentComponent","Component","DefaultContent","TransitionProps","transitionProps","ContentProps","contentProps","others","useDefaultProps","cx","useClasses","instance","multiSelect","disabledItemsFocusable","treeId","icons","contextIcons","useTreeViewContext","undefined","treeItemElement","setTreeItemElement","useState","contentRef","useRef","handleRef","useForkRef","descendant","useMemo","element","index","parentId","useDescendant","expandable","Array","isArray","length","expanded","isNodeExpanded","focused","isNodeFocused","selected","isNodeSelected","isNodeDisabled","expansionIcon","defaultExpandIcon","defaultCollapseIcon","displayIcon","defaultParentIcon","defaultEndIcon","useEffect","updateNode","idAttribute","removeNode","mapFirstChar","current","textContent","substring","toLowerCase","handleFocus","event","target","currentTarget","rootElement","getRootNode","ownerDocument","document","getElementById","focus","preventScroll","unfocusable","canFocus","focusNode","root","content","iconContainer","group"],"mappings":"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"}

package/dist/esm/components/TreeView/TreeItem/useHvTreeItem.js

@@ -1,5 +1,4 @@
-import "../internals.js";
-import { useTreeViewContext } from "@mui/x-tree-view/internals/TreeViewProvider/useTreeViewContext";
+import { useTreeViewContext } from "../internals/TreeViewProvider.js";
 function useHvTreeItem(nodeId) {
   const {
     instance,

package/dist/esm/components/TreeView/TreeItem/useHvTreeItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"useHvTreeItem.js","sources":["../../../../../src/components/TreeView/TreeItem/useHvTreeItem.ts"],"sourcesContent":["import * as React from \"react\";\n\nimport { useTreeViewContext, HvTreeViewPlugins } from \"../internals\";\n\nexport function useHvTreeItem(nodeId: string) {\n  const { instance, multiSelect } = useTreeViewContext<HvTreeViewPlugins>();\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":";;AAIO,SAASA,cAAcC,QAAgB;AACtC,QAAA;AAAA,IAAEC;AAAAA,IAAUC;AAAAA,MAAgBC,mBAAsC;AAExE,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.js","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,mBAA2C;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;"}

package/dist/esm/components/TreeView/TreeView.js

@@ -3,11 +3,11 @@ import { forwardRef } from "react";
 import { useSlotProps } from "@mui/base/utils";
 import { DropDownXS, DropRightXS } from "@hitachivantara/uikit-react-icons";
 import { useDefaultProps } from "../../hooks/useDefaultProps.js";
-import { HV_TREE_VIEW_PLUGINS } from "./internals.js";
+import { useTreeView } from "./internals/hooks/useTreeView.js";
+import { TreeViewProvider } from "./internals/TreeViewProvider.js";
 import { useClasses } from "./TreeView.styles.js";
 import { staticClasses } from "./TreeView.styles.js";
-import { useTreeView } from "@mui/x-tree-view/internals/useTreeView";
-import { TreeViewProvider } from "@mui/x-tree-view/internals/TreeViewProvider";
+import { DEFAULT_TREE_VIEW_PLUGINS } from "./internals/hooks/plugins/defaultPlugins.js";
 const HvTreeView = forwardRef(function HvTreeView2(props, ref) {
   const {
     id,
@@ -53,7 +53,7 @@ const HvTreeView = forwardRef(function HvTreeView2(props, ref) {
     defaultEndIcon,
     defaultExpandIcon,
     defaultParentIcon,
-    plugins: HV_TREE_VIEW_PLUGINS,
+    plugins: DEFAULT_TREE_VIEW_PLUGINS,
     rootRef: ref
   });
   const rootProps = useSlotProps({

package/dist/esm/components/TreeView/TreeView.js.map

@@ -1 +1 @@
-{"version":3,"file":"TreeView.js","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  HV_TREE_VIEW_PLUGINS,\n  HvTreeViewPluginParameters,\n  TreeViewProvider,\n  useTreeView,\n} from \"./internals\";\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    HvTreeViewPluginParameters<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: HV_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","defaultExpandIcon","defaultEndIcon","defaultParentIcon","onNodeSelect","onNodeToggle","onNodeFocus","others","useDefaultProps","cx","useClasses","getRootProps","contextValue","useTreeView","plugins","HV_TREE_VIEW_PLUGINS","rootRef","rootProps","useSlotProps","elementType","externalSlotProps","externalForwardedProps","root","getSlotProps","ownerState"],"mappings":";;;;;;;;;;AAkDA,MAAMA,aAAaC,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,sBAAsB,oBAAC,YAAW,EAAA,MAAK,OAAS,CAAA;AAAA,IAChDC,oBAAoB,oBAAC,aAAY,EAAA,MAAK,OAAS,CAAA;AAAA,IAC/CC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACA,GAAGC;AAAAA,EAAAA,IACDC,gBAAgB,cAActB,KAAK;AACjC,QAAA;AAAA,IAAEI;AAAAA,IAASmB;AAAAA,EAAAA,IAAOC,WAAWnB,WAAW;AAExC,QAAA;AAAA,IAAEoB;AAAAA,IAAcC;AAAAA,MAAiBC,YAAY;AAAA,IACjDpB;AAAAA,IACAE;AAAAA,IACAC;AAAAA,IACAS;AAAAA,IACAC;AAAAA,IACAP;AAAAA,IACAD;AAAAA,IACAD;AAAAA,IACAH;AAAAA,IACAU;AAAAA,IACAhB;AAAAA,IACAY;AAAAA,IACAE;AAAAA,IACAD;AAAAA,IACAE;AAAAA,IACAW,SAASC;AAAAA,IACTC,SAAS7B;AAAAA,EAAAA,CACV;AAED,QAAM8B,YAAYC,aAAa;AAAA,IAC7BC,aAAa;AAAA,IACbC,mBAAmB,CAAC;AAAA,IACpBC,wBAAwBd;AAAAA,IACxBf,WAAWF,QAAQgC;AAAAA,IACnBC,cAAcZ;AAAAA,IACda,YAAYtC;AAAAA,EAAAA,CACb;AAED,6BACG,kBAAiB,EAAA,OAAO0B,cACvB,UAAA,oBAAC,QAAG,WAAWH,GAAGnB,QAAQgC,MAAM9B,SAAS,GAAG,GAAIyB,WAAeV,GAAAA,QAC5DlB,UACH,EACF,CAAA;AAEJ,CAAC;"}
+{"version":3,"file":"TreeView.js","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","defaultExpandIcon","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"],"mappings":";;;;;;;;;;AAkDA,MAAMA,aAAaC,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,sBAAsB,oBAAC,YAAW,EAAA,MAAK,OAAS,CAAA;AAAA,IAChDC,oBAAoB,oBAAC,aAAY,EAAA,MAAK,OAAS,CAAA;AAAA,IAC/CC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACA,GAAGC;AAAAA,EAAAA,IACDC,gBAAgB,cAActB,KAAK;AACjC,QAAA;AAAA,IAAEI;AAAAA,IAASmB;AAAAA,EAAAA,IAAOC,WAAWnB,WAAW;AAExC,QAAA;AAAA,IAAEoB;AAAAA,IAAcC;AAAAA,MAAiBC,YAAY;AAAA,IACjDpB;AAAAA,IACAE;AAAAA,IACAC;AAAAA,IACAS;AAAAA,IACAC;AAAAA,IACAP;AAAAA,IACAD;AAAAA,IACAD;AAAAA,IACAH;AAAAA,IACAU;AAAAA,IACAhB;AAAAA,IACAY;AAAAA,IACAE;AAAAA,IACAD;AAAAA,IACAE;AAAAA,IACAW,SAASC;AAAAA,IACTC,SAAS7B;AAAAA,EAAAA,CACV;AAED,QAAM8B,YAAYC,aAAa;AAAA,IAC7BC,aAAa;AAAA,IACbC,mBAAmB,CAAC;AAAA,IACpBC,wBAAwBd;AAAAA,IACxBf,WAAWF,QAAQgC;AAAAA,IACnBC,cAAcZ;AAAAA,IACda,YAAYtC;AAAAA,EAAAA,CACb;AAED,6BACG,kBAAiB,EAAA,OAAO0B,cACvB,UAAA,oBAAC,QAAG,WAAWH,GAAGnB,QAAQgC,MAAM9B,SAAS,GAAG,GAAIyB,WAAeV,GAAAA,QAC5DlB,UACH,EACF,CAAA;AAEJ,CAAC;"}

package/dist/esm/components/TreeView/internals/DescendantProvider.js

@@ -0,0 +1,127 @@
+import { jsx } from "@emotion/react/jsx-runtime";
+import * as React from "react";
+import { unstable_useEnhancedEffect } from "@mui/material/utils";
+function findIndex(array, comp) {
+  for (let i = 0; i < array.length; i += 1) {
+    if (comp(array[i])) {
+      return i;
+    }
+  }
+  return -1;
+}
+function binaryFindElement(array, element) {
+  let start = 0;
+  let end = array.length - 1;
+  while (start <= end) {
+    const middle = Math.floor((start + end) / 2);
+    if (array[middle].element === element) {
+      return middle;
+    }
+    if (
+      // eslint-disable-next-line no-bitwise
+      array[middle].element.compareDocumentPosition(element) & Node.DOCUMENT_POSITION_PRECEDING
+    ) {
+      end = middle - 1;
+    } else {
+      start = middle + 1;
+    }
+  }
+  return start;
+}
+const DescendantContext = React.createContext({});
+if (process.env.NODE_ENV !== "production") {
+  DescendantContext.displayName = "DescendantContext";
+}
+function usePrevious(value) {
+  const ref = React.useRef(null);
+  React.useEffect(() => {
+    ref.current = value;
+  }, [value]);
+  return ref.current;
+}
+const noop = () => {
+};
+function useDescendant(descendant) {
+  const [, forceUpdate] = React.useState();
+  const {
+    registerDescendant = noop,
+    unregisterDescendant = noop,
+    descendants = [],
+    parentId = null
+  } = React.useContext(DescendantContext);
+  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;
+  });
+  unstable_useEnhancedEffect(() => {
+    if (descendant.element) {
+      registerDescendant({
+        ...descendant,
+        index
+      });
+      return () => {
+        unregisterDescendant(descendant.element);
+      };
+    }
+    forceUpdate({});
+    return void 0;
+  }, [registerDescendant, unregisterDescendant, index, someDescendantsHaveChanged, descendant]);
+  return {
+    parentId,
+    index
+  };
+}
+const DescendantProvider = (props) => {
+  const {
+    children,
+    id
+  } = props;
+  const [items, set] = React.useState([]);
+  const registerDescendant = React.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;
+    });
+  }, []);
+  const unregisterDescendant = React.useCallback((element) => {
+    set((oldItems) => oldItems.filter((item) => element !== item.element));
+  }, []);
+  const value = React.useMemo(() => ({
+    descendants: items,
+    registerDescendant,
+    unregisterDescendant,
+    parentId: id
+  }), [items, registerDescendant, unregisterDescendant, id]);
+  return /* @__PURE__ */ jsx(DescendantContext.Provider, { value, children });
+};
+export {
+  DescendantProvider,
+  useDescendant
+};
+//# sourceMappingURL=DescendantProvider.js.map

package/dist/esm/components/TreeView/internals/DescendantProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DescendantProvider.js","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\nif (process.env.NODE_ENV !== \"production\") {\n  DescendantContext.displayName = \"DescendantContext\";\n}\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","process","env","NODE_ENV","displayName","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"],"mappings":"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"}

package/dist/esm/components/TreeView/internals/TreeViewProvider.js

@@ -0,0 +1,34 @@
+import { jsx } from "@emotion/react/jsx-runtime";
+import { createContext, useContext } from "react";
+import { DescendantProvider } from "./DescendantProvider.js";
+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 = createContext(DEFAULT_TREE_VIEW_CONTEXT_VALUE);
+if (process.env.NODE_ENV !== "production") {
+  TreeViewContext.displayName = "TreeViewContext";
+}
+const TreeViewProvider = (props) => {
+  const {
+    value,
+    children
+  } = props;
+  return /* @__PURE__ */ jsx(TreeViewContext.Provider, { value, children: /* @__PURE__ */ jsx(DescendantProvider, { children }) });
+};
+const useTreeViewContext = () => useContext(TreeViewContext);
+export {
+  DEFAULT_TREE_VIEW_CONTEXT_VALUE,
+  TreeViewContext,
+  TreeViewProvider,
+  useTreeViewContext
+};
+//# sourceMappingURL=TreeViewProvider.js.map

package/dist/esm/components/TreeView/internals/TreeViewProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeViewProvider.js","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","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,cAC7BZ,+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,SAAA,oBAAC,gBAAgB,UAAhB,EAAyB,OACxB,UAAC,oBAAA,oBAAA,EAAoBE,SAAS,CAAA,EAChC,CAAA;AAEJ;AAEaC,MAAAA,qBAAqB,MAE3BC,WAAWX,eAAe;"}

package/dist/esm/components/TreeView/internals/corePlugins.js

@@ -0,0 +1,6 @@
+import { useTreeViewInstanceEvents } from "./hooks/useTreeViewInstanceEvents.js";
+const TREE_VIEW_CORE_PLUGINS = [useTreeViewInstanceEvents];
+export {
+  TREE_VIEW_CORE_PLUGINS
+};
+//# sourceMappingURL=corePlugins.js.map

package/dist/esm/components/TreeView/internals/corePlugins.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"corePlugins.js","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,yBAAyB;"}

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

@@ -0,0 +1,11 @@
+import { useTreeViewNodes } from "./useTreeViewNodes.js";
+import { useTreeViewExpansion } from "./useTreeViewExpansion.js";
+import { useTreeViewSelection } from "./useTreeViewSelection.js";
+import { useTreeViewFocus } from "./useTreeViewFocus.js";
+import { useTreeViewKeyboardNavigation } from "./useTreeViewKeyboardNavigation.js";
+import { useTreeViewContextValueBuilder } from "./useTreeViewContextValueBuilder.js";
+const DEFAULT_TREE_VIEW_PLUGINS = [useTreeViewNodes, useTreeViewExpansion, useTreeViewSelection, useTreeViewFocus, useTreeViewKeyboardNavigation, useTreeViewContextValueBuilder];
+export {
+  DEFAULT_TREE_VIEW_PLUGINS
+};
+//# sourceMappingURL=defaultPlugins.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"defaultPlugins.js","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,kBACAC,sBACAC,sBACAC,kBACAC,+BACAC,8BAA8B;"}

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

@@ -0,0 +1,28 @@
+import { unstable_useId } from "@mui/material/utils";
+const useTreeViewContextValueBuilder = ({
+  instance,
+  params
+}) => {
+  const treeId = 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
+      }
+    }
+  };
+};
+export {
+  useTreeViewContextValueBuilder
+};
+//# sourceMappingURL=useTreeViewContextValueBuilder.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useTreeViewContextValueBuilder.js","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,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/esm/components/TreeView/internals/hooks/plugins/useTreeViewExpansion.js

@@ -0,0 +1,61 @@
+import * as React from "react";
+import { useEventCallback } from "@mui/material/utils";
+import { populateInstance } from "../utils.js";
+const useTreeViewExpansion = ({
+  instance,
+  params,
+  models
+}) => {
+  const isNodeExpanded = React.useCallback((nodeId) => {
+    return Array.isArray(models.expanded.value) ? models.expanded.value.indexOf(nodeId) !== -1 : false;
+  }, [models.expanded.value]);
+  const isNodeExpandable = React.useCallback((nodeId) => !!instance.getNode(nodeId)?.expandable, [instance]);
+  const toggleNodeExpansion = 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);
+      }
+    }
+  };
+  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
+});
+export {
+  useTreeViewExpansion
+};
+//# sourceMappingURL=useTreeViewExpansion.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useTreeViewExpansion.js","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,MAAMC,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,MAAMC,YAC7B,CAACC,WAAmB,CAAC,CAACN,SAASa,QAAQP,MAAM,GAAGQ,YAChD,CAACd,QAAQ,CACX;AAEA,QAAMe,sBAAsBC,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,mBAAgDhC,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/esm/components/TreeView/internals/hooks/plugins/useTreeViewFocus.js

@@ -0,0 +1,86 @@
+import * as React from "react";
+import { useEventCallback, ownerDocument } from "@mui/material/utils";
+import { populateInstance } from "../utils.js";
+import { useInstanceEventHandler } from "../useInstanceEventHandler.js";
+const useTreeViewFocus = ({
+  instance,
+  params,
+  state,
+  setState,
+  models,
+  rootRef
+}) => {
+  const setFocusedNodeId = useEventCallback((nodeId) => {
+    const cleanNodeId = typeof nodeId === "function" ? nodeId(state.focusedNodeId) : nodeId;
+    setState((prevState) => ({
+      ...prevState,
+      focusedNodeId: cleanNodeId
+    }));
+  });
+  const isNodeFocused = React.useCallback((nodeId) => state.focusedNodeId === nodeId, [state.focusedNodeId]);
+  const focusNode = useEventCallback((event, nodeId) => {
+    if (nodeId) {
+      setFocusedNodeId(nodeId);
+      if (params.onNodeFocus) {
+        params.onNodeFocus(event, nodeId);
+      }
+    }
+  });
+  populateInstance(instance, {
+    isNodeFocused,
+    focusNode
+  });
+  useInstanceEventHandler(instance, "removeNode", ({
+    id
+  }) => {
+    setFocusedNodeId((oldFocusedNodeId) => {
+      if (oldFocusedNodeId === id && rootRef.current === 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
+});
+export {
+  useTreeViewFocus
+};
+//# sourceMappingURL=useTreeViewFocus.js.map

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

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