@hitachivantara/uikit-react-core 4.0.3 → 4.0.4

package/dist/modern/VerticalNavigation/TreeView/TreeViewItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"TreeViewItem.js","names":["React","useCallback","useContext","useEffect","useMemo","useRef","useState","clsx","PropTypes","withStyles","DropDownXS","DropUpXS","HvTypography","TreeViewControlContext","TreeViewStateContext","setId","useForkRef","DescendantProvider","useDescendant","styles","preventSelection","event","disabled","shiftKey","ctrlKey","metaKey","preventDefault","TreeViewItem","forwardRef","props","ref","id","idProp","className","classes","disabledProp","selectable","selectableProp","nodeId","icon","label","href","target","payload","onClick","onMouseDown","onFocus","children","others","treeViewControlContext","isExpanded","isSelected","isFocused","isDisabled","treeId","mode","collapsible","toggleExpansion","multiSelect","selectNode","selectRange","disabledItemsFocusable","registerNode","unregisterNode","mapFirstChar","unMapFirstChar","focus","treeviewMode","treeitemElement","setTreeitemElement","contentRef","handleRef","descendant","element","index","parentId","level","expandable","Array","isArray","expanded","focused","selected","idAttribute","undefined","current","textContent","substring","toLowerCase","ariaSelected","handleFocus","currentTarget","ownerDocument","document","getElementById","preventScroll","unfocusable","handleExpansion","multiple","handleSelection","end","handleMouseDown","handleClick","handleKeyDown","isEventHandled","key","altKey","stopPropagation","renderedContent","content","link","paddingLeft","role","tabIndex","onKeyDown","renderedChildren","group","node","unselected","unselectable","collapsed","propTypes","string","shape","isRequired","bool","any","func","name"],"sources":["../../../../src/VerticalNavigation/TreeView/TreeViewItem.js"],"sourcesContent":["import React, { useCallback, useContext, useEffect, useMemo, useRef, useState } from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@mui/styles\";\n\nimport { DropDownXS, DropUpXS } from \"@hitachivantara/uikit-react-icons\";\n\nimport HvTypography from \"../../Typography\";\n\nimport { TreeViewControlContext, TreeViewStateContext } from \"./TreeViewContexts\";\n\nimport { setId, useForkRef } from \"../../utils\";\n\nimport { DescendantProvider, useDescendant } from \"./descendants\";\n\nimport styles from \"./styles\";\n\nconst preventSelection = (event, disabled) => {\n  if (event.shiftKey || event.ctrlKey || event.metaKey || disabled) {\n    // Prevent text selection\n    event.preventDefault();\n  }\n};\n\nconst TreeViewItem = React.forwardRef((props, ref) => {\n  const {\n    id: idProp,\n    className,\n    classes,\n\n    disabled: disabledProp = false,\n\n    selectable: selectableProp,\n\n    nodeId,\n    icon = null,\n    label,\n    href,\n    target,\n    payload,\n\n    onClick,\n    onMouseDown,\n    onFocus,\n\n    children,\n\n    ...others\n  } = props;\n\n  const treeViewControlContext = useContext(TreeViewControlContext);\n  const { isExpanded, isSelected, isFocused, isDisabled } = useContext(TreeViewStateContext);\n\n  const {\n    treeId,\n    mode,\n    collapsible,\n    toggleExpansion,\n    multiSelect,\n    selectNode,\n    selectRange,\n    disabledItemsFocusable,\n    registerNode,\n    unregisterNode,\n    mapFirstChar,\n    unMapFirstChar,\n    focus,\n  } = treeViewControlContext;\n\n  const treeviewMode = mode === \"treeview\";\n\n  let id = null;\n\n  if (idProp != null) {\n    id = idProp;\n  } else if (treeId && nodeId) {\n    id = `${treeId}-${nodeId}`;\n  }\n\n  const [treeitemElement, setTreeitemElement] = useState(null);\n  const contentRef = useRef(null);\n  const handleRef = useForkRef(setTreeitemElement, ref);\n\n  const descendant = useMemo(\n    () => ({\n      element: treeitemElement,\n      id: nodeId,\n    }),\n    [nodeId, treeitemElement]\n  );\n\n  const { index, parentId, level } = useDescendant(descendant);\n\n  const expandable = collapsible && Array.isArray(children);\n  const expanded = isExpanded ? isExpanded(nodeId) : false;\n  const focused = isFocused ? isFocused(nodeId) : false;\n  const selected = isSelected ? isSelected(nodeId) : false;\n  const disabled = isDisabled ? isDisabled(nodeId) : false;\n\n  const selectable = selectableProp != null ? selectableProp : !collapsible || !expandable;\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 (registerNode && unregisterNode && index !== -1) {\n      registerNode({\n        id: nodeId,\n        idAttribute: id,\n        index,\n        parentId,\n        selectable,\n        expandable,\n        disabled: disabledProp,\n        onFocus,\n        payload,\n      });\n\n      return () => {\n        unregisterNode(nodeId);\n      };\n    }\n\n    return undefined;\n  }, [\n    registerNode,\n    unregisterNode,\n    parentId,\n    index,\n    nodeId,\n    expandable,\n    disabledProp,\n    id,\n    selectable,\n    onFocus,\n    payload,\n  ]);\n\n  useEffect(() => {\n    if (mapFirstChar && unMapFirstChar && label) {\n      mapFirstChar(nodeId, contentRef.current?.textContent.substring(0, 1).toLowerCase());\n\n      return () => {\n        unMapFirstChar(nodeId);\n      };\n    }\n    return undefined;\n  }, [mapFirstChar, unMapFirstChar, nodeId, label]);\n\n  let ariaSelected;\n  if (multiSelect) {\n    ariaSelected = selected;\n  } else if (selected) {\n    /* single-selection trees unset aria-selected on un-selected items.\n     *\n     * If the tree does not support multiple selection, aria-selected\n     * is set to true for the selected node and it is not present on any other node in the tree.\n     * Source: https://www.w3.org/TR/wai-aria-practices/#TreeView\n     */\n    ariaSelected = true;\n  }\n\n  const handleFocus = useCallback(\n    (event) => {\n      // DOM focus stays on the tree which manages focus with aria-activedescendant\n      if (event.target === event.currentTarget) {\n        (event.target.ownerDocument || document)\n          .getElementById(treeId)\n          .focus({ preventScroll: true });\n      }\n\n      const unfocusable = !disabledItemsFocusable && disabled;\n      if (!focused && event.currentTarget === event.target && !unfocusable) {\n        focus(event, nodeId);\n      }\n    },\n    [disabled, disabledItemsFocusable, focus, focused, nodeId, treeId]\n  );\n\n  const handleExpansion = useCallback(\n    (event) => {\n      if (!disabled) {\n        if (treeviewMode && !focused) {\n          focus(event, nodeId);\n        }\n\n        const multiple = multiSelect && (event.shiftKey || event.ctrlKey || event.metaKey);\n\n        // If already expanded and trying to toggle selection don't close\n        if (expandable && !(multiple && isExpanded(nodeId))) {\n          toggleExpansion(event, nodeId);\n        }\n      }\n    },\n    [\n      disabled,\n      expandable,\n      focus,\n      focused,\n      isExpanded,\n      multiSelect,\n      nodeId,\n      toggleExpansion,\n      treeviewMode,\n    ]\n  );\n\n  const handleSelection = useCallback(\n    (event) => {\n      if (selectable && !disabled) {\n        if (treeviewMode && !focused) {\n          focus(event, nodeId);\n        }\n\n        const multiple = multiSelect && (event.shiftKey || event.ctrlKey || event.metaKey);\n\n        if (multiple) {\n          if (event.shiftKey) {\n            selectRange(event, { end: nodeId });\n          } else {\n            selectNode(event, nodeId, true);\n          }\n        } else {\n          selectNode(event, nodeId);\n        }\n      }\n    },\n    [\n      disabled,\n      focus,\n      focused,\n      multiSelect,\n      nodeId,\n      selectNode,\n      selectRange,\n      selectable,\n      treeviewMode,\n    ]\n  );\n\n  const handleMouseDown = useCallback(\n    (event) => {\n      preventSelection(event, disabled);\n\n      if (onMouseDown) {\n        onMouseDown(event);\n      }\n    },\n    [disabled, onMouseDown]\n  );\n\n  const handleClick = useCallback(\n    (event) => {\n      if (!disabled) {\n        if (expandable) {\n          handleExpansion(event);\n        }\n\n        if (selectable) {\n          handleSelection(event);\n        }\n      }\n\n      if (onClick) {\n        onClick(event);\n      }\n    },\n    [disabled, expandable, handleExpansion, handleSelection, onClick, selectable]\n  );\n\n  const handleKeyDown = useCallback(\n    (event) => {\n      let isEventHandled = false;\n      const { key } = event;\n\n      if (event.altKey || event.ctrlKey || event.metaKey || event.currentTarget !== event.target) {\n        return;\n      }\n      if (contentRef.current === event.currentTarget) {\n        if (key === \"Enter\" || key === \" \") {\n          if (expandable) {\n            isEventHandled = handleExpansion(event);\n          }\n\n          if (selectable) {\n            isEventHandled = handleSelection(event);\n          }\n        }\n\n        if (isEventHandled) {\n          event.preventDefault();\n          event.stopPropagation();\n        }\n      }\n    },\n    [expandable, handleExpansion, handleSelection, selectable]\n  );\n\n  const renderedContent = useMemo(\n    () => (\n      <HvTypography\n        id={setId(id, \"button\")}\n        component={href ? \"a\" : \"div\"}\n        href={href}\n        target={target}\n        ref={contentRef}\n        className={clsx(classes.content, { [classes.link]: href != null })}\n        variant={disabled ? \"placeholderText\" : \"normalText\"}\n        onClick={handleClick}\n        onMouseDown={handleMouseDown}\n        style={{\n          paddingLeft: (expandable || icon != null ? 0 : 10) + level * (collapsible ? 32 : 10),\n        }}\n        {...(treeviewMode\n          ? {\n              role: \"button\",\n              tabIndex: -1,\n              onFocus: handleFocus,\n            }\n          : {\n              role: \"button\",\n              tabIndex: selectable || expandable ? 0 : -1,\n              onKeyDown: handleKeyDown,\n              \"aria-current\": selectable && selected ? \"page\" : undefined,\n              \"aria-expanded\": expandable ? expanded : undefined,\n              \"aria-controls\": expandable ? setId(id, \"group\") : undefined,\n            })}\n      >\n        {expandable && (expanded ? <DropUpXS /> : <DropDownXS />)}\n        {icon}\n        {label}\n      </HvTypography>\n    ),\n    [\n      id,\n      href,\n      target,\n      classes.content,\n      classes.link,\n      disabled,\n      handleClick,\n      handleMouseDown,\n      expandable,\n      icon,\n      level,\n      collapsible,\n      treeviewMode,\n      handleFocus,\n      selectable,\n      handleKeyDown,\n      selected,\n      expanded,\n      label,\n    ]\n  );\n\n  const renderedChildren = useMemo(\n    () =>\n      children && (\n        <ul\n          id={setId(id, \"group\")}\n          className={classes.group}\n          role={treeviewMode ? \"group\" : undefined}\n        >\n          {children}\n        </ul>\n      ),\n    [children, classes.group, id, treeviewMode]\n  );\n\n  return (\n    <li\n      ref={handleRef}\n      id={id}\n      className={clsx(classes.node, className, {\n        [classes.disabled]: disabled,\n        [classes.expandable]: expandable,\n        [classes.collapsed]: expandable && !expanded,\n        [classes.expanded]: expandable && expanded,\n        [classes.selectable]: !disabled && selectable,\n        [classes.unselectable]: !disabled && !selectable,\n        [classes.selected]: !disabled && selectable && selected,\n        [classes.unselected]: !disabled && selectable && !selected,\n        [classes.focused]: focused,\n      })}\n      data-hasicon={icon != null ? true : undefined}\n      {...(mode === \"treeview\" && {\n        role: \"treeitem\",\n        \"aria-selected\": ariaSelected,\n        \"aria-expanded\": expandable ? expanded : undefined,\n        \"aria-disabled\": disabled ? true : undefined,\n      })}\n      {...others}\n    >\n      {renderedContent}\n      <DescendantProvider id={nodeId} level={level + 1}>\n        {renderedChildren}\n      </DescendantProvider>\n    </li>\n  );\n});\n\nTreeViewItem.propTypes = {\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied to the Radio button.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Style applied to the root of the component.\n     */\n    node: PropTypes.string,\n    /**\n     * Style applied to the content.\n     */\n    content: PropTypes.string,\n    /**\n     * Style applied to the content when it is a link.\n     */\n    link: PropTypes.string,\n    /**\n     * Style applied to the group.\n     */\n    group: PropTypes.string,\n    /**\n     * Style applied when item is disabled.\n     */\n    disabled: PropTypes.string,\n    /**\n     * Style applied when item is expandable.\n     */\n    expandable: PropTypes.string,\n    /**\n     * Style applied when item is collapsed.\n     */\n    collapsed: PropTypes.string,\n    /**\n     * Style applied when item is expanded.\n     */\n    expanded: PropTypes.string,\n    /**\n     * Style applied when item is selectable.\n     */\n    selectable: PropTypes.string,\n    /**\n     * Style applied when item is unselectable.\n     */\n    unselectable: PropTypes.string,\n    /**\n     * Style applied when item is selected.\n     */\n    selected: PropTypes.string,\n    /**\n     * Style applied when item is unselectable.\n     */\n    unselected: PropTypes.string,\n    /**\n     * Style applied when item is focused.\n     */\n    focused: PropTypes.string,\n  }).isRequired,\n  /**\n   * Is the node disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Can the node be selected.\n   */\n  selectable: PropTypes.bool,\n  /**\n   * The id of the node.\n   */\n  nodeId: PropTypes.string.isRequired,\n  /**\n   * The icon to display next to the node's label.\n   */\n  icon: PropTypes.node,\n  /**\n   * The item label.\n   */\n  label: PropTypes.node.isRequired,\n  /**\n   * The url for the link.\n   */\n  href: PropTypes.string,\n  /**\n   * The behavior when opening a link.\n   */\n  target: PropTypes.string,\n  /**\n   * The node payload.\n   */\n  // eslint-disable-next-line react/forbid-prop-types\n  payload: PropTypes.any,\n  /**\n   * @ignore\n   */\n  onClick: PropTypes.func,\n  /**\n   * @ignore\n   */\n  onMouseDown: PropTypes.func,\n  /**\n   * @ignore\n   */\n  onFocus: PropTypes.func,\n  /**\n   * The content of the component.\n   */\n  children: PropTypes.node,\n};\n\nexport default withStyles(styles, {\n  name: \"HvVerticalNavigationTreeViewItem\",\n})(TreeViewItem);\n"],"mappings":"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"}
+{"version":3,"file":"TreeViewItem.js","names":["React","useCallback","useContext","useEffect","useMemo","useRef","useState","clsx","PropTypes","withStyles","DropDownXS","DropUpXS","HvTypography","TreeViewControlContext","TreeViewStateContext","setId","useForkRef","DescendantProvider","useDescendant","styles","preventSelection","event","disabled","shiftKey","ctrlKey","metaKey","preventDefault","TreeViewItem","forwardRef","props","ref","id","idProp","className","classes","disabledProp","selectable","selectableProp","nodeId","icon","label","href","target","payload","onClick","onMouseDown","onFocus","children","others","treeViewControlContext","isExpanded","isSelected","isFocused","isDisabled","treeId","mode","collapsible","toggleExpansion","multiSelect","selectNode","selectRange","disabledItemsFocusable","registerNode","unregisterNode","mapFirstChar","unMapFirstChar","focus","treeviewMode","treeitemElement","setTreeitemElement","contentRef","handleRef","descendant","element","index","parentId","level","expandable","Array","isArray","expanded","focused","selected","idAttribute","undefined","current","textContent","substring","toLowerCase","ariaSelected","handleFocus","currentTarget","ownerDocument","document","getElementById","preventScroll","unfocusable","handleExpansion","multiple","handleSelection","end","handleMouseDown","handleClick","handleKeyDown","isEventHandled","key","altKey","stopPropagation","renderedContent","content","link","paddingLeft","role","tabIndex","onKeyDown","renderedChildren","group","node","unselected","unselectable","collapsed","propTypes","string","shape","isRequired","bool","any","func","name"],"sources":["../../../../src/VerticalNavigation/TreeView/TreeViewItem.js"],"sourcesContent":["import React, { useCallback, useContext, useEffect, useMemo, useRef, useState } from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@mui/styles\";\n\nimport { DropDownXS, DropUpXS } from \"@hitachivantara/uikit-react-icons\";\n\nimport HvTypography from \"../../Typography\";\n\nimport { TreeViewControlContext, TreeViewStateContext } from \"./TreeViewContexts\";\n\nimport { setId, useForkRef } from \"../../utils\";\n\nimport { DescendantProvider, useDescendant } from \"./descendants\";\n\nimport styles from \"./styles\";\n\nconst preventSelection = (event, disabled) => {\n  if (event.shiftKey || event.ctrlKey || event.metaKey || disabled) {\n    // Prevent text selection\n    event.preventDefault();\n  }\n};\n\nconst TreeViewItem = React.forwardRef((props, ref) => {\n  const {\n    id: idProp,\n    className,\n    classes,\n\n    disabled: disabledProp = false,\n\n    selectable: selectableProp,\n\n    nodeId,\n    icon = null,\n    label,\n    href,\n    target,\n    payload,\n\n    onClick,\n    onMouseDown,\n    onFocus,\n\n    children,\n\n    ...others\n  } = props;\n\n  const treeViewControlContext = useContext(TreeViewControlContext);\n  const { isExpanded, isSelected, isFocused, isDisabled } = useContext(TreeViewStateContext);\n\n  const {\n    treeId,\n    mode,\n    collapsible,\n    toggleExpansion,\n    multiSelect,\n    selectNode,\n    selectRange,\n    disabledItemsFocusable,\n    registerNode,\n    unregisterNode,\n    mapFirstChar,\n    unMapFirstChar,\n    focus,\n  } = treeViewControlContext;\n\n  const treeviewMode = mode === \"treeview\";\n\n  let id = null;\n\n  if (idProp != null) {\n    id = idProp;\n  } else if (treeId && nodeId) {\n    id = `${treeId}-${nodeId}`;\n  }\n\n  const [treeitemElement, setTreeitemElement] = useState(null);\n  const contentRef = useRef(null);\n  const handleRef = useForkRef(setTreeitemElement, ref);\n\n  const descendant = useMemo(\n    () => ({\n      element: treeitemElement,\n      id: nodeId,\n    }),\n    [nodeId, treeitemElement]\n  );\n\n  const { index, parentId, level } = useDescendant(descendant);\n\n  const expandable = collapsible && Array.isArray(children);\n  const expanded = isExpanded ? isExpanded(nodeId) : false;\n  const focused = isFocused ? isFocused(nodeId) : false;\n  const selected = isSelected ? isSelected(nodeId) : false;\n  const disabled = isDisabled ? isDisabled(nodeId) : false;\n\n  const selectable = selectableProp != null ? selectableProp : !collapsible || !expandable;\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 (registerNode && unregisterNode && index !== -1) {\n      registerNode({\n        id: nodeId,\n        idAttribute: id,\n        index,\n        parentId,\n        selectable,\n        expandable,\n        disabled: disabledProp,\n        onFocus,\n        payload,\n      });\n\n      return () => {\n        unregisterNode(nodeId);\n      };\n    }\n\n    return undefined;\n  }, [\n    registerNode,\n    unregisterNode,\n    parentId,\n    index,\n    nodeId,\n    expandable,\n    disabledProp,\n    id,\n    selectable,\n    onFocus,\n    payload,\n  ]);\n\n  useEffect(() => {\n    if (mapFirstChar && unMapFirstChar && label) {\n      mapFirstChar(nodeId, contentRef.current?.textContent.substring(0, 1).toLowerCase());\n\n      return () => {\n        unMapFirstChar(nodeId);\n      };\n    }\n    return undefined;\n  }, [mapFirstChar, unMapFirstChar, nodeId, label]);\n\n  let ariaSelected;\n  if (multiSelect) {\n    ariaSelected = selected;\n  } else if (selected) {\n    /* single-selection trees unset aria-selected on un-selected items.\n     *\n     * If the tree does not support multiple selection, aria-selected\n     * is set to true for the selected node and it is not present on any other node in the tree.\n     * Source: https://www.w3.org/TR/wai-aria-practices/#TreeView\n     */\n    ariaSelected = true;\n  }\n\n  const handleFocus = useCallback(\n    (event) => {\n      // DOM focus stays on the tree which manages focus with aria-activedescendant\n      if (event.target === event.currentTarget) {\n        (event.target.ownerDocument || document)\n          .getElementById(treeId)\n          .focus({ preventScroll: true });\n      }\n\n      const unfocusable = !disabledItemsFocusable && disabled;\n      if (!focused && event.currentTarget === event.target && !unfocusable) {\n        focus(event, nodeId);\n      }\n    },\n    [disabled, disabledItemsFocusable, focus, focused, nodeId, treeId]\n  );\n\n  const handleExpansion = useCallback(\n    (event) => {\n      if (!disabled) {\n        if (treeviewMode && !focused) {\n          focus(event, nodeId);\n        }\n\n        const multiple = multiSelect && (event.shiftKey || event.ctrlKey || event.metaKey);\n\n        // If already expanded and trying to toggle selection don't close\n        if (expandable && !(multiple && isExpanded(nodeId))) {\n          toggleExpansion(event, nodeId);\n        }\n      }\n    },\n    [\n      disabled,\n      expandable,\n      focus,\n      focused,\n      isExpanded,\n      multiSelect,\n      nodeId,\n      toggleExpansion,\n      treeviewMode,\n    ]\n  );\n\n  const handleSelection = useCallback(\n    (event) => {\n      if (selectable && !disabled) {\n        if (treeviewMode && !focused) {\n          focus(event, nodeId);\n        }\n\n        const multiple = multiSelect && (event.shiftKey || event.ctrlKey || event.metaKey);\n\n        if (multiple) {\n          if (event.shiftKey) {\n            selectRange(event, { end: nodeId });\n          } else {\n            selectNode(event, nodeId, true);\n          }\n        } else {\n          selectNode(event, nodeId);\n        }\n      }\n    },\n    [\n      disabled,\n      focus,\n      focused,\n      multiSelect,\n      nodeId,\n      selectNode,\n      selectRange,\n      selectable,\n      treeviewMode,\n    ]\n  );\n\n  const handleMouseDown = useCallback(\n    (event) => {\n      preventSelection(event, disabled);\n\n      if (onMouseDown) {\n        onMouseDown(event);\n      }\n    },\n    [disabled, onMouseDown]\n  );\n\n  const handleClick = useCallback(\n    (event) => {\n      if (!disabled) {\n        if (expandable) {\n          handleExpansion(event);\n        }\n\n        if (selectable) {\n          handleSelection(event);\n        }\n      }\n\n      if (onClick) {\n        onClick(event);\n      }\n    },\n    [disabled, expandable, handleExpansion, handleSelection, onClick, selectable]\n  );\n\n  const handleKeyDown = useCallback(\n    (event) => {\n      let isEventHandled = false;\n      const { key } = event;\n\n      if (event.altKey || event.ctrlKey || event.metaKey || event.currentTarget !== event.target) {\n        return;\n      }\n      if (contentRef.current === event.currentTarget) {\n        if (key === \"Enter\" || key === \" \") {\n          if (expandable) {\n            isEventHandled = handleExpansion(event);\n          }\n\n          if (selectable) {\n            isEventHandled = handleSelection(event);\n          }\n        }\n\n        if (isEventHandled) {\n          event.preventDefault();\n          event.stopPropagation();\n        }\n      }\n    },\n    [expandable, handleExpansion, handleSelection, selectable]\n  );\n\n  const renderedContent = useMemo(\n    () => (\n      <HvTypography\n        id={setId(id, \"button\")}\n        component={href ? \"a\" : \"div\"}\n        href={href}\n        target={target}\n        ref={contentRef}\n        className={clsx(classes.content, { [classes.link]: href != null })}\n        variant={disabled ? \"placeholderText\" : \"normalText\"}\n        onClick={handleClick}\n        onMouseDown={handleMouseDown}\n        style={{\n          paddingLeft: (expandable || icon != null ? 0 : 10) + level * (collapsible ? 32 : 10),\n        }}\n        {...(treeviewMode\n          ? {\n              role: \"button\",\n              tabIndex: -1,\n              onFocus: handleFocus,\n            }\n          : {\n              role: \"button\",\n              tabIndex: selectable || expandable ? 0 : -1,\n              onKeyDown: handleKeyDown,\n              \"aria-current\": selectable && selected ? \"page\" : undefined,\n              \"aria-expanded\": expandable ? expanded : undefined,\n              \"aria-controls\": expandable ? setId(id, \"group\") : undefined,\n            })}\n      >\n        {expandable && (expanded ? <DropUpXS /> : <DropDownXS />)}\n        {icon}\n        {label}\n      </HvTypography>\n    ),\n    [\n      id,\n      href,\n      target,\n      classes.content,\n      classes.link,\n      disabled,\n      handleClick,\n      handleMouseDown,\n      expandable,\n      icon,\n      level,\n      collapsible,\n      treeviewMode,\n      handleFocus,\n      selectable,\n      handleKeyDown,\n      selected,\n      expanded,\n      label,\n    ]\n  );\n\n  const renderedChildren = useMemo(\n    () =>\n      children && (\n        <ul\n          id={setId(id, \"group\")}\n          className={classes.group}\n          role={treeviewMode ? \"group\" : undefined}\n        >\n          {children}\n        </ul>\n      ),\n    [children, classes.group, id, treeviewMode]\n  );\n\n  return (\n    <li\n      ref={handleRef}\n      id={id}\n      className={clsx(classes.node, className, {\n        [classes.disabled]: disabled,\n        [classes.expandable]: expandable,\n        [classes.collapsed]: expandable && !expanded,\n        [classes.expanded]: expandable && expanded,\n        [classes.selectable]: !disabled && selectable,\n        [classes.unselectable]: !disabled && !selectable,\n        [classes.selected]: !disabled && selectable && selected,\n        [classes.unselected]: !disabled && selectable && !selected,\n        [classes.focused]: focused,\n      })}\n      data-hasicon={icon != null ? true : undefined}\n      {...(mode === \"treeview\" && {\n        role: \"treeitem\",\n        \"aria-selected\": ariaSelected,\n        \"aria-expanded\": expandable ? expanded : undefined,\n        \"aria-disabled\": disabled ? true : undefined,\n      })}\n      {...others}\n    >\n      {renderedContent}\n      <DescendantProvider id={nodeId} level={level + 1}>\n        {renderedChildren}\n      </DescendantProvider>\n    </li>\n  );\n});\n\nTreeViewItem.propTypes = {\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied to the Radio button.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Style applied to the root of the component.\n     */\n    node: PropTypes.string,\n    /**\n     * Style applied to the content.\n     */\n    content: PropTypes.string,\n    /**\n     * Style applied to the content when it is a link.\n     */\n    link: PropTypes.string,\n    /**\n     * Style applied to the group.\n     */\n    group: PropTypes.string,\n    /**\n     * Style applied when item is disabled.\n     */\n    disabled: PropTypes.string,\n    /**\n     * Style applied when item is expandable.\n     */\n    expandable: PropTypes.string,\n    /**\n     * Style applied when item is collapsed.\n     */\n    collapsed: PropTypes.string,\n    /**\n     * Style applied when item is expanded.\n     */\n    expanded: PropTypes.string,\n    /**\n     * Style applied when item is selectable.\n     */\n    selectable: PropTypes.string,\n    /**\n     * Style applied when item is unselectable.\n     */\n    unselectable: PropTypes.string,\n    /**\n     * Style applied when item is selected.\n     */\n    selected: PropTypes.string,\n    /**\n     * Style applied when item is unselectable.\n     */\n    unselected: PropTypes.string,\n    /**\n     * Style applied when item is focused.\n     */\n    focused: PropTypes.string,\n  }).isRequired,\n  /**\n   * Is the node disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Can the node be selected.\n   */\n  selectable: PropTypes.bool,\n  /**\n   * The id of the node.\n   */\n  nodeId: PropTypes.string.isRequired,\n  /**\n   * The icon to display next to the node's label.\n   */\n  icon: PropTypes.node,\n  /**\n   * The item label.\n   */\n  label: PropTypes.node.isRequired,\n  /**\n   * The url for the link.\n   */\n  href: PropTypes.string,\n  /**\n   * The behavior when opening a link.\n   */\n  target: PropTypes.string,\n  /**\n   * The node payload.\n   */\n  // eslint-disable-next-line react/forbid-prop-types\n  payload: PropTypes.any,\n  /**\n   * @ignore\n   */\n  onClick: PropTypes.func,\n  /**\n   * @ignore\n   */\n  onMouseDown: PropTypes.func,\n  /**\n   * @ignore\n   */\n  onFocus: PropTypes.func,\n  /**\n   * The content of the component.\n   */\n  children: PropTypes.node,\n};\n\nexport default withStyles(styles, {\n  name: \"HvVerticalNavigationTreeViewItem\",\n})(TreeViewItem);\n"],"mappings":";;;;;;AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,UAAU,EAAEC,SAAS,EAAEC,OAAO,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AAC5F,OAAOC,IAAI,MAAM,MAAM;AACvB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,UAAU,QAAQ,aAAa;AAExC,SAASC,UAAU,EAAEC,QAAQ,QAAQ,mCAAmC;AAExE,OAAOC,YAAY,MAAM,kBAAkB;AAE3C,SAASC,sBAAsB,EAAEC,oBAAoB,QAAQ,oBAAoB;AAEjF,SAASC,KAAK,EAAEC,UAAU,QAAQ,aAAa;AAE/C,SAASC,kBAAkB,EAAEC,aAAa,QAAQ,eAAe;AAEjE,OAAOC,MAAM,MAAM,UAAU;AAAC;AAAA;AAE9B,MAAMC,gBAAgB,GAAG,CAACC,KAAK,EAAEC,QAAQ,KAAK;EAC5C,IAAID,KAAK,CAACE,QAAQ,IAAIF,KAAK,CAACG,OAAO,IAAIH,KAAK,CAACI,OAAO,IAAIH,QAAQ,EAAE;IAChE;IACAD,KAAK,CAACK,cAAc,EAAE;EACxB;AACF,CAAC;AAED,MAAMC,YAAY,gBAAG3B,KAAK,CAAC4B,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAK;EACpD,MAAM;MACJC,EAAE,EAAEC,MAAM;MACVC,SAAS;MACTC,OAAO;MAEPZ,QAAQ,EAAEa,YAAY,GAAG,KAAK;MAE9BC,UAAU,EAAEC,cAAc;MAE1BC,MAAM;MACNC,IAAI,GAAG,IAAI;MACXC,KAAK;MACLC,IAAI;MACJC,MAAM;MACNC,OAAO;MAEPC,OAAO;MACPC,WAAW;MACXC,OAAO;MAEPC;IAGF,CAAC,GAAGlB,KAAK;IADJmB,MAAM,4BACPnB,KAAK;EAET,MAAMoB,sBAAsB,GAAG/C,UAAU,CAACW,sBAAsB,CAAC;EACjE,MAAM;IAAEqC,UAAU;IAAEC,UAAU;IAAEC,SAAS;IAAEC;EAAW,CAAC,GAAGnD,UAAU,CAACY,oBAAoB,CAAC;EAE1F,MAAM;IACJwC,MAAM;IACNC,IAAI;IACJC,WAAW;IACXC,eAAe;IACfC,WAAW;IACXC,UAAU;IACVC,WAAW;IACXC,sBAAsB;IACtBC,YAAY;IACZC,cAAc;IACdC,YAAY;IACZC,cAAc;IACdC;EACF,CAAC,GAAGjB,sBAAsB;EAE1B,MAAMkB,YAAY,GAAGZ,IAAI,KAAK,UAAU;EAExC,IAAIxB,EAAE,GAAG,IAAI;EAEb,IAAIC,MAAM,IAAI,IAAI,EAAE;IAClBD,EAAE,GAAGC,MAAM;EACb,CAAC,MAAM,IAAIsB,MAAM,IAAIhB,MAAM,EAAE;IAC3BP,EAAE,GAAI,GAAEuB,MAAO,IAAGhB,MAAO,EAAC;EAC5B;EAEA,MAAM,CAAC8B,eAAe,EAAEC,kBAAkB,CAAC,GAAG/D,QAAQ,CAAC,IAAI,CAAC;EAC5D,MAAMgE,UAAU,GAAGjE,MAAM,CAAC,IAAI,CAAC;EAC/B,MAAMkE,SAAS,GAAGvD,UAAU,CAACqD,kBAAkB,EAAEvC,GAAG,CAAC;EAErD,MAAM0C,UAAU,GAAGpE,OAAO,CACxB,OAAO;IACLqE,OAAO,EAAEL,eAAe;IACxBrC,EAAE,EAAEO;EACN,CAAC,CAAC,EACF,CAACA,MAAM,EAAE8B,eAAe,CAAC,CAC1B;EAED,MAAM;IAAEM,KAAK;IAAEC,QAAQ;IAAEC;EAAM,CAAC,GAAG1D,aAAa,CAACsD,UAAU,CAAC;EAE5D,MAAMK,UAAU,GAAGrB,WAAW,IAAIsB,KAAK,CAACC,OAAO,CAAChC,QAAQ,CAAC;EACzD,MAAMiC,QAAQ,GAAG9B,UAAU,GAAGA,UAAU,CAACZ,MAAM,CAAC,GAAG,KAAK;EACxD,MAAM2C,OAAO,GAAG7B,SAAS,GAAGA,SAAS,CAACd,MAAM,CAAC,GAAG,KAAK;EACrD,MAAM4C,QAAQ,GAAG/B,UAAU,GAAGA,UAAU,CAACb,MAAM,CAAC,GAAG,KAAK;EACxD,MAAMhB,QAAQ,GAAG+B,UAAU,GAAGA,UAAU,CAACf,MAAM,CAAC,GAAG,KAAK;EAExD,MAAMF,UAAU,GAAGC,cAAc,IAAI,IAAI,GAAGA,cAAc,GAAG,CAACmB,WAAW,IAAI,CAACqB,UAAU;EAExF1E,SAAS,CAAC,MAAM;IACd;IACA,IAAI2D,YAAY,IAAIC,cAAc,IAAIW,KAAK,KAAK,CAAC,CAAC,EAAE;MAClDZ,YAAY,CAAC;QACX/B,EAAE,EAAEO,MAAM;QACV6C,WAAW,EAAEpD,EAAE;QACf2C,KAAK;QACLC,QAAQ;QACRvC,UAAU;QACVyC,UAAU;QACVvD,QAAQ,EAAEa,YAAY;QACtBW,OAAO;QACPH;MACF,CAAC,CAAC;MAEF,OAAO,MAAM;QACXoB,cAAc,CAACzB,MAAM,CAAC;MACxB,CAAC;IACH;IAEA,OAAO8C,SAAS;EAClB,CAAC,EAAE,CACDtB,YAAY,EACZC,cAAc,EACdY,QAAQ,EACRD,KAAK,EACLpC,MAAM,EACNuC,UAAU,EACV1C,YAAY,EACZJ,EAAE,EACFK,UAAU,EACVU,OAAO,EACPH,OAAO,CACR,CAAC;EAEFxC,SAAS,CAAC,MAAM;IACd,IAAI6D,YAAY,IAAIC,cAAc,IAAIzB,KAAK,EAAE;MAAA;MAC3CwB,YAAY,CAAC1B,MAAM,yBAAEgC,UAAU,CAACe,OAAO,wDAAlB,oBAAoBC,WAAW,CAACC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,CAACC,WAAW,EAAE,CAAC;MAEnF,OAAO,MAAM;QACXvB,cAAc,CAAC3B,MAAM,CAAC;MACxB,CAAC;IACH;IACA,OAAO8C,SAAS;EAClB,CAAC,EAAE,CAACpB,YAAY,EAAEC,cAAc,EAAE3B,MAAM,EAAEE,KAAK,CAAC,CAAC;EAEjD,IAAIiD,YAAY;EAChB,IAAI/B,WAAW,EAAE;IACf+B,YAAY,GAAGP,QAAQ;EACzB,CAAC,MAAM,IAAIA,QAAQ,EAAE;IACnB;AACJ;AACA;AACA;AACA;AACA;IACIO,YAAY,GAAG,IAAI;EACrB;EAEA,MAAMC,WAAW,GAAGzF,WAAW,CAC5BoB,KAAK,IAAK;IACT;IACA,IAAIA,KAAK,CAACqB,MAAM,KAAKrB,KAAK,CAACsE,aAAa,EAAE;MACxC,CAACtE,KAAK,CAACqB,MAAM,CAACkD,aAAa,IAAIC,QAAQ,EACpCC,cAAc,CAACxC,MAAM,CAAC,CACtBY,KAAK,CAAC;QAAE6B,aAAa,EAAE;MAAK,CAAC,CAAC;IACnC;IAEA,MAAMC,WAAW,GAAG,CAACnC,sBAAsB,IAAIvC,QAAQ;IACvD,IAAI,CAAC2D,OAAO,IAAI5D,KAAK,CAACsE,aAAa,KAAKtE,KAAK,CAACqB,MAAM,IAAI,CAACsD,WAAW,EAAE;MACpE9B,KAAK,CAAC7C,KAAK,EAAEiB,MAAM,CAAC;IACtB;EACF,CAAC,EACD,CAAChB,QAAQ,EAAEuC,sBAAsB,EAAEK,KAAK,EAAEe,OAAO,EAAE3C,MAAM,EAAEgB,MAAM,CAAC,CACnE;EAED,MAAM2C,eAAe,GAAGhG,WAAW,CAChCoB,KAAK,IAAK;IACT,IAAI,CAACC,QAAQ,EAAE;MACb,IAAI6C,YAAY,IAAI,CAACc,OAAO,EAAE;QAC5Bf,KAAK,CAAC7C,KAAK,EAAEiB,MAAM,CAAC;MACtB;MAEA,MAAM4D,QAAQ,GAAGxC,WAAW,KAAKrC,KAAK,CAACE,QAAQ,IAAIF,KAAK,CAACG,OAAO,IAAIH,KAAK,CAACI,OAAO,CAAC;;MAElF;MACA,IAAIoD,UAAU,IAAI,EAAEqB,QAAQ,IAAIhD,UAAU,CAACZ,MAAM,CAAC,CAAC,EAAE;QACnDmB,eAAe,CAACpC,KAAK,EAAEiB,MAAM,CAAC;MAChC;IACF;EACF,CAAC,EACD,CACEhB,QAAQ,EACRuD,UAAU,EACVX,KAAK,EACLe,OAAO,EACP/B,UAAU,EACVQ,WAAW,EACXpB,MAAM,EACNmB,eAAe,EACfU,YAAY,CACb,CACF;EAED,MAAMgC,eAAe,GAAGlG,WAAW,CAChCoB,KAAK,IAAK;IACT,IAAIe,UAAU,IAAI,CAACd,QAAQ,EAAE;MAC3B,IAAI6C,YAAY,IAAI,CAACc,OAAO,EAAE;QAC5Bf,KAAK,CAAC7C,KAAK,EAAEiB,MAAM,CAAC;MACtB;MAEA,MAAM4D,QAAQ,GAAGxC,WAAW,KAAKrC,KAAK,CAACE,QAAQ,IAAIF,KAAK,CAACG,OAAO,IAAIH,KAAK,CAACI,OAAO,CAAC;MAElF,IAAIyE,QAAQ,EAAE;QACZ,IAAI7E,KAAK,CAACE,QAAQ,EAAE;UAClBqC,WAAW,CAACvC,KAAK,EAAE;YAAE+E,GAAG,EAAE9D;UAAO,CAAC,CAAC;QACrC,CAAC,MAAM;UACLqB,UAAU,CAACtC,KAAK,EAAEiB,MAAM,EAAE,IAAI,CAAC;QACjC;MACF,CAAC,MAAM;QACLqB,UAAU,CAACtC,KAAK,EAAEiB,MAAM,CAAC;MAC3B;IACF;EACF,CAAC,EACD,CACEhB,QAAQ,EACR4C,KAAK,EACLe,OAAO,EACPvB,WAAW,EACXpB,MAAM,EACNqB,UAAU,EACVC,WAAW,EACXxB,UAAU,EACV+B,YAAY,CACb,CACF;EAED,MAAMkC,eAAe,GAAGpG,WAAW,CAChCoB,KAAK,IAAK;IACTD,gBAAgB,CAACC,KAAK,EAAEC,QAAQ,CAAC;IAEjC,IAAIuB,WAAW,EAAE;MACfA,WAAW,CAACxB,KAAK,CAAC;IACpB;EACF,CAAC,EACD,CAACC,QAAQ,EAAEuB,WAAW,CAAC,CACxB;EAED,MAAMyD,WAAW,GAAGrG,WAAW,CAC5BoB,KAAK,IAAK;IACT,IAAI,CAACC,QAAQ,EAAE;MACb,IAAIuD,UAAU,EAAE;QACdoB,eAAe,CAAC5E,KAAK,CAAC;MACxB;MAEA,IAAIe,UAAU,EAAE;QACd+D,eAAe,CAAC9E,KAAK,CAAC;MACxB;IACF;IAEA,IAAIuB,OAAO,EAAE;MACXA,OAAO,CAACvB,KAAK,CAAC;IAChB;EACF,CAAC,EACD,CAACC,QAAQ,EAAEuD,UAAU,EAAEoB,eAAe,EAAEE,eAAe,EAAEvD,OAAO,EAAER,UAAU,CAAC,CAC9E;EAED,MAAMmE,aAAa,GAAGtG,WAAW,CAC9BoB,KAAK,IAAK;IACT,IAAImF,cAAc,GAAG,KAAK;IAC1B,MAAM;MAAEC;IAAI,CAAC,GAAGpF,KAAK;IAErB,IAAIA,KAAK,CAACqF,MAAM,IAAIrF,KAAK,CAACG,OAAO,IAAIH,KAAK,CAACI,OAAO,IAAIJ,KAAK,CAACsE,aAAa,KAAKtE,KAAK,CAACqB,MAAM,EAAE;MAC1F;IACF;IACA,IAAI4B,UAAU,CAACe,OAAO,KAAKhE,KAAK,CAACsE,aAAa,EAAE;MAC9C,IAAIc,GAAG,KAAK,OAAO,IAAIA,GAAG,KAAK,GAAG,EAAE;QAClC,IAAI5B,UAAU,EAAE;UACd2B,cAAc,GAAGP,eAAe,CAAC5E,KAAK,CAAC;QACzC;QAEA,IAAIe,UAAU,EAAE;UACdoE,cAAc,GAAGL,eAAe,CAAC9E,KAAK,CAAC;QACzC;MACF;MAEA,IAAImF,cAAc,EAAE;QAClBnF,KAAK,CAACK,cAAc,EAAE;QACtBL,KAAK,CAACsF,eAAe,EAAE;MACzB;IACF;EACF,CAAC,EACD,CAAC9B,UAAU,EAAEoB,eAAe,EAAEE,eAAe,EAAE/D,UAAU,CAAC,CAC3D;EAED,MAAMwE,eAAe,GAAGxG,OAAO,CAC7B,mBACE,MAAC,YAAY;IACX,EAAE,EAAEW,KAAK,CAACgB,EAAE,EAAE,QAAQ,CAAE;IACxB,SAAS,EAAEU,IAAI,GAAG,GAAG,GAAG,KAAM;IAC9B,IAAI,EAAEA,IAAK;IACX,MAAM,EAAEC,MAAO;IACf,GAAG,EAAE4B,UAAW;IAChB,SAAS,EAAE/D,IAAI,CAAC2B,OAAO,CAAC2E,OAAO,EAAoBpE,IAAI,IAAI,IAAI,IAA3BP,OAAO,CAAC4E,IAAI,CAAmB;IACnE,OAAO,EAAExF,QAAQ,GAAG,iBAAiB,GAAG,YAAa;IACrD,OAAO,EAAEgF,WAAY;IACrB,WAAW,EAAED,eAAgB;IAC7B,KAAK,EAAE;MACLU,WAAW,EAAE,CAAClC,UAAU,IAAItC,IAAI,IAAI,IAAI,GAAG,CAAC,GAAG,EAAE,IAAIqC,KAAK,IAAIpB,WAAW,GAAG,EAAE,GAAG,EAAE;IACrF;EAAE,GACGW,YAAY,GACb;IACE6C,IAAI,EAAE,QAAQ;IACdC,QAAQ,EAAE,CAAC,CAAC;IACZnE,OAAO,EAAE4C;EACX,CAAC,GACD;IACEsB,IAAI,EAAE,QAAQ;IACdC,QAAQ,EAAE7E,UAAU,IAAIyC,UAAU,GAAG,CAAC,GAAG,CAAC,CAAC;IAC3CqC,SAAS,EAAEX,aAAa;IACxB,cAAc,EAAEnE,UAAU,IAAI8C,QAAQ,GAAG,MAAM,GAAGE,SAAS;IAC3D,eAAe,EAAEP,UAAU,GAAGG,QAAQ,GAAGI,SAAS;IAClD,eAAe,EAAEP,UAAU,GAAG9D,KAAK,CAACgB,EAAE,EAAE,OAAO,CAAC,GAAGqD;EACrD,CAAC;IAAA,WAEJP,UAAU,KAAKG,QAAQ,0CAAG,KAAC,QAAQ,KAAG,+CAAG,KAAC,UAAU,KAAG,EAAC,EACxDzC,IAAI,EACJC,KAAK;EAAA,GAET,EACD,CACET,EAAE,EACFU,IAAI,EACJC,MAAM,EACNR,OAAO,CAAC2E,OAAO,EACf3E,OAAO,CAAC4E,IAAI,EACZxF,QAAQ,EACRgF,WAAW,EACXD,eAAe,EACfxB,UAAU,EACVtC,IAAI,EACJqC,KAAK,EACLpB,WAAW,EACXW,YAAY,EACZuB,WAAW,EACXtD,UAAU,EACVmE,aAAa,EACbrB,QAAQ,EACRF,QAAQ,EACRxC,KAAK,CACN,CACF;EAED,MAAM2E,gBAAgB,GAAG/G,OAAO,CAC9B,MACE2C,QAAQ,iBACN;IACE,EAAE,EAAEhC,KAAK,CAACgB,EAAE,EAAE,OAAO,CAAE;IACvB,SAAS,EAAEG,OAAO,CAACkF,KAAM;IACzB,IAAI,EAAEjD,YAAY,GAAG,OAAO,GAAGiB,SAAU;IAAA,UAExCrC;EAAQ,EAEZ,EACH,CAACA,QAAQ,EAAEb,OAAO,CAACkF,KAAK,EAAErF,EAAE,EAAEoC,YAAY,CAAC,CAC5C;EAED,oBACE;IACE,GAAG,EAAEI,SAAU;IACf,EAAE,EAAExC,EAAG;IACP,SAAS,EAAExB,IAAI,CAAC2B,OAAO,CAACmF,IAAI,EAAEpF,SAAS,EACjBX,QAAQ,GAA3BY,OAAO,CAACZ,QAAQ,GAIkBc,UAAU,IAA5CF,OAAO,CAACE,UAAU,EAE4B8C,QAAQ,GAAtDhD,OAAO,CAACgD,QAAQ,GAChBhD,OAAO,CAACoF,UAAU,IAFlBpF,OAAO,CAACqF,YAAY,EAJC1C,UAAU,KAA/B3C,OAAO,CAAC2C,UAAU,EAEeG,QAAQ,GAAzC9C,OAAO,CAAC8C,QAAQ,GADhB9C,OAAO,CAACsF,SAAS,GAMCvC,OAAO,IAAzB/C,OAAO,CAAC+C,OAAO,CACf;IACH,gBAAc1C,IAAI,IAAI,IAAI,GAAG,IAAI,GAAG6C;EAAU,GACzC7B,IAAI,KAAK,UAAU,IAAI;IAC1ByD,IAAI,EAAE,UAAU;IAChB,eAAe,EAAEvB,YAAY;IAC7B,eAAe,EAAEZ,UAAU,GAAGG,QAAQ,GAAGI,SAAS;IAClD,eAAe,EAAE9D,QAAQ,GAAG,IAAI,GAAG8D;EACrC,CAAC,GACGpC,MAAM;IAAA,WAET4D,eAAe,eAChB,KAAC,kBAAkB;MAAC,EAAE,EAAEtE,MAAO;MAAC,KAAK,EAAEsC,KAAK,GAAG,CAAE;MAAA,UAC9CuC;IAAgB,EACE;EAAA,GAClB;AAET,CAAC,CAAC;AAEF,wCAAAxF,YAAY,CAAC8F,SAAS,GAAG;EACvB;AACF;AACA;EACE1F,EAAE,EAAEvB,SAAS,CAACkH,MAAM;EACpB;AACF;AACA;EACEzF,SAAS,EAAEzB,SAAS,CAACkH,MAAM;EAC3B;AACF;AACA;EACExF,OAAO,EAAE1B,SAAS,CAACmH,KAAK,CAAC;IACvB;AACJ;AACA;IACIN,IAAI,EAAE7G,SAAS,CAACkH,MAAM;IACtB;AACJ;AACA;IACIb,OAAO,EAAErG,SAAS,CAACkH,MAAM;IACzB;AACJ;AACA;IACIZ,IAAI,EAAEtG,SAAS,CAACkH,MAAM;IACtB;AACJ;AACA;IACIN,KAAK,EAAE5G,SAAS,CAACkH,MAAM;IACvB;AACJ;AACA;IACIpG,QAAQ,EAAEd,SAAS,CAACkH,MAAM;IAC1B;AACJ;AACA;IACI7C,UAAU,EAAErE,SAAS,CAACkH,MAAM;IAC5B;AACJ;AACA;IACIF,SAAS,EAAEhH,SAAS,CAACkH,MAAM;IAC3B;AACJ;AACA;IACI1C,QAAQ,EAAExE,SAAS,CAACkH,MAAM;IAC1B;AACJ;AACA;IACItF,UAAU,EAAE5B,SAAS,CAACkH,MAAM;IAC5B;AACJ;AACA;IACIH,YAAY,EAAE/G,SAAS,CAACkH,MAAM;IAC9B;AACJ;AACA;IACIxC,QAAQ,EAAE1E,SAAS,CAACkH,MAAM;IAC1B;AACJ;AACA;IACIJ,UAAU,EAAE9G,SAAS,CAACkH,MAAM;IAC5B;AACJ;AACA;IACIzC,OAAO,EAAEzE,SAAS,CAACkH;EACrB,CAAC,CAAC,CAACE,UAAU;EACb;AACF;AACA;EACEtG,QAAQ,EAAEd,SAAS,CAACqH,IAAI;EACxB;AACF;AACA;EACEzF,UAAU,EAAE5B,SAAS,CAACqH,IAAI;EAC1B;AACF;AACA;EACEvF,MAAM,EAAE9B,SAAS,CAACkH,MAAM,CAACE,UAAU;EACnC;AACF;AACA;EACErF,IAAI,EAAE/B,SAAS,CAAC6G,IAAI;EACpB;AACF;AACA;EACE7E,KAAK,EAAEhC,SAAS,CAAC6G,IAAI,CAACO,UAAU;EAChC;AACF;AACA;EACEnF,IAAI,EAAEjC,SAAS,CAACkH,MAAM;EACtB;AACF;AACA;EACEhF,MAAM,EAAElC,SAAS,CAACkH,MAAM;EACxB;AACF;AACA;EACE;EACA/E,OAAO,EAAEnC,SAAS,CAACsH,GAAG;EACtB;AACF;AACA;EACElF,OAAO,EAAEpC,SAAS,CAACuH,IAAI;EACvB;AACF;AACA;EACElF,WAAW,EAAErC,SAAS,CAACuH,IAAI;EAC3B;AACF;AACA;EACEjF,OAAO,EAAEtC,SAAS,CAACuH,IAAI;EACvB;AACF;AACA;EACEhF,QAAQ,EAAEvC,SAAS,CAAC6G;AACtB,CAAC;AAED,eAAe5G,UAAU,CAACU,MAAM,EAAE;EAChC6G,IAAI,EAAE;AACR,CAAC,CAAC,CAACrG,YAAY,CAAC"}

package/dist/modern/VerticalNavigation/TreeView/descendants.js

@@ -1,13 +1,8 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 const _excluded = ["element"];
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-import "core-js/modules/web.dom-collections.iterator.js";
-
 /**
  * Copied from https://github.com/mui-org/material-ui/blob/8763de1633d80295e7b83d8c21040dad333e6699/packages/material-ui-lab/src/TreeView/descendants.js
  * Credit: https://github.com/reach/reach-ui/blob/86a046f54d53b6420e392b3fa56dd991d9d4e458/packages/descendants/README.md
@@ -15,52 +10,45 @@ import "core-js/modules/web.dom-collections.iterator.js";
  * - Added level (depth) property.
  * - Use local copy of useEnhancedEffect.
  */
+
 import * as React from "react";
 import PropTypes from "prop-types";
-import { useEnhancedEffect } from "../../utils"; // To replace with .findIndex() once we stop IE11 support.
+import { useEnhancedEffect } from "../../utils";
 
+// To replace with .findIndex() once we stop IE11 support.
 import { jsx as _jsx } from "react/jsx-runtime";
-
 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;
-    } // eslint-disable-next-line no-bitwise
-
+    }
 
+    // eslint-disable-next-line no-bitwise
     if (array[middle].element.compareDocumentPosition(element) & Node.DOCUMENT_POSITION_PRECEDING) {
       end = middle - 1;
     } else {
       start = middle + 1;
     }
   }
-
   return start;
 }
-
 const DescendantContext = /*#__PURE__*/React.createContext({
   level: 0
 });
-
 if (process.env.NODE_ENV !== "production") {
   DescendantContext.displayName = "DescendantContext";
 }
-
 function usePrevious(value) {
   const ref = React.useRef(null);
   React.useEffect(() => {
@@ -68,8 +56,8 @@ function usePrevious(value) {
   }, [value]);
   return ref.current;
 }
-
 const noop = () => {};
+
 /**
  * This hook registers our descendant by passing it into an array. We can then
  * search that array by to find its index when registering it in the component.
@@ -90,8 +78,6 @@ const noop = () => {};
  * server for most use-cases, as we are only using it to determine the order of
  * composed descendants for keyboard navigation.
  */
-
-
 export function useDescendant(descendant) {
   const [, forceUpdate] = React.useState();
   const {
@@ -100,22 +86,25 @@ export function useDescendant(descendant) {
     descendants = [],
     parentId = null,
     level = 0
-  } = React.useContext(DescendantContext); // This will initially return -1 because we haven't registered the descendant
+  } = React.useContext(DescendantContext);
+
+  // This will initially return -1 because we haven't registered the descendant
   // on the first render. After we register, this will then return the correct
   // index on the following render and we will re-register descendants
   // so that everything is up-to-date before the user interacts with a
   // collection.
-
   const index = findIndex(descendants, item => item.element === descendant.element);
-  const previousDescendants = usePrevious(descendants); // We also need to re-register descendants any time ANY of the other
+  const previousDescendants = usePrevious(descendants);
+
+  // We also need to re-register descendants any time ANY of the other
   // descendants have changed. My brain was melting when I wrote this and it
   // feels a little off, but checking in render and using the result in the
   // effect's dependency array works well enough.
-
   const someDescendantsHaveChanged = descendants.some((newDescendant, position) => {
     return previousDescendants && previousDescendants[position] && previousDescendants[position].element !== newDescendant.element;
-  }); // Prevent any flashing
+  });
 
+  // Prevent any flashing
   useEnhancedEffect(() => {
     if (descendant.element) {
       registerDescendant(_objectSpread(_objectSpread({}, descendant), {}, {
@@ -125,7 +114,6 @@ export function useDescendant(descendant) {
         unregisterDescendant(descendant.element);
       };
     }
-
     forceUpdate({});
     return undefined;
   }, [registerDescendant, unregisterDescendant, index, someDescendantsHaveChanged, descendant]);
@@ -144,13 +132,11 @@ export function DescendantProvider(props) {
   const [items, set] = React.useState([]);
   const registerDescendant = React.useCallback(_ref => {
     let {
-      element
-    } = _ref,
-        other = _objectWithoutProperties(_ref, _excluded);
-
+        element
+      } = _ref,
+      other = _objectWithoutProperties(_ref, _excluded);
     set(oldItems => {
       let newItems;
-
       if (oldItems.length === 0) {
         // If there are no items, register at index 0 and bail.
         return [_objectSpread(_objectSpread({}, other), {}, {
@@ -158,9 +144,7 @@ export function DescendantProvider(props) {
           index: 0
         })];
       }
-
       const index = binaryFindElement(oldItems, element);
-
       if (oldItems[index] && oldItems[index].element === element) {
         // If the element is already registered, just use the same array
         newItems = oldItems;
@@ -177,16 +161,16 @@ export function DescendantProvider(props) {
         // called in an effect every time the descendants state value changes,
         // we should be sure that this index is accurate when descendent
         // elements come or go from our component.
+
         const newItem = _objectSpread(_objectSpread({}, other), {}, {
           element,
           index
-        }); // If an index is not found we will push the element to the end.
-
+        });
 
+        // If an index is not found we will push the element to the end.
         newItems = oldItems.slice();
         newItems.splice(index, 0, newItem);
       }
-
       newItems.forEach((item, position) => {
         // eslint-disable-next-line no-param-reassign
         item.index = position;

package/dist/modern/VerticalNavigation/TreeView/descendants.js.map

@@ -1 +1 @@
-{"version":3,"file":"descendants.js","names":["React","PropTypes","useEnhancedEffect","findIndex","array","comp","i","length","binaryFindElement","element","start","end","middle","Math","floor","compareDocumentPosition","Node","DOCUMENT_POSITION_PRECEDING","DescendantContext","createContext","level","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","undefined","DescendantProvider","props","children","id","items","set","useCallback","other","oldItems","newItems","newItem","slice","splice","forEach","filter","useMemo","propTypes","node","string","number"],"sources":["../../../../src/VerticalNavigation/TreeView/descendants.js"],"sourcesContent":["/**\n * Copied from https://github.com/mui-org/material-ui/blob/8763de1633d80295e7b83d8c21040dad333e6699/packages/material-ui-lab/src/TreeView/descendants.js\n * Credit: https://github.com/reach/reach-ui/blob/86a046f54d53b6420e392b3fa56dd991d9d4e458/packages/descendants/README.md\n *\n * - Added level (depth) property.\n * - Use local copy of useEnhancedEffect.\n */\n\nimport * as React from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport { useEnhancedEffect } from \"../../utils\";\n\n// To replace with .findIndex() once we stop IE11 support.\nfunction findIndex(array, comp) {\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(array, element) {\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    // eslint-disable-next-line no-bitwise\n    if (array[middle].element.compareDocumentPosition(element) & Node.DOCUMENT_POSITION_PRECEDING) {\n      end = middle - 1;\n    } else {\n      start = middle + 1;\n    }\n  }\n\n  return start;\n}\n\nconst DescendantContext = React.createContext({ level: 0 });\n\nif (process.env.NODE_ENV !== \"production\") {\n  DescendantContext.displayName = \"DescendantContext\";\n}\n\nfunction usePrevious(value) {\n  const ref = React.useRef(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) {\n  const [, forceUpdate] = React.useState();\n  const {\n    registerDescendant = noop,\n    unregisterDescendant = noop,\n    descendants = [],\n    parentId = null,\n    level = 0,\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(descendants, (item) => item.element === descendant.element);\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((newDescendant, position) => {\n    return (\n      previousDescendants &&\n      previousDescendants[position] &&\n      previousDescendants[position].element !== newDescendant.element\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  }, [registerDescendant, unregisterDescendant, index, someDescendantsHaveChanged, descendant]);\n\n  return { parentId, index, level };\n}\n\nexport function DescendantProvider(props) {\n  const { children, id, level } = props;\n\n  const [items, set] = React.useState([]);\n\n  const registerDescendant = React.useCallback(({ element, ...other }) => {\n    set((oldItems) => {\n      let newItems;\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\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        // eslint-disable-next-line no-param-reassign\n        item.index = position;\n      });\n      return newItems;\n    });\n  }, []);\n\n  const unregisterDescendant = React.useCallback((element) => {\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      level,\n    }),\n    [items, registerDescendant, unregisterDescendant, id, level]\n  );\n\n  return <DescendantContext.Provider value={value}>{children}</DescendantContext.Provider>;\n}\n\nDescendantProvider.propTypes = {\n  children: PropTypes.node,\n  id: PropTypes.string,\n  level: PropTypes.number,\n};\n"],"mappings":"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"}
+{"version":3,"file":"descendants.js","names":["React","PropTypes","useEnhancedEffect","findIndex","array","comp","i","length","binaryFindElement","element","start","end","middle","Math","floor","compareDocumentPosition","Node","DOCUMENT_POSITION_PRECEDING","DescendantContext","createContext","level","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","undefined","DescendantProvider","props","children","id","items","set","useCallback","other","oldItems","newItems","newItem","slice","splice","forEach","filter","useMemo","propTypes","node","string","number"],"sources":["../../../../src/VerticalNavigation/TreeView/descendants.js"],"sourcesContent":["/**\n * Copied from https://github.com/mui-org/material-ui/blob/8763de1633d80295e7b83d8c21040dad333e6699/packages/material-ui-lab/src/TreeView/descendants.js\n * Credit: https://github.com/reach/reach-ui/blob/86a046f54d53b6420e392b3fa56dd991d9d4e458/packages/descendants/README.md\n *\n * - Added level (depth) property.\n * - Use local copy of useEnhancedEffect.\n */\n\nimport * as React from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport { useEnhancedEffect } from \"../../utils\";\n\n// To replace with .findIndex() once we stop IE11 support.\nfunction findIndex(array, comp) {\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(array, element) {\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    // eslint-disable-next-line no-bitwise\n    if (array[middle].element.compareDocumentPosition(element) & Node.DOCUMENT_POSITION_PRECEDING) {\n      end = middle - 1;\n    } else {\n      start = middle + 1;\n    }\n  }\n\n  return start;\n}\n\nconst DescendantContext = React.createContext({ level: 0 });\n\nif (process.env.NODE_ENV !== \"production\") {\n  DescendantContext.displayName = \"DescendantContext\";\n}\n\nfunction usePrevious(value) {\n  const ref = React.useRef(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) {\n  const [, forceUpdate] = React.useState();\n  const {\n    registerDescendant = noop,\n    unregisterDescendant = noop,\n    descendants = [],\n    parentId = null,\n    level = 0,\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(descendants, (item) => item.element === descendant.element);\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((newDescendant, position) => {\n    return (\n      previousDescendants &&\n      previousDescendants[position] &&\n      previousDescendants[position].element !== newDescendant.element\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  }, [registerDescendant, unregisterDescendant, index, someDescendantsHaveChanged, descendant]);\n\n  return { parentId, index, level };\n}\n\nexport function DescendantProvider(props) {\n  const { children, id, level } = props;\n\n  const [items, set] = React.useState([]);\n\n  const registerDescendant = React.useCallback(({ element, ...other }) => {\n    set((oldItems) => {\n      let newItems;\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\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        // eslint-disable-next-line no-param-reassign\n        item.index = position;\n      });\n      return newItems;\n    });\n  }, []);\n\n  const unregisterDescendant = React.useCallback((element) => {\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      level,\n    }),\n    [items, registerDescendant, unregisterDescendant, id, level]\n  );\n\n  return <DescendantContext.Provider value={value}>{children}</DescendantContext.Provider>;\n}\n\nDescendantProvider.propTypes = {\n  children: PropTypes.node,\n  id: PropTypes.string,\n  level: PropTypes.number,\n};\n"],"mappings":"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"}

package/dist/modern/VerticalNavigation/TreeView/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default","TreeView","TreeViewItem"],"sources":["../../../../src/VerticalNavigation/TreeView/index.js"],"sourcesContent":["export { default as TreeView } from \"./TreeView\";\nexport { default as TreeViewItem } from \"./TreeViewItem\";\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,QAApB,QAAoC,YAApC;AACA,SAASD,OAAO,IAAIE,YAApB,QAAwC,gBAAxC"}
+{"version":3,"file":"index.js","names":["default","TreeView","TreeViewItem"],"sources":["../../../../src/VerticalNavigation/TreeView/index.js"],"sourcesContent":["export { default as TreeView } from \"./TreeView\";\nexport { default as TreeViewItem } from \"./TreeViewItem\";\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,QAAQ,QAAQ,YAAY;AAChD,SAASD,OAAO,IAAIE,YAAY,QAAQ,gBAAgB"}

package/dist/modern/VerticalNavigation/TreeView/styles.js

@@ -1,11 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 import { outlineStyles } from "../../Focus/styles";
-
 const selected = theme => ({
   background: theme.hv.palette.atmosphere.atmo3,
   borderLeft: `2px solid ${theme.hv.palette.accent.acce3}`,
@@ -13,14 +9,12 @@ const selected = theme => ({
     background: theme.hv.palette.atmosphere.atmo3
   }
 });
-
 const hover = theme => ({
   background: theme.hv.palette.atmosphere.atmo3,
   "& *": {
     background: theme.hv.palette.atmosphere.atmo3
   }
 });
-
 const styles = theme => ({
   /* role="tree" root element */
   root: {
@@ -31,13 +25,11 @@ const styles = theme => ({
     listStyle: "none",
     outline: "none"
   },
-
   /* role="group" element */
   group: {
     margin: "8px 0 0 0",
     padding: 0
   },
-
   /* role="treeitem" element */
   node: {
     listStyle: "none",
@@ -46,7 +38,6 @@ const styles = theme => ({
       marginBottom: "8px"
     }
   },
-
   /* role="treeitem" element states */
   disabled: {},
   selectable: {},
@@ -70,7 +61,6 @@ const styles = theme => ({
   focused: {},
   noIcon: {},
   withIcon: {},
-
   /* role="button" element */
   content: {
     width: "100%",
@@ -115,6 +105,5 @@ const styles = theme => ({
     }
   }
 });
-
 export default styles;
 //# sourceMappingURL=styles.js.map

package/dist/modern/VerticalNavigation/TreeView/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["outlineStyles","selected","theme","background","hv","palette","atmosphere","atmo3","borderLeft","accent","acce3","hover","styles","root","display","atmo1","padding","margin","listStyle","outline","group","node","minHeight","marginBottom","disabled","selectable","unselectable","expandable","collapsed","expanded","unselected","link","textDecoration","focused","noIcon","withIcon","content","width","justifyContent","alignItems","height","paddingRight","spacing","xs","fontWeight","cursor"],"sources":["../../../../src/VerticalNavigation/TreeView/styles.js"],"sourcesContent":["import { outlineStyles } from \"../../Focus/styles\";\n\nconst selected = (theme) => ({\n  background: theme.hv.palette.atmosphere.atmo3,\n  borderLeft: `2px solid ${theme.hv.palette.accent.acce3}`,\n  \"& *\": {\n    background: theme.hv.palette.atmosphere.atmo3,\n  },\n});\n\nconst hover = (theme) => ({\n  background: theme.hv.palette.atmosphere.atmo3,\n  \"& *\": {\n    background: theme.hv.palette.atmosphere.atmo3,\n  },\n});\n\nconst styles = (theme) => ({\n  /* role=\"tree\" root element */\n  root: {\n    display: \"block\",\n    background: theme.hv.palette.atmosphere.atmo1,\n    padding: `0px`,\n    margin: \"0\",\n    listStyle: \"none\",\n\n    outline: \"none\",\n  },\n\n  /* role=\"group\" element */\n  group: {\n    margin: \"8px 0 0 0\",\n    padding: 0,\n  },\n\n  /* role=\"treeitem\" element */\n  node: {\n    listStyle: \"none\",\n    minHeight: \"32px\",\n    \"&:not(:last-child)\": {\n      marginBottom: \"8px\",\n    },\n  },\n\n  /* role=\"treeitem\" element states */\n  disabled: {},\n  selectable: {},\n  unselectable: {},\n  expandable: {},\n  collapsed: {\n    \"&>$group\": { display: \"none\" },\n  },\n  expanded: {\n    \"&>$group\": { display: \"block\" },\n  },\n  selected: {},\n  unselected: {},\n  link: {\n    textDecoration: \"none\",\n  },\n\n  focused: {},\n\n  noIcon: {},\n  withIcon: {},\n\n  /* role=\"button\" element */\n  content: {\n    width: \"100%\",\n    display: \"flex\",\n    justifyContent: \"flex-start\",\n    alignItems: \"center\",\n    height: \"32px\",\n    borderLeft: `2px solid transparent`,\n    paddingRight: theme.hv.spacing.xs,\n\n    \"$expandable>&\": {\n      fontWeight: 600,\n    },\n\n    // selected state\n    \"$selected>&\": selected(theme),\n\n    // hover\n    \":not($disabled):not($selected)>&:hover\": hover(theme),\n    \":not($disabled)$selected>&:hover\": {},\n\n    // focus\n    \":not($disabled):not($selected)>&:focus-visible\": hover(theme),\n    \":not($disabled):not($selected)>&.focus-visible\": hover(theme),\n\n    \"*:focus-visible $focused>&\": {\n      ...outlineStyles,\n    },\n\n    \".focus-visible $focused>&\": {\n      ...outlineStyles,\n    },\n\n    \"$focused>&\": {\n      ...hover(theme),\n    },\n\n    \"&[disabled], &:active\": {\n      outline: \"none\",\n    },\n\n    \"&:focus\": {\n      outline: \"none\",\n    },\n\n    \"&:focus-visible\": {\n      ...outlineStyles,\n    },\n\n    \"&.focus-visible\": {\n      ...outlineStyles,\n    },\n\n    // cursor\n    cursor: \"pointer\",\n    \"& *\": {\n      cursor: \"pointer\",\n    },\n    \"$disabled>&\": {\n      cursor: \"not-allowed\",\n      \"& *\": {\n        cursor: \"not-allowed\",\n      },\n    },\n  },\n});\n\nexport default styles;\n"],"mappings":"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"}
+{"version":3,"file":"styles.js","names":["outlineStyles","selected","theme","background","hv","palette","atmosphere","atmo3","borderLeft","accent","acce3","hover","styles","root","display","atmo1","padding","margin","listStyle","outline","group","node","minHeight","marginBottom","disabled","selectable","unselectable","expandable","collapsed","expanded","unselected","link","textDecoration","focused","noIcon","withIcon","content","width","justifyContent","alignItems","height","paddingRight","spacing","xs","fontWeight","cursor"],"sources":["../../../../src/VerticalNavigation/TreeView/styles.js"],"sourcesContent":["import { outlineStyles } from \"../../Focus/styles\";\n\nconst selected = (theme) => ({\n  background: theme.hv.palette.atmosphere.atmo3,\n  borderLeft: `2px solid ${theme.hv.palette.accent.acce3}`,\n  \"& *\": {\n    background: theme.hv.palette.atmosphere.atmo3,\n  },\n});\n\nconst hover = (theme) => ({\n  background: theme.hv.palette.atmosphere.atmo3,\n  \"& *\": {\n    background: theme.hv.palette.atmosphere.atmo3,\n  },\n});\n\nconst styles = (theme) => ({\n  /* role=\"tree\" root element */\n  root: {\n    display: \"block\",\n    background: theme.hv.palette.atmosphere.atmo1,\n    padding: `0px`,\n    margin: \"0\",\n    listStyle: \"none\",\n\n    outline: \"none\",\n  },\n\n  /* role=\"group\" element */\n  group: {\n    margin: \"8px 0 0 0\",\n    padding: 0,\n  },\n\n  /* role=\"treeitem\" element */\n  node: {\n    listStyle: \"none\",\n    minHeight: \"32px\",\n    \"&:not(:last-child)\": {\n      marginBottom: \"8px\",\n    },\n  },\n\n  /* role=\"treeitem\" element states */\n  disabled: {},\n  selectable: {},\n  unselectable: {},\n  expandable: {},\n  collapsed: {\n    \"&>$group\": { display: \"none\" },\n  },\n  expanded: {\n    \"&>$group\": { display: \"block\" },\n  },\n  selected: {},\n  unselected: {},\n  link: {\n    textDecoration: \"none\",\n  },\n\n  focused: {},\n\n  noIcon: {},\n  withIcon: {},\n\n  /* role=\"button\" element */\n  content: {\n    width: \"100%\",\n    display: \"flex\",\n    justifyContent: \"flex-start\",\n    alignItems: \"center\",\n    height: \"32px\",\n    borderLeft: `2px solid transparent`,\n    paddingRight: theme.hv.spacing.xs,\n\n    \"$expandable>&\": {\n      fontWeight: 600,\n    },\n\n    // selected state\n    \"$selected>&\": selected(theme),\n\n    // hover\n    \":not($disabled):not($selected)>&:hover\": hover(theme),\n    \":not($disabled)$selected>&:hover\": {},\n\n    // focus\n    \":not($disabled):not($selected)>&:focus-visible\": hover(theme),\n    \":not($disabled):not($selected)>&.focus-visible\": hover(theme),\n\n    \"*:focus-visible $focused>&\": {\n      ...outlineStyles,\n    },\n\n    \".focus-visible $focused>&\": {\n      ...outlineStyles,\n    },\n\n    \"$focused>&\": {\n      ...hover(theme),\n    },\n\n    \"&[disabled], &:active\": {\n      outline: \"none\",\n    },\n\n    \"&:focus\": {\n      outline: \"none\",\n    },\n\n    \"&:focus-visible\": {\n      ...outlineStyles,\n    },\n\n    \"&.focus-visible\": {\n      ...outlineStyles,\n    },\n\n    // cursor\n    cursor: \"pointer\",\n    \"& *\": {\n      cursor: \"pointer\",\n    },\n    \"$disabled>&\": {\n      cursor: \"not-allowed\",\n      \"& *\": {\n        cursor: \"not-allowed\",\n      },\n    },\n  },\n});\n\nexport default styles;\n"],"mappings":"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"}

package/dist/modern/VerticalNavigation/TreeView/utils/NodeTreeExpandUtils.js

@@ -1,52 +1,38 @@
-import "core-js/modules/web.dom-collections.iterator.js";
 export default class NodeTreeExpandUtils {
   static isExpanded(expanded, nodeId) {
     return Array.isArray(expanded) ? expanded.indexOf(nodeId) !== -1 : false;
   }
-
   static toggle(expanded, nodeId) {
     let newExpanded;
-
     if (expanded.indexOf(nodeId) !== -1) {
       newExpanded = expanded.filter(expandedNodeId => expandedNodeId !== nodeId);
     } else {
       newExpanded = [...expanded, nodeId];
     }
-
     return newExpanded;
   }
-
   static expandAllSiblings(expanded, nodeMap, nodeId) {
     const node = nodeMap[nodeId];
     const parent = nodeMap[node.parent];
     const diff = parent.children.filter(childNode => nodeMap[childNode].children != null).filter(childNode => !NodeTreeExpandUtils.isExpanded(expanded, childNode));
-
     if (diff.length > 0) {
       return [...expanded, ...diff];
     }
-
     return expanded;
   }
-
   static getVisibleNodes(expanded, nodeMap, nodeId = -1) {
     const toReturn = [];
-
     if (nodeId !== -1) {
       toReturn.push(nodeId);
     }
-
     const visibleChildren = nodeId === -1 || expanded === true || NodeTreeExpandUtils.isExpanded(expanded, nodeId);
-
     if (visibleChildren) {
       const node = nodeMap[nodeId];
-
       if (node && node.children) {
         node.children.forEach(childId => toReturn.push(...NodeTreeExpandUtils.getVisibleNodes(expanded, nodeMap, childId)));
       }
     }
-
     return toReturn;
   }
-
 }
 //# sourceMappingURL=NodeTreeExpandUtils.js.map

package/dist/modern/VerticalNavigation/TreeView/utils/NodeTreeExpandUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"NodeTreeExpandUtils.js","names":["NodeTreeExpandUtils","isExpanded","expanded","nodeId","Array","isArray","indexOf","toggle","newExpanded","filter","expandedNodeId","expandAllSiblings","nodeMap","node","parent","diff","children","childNode","length","getVisibleNodes","toReturn","push","visibleChildren","forEach","childId"],"sources":["../../../../../src/VerticalNavigation/TreeView/utils/NodeTreeExpandUtils.js"],"sourcesContent":["export default class NodeTreeExpandUtils {\n  static isExpanded(expanded, nodeId) {\n    return Array.isArray(expanded) ? expanded.indexOf(nodeId) !== -1 : false;\n  }\n\n  static toggle(expanded, nodeId) {\n    let newExpanded;\n    if (expanded.indexOf(nodeId) !== -1) {\n      newExpanded = expanded.filter((expandedNodeId) => expandedNodeId !== nodeId);\n    } else {\n      newExpanded = [...expanded, nodeId];\n    }\n\n    return newExpanded;\n  }\n\n  static expandAllSiblings(expanded, nodeMap, nodeId) {\n    const node = nodeMap[nodeId];\n    const parent = nodeMap[node.parent];\n\n    const diff = parent.children\n      .filter((childNode) => nodeMap[childNode].children != null)\n      .filter((childNode) => !NodeTreeExpandUtils.isExpanded(expanded, childNode));\n\n    if (diff.length > 0) {\n      return [...expanded, ...diff];\n    }\n\n    return expanded;\n  }\n\n  static getVisibleNodes(expanded, nodeMap, nodeId = -1) {\n    const toReturn = [];\n    if (nodeId !== -1) {\n      toReturn.push(nodeId);\n    }\n\n    const visibleChildren =\n      nodeId === -1 || expanded === true || NodeTreeExpandUtils.isExpanded(expanded, nodeId);\n\n    if (visibleChildren) {\n      const node = nodeMap[nodeId];\n\n      if (node && node.children) {\n        node.children.forEach((childId) =>\n          toReturn.push(...NodeTreeExpandUtils.getVisibleNodes(expanded, nodeMap, childId))\n        );\n      }\n    }\n\n    return toReturn;\n  }\n}\n"],"mappings":";AAAA,eAAe,MAAMA,mBAAN,CAA0B;EACtB,OAAVC,UAAU,CAACC,QAAD,EAAWC,MAAX,EAAmB;IAClC,OAAOC,KAAK,CAACC,OAAN,CAAcH,QAAd,IAA0BA,QAAQ,CAACI,OAAT,CAAiBH,MAAjB,MAA6B,CAAC,CAAxD,GAA4D,KAAnE;EACD;;EAEY,OAANI,MAAM,CAACL,QAAD,EAAWC,MAAX,EAAmB;IAC9B,IAAIK,WAAJ;;IACA,IAAIN,QAAQ,CAACI,OAAT,CAAiBH,MAAjB,MAA6B,CAAC,CAAlC,EAAqC;MACnCK,WAAW,GAAGN,QAAQ,CAACO,MAAT,CAAiBC,cAAD,IAAoBA,cAAc,KAAKP,MAAvD,CAAd;IACD,CAFD,MAEO;MACLK,WAAW,GAAG,CAAC,GAAGN,QAAJ,EAAcC,MAAd,CAAd;IACD;;IAED,OAAOK,WAAP;EACD;;EAEuB,OAAjBG,iBAAiB,CAACT,QAAD,EAAWU,OAAX,EAAoBT,MAApB,EAA4B;IAClD,MAAMU,IAAI,GAAGD,OAAO,CAACT,MAAD,CAApB;IACA,MAAMW,MAAM,GAAGF,OAAO,CAACC,IAAI,CAACC,MAAN,CAAtB;IAEA,MAAMC,IAAI,GAAGD,MAAM,CAACE,QAAP,CACVP,MADU,CACFQ,SAAD,IAAeL,OAAO,CAACK,SAAD,CAAP,CAAmBD,QAAnB,IAA+B,IAD3C,EAEVP,MAFU,CAEFQ,SAAD,IAAe,CAACjB,mBAAmB,CAACC,UAApB,CAA+BC,QAA/B,EAAyCe,SAAzC,CAFb,CAAb;;IAIA,IAAIF,IAAI,CAACG,MAAL,GAAc,CAAlB,EAAqB;MACnB,OAAO,CAAC,GAAGhB,QAAJ,EAAc,GAAGa,IAAjB,CAAP;IACD;;IAED,OAAOb,QAAP;EACD;;EAEqB,OAAfiB,eAAe,CAACjB,QAAD,EAAWU,OAAX,EAAoBT,MAAM,GAAG,CAAC,CAA9B,EAAiC;IACrD,MAAMiB,QAAQ,GAAG,EAAjB;;IACA,IAAIjB,MAAM,KAAK,CAAC,CAAhB,EAAmB;MACjBiB,QAAQ,CAACC,IAAT,CAAclB,MAAd;IACD;;IAED,MAAMmB,eAAe,GACnBnB,MAAM,KAAK,CAAC,CAAZ,IAAiBD,QAAQ,KAAK,IAA9B,IAAsCF,mBAAmB,CAACC,UAApB,CAA+BC,QAA/B,EAAyCC,MAAzC,CADxC;;IAGA,IAAImB,eAAJ,EAAqB;MACnB,MAAMT,IAAI,GAAGD,OAAO,CAACT,MAAD,CAApB;;MAEA,IAAIU,IAAI,IAAIA,IAAI,CAACG,QAAjB,EAA2B;QACzBH,IAAI,CAACG,QAAL,CAAcO,OAAd,CAAuBC,OAAD,IACpBJ,QAAQ,CAACC,IAAT,CAAc,GAAGrB,mBAAmB,CAACmB,eAApB,CAAoCjB,QAApC,EAA8CU,OAA9C,EAAuDY,OAAvD,CAAjB,CADF;MAGD;IACF;;IAED,OAAOJ,QAAP;EACD;;AAnDsC"}
+{"version":3,"file":"NodeTreeExpandUtils.js","names":["NodeTreeExpandUtils","isExpanded","expanded","nodeId","Array","isArray","indexOf","toggle","newExpanded","filter","expandedNodeId","expandAllSiblings","nodeMap","node","parent","diff","children","childNode","length","getVisibleNodes","toReturn","push","visibleChildren","forEach","childId"],"sources":["../../../../../src/VerticalNavigation/TreeView/utils/NodeTreeExpandUtils.js"],"sourcesContent":["export default class NodeTreeExpandUtils {\n  static isExpanded(expanded, nodeId) {\n    return Array.isArray(expanded) ? expanded.indexOf(nodeId) !== -1 : false;\n  }\n\n  static toggle(expanded, nodeId) {\n    let newExpanded;\n    if (expanded.indexOf(nodeId) !== -1) {\n      newExpanded = expanded.filter((expandedNodeId) => expandedNodeId !== nodeId);\n    } else {\n      newExpanded = [...expanded, nodeId];\n    }\n\n    return newExpanded;\n  }\n\n  static expandAllSiblings(expanded, nodeMap, nodeId) {\n    const node = nodeMap[nodeId];\n    const parent = nodeMap[node.parent];\n\n    const diff = parent.children\n      .filter((childNode) => nodeMap[childNode].children != null)\n      .filter((childNode) => !NodeTreeExpandUtils.isExpanded(expanded, childNode));\n\n    if (diff.length > 0) {\n      return [...expanded, ...diff];\n    }\n\n    return expanded;\n  }\n\n  static getVisibleNodes(expanded, nodeMap, nodeId = -1) {\n    const toReturn = [];\n    if (nodeId !== -1) {\n      toReturn.push(nodeId);\n    }\n\n    const visibleChildren =\n      nodeId === -1 || expanded === true || NodeTreeExpandUtils.isExpanded(expanded, nodeId);\n\n    if (visibleChildren) {\n      const node = nodeMap[nodeId];\n\n      if (node && node.children) {\n        node.children.forEach((childId) =>\n          toReturn.push(...NodeTreeExpandUtils.getVisibleNodes(expanded, nodeMap, childId))\n        );\n      }\n    }\n\n    return toReturn;\n  }\n}\n"],"mappings":"AAAA,eAAe,MAAMA,mBAAmB,CAAC;EACvC,OAAOC,UAAU,CAACC,QAAQ,EAAEC,MAAM,EAAE;IAClC,OAAOC,KAAK,CAACC,OAAO,CAACH,QAAQ,CAAC,GAAGA,QAAQ,CAACI,OAAO,CAACH,MAAM,CAAC,KAAK,CAAC,CAAC,GAAG,KAAK;EAC1E;EAEA,OAAOI,MAAM,CAACL,QAAQ,EAAEC,MAAM,EAAE;IAC9B,IAAIK,WAAW;IACf,IAAIN,QAAQ,CAACI,OAAO,CAACH,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE;MACnCK,WAAW,GAAGN,QAAQ,CAACO,MAAM,CAAEC,cAAc,IAAKA,cAAc,KAAKP,MAAM,CAAC;IAC9E,CAAC,MAAM;MACLK,WAAW,GAAG,CAAC,GAAGN,QAAQ,EAAEC,MAAM,CAAC;IACrC;IAEA,OAAOK,WAAW;EACpB;EAEA,OAAOG,iBAAiB,CAACT,QAAQ,EAAEU,OAAO,EAAET,MAAM,EAAE;IAClD,MAAMU,IAAI,GAAGD,OAAO,CAACT,MAAM,CAAC;IAC5B,MAAMW,MAAM,GAAGF,OAAO,CAACC,IAAI,CAACC,MAAM,CAAC;IAEnC,MAAMC,IAAI,GAAGD,MAAM,CAACE,QAAQ,CACzBP,MAAM,CAAEQ,SAAS,IAAKL,OAAO,CAACK,SAAS,CAAC,CAACD,QAAQ,IAAI,IAAI,CAAC,CAC1DP,MAAM,CAAEQ,SAAS,IAAK,CAACjB,mBAAmB,CAACC,UAAU,CAACC,QAAQ,EAAEe,SAAS,CAAC,CAAC;IAE9E,IAAIF,IAAI,CAACG,MAAM,GAAG,CAAC,EAAE;MACnB,OAAO,CAAC,GAAGhB,QAAQ,EAAE,GAAGa,IAAI,CAAC;IAC/B;IAEA,OAAOb,QAAQ;EACjB;EAEA,OAAOiB,eAAe,CAACjB,QAAQ,EAAEU,OAAO,EAAET,MAAM,GAAG,CAAC,CAAC,EAAE;IACrD,MAAMiB,QAAQ,GAAG,EAAE;IACnB,IAAIjB,MAAM,KAAK,CAAC,CAAC,EAAE;MACjBiB,QAAQ,CAACC,IAAI,CAAClB,MAAM,CAAC;IACvB;IAEA,MAAMmB,eAAe,GACnBnB,MAAM,KAAK,CAAC,CAAC,IAAID,QAAQ,KAAK,IAAI,IAAIF,mBAAmB,CAACC,UAAU,CAACC,QAAQ,EAAEC,MAAM,CAAC;IAExF,IAAImB,eAAe,EAAE;MACnB,MAAMT,IAAI,GAAGD,OAAO,CAACT,MAAM,CAAC;MAE5B,IAAIU,IAAI,IAAIA,IAAI,CAACG,QAAQ,EAAE;QACzBH,IAAI,CAACG,QAAQ,CAACO,OAAO,CAAEC,OAAO,IAC5BJ,QAAQ,CAACC,IAAI,CAAC,GAAGrB,mBAAmB,CAACmB,eAAe,CAACjB,QAAQ,EAAEU,OAAO,EAAEY,OAAO,CAAC,CAAC,CAClF;MACH;IACF;IAEA,OAAOJ,QAAQ;EACjB;AACF"}

package/dist/modern/VerticalNavigation/TreeView/utils/NodeTreeMapUtils.js

@@ -1,36 +1,28 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 export default class NodeTreeMapUtils {
   static addNodeToNodeMap(nodeMap, nodeId, childrenIds, nodeData) {
     const newMap = _objectSpread({}, nodeMap);
-
     const currentMap = newMap[nodeId];
     newMap[nodeId] = _objectSpread(_objectSpread({}, currentMap), {}, {
       children: childrenIds
     }, nodeData);
     childrenIds.forEach(childId => {
-      const currentChildMap = newMap[childId]; // eslint-disable-next-line no-param-reassign
-
+      const currentChildMap = newMap[childId];
+      // eslint-disable-next-line no-param-reassign
       newMap[childId] = _objectSpread(_objectSpread({}, currentChildMap), {}, {
         parent: nodeId
       });
     });
     return newMap;
   }
-
   static removeNodeFromNodeMap(nodeMap, nodeId) {
     const node = nodeMap[nodeId];
-
     if (node) {
       const newMap = _objectSpread({}, nodeMap);
-
       if (node.parent) {
         const parentNode = newMap[node.parent];
-
         if (parentNode && parentNode.children) {
           const parentChildren = parentNode.children.filter(c => c !== nodeId);
           newMap[node.parent] = _objectSpread(_objectSpread({}, parentNode), {}, {
@@ -38,13 +30,10 @@ export default class NodeTreeMapUtils {
           });
         }
       }
-
       delete newMap[nodeId];
       return newMap;
     }
-
     return nodeMap;
   }
-
 }
 //# sourceMappingURL=NodeTreeMapUtils.js.map