@hitachivantara/uikit-react-core 3.72.0 → 4.0.1-next.1

package/dist/List/List.js.map

@@ -1 +1 @@
-{"version":3,"file":"List.js","names":["DEFAULT_LABELS","selectAll","selectionConjunction","HvList","props","id","classes","className","multiSelect","hasTooltips","showSelectAll","labels","useSelector","selectable","singleSelectionToggle","condensed","onChange","onClick","values","valuesProp","height","virtualized","others","useSelectableList","list","setList","selection","listRef","React","useRef","useEffect","passedProps","parsedList","parseList","handleSelect","evt","item","path","preventDefault","disabled","handleSelectAll","anySelectableSelected","some","elem","selected","renderLeftIcon","isValidElement","icon","isSelected","isDisabled","renderSelectAll","anySelected","length","allSelected","selectionLabel","setId","selectAllSelector","renderItemText","ItemText","wrapperTooltip","label","a","link","renderMultiSelectItem","itemId","Selection","root","selectorRoot","container","selectorContainer","truncate","renderSingleSelectItem","renderListItem","i","otherProps","startAdornment","undefined","itemSelector","showNavIcon","box","filteredList","filter","it","isHidden","map","reduce","result","selectedItemIndex","findIndex","current","scrollToItem","ListItem","index","style","tabIndex","top","parseFloat","left","width","interactive","disableGutters","propTypes","PropTypes","shape","number","isRequired","renderFixedList","useMemo","forwardRef","ref","rest","clsx","virtualizedRoot","string","arrayOf","oneOfType","node","bool","func","params","instanceOf","Object","withStyles","styles","name"],"sources":["../../src/List/List.js"],"sourcesContent":["import React, { isValidElement, useEffect, forwardRef, useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { FixedSizeList } from \"react-window\";\n\nimport { withStyles } from \"@material-ui/core\";\nimport { DropRightXS } from \"@hitachivantara/uikit-react-icons\";\n\nimport { parseList, wrapperTooltip } from \"./utils\";\nimport useSelectableList from \"./useSelectableList\";\n\nimport { HvLink, HvCheckBox, HvListContainer, HvListItem, HvRadio, HvTypography, setId } from \"..\";\n\nimport styles from \"./styles\";\n\nconst DEFAULT_LABELS = {\n  selectAll: \"Select All\",\n  selectionConjunction: \"/\",\n};\n\n/**\n * Component used to show a set of related data to the user.\n */\nconst HvList = (props) => {\n  const {\n    id,\n    classes,\n    className,\n    multiSelect = false,\n    hasTooltips = false,\n    showSelectAll = false,\n    labels = DEFAULT_LABELS,\n    useSelector = false,\n    selectable = true,\n    singleSelectionToggle = true,\n    condensed = false,\n    onChange,\n    onClick,\n    values: valuesProp = [],\n    height,\n    virtualized = false,\n    ...others\n  } = props;\n  const [list, setList, selection] = useSelectableList(valuesProp);\n  const listRef = React.useRef(null);\n\n  useEffect(() => {\n    const passedProps = { multiSelect, selectable, singleSelectionToggle };\n    const parsedList = parseList(valuesProp, null, passedProps);\n    setList(parsedList);\n  }, [valuesProp, multiSelect, selectable, singleSelectionToggle, setList]);\n\n  const handleSelect = (evt, item) => {\n    if (!item.path) evt.preventDefault();\n    if (item.disabled) return;\n\n    const passedProps = { multiSelect, selectable, singleSelectionToggle };\n    const parsedList = parseList(list, item, passedProps);\n    setList(parsedList);\n\n    onClick?.(evt, item);\n    onChange?.(parsedList);\n  };\n\n  const handleSelectAll = () => {\n    const passedProps = { multiSelect, selectable, singleSelectionToggle };\n    const anySelectableSelected = list.some((elem) => elem.selected || elem.disabled);\n    const parsedList = parseList(list, null, passedProps, !anySelectableSelected);\n    setList(parsedList);\n\n    onChange?.(parsedList);\n  };\n\n  const renderLeftIcon = (item) =>\n    isValidElement(item.icon)\n      ? item.icon\n      : item.icon?.({\n          isSelected: item.selected,\n          isDisabled: item.disabled,\n        });\n\n  const renderSelectAll = () => {\n    const { selectAll, selectionConjunction } = labels;\n\n    const anySelected = !!selection?.length;\n    const allSelected = selection.length === list.length;\n\n    const selectionLabel = (\n      <HvTypography component=\"span\">\n        {!anySelected ? (\n          <>\n            <b>{selectAll}</b>\n            {` (${list.length})`}\n          </>\n        ) : (\n          <>\n            <b>{selection.length}</b>\n            {`\\xa0${selectionConjunction}\\xa0`}\n            {list.length}\n          </>\n        )}\n      </HvTypography>\n    );\n\n    return (\n      <HvCheckBox\n        id={setId(id, \"select-all\")}\n        label={selectionLabel}\n        onChange={handleSelectAll}\n        className={classes.selectAllSelector}\n        indeterminate={anySelected && !allSelected}\n        checked={allSelected}\n      />\n    );\n  };\n\n  const renderItemText = (item) => {\n    const ItemText = wrapperTooltip(hasTooltips, item.label, item.label);\n\n    return !multiSelect && item.path ? (\n      <HvLink key={item.label} route={item.path} classes={{ a: classes.link }}>\n        <ItemText />\n      </HvLink>\n    ) : (\n      <ItemText />\n    );\n  };\n\n  const renderMultiSelectItem = (item, itemId) => {\n    if (useSelector) {\n      const Selection = wrapperTooltip(\n        hasTooltips,\n        <HvCheckBox\n          id={setId(itemId, \"selector\")}\n          label={item.label}\n          checked={item.selected}\n          disabled={item.disabled}\n          onChange={(evt) => handleSelect(evt, item)}\n          classes={{\n            root: classes.selectorRoot,\n            container: classes.selectorContainer,\n            label: classes.truncate,\n          }}\n        />,\n        item.label\n      );\n      return <Selection />;\n    }\n\n    return renderItemText(item);\n  };\n\n  const renderSingleSelectItem = (item, itemId) => {\n    if (useSelector) {\n      const Selection = wrapperTooltip(\n        hasTooltips,\n        <HvRadio\n          id={setId(itemId, \"selector\")}\n          label={item.label}\n          checked={item.selected}\n          disabled={item.disabled}\n          classes={{\n            root: classes.selectorRoot,\n            container: classes.selectorContainer,\n            label: classes.truncate,\n          }}\n        />,\n        item.label\n      );\n      return <Selection />;\n    }\n    return renderItemText(item);\n  };\n\n  const renderListItem = (item, i, otherProps = {}) => {\n    const itemId = setId(id, \"item\", i);\n    const selected = item.selected || false;\n\n    let startAdornment = null;\n    if (!useSelector && item.icon) {\n      startAdornment = renderLeftIcon(item);\n    }\n\n    return (\n      <HvListItem\n        key={i}\n        id={itemId}\n        role={selectable ? \"option\" : \"menuitem\"}\n        disabled={item.disabled || undefined}\n        className={classes.item}\n        classes={{ selected: useSelector || multiSelect ? classes.itemSelector : \"\" }}\n        selected={multiSelect || selected ? selected : undefined}\n        onClick={(evt) => handleSelect(evt, item)}\n        startAdornment={startAdornment}\n        endAdornment={item.showNavIcon && <DropRightXS className={classes.box} iconSize=\"XS\" />}\n        {...otherProps}\n      >\n        {multiSelect ? renderMultiSelectItem(item, itemId) : renderSingleSelectItem(item, itemId)}\n      </HvListItem>\n    );\n  };\n\n  const filteredList = list.filter((it) => !it.isHidden);\n  const anySelected = list\n    .map((item) => item.selected && !item.disabled)\n    .reduce((result, selected) => result || selected, false);\n\n  const selectedItemIndex = list.findIndex((item) => item.selected);\n  useEffect(() => {\n    if (selectedItemIndex >= 0 && listRef.current !== null) {\n      listRef.current.scrollToItem(selectedItemIndex);\n    }\n  }, [listRef, selectedItemIndex]);\n\n  const ListItem = ({ index, style }) => {\n    const item = filteredList[index];\n    const tabIndex =\n      item.tabIndex || (!anySelected && index === 0) || (item.selected && !item.disabled) ? 0 : -1;\n\n    return renderListItem(item, index, {\n      style: {\n        ...style,\n        top: `${parseFloat(style.top) + 5}px`,\n        left: `${parseFloat(style.left) + 5}px`,\n        width: `calc(${parseFloat(style.width)}% - 10px)`,\n      },\n      tabIndex,\n      interactive: true,\n      condensed,\n      disableGutters: useSelector,\n    });\n  };\n\n  ListItem.propTypes = {\n    style: PropTypes.shape({\n      top: PropTypes.number.isRequired,\n      left: PropTypes.number.isRequired,\n      width: PropTypes.number.isRequired,\n    }).isRequired,\n  };\n\n  const renderFixedList = useMemo(() => {\n    return forwardRef(({ ...rest }, ref) => (\n      <HvListContainer\n        id={id}\n        className={clsx(className, classes.root)}\n        role={selectable ? \"listbox\" : \"menu\"}\n        interactive\n        condensed={condensed}\n        disableGutters={useSelector}\n        aria-multiselectable={(selectable && multiSelect) || undefined}\n        ref={ref}\n        {...rest}\n      />\n    ));\n  }, [id, useSelector, className, classes, condensed, selectable, multiSelect]);\n\n  return (\n    <>\n      {multiSelect && useSelector && showSelectAll && renderSelectAll()}\n\n      {filteredList.length > 0 && !virtualized && (\n        <HvListContainer\n          id={id}\n          className={clsx(className, classes.root)}\n          role={selectable ? \"listbox\" : \"menu\"}\n          interactive\n          condensed={condensed}\n          disableGutters={useSelector}\n          aria-multiselectable={(selectable && multiSelect) || undefined}\n          {...others}\n        >\n          {filteredList.map((item, i) => renderListItem(item, i))}\n        </HvListContainer>\n      )}\n      {filteredList.length > 0 && virtualized && (\n        <FixedSizeList\n          ref={listRef}\n          className={classes.virtualizedRoot}\n          height={height + 5}\n          width=\"100%\"\n          itemCount={filteredList.length}\n          itemSize={condensed ? 32 : 40}\n          innerElementType={renderFixedList}\n          {...others}\n        >\n          {ListItem}\n        </FixedSizeList>\n      )}\n    </>\n  );\n};\n\nHvList.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the component styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the component root class in virtualized form.\n     */\n    virtualizedRoot: PropTypes.string,\n    /**\n     * Styles applied to the list item selector.\n     */\n    selectorRoot: PropTypes.string,\n    /**\n     * Styles applied to the list item selector label container.\n     */\n    selectorContainer: PropTypes.string,\n    /**\n     * Style applied to the icon box.\n     */\n    box: PropTypes.string,\n    /**\n     * Styles applied when the list item text when truncate.\n     */\n    truncate: PropTypes.string,\n    /**\n     * Styles applied to the list item.\n     */\n    item: PropTypes.string,\n    /**\n     * Styles applied to the list item when it has a selector.\n     */\n    itemSelector: PropTypes.string,\n    /**\n     * Styles applied to the list item when it has a link path.\n     */\n    link: PropTypes.string,\n    /**\n     * Styles applied to the select all selector.\n     */\n    selectAllSelector: PropTypes.string,\n  }).isRequired,\n  /**\n   * The id of the root element\n   */\n  id: PropTypes.string,\n  /**\n   * A list containing the elements to be rendered.\n   *\n   * - id: The id of the item.\n   * - label: The label of the element to be rendered.\n   * - selected: The selection state of the element.\n   * - disabled: The disabled state of the element.\n   * - isHidden: Is item visible.\n   * - icon: The icon.\n   * - showNavIcon: If true renders the navigation icon on the right.\n   * - path: The path to navigate to.\n   */\n  // eslint-disable-next-line react/no-unused-prop-types\n  values: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n      label: PropTypes.node.isRequired,\n      selected: PropTypes.bool,\n      disabled: PropTypes.bool,\n      isHidden: PropTypes.bool,\n      icon: PropTypes.oneOfType([PropTypes.func, PropTypes.node]),\n      showNavIcon: PropTypes.bool,\n      path: PropTypes.string,\n      params: PropTypes.instanceOf(Object),\n    })\n  ).isRequired,\n  /**\n   * If true renders a multi select list.\n   */\n  multiSelect: PropTypes.bool,\n  /**\n   * If true renders select all option for multi selection lists with selectors.\n   * note: It will only be rendered if multiSelect and useSelector props are set to true.\n   */\n  showSelectAll: PropTypes.bool,\n  /**\n   * An object containing all the labels for the dropdown.\n   */\n  labels: PropTypes.shape({\n    /**\n     * The label used for the All checkbox action.\n     */\n    selectAll: PropTypes.string,\n    /**\n     * The label used in the middle of the multiselection count.\n     */\n    selectionConjunction: PropTypes.string,\n  }),\n  /**\n   * If true renders list items with radio or checkbox selectors.\n   */\n  useSelector: PropTypes.bool,\n  /**\n   * Call back fired when list item is selected. Returns selection state.\n   */\n  onChange: PropTypes.func,\n  /**\n   * Call back fired when list item is selected. Returns selected item.\n   */\n  onClick: PropTypes.func,\n  /**\n   * If `true` the list items will show the selection state.\n   */\n  selectable: PropTypes.bool,\n  /**\n   * If `true`, selection can be toggled when single selection.\n   */\n  singleSelectionToggle: PropTypes.bool,\n  /**\n   * If `true` the list will be rendered without vertical spacing.\n   */\n  condensed: PropTypes.bool,\n  /**\n   * If `true` the dropdown will show tooltips when user mouseenter text in list\n   */\n  hasTooltips: PropTypes.bool,\n  /**\n   * Experimental. Height of the dropdown, in case you want to control it from a prop. Styles can also be used through dropdownListContainer class. Required in case virtualized is used\n   */\n  height: PropTypes.number,\n  /**\n   * Experimental. Uses dropdown in a virtualized form, where not all options are rendered initially. Good for use cases with a lot of options.\n   */\n  virtualized: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvList\" })(HvList);\n"],"mappings":"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"}
+{"version":3,"file":"List.js","names":["DEFAULT_LABELS","selectAll","selectionConjunction","HvList","props","id","classes","className","multiSelect","hasTooltips","showSelectAll","labels","useSelector","selectable","singleSelectionToggle","condensed","onChange","onClick","values","valuesProp","height","virtualized","others","useSelectableList","list","setList","selection","listRef","React","useRef","useEffect","passedProps","parsedList","parseList","handleSelect","evt","item","path","preventDefault","disabled","handleSelectAll","anySelectableSelected","some","elem","selected","renderLeftIcon","isValidElement","icon","isSelected","isDisabled","renderSelectAll","anySelected","length","allSelected","selectionLabel","setId","selectAllSelector","renderItemText","ItemText","wrapperTooltip","label","a","link","renderMultiSelectItem","itemId","Selection","root","selectorRoot","container","selectorContainer","truncate","renderSingleSelectItem","renderListItem","i","otherProps","startAdornment","undefined","itemSelector","showNavIcon","box","filteredList","filter","it","isHidden","map","reduce","result","selectedItemIndex","findIndex","current","scrollToItem","ListItem","index","style","tabIndex","top","parseFloat","left","width","interactive","disableGutters","propTypes","PropTypes","shape","number","isRequired","renderFixedList","useMemo","forwardRef","ref","rest","clsx","virtualizedRoot","string","arrayOf","oneOfType","node","bool","func","params","instanceOf","Object","withStyles","styles","name"],"sources":["../../src/List/List.js"],"sourcesContent":["import React, { isValidElement, useEffect, forwardRef, useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { FixedSizeList } from \"react-window\";\n\nimport { withStyles } from \"@mui/styles\";\nimport { DropRightXS } from \"@hitachivantara/uikit-react-icons\";\n\nimport { parseList, wrapperTooltip } from \"./utils\";\nimport useSelectableList from \"./useSelectableList\";\nimport { HvLink, HvCheckBox, HvListContainer, HvListItem, HvRadio, HvTypography, setId } from \"..\";\nimport styles from \"./styles\";\n\nconst DEFAULT_LABELS = {\n  selectAll: \"Select All\",\n  selectionConjunction: \"/\",\n};\n\n/**\n * Component used to show a set of related data to the user.\n */\nconst HvList = (props) => {\n  const {\n    id,\n    classes,\n    className,\n    multiSelect = false,\n    hasTooltips = false,\n    showSelectAll = false,\n    labels = DEFAULT_LABELS,\n    useSelector = false,\n    selectable = true,\n    singleSelectionToggle = true,\n    condensed = false,\n    onChange,\n    onClick,\n    values: valuesProp = [],\n    height,\n    virtualized = false,\n    ...others\n  } = props;\n  const [list, setList, selection] = useSelectableList(valuesProp);\n  const listRef = React.useRef(null);\n\n  useEffect(() => {\n    const passedProps = { multiSelect, selectable, singleSelectionToggle };\n    const parsedList = parseList(valuesProp, null, passedProps);\n    setList(parsedList);\n  }, [valuesProp, multiSelect, selectable, singleSelectionToggle, setList]);\n\n  const handleSelect = (evt, item) => {\n    if (!item.path) evt.preventDefault();\n    if (item.disabled) return;\n\n    const passedProps = { multiSelect, selectable, singleSelectionToggle };\n    const parsedList = parseList(list, item, passedProps);\n    setList(parsedList);\n\n    onClick?.(evt, item);\n    onChange?.(parsedList);\n  };\n\n  const handleSelectAll = () => {\n    const passedProps = { multiSelect, selectable, singleSelectionToggle };\n    const anySelectableSelected = list.some((elem) => elem.selected || elem.disabled);\n    const parsedList = parseList(list, null, passedProps, !anySelectableSelected);\n    setList(parsedList);\n\n    onChange?.(parsedList);\n  };\n\n  const renderLeftIcon = (item) =>\n    isValidElement(item.icon)\n      ? item.icon\n      : item.icon?.({\n          isSelected: item.selected,\n          isDisabled: item.disabled,\n        });\n\n  const renderSelectAll = () => {\n    const { selectAll, selectionConjunction } = labels;\n\n    const anySelected = !!selection?.length;\n    const allSelected = selection.length === list.length;\n\n    const selectionLabel = (\n      <HvTypography component=\"span\">\n        {!anySelected ? (\n          <>\n            <b>{selectAll}</b>\n            {` (${list.length})`}\n          </>\n        ) : (\n          <>\n            <b>{selection.length}</b>\n            {`\\xa0${selectionConjunction}\\xa0`}\n            {list.length}\n          </>\n        )}\n      </HvTypography>\n    );\n\n    return (\n      <HvCheckBox\n        id={setId(id, \"select-all\")}\n        label={selectionLabel}\n        onChange={handleSelectAll}\n        className={classes.selectAllSelector}\n        indeterminate={anySelected && !allSelected}\n        checked={allSelected}\n      />\n    );\n  };\n\n  const renderItemText = (item) => {\n    const ItemText = wrapperTooltip(hasTooltips, item.label, item.label);\n\n    return !multiSelect && item.path ? (\n      <HvLink key={item.label} route={item.path} classes={{ a: classes.link }}>\n        <ItemText />\n      </HvLink>\n    ) : (\n      <ItemText />\n    );\n  };\n\n  const renderMultiSelectItem = (item, itemId) => {\n    if (useSelector) {\n      const Selection = wrapperTooltip(\n        hasTooltips,\n        <HvCheckBox\n          id={setId(itemId, \"selector\")}\n          label={item.label}\n          checked={item.selected}\n          disabled={item.disabled}\n          onChange={(evt) => handleSelect(evt, item)}\n          classes={{\n            root: classes.selectorRoot,\n            container: classes.selectorContainer,\n            label: classes.truncate,\n          }}\n        />,\n        item.label\n      );\n      return <Selection />;\n    }\n\n    return renderItemText(item);\n  };\n\n  const renderSingleSelectItem = (item, itemId) => {\n    if (useSelector) {\n      const Selection = wrapperTooltip(\n        hasTooltips,\n        <HvRadio\n          id={setId(itemId, \"selector\")}\n          label={item.label}\n          checked={item.selected}\n          disabled={item.disabled}\n          classes={{\n            root: classes.selectorRoot,\n            container: classes.selectorContainer,\n            label: classes.truncate,\n          }}\n        />,\n        item.label\n      );\n      return <Selection />;\n    }\n    return renderItemText(item);\n  };\n\n  const renderListItem = (item, i, otherProps = {}) => {\n    const itemId = setId(id, \"item\", i);\n    const selected = item.selected || false;\n\n    let startAdornment = null;\n    if (!useSelector && item.icon) {\n      startAdornment = renderLeftIcon(item);\n    }\n\n    return (\n      <HvListItem\n        key={i}\n        id={itemId}\n        role={selectable ? \"option\" : \"menuitem\"}\n        disabled={item.disabled || undefined}\n        className={classes.item}\n        classes={{ selected: useSelector || multiSelect ? classes.itemSelector : \"\" }}\n        selected={multiSelect || selected ? selected : undefined}\n        onClick={(evt) => handleSelect(evt, item)}\n        startAdornment={startAdornment}\n        endAdornment={item.showNavIcon && <DropRightXS className={classes.box} iconSize=\"XS\" />}\n        {...otherProps}\n      >\n        {multiSelect ? renderMultiSelectItem(item, itemId) : renderSingleSelectItem(item, itemId)}\n      </HvListItem>\n    );\n  };\n\n  const filteredList = list.filter((it) => !it.isHidden);\n  const anySelected = list\n    .map((item) => item.selected && !item.disabled)\n    .reduce((result, selected) => result || selected, false);\n\n  const selectedItemIndex = list.findIndex((item) => item.selected);\n  useEffect(() => {\n    if (selectedItemIndex >= 0 && listRef.current !== null) {\n      listRef.current.scrollToItem(selectedItemIndex);\n    }\n  }, [listRef, selectedItemIndex]);\n\n  const ListItem = ({ index, style }) => {\n    const item = filteredList[index];\n    const tabIndex =\n      item.tabIndex || (!anySelected && index === 0) || (item.selected && !item.disabled) ? 0 : -1;\n\n    return renderListItem(item, index, {\n      style: {\n        ...style,\n        top: `${parseFloat(style.top) + 5}px`,\n        left: `${parseFloat(style.left) + 5}px`,\n        width: `calc(${parseFloat(style.width)}% - 10px)`,\n      },\n      tabIndex,\n      interactive: true,\n      condensed,\n      disableGutters: useSelector,\n    });\n  };\n\n  ListItem.propTypes = {\n    style: PropTypes.shape({\n      top: PropTypes.number.isRequired,\n      left: PropTypes.number.isRequired,\n      width: PropTypes.number.isRequired,\n    }).isRequired,\n  };\n\n  const renderFixedList = useMemo(() => {\n    return forwardRef(({ ...rest }, ref) => (\n      <HvListContainer\n        id={id}\n        className={clsx(className, classes.root)}\n        role={selectable ? \"listbox\" : \"menu\"}\n        interactive\n        condensed={condensed}\n        disableGutters={useSelector}\n        aria-multiselectable={(selectable && multiSelect) || undefined}\n        ref={ref}\n        {...rest}\n      />\n    ));\n  }, [id, useSelector, className, classes, condensed, selectable, multiSelect]);\n\n  return (\n    <>\n      {multiSelect && useSelector && showSelectAll && renderSelectAll()}\n\n      {filteredList.length > 0 && !virtualized && (\n        <HvListContainer\n          id={id}\n          className={clsx(className, classes.root)}\n          role={selectable ? \"listbox\" : \"menu\"}\n          interactive\n          condensed={condensed}\n          disableGutters={useSelector}\n          aria-multiselectable={(selectable && multiSelect) || undefined}\n          {...others}\n        >\n          {filteredList.map((item, i) => renderListItem(item, i))}\n        </HvListContainer>\n      )}\n      {filteredList.length > 0 && virtualized && (\n        <FixedSizeList\n          ref={listRef}\n          className={classes.virtualizedRoot}\n          height={height + 5}\n          width=\"100%\"\n          itemCount={filteredList.length}\n          itemSize={condensed ? 32 : 40}\n          innerElementType={renderFixedList}\n          {...others}\n        >\n          {ListItem}\n        </FixedSizeList>\n      )}\n    </>\n  );\n};\n\nHvList.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the component styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the component root class in virtualized form.\n     */\n    virtualizedRoot: PropTypes.string,\n    /**\n     * Styles applied to the list item selector.\n     */\n    selectorRoot: PropTypes.string,\n    /**\n     * Styles applied to the list item selector label container.\n     */\n    selectorContainer: PropTypes.string,\n    /**\n     * Style applied to the icon box.\n     */\n    box: PropTypes.string,\n    /**\n     * Styles applied when the list item text when truncate.\n     */\n    truncate: PropTypes.string,\n    /**\n     * Styles applied to the list item.\n     */\n    item: PropTypes.string,\n    /**\n     * Styles applied to the list item when it has a selector.\n     */\n    itemSelector: PropTypes.string,\n    /**\n     * Styles applied to the list item when it has a link path.\n     */\n    link: PropTypes.string,\n    /**\n     * Styles applied to the select all selector.\n     */\n    selectAllSelector: PropTypes.string,\n  }).isRequired,\n  /**\n   * The id of the root element\n   */\n  id: PropTypes.string,\n  /**\n   * A list containing the elements to be rendered.\n   *\n   * - id: The id of the item.\n   * - label: The label of the element to be rendered.\n   * - selected: The selection state of the element.\n   * - disabled: The disabled state of the element.\n   * - isHidden: Is item visible.\n   * - icon: The icon.\n   * - showNavIcon: If true renders the navigation icon on the right.\n   * - path: The path to navigate to.\n   */\n  // eslint-disable-next-line react/no-unused-prop-types\n  values: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n      label: PropTypes.node.isRequired,\n      selected: PropTypes.bool,\n      disabled: PropTypes.bool,\n      isHidden: PropTypes.bool,\n      icon: PropTypes.oneOfType([PropTypes.func, PropTypes.node]),\n      showNavIcon: PropTypes.bool,\n      path: PropTypes.string,\n      params: PropTypes.instanceOf(Object),\n    })\n  ).isRequired,\n  /**\n   * If true renders a multi select list.\n   */\n  multiSelect: PropTypes.bool,\n  /**\n   * If true renders select all option for multi selection lists with selectors.\n   * note: It will only be rendered if multiSelect and useSelector props are set to true.\n   */\n  showSelectAll: PropTypes.bool,\n  /**\n   * An object containing all the labels for the dropdown.\n   */\n  labels: PropTypes.shape({\n    /**\n     * The label used for the All checkbox action.\n     */\n    selectAll: PropTypes.string,\n    /**\n     * The label used in the middle of the multiselection count.\n     */\n    selectionConjunction: PropTypes.string,\n  }),\n  /**\n   * If true renders list items with radio or checkbox selectors.\n   */\n  useSelector: PropTypes.bool,\n  /**\n   * Call back fired when list item is selected. Returns selection state.\n   */\n  onChange: PropTypes.func,\n  /**\n   * Call back fired when list item is selected. Returns selected item.\n   */\n  onClick: PropTypes.func,\n  /**\n   * If `true` the list items will show the selection state.\n   */\n  selectable: PropTypes.bool,\n  /**\n   * If `true`, selection can be toggled when single selection.\n   */\n  singleSelectionToggle: PropTypes.bool,\n  /**\n   * If `true` the list will be rendered without vertical spacing.\n   */\n  condensed: PropTypes.bool,\n  /**\n   * If `true` the dropdown will show tooltips when user mouseenter text in list\n   */\n  hasTooltips: PropTypes.bool,\n  /**\n   * Experimental. Height of the dropdown, in case you want to control it from a prop. Styles can also be used through dropdownListContainer class. Required in case virtualized is used\n   */\n  height: PropTypes.number,\n  /**\n   * Experimental. Uses dropdown in a virtualized form, where not all options are rendered initially. Good for use cases with a lot of options.\n   */\n  virtualized: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvList\" })(HvList);\n"],"mappings":"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"}

package/dist/ListContainer/ListContainer.d.ts

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

package/dist/ListContainer/ListContainer.js

@@ -1,5 +1,17 @@
 "use strict";
 
+require("core-js/modules/es.object.keys.js");
+
+require("core-js/modules/es.symbol.js");
+
+require("core-js/modules/es.array.filter.js");
+
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+require("core-js/modules/web.dom-collections.for-each.js");
+
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+
 require("core-js/modules/es.array.iterator.js");
 
 require("core-js/modules/es.string.iterator.js");
@@ -8,8 +20,6 @@ require("core-js/modules/es.weak-map.js");
 
 require("core-js/modules/web.dom-collections.iterator.js");
 
-require("core-js/modules/es.object.get-own-property-descriptor.js");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 var _typeof = require("@babel/runtime/helpers/typeof");
@@ -25,7 +35,7 @@ require("core-js/modules/es.array.map.js");
 
 require("core-js/modules/es.promise.js");
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
@@ -35,20 +45,26 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _core = require("@material-ui/core");
+var _styles = require("@mui/styles");
 
 var _useForkRef = _interopRequireDefault(require("../utils/useForkRef"));
 
-var _styles = _interopRequireDefault(require("./styles"));
+var _styles2 = _interopRequireDefault(require("./styles"));
 
 var _ListContext = _interopRequireDefault(require("./ListContext"));
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var _excluded = ["id", "className", "classes", "interactive", "condensed", "disableGutters", "children"];
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
 /**
  * A <b>list</b> is any enumeration of a set of items.
  * The simple list is for continuous <b>vertical indexes of text or icons+text</b>. The content of these lists must be simple: ideally simples fields.
@@ -101,13 +117,16 @@ var HvListContainer = /*#__PURE__*/_react.default.forwardRef(function (props, ex
   };
 
   var handleRef = (0, _useForkRef.default)(externalRef, containerRef);
-  return /*#__PURE__*/_react.default.createElement(_ListContext.default.Provider, {
-    value: listContext
-  }, /*#__PURE__*/_react.default.createElement("ul", (0, _extends2.default)({
-    ref: handleRef,
-    id: id,
-    className: (0, _clsx.default)(className, classes.root)
-  }, others), renderChildren()));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ListContext.default.Provider, {
+    value: listContext,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("ul", _objectSpread(_objectSpread({
+      ref: handleRef,
+      id: id,
+      className: (0, _clsx.default)(className, classes.root)
+    }, others), {}, {
+      children: renderChildren()
+    }))
+  });
 });
 
 process.env.NODE_ENV !== "production" ? HvListContainer.propTypes = {
@@ -153,7 +172,7 @@ process.env.NODE_ENV !== "production" ? HvListContainer.propTypes = {
   children: _propTypes.default.node
 } : void 0;
 
-var _default = (0, _core.withStyles)(_styles.default, {
+var _default = (0, _styles.withStyles)(_styles2.default, {
   name: "HvListContainer"
 })(HvListContainer);
 

package/dist/ListContainer/ListContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListContainer.js","names":["HvListContainer","React","forwardRef","props","externalRef","id","className","classes","interactive","condensed","disableGutters","children","others","containerRef","useRef","useContext","HvListContext","topContainerRef","nesting","listContext","useMemo","renderChildren","anySelected","Children","toArray","map","child","selected","disabled","reduce","result","i","tabIndex","cloneElement","handleRef","useForkRef","clsx","root","propTypes","PropTypes","string","shape","isRequired","bool","node","withStyles","styles","name"],"sources":["../../src/ListContainer/ListContainer.js"],"sourcesContent":["import React, { useRef, useContext, useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport clsx from \"clsx\";\n\nimport { withStyles } from \"@material-ui/core\";\nimport useForkRef from \"../utils/useForkRef\";\n\nimport styles from \"./styles\";\n\nimport HvListContext from \"./ListContext\";\n\n/**\n * A <b>list</b> is any enumeration of a set of items.\n * The simple list is for continuous <b>vertical indexes of text or icons+text</b>. The content of these lists must be simple: ideally simples fields.\n * This pattern is ideal for <b>selections</b>. It should be used inside a HvPanel.\n */\nconst HvListContainer = React.forwardRef((props, externalRef) => {\n  const {\n    id,\n    className,\n    classes,\n    interactive = false,\n    condensed,\n    disableGutters,\n    children,\n    ...others\n  } = props;\n\n  const containerRef = useRef(null);\n\n  const { topContainerRef, nesting = -1 } = useContext(HvListContext);\n\n  const listContext = useMemo(\n    () => ({\n      topContainerRef: topContainerRef || containerRef,\n      condensed,\n      disableGutters,\n      interactive,\n      nesting: nesting + 1,\n    }),\n    [condensed, disableGutters, interactive, nesting, topContainerRef]\n  );\n\n  const renderChildren = () => {\n    if (!interactive) {\n      return children;\n    }\n\n    const anySelected = React.Children.toArray(children)\n      .map((child) => child.props.selected && !child.props.disabled)\n      .reduce((result, selected) => result || selected, false);\n\n    return React.Children.map(children, (child, i) => {\n      const tabIndex =\n        child.props.tabIndex ||\n        (!anySelected && i === 0) ||\n        (child.props.selected && !child.props.disabled)\n          ? 0\n          : -1;\n\n      return React.cloneElement(child, {\n        tabIndex,\n      });\n    });\n  };\n\n  const handleRef = useForkRef(externalRef, containerRef);\n\n  return (\n    <HvListContext.Provider value={listContext}>\n      <ul ref={handleRef} id={id} className={clsx(className, classes.root)} {...others}>\n        {renderChildren()}\n      </ul>\n    </HvListContext.Provider>\n  );\n});\n\nHvListContainer.propTypes = {\n  /**\n   * The id of the root element\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 component styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n  }).isRequired,\n  /**\n   * If the list items should be focusable and react to mouse over events.\n   * Defaults to true if the list is selectable, false otherwise.\n   */\n  interactive: PropTypes.bool,\n  /**\n   * If `true` compact the vertical spacing between list items.\n   */\n  condensed: PropTypes.bool,\n  /**\n   * If `true`, the list items' left and right padding is removed.\n   */\n  disableGutters: PropTypes.bool,\n  /**\n   * The list items.\n   */\n  children: PropTypes.node,\n};\n\nexport default withStyles(styles, { name: \"HvListContainer\" })(HvListContainer);\n"],"mappings":"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"}
+{"version":3,"file":"ListContainer.js","names":["HvListContainer","React","forwardRef","props","externalRef","id","className","classes","interactive","condensed","disableGutters","children","others","containerRef","useRef","useContext","HvListContext","topContainerRef","nesting","listContext","useMemo","renderChildren","anySelected","Children","toArray","map","child","selected","disabled","reduce","result","i","tabIndex","cloneElement","handleRef","useForkRef","clsx","root","propTypes","PropTypes","string","shape","isRequired","bool","node","withStyles","styles","name"],"sources":["../../src/ListContainer/ListContainer.js"],"sourcesContent":["import React, { useRef, useContext, useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport clsx from \"clsx\";\n\nimport { withStyles } from \"@mui/styles\";\nimport useForkRef from \"../utils/useForkRef\";\n\nimport styles from \"./styles\";\n\nimport HvListContext from \"./ListContext\";\n\n/**\n * A <b>list</b> is any enumeration of a set of items.\n * The simple list is for continuous <b>vertical indexes of text or icons+text</b>. The content of these lists must be simple: ideally simples fields.\n * This pattern is ideal for <b>selections</b>. It should be used inside a HvPanel.\n */\nconst HvListContainer = React.forwardRef((props, externalRef) => {\n  const {\n    id,\n    className,\n    classes,\n    interactive = false,\n    condensed,\n    disableGutters,\n    children,\n    ...others\n  } = props;\n\n  const containerRef = useRef(null);\n\n  const { topContainerRef, nesting = -1 } = useContext(HvListContext);\n\n  const listContext = useMemo(\n    () => ({\n      topContainerRef: topContainerRef || containerRef,\n      condensed,\n      disableGutters,\n      interactive,\n      nesting: nesting + 1,\n    }),\n    [condensed, disableGutters, interactive, nesting, topContainerRef]\n  );\n\n  const renderChildren = () => {\n    if (!interactive) {\n      return children;\n    }\n\n    const anySelected = React.Children.toArray(children)\n      .map((child) => child.props.selected && !child.props.disabled)\n      .reduce((result, selected) => result || selected, false);\n\n    return React.Children.map(children, (child, i) => {\n      const tabIndex =\n        child.props.tabIndex ||\n        (!anySelected && i === 0) ||\n        (child.props.selected && !child.props.disabled)\n          ? 0\n          : -1;\n\n      return React.cloneElement(child, {\n        tabIndex,\n      });\n    });\n  };\n\n  const handleRef = useForkRef(externalRef, containerRef);\n\n  return (\n    <HvListContext.Provider value={listContext}>\n      <ul ref={handleRef} id={id} className={clsx(className, classes.root)} {...others}>\n        {renderChildren()}\n      </ul>\n    </HvListContext.Provider>\n  );\n});\n\nHvListContainer.propTypes = {\n  /**\n   * The id of the root element\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 component styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n  }).isRequired,\n  /**\n   * If the list items should be focusable and react to mouse over events.\n   * Defaults to true if the list is selectable, false otherwise.\n   */\n  interactive: PropTypes.bool,\n  /**\n   * If `true` compact the vertical spacing between list items.\n   */\n  condensed: PropTypes.bool,\n  /**\n   * If `true`, the list items' left and right padding is removed.\n   */\n  disableGutters: PropTypes.bool,\n  /**\n   * The list items.\n   */\n  children: PropTypes.node,\n};\n\nexport default withStyles(styles, { name: \"HvListContainer\" })(HvListContainer);\n"],"mappings":"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"}

package/dist/ListContainer/ListItem/ListItem.d.ts

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

package/dist/ListContainer/ListItem/ListItem.js

@@ -1,17 +1,27 @@
 "use strict";
 
-require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/es.object.keys.js");
+
+require("core-js/modules/es.symbol.js");
+
+require("core-js/modules/es.array.filter.js");
 
 require("core-js/modules/es.object.to-string.js");
 
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+require("core-js/modules/web.dom-collections.for-each.js");
+
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+
+require("core-js/modules/es.array.iterator.js");
+
 require("core-js/modules/es.string.iterator.js");
 
 require("core-js/modules/es.weak-map.js");
 
 require("core-js/modules/web.dom-collections.iterator.js");
 
-require("core-js/modules/es.object.get-own-property-descriptor.js");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 var _typeof = require("@babel/runtime/helpers/typeof");
@@ -21,7 +31,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
@@ -31,20 +41,26 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _core = require("@material-ui/core");
+var _styles = require("@mui/styles");
 
-var _styles = _interopRequireDefault(require("./styles"));
+var _styles2 = _interopRequireDefault(require("./styles"));
 
 var _Focus = _interopRequireDefault(require("../../Focus"));
 
 var _ListContext = _interopRequireDefault(require("../ListContext"));
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var _excluded = ["id", "className", "classes", "role", "selected", "disabled", "interactive", "condensed", "disableGutters", "startAdornment", "endAdornment", "onClick", "children", "tabIndex"];
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
 var applyClassNameAndStateToElement = function applyClassNameAndStateToElement(element, selected, disabled, onClick, className) {
   if (element != null) {
     var _element$props;
@@ -119,16 +135,16 @@ var HvListItem = function HvListItem(props) {
     "aria-disabled": disabled || undefined,
     "aria-selected": selected
   } : {};
-
-  var listItem = /*#__PURE__*/_react.default.createElement("li", (0, _extends2.default)({
+  var listItem = /*#__PURE__*/(0, _jsxRuntime.jsxs)("li", _objectSpread(_objectSpread(_objectSpread({
     id: id,
     role: role,
     onClick: handleOnClick,
     onKeyDown: function onKeyDown() {},
     className: (0, _clsx.default)(className, classes.root, !disableGutters && classes.gutters, condensed && classes.condensed, interactive && classes.interactive, selected && classes.selected, disabled && classes.disabled, startAdornment != null && classes.withStartAdornment, endAdornment != null && classes.withEndAdornment)
-  }, roleOptionAriaProps, others), clonedStartAdornment, children, clonedEndAdornment);
-
-  return interactive ? /*#__PURE__*/_react.default.createElement(_Focus.default, {
+  }, roleOptionAriaProps), others), {}, {
+    children: [clonedStartAdornment, children, clonedEndAdornment]
+  }));
+  return interactive ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Focus.default, {
     rootRef: topContainerRef,
     selected: selected,
     disabledClass: disabled || undefined,
@@ -138,8 +154,9 @@ var HvListItem = function HvListItem(props) {
     },
     configuration: {
       tabIndex: tabIndex
-    }
-  }, listItem) : listItem;
+    },
+    children: listItem
+  }) : listItem;
 };
 
 process.env.NODE_ENV !== "production" ? HvListItem.propTypes = {
@@ -279,7 +296,7 @@ process.env.NODE_ENV !== "production" ? HvListItem.propTypes = {
   tabIndex: _propTypes.default.number
 } : void 0;
 
-var _default = (0, _core.withStyles)(_styles.default, {
+var _default = (0, _styles.withStyles)(_styles2.default, {
   name: "HvListItem"
 })(HvListItem);
 

package/dist/ListContainer/ListItem/ListItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListItem.js","names":["applyClassNameAndStateToElement","element","selected","disabled","onClick","className","React","cloneElement","clsx","props","checked","onChange","evt","applyClassNameToElement","HvListItem","id","classes","role","interactiveProp","interactive","condensedProp","condensed","disableGuttersProp","disableGutters","startAdornment","endAdornment","children","tabIndex","others","useContext","HvListContext","topContainerRef","condensedContext","disableGuttersContext","interactiveContext","handleOnClick","useCallback","clonedStartAdornment","useMemo","clonedEndAdornment","roleOptionAriaProps","undefined","listItem","root","gutters","withStartAdornment","withEndAdornment","focus","propTypes","PropTypes","string","shape","isRequired","bool","node","func","number","withStyles","styles","name"],"sources":["../../../src/ListContainer/ListItem/ListItem.js"],"sourcesContent":["/* eslint-disable jsx-a11y/no-noninteractive-element-interactions */\nimport React, { useCallback, useContext, useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport clsx from \"clsx\";\n\nimport { withStyles } from \"@material-ui/core\";\nimport styles from \"./styles\";\n\nimport Focus from \"../../Focus\";\n\nimport HvListContext from \"../ListContext\";\n\nconst applyClassNameAndStateToElement = (element, selected, disabled, onClick, className) => {\n  if (element != null) {\n    return React.cloneElement(element, {\n      className: clsx(className, element?.props?.className),\n      checked: !!selected,\n      disabled,\n      onChange: (evt) => onClick?.(evt),\n    });\n  }\n\n  return null;\n};\n\nconst applyClassNameToElement = (element, className) => {\n  if (element != null) {\n    return React.cloneElement(element, {\n      className: clsx(className, element?.props?.className),\n    });\n  }\n\n  return null;\n};\n\n/**\n * ListItem description/documentation paragraph\n */\nconst HvListItem = (props) => {\n  const {\n    id,\n\n    className,\n    classes,\n\n    role,\n    selected,\n    disabled,\n\n    interactive: interactiveProp,\n    condensed: condensedProp,\n    disableGutters: disableGuttersProp,\n\n    startAdornment,\n    endAdornment,\n\n    onClick,\n\n    children,\n\n    tabIndex,\n\n    ...others\n  } = props;\n\n  const {\n    topContainerRef,\n    condensed: condensedContext,\n    disableGutters: disableGuttersContext,\n    interactive: interactiveContext,\n  } = useContext(HvListContext);\n\n  const condensed = condensedProp != null ? condensedProp : condensedContext;\n  const disableGutters = disableGuttersProp != null ? disableGuttersProp : disableGuttersContext;\n  const interactive = interactiveProp != null ? interactiveProp : interactiveContext;\n\n  const handleOnClick = useCallback(\n    (evt) => {\n      if (!disabled) {\n        onClick?.(evt);\n      }\n    },\n    [disabled, onClick]\n  );\n\n  const clonedStartAdornment = useMemo(\n    () =>\n      applyClassNameAndStateToElement(\n        startAdornment,\n        selected,\n        disabled,\n        handleOnClick,\n        classes.startAdornment\n      ),\n    [classes.startAdornment, disabled, handleOnClick, selected, startAdornment]\n  );\n  const clonedEndAdornment = useMemo(\n    () => applyClassNameToElement(endAdornment, classes.endAdornment),\n    [classes.endAdornment, endAdornment]\n  );\n\n  const roleOptionAriaProps =\n    role === \"option\" || role === \"menuitem\"\n      ? {\n          \"aria-disabled\": disabled || undefined,\n          \"aria-selected\": selected,\n        }\n      : {};\n\n  const listItem = (\n    <li\n      id={id}\n      role={role}\n      onClick={handleOnClick}\n      onKeyDown={() => {}}\n      className={clsx(className, classes.root, {\n        [classes.gutters]: !disableGutters,\n        [classes.condensed]: condensed,\n        [classes.interactive]: interactive,\n        [classes.selected]: selected,\n        [classes.disabled]: disabled,\n        [classes.withStartAdornment]: startAdornment != null,\n        [classes.withEndAdornment]: endAdornment != null,\n      })}\n      {...roleOptionAriaProps}\n      {...others}\n    >\n      {clonedStartAdornment}\n      {children}\n      {clonedEndAdornment}\n    </li>\n  );\n\n  return interactive ? (\n    <Focus\n      rootRef={topContainerRef}\n      selected={selected}\n      disabledClass={disabled || undefined}\n      strategy={role === \"option\" ? \"listbox\" : \"menu\"}\n      classes={{ focus: classes.focus }}\n      configuration={{\n        tabIndex,\n      }}\n    >\n      {listItem}\n    </Focus>\n  ) : (\n    listItem\n  );\n};\n\nHvListItem.propTypes = {\n  /**\n   * The id of the root element\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.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n    gutters: PropTypes.string,\n\n    /**\n     * Styles applied to the list item when it's focusable and reacts to mouse over events.\n     */\n    interactive: PropTypes.string,\n\n    /**\n     * Styles applied to the selected list item.\n     */\n    selected: PropTypes.string,\n    /**\n     * Styles applied to the list item when disabled.\n     */\n    disabled: PropTypes.string,\n\n    /**\n     * Styles applied to the list item when condensed.\n     */\n    condensed: PropTypes.string,\n\n    /**\n     * @ignore\n     */\n    withStartAdornment: PropTypes.string,\n    /**\n     * @ignore\n     */\n    withEndAdornment: PropTypes.string,\n\n    /**\n     * Styles applied to the start adornment.\n     */\n    startAdornment: PropTypes.string,\n    /**\n     * Styles applied to the end adornment.\n     */\n    endAdornment: PropTypes.string,\n\n    /**\n     * Styles applied when the item is focused.\n     */\n    focus: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * Overrides the implicit list item role.\n   * It defaults to \"option\" if unspecified and the container list role is \"listbox\".\n   */\n  role: PropTypes.string,\n  /**\n   * Indicates if the list item is selected.\n   */\n  selected: PropTypes.bool,\n  /**\n   * If true, the list item will be disabled.\n   */\n  disabled: PropTypes.bool,\n\n  /**\n   * If the list item is focusable and reacts to mouse over events.\n   * Defaults to true if the container list is interactive, false otherwise.\n   */\n  interactive: PropTypes.bool,\n  /**\n   * If `true` compacts the vertical spacing intended to separate the list items.\n   * Defaults to the value set in container list.\n   */\n  condensed: PropTypes.bool,\n  /**\n   * If `true`, the left and right padding is removed.\n   * Defaults to the value set in container list.\n   */\n  disableGutters: PropTypes.bool,\n\n  /**\n   * Element placed before the children.\n   * Also removes the left padding (gutter).\n   *\n   * Some modifications are applied, assuming that it is either an icon (changing the color when the item is disabled)\n   * or a selector (preventing the double focus ring, propagating the checked and disabled states and wiring the onChange event).\n   * If unwanted, the element should be placed directly as a child.\n   */\n  startAdornment: PropTypes.node,\n  /**\n   * Element placed after the children and aligned next to the margin.\n   * Also removes the right padding (gutter).\n   *\n   * Some modifications are applied, assuming that it is an icon (changing the color when the item is disabled).\n   * If unwanted, the element should be placed directly as a child.\n   */\n  endAdornment: PropTypes.node,\n\n  /**\n   * The function executed when the item is pressed.\n   * @param event React.MouseEvent<HTMLElement>\n   */\n  onClick: PropTypes.func,\n\n  /**\n   * The list item content.\n   */\n  children: PropTypes.node,\n\n  /**\n   * @ignore\n   */\n  tabIndex: PropTypes.number,\n};\n\nexport default withStyles(styles, { name: \"HvListItem\" })(HvListItem);\n"],"mappings":"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"}
+{"version":3,"file":"ListItem.js","names":["applyClassNameAndStateToElement","element","selected","disabled","onClick","className","React","cloneElement","clsx","props","checked","onChange","evt","applyClassNameToElement","HvListItem","id","classes","role","interactiveProp","interactive","condensedProp","condensed","disableGuttersProp","disableGutters","startAdornment","endAdornment","children","tabIndex","others","useContext","HvListContext","topContainerRef","condensedContext","disableGuttersContext","interactiveContext","handleOnClick","useCallback","clonedStartAdornment","useMemo","clonedEndAdornment","roleOptionAriaProps","undefined","listItem","root","gutters","withStartAdornment","withEndAdornment","focus","propTypes","PropTypes","string","shape","isRequired","bool","node","func","number","withStyles","styles","name"],"sources":["../../../src/ListContainer/ListItem/ListItem.js"],"sourcesContent":["/* eslint-disable jsx-a11y/no-noninteractive-element-interactions */\nimport React, { useCallback, useContext, useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport clsx from \"clsx\";\n\nimport { withStyles } from \"@mui/styles\";\nimport styles from \"./styles\";\n\nimport Focus from \"../../Focus\";\n\nimport HvListContext from \"../ListContext\";\n\nconst applyClassNameAndStateToElement = (element, selected, disabled, onClick, className) => {\n  if (element != null) {\n    return React.cloneElement(element, {\n      className: clsx(className, element?.props?.className),\n      checked: !!selected,\n      disabled,\n      onChange: (evt) => onClick?.(evt),\n    });\n  }\n\n  return null;\n};\n\nconst applyClassNameToElement = (element, className) => {\n  if (element != null) {\n    return React.cloneElement(element, {\n      className: clsx(className, element?.props?.className),\n    });\n  }\n\n  return null;\n};\n\n/**\n * ListItem description/documentation paragraph\n */\nconst HvListItem = (props) => {\n  const {\n    id,\n\n    className,\n    classes,\n\n    role,\n    selected,\n    disabled,\n\n    interactive: interactiveProp,\n    condensed: condensedProp,\n    disableGutters: disableGuttersProp,\n\n    startAdornment,\n    endAdornment,\n\n    onClick,\n\n    children,\n\n    tabIndex,\n\n    ...others\n  } = props;\n\n  const {\n    topContainerRef,\n    condensed: condensedContext,\n    disableGutters: disableGuttersContext,\n    interactive: interactiveContext,\n  } = useContext(HvListContext);\n\n  const condensed = condensedProp != null ? condensedProp : condensedContext;\n  const disableGutters = disableGuttersProp != null ? disableGuttersProp : disableGuttersContext;\n  const interactive = interactiveProp != null ? interactiveProp : interactiveContext;\n\n  const handleOnClick = useCallback(\n    (evt) => {\n      if (!disabled) {\n        onClick?.(evt);\n      }\n    },\n    [disabled, onClick]\n  );\n\n  const clonedStartAdornment = useMemo(\n    () =>\n      applyClassNameAndStateToElement(\n        startAdornment,\n        selected,\n        disabled,\n        handleOnClick,\n        classes.startAdornment\n      ),\n    [classes.startAdornment, disabled, handleOnClick, selected, startAdornment]\n  );\n  const clonedEndAdornment = useMemo(\n    () => applyClassNameToElement(endAdornment, classes.endAdornment),\n    [classes.endAdornment, endAdornment]\n  );\n\n  const roleOptionAriaProps =\n    role === \"option\" || role === \"menuitem\"\n      ? {\n          \"aria-disabled\": disabled || undefined,\n          \"aria-selected\": selected,\n        }\n      : {};\n\n  const listItem = (\n    <li\n      id={id}\n      role={role}\n      onClick={handleOnClick}\n      onKeyDown={() => {}}\n      className={clsx(className, classes.root, {\n        [classes.gutters]: !disableGutters,\n        [classes.condensed]: condensed,\n        [classes.interactive]: interactive,\n        [classes.selected]: selected,\n        [classes.disabled]: disabled,\n        [classes.withStartAdornment]: startAdornment != null,\n        [classes.withEndAdornment]: endAdornment != null,\n      })}\n      {...roleOptionAriaProps}\n      {...others}\n    >\n      {clonedStartAdornment}\n      {children}\n      {clonedEndAdornment}\n    </li>\n  );\n\n  return interactive ? (\n    <Focus\n      rootRef={topContainerRef}\n      selected={selected}\n      disabledClass={disabled || undefined}\n      strategy={role === \"option\" ? \"listbox\" : \"menu\"}\n      classes={{ focus: classes.focus }}\n      configuration={{\n        tabIndex,\n      }}\n    >\n      {listItem}\n    </Focus>\n  ) : (\n    listItem\n  );\n};\n\nHvListItem.propTypes = {\n  /**\n   * The id of the root element\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.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n    gutters: PropTypes.string,\n\n    /**\n     * Styles applied to the list item when it's focusable and reacts to mouse over events.\n     */\n    interactive: PropTypes.string,\n\n    /**\n     * Styles applied to the selected list item.\n     */\n    selected: PropTypes.string,\n    /**\n     * Styles applied to the list item when disabled.\n     */\n    disabled: PropTypes.string,\n\n    /**\n     * Styles applied to the list item when condensed.\n     */\n    condensed: PropTypes.string,\n\n    /**\n     * @ignore\n     */\n    withStartAdornment: PropTypes.string,\n    /**\n     * @ignore\n     */\n    withEndAdornment: PropTypes.string,\n\n    /**\n     * Styles applied to the start adornment.\n     */\n    startAdornment: PropTypes.string,\n    /**\n     * Styles applied to the end adornment.\n     */\n    endAdornment: PropTypes.string,\n\n    /**\n     * Styles applied when the item is focused.\n     */\n    focus: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * Overrides the implicit list item role.\n   * It defaults to \"option\" if unspecified and the container list role is \"listbox\".\n   */\n  role: PropTypes.string,\n  /**\n   * Indicates if the list item is selected.\n   */\n  selected: PropTypes.bool,\n  /**\n   * If true, the list item will be disabled.\n   */\n  disabled: PropTypes.bool,\n\n  /**\n   * If the list item is focusable and reacts to mouse over events.\n   * Defaults to true if the container list is interactive, false otherwise.\n   */\n  interactive: PropTypes.bool,\n  /**\n   * If `true` compacts the vertical spacing intended to separate the list items.\n   * Defaults to the value set in container list.\n   */\n  condensed: PropTypes.bool,\n  /**\n   * If `true`, the left and right padding is removed.\n   * Defaults to the value set in container list.\n   */\n  disableGutters: PropTypes.bool,\n\n  /**\n   * Element placed before the children.\n   * Also removes the left padding (gutter).\n   *\n   * Some modifications are applied, assuming that it is either an icon (changing the color when the item is disabled)\n   * or a selector (preventing the double focus ring, propagating the checked and disabled states and wiring the onChange event).\n   * If unwanted, the element should be placed directly as a child.\n   */\n  startAdornment: PropTypes.node,\n  /**\n   * Element placed after the children and aligned next to the margin.\n   * Also removes the right padding (gutter).\n   *\n   * Some modifications are applied, assuming that it is an icon (changing the color when the item is disabled).\n   * If unwanted, the element should be placed directly as a child.\n   */\n  endAdornment: PropTypes.node,\n\n  /**\n   * The function executed when the item is pressed.\n   * @param event React.MouseEvent<HTMLElement>\n   */\n  onClick: PropTypes.func,\n\n  /**\n   * The list item content.\n   */\n  children: PropTypes.node,\n\n  /**\n   * @ignore\n   */\n  tabIndex: PropTypes.number,\n};\n\nexport default withStyles(styles, { name: \"HvListItem\" })(HvListItem);\n"],"mappings":"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"}

package/dist/Loading/Loading.d.ts

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

package/dist/Loading/Loading.js

@@ -1,5 +1,19 @@
 "use strict";
 
+require("core-js/modules/es.object.keys.js");
+
+require("core-js/modules/es.symbol.js");
+
+require("core-js/modules/es.array.filter.js");
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+require("core-js/modules/web.dom-collections.for-each.js");
+
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 Object.defineProperty(exports, "__esModule", {
@@ -13,7 +27,7 @@ require("core-js/modules/es.array.concat.js");
 
 require("core-js/modules/es.array.map.js");
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
@@ -25,14 +39,20 @@ var _clsx = _interopRequireDefault(require("clsx"));
 
 var _range = _interopRequireDefault(require("lodash/range"));
 
-var _core = require("@material-ui/core");
+var _styles = require("@mui/styles");
 
 var _ = require("..");
 
-var _styles = _interopRequireDefault(require("./styles"));
+var _styles2 = _interopRequireDefault(require("./styles"));
+
+var _jsxRuntime = require("react/jsx-runtime");
 
 var _excluded = ["className", "classes", "small", "label", "hidden", "color"];
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
 /**
  * Loading provides feedback about a process that is taking place in the application.
  */
@@ -46,7 +66,7 @@ var HvLoading = function HvLoading(_ref) {
       hidden = _ref$hidden === void 0 ? false : _ref$hidden,
       color = _ref.color,
       others = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var theme = (0, _core.useTheme)();
+  var theme = (0, _styles.useTheme)();
 
   var getColor = function getColor(colorName) {
     return color ? theme.palette[color] || color : theme.palette[colorName];
@@ -58,19 +78,22 @@ var HvLoading = function HvLoading(_ref) {
   var inline = {
     backgroundColor: getColor(small ? "acce1" : "acce3")
   };
-  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread({
     className: (0, _clsx.default)(className, classes.root, hidden && classes.hidden)
-  }, others), /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.barContainer
-  }, (0, _range.default)(0, 3).map(function (e) {
-    return /*#__PURE__*/_react.default.createElement("div", {
-      key: e,
-      style: inline,
-      className: (0, _clsx.default)(classes.loadingBar, classes[variant])
-    });
-  })), label && /*#__PURE__*/_react.default.createElement(_.HvTypography, {
-    className: classes.label
-  }, label));
+  }, others), {}, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: classes.barContainer,
+      children: (0, _range.default)(0, 3).map(function (e) {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          style: inline,
+          className: (0, _clsx.default)(classes.loadingBar, classes[variant])
+        }, e);
+      })
+    }), label && /*#__PURE__*/(0, _jsxRuntime.jsx)(_.HvTypography, {
+      className: classes.label,
+      children: label
+    })]
+  }));
 };
 
 process.env.NODE_ENV !== "production" ? HvLoading.propTypes = {
@@ -140,7 +163,7 @@ process.env.NODE_ENV !== "production" ? HvLoading.propTypes = {
   color: _propTypes.default.string
 } : void 0;
 
-var _default = (0, _core.withStyles)(_styles.default, {
+var _default = (0, _styles.withStyles)(_styles2.default, {
   name: "HvLoading"
 })(HvLoading);
 

package/dist/Loading/Loading.js.map

@@ -1 +1 @@
-{"version":3,"file":"Loading.js","names":["HvLoading","className","classes","small","label","hidden","color","others","theme","useTheme","getColor","colorName","palette","size","colorVariant","variant","inline","backgroundColor","clsx","root","barContainer","range","map","e","loadingBar","propTypes","PropTypes","string","shape","overlay","blur","isRequired","bool","node","withStyles","styles","name"],"sources":["../../src/Loading/Loading.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport range from \"lodash/range\";\nimport { useTheme, withStyles } from \"@material-ui/core\";\nimport { HvTypography } from \"..\";\nimport styles from \"./styles\";\n\n/**\n * Loading provides feedback about a process that is taking place in the application.\n */\nconst HvLoading = ({\n  className,\n  classes,\n  small = false,\n  label,\n  hidden = false,\n  color,\n  ...others\n}) => {\n  const theme = useTheme();\n\n  const getColor = (colorName) =>\n    color ? theme.palette[color] || color : theme.palette[colorName];\n\n  const size = small ? \"small\" : \"regular\";\n  const colorVariant = color ? \"Color\" : \"\";\n  const variant = `${size}${colorVariant}`;\n\n  const inline = { backgroundColor: getColor(small ? \"acce1\" : \"acce3\") };\n\n  return (\n    <div className={clsx(className, classes.root, { [classes.hidden]: hidden })} {...others}>\n      <div className={classes.barContainer}>\n        {range(0, 3).map((e) => (\n          <div key={e} style={inline} className={clsx(classes.loadingBar, classes[variant])} />\n        ))}\n      </div>\n      {label && <HvTypography className={classes.label}>{label}</HvTypography>}\n    </div>\n  );\n};\n\nHvLoading.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   *  Styles applied to the Drawer Paper element.\n   */\n  classes: PropTypes.PropTypes.shape({\n    /**\n     * Style applied to the root of the component\n     */\n    root: PropTypes.string,\n    /**\n     * Style applied to the container.\n     */\n    barContainer: PropTypes.string,\n    /**\n     * Style applied to the loading bar.\n     */\n    loadingBar: PropTypes.string,\n    /**\n     * Style applied to the label text.\n     */\n    label: PropTypes.string,\n    /**\n     * Style applied to the overlay\n     */\n    overlay: PropTypes.string,\n    /**\n     * Style to display overlay.\n     */\n    blur: PropTypes.string,\n    /**\n     * Style applied when when animation is hidden.\n     */\n    hidden: PropTypes.string,\n  }).isRequired,\n  /**\n   * Indicates if the component should be render in a small size.\n   */\n  small: PropTypes.bool,\n  /**\n   * The label to be displayed.\n   */\n  label: PropTypes.node,\n  /**\n   * Whether the loading animation is hidden.\n   */\n  hidden: PropTypes.bool,\n  /**\n   * Color applied to the bars.\n   */\n  color: PropTypes.string,\n};\n\nexport default withStyles(styles, { name: \"HvLoading\" })(HvLoading);\n"],"mappings":"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"}
+{"version":3,"file":"Loading.js","names":["HvLoading","className","classes","small","label","hidden","color","others","theme","useTheme","getColor","colorName","palette","size","colorVariant","variant","inline","backgroundColor","clsx","root","barContainer","range","map","e","loadingBar","propTypes","PropTypes","string","shape","overlay","blur","isRequired","bool","node","withStyles","styles","name"],"sources":["../../src/Loading/Loading.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport range from \"lodash/range\";\nimport { withStyles, useTheme } from \"@mui/styles\";\n\nimport { HvTypography } from \"..\";\nimport styles from \"./styles\";\n\n/**\n * Loading provides feedback about a process that is taking place in the application.\n */\nconst HvLoading = ({\n  className,\n  classes,\n  small = false,\n  label,\n  hidden = false,\n  color,\n  ...others\n}) => {\n  const theme = useTheme();\n\n  const getColor = (colorName) =>\n    color ? theme.palette[color] || color : theme.palette[colorName];\n\n  const size = small ? \"small\" : \"regular\";\n  const colorVariant = color ? \"Color\" : \"\";\n  const variant = `${size}${colorVariant}`;\n\n  const inline = { backgroundColor: getColor(small ? \"acce1\" : \"acce3\") };\n\n  return (\n    <div className={clsx(className, classes.root, { [classes.hidden]: hidden })} {...others}>\n      <div className={classes.barContainer}>\n        {range(0, 3).map((e) => (\n          <div key={e} style={inline} className={clsx(classes.loadingBar, classes[variant])} />\n        ))}\n      </div>\n      {label && <HvTypography className={classes.label}>{label}</HvTypography>}\n    </div>\n  );\n};\n\nHvLoading.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   *  Styles applied to the Drawer Paper element.\n   */\n  classes: PropTypes.PropTypes.shape({\n    /**\n     * Style applied to the root of the component\n     */\n    root: PropTypes.string,\n    /**\n     * Style applied to the container.\n     */\n    barContainer: PropTypes.string,\n    /**\n     * Style applied to the loading bar.\n     */\n    loadingBar: PropTypes.string,\n    /**\n     * Style applied to the label text.\n     */\n    label: PropTypes.string,\n    /**\n     * Style applied to the overlay\n     */\n    overlay: PropTypes.string,\n    /**\n     * Style to display overlay.\n     */\n    blur: PropTypes.string,\n    /**\n     * Style applied when when animation is hidden.\n     */\n    hidden: PropTypes.string,\n  }).isRequired,\n  /**\n   * Indicates if the component should be render in a small size.\n   */\n  small: PropTypes.bool,\n  /**\n   * The label to be displayed.\n   */\n  label: PropTypes.node,\n  /**\n   * Whether the loading animation is hidden.\n   */\n  hidden: PropTypes.bool,\n  /**\n   * Color applied to the bars.\n   */\n  color: PropTypes.string,\n};\n\nexport default withStyles(styles, { name: \"HvLoading\" })(HvLoading);\n"],"mappings":"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"}

package/dist/Login/Login.d.ts

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