@hitachivantara/uikit-react-core 3.74.0 → 4.0.1-next.2

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 \"@material-ui/core\";\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        innerRef={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":"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"}

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

@@ -19,6 +19,8 @@ import * as React from "react";
 import PropTypes from "prop-types";
 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])) {
@@ -202,9 +204,10 @@ export function DescendantProvider(props) {
     parentId: id,
     level
   }), [items, registerDescendant, unregisterDescendant, id, level]);
-  return /*#__PURE__*/React.createElement(DescendantContext.Provider, {
-    value: value
-  }, children);
+  return /*#__PURE__*/_jsx(DescendantContext.Provider, {
+    value: value,
+    children: children
+  });
 }
 process.env.NODE_ENV !== "production" ? DescendantProvider.propTypes = {
   children: PropTypes.node,

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.d.ts

@@ -1,4 +1,4 @@
-export { default } from "./TreeView";
+export { default as TreeView } from "./TreeView";
 export * from "./TreeView";
 
 export { default as TreeViewItem } from "./TreeViewItem";

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

@@ -1,3 +1,3 @@
-export { default } from "./TreeView";
+export { default as TreeView } from "./TreeView";
 export { default as TreeViewItem } from "./TreeViewItem";
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default","TreeViewItem"],"sources":["../../../../src/VerticalNavigation/TreeView/index.js"],"sourcesContent":["export { default } from \"./TreeView\";\nexport { default as TreeViewItem } from \"./TreeViewItem\";\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,YAAxB;AACA,SAASA,OAAO,IAAIC,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,QAApB,QAAoC,YAApC;AACA,SAASD,OAAO,IAAIE,YAApB,QAAwC,gBAAxC"}

package/dist/modern/VerticalNavigation/VerticalContainer/VerticalContainer.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { StandardProps } from "@material-ui/core";
+import { StandardProps } from "@mui/material";
 
 export type HvVerticalNavigationContainerClassKey =
   | "root"

package/dist/modern/VerticalNavigation/VerticalContainer/VerticalContainer.js

@@ -1,14 +1,20 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 
 var _Menu;
 
 const _excluded = ["id", "className", "classes", "isAnchorBarVisible", "isOpen", "toggleOpenCallback", "buttonAriaLabel", "children", "position", "closeOnExit"];
+
+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";
 import React, { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import PropTypes from "prop-types";
 import isNil from "lodash/isNil";
-import { ClickAwayListener, withStyles } from "@material-ui/core";
+import { ClickAwayListener } from "@mui/material";
+import { withStyles } from "@mui/styles";
 import clsx from "clsx";
 import { Menu } from "@hitachivantara/uikit-react-icons";
 import { isKeypress, KeyboardCodes } from "../../utils/KeyboardUtils";
@@ -22,6 +28,10 @@ import styles from "./styles";
  * @constructor
  */
 
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+
 const VerticalContainer = _ref => {
   let {
     id,
@@ -99,38 +109,47 @@ const VerticalContainer = _ref => {
       toggleOpen(false);
     }
   }, [closeOnExit, toggleOpen]);
-  const renderedAnchorBar = useMemo(() => /*#__PURE__*/React.createElement("div", {
+  const renderedAnchorBar = useMemo(() => /*#__PURE__*/_jsx("div", {
     id: setId(id, "anchor-bar"),
-    className: classes.anchorBar
-  }, /*#__PURE__*/React.createElement(Button, {
-    id: setId(id, "hamburger-button"),
-    className: classes.button,
-    ref: buttonRef,
-    onClick: () => toggleOpen(),
-    "aria-label": buttonAriaLabel || open && "close" || !open && "open",
-    icon: true
-  }, _Menu || (_Menu = /*#__PURE__*/React.createElement(Menu, null)))), [buttonAriaLabel, classes.anchorBar, classes.button, id, open, toggleOpen]);
-  const renderedContainer = useMemo(() => /*#__PURE__*/React.createElement(React.Fragment, null, isAnchorBarVisible && /*#__PURE__*/React.createElement("div", {
-    className: classes.separator
-  }), /*#__PURE__*/React.createElement("div", {
-    id: setId(id, "container"),
-    ref: containerRef,
-    className: classes.contentContainer,
-    onKeyDown: handlerKeyContainer
-  }, children)), [children, classes.contentContainer, classes.separator, handlerKeyContainer, id, isAnchorBarVisible]);
-  return /*#__PURE__*/React.createElement("div", {
+    className: classes.anchorBar,
+    children: /*#__PURE__*/_jsx(Button, {
+      id: setId(id, "hamburger-button"),
+      className: classes.button,
+      ref: buttonRef,
+      onClick: () => toggleOpen(),
+      "aria-label": buttonAriaLabel || open && "close" || !open && "open",
+      icon: true,
+      children: _Menu || (_Menu = /*#__PURE__*/_jsx(Menu, {}))
+    })
+  }), [buttonAriaLabel, classes.anchorBar, classes.button, id, open, toggleOpen]);
+  const renderedContainer = useMemo(() => /*#__PURE__*/_jsxs(_Fragment, {
+    children: [isAnchorBarVisible && /*#__PURE__*/_jsx("div", {
+      className: classes.separator
+    }), /*#__PURE__*/_jsx("div", {
+      id: setId(id, "container"),
+      ref: containerRef,
+      className: classes.contentContainer,
+      onKeyDown: handlerKeyContainer,
+      children: children
+    })]
+  }), [children, classes.contentContainer, classes.separator, handlerKeyContainer, id, isAnchorBarVisible]);
+  return /*#__PURE__*/_jsx("div", {
     className: clsx(className, classes.root, isAnchorBarVisible && classes.withAnchorBar, {
       "static": classes.static,
       "relative": classes.relative,
       "fixed": classes.fixed,
       "absolute": classes.absolute
-    }[position])
-  }, /*#__PURE__*/React.createElement(ClickAwayListener, {
-    onClickAway: () => closeOnExit && toggleOpen(false)
-  }, /*#__PURE__*/React.createElement("div", _extends({
-    id: id,
-    className: classes.verticalContainer
-  }, others), isAnchorBarVisible && renderedAnchorBar, open && renderedContainer)));
+    }[position]),
+    children: /*#__PURE__*/_jsx(ClickAwayListener, {
+      onClickAway: () => closeOnExit && toggleOpen(false),
+      children: /*#__PURE__*/_jsxs("div", _objectSpread(_objectSpread({
+        id: id,
+        className: classes.verticalContainer
+      }, others), {}, {
+        children: [isAnchorBarVisible && renderedAnchorBar, open && renderedContainer]
+      }))
+    })
+  });
 };
 
 process.env.NODE_ENV !== "production" ? VerticalContainer.propTypes = {

package/dist/modern/VerticalNavigation/VerticalContainer/VerticalContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"VerticalContainer.js","names":["React","useCallback","useEffect","useMemo","useRef","useState","PropTypes","isNil","ClickAwayListener","withStyles","clsx","Menu","isKeypress","KeyboardCodes","Button","setId","getFirstAndLastFocus","styles","VerticalContainer","id","className","classes","isAnchorBarVisible","isOpen","toggleOpenCallback","buttonAriaLabel","children","position","closeOnExit","others","open","setOpen","prevPropOpen","setPrevPropOpen","containerRef","buttonRef","focusableList","setTimeout","current","toggleOpen","newState","prevState","handlerKeyContainer","event","Tab","target","first","shiftKey","last","Esc","focus","renderedAnchorBar","anchorBar","button","renderedContainer","separator","contentContainer","root","withAnchorBar","static","relative","fixed","absolute","verticalContainer","propTypes","string","shape","isRequired","oneOf","bool","node","func","name"],"sources":["../../../../src/VerticalNavigation/VerticalContainer/VerticalContainer.js"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport isNil from \"lodash/isNil\";\nimport { ClickAwayListener, withStyles } from \"@material-ui/core\";\nimport clsx from \"clsx\";\nimport { Menu } from \"@hitachivantara/uikit-react-icons\";\nimport { isKeypress, KeyboardCodes } from \"../../utils/KeyboardUtils\";\nimport Button from \"../../Button\";\nimport { setId } from \"../../utils\";\nimport { getFirstAndLastFocus } from \"../../utils/focusableElementFinder\";\n\nimport styles from \"./styles\";\n\n/**\n * Vertical Container.\n *\n * @constructor\n */\nconst VerticalContainer = ({\n  id,\n  className,\n  classes,\n  isAnchorBarVisible = true,\n  isOpen = false,\n  toggleOpenCallback,\n  buttonAriaLabel,\n  children,\n  position = \"static\",\n  closeOnExit,\n  ...others\n}) => {\n  const [open, setOpen] = useState(isOpen);\n  const [prevPropOpen, setPrevPropOpen] = useState(null);\n  const containerRef = useRef(null);\n  const buttonRef = useRef(null);\n  const focusableList = useRef(null);\n\n  if (isOpen !== prevPropOpen) {\n    setOpen(isOpen);\n    setPrevPropOpen(isOpen);\n  }\n\n  /**\n   * Fills the object with the first and last focusable element inside the container.\n   * When the container is open the first focusable element is focus.\n   */\n  useEffect(() => {\n    setTimeout(() => {\n      if (open) {\n        focusableList.current = getFirstAndLastFocus(containerRef.current);\n      }\n    });\n  }, [open]);\n\n  /**\n   * Toggle the open state based on the received paramenter.\n   *\n   * @type {(...args: any[]) => any}\n   */\n  const toggleOpen = useCallback(\n    (newState = null) => {\n      if (newState !== null) {\n        if (newState !== open) {\n          setOpen(newState);\n        } else {\n          return;\n        }\n      } else {\n        setOpen((prevState) => !prevState);\n      }\n      toggleOpenCallback?.(open);\n    },\n    [toggleOpenCallback, open]\n  );\n\n  /**\n   * Handler of keyboard clicks.\n   */\n  const handlerKeyContainer = useCallback(\n    (event) => {\n      if (closeOnExit) {\n        if (\n          isKeypress(event, KeyboardCodes.Tab) &&\n          !isNil(event.target) &&\n          !isNil(focusableList.current) &&\n          !isNil(focusableList.current.first)\n        ) {\n          if (\n            (event.shiftKey && event.target.id === focusableList.current.first.id) ||\n            (!event.shiftKey && event.target.id === focusableList.current.last.id)\n          ) {\n            toggleOpen(false);\n          }\n        }\n        if (isKeypress(event, KeyboardCodes.Esc) === false) {\n          return;\n        }\n        buttonRef.current.focus();\n        toggleOpen(false);\n      }\n    },\n    [closeOnExit, toggleOpen]\n  );\n  const renderedAnchorBar = useMemo(\n    () => (\n      <div id={setId(id, \"anchor-bar\")} className={classes.anchorBar}>\n        <Button\n          id={setId(id, \"hamburger-button\")}\n          className={classes.button}\n          ref={buttonRef}\n          onClick={() => toggleOpen()}\n          aria-label={buttonAriaLabel || (open && \"close\") || (!open && \"open\")}\n          icon\n        >\n          <Menu />\n        </Button>\n      </div>\n    ),\n    [buttonAriaLabel, classes.anchorBar, classes.button, id, open, toggleOpen]\n  );\n\n  const renderedContainer = useMemo(\n    () => (\n      <>\n        {isAnchorBarVisible && <div className={classes.separator} />}\n        {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions */}\n        <div\n          id={setId(id, \"container\")}\n          ref={containerRef}\n          className={classes.contentContainer}\n          onKeyDown={handlerKeyContainer}\n        >\n          {children}\n        </div>\n      </>\n    ),\n    [\n      children,\n      classes.contentContainer,\n      classes.separator,\n      handlerKeyContainer,\n      id,\n      isAnchorBarVisible,\n    ]\n  );\n\n  return (\n    <div\n      className={clsx(className, classes.root, {\n        [classes.withAnchorBar]: isAnchorBarVisible,\n        [classes.static]: position === \"static\",\n        [classes.relative]: position === \"relative\",\n        [classes.fixed]: position === \"fixed\",\n        [classes.absolute]: position === \"absolute\",\n      })}\n    >\n      <ClickAwayListener onClickAway={() => closeOnExit && toggleOpen(false)}>\n        <div id={id} className={classes.verticalContainer} {...others}>\n          {isAnchorBarVisible && renderedAnchorBar}\n          {open && renderedContainer}\n        </div>\n      </ClickAwayListener>\n    </div>\n  );\n};\n\nVerticalContainer.propTypes = {\n  /**\n   * Identifier.\n   */\n  id: PropTypes.string,\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * Styles applied to the element.\n   */\n  classes: PropTypes.shape({\n    /**\n     *  Styles applied to the root container.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied when the component is in fixed positioning.\n     */\n    fixed: PropTypes.string,\n    /**\n     * Styles applied when the component is in relative positioning.\n     */\n    relative: PropTypes.string,\n    /**\n     * Styles applied when the component is in absolute positioning.\n     */\n    absolute: PropTypes.string,\n    /**\n     * Styles applied when the component is in static positioning.\n     */\n    static: PropTypes.string,\n    /**\n     * Styles applied when the component has anchor bar.\n     */\n    withAnchorBar: PropTypes.string,\n    /**\n     *  Styles applied to the vertical container.\n     */\n    verticalContainer: PropTypes.string,\n    /**\n     *  Styles applied to the anchor bar.\n     */\n    anchorBar: PropTypes.string,\n    /**\n     *  Styles applied to the button.\n     */\n    button: PropTypes.string,\n    /**\n     *  Styles applied to the separator.\n     */\n    separator: PropTypes.string,\n    /**\n     *  Styles applied to the content container.\n     */\n    contentContainer: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * Position of the component.\n   */\n  position: PropTypes.oneOf([\"static\", \"relative\", \"fixed\", \"absolute\"]),\n\n  /**\n   * Defines if a anchor bar is visible,\n   */\n  isAnchorBarVisible: PropTypes.bool,\n  /**\n   * Is the navigation open.\n   */\n  isOpen: PropTypes.bool,\n  /**\n   * Aria-label for the button.\n   */\n  buttonAriaLabel: PropTypes.string,\n  /**\n   * Children component.\n   */\n  children: PropTypes.node.isRequired,\n  /**\n   * Callback when the navigation toggles between open and close.\n   */\n  toggleOpenCallback: PropTypes.func,\n  /**\n   * Defines if the content pane should close when losing focus / clicking outside.\n   */\n  closeOnExit: PropTypes.bool,\n};\n\nexport default withStyles(styles, {\n  name: \"HvVerticalNavigationVerticalContainer\",\n})(VerticalContainer);\n"],"mappings":"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"}
+{"version":3,"file":"VerticalContainer.js","names":["React","useCallback","useEffect","useMemo","useRef","useState","PropTypes","isNil","ClickAwayListener","withStyles","clsx","Menu","isKeypress","KeyboardCodes","Button","setId","getFirstAndLastFocus","styles","VerticalContainer","id","className","classes","isAnchorBarVisible","isOpen","toggleOpenCallback","buttonAriaLabel","children","position","closeOnExit","others","open","setOpen","prevPropOpen","setPrevPropOpen","containerRef","buttonRef","focusableList","setTimeout","current","toggleOpen","newState","prevState","handlerKeyContainer","event","Tab","target","first","shiftKey","last","Esc","focus","renderedAnchorBar","anchorBar","button","renderedContainer","separator","contentContainer","root","withAnchorBar","static","relative","fixed","absolute","verticalContainer","propTypes","string","shape","isRequired","oneOf","bool","node","func","name"],"sources":["../../../../src/VerticalNavigation/VerticalContainer/VerticalContainer.js"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport isNil from \"lodash/isNil\";\nimport { ClickAwayListener } from \"@mui/material\";\nimport { withStyles } from \"@mui/styles\";\nimport clsx from \"clsx\";\nimport { Menu } from \"@hitachivantara/uikit-react-icons\";\nimport { isKeypress, KeyboardCodes } from \"../../utils/KeyboardUtils\";\nimport Button from \"../../Button\";\nimport { setId } from \"../../utils\";\nimport { getFirstAndLastFocus } from \"../../utils/focusableElementFinder\";\n\nimport styles from \"./styles\";\n\n/**\n * Vertical Container.\n *\n * @constructor\n */\nconst VerticalContainer = ({\n  id,\n  className,\n  classes,\n  isAnchorBarVisible = true,\n  isOpen = false,\n  toggleOpenCallback,\n  buttonAriaLabel,\n  children,\n  position = \"static\",\n  closeOnExit,\n  ...others\n}) => {\n  const [open, setOpen] = useState(isOpen);\n  const [prevPropOpen, setPrevPropOpen] = useState(null);\n  const containerRef = useRef(null);\n  const buttonRef = useRef(null);\n  const focusableList = useRef(null);\n\n  if (isOpen !== prevPropOpen) {\n    setOpen(isOpen);\n    setPrevPropOpen(isOpen);\n  }\n\n  /**\n   * Fills the object with the first and last focusable element inside the container.\n   * When the container is open the first focusable element is focus.\n   */\n  useEffect(() => {\n    setTimeout(() => {\n      if (open) {\n        focusableList.current = getFirstAndLastFocus(containerRef.current);\n      }\n    });\n  }, [open]);\n\n  /**\n   * Toggle the open state based on the received paramenter.\n   *\n   * @type {(...args: any[]) => any}\n   */\n  const toggleOpen = useCallback(\n    (newState = null) => {\n      if (newState !== null) {\n        if (newState !== open) {\n          setOpen(newState);\n        } else {\n          return;\n        }\n      } else {\n        setOpen((prevState) => !prevState);\n      }\n      toggleOpenCallback?.(open);\n    },\n    [toggleOpenCallback, open]\n  );\n\n  /**\n   * Handler of keyboard clicks.\n   */\n  const handlerKeyContainer = useCallback(\n    (event) => {\n      if (closeOnExit) {\n        if (\n          isKeypress(event, KeyboardCodes.Tab) &&\n          !isNil(event.target) &&\n          !isNil(focusableList.current) &&\n          !isNil(focusableList.current.first)\n        ) {\n          if (\n            (event.shiftKey && event.target.id === focusableList.current.first.id) ||\n            (!event.shiftKey && event.target.id === focusableList.current.last.id)\n          ) {\n            toggleOpen(false);\n          }\n        }\n        if (isKeypress(event, KeyboardCodes.Esc) === false) {\n          return;\n        }\n        buttonRef.current.focus();\n        toggleOpen(false);\n      }\n    },\n    [closeOnExit, toggleOpen]\n  );\n  const renderedAnchorBar = useMemo(\n    () => (\n      <div id={setId(id, \"anchor-bar\")} className={classes.anchorBar}>\n        <Button\n          id={setId(id, \"hamburger-button\")}\n          className={classes.button}\n          ref={buttonRef}\n          onClick={() => toggleOpen()}\n          aria-label={buttonAriaLabel || (open && \"close\") || (!open && \"open\")}\n          icon\n        >\n          <Menu />\n        </Button>\n      </div>\n    ),\n    [buttonAriaLabel, classes.anchorBar, classes.button, id, open, toggleOpen]\n  );\n\n  const renderedContainer = useMemo(\n    () => (\n      <>\n        {isAnchorBarVisible && <div className={classes.separator} />}\n        {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions */}\n        <div\n          id={setId(id, \"container\")}\n          ref={containerRef}\n          className={classes.contentContainer}\n          onKeyDown={handlerKeyContainer}\n        >\n          {children}\n        </div>\n      </>\n    ),\n    [\n      children,\n      classes.contentContainer,\n      classes.separator,\n      handlerKeyContainer,\n      id,\n      isAnchorBarVisible,\n    ]\n  );\n\n  return (\n    <div\n      className={clsx(className, classes.root, {\n        [classes.withAnchorBar]: isAnchorBarVisible,\n        [classes.static]: position === \"static\",\n        [classes.relative]: position === \"relative\",\n        [classes.fixed]: position === \"fixed\",\n        [classes.absolute]: position === \"absolute\",\n      })}\n    >\n      <ClickAwayListener onClickAway={() => closeOnExit && toggleOpen(false)}>\n        <div id={id} className={classes.verticalContainer} {...others}>\n          {isAnchorBarVisible && renderedAnchorBar}\n          {open && renderedContainer}\n        </div>\n      </ClickAwayListener>\n    </div>\n  );\n};\n\nVerticalContainer.propTypes = {\n  /**\n   * Identifier.\n   */\n  id: PropTypes.string,\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * Styles applied to the element.\n   */\n  classes: PropTypes.shape({\n    /**\n     *  Styles applied to the root container.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied when the component is in fixed positioning.\n     */\n    fixed: PropTypes.string,\n    /**\n     * Styles applied when the component is in relative positioning.\n     */\n    relative: PropTypes.string,\n    /**\n     * Styles applied when the component is in absolute positioning.\n     */\n    absolute: PropTypes.string,\n    /**\n     * Styles applied when the component is in static positioning.\n     */\n    static: PropTypes.string,\n    /**\n     * Styles applied when the component has anchor bar.\n     */\n    withAnchorBar: PropTypes.string,\n    /**\n     *  Styles applied to the vertical container.\n     */\n    verticalContainer: PropTypes.string,\n    /**\n     *  Styles applied to the anchor bar.\n     */\n    anchorBar: PropTypes.string,\n    /**\n     *  Styles applied to the button.\n     */\n    button: PropTypes.string,\n    /**\n     *  Styles applied to the separator.\n     */\n    separator: PropTypes.string,\n    /**\n     *  Styles applied to the content container.\n     */\n    contentContainer: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * Position of the component.\n   */\n  position: PropTypes.oneOf([\"static\", \"relative\", \"fixed\", \"absolute\"]),\n\n  /**\n   * Defines if a anchor bar is visible,\n   */\n  isAnchorBarVisible: PropTypes.bool,\n  /**\n   * Is the navigation open.\n   */\n  isOpen: PropTypes.bool,\n  /**\n   * Aria-label for the button.\n   */\n  buttonAriaLabel: PropTypes.string,\n  /**\n   * Children component.\n   */\n  children: PropTypes.node.isRequired,\n  /**\n   * Callback when the navigation toggles between open and close.\n   */\n  toggleOpenCallback: PropTypes.func,\n  /**\n   * Defines if the content pane should close when losing focus / clicking outside.\n   */\n  closeOnExit: PropTypes.bool,\n};\n\nexport default withStyles(styles, {\n  name: \"HvVerticalNavigationVerticalContainer\",\n})(VerticalContainer);\n"],"mappings":"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"}

package/dist/modern/VerticalNavigation/VerticalNavigation.d.ts

@@ -1,4 +1,4 @@
-import { StandardProps } from "@material-ui/core";
+import { StandardProps } from "@mui/material";
 
 export type HvVerticalNavigationClassKey = "root" | "noCollapse" | "legacyMode";
 

package/dist/modern/VerticalNavigation/VerticalNavigation.js

@@ -1,10 +1,16 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _excluded = ["id", "className", "classes", "children", "isOpen", "toggleOpenCallback", "isCollapsable", "position", "closeOnExit", "buttonAriaLabel"];
+
+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 React from "react";
 import PropTypes from "prop-types";
 import clsx from "clsx";
-import { deprecatedPropType, withStyles } from "@material-ui/core";
+import { deprecatedPropType } from "@mui/material";
+import { withStyles } from "@mui/styles";
 import VerticalContainer from "./VerticalContainer";
 import { setId } from "../utils";
 import styles from "./styles";
@@ -25,6 +31,8 @@ import styles from "./styles";
  * Both modes are available via the `mode` property and each app should choose the most appropriate.
  */
 
+import { jsx as _jsx } from "react/jsx-runtime";
+
 const VerticalNavigation = _ref => {
   let {
     id,
@@ -55,21 +63,24 @@ const VerticalNavigation = _ref => {
     isOpen = isOpenProp !== null && isOpenProp !== void 0 ? isOpenProp : !isCollapsable;
   }
 
-  const content = /*#__PURE__*/React.createElement("div", _extends({
+  const content = /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({
     id: id,
     className: clsx(className, classes.root, deprecatedMode && [classes.legacyMode, !isCollapsable && classes.noCollapsable])
-  }, others), children);
+  }, others), {}, {
+    children: children
+  }));
 
   if (deprecatedMode) {
-    return /*#__PURE__*/React.createElement(VerticalContainer, {
+    return /*#__PURE__*/_jsx(VerticalContainer, {
       id: setId(id, "container"),
       isOpen: isOpen,
       toggleOpenCallback: toggleOpenCallback,
       position: position,
       isAnchorBarVisible: isCollapsable,
       closeOnExit: closeOnExit,
-      buttonAriaLabel: buttonAriaLabel
-    }, content);
+      buttonAriaLabel: buttonAriaLabel,
+      children: content
+    });
   }
 
   return content;

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

@@ -1 +1 @@
-{"version":3,"file":"VerticalNavigation.js","names":["React","PropTypes","clsx","deprecatedPropType","withStyles","VerticalContainer","setId","styles","VerticalNavigation","id","className","classes","children","isOpen","isOpenProp","toggleOpenCallback","isCollapsable","isCollapsableProp","position","positionProp","closeOnExit","closeOnExitProp","buttonAriaLabel","others","deprecatedMode","content","root","legacyMode","noCollapsable","propTypes","string","shape","isRequired","node","bool","func","oneOf","name"],"sources":["../../../src/VerticalNavigation/VerticalNavigation.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { deprecatedPropType, withStyles } from \"@material-ui/core\";\nimport VerticalContainer from \"./VerticalContainer\";\nimport { setId } from \"../utils\";\nimport styles from \"./styles\";\n\n/**\n * Navigation enables users to move through an app to complete tasks.\n *\n * It is recommended to use vertical navigation when your application requires global navigation that is displayed on the left.\n * While vertical navigation menus generally consume more space than their horizontal counterparts, they have become more popular as desktop monitors move to wide-screen formats.\n *\n * Even thou both the hierarchically organized data and the visual style ressemble a treeview-like structure, the [Treeview Design Pattern](https://w3c.github.io/aria-practices/#TreeView)\n * isn't necessarily the most appropriate.\n *\n * The tree role provides complex functionality that is not needed for typical site navigation, and changes the most common keyboard navigation using TAB.\n *\n * The [Disclosure Design Pattern](https://w3c.github.io/aria-practices/#disclosure) is more suited for typical site navigation, with expandable groups of links.\n * However it can be tedious to TAB through all navigation items to reach the actions panel.\n *\n * Both modes are available via the `mode` property and each app should choose the most appropriate.\n */\nconst VerticalNavigation = ({\n  id,\n  className,\n  classes,\n\n  children,\n\n  // deprecated props\n  isOpen: isOpenProp,\n  toggleOpenCallback,\n  isCollapsable: isCollapsableProp,\n  position: positionProp,\n  closeOnExit: closeOnExitProp,\n  buttonAriaLabel,\n\n  ...others\n}) => {\n  const deprecatedMode =\n    isOpenProp != null ||\n    toggleOpenCallback != null ||\n    isCollapsableProp != null ||\n    positionProp != null ||\n    closeOnExitProp != null ||\n    buttonAriaLabel != null;\n\n  let isOpen;\n  let isCollapsable;\n  let position;\n  let closeOnExit;\n  if (deprecatedMode) {\n    // restore the default values if needed\n    closeOnExit = closeOnExitProp ?? false;\n    position = positionProp ?? \"static\";\n    isCollapsable = isCollapsableProp ?? false;\n    isOpen = isOpenProp ?? !isCollapsable;\n  }\n\n  const content = (\n    <div\n      id={id}\n      className={clsx(className, classes.root, {\n        [classes.noCollapsable]: deprecatedMode && !isCollapsable,\n        [classes.legacyMode]: deprecatedMode,\n      })}\n      {...others}\n    >\n      {children}\n    </div>\n  );\n\n  if (deprecatedMode) {\n    return (\n      <VerticalContainer\n        id={setId(id, \"container\")}\n        isOpen={isOpen}\n        toggleOpenCallback={toggleOpenCallback}\n        position={position}\n        isAnchorBarVisible={isCollapsable}\n        closeOnExit={closeOnExit}\n        buttonAriaLabel={buttonAriaLabel}\n      >\n        {content}\n      </VerticalContainer>\n    );\n  }\n\n  return content;\n};\n\nVerticalNavigation.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 component.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Style applied to the root of the component.\n     */\n    root: PropTypes.string,\n    /**\n     * Style applied to the root of the component when it not collapsable.\n     *\n     * @deprecated This logic should be external, i.e. using the HvVerticalNavigation inside a Drawer component.\n     */\n    noCollapsable: deprecatedPropType(PropTypes.string),\n    /**\n     * @ignore\n     */\n    legacyMode: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * The content inside the actions container.\n   */\n  children: PropTypes.node,\n\n  /**\n   * Sets if the navigation should have a button to hide itself.\n   *\n   * @deprecated This logic should be external, i.e. using the HvVerticalNavigation inside a Drawer component.\n   */\n  isCollapsable: deprecatedPropType(\n    PropTypes.bool,\n    \"This logic should be external, i.e. using the HvVerticalNavigation inside a Drawer component.\"\n  ),\n  /**\n   * Is the navigation open.\n   *\n   * @deprecated This logic should be external, i.e. using the HvVerticalNavigation inside a Drawer component.\n   */\n  isOpen: deprecatedPropType(\n    PropTypes.bool,\n    \"This logic should be external, i.e. using the HvVerticalNavigation inside a Drawer component.\"\n  ),\n  /**\n   * Callback when the navigation toggles between open and close.\n   */\n  toggleOpenCallback: PropTypes.func,\n  /**\n   * Position of the component.\n   *\n   * @deprecated This logic should be external, i.e. using the HvVerticalNavigation inside a Drawer component.\n   */\n  position: deprecatedPropType(\n    PropTypes.oneOf([\"static\", \"relative\", \"fixed\", \"absolute\"]),\n    \"This logic should be external, i.e. using the HvVerticalNavigation inside a Drawer component.\"\n  ),\n  /**\n   * Defines if the navigation should close when losing focus / clicking outside.\n   *\n   * @deprecated This logic should be external, i.e. using the HvVerticalNavigation inside a Drawer component.\n   */\n  closeOnExit: deprecatedPropType(\n    PropTypes.bool,\n    \"This logic should be external, i.e. using the HvVerticalNavigation inside a Drawer component.\"\n  ),\n  /**\n   * Aria-label for the button that opens the vertical navigation.\n   *\n   * @deprecated This logic should be external, i.e. using the HvVerticalNavigation inside a Drawer component.\n   */\n  buttonAriaLabel: deprecatedPropType(\n    PropTypes.bool,\n    \"This logic should be external, i.e. using the HvVerticalNavigation inside a Drawer component.\"\n  ),\n};\n\nexport default withStyles(styles, { name: \"HvVerticalNavigation\" })(VerticalNavigation);\n"],"mappings":"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"}
+{"version":3,"file":"VerticalNavigation.js","names":["React","PropTypes","clsx","deprecatedPropType","withStyles","VerticalContainer","setId","styles","VerticalNavigation","id","className","classes","children","isOpen","isOpenProp","toggleOpenCallback","isCollapsable","isCollapsableProp","position","positionProp","closeOnExit","closeOnExitProp","buttonAriaLabel","others","deprecatedMode","content","root","legacyMode","noCollapsable","propTypes","string","shape","isRequired","node","bool","func","oneOf","name"],"sources":["../../../src/VerticalNavigation/VerticalNavigation.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { deprecatedPropType } from \"@mui/material\";\nimport { withStyles } from \"@mui/styles\";\nimport VerticalContainer from \"./VerticalContainer\";\nimport { setId } from \"../utils\";\nimport styles from \"./styles\";\n\n/**\n * Navigation enables users to move through an app to complete tasks.\n *\n * It is recommended to use vertical navigation when your application requires global navigation that is displayed on the left.\n * While vertical navigation menus generally consume more space than their horizontal counterparts, they have become more popular as desktop monitors move to wide-screen formats.\n *\n * Even thou both the hierarchically organized data and the visual style ressemble a treeview-like structure, the [Treeview Design Pattern](https://w3c.github.io/aria-practices/#TreeView)\n * isn't necessarily the most appropriate.\n *\n * The tree role provides complex functionality that is not needed for typical site navigation, and changes the most common keyboard navigation using TAB.\n *\n * The [Disclosure Design Pattern](https://w3c.github.io/aria-practices/#disclosure) is more suited for typical site navigation, with expandable groups of links.\n * However it can be tedious to TAB through all navigation items to reach the actions panel.\n *\n * Both modes are available via the `mode` property and each app should choose the most appropriate.\n */\nconst VerticalNavigation = ({\n  id,\n  className,\n  classes,\n\n  children,\n\n  // deprecated props\n  isOpen: isOpenProp,\n  toggleOpenCallback,\n  isCollapsable: isCollapsableProp,\n  position: positionProp,\n  closeOnExit: closeOnExitProp,\n  buttonAriaLabel,\n\n  ...others\n}) => {\n  const deprecatedMode =\n    isOpenProp != null ||\n    toggleOpenCallback != null ||\n    isCollapsableProp != null ||\n    positionProp != null ||\n    closeOnExitProp != null ||\n    buttonAriaLabel != null;\n\n  let isOpen;\n  let isCollapsable;\n  let position;\n  let closeOnExit;\n  if (deprecatedMode) {\n    // restore the default values if needed\n    closeOnExit = closeOnExitProp ?? false;\n    position = positionProp ?? \"static\";\n    isCollapsable = isCollapsableProp ?? false;\n    isOpen = isOpenProp ?? !isCollapsable;\n  }\n\n  const content = (\n    <div\n      id={id}\n      className={clsx(className, classes.root, {\n        [classes.noCollapsable]: deprecatedMode && !isCollapsable,\n        [classes.legacyMode]: deprecatedMode,\n      })}\n      {...others}\n    >\n      {children}\n    </div>\n  );\n\n  if (deprecatedMode) {\n    return (\n      <VerticalContainer\n        id={setId(id, \"container\")}\n        isOpen={isOpen}\n        toggleOpenCallback={toggleOpenCallback}\n        position={position}\n        isAnchorBarVisible={isCollapsable}\n        closeOnExit={closeOnExit}\n        buttonAriaLabel={buttonAriaLabel}\n      >\n        {content}\n      </VerticalContainer>\n    );\n  }\n\n  return content;\n};\n\nVerticalNavigation.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 component.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Style applied to the root of the component.\n     */\n    root: PropTypes.string,\n    /**\n     * Style applied to the root of the component when it not collapsable.\n     *\n     * @deprecated This logic should be external, i.e. using the HvVerticalNavigation inside a Drawer component.\n     */\n    noCollapsable: deprecatedPropType(PropTypes.string),\n    /**\n     * @ignore\n     */\n    legacyMode: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * The content inside the actions container.\n   */\n  children: PropTypes.node,\n\n  /**\n   * Sets if the navigation should have a button to hide itself.\n   *\n   * @deprecated This logic should be external, i.e. using the HvVerticalNavigation inside a Drawer component.\n   */\n  isCollapsable: deprecatedPropType(\n    PropTypes.bool,\n    \"This logic should be external, i.e. using the HvVerticalNavigation inside a Drawer component.\"\n  ),\n  /**\n   * Is the navigation open.\n   *\n   * @deprecated This logic should be external, i.e. using the HvVerticalNavigation inside a Drawer component.\n   */\n  isOpen: deprecatedPropType(\n    PropTypes.bool,\n    \"This logic should be external, i.e. using the HvVerticalNavigation inside a Drawer component.\"\n  ),\n  /**\n   * Callback when the navigation toggles between open and close.\n   */\n  toggleOpenCallback: PropTypes.func,\n  /**\n   * Position of the component.\n   *\n   * @deprecated This logic should be external, i.e. using the HvVerticalNavigation inside a Drawer component.\n   */\n  position: deprecatedPropType(\n    PropTypes.oneOf([\"static\", \"relative\", \"fixed\", \"absolute\"]),\n    \"This logic should be external, i.e. using the HvVerticalNavigation inside a Drawer component.\"\n  ),\n  /**\n   * Defines if the navigation should close when losing focus / clicking outside.\n   *\n   * @deprecated This logic should be external, i.e. using the HvVerticalNavigation inside a Drawer component.\n   */\n  closeOnExit: deprecatedPropType(\n    PropTypes.bool,\n    \"This logic should be external, i.e. using the HvVerticalNavigation inside a Drawer component.\"\n  ),\n  /**\n   * Aria-label for the button that opens the vertical navigation.\n   *\n   * @deprecated This logic should be external, i.e. using the HvVerticalNavigation inside a Drawer component.\n   */\n  buttonAriaLabel: deprecatedPropType(\n    PropTypes.bool,\n    \"This logic should be external, i.e. using the HvVerticalNavigation inside a Drawer component.\"\n  ),\n};\n\nexport default withStyles(styles, { name: \"HvVerticalNavigation\" })(VerticalNavigation);\n"],"mappings":";;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,SAASC,kBAAT,QAAmC,eAAnC;AACA,SAASC,UAAT,QAA2B,aAA3B;AACA,OAAOC,iBAAP,MAA8B,qBAA9B;AACA,SAASC,KAAT,QAAsB,UAAtB;AACA,OAAOC,MAAP,MAAmB,UAAnB;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;AACA,MAAMC,kBAAkB,GAAG,QAgBrB;EAAA,IAhBsB;IAC1BC,EAD0B;IAE1BC,SAF0B;IAG1BC,OAH0B;IAK1BC,QAL0B;IAO1B;IACAC,MAAM,EAAEC,UARkB;IAS1BC,kBAT0B;IAU1BC,aAAa,EAAEC,iBAVW;IAW1BC,QAAQ,EAAEC,YAXgB;IAY1BC,WAAW,EAAEC,eAZa;IAa1BC;EAb0B,CAgBtB;EAAA,IADDC,MACC;;EACJ,MAAMC,cAAc,GAClBV,UAAU,IAAI,IAAd,IACAC,kBAAkB,IAAI,IADtB,IAEAE,iBAAiB,IAAI,IAFrB,IAGAE,YAAY,IAAI,IAHhB,IAIAE,eAAe,IAAI,IAJnB,IAKAC,eAAe,IAAI,IANrB;EAQA,IAAIT,MAAJ;EACA,IAAIG,aAAJ;EACA,IAAIE,QAAJ;EACA,IAAIE,WAAJ;;EACA,IAAII,cAAJ,EAAoB;IAClB;IACAJ,WAAW,GAAGC,eAAH,aAAGA,eAAH,cAAGA,eAAH,GAAsB,KAAjC;IACAH,QAAQ,GAAGC,YAAH,aAAGA,YAAH,cAAGA,YAAH,GAAmB,QAA3B;IACAH,aAAa,GAAGC,iBAAH,aAAGA,iBAAH,cAAGA,iBAAH,GAAwB,KAArC;IACAJ,MAAM,GAAGC,UAAH,aAAGA,UAAH,cAAGA,UAAH,GAAiB,CAACE,aAAxB;EACD;;EAED,MAAMS,OAAO,gBACX;IACE,EAAE,EAAEhB,EADN;IAEE,SAAS,EAAEP,IAAI,CAACQ,SAAD,EAAYC,OAAO,CAACe,IAApB,EACYF,cADZ,KAEZb,OAAO,CAACgB,UAFI,EAC8B,CAACX,aAD/B,IACZL,OAAO,CAACiB,aADI;EAFjB,GAMML,MANN;IAAA,UAQGX;EARH,GADF;;EAaA,IAAIY,cAAJ,EAAoB;IAClB,oBACE,KAAC,iBAAD;MACE,EAAE,EAAElB,KAAK,CAACG,EAAD,EAAK,WAAL,CADX;MAEE,MAAM,EAAEI,MAFV;MAGE,kBAAkB,EAAEE,kBAHtB;MAIE,QAAQ,EAAEG,QAJZ;MAKE,kBAAkB,EAAEF,aALtB;MAME,WAAW,EAAEI,WANf;MAOE,eAAe,EAAEE,eAPnB;MAAA,UASGG;IATH,EADF;EAaD;;EAED,OAAOA,OAAP;AACD,CAnED;;AAqEA,wCAAAjB,kBAAkB,CAACqB,SAAnB,GAA+B;EAC7B;AACF;AACA;EACEpB,EAAE,EAAER,SAAS,CAAC6B,MAJe;;EAK7B;AACF;AACA;EACEpB,SAAS,EAAET,SAAS,CAAC6B,MARQ;;EAS7B;AACF;AACA;EACEnB,OAAO,EAAEV,SAAS,CAAC8B,KAAV,CAAgB;IACvB;AACJ;AACA;IACIL,IAAI,EAAEzB,SAAS,CAAC6B,MAJO;;IAKvB;AACJ;AACA;AACA;AACA;IACIF,aAAa,EAAEzB,kBAAkB,CAACF,SAAS,CAAC6B,MAAX,CAVV;;IAWvB;AACJ;AACA;IACIH,UAAU,EAAE1B,SAAS,CAAC6B;EAdC,CAAhB,EAeNE,UA3B0B;;EA6B7B;AACF;AACA;EACEpB,QAAQ,EAAEX,SAAS,CAACgC,IAhCS;;EAkC7B;AACF;AACA;AACA;AACA;EACEjB,aAAa,EAAEb,kBAAkB,CAC/BF,SAAS,CAACiC,IADqB,EAE/B,+FAF+B,CAvCJ;;EA2C7B;AACF;AACA;AACA;AACA;EACErB,MAAM,EAAEV,kBAAkB,CACxBF,SAAS,CAACiC,IADc,EAExB,+FAFwB,CAhDG;;EAoD7B;AACF;AACA;EACEnB,kBAAkB,EAAEd,SAAS,CAACkC,IAvDD;;EAwD7B;AACF;AACA;AACA;AACA;EACEjB,QAAQ,EAAEf,kBAAkB,CAC1BF,SAAS,CAACmC,KAAV,CAAgB,CAAC,QAAD,EAAW,UAAX,EAAuB,OAAvB,EAAgC,UAAhC,CAAhB,CAD0B,EAE1B,+FAF0B,CA7DC;;EAiE7B;AACF;AACA;AACA;AACA;EACEhB,WAAW,EAAEjB,kBAAkB,CAC7BF,SAAS,CAACiC,IADmB,EAE7B,+FAF6B,CAtEF;;EA0E7B;AACF;AACA;AACA;AACA;EACEZ,eAAe,EAAEnB,kBAAkB,CACjCF,SAAS,CAACiC,IADuB,EAEjC,+FAFiC;AA/EN,CAA/B;AAqFA,eAAe9B,UAAU,CAACG,MAAD,EAAS;EAAE8B,IAAI,EAAE;AAAR,CAAT,CAAV,CAAqD7B,kBAArD,CAAf"}

package/dist/modern/VerticalNavigation/index.d.ts

@@ -1,11 +1,17 @@
 export { default } from "./VerticalNavigation";
 export * from "./VerticalNavigation";
 
-export { default as Actions } from "./Actions";
-export * from "./Actions";
-
-export { default as Navigation } from "./Navigation";
+export { default as HvVerticalNavigationTree } from "./Navigation";
 export * from "./Navigation";
 
-export { default as TreeView } from "./TreeView";
+export {
+  TreeView as HvVerticalNavigationTreeView,
+  TreeViewItem as HvVerticalNavigationTreeViewItem,
+} from "./TreeView";
 export * from "./TreeView";
+
+export {
+  Actions as HvVerticalNavigationActions,
+  Action as HvVerticalNavigationAction,
+} from "./Actions";
+export * from "./Actions";

package/dist/modern/VerticalNavigation/index.js

@@ -1,7 +1,5 @@
 export { default } from "./VerticalNavigation";
-export { default as Navigation } from "./Navigation";
-export { default as TreeView } from "./TreeView";
-export * from "./TreeView";
-export { default as Actions } from "./Actions";
-export * from "./Actions";
+export { default as HvVerticalNavigationTree } from "./Navigation";
+export { TreeView as HvVerticalNavigationTreeView, TreeViewItem as HvVerticalNavigationTreeViewItem } from "./TreeView";
+export { Actions as HvVerticalNavigationActions, Action as HvVerticalNavigationAction } from "./Actions";
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default","Navigation","TreeView","Actions"],"sources":["../../../src/VerticalNavigation/index.js"],"sourcesContent":["export { default } from \"./VerticalNavigation\";\n\nexport { default as Navigation } from \"./Navigation\";\n\nexport { default as TreeView } from \"./TreeView\";\nexport * from \"./TreeView\";\n\nexport { default as Actions } from \"./Actions\";\nexport * from \"./Actions\";\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,sBAAxB;AAEA,SAASA,OAAO,IAAIC,UAApB,QAAsC,cAAtC;AAEA,SAASD,OAAO,IAAIE,QAApB,QAAoC,YAApC;AACA,cAAc,YAAd;AAEA,SAASF,OAAO,IAAIG,OAApB,QAAmC,WAAnC;AACA,cAAc,WAAd"}
+{"version":3,"file":"index.js","names":["default","HvVerticalNavigationTree","TreeView","HvVerticalNavigationTreeView","TreeViewItem","HvVerticalNavigationTreeViewItem","Actions","HvVerticalNavigationActions","Action","HvVerticalNavigationAction"],"sources":["../../../src/VerticalNavigation/index.js"],"sourcesContent":["export { default } from \"./VerticalNavigation\";\n\nexport { default as HvVerticalNavigationTree } from \"./Navigation\";\n\nexport {\n  TreeView as HvVerticalNavigationTreeView,\n  TreeViewItem as HvVerticalNavigationTreeViewItem,\n} from \"./TreeView\";\n\nexport {\n  Actions as HvVerticalNavigationActions,\n  Action as HvVerticalNavigationAction,\n} from \"./Actions\";\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,sBAAxB;AAEA,SAASA,OAAO,IAAIC,wBAApB,QAAoD,cAApD;AAEA,SACEC,QAAQ,IAAIC,4BADd,EAEEC,YAAY,IAAIC,gCAFlB,QAGO,YAHP;AAKA,SACEC,OAAO,IAAIC,2BADb,EAEEC,MAAM,IAAIC,0BAFZ,QAGO,WAHP"}