@hitachivantara/uikit-react-core 3.67.18 → 3.68.2

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

@@ -1 +1 @@
-{"version":3,"file":"TreeViewItem.js","names":["preventSelection","event","disabled","shiftKey","ctrlKey","metaKey","preventDefault","TreeViewItem","React","forwardRef","props","ref","idProp","id","className","classes","disabledProp","selectableProp","selectable","nodeId","icon","label","payload","onClick","onMouseDown","onFocus","children","others","treeViewControlContext","TreeViewControlContext","TreeViewStateContext","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","target","currentTarget","ownerDocument","document","getElementById","preventScroll","unfocusable","handleExpansion","multiple","handleSelection","end","handleMouseDown","handleClick","handleKeyDown","isEventHandled","key","altKey","stopPropagation","renderedContent","content","paddingLeft","role","tabIndex","onKeyDown","renderedChildren","group","node","unselected","unselectable","collapsed","propTypes","PropTypes","string","shape","isRequired","bool","any","func","styles","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    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=\"div\"\n        innerRef={contentRef}\n        className={classes.content}\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      classes.content,\n      handleClick,\n      handleMouseDown,\n      expandable,\n      level,\n      collapsible,\n      treeviewMode,\n      handleFocus,\n      handleKeyDown,\n      selectable,\n      selected,\n      expanded,\n      icon,\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 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 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":["preventSelection","event","disabled","shiftKey","ctrlKey","metaKey","preventDefault","TreeViewItem","React","forwardRef","props","ref","idProp","id","className","classes","disabledProp","selectableProp","selectable","nodeId","icon","label","payload","onClick","onMouseDown","onFocus","children","others","treeViewControlContext","useContext","TreeViewControlContext","TreeViewStateContext","isExpanded","isSelected","isFocused","isDisabled","treeId","mode","collapsible","toggleExpansion","multiSelect","selectNode","selectRange","disabledItemsFocusable","registerNode","unregisterNode","mapFirstChar","unMapFirstChar","focus","treeviewMode","useState","treeitemElement","setTreeitemElement","contentRef","useRef","handleRef","useForkRef","descendant","useMemo","element","useDescendant","index","parentId","level","expandable","Array","isArray","expanded","focused","selected","useEffect","idAttribute","undefined","current","textContent","substring","toLowerCase","ariaSelected","handleFocus","useCallback","target","currentTarget","ownerDocument","document","getElementById","preventScroll","unfocusable","handleExpansion","multiple","handleSelection","end","handleMouseDown","handleClick","handleKeyDown","isEventHandled","key","altKey","stopPropagation","renderedContent","setId","content","paddingLeft","role","tabIndex","onKeyDown","renderedChildren","group","clsx","node","unselected","unselectable","collapsed","propTypes","PropTypes","string","shape","isRequired","bool","any","func","withStyles","styles","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    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=\"div\"\n        innerRef={contentRef}\n        className={classes.content}\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      classes.content,\n      handleClick,\n      handleMouseDown,\n      expandable,\n      level,\n      collapsible,\n      treeviewMode,\n      handleFocus,\n      handleKeyDown,\n      selectable,\n      selected,\n      expanded,\n      icon,\n      label,\n      disabled,\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 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 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/VerticalNavigation/TreeView/descendants.js.map

@@ -1 +1 @@
-{"version":3,"file":"descendants.js","names":["findIndex","array","comp","i","length","binaryFindElement","element","start","end","middle","Math","floor","compareDocumentPosition","Node","DOCUMENT_POSITION_PRECEDING","DescendantContext","React","createContext","level","process","env","NODE_ENV","displayName","usePrevious","value","ref","useRef","useEffect","current","noop","useDescendant","descendant","useState","forceUpdate","useContext","registerDescendant","unregisterDescendant","descendants","parentId","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","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":["findIndex","array","comp","i","length","binaryFindElement","element","start","end","middle","Math","floor","compareDocumentPosition","Node","DOCUMENT_POSITION_PRECEDING","DescendantContext","React","createContext","level","process","env","NODE_ENV","displayName","usePrevious","value","ref","useRef","useEffect","current","noop","useDescendant","descendant","useState","forceUpdate","useContext","registerDescendant","unregisterDescendant","descendants","parentId","index","item","previousDescendants","someDescendantsHaveChanged","some","newDescendant","position","useEnhancedEffect","undefined","DescendantProvider","props","children","id","items","set","useCallback","other","oldItems","newItems","newItem","slice","splice","forEach","filter","useMemo","propTypes","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/VerticalNavigation/VerticalContainer/VerticalContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"VerticalContainer.js","names":["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","KeyboardCodes","Tab","target","first","shiftKey","last","Esc","focus","renderedAnchorBar","anchorBar","button","renderedContainer","separator","contentContainer","root","withAnchorBar","static","relative","fixed","absolute","verticalContainer","propTypes","PropTypes","string","shape","isRequired","oneOf","bool","node","func","styles","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":["VerticalContainer","id","className","classes","isAnchorBarVisible","isOpen","toggleOpenCallback","buttonAriaLabel","children","position","closeOnExit","others","useState","open","setOpen","prevPropOpen","setPrevPropOpen","containerRef","useRef","buttonRef","focusableList","useEffect","setTimeout","current","getFirstAndLastFocus","toggleOpen","useCallback","newState","prevState","handlerKeyContainer","event","isKeypress","KeyboardCodes","Tab","isNil","target","first","shiftKey","last","Esc","focus","renderedAnchorBar","useMemo","setId","anchorBar","button","renderedContainer","separator","contentContainer","clsx","root","withAnchorBar","static","relative","fixed","absolute","verticalContainer","propTypes","PropTypes","string","shape","isRequired","oneOf","bool","node","func","withStyles","styles","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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"}

package/dist/VerticalNavigation/VerticalNavigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"VerticalNavigation.js","names":["VerticalNavigation","id","className","classes","children","isOpenProp","isOpen","toggleOpenCallback","isCollapsableProp","isCollapsable","positionProp","position","closeOnExitProp","closeOnExit","buttonAriaLabel","others","deprecatedMode","content","root","legacyMode","noCollapsable","propTypes","PropTypes","string","shape","isRequired","node","bool","func","oneOf","styles","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":["VerticalNavigation","id","className","classes","children","isOpenProp","isOpen","toggleOpenCallback","isCollapsableProp","isCollapsable","positionProp","position","closeOnExitProp","closeOnExit","buttonAriaLabel","others","deprecatedMode","content","clsx","root","legacyMode","noCollapsable","setId","propTypes","PropTypes","string","shape","deprecatedPropType","isRequired","node","bool","func","oneOf","withStyles","styles","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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"}

package/dist/index.d.ts

@@ -22,9 +22,6 @@ export * from "./Badge";
 export { default as HvBanner } from "./Banner";
 export * from "./Banner";
 
-export { default as HvBarchart } from "./Barchart";
-export * from "./Barchart";
-
 export { default as HvBreadcrumb } from "./BreadCrumb";
 export * from "./BreadCrumb";
 
@@ -45,9 +42,6 @@ export * from "./Container";
 export { default as HvDatePicker } from "./DatePicker";
 export * from "./DatePicker";
 
-export { default as HvDonutchart } from "./Donutchart";
-export * from "./Donutchart";
-
 export { default as HvDropdown } from "./Dropdown";
 export * from "./Dropdown";
 
@@ -98,9 +92,6 @@ export * from "./Forms/Label";
 export { default as HvKpi } from "./Kpi";
 export * from "./Kpi";
 
-export { default as HvLinechart } from "./Linechart";
-export * from "./Linechart";
-
 export { default as HvLink } from "./Link";
 export * from "./Link";
 

package/dist/index.js

@@ -32,7 +32,6 @@ var _exportNames = {
   HvAvatar: true,
   HvBadge: true,
   HvBanner: true,
-  HvBarchart: true,
   HvBaseDropdown: true,
   HvBreadcrumb: true,
   HvBulkActions: true,
@@ -40,7 +39,6 @@ var _exportNames = {
   HvCard: true,
   HvContainer: true,
   HvDatePicker: true,
-  HvDonutchart: true,
   HvDropdown: true,
   HvDropDownMenu: true,
   HvEmptyState: true,
@@ -55,7 +53,6 @@ var _exportNames = {
   HvInput: true,
   HvSlider: true,
   HvKpi: true,
-  HvLinechart: true,
   HvLink: true,
   HvListContainer: true,
   HvList: true,
@@ -165,12 +162,6 @@ Object.defineProperty(exports, "HvBanner", {
     return _Banner.default;
   }
 });
-Object.defineProperty(exports, "HvBarchart", {
-  enumerable: true,
-  get: function get() {
-    return _Barchart.default;
-  }
-});
 Object.defineProperty(exports, "HvBaseCheckBox", {
   enumerable: true,
   get: function get() {
@@ -261,12 +252,6 @@ Object.defineProperty(exports, "HvDialog", {
     return _Dialog.default;
   }
 });
-Object.defineProperty(exports, "HvDonutchart", {
-  enumerable: true,
-  get: function get() {
-    return _Donutchart.default;
-  }
-});
 Object.defineProperty(exports, "HvDropDownMenu", {
   enumerable: true,
   get: function get() {
@@ -339,12 +324,6 @@ Object.defineProperty(exports, "HvKpi", {
     return _Kpi.default;
   }
 });
-Object.defineProperty(exports, "HvLinechart", {
-  enumerable: true,
-  get: function get() {
-    return _Linechart.default;
-  }
-});
 Object.defineProperty(exports, "HvLink", {
   enumerable: true,
   get: function get() {
@@ -710,8 +689,6 @@ Object.keys(_Banner).forEach(function (key) {
   });
 });
 
-var _Barchart = _interopRequireDefault(require("./Barchart"));
-
 var _BaseDropdown = _interopRequireDefault(require("./BaseDropdown"));
 
 var _BreadCrumb = _interopRequireDefault(require("./BreadCrumb"));
@@ -752,8 +729,6 @@ var _Container = _interopRequireDefault(require("./Container"));
 
 var _DatePicker = _interopRequireDefault(require("./DatePicker"));
 
-var _Donutchart = _interopRequireDefault(require("./Donutchart"));
-
 var _Dropdown = _interopRequireDefault(require("./Dropdown"));
 
 var _DropDownMenu = _interopRequireDefault(require("./DropDownMenu"));
@@ -820,8 +795,6 @@ var _Slider = _interopRequireDefault(require("./Slider"));
 
 var _Kpi = _interopRequireDefault(require("./Kpi"));
 
-var _Linechart = _interopRequireDefault(require("./Linechart"));
-
 var _Link = _interopRequireDefault(require("./Link"));
 
 var _ListContainer = _interopRequireWildcard(require("./ListContainer"));

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../src/index.js"],"sourcesContent":["// components\nexport { default as HvAccordion } from \"./Accordion\";\nexport { default as HvActionsGeneric } from \"./ActionsGeneric\";\nexport { default as HvActionBar } from \"./ActionBar\";\nexport { default as HvAppSwitcher } from \"./AppSwitcher\";\nexport { default as HvAssetInventory } from \"./AssetInventory\";\nexport * from \"./AssetInventory\";\nexport { default as HvAvatar } from \"./Avatar\";\nexport { default as HvBadge } from \"./Badge\";\nexport { default as HvBanner } from \"./Banner\";\nexport * from \"./Banner\";\nexport { default as HvBarchart } from \"./Barchart\";\nexport { default as HvBaseDropdown } from \"./BaseDropdown\";\nexport { default as HvBreadcrumb } from \"./BreadCrumb\";\nexport { default as HvBulkActions } from \"./BulkActions\";\nexport { default as HvButton } from \"./Button\";\nexport { default as HvCard } from \"./Card\";\nexport * from \"./Card\";\nexport * from \"./Calendar\";\nexport { default as HvContainer } from \"./Container\";\nexport { default as HvDatePicker } from \"./DatePicker\";\nexport { default as HvDonutchart } from \"./Donutchart\";\nexport { default as HvDropdown } from \"./Dropdown\";\nexport { default as HvDropDownMenu } from \"./DropDownMenu\";\nexport { default as HvEmptyState } from \"./EmptyState\";\nexport { default as HvFilterGroup } from \"./FilterGroup\";\nexport { default as HvFileUploader } from \"./FileUploader\";\nexport * from \"./FileUploader\";\nexport { default as HvFocus } from \"./Focus\";\nexport { default as HvFooter } from \"./Footer\";\nexport * from \"./Forms\";\n\nexport { default as HvGrid } from \"./Grid\";\nexport { default as HvGlobalActions } from \"./GlobalActions\";\n\nexport { default as HvHeader } from \"./Header\";\nexport * from \"./Header\";\n\nexport { default as HvBaseInput } from \"./BaseInput\";\nexport { default as HvInput } from \"./Input\";\n\nexport { default as HvSlider } from \"./Slider\";\n\nexport { default as HvKpi } from \"./Kpi\";\n\nexport { default as HvLinechart } from \"./Linechart\";\nexport { default as HvLink } from \"./Link\";\nexport { default as HvListContainer } from \"./ListContainer\";\nexport * from \"./ListContainer\";\n\nexport { default as HvList } from \"./List\";\n\nexport { default as HvSelectionList } from \"./SelectionList\";\n\nexport { default as HvLoading } from \"./Loading\";\nexport { default as HvLogin } from \"./Login\";\nexport { default as HvDialog } from \"./Dialog\";\nexport * from \"./Dialog\";\nexport { default as HvMultiButton } from \"./MultiButton\";\nexport { default as HvPagination } from \"./Pagination\";\n\nexport { default as HvBaseCheckBox } from \"./BaseCheckBox\";\nexport { default as HvCheckBox } from \"./CheckBox\";\nexport { default as HvCheckBoxGroup } from \"./CheckBoxGroup\";\n\nexport { default as HvBaseRadio } from \"./BaseRadio\";\nexport { default as HvRadio } from \"./Radio\";\nexport { default as HvRadioGroup } from \"./RadioGroup\";\n\nexport { default as HvBaseSwitch } from \"./BaseSwitch\";\nexport { default as HvSwitch } from \"./Switch\";\n\nexport { default as HvSnackbar } from \"./Snackbar\";\nexport { default as HvSnackbarContent } from \"./Snackbar/SnackbarContentWrapper\";\nexport { default as HvSnackbarProvider, useHvSnackbar } from \"./Snackbar/SnackbarProvider\";\nexport { default as HvStack } from \"./Stack\";\nexport { default as HvSimpleGrid } from \"./SimpleGrid\";\n\nexport { default as HvTab } from \"./Tab\";\nexport { default as HvTag } from \"./Tag\";\nexport { default as HvTable } from \"./Table\";\nexport { default as HvTabs } from \"./Tabs\";\nexport { default as HvTextArea } from \"./TextArea\";\nexport { default as HvTagsInput } from \"./TagsInput\";\nexport { default as HvToggleButton } from \"./ToggleButton\";\nexport { default as HvTooltip } from \"./Tooltip\";\nexport { default as HvOverflowTooltip } from \"./OverflowTooltip\";\nexport { default as HvTimePicker } from \"./TimePicker\";\nexport { default as HvTypography } from \"./Typography\";\nexport { default as HvUserPreferences } from \"./UserPreferences\";\n// TODO refactor the HvUserPreferences subcomponents' names\nexport {\n  Actions as HvUserPreferencesActions,\n  Action as HvUserPreferencesAction,\n} from \"./UserPreferences\";\nexport {\n  Options as HvUserPreferencesOptions,\n  Option as HvUserPreferencesOption,\n  Group as HvUserPreferencesOptionsGroup,\n  Label as HvUserPreferencesOptionsGroupLabel,\n} from \"./UserPreferences\";\n\nexport { default as HvScrollToHorizontal } from \"./ScrollTo/Horizontal\";\nexport { default as HvScrollToVertical } from \"./ScrollTo/Vertical\";\nexport { default as useScrollTo } from \"./ScrollTo/useScrollTo\";\n\nexport { default as HvVerticalNavigation } from \"./VerticalNavigation\";\n// TODO refactor the HvVerticalNavigation subcomponents' names\nexport { Navigation as HvVerticalNavigationTree } from \"./VerticalNavigation\";\nexport { TreeView as HvTreeView, TreeViewItem as HvTreeViewItem } from \"./VerticalNavigation\";\nexport {\n  Actions as HvVerticalNavigationActions,\n  Action as HvVerticalNavigationAction,\n} from \"./VerticalNavigation\";\n\nexport { default as HvPanel } from \"./Panel\";\n\n// HOCs\nexport { default as withId } from \"./withId\";\nexport { default as withTooltip } from \"./withTooltip\";\n\n// Hooks\nexport { default as useUniqueId } from \"./useUniqueId\";\n\n// theme\nexport { default as hvTheme } from \"./theme\";\nexport { themeBuilder, getTheme } from \"./theme\";\nexport { HvCssBaseline, HvScopedCssBaseline } from \"./theme\";\n\n// provider\nexport { default as HvProvider } from \"./Provider\";\nexport * from \"./Provider\";\n\n// utils\nexport * from \"./utils\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AACA;;AACA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AACA;;AACA;;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;;AAEA;;AAEA;;AAEA;;AACA;;AACA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AAEA;;AAEA;;AACA;;AACA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AAEA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAaA;;AACA;;AACA;;AAEA;;AASA;;AAGA;;AACA;;AAGA;;AAGA;;AAKA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAGA;;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}
+{"version":3,"file":"index.js","names":[],"sources":["../src/index.js"],"sourcesContent":["// components\nexport { default as HvAccordion } from \"./Accordion\";\nexport { default as HvActionsGeneric } from \"./ActionsGeneric\";\nexport { default as HvActionBar } from \"./ActionBar\";\nexport { default as HvAppSwitcher } from \"./AppSwitcher\";\nexport { default as HvAssetInventory } from \"./AssetInventory\";\nexport * from \"./AssetInventory\";\nexport { default as HvAvatar } from \"./Avatar\";\nexport { default as HvBadge } from \"./Badge\";\nexport { default as HvBanner } from \"./Banner\";\nexport * from \"./Banner\";\nexport { default as HvBaseDropdown } from \"./BaseDropdown\";\nexport { default as HvBreadcrumb } from \"./BreadCrumb\";\nexport { default as HvBulkActions } from \"./BulkActions\";\nexport { default as HvButton } from \"./Button\";\nexport { default as HvCard } from \"./Card\";\nexport * from \"./Card\";\nexport * from \"./Calendar\";\nexport { default as HvContainer } from \"./Container\";\nexport { default as HvDatePicker } from \"./DatePicker\";\nexport { default as HvDropdown } from \"./Dropdown\";\nexport { default as HvDropDownMenu } from \"./DropDownMenu\";\nexport { default as HvEmptyState } from \"./EmptyState\";\nexport { default as HvFilterGroup } from \"./FilterGroup\";\nexport { default as HvFileUploader } from \"./FileUploader\";\nexport * from \"./FileUploader\";\nexport { default as HvFocus } from \"./Focus\";\nexport { default as HvFooter } from \"./Footer\";\nexport * from \"./Forms\";\n\nexport { default as HvGrid } from \"./Grid\";\nexport { default as HvGlobalActions } from \"./GlobalActions\";\n\nexport { default as HvHeader } from \"./Header\";\nexport * from \"./Header\";\n\nexport { default as HvBaseInput } from \"./BaseInput\";\nexport { default as HvInput } from \"./Input\";\n\nexport { default as HvSlider } from \"./Slider\";\n\nexport { default as HvKpi } from \"./Kpi\";\n\nexport { default as HvLink } from \"./Link\";\nexport { default as HvListContainer } from \"./ListContainer\";\nexport * from \"./ListContainer\";\n\nexport { default as HvList } from \"./List\";\n\nexport { default as HvSelectionList } from \"./SelectionList\";\n\nexport { default as HvLoading } from \"./Loading\";\nexport { default as HvLogin } from \"./Login\";\nexport { default as HvDialog } from \"./Dialog\";\nexport * from \"./Dialog\";\nexport { default as HvMultiButton } from \"./MultiButton\";\nexport { default as HvPagination } from \"./Pagination\";\n\nexport { default as HvBaseCheckBox } from \"./BaseCheckBox\";\nexport { default as HvCheckBox } from \"./CheckBox\";\nexport { default as HvCheckBoxGroup } from \"./CheckBoxGroup\";\n\nexport { default as HvBaseRadio } from \"./BaseRadio\";\nexport { default as HvRadio } from \"./Radio\";\nexport { default as HvRadioGroup } from \"./RadioGroup\";\n\nexport { default as HvBaseSwitch } from \"./BaseSwitch\";\nexport { default as HvSwitch } from \"./Switch\";\n\nexport { default as HvSnackbar } from \"./Snackbar\";\nexport { default as HvSnackbarContent } from \"./Snackbar/SnackbarContentWrapper\";\nexport { default as HvSnackbarProvider, useHvSnackbar } from \"./Snackbar/SnackbarProvider\";\nexport { default as HvStack } from \"./Stack\";\nexport { default as HvSimpleGrid } from \"./SimpleGrid\";\n\nexport { default as HvTab } from \"./Tab\";\nexport { default as HvTag } from \"./Tag\";\nexport { default as HvTable } from \"./Table\";\nexport { default as HvTabs } from \"./Tabs\";\nexport { default as HvTextArea } from \"./TextArea\";\nexport { default as HvTagsInput } from \"./TagsInput\";\nexport { default as HvToggleButton } from \"./ToggleButton\";\nexport { default as HvTooltip } from \"./Tooltip\";\nexport { default as HvOverflowTooltip } from \"./OverflowTooltip\";\nexport { default as HvTimePicker } from \"./TimePicker\";\nexport { default as HvTypography } from \"./Typography\";\nexport { default as HvUserPreferences } from \"./UserPreferences\";\n// TODO refactor the HvUserPreferences subcomponents' names\nexport {\n  Actions as HvUserPreferencesActions,\n  Action as HvUserPreferencesAction,\n} from \"./UserPreferences\";\nexport {\n  Options as HvUserPreferencesOptions,\n  Option as HvUserPreferencesOption,\n  Group as HvUserPreferencesOptionsGroup,\n  Label as HvUserPreferencesOptionsGroupLabel,\n} from \"./UserPreferences\";\n\nexport { default as HvScrollToHorizontal } from \"./ScrollTo/Horizontal\";\nexport { default as HvScrollToVertical } from \"./ScrollTo/Vertical\";\nexport { default as useScrollTo } from \"./ScrollTo/useScrollTo\";\n\nexport { default as HvVerticalNavigation } from \"./VerticalNavigation\";\n// TODO refactor the HvVerticalNavigation subcomponents' names\nexport { Navigation as HvVerticalNavigationTree } from \"./VerticalNavigation\";\nexport { TreeView as HvTreeView, TreeViewItem as HvTreeViewItem } from \"./VerticalNavigation\";\nexport {\n  Actions as HvVerticalNavigationActions,\n  Action as HvVerticalNavigationAction,\n} from \"./VerticalNavigation\";\n\nexport { default as HvPanel } from \"./Panel\";\n\n// HOCs\nexport { default as withId } from \"./withId\";\nexport { default as withTooltip } from \"./withTooltip\";\n\n// Hooks\nexport { default as useUniqueId } from \"./useUniqueId\";\n\n// theme\nexport { default as hvTheme } from \"./theme\";\nexport { themeBuilder, getTheme } from \"./theme\";\nexport { HvCssBaseline, HvScopedCssBaseline } from \"./theme\";\n\n// provider\nexport { default as HvProvider } from \"./Provider\";\nexport * from \"./Provider\";\n\n// utils\nexport * from \"./utils\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AACA;;AACA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AACA;;AACA;;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;;AAEA;;AAEA;;AAEA;;AACA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AAEA;;AAEA;;AACA;;AACA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AAEA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAaA;;AACA;;AACA;;AAEA;;AASA;;AAGA;;AACA;;AAGA;;AAGA;;AAKA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAGA;;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}

package/dist/legacy/List/List.js

@@ -20,10 +20,10 @@ import "core-js/modules/es.symbol.js";
 import "core-js/modules/es.object.get-own-property-descriptor.js";
 import "core-js/modules/web.dom-collections.for-each.js";
 import "core-js/modules/es.object.get-own-property-descriptors.js";
-import React, { isValidElement, useEffect, memo } from "react";
+import React, { isValidElement, useEffect, useCallback, forwardRef } from "react";
 import PropTypes from "prop-types";
 import clsx from "clsx";
-import { FixedSizeList, areEqual } from "react-window";
+import { FixedSizeList } from "react-window";
 import { withStyles } from "@material-ui/core";
 import { DropRightXS } from "@hitachivantara/uikit-react-icons";
 import { parseList, wrapperTooltip } from "./utils";
@@ -238,7 +238,8 @@ var HvList = function HvList(props) {
       listRef.current.scrollToItem(selectedItemIndex);
     }
   }, [listRef, selectedItemIndex]);
-  var ListItem = /*#__PURE__*/memo(function (_ref) {
+
+  var ListItem = function ListItem(_ref) {
     var index = _ref.index,
         style = _ref.style;
     var item = filteredList[index];
@@ -254,15 +255,31 @@ var HvList = function HvList(props) {
       condensed: condensed,
       disableGutters: useSelector
     });
-  }, areEqual);
+  };
+
   process.env.NODE_ENV !== "production" ? ListItem.propTypes = {
-    index: PropTypes.number.isRequired,
     style: PropTypes.shape({
       top: PropTypes.number.isRequired,
       left: PropTypes.number.isRequired,
       width: PropTypes.number.isRequired
     }).isRequired
   } : void 0;
+  var renderFixedList = useCallback(function () {
+    return /*#__PURE__*/forwardRef(function (_ref2, ref) {
+      var rest = _extends({}, _ref2);
+
+      return /*#__PURE__*/React.createElement(HvListContainer, _extends({
+        id: id,
+        className: clsx(className, classes.root),
+        role: selectable ? "listbox" : "menu",
+        interactive: true,
+        condensed: condensed,
+        disableGutters: useSelector,
+        "aria-multiselectable": selectable && multiSelect || undefined,
+        ref: ref
+      }, rest));
+    });
+  }, [id, useSelector, className, classes, condensed, selectable, multiSelect]);
   return /*#__PURE__*/React.createElement(React.Fragment, null, multiSelect && useSelector && showSelectAll && renderSelectAll(), filteredList.length > 0 && !virtualized && /*#__PURE__*/React.createElement(HvListContainer, _extends({
     id: id,
     className: clsx(className, classes.root),
@@ -280,20 +297,7 @@ var HvList = function HvList(props) {
     width: "100%",
     itemCount: filteredList.length,
     itemSize: condensed ? 32 : 40,
-    innerElementType: /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
-      var rest = _extends({}, _ref2);
-
-      return /*#__PURE__*/React.createElement(HvListContainer, _extends({
-        id: id,
-        className: clsx(className, classes.root),
-        role: selectable ? "listbox" : "menu",
-        interactive: true,
-        condensed: condensed,
-        disableGutters: useSelector,
-        "aria-multiselectable": selectable && multiSelect || undefined,
-        ref: ref
-      }, rest));
-    })
+    innerElementType: renderFixedList
   }, others), ListItem));
 };