@hitachivantara/uikit-react-core 4.1.0 → 4.2.0

package/dist/modern/Dropdown/List/List.js

@@ -1,6 +1,6 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-const _excluded = ["id", "classes", "values", "multiSelect", "showSearch", "onChange", "onCancel", "labels", "notifyChangesOnFirstRender", "hasTooltips", "singleSelectionToggle", "height", "virtualized"];
+const _excluded = ["id", "classes", "values", "multiSelect", "showSearch", "onChange", "onCancel", "labels", "notifyChangesOnFirstRender", "hasTooltips", "singleSelectionToggle", "height", "maxHeight", "virtualized"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import React, { useContext, useEffect, useMemo, useState } from "react";
@@ -48,6 +48,7 @@ const List = _ref => {
       hasTooltips = false,
       singleSelectionToggle,
       height: dropdownHeight,
+      maxHeight,
       virtualized = false
     } = _ref,
     others = _objectWithoutProperties(_ref, _excluded);
@@ -234,7 +235,7 @@ const List = _ref => {
       height: dropdownHeight
     }), {}, {
       maxWidth: width,
-      maxHeight: `calc(${height}px - 32px - ${theme.spacing("xs")} - ${theme.spacing("sm")})`,
+      maxHeight: maxHeight !== null && maxHeight !== void 0 ? maxHeight : `calc(${height}px - 32px - ${theme.spacing("xs")} - ${theme.spacing("sm")})`,
       overflow: "auto",
       padding: 5
     }),
@@ -244,7 +245,7 @@ const List = _ref => {
       overflow: "inherit",
       padding: 0
     }
-  }), [width, height, dropdownHeight, theme])();
+  }), [width, height, maxHeight, dropdownHeight, theme])();
   return /*#__PURE__*/_jsxs("div", {
     className: classes.rootList,
     children: [/*#__PURE__*/_jsx("div", {
@@ -254,7 +255,7 @@ const List = _ref => {
       children: [showSearch && renderSearch(), showList && multiSelect && renderSelectAll(), showList && /*#__PURE__*/_jsx(HvList, _objectSpread({
         id: setId(id, "list"),
         classes: {
-          root: clsx(classes.dropdownListContainer, dropdownHeight && maxSizeClasses.root, virtualized && maxSizeClasses.virtualized)
+          root: clsx(classes.dropdownListContainer, (dropdownHeight || maxHeight) && maxSizeClasses.root, virtualized && maxSizeClasses.virtualized)
         },
         values: list,
         multiSelect: multiSelect,
@@ -322,6 +323,10 @@ process.env.NODE_ENV !== "production" ? List.propTypes = {
    * 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
    */
   height: PropTypes.number,
+  /**
+   * Experimental. Max height of the dropdown, in case you want to control it from a prop. Styles can also be used through dropdownListContainer class.
+   */
+  maxHeight: PropTypes.number,
   /**
    * Experimental. Uses dropdown in a virtualized form, where not all options are rendered initially. Good for use cases with a lot of options.
    */

package/dist/modern/Dropdown/List/List.js.map

@@ -1 +1 @@
-{"version":3,"file":"List.js","names":["React","useContext","useEffect","useMemo","useState","clsx","PropTypes","isNil","makeStyles","withStyles","useTheme","setId","HvActionBar","HvButton","HvCheckBox","HvList","HvInput","HvTypography","getSelected","styles","BaseDropdownContext","clone","values","map","value","cleanHidden","lst","item","isHidden","valuesExist","length","List","id","classes","multiSelect","showSearch","onChange","onCancel","labels","notifyChangesOnFirstRender","hasTooltips","singleSelectionToggle","height","dropdownHeight","virtualized","others","searchStr","setSearchStr","list","setList","allSelected","setAllSelected","anySelected","setAnySelected","width","theme","newLabels","selectAll","selectionConjunction","multiSelectionConjunction","updateSelectAll","listValues","nbrSelected","hasSelection","allSelect","handleSearch","str","results","filter","searchValue","label","stringValue","String","toLowerCase","indexOf","newList","elem","isResult","find","result","renderSearch","searchContainer","searchPlaceholder","event","handleSelectAll","selected","renderSelectAll","defaultLabel","selectAllContainer","container","selection","onSelection","renderActions","applyLabel","cancelLabel","showList","maxSizeClasses","root","maxWidth","maxHeight","spacing","overflow","padding","rootList","listBorderDown","listContainer","dropdownListContainer","propTypes","string","isRequired","instanceOf","Object","Array","bool","func","number","name"],"sources":["../../../../src/Dropdown/List/List.js"],"sourcesContent":["import React, { useContext, useEffect, useMemo, useState } from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport isNil from \"lodash/isNil\";\nimport { makeStyles, withStyles, useTheme } from \"@mui/styles\";\n\nimport { setId } from \"../../utils\";\nimport { HvActionBar, HvButton, HvCheckBox, HvList, HvInput, HvTypography } from \"../..\";\nimport { getSelected } from \"../utils\";\nimport styles from \"./styles\";\nimport BaseDropdownContext from \"../../BaseDropdown/BaseDropdownContext\";\n\n/**\n * The values property was being deeply cloned. That created a significant performance\n * hit when the values contained complex properties' values, like React Nodes.\n *\n * For minimizing the impact of removing the clone, a shallow clone of the array and its\n * objects is performed instead. That should have the same effect in the majority of the\n * cases, where the properties' values are primitive.\n */\nconst clone = (values) => values.map((value) => ({ ...value }));\n\n/**\n * Set all hidden's to false.\n */\nconst cleanHidden = (lst) => lst.map((item) => ({ ...item, isHidden: false }));\n\nconst valuesExist = (values) => !isNil(values) && values?.length > 0;\n\nconst List = ({\n  id,\n  classes,\n  values = [],\n  multiSelect = false,\n  showSearch = false,\n  onChange,\n  onCancel,\n  labels,\n  notifyChangesOnFirstRender = false,\n  hasTooltips = false,\n  singleSelectionToggle,\n  height: dropdownHeight,\n  virtualized = false,\n  ...others\n}) => {\n  const [searchStr, setSearchStr] = useState(\"\");\n  const [list, setList] = useState(clone(values));\n  const [allSelected, setAllSelected] = useState(false);\n  const [anySelected, setAnySelected] = useState(false);\n  const { width, height } = useContext(BaseDropdownContext);\n  const theme = useTheme();\n\n  const newLabels = {\n    selectAll: labels.selectAll,\n    selectionConjunction: labels.multiSelectionConjunction,\n  };\n\n  /**\n   * Update states associated with select all.\n   */\n  const updateSelectAll = (listValues) => {\n    if (!listValues) return;\n    const nbrSelected = getSelected(listValues).length;\n    const hasSelection = nbrSelected > 0;\n    const allSelect = nbrSelected === listValues.length;\n\n    setAnySelected(hasSelection);\n    setAllSelected(hasSelection && allSelect);\n  };\n\n  /**\n   * After the first render, call onChange if notifyChangesOnFirstRender.\n   */\n  useEffect(() => {\n    if (!valuesExist(values)) return;\n    setList(clone(values));\n    updateSelectAll(values);\n    if (notifyChangesOnFirstRender) {\n      onChange?.(values, false, false, true);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [values]);\n\n  /**\n   * Sets the filtered values to the state.\n   *\n   * @param {String} str - The value that is being looked.\n   */\n  const handleSearch = (str) => {\n    const results = list\n      ? list.filter(({ searchValue, label, value }) => {\n          let stringValue = \"\";\n          if (typeof searchValue === \"string\" || searchValue instanceof String) {\n            stringValue = searchValue.toLowerCase();\n          } else if (typeof label === \"string\" || label instanceof String) {\n            stringValue = label.toLowerCase();\n          } else if (typeof value === \"string\" || value instanceof String) {\n            stringValue = value.toLowerCase();\n          }\n\n          return stringValue.indexOf(str.toLowerCase()) >= 0;\n        })\n      : null;\n\n    if (!isNil(results)) {\n      const newList = list.map((elem) => {\n        const isResult = results.find((result) => result.label === elem.label);\n        return { ...elem, isHidden: !isResult };\n      });\n\n      setList(newList);\n      setSearchStr(str);\n    }\n    return str;\n  };\n\n  /**\n   * Create search element.\n   *\n   * @returns {*}\n   */\n  const renderSearch = () => (\n    <div className={classes.searchContainer}>\n      <HvInput\n        id={setId(id, \"search\")}\n        type=\"search\"\n        value={searchStr}\n        placeholder={labels.searchPlaceholder}\n        onChange={(event, str) => handleSearch(str)}\n      />\n    </div>\n  );\n\n  /**\n   * Select all the values inside the dropdown.\n   *\n   */\n  const handleSelectAll = () => {\n    const newList = list.map((elem) => ({ ...elem, selected: !anySelected }));\n    setList(newList);\n    updateSelectAll(newList);\n  };\n\n  /**\n   * Create selecteAll component.\n   *\n   * @returns {*}\n   */\n  const renderSelectAll = () => {\n    const { selectAll, multiSelectionConjunction } = labels;\n    const nbrSelected = getSelected(list).length;\n\n    const defaultLabel = (\n      <HvTypography component=\"span\">\n        {nbrSelected > 0 ? (\n          <>\n            <b>{nbrSelected}</b>\n            {` ${multiSelectionConjunction} ${list.length}`}\n          </>\n        ) : (\n          <>\n            <b>{selectAll}</b>\n            {` (${list.length})`}\n          </>\n        )}\n      </HvTypography>\n    );\n\n    return (\n      <div className={classes.selectAllContainer}>\n        <HvCheckBox\n          id={setId(id, \"select-all\")}\n          label={defaultLabel}\n          onChange={() => handleSelectAll()}\n          classes={{ container: classes.selection }}\n          className={classes.selectAll}\n          indeterminate={anySelected && !allSelected}\n          checked={allSelected}\n        />\n      </div>\n    );\n  };\n\n  /**\n   * When selecting the state list is updated with the corresponding selection.\n   *\n   * @param listValues - elements selected.\n   */\n  const onSelection = (listValues) => {\n    if (!multiSelect) {\n      onChange(cleanHidden(listValues), true, true, true);\n    } else {\n      updateSelectAll(listValues);\n      setList(clone(listValues));\n    }\n  };\n\n  /**\n   * Render action buttons.\n   */\n  const renderActions = () => {\n    const { applyLabel, cancelLabel } = labels;\n    return (\n      <HvActionBar id={setId(id, \"actions\")}>\n        <HvButton\n          id={setId(id, \"actions-apply\")}\n          onClick={() => onChange(cleanHidden(list), true, true, true)}\n          category=\"ghost\"\n        >\n          {applyLabel}\n        </HvButton>\n        <HvButton id={setId(id, \"actions-cancel\")} onClick={onCancel} category=\"ghost\">\n          {cancelLabel}\n        </HvButton>\n      </HvActionBar>\n    );\n  };\n\n  const showList = valuesExist(values);\n\n  const maxSizeClasses = useMemo(\n    () =>\n      makeStyles({\n        root: {\n          ...(dropdownHeight && { height: dropdownHeight }),\n          maxWidth: width,\n          maxHeight: `calc(${height}px - 32px - ${theme.spacing(\"xs\")} - ${theme.spacing(\"sm\")})`,\n          overflow: \"auto\",\n          padding: 5,\n        },\n        virtualized: {\n          maxWidth: \"inherit\",\n          maxHeight: \"inherit\",\n          overflow: \"inherit\",\n          padding: 0,\n        },\n      }),\n    [width, height, dropdownHeight, theme]\n  )();\n\n  return (\n    <div className={classes.rootList}>\n      <div className={classes.listBorderDown} />\n      <div className={classes.listContainer}>\n        {showSearch && renderSearch()}\n        {showList && multiSelect && renderSelectAll()}\n        {showList && (\n          <HvList\n            id={setId(id, \"list\")}\n            classes={{\n              root: clsx(\n                classes.dropdownListContainer,\n                dropdownHeight && maxSizeClasses.root,\n                virtualized && maxSizeClasses.virtualized\n              ),\n            }}\n            values={list}\n            multiSelect={multiSelect}\n            useSelector={multiSelect}\n            showSelectAll={false}\n            onChange={onSelection}\n            labels={newLabels}\n            hasTooltips={hasTooltips}\n            selectable\n            condensed\n            singleSelectionToggle={singleSelectionToggle}\n            height={dropdownHeight}\n            virtualized={virtualized}\n            {...others}\n          />\n        )}\n      </div>\n      {showList && multiSelect ? renderActions() : null}\n    </div>\n  );\n};\n\nList.propTypes = {\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string.isRequired,\n  /**\n   * A Jss Object used to override or extend the component styles.\n   */\n  classes: PropTypes.instanceOf(Object).isRequired,\n  /**\n   * The list to be rendered.\n   */\n  values: PropTypes.instanceOf(Array),\n  /**\n   * If true renders a multi select list.\n   */\n  multiSelect: PropTypes.bool,\n  /**\n   * If true renders the search component.\n   */\n  showSearch: PropTypes.bool,\n  /**\n   * A function to be executed whenever a item is selected in the list\n   * or the Apply button is activated (when `multiSelect` is `true`).\n   */\n  onChange: PropTypes.func,\n  /**\n   * A function to be executed whenever the Cancel button is activated.\n   */\n  onCancel: PropTypes.func,\n  /**\n   * An object containing all the labels for the dropdown.\n   */\n  labels: PropTypes.instanceOf(Object).isRequired,\n  /**\n   * If 'true' the dropdown will notify on the first render.\n   */\n  notifyChangesOnFirstRender: PropTypes.bool,\n  /**\n   * If `true` the dropdown will show tooltips when user mouseenter text in list\n   */\n  hasTooltips: PropTypes.bool,\n  /**\n   * If `true`, selection can be toggled when single selection.\n   */\n  singleSelectionToggle: PropTypes.bool.isRequired,\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: \"HvDropdownList\" })(List);\n"],"mappings":"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"}
+{"version":3,"file":"List.js","names":["React","useContext","useEffect","useMemo","useState","clsx","PropTypes","isNil","makeStyles","withStyles","useTheme","setId","HvActionBar","HvButton","HvCheckBox","HvList","HvInput","HvTypography","getSelected","styles","BaseDropdownContext","clone","values","map","value","cleanHidden","lst","item","isHidden","valuesExist","length","List","id","classes","multiSelect","showSearch","onChange","onCancel","labels","notifyChangesOnFirstRender","hasTooltips","singleSelectionToggle","height","dropdownHeight","maxHeight","virtualized","others","searchStr","setSearchStr","list","setList","allSelected","setAllSelected","anySelected","setAnySelected","width","theme","newLabels","selectAll","selectionConjunction","multiSelectionConjunction","updateSelectAll","listValues","nbrSelected","hasSelection","allSelect","handleSearch","str","results","filter","searchValue","label","stringValue","String","toLowerCase","indexOf","newList","elem","isResult","find","result","renderSearch","searchContainer","searchPlaceholder","event","handleSelectAll","selected","renderSelectAll","defaultLabel","selectAllContainer","container","selection","onSelection","renderActions","applyLabel","cancelLabel","showList","maxSizeClasses","root","maxWidth","spacing","overflow","padding","rootList","listBorderDown","listContainer","dropdownListContainer","propTypes","string","isRequired","instanceOf","Object","Array","bool","func","number","name"],"sources":["../../../../src/Dropdown/List/List.js"],"sourcesContent":["import React, { useContext, useEffect, useMemo, useState } from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport isNil from \"lodash/isNil\";\nimport { makeStyles, withStyles, useTheme } from \"@mui/styles\";\n\nimport { setId } from \"../../utils\";\nimport { HvActionBar, HvButton, HvCheckBox, HvList, HvInput, HvTypography } from \"../..\";\nimport { getSelected } from \"../utils\";\nimport styles from \"./styles\";\nimport BaseDropdownContext from \"../../BaseDropdown/BaseDropdownContext\";\n\n/**\n * The values property was being deeply cloned. That created a significant performance\n * hit when the values contained complex properties' values, like React Nodes.\n *\n * For minimizing the impact of removing the clone, a shallow clone of the array and its\n * objects is performed instead. That should have the same effect in the majority of the\n * cases, where the properties' values are primitive.\n */\nconst clone = (values) => values.map((value) => ({ ...value }));\n\n/**\n * Set all hidden's to false.\n */\nconst cleanHidden = (lst) => lst.map((item) => ({ ...item, isHidden: false }));\n\nconst valuesExist = (values) => !isNil(values) && values?.length > 0;\n\nconst List = ({\n  id,\n  classes,\n  values = [],\n  multiSelect = false,\n  showSearch = false,\n  onChange,\n  onCancel,\n  labels,\n  notifyChangesOnFirstRender = false,\n  hasTooltips = false,\n  singleSelectionToggle,\n  height: dropdownHeight,\n  maxHeight,\n  virtualized = false,\n  ...others\n}) => {\n  const [searchStr, setSearchStr] = useState(\"\");\n  const [list, setList] = useState(clone(values));\n  const [allSelected, setAllSelected] = useState(false);\n  const [anySelected, setAnySelected] = useState(false);\n  const { width, height } = useContext(BaseDropdownContext);\n  const theme = useTheme();\n\n  const newLabels = {\n    selectAll: labels.selectAll,\n    selectionConjunction: labels.multiSelectionConjunction,\n  };\n\n  /**\n   * Update states associated with select all.\n   */\n  const updateSelectAll = (listValues) => {\n    if (!listValues) return;\n    const nbrSelected = getSelected(listValues).length;\n    const hasSelection = nbrSelected > 0;\n    const allSelect = nbrSelected === listValues.length;\n\n    setAnySelected(hasSelection);\n    setAllSelected(hasSelection && allSelect);\n  };\n\n  /**\n   * After the first render, call onChange if notifyChangesOnFirstRender.\n   */\n  useEffect(() => {\n    if (!valuesExist(values)) return;\n    setList(clone(values));\n    updateSelectAll(values);\n    if (notifyChangesOnFirstRender) {\n      onChange?.(values, false, false, true);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [values]);\n\n  /**\n   * Sets the filtered values to the state.\n   *\n   * @param {String} str - The value that is being looked.\n   */\n  const handleSearch = (str) => {\n    const results = list\n      ? list.filter(({ searchValue, label, value }) => {\n          let stringValue = \"\";\n          if (typeof searchValue === \"string\" || searchValue instanceof String) {\n            stringValue = searchValue.toLowerCase();\n          } else if (typeof label === \"string\" || label instanceof String) {\n            stringValue = label.toLowerCase();\n          } else if (typeof value === \"string\" || value instanceof String) {\n            stringValue = value.toLowerCase();\n          }\n\n          return stringValue.indexOf(str.toLowerCase()) >= 0;\n        })\n      : null;\n\n    if (!isNil(results)) {\n      const newList = list.map((elem) => {\n        const isResult = results.find((result) => result.label === elem.label);\n        return { ...elem, isHidden: !isResult };\n      });\n\n      setList(newList);\n      setSearchStr(str);\n    }\n    return str;\n  };\n\n  /**\n   * Create search element.\n   *\n   * @returns {*}\n   */\n  const renderSearch = () => (\n    <div className={classes.searchContainer}>\n      <HvInput\n        id={setId(id, \"search\")}\n        type=\"search\"\n        value={searchStr}\n        placeholder={labels.searchPlaceholder}\n        onChange={(event, str) => handleSearch(str)}\n      />\n    </div>\n  );\n\n  /**\n   * Select all the values inside the dropdown.\n   *\n   */\n  const handleSelectAll = () => {\n    const newList = list.map((elem) => ({ ...elem, selected: !anySelected }));\n    setList(newList);\n    updateSelectAll(newList);\n  };\n\n  /**\n   * Create selecteAll component.\n   *\n   * @returns {*}\n   */\n  const renderSelectAll = () => {\n    const { selectAll, multiSelectionConjunction } = labels;\n    const nbrSelected = getSelected(list).length;\n\n    const defaultLabel = (\n      <HvTypography component=\"span\">\n        {nbrSelected > 0 ? (\n          <>\n            <b>{nbrSelected}</b>\n            {` ${multiSelectionConjunction} ${list.length}`}\n          </>\n        ) : (\n          <>\n            <b>{selectAll}</b>\n            {` (${list.length})`}\n          </>\n        )}\n      </HvTypography>\n    );\n\n    return (\n      <div className={classes.selectAllContainer}>\n        <HvCheckBox\n          id={setId(id, \"select-all\")}\n          label={defaultLabel}\n          onChange={() => handleSelectAll()}\n          classes={{ container: classes.selection }}\n          className={classes.selectAll}\n          indeterminate={anySelected && !allSelected}\n          checked={allSelected}\n        />\n      </div>\n    );\n  };\n\n  /**\n   * When selecting the state list is updated with the corresponding selection.\n   *\n   * @param listValues - elements selected.\n   */\n  const onSelection = (listValues) => {\n    if (!multiSelect) {\n      onChange(cleanHidden(listValues), true, true, true);\n    } else {\n      updateSelectAll(listValues);\n      setList(clone(listValues));\n    }\n  };\n\n  /**\n   * Render action buttons.\n   */\n  const renderActions = () => {\n    const { applyLabel, cancelLabel } = labels;\n    return (\n      <HvActionBar id={setId(id, \"actions\")}>\n        <HvButton\n          id={setId(id, \"actions-apply\")}\n          onClick={() => onChange(cleanHidden(list), true, true, true)}\n          category=\"ghost\"\n        >\n          {applyLabel}\n        </HvButton>\n        <HvButton id={setId(id, \"actions-cancel\")} onClick={onCancel} category=\"ghost\">\n          {cancelLabel}\n        </HvButton>\n      </HvActionBar>\n    );\n  };\n\n  const showList = valuesExist(values);\n\n  const maxSizeClasses = useMemo(\n    () =>\n      makeStyles({\n        root: {\n          ...(dropdownHeight && { height: dropdownHeight }),\n          maxWidth: width,\n          maxHeight:\n            maxHeight ??\n            `calc(${height}px - 32px - ${theme.spacing(\"xs\")} - ${theme.spacing(\"sm\")})`,\n          overflow: \"auto\",\n          padding: 5,\n        },\n        virtualized: {\n          maxWidth: \"inherit\",\n          maxHeight: \"inherit\",\n          overflow: \"inherit\",\n          padding: 0,\n        },\n      }),\n    [width, height, maxHeight, dropdownHeight, theme]\n  )();\n\n  return (\n    <div className={classes.rootList}>\n      <div className={classes.listBorderDown} />\n      <div className={classes.listContainer}>\n        {showSearch && renderSearch()}\n        {showList && multiSelect && renderSelectAll()}\n        {showList && (\n          <HvList\n            id={setId(id, \"list\")}\n            classes={{\n              root: clsx(\n                classes.dropdownListContainer,\n                (dropdownHeight || maxHeight) && maxSizeClasses.root,\n                virtualized && maxSizeClasses.virtualized\n              ),\n            }}\n            values={list}\n            multiSelect={multiSelect}\n            useSelector={multiSelect}\n            showSelectAll={false}\n            onChange={onSelection}\n            labels={newLabels}\n            hasTooltips={hasTooltips}\n            selectable\n            condensed\n            singleSelectionToggle={singleSelectionToggle}\n            height={dropdownHeight}\n            virtualized={virtualized}\n            {...others}\n          />\n        )}\n      </div>\n      {showList && multiSelect ? renderActions() : null}\n    </div>\n  );\n};\n\nList.propTypes = {\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string.isRequired,\n  /**\n   * A Jss Object used to override or extend the component styles.\n   */\n  classes: PropTypes.instanceOf(Object).isRequired,\n  /**\n   * The list to be rendered.\n   */\n  values: PropTypes.instanceOf(Array),\n  /**\n   * If true renders a multi select list.\n   */\n  multiSelect: PropTypes.bool,\n  /**\n   * If true renders the search component.\n   */\n  showSearch: PropTypes.bool,\n  /**\n   * A function to be executed whenever a item is selected in the list\n   * or the Apply button is activated (when `multiSelect` is `true`).\n   */\n  onChange: PropTypes.func,\n  /**\n   * A function to be executed whenever the Cancel button is activated.\n   */\n  onCancel: PropTypes.func,\n  /**\n   * An object containing all the labels for the dropdown.\n   */\n  labels: PropTypes.instanceOf(Object).isRequired,\n  /**\n   * If 'true' the dropdown will notify on the first render.\n   */\n  notifyChangesOnFirstRender: PropTypes.bool,\n  /**\n   * If `true` the dropdown will show tooltips when user mouseenter text in list\n   */\n  hasTooltips: PropTypes.bool,\n  /**\n   * If `true`, selection can be toggled when single selection.\n   */\n  singleSelectionToggle: PropTypes.bool.isRequired,\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. Max height of the dropdown, in case you want to control it from a prop. Styles can also be used through dropdownListContainer class.\n   */\n  maxHeight: 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: \"HvDropdownList\" })(List);\n"],"mappings":"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"}

package/dist/modern/SimpleGrid/SimpleGrid.d.ts

@@ -1,4 +1,7 @@
-export type Spacing = "xs" | "sm" | "md" | "lg";
+import React from "react";
+import { HvSpacingKeys } from "../theme";
+
+export type Spacing = HvSpacingKeys;
 export type Breakpoint = {
   cols?: number;
   maxWidth?: number;
@@ -7,7 +10,7 @@ export type Breakpoint = {
 };
 
 export interface SimpleGridProps {
-  children?: JSX.Element | JSX.Element[];
+  children?: React.ReactNode;
   spacing?: Spacing;
   cols?: number;
   breakpoints?: Breakpoint[];

package/dist/modern/SimpleGrid/SimpleGrid.js

@@ -7,6 +7,11 @@ import React from "react";
 import PropTypes from "prop-types";
 import { withStyles } from "@mui/styles";
 import useStyles from "./styles";
+
+/**
+ * SimpleGrid is a flexbox container where each child is treated as a column.
+ * Each column takes equal amount of space.
+ */
 import { jsx as _jsx } from "react/jsx-runtime";
 const HvSimpleGrid = _ref => {
   let {
@@ -35,7 +40,7 @@ process.env.NODE_ENV !== "production" ? HvSimpleGrid.propTypes = {
   /**
    * Spacing with pre-defined values according the values defined in the theme
    */
-  spacing: PropTypes.oneOf(["sm", "md", "lg", "xl"]),
+  spacing: PropTypes.oneOf(["xs", "sm", "md", "lg", "xl"]),
   /**
    * Provide an array to define responsive behavior:
    *
@@ -49,7 +54,7 @@ process.env.NODE_ENV !== "production" ? HvSimpleGrid.propTypes = {
     maxWidth: PropTypes.number,
     minWidth: PropTypes.number,
     cols: PropTypes.number,
-    spacing: PropTypes.oneOf(["sm", "md", "lg", "xl"])
+    spacing: PropTypes.oneOf(["xs", "sm", "md", "lg", "xl"])
   })),
   /**
    * Number of how many columns the content will be displayed

package/dist/modern/SimpleGrid/SimpleGrid.js.map

@@ -1 +1 @@
-{"version":3,"file":"SimpleGrid.js","names":["React","PropTypes","withStyles","useStyles","HvSimpleGrid","children","breakpoints","spacing","cols","others","classes","container","propTypes","node","oneOf","arrayOf","shape","maxWidth","number","minWidth","name"],"sources":["../../../src/SimpleGrid/SimpleGrid.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@mui/styles\";\nimport useStyles from \"./styles\";\n\nconst HvSimpleGrid = ({ children, breakpoints, spacing = \"sm\", cols, ...others }) => {\n  const classes = useStyles({ breakpoints, cols, spacing })();\n  return (\n    <div className={classes.container} {...others}>\n      {children}\n    </div>\n  );\n};\n\nHvSimpleGrid.propTypes = {\n  /**\n   * -\n   */\n  children: PropTypes.node,\n  /**\n   * Spacing with pre-defined values according the values defined in the theme\n   */\n  spacing: PropTypes.oneOf([\"sm\", \"md\", \"lg\", \"xl\"]),\n  /**\n   * Provide an array to define responsive behavior:\n   *\n   *    maxWidth or minWidth: max-width or min-width at which media query will work\n   *\n   *    cols: number of columns per row at given max-width\n   *\n   *    spacing: optional spacing at given max-width, if not provided spacing from component prop will be used instead\n   */\n  breakpoints: PropTypes.arrayOf(\n    PropTypes.shape({\n      maxWidth: PropTypes.number,\n      minWidth: PropTypes.number,\n      cols: PropTypes.number,\n      spacing: PropTypes.oneOf([\"sm\", \"md\", \"lg\", \"xl\"]),\n    })\n  ),\n  /**\n   * Number of how many columns the content will be displayed\n   */\n  cols: PropTypes.number,\n};\n\nexport default withStyles(useStyles, { name: \"HvSimpleGrid\" })(HvSimpleGrid);\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,UAAU,QAAQ,aAAa;AACxC,OAAOC,SAAS,MAAM,UAAU;AAAC;AAEjC,MAAMC,YAAY,GAAG,QAAgE;EAAA,IAA/D;MAAEC,QAAQ;MAAEC,WAAW;MAAEC,OAAO,GAAG,IAAI;MAAEC;IAAgB,CAAC;IAARC,MAAM;EAC5E,MAAMC,OAAO,GAAGP,SAAS,CAAC;IAAEG,WAAW;IAAEE,IAAI;IAAED;EAAQ,CAAC,CAAC,EAAE;EAC3D,oBACE;IAAK,SAAS,EAAEG,OAAO,CAACC;EAAU,GAAKF,MAAM;IAAA,UAC1CJ;EAAQ,GACL;AAEV,CAAC;AAED,wCAAAD,YAAY,CAACQ,SAAS,GAAG;EACvB;AACF;AACA;EACEP,QAAQ,EAAEJ,SAAS,CAACY,IAAI;EACxB;AACF;AACA;EACEN,OAAO,EAAEN,SAAS,CAACa,KAAK,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;EAClD;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACER,WAAW,EAAEL,SAAS,CAACc,OAAO,CAC5Bd,SAAS,CAACe,KAAK,CAAC;IACdC,QAAQ,EAAEhB,SAAS,CAACiB,MAAM;IAC1BC,QAAQ,EAAElB,SAAS,CAACiB,MAAM;IAC1BV,IAAI,EAAEP,SAAS,CAACiB,MAAM;IACtBX,OAAO,EAAEN,SAAS,CAACa,KAAK,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC;EACnD,CAAC,CAAC,CACH;EACD;AACF;AACA;EACEN,IAAI,EAAEP,SAAS,CAACiB;AAClB,CAAC;AAED,eAAehB,UAAU,CAACC,SAAS,EAAE;EAAEiB,IAAI,EAAE;AAAe,CAAC,CAAC,CAAChB,YAAY,CAAC"}
+{"version":3,"file":"SimpleGrid.js","names":["React","PropTypes","withStyles","useStyles","HvSimpleGrid","children","breakpoints","spacing","cols","others","classes","container","propTypes","node","oneOf","arrayOf","shape","maxWidth","number","minWidth","name"],"sources":["../../../src/SimpleGrid/SimpleGrid.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@mui/styles\";\nimport useStyles from \"./styles\";\n\n/**\n * SimpleGrid is a flexbox container where each child is treated as a column.\n * Each column takes equal amount of space.\n */\nconst HvSimpleGrid = ({ children, breakpoints, spacing = \"sm\", cols, ...others }) => {\n  const classes = useStyles({ breakpoints, cols, spacing })();\n  return (\n    <div className={classes.container} {...others}>\n      {children}\n    </div>\n  );\n};\n\nHvSimpleGrid.propTypes = {\n  /**\n   * -\n   */\n  children: PropTypes.node,\n  /**\n   * Spacing with pre-defined values according the values defined in the theme\n   */\n  spacing: PropTypes.oneOf([\"xs\", \"sm\", \"md\", \"lg\", \"xl\"]),\n  /**\n   * Provide an array to define responsive behavior:\n   *\n   *    maxWidth or minWidth: max-width or min-width at which media query will work\n   *\n   *    cols: number of columns per row at given max-width\n   *\n   *    spacing: optional spacing at given max-width, if not provided spacing from component prop will be used instead\n   */\n  breakpoints: PropTypes.arrayOf(\n    PropTypes.shape({\n      maxWidth: PropTypes.number,\n      minWidth: PropTypes.number,\n      cols: PropTypes.number,\n      spacing: PropTypes.oneOf([\"xs\", \"sm\", \"md\", \"lg\", \"xl\"]),\n    })\n  ),\n  /**\n   * Number of how many columns the content will be displayed\n   */\n  cols: PropTypes.number,\n};\n\nexport default withStyles(useStyles, { name: \"HvSimpleGrid\" })(HvSimpleGrid);\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,UAAU,QAAQ,aAAa;AACxC,OAAOC,SAAS,MAAM,UAAU;;AAEhC;AACA;AACA;AACA;AAHA;AAIA,MAAMC,YAAY,GAAG,QAAgE;EAAA,IAA/D;MAAEC,QAAQ;MAAEC,WAAW;MAAEC,OAAO,GAAG,IAAI;MAAEC;IAAgB,CAAC;IAARC,MAAM;EAC5E,MAAMC,OAAO,GAAGP,SAAS,CAAC;IAAEG,WAAW;IAAEE,IAAI;IAAED;EAAQ,CAAC,CAAC,EAAE;EAC3D,oBACE;IAAK,SAAS,EAAEG,OAAO,CAACC;EAAU,GAAKF,MAAM;IAAA,UAC1CJ;EAAQ,GACL;AAEV,CAAC;AAED,wCAAAD,YAAY,CAACQ,SAAS,GAAG;EACvB;AACF;AACA;EACEP,QAAQ,EAAEJ,SAAS,CAACY,IAAI;EACxB;AACF;AACA;EACEN,OAAO,EAAEN,SAAS,CAACa,KAAK,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;EACxD;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACER,WAAW,EAAEL,SAAS,CAACc,OAAO,CAC5Bd,SAAS,CAACe,KAAK,CAAC;IACdC,QAAQ,EAAEhB,SAAS,CAACiB,MAAM;IAC1BC,QAAQ,EAAElB,SAAS,CAACiB,MAAM;IAC1BV,IAAI,EAAEP,SAAS,CAACiB,MAAM;IACtBX,OAAO,EAAEN,SAAS,CAACa,KAAK,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC;EACzD,CAAC,CAAC,CACH;EACD;AACF;AACA;EACEN,IAAI,EAAEP,SAAS,CAACiB;AAClB,CAAC;AAED,eAAehB,UAAU,CAACC,SAAS,EAAE;EAAEiB,IAAI,EAAE;AAAe,CAAC,CAAC,CAAChB,YAAY,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hitachivantara/uikit-react-core",
-  "version": "4.1.0",
+  "version": "4.2.0",
   "description": "A collection of React components for the Hitachi Vantara's Design System.",
   "homepage": "https://github.com/lumada-design/hv-uikit-react",
   "license": "Apache-2.0",
@@ -45,7 +45,7 @@
   },
   "dependencies": {
     "@hitachivantara/uikit-common-themes": "^4.0.3",
-    "@hitachivantara/uikit-react-icons": "^4.0.3",
+    "@hitachivantara/uikit-react-icons": "^4.0.4",
     "@popperjs/core": "2.11.5",
     "@types/react-table": "^7.7.12",
     "attr-accept": "^2.2.2",
@@ -83,5 +83,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "73337338eb03a7fa1f4f6ef819c2bf0c086aab31"
+  "gitHead": "5212d5d63e44583064ade7cfd1ecfceec91ca7b9"
 }