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

package/dist/Dropdown/List/List.js

@@ -23,8 +23,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
@@ -53,7 +51,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _isNil = _interopRequireDefault(require("lodash/isNil"));
 
-var _core = require("@material-ui/core");
+var _styles = require("@mui/styles");
 
 var _utils = require("../../utils");
 
@@ -61,10 +59,12 @@ var _ = require("../..");
 
 var _utils2 = require("../utils");
 
-var _styles = _interopRequireDefault(require("./styles"));
+var _styles2 = _interopRequireDefault(require("./styles"));
 
 var _BaseDropdownContext = _interopRequireDefault(require("../../BaseDropdown/BaseDropdownContext"));
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var _excluded = ["id", "classes", "values", "multiSelect", "showSearch", "onChange", "onCancel", "labels", "notifyChangesOnFirstRender", "hasTooltips", "singleSelectionToggle", "height", "virtualized"];
 
 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); }
@@ -151,7 +151,7 @@ var List = function List(_ref) {
       width = _useContext.width,
       height = _useContext.height;
 
-  var theme = (0, _core.useTheme)();
+  var theme = (0, _styles.useTheme)();
   var newLabels = {
     selectAll: labels.selectAll,
     selectionConjunction: labels.multiSelectionConjunction
@@ -230,17 +230,18 @@ var List = function List(_ref) {
 
 
   var renderSearch = function renderSearch() {
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: classes.searchContainer
-    }, /*#__PURE__*/_react.default.createElement(_.HvInput, {
-      id: (0, _utils.setId)(id, "search"),
-      type: "search",
-      value: searchStr,
-      placeholder: labels.searchPlaceholder,
-      onChange: function onChange(event, str) {
-        return handleSearch(str);
-      }
-    }));
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: classes.searchContainer,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.HvInput, {
+        id: (0, _utils.setId)(id, "search"),
+        type: "search",
+        value: searchStr,
+        placeholder: labels.searchPlaceholder,
+        onChange: function onChange(event, str) {
+          return handleSearch(str);
+        }
+      })
+    });
   };
   /**
    * Select all the values inside the dropdown.
@@ -268,26 +269,34 @@ var List = function List(_ref) {
     var selectAll = labels.selectAll,
         multiSelectionConjunction = labels.multiSelectionConjunction;
     var nbrSelected = (0, _utils2.getSelected)(list).length;
-
-    var defaultLabel = /*#__PURE__*/_react.default.createElement(_.HvTypography, {
-      component: "span"
-    }, nbrSelected > 0 ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("b", null, nbrSelected), " ".concat(multiSelectionConjunction, " ").concat(list.length)) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("b", null, selectAll), " (".concat(list.length, ")")));
-
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: classes.selectAllContainer
-    }, /*#__PURE__*/_react.default.createElement(_.HvCheckBox, {
-      id: (0, _utils.setId)(id, "select-all"),
-      label: defaultLabel,
-      onChange: function onChange() {
-        return handleSelectAll();
-      },
-      classes: {
-        container: classes.selection
-      },
-      className: classes.selectAll,
-      indeterminate: anySelected && !allSelected,
-      checked: allSelected
-    }));
+    var defaultLabel = /*#__PURE__*/(0, _jsxRuntime.jsx)(_.HvTypography, {
+      component: "span",
+      children: nbrSelected > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("b", {
+          children: nbrSelected
+        }), " ".concat(multiSelectionConjunction, " ").concat(list.length)]
+      }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("b", {
+          children: selectAll
+        }), " (".concat(list.length, ")")]
+      })
+    });
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: classes.selectAllContainer,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.HvCheckBox, {
+        id: (0, _utils.setId)(id, "select-all"),
+        label: defaultLabel,
+        onChange: function onChange() {
+          return handleSelectAll();
+        },
+        classes: {
+          container: classes.selection
+        },
+        className: classes.selectAll,
+        indeterminate: anySelected && !allSelected,
+        checked: allSelected
+      })
+    });
   };
   /**
    * When selecting the state list is updated with the corresponding selection.
@@ -312,29 +321,32 @@ var List = function List(_ref) {
   var renderActions = function renderActions() {
     var applyLabel = labels.applyLabel,
         cancelLabel = labels.cancelLabel;
-    return /*#__PURE__*/_react.default.createElement(_.HvActionBar, {
-      id: (0, _utils.setId)(id, "actions")
-    }, /*#__PURE__*/_react.default.createElement(_.HvButton, {
-      id: (0, _utils.setId)(id, "actions-apply"),
-      onClick: function onClick() {
-        return onChange(cleanHidden(list), true, true, true);
-      },
-      category: "ghost"
-    }, applyLabel), /*#__PURE__*/_react.default.createElement(_.HvButton, {
-      id: (0, _utils.setId)(id, "actions-cancel"),
-      onClick: onCancel,
-      category: "ghost"
-    }, cancelLabel));
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.HvActionBar, {
+      id: (0, _utils.setId)(id, "actions"),
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.HvButton, {
+        id: (0, _utils.setId)(id, "actions-apply"),
+        onClick: function onClick() {
+          return onChange(cleanHidden(list), true, true, true);
+        },
+        category: "ghost",
+        children: applyLabel
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.HvButton, {
+        id: (0, _utils.setId)(id, "actions-cancel"),
+        onClick: onCancel,
+        category: "ghost",
+        children: cancelLabel
+      })]
+    });
   };
 
   var showList = valuesExist(values);
   var maxSizeClasses = (0, _react.useMemo)(function () {
-    return (0, _core.makeStyles)({
+    return (0, _styles.makeStyles)({
       root: _objectSpread(_objectSpread({}, dropdownHeight && {
         height: dropdownHeight
       }), {}, {
         maxWidth: width,
-        maxHeight: "calc(".concat(height, "px - 32px - ").concat(theme.spacing("xs"), "px - ").concat(theme.spacing("sm"), "px)"),
+        maxHeight: "calc(".concat(height, "px - 32px - ").concat(theme.spacing("xs"), " - ").concat(theme.spacing("sm"), ")"),
         overflow: "auto",
         padding: 5
       }),
@@ -346,30 +358,32 @@ var List = function List(_ref) {
       }
     });
   }, [width, height, dropdownHeight, theme])();
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.rootList
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.listBorderDown
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.listContainer
-  }, showSearch && renderSearch(), showList && multiSelect && renderSelectAll(), showList && /*#__PURE__*/_react.default.createElement(_.HvList, (0, _extends2.default)({
-    id: (0, _utils.setId)(id, "list"),
-    classes: {
-      root: (0, _clsx.default)(classes.dropdownListContainer, dropdownHeight && maxSizeClasses.root, virtualized && maxSizeClasses.virtualized)
-    },
-    values: list,
-    multiSelect: multiSelect,
-    useSelector: multiSelect,
-    showSelectAll: false,
-    onChange: onSelection,
-    labels: newLabels,
-    hasTooltips: hasTooltips,
-    selectable: true,
-    condensed: true,
-    singleSelectionToggle: singleSelectionToggle,
-    height: dropdownHeight,
-    virtualized: virtualized
-  }, others))), showList && multiSelect ? renderActions() : null);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: classes.rootList,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: classes.listBorderDown
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: classes.listContainer,
+      children: [showSearch && renderSearch(), showList && multiSelect && renderSelectAll(), showList && /*#__PURE__*/(0, _jsxRuntime.jsx)(_.HvList, _objectSpread({
+        id: (0, _utils.setId)(id, "list"),
+        classes: {
+          root: (0, _clsx.default)(classes.dropdownListContainer, dropdownHeight && maxSizeClasses.root, virtualized && maxSizeClasses.virtualized)
+        },
+        values: list,
+        multiSelect: multiSelect,
+        useSelector: multiSelect,
+        showSelectAll: false,
+        onChange: onSelection,
+        labels: newLabels,
+        hasTooltips: hasTooltips,
+        selectable: true,
+        condensed: true,
+        singleSelectionToggle: singleSelectionToggle,
+        height: dropdownHeight,
+        virtualized: virtualized
+      }, others))]
+    }), showList && multiSelect ? renderActions() : null]
+  });
 };
 
 process.env.NODE_ENV !== "production" ? List.propTypes = {
@@ -440,7 +454,7 @@ process.env.NODE_ENV !== "production" ? List.propTypes = {
   virtualized: _propTypes.default.bool
 } : void 0;
 
-var _default = (0, _core.withStyles)(_styles.default, {
+var _default = (0, _styles.withStyles)(_styles2.default, {
   name: "HvDropdownList"
 })(List);
 

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

@@ -1 +1 @@
-{"version":3,"file":"List.js","names":["clone","values","map","value","cleanHidden","lst","item","isHidden","valuesExist","isNil","length","List","id","classes","multiSelect","showSearch","onChange","onCancel","labels","notifyChangesOnFirstRender","hasTooltips","singleSelectionToggle","dropdownHeight","height","virtualized","others","useState","searchStr","setSearchStr","list","setList","allSelected","setAllSelected","anySelected","setAnySelected","useContext","BaseDropdownContext","width","theme","useTheme","newLabels","selectAll","selectionConjunction","multiSelectionConjunction","updateSelectAll","listValues","nbrSelected","getSelected","hasSelection","allSelect","useEffect","handleSearch","str","results","filter","searchValue","label","stringValue","String","toLowerCase","indexOf","newList","elem","isResult","find","result","renderSearch","searchContainer","setId","searchPlaceholder","event","handleSelectAll","selected","renderSelectAll","defaultLabel","selectAllContainer","container","selection","onSelection","renderActions","applyLabel","cancelLabel","showList","maxSizeClasses","useMemo","makeStyles","root","maxWidth","maxHeight","spacing","overflow","padding","rootList","listBorderDown","listContainer","clsx","dropdownListContainer","propTypes","PropTypes","string","isRequired","instanceOf","Object","Array","bool","func","number","withStyles","styles","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 { withStyles, makeStyles, useTheme } from \"@material-ui/core\";\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\")}px - ${theme.spacing(\n            \"sm\"\n          )}px)`,\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":["clone","values","map","value","cleanHidden","lst","item","isHidden","valuesExist","isNil","length","List","id","classes","multiSelect","showSearch","onChange","onCancel","labels","notifyChangesOnFirstRender","hasTooltips","singleSelectionToggle","dropdownHeight","height","virtualized","others","useState","searchStr","setSearchStr","list","setList","allSelected","setAllSelected","anySelected","setAnySelected","useContext","BaseDropdownContext","width","theme","useTheme","newLabels","selectAll","selectionConjunction","multiSelectionConjunction","updateSelectAll","listValues","nbrSelected","getSelected","hasSelection","allSelect","useEffect","handleSearch","str","results","filter","searchValue","label","stringValue","String","toLowerCase","indexOf","newList","elem","isResult","find","result","renderSearch","searchContainer","setId","searchPlaceholder","event","handleSelectAll","selected","renderSelectAll","defaultLabel","selectAllContainer","container","selection","onSelection","renderActions","applyLabel","cancelLabel","showList","maxSizeClasses","useMemo","makeStyles","root","maxWidth","maxHeight","spacing","overflow","padding","rootList","listBorderDown","listContainer","clsx","dropdownListContainer","propTypes","PropTypes","string","isRequired","instanceOf","Object","Array","bool","func","number","withStyles","styles","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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMA,KAAK,GAAG,SAARA,KAAQ,CAACC,MAAD;EAAA,OAAYA,MAAM,CAACC,GAAP,CAAW,UAACC,KAAD;IAAA,yBAAiBA,KAAjB;EAAA,CAAX,CAAZ;AAAA,CAAd;AAEA;AACA;AACA;;;AACA,IAAMC,WAAW,GAAG,SAAdA,WAAc,CAACC,GAAD;EAAA,OAASA,GAAG,CAACH,GAAJ,CAAQ,UAACI,IAAD;IAAA,uCAAgBA,IAAhB;MAAsBC,QAAQ,EAAE;IAAhC;EAAA,CAAR,CAAT;AAAA,CAApB;;AAEA,IAAMC,WAAW,GAAG,SAAdA,WAAc,CAACP,MAAD;EAAA,OAAY,CAAC,IAAAQ,cAAA,EAAMR,MAAN,CAAD,IAAkB,CAAAA,MAAM,SAAN,IAAAA,MAAM,WAAN,YAAAA,MAAM,CAAES,MAAR,IAAiB,CAA/C;AAAA,CAApB;;AAEA,IAAMC,IAAI,GAAG,SAAPA,IAAO,OAeP;EAAA,IAdJC,EAcI,QAdJA,EAcI;EAAA,IAbJC,OAaI,QAbJA,OAaI;EAAA,uBAZJZ,MAYI;EAAA,IAZJA,MAYI,4BAZK,EAYL;EAAA,4BAXJa,WAWI;EAAA,IAXJA,WAWI,iCAXU,KAWV;EAAA,2BAVJC,UAUI;EAAA,IAVJA,UAUI,gCAVS,KAUT;EAAA,IATJC,QASI,QATJA,QASI;EAAA,IARJC,QAQI,QARJA,QAQI;EAAA,IAPJC,MAOI,QAPJA,MAOI;EAAA,iCANJC,0BAMI;EAAA,IANJA,0BAMI,sCANyB,KAMzB;EAAA,4BALJC,WAKI;EAAA,IALJA,WAKI,iCALU,KAKV;EAAA,IAJJC,qBAII,QAJJA,qBAII;EAAA,IAHIC,cAGJ,QAHJC,MAGI;EAAA,4BAFJC,WAEI;EAAA,IAFJA,WAEI,iCAFU,KAEV;EAAA,IADDC,MACC;;EACJ,gBAAkC,IAAAC,eAAA,EAAS,EAAT,CAAlC;EAAA;EAAA,IAAOC,SAAP;EAAA,IAAkBC,YAAlB;;EACA,iBAAwB,IAAAF,eAAA,EAAS1B,KAAK,CAACC,MAAD,CAAd,CAAxB;EAAA;EAAA,IAAO4B,IAAP;EAAA,IAAaC,OAAb;;EACA,iBAAsC,IAAAJ,eAAA,EAAS,KAAT,CAAtC;EAAA;EAAA,IAAOK,WAAP;EAAA,IAAoBC,cAApB;;EACA,iBAAsC,IAAAN,eAAA,EAAS,KAAT,CAAtC;EAAA;EAAA,IAAOO,WAAP;EAAA,IAAoBC,cAApB;;EACA,kBAA0B,IAAAC,iBAAA,EAAWC,4BAAX,CAA1B;EAAA,IAAQC,KAAR,eAAQA,KAAR;EAAA,IAAed,MAAf,eAAeA,MAAf;;EACA,IAAMe,KAAK,GAAG,IAAAC,gBAAA,GAAd;EAEA,IAAMC,SAAS,GAAG;IAChBC,SAAS,EAAEvB,MAAM,CAACuB,SADF;IAEhBC,oBAAoB,EAAExB,MAAM,CAACyB;EAFb,CAAlB;EAKA;AACF;AACA;;EACE,IAAMC,eAAe,GAAG,SAAlBA,eAAkB,CAACC,UAAD,EAAgB;IACtC,IAAI,CAACA,UAAL,EAAiB;IACjB,IAAMC,WAAW,GAAG,IAAAC,mBAAA,EAAYF,UAAZ,EAAwBnC,MAA5C;IACA,IAAMsC,YAAY,GAAGF,WAAW,GAAG,CAAnC;IACA,IAAMG,SAAS,GAAGH,WAAW,KAAKD,UAAU,CAACnC,MAA7C;IAEAwB,cAAc,CAACc,YAAD,CAAd;IACAhB,cAAc,CAACgB,YAAY,IAAIC,SAAjB,CAAd;EACD,CARD;EAUA;AACF;AACA;;;EACE,IAAAC,gBAAA,EAAU,YAAM;IACd,IAAI,CAAC1C,WAAW,CAACP,MAAD,CAAhB,EAA0B;IAC1B6B,OAAO,CAAC9B,KAAK,CAACC,MAAD,CAAN,CAAP;IACA2C,eAAe,CAAC3C,MAAD,CAAf;;IACA,IAAIkB,0BAAJ,EAAgC;MAC9BH,QAAQ,SAAR,IAAAA,QAAQ,WAAR,YAAAA,QAAQ,CAAGf,MAAH,EAAW,KAAX,EAAkB,KAAlB,EAAyB,IAAzB,CAAR;IACD,CANa,CAOd;;EACD,CARD,EAQG,CAACA,MAAD,CARH;EAUA;AACF;AACA;AACA;AACA;;EACE,IAAMkD,YAAY,GAAG,SAAfA,YAAe,CAACC,GAAD,EAAS;IAC5B,IAAMC,OAAO,GAAGxB,IAAI,GAChBA,IAAI,CAACyB,MAAL,CAAY,iBAAmC;MAAA,IAAhCC,WAAgC,SAAhCA,WAAgC;MAAA,IAAnBC,KAAmB,SAAnBA,KAAmB;MAAA,IAAZrD,KAAY,SAAZA,KAAY;MAC7C,IAAIsD,WAAW,GAAG,EAAlB;;MACA,IAAI,OAAOF,WAAP,KAAuB,QAAvB,IAAmCA,WAAW,YAAYG,MAA9D,EAAsE;QACpED,WAAW,GAAGF,WAAW,CAACI,WAAZ,EAAd;MACD,CAFD,MAEO,IAAI,OAAOH,KAAP,KAAiB,QAAjB,IAA6BA,KAAK,YAAYE,MAAlD,EAA0D;QAC/DD,WAAW,GAAGD,KAAK,CAACG,WAAN,EAAd;MACD,CAFM,MAEA,IAAI,OAAOxD,KAAP,KAAiB,QAAjB,IAA6BA,KAAK,YAAYuD,MAAlD,EAA0D;QAC/DD,WAAW,GAAGtD,KAAK,CAACwD,WAAN,EAAd;MACD;;MAED,OAAOF,WAAW,CAACG,OAAZ,CAAoBR,GAAG,CAACO,WAAJ,EAApB,KAA0C,CAAjD;IACD,CAXD,CADgB,GAahB,IAbJ;;IAeA,IAAI,CAAC,IAAAlD,cAAA,EAAM4C,OAAN,CAAL,EAAqB;MACnB,IAAMQ,OAAO,GAAGhC,IAAI,CAAC3B,GAAL,CAAS,UAAC4D,IAAD,EAAU;QACjC,IAAMC,QAAQ,GAAGV,OAAO,CAACW,IAAR,CAAa,UAACC,MAAD;UAAA,OAAYA,MAAM,CAACT,KAAP,KAAiBM,IAAI,CAACN,KAAlC;QAAA,CAAb,CAAjB;QACA,uCAAYM,IAAZ;UAAkBvD,QAAQ,EAAE,CAACwD;QAA7B;MACD,CAHe,CAAhB;MAKAjC,OAAO,CAAC+B,OAAD,CAAP;MACAjC,YAAY,CAACwB,GAAD,CAAZ;IACD;;IACD,OAAOA,GAAP;EACD,CA1BD;EA4BA;AACF;AACA;AACA;AACA;;;EACE,IAAMc,YAAY,GAAG,SAAfA,YAAe;IAAA,oBACnB;MAAK,SAAS,EAAErD,OAAO,CAACsD,eAAxB;MAAA,uBACE,qBAAC,SAAD;QACE,EAAE,EAAE,IAAAC,YAAA,EAAMxD,EAAN,EAAU,QAAV,CADN;QAEE,IAAI,EAAC,QAFP;QAGE,KAAK,EAAEe,SAHT;QAIE,WAAW,EAAET,MAAM,CAACmD,iBAJtB;QAKE,QAAQ,EAAE,kBAACC,KAAD,EAAQlB,GAAR;UAAA,OAAgBD,YAAY,CAACC,GAAD,CAA5B;QAAA;MALZ;IADF,EADmB;EAAA,CAArB;EAYA;AACF;AACA;AACA;;;EACE,IAAMmB,eAAe,GAAG,SAAlBA,eAAkB,GAAM;IAC5B,IAAMV,OAAO,GAAGhC,IAAI,CAAC3B,GAAL,CAAS,UAAC4D,IAAD;MAAA,uCAAgBA,IAAhB;QAAsBU,QAAQ,EAAE,CAACvC;MAAjC;IAAA,CAAT,CAAhB;IACAH,OAAO,CAAC+B,OAAD,CAAP;IACAjB,eAAe,CAACiB,OAAD,CAAf;EACD,CAJD;EAMA;AACF;AACA;AACA;AACA;;;EACE,IAAMY,eAAe,GAAG,SAAlBA,eAAkB,GAAM;IAC5B,IAAQhC,SAAR,GAAiDvB,MAAjD,CAAQuB,SAAR;IAAA,IAAmBE,yBAAnB,GAAiDzB,MAAjD,CAAmByB,yBAAnB;IACA,IAAMG,WAAW,GAAG,IAAAC,mBAAA,EAAYlB,IAAZ,EAAkBnB,MAAtC;IAEA,IAAMgE,YAAY,gBAChB,qBAAC,cAAD;MAAc,SAAS,EAAC,MAAxB;MAAA,UACG5B,WAAW,GAAG,CAAd,gBACC;QAAA,wBACE;UAAA,UAAIA;QAAJ,EADF,aAEOH,yBAFP,cAEoCd,IAAI,CAACnB,MAFzC;MAAA,EADD,gBAMC;QAAA,wBACE;UAAA,UAAI+B;QAAJ,EADF,cAEQZ,IAAI,CAACnB,MAFb;MAAA;IAPJ,EADF;IAgBA,oBACE;MAAK,SAAS,EAAEG,OAAO,CAAC8D,kBAAxB;MAAA,uBACE,qBAAC,YAAD;QACE,EAAE,EAAE,IAAAP,YAAA,EAAMxD,EAAN,EAAU,YAAV,CADN;QAEE,KAAK,EAAE8D,YAFT;QAGE,QAAQ,EAAE;UAAA,OAAMH,eAAe,EAArB;QAAA,CAHZ;QAIE,OAAO,EAAE;UAAEK,SAAS,EAAE/D,OAAO,CAACgE;QAArB,CAJX;QAKE,SAAS,EAAEhE,OAAO,CAAC4B,SALrB;QAME,aAAa,EAAER,WAAW,IAAI,CAACF,WANjC;QAOE,OAAO,EAAEA;MAPX;IADF,EADF;EAaD,CAjCD;EAmCA;AACF;AACA;AACA;AACA;;;EACE,IAAM+C,WAAW,GAAG,SAAdA,WAAc,CAACjC,UAAD,EAAgB;IAClC,IAAI,CAAC/B,WAAL,EAAkB;MAChBE,QAAQ,CAACZ,WAAW,CAACyC,UAAD,CAAZ,EAA0B,IAA1B,EAAgC,IAAhC,EAAsC,IAAtC,CAAR;IACD,CAFD,MAEO;MACLD,eAAe,CAACC,UAAD,CAAf;MACAf,OAAO,CAAC9B,KAAK,CAAC6C,UAAD,CAAN,CAAP;IACD;EACF,CAPD;EASA;AACF;AACA;;;EACE,IAAMkC,aAAa,GAAG,SAAhBA,aAAgB,GAAM;IAC1B,IAAQC,UAAR,GAAoC9D,MAApC,CAAQ8D,UAAR;IAAA,IAAoBC,WAApB,GAAoC/D,MAApC,CAAoB+D,WAApB;IACA,oBACE,sBAAC,aAAD;MAAa,EAAE,EAAE,IAAAb,YAAA,EAAMxD,EAAN,EAAU,SAAV,CAAjB;MAAA,wBACE,qBAAC,UAAD;QACE,EAAE,EAAE,IAAAwD,YAAA,EAAMxD,EAAN,EAAU,eAAV,CADN;QAEE,OAAO,EAAE;UAAA,OAAMI,QAAQ,CAACZ,WAAW,CAACyB,IAAD,CAAZ,EAAoB,IAApB,EAA0B,IAA1B,EAAgC,IAAhC,CAAd;QAAA,CAFX;QAGE,QAAQ,EAAC,OAHX;QAAA,UAKGmD;MALH,EADF,eAQE,qBAAC,UAAD;QAAU,EAAE,EAAE,IAAAZ,YAAA,EAAMxD,EAAN,EAAU,gBAAV,CAAd;QAA2C,OAAO,EAAEK,QAApD;QAA8D,QAAQ,EAAC,OAAvE;QAAA,UACGgE;MADH,EARF;IAAA,EADF;EAcD,CAhBD;;EAkBA,IAAMC,QAAQ,GAAG1E,WAAW,CAACP,MAAD,CAA5B;EAEA,IAAMkF,cAAc,GAAG,IAAAC,cAAA,EACrB;IAAA,OACE,IAAAC,kBAAA,EAAW;MACTC,IAAI,kCACEhE,cAAc,IAAI;QAAEC,MAAM,EAAED;MAAV,CADpB;QAEFiE,QAAQ,EAAElD,KAFR;QAGFmD,SAAS,iBAAUjE,MAAV,yBAA+Be,KAAK,CAACmD,OAAN,CAAc,IAAd,CAA/B,gBAAwDnD,KAAK,CAACmD,OAAN,CAAc,IAAd,CAAxD,MAHP;QAIFC,QAAQ,EAAE,MAJR;QAKFC,OAAO,EAAE;MALP,EADK;MAQTnE,WAAW,EAAE;QACX+D,QAAQ,EAAE,SADC;QAEXC,SAAS,EAAE,SAFA;QAGXE,QAAQ,EAAE,SAHC;QAIXC,OAAO,EAAE;MAJE;IARJ,CAAX,CADF;EAAA,CADqB,EAiBrB,CAACtD,KAAD,EAAQd,MAAR,EAAgBD,cAAhB,EAAgCgB,KAAhC,CAjBqB,GAAvB;EAoBA,oBACE;IAAK,SAAS,EAAEzB,OAAO,CAAC+E,QAAxB;IAAA,wBACE;MAAK,SAAS,EAAE/E,OAAO,CAACgF;IAAxB,EADF,eAEE;MAAK,SAAS,EAAEhF,OAAO,CAACiF,aAAxB;MAAA,WACG/E,UAAU,IAAImD,YAAY,EAD7B,EAEGgB,QAAQ,IAAIpE,WAAZ,IAA2B2D,eAAe,EAF7C,EAGGS,QAAQ,iBACP,qBAAC,QAAD;QACE,EAAE,EAAE,IAAAd,YAAA,EAAMxD,EAAN,EAAU,MAAV,CADN;QAEE,OAAO,EAAE;UACP0E,IAAI,EAAE,IAAAS,aAAA,EACJlF,OAAO,CAACmF,qBADJ,EAEJ1E,cAFI,IAEc6D,cAAc,CAACG,IAF7B,EAGJ9D,WAHI,IAGW2D,cAAc,CAAC3D,WAH1B;QADC,CAFX;QASE,MAAM,EAAEK,IATV;QAUE,WAAW,EAAEf,WAVf;QAWE,WAAW,EAAEA,WAXf;QAYE,aAAa,EAAE,KAZjB;QAaE,QAAQ,EAAEgE,WAbZ;QAcE,MAAM,EAAEtC,SAdV;QAeE,WAAW,EAAEpB,WAff;QAgBE,UAAU,MAhBZ;QAiBE,SAAS,MAjBX;QAkBE,qBAAqB,EAAEC,qBAlBzB;QAmBE,MAAM,EAAEC,cAnBV;QAoBE,WAAW,EAAEE;MApBf,GAqBMC,MArBN,EAJJ;IAAA,EAFF,EA+BGyD,QAAQ,IAAIpE,WAAZ,GAA0BiE,aAAa,EAAvC,GAA4C,IA/B/C;EAAA,EADF;AAmCD,CAtPD;;AAwPA,wCAAApE,IAAI,CAACsF,SAAL,GAAiB;EACf;AACF;AACA;EACErF,EAAE,EAAEsF,kBAAA,CAAUC,MAAV,CAAiBC,UAJN;;EAKf;AACF;AACA;EACEvF,OAAO,EAAEqF,kBAAA,CAAUG,UAAV,CAAqBC,MAArB,EAA6BF,UARvB;;EASf;AACF;AACA;EACEnG,MAAM,EAAEiG,kBAAA,CAAUG,UAAV,CAAqBE,KAArB,CAZO;;EAaf;AACF;AACA;EACEzF,WAAW,EAAEoF,kBAAA,CAAUM,IAhBR;;EAiBf;AACF;AACA;EACEzF,UAAU,EAAEmF,kBAAA,CAAUM,IApBP;;EAqBf;AACF;AACA;AACA;EACExF,QAAQ,EAAEkF,kBAAA,CAAUO,IAzBL;;EA0Bf;AACF;AACA;EACExF,QAAQ,EAAEiF,kBAAA,CAAUO,IA7BL;;EA8Bf;AACF;AACA;EACEvF,MAAM,EAAEgF,kBAAA,CAAUG,UAAV,CAAqBC,MAArB,EAA6BF,UAjCtB;;EAkCf;AACF;AACA;EACEjF,0BAA0B,EAAE+E,kBAAA,CAAUM,IArCvB;;EAsCf;AACF;AACA;EACEpF,WAAW,EAAE8E,kBAAA,CAAUM,IAzCR;;EA0Cf;AACF;AACA;EACEnF,qBAAqB,EAAE6E,kBAAA,CAAUM,IAAV,CAAeJ,UA7CvB;;EA8Cf;AACF;AACA;EACE7E,MAAM,EAAE2E,kBAAA,CAAUQ,MAjDH;;EAkDf;AACF;AACA;EACElF,WAAW,EAAE0E,kBAAA,CAAUM;AArDR,CAAjB;;eAwDe,IAAAG,kBAAA,EAAWC,gBAAX,EAAmB;EAAEC,IAAI,EAAE;AAAR,CAAnB,EAA+ClG,IAA/C,C"}

package/dist/EmptyState/EmptyState.d.ts

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

package/dist/EmptyState/EmptyState.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", {
@@ -7,7 +21,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"));
 
@@ -17,20 +31,27 @@ var _clsx = _interopRequireDefault(require("clsx"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _core = require("@material-ui/core");
+var _styles = require("@mui/styles");
 
 var _Typography = _interopRequireDefault(require("../Typography"));
 
-var _styles = _interopRequireDefault(require("./styles"));
+var _styles2 = _interopRequireDefault(require("./styles"));
+
+var _jsxRuntime = require("react/jsx-runtime");
 
 var _excluded = ["classes", "className", "title", "message", "action", "icon"];
 
+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 renderNode = function renderNode(node, className, variant) {
-  return node && /*#__PURE__*/_react.default.createElement(_Typography.default, {
+  return node && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
     component: "div",
     className: className,
-    variant: variant
-  }, node);
+    variant: variant,
+    children: node
+  });
 };
 /**
  * Empty states communicate that there’s no information, data or values to display in a given context.
@@ -45,15 +66,20 @@ var EmptyState = function EmptyState(props) {
       action = props.action,
       icon = props.icon,
       others = (0, _objectWithoutProperties2.default)(props, _excluded);
-  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({
     className: (0, _clsx.default)(className, classes.root)
-  }, others), /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _clsx.default)(classes.container, message && !(title || action) && classes.containerMessageOnly)
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.iconContainer
-  }, icon), /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.textContainer
-  }, renderNode(title, classes.titleContainer, "xxsTitle"), renderNode(message, classes.messageContainer, "normalText"), renderNode(action, classes.actionContainer, "normalText"))));
+  }, others), {}, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: (0, _clsx.default)(classes.container, message && !(title || action) && classes.containerMessageOnly),
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: classes.iconContainer,
+        children: icon
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: classes.textContainer,
+        children: [renderNode(title, classes.titleContainer, "xxsTitle"), renderNode(message, classes.messageContainer, "normalText"), renderNode(action, classes.actionContainer, "normalText")]
+      })]
+    })
+  }));
 };
 
 process.env.NODE_ENV !== "production" ? EmptyState.propTypes = {
@@ -128,7 +154,7 @@ process.env.NODE_ENV !== "production" ? EmptyState.propTypes = {
   icon: _propTypes.default.element.isRequired
 } : void 0;
 
-var _default = (0, _core.withStyles)(_styles.default, {
+var _default = (0, _styles.withStyles)(_styles2.default, {
   name: "HvEmptyState"
 })(EmptyState);
 

package/dist/EmptyState/EmptyState.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmptyState.js","names":["renderNode","node","className","variant","EmptyState","props","classes","title","message","action","icon","others","clsx","root","container","containerMessageOnly","iconContainer","textContainer","titleContainer","messageContainer","actionContainer","propTypes","PropTypes","string","shape","isRequired","element","withStyles","styles","name"],"sources":["../../src/EmptyState/EmptyState.js"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\nimport HvTypography from \"../Typography\";\nimport styles from \"./styles\";\n\nconst renderNode = (node, className, variant) =>\n  node && (\n    <HvTypography component=\"div\" className={className} variant={variant}>\n      {node}\n    </HvTypography>\n  );\n\n/**\n * Empty states communicate that there’s no information, data or values to display in a given context.\n */\nconst EmptyState = (props) => {\n  const { classes, className, title, message, action, icon, ...others } = props;\n  return (\n    <div className={clsx(className, classes.root)} {...others}>\n      <div\n        className={clsx(classes.container, {\n          [classes.containerMessageOnly]: message && !(title || action),\n        })}\n      >\n        <div className={classes.iconContainer}>{icon}</div>\n        <div className={classes.textContainer}>\n          {renderNode(title, classes.titleContainer, \"xxsTitle\")}\n          {renderNode(message, classes.messageContainer, \"normalText\")}\n          {renderNode(action, classes.actionContainer, \"normalText\")}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nEmptyState.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied to the empty state component.\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 container class.\n     */\n    container: PropTypes.string,\n    /**\n     * Styles applied to the component container class, when there is no title or action.\n     */\n    containerMessageOnly: PropTypes.string,\n    /**\n     * Styles applied to the icon container class.\n     */\n    iconContainer: PropTypes.string,\n    /**\n     * Styles applied to the text container class.\n     */\n    textContainer: PropTypes.string,\n    /**\n     * Styles applied to the title container class.\n     */\n    titleContainer: PropTypes.string,\n    /**\n     * Styles applied to the message container class.\n     */\n    messageContainer: PropTypes.string,\n    /**\n     * Styles applied to the action message container class.\n     */\n    actionContainer: PropTypes.string,\n  }).isRequired,\n  /**\n   * The title to be shown.\n   */\n  title: PropTypes.node,\n  /**\n   * The message to be shown.\n   */\n  message: PropTypes.node.isRequired,\n  /**\n   * The action message to be shown.\n   */\n  action: PropTypes.node,\n  /**\n   *  Icon to be presented.\n   */\n  icon: PropTypes.element.isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvEmptyState\" })(EmptyState);\n"],"mappings":"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"}
+{"version":3,"file":"EmptyState.js","names":["renderNode","node","className","variant","EmptyState","props","classes","title","message","action","icon","others","clsx","root","container","containerMessageOnly","iconContainer","textContainer","titleContainer","messageContainer","actionContainer","propTypes","PropTypes","string","shape","isRequired","element","withStyles","styles","name"],"sources":["../../src/EmptyState/EmptyState.js"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@mui/styles\";\nimport HvTypography from \"../Typography\";\nimport styles from \"./styles\";\n\nconst renderNode = (node, className, variant) =>\n  node && (\n    <HvTypography component=\"div\" className={className} variant={variant}>\n      {node}\n    </HvTypography>\n  );\n\n/**\n * Empty states communicate that there’s no information, data or values to display in a given context.\n */\nconst EmptyState = (props) => {\n  const { classes, className, title, message, action, icon, ...others } = props;\n  return (\n    <div className={clsx(className, classes.root)} {...others}>\n      <div\n        className={clsx(classes.container, {\n          [classes.containerMessageOnly]: message && !(title || action),\n        })}\n      >\n        <div className={classes.iconContainer}>{icon}</div>\n        <div className={classes.textContainer}>\n          {renderNode(title, classes.titleContainer, \"xxsTitle\")}\n          {renderNode(message, classes.messageContainer, \"normalText\")}\n          {renderNode(action, classes.actionContainer, \"normalText\")}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nEmptyState.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied to the empty state component.\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 container class.\n     */\n    container: PropTypes.string,\n    /**\n     * Styles applied to the component container class, when there is no title or action.\n     */\n    containerMessageOnly: PropTypes.string,\n    /**\n     * Styles applied to the icon container class.\n     */\n    iconContainer: PropTypes.string,\n    /**\n     * Styles applied to the text container class.\n     */\n    textContainer: PropTypes.string,\n    /**\n     * Styles applied to the title container class.\n     */\n    titleContainer: PropTypes.string,\n    /**\n     * Styles applied to the message container class.\n     */\n    messageContainer: PropTypes.string,\n    /**\n     * Styles applied to the action message container class.\n     */\n    actionContainer: PropTypes.string,\n  }).isRequired,\n  /**\n   * The title to be shown.\n   */\n  title: PropTypes.node,\n  /**\n   * The message to be shown.\n   */\n  message: PropTypes.node.isRequired,\n  /**\n   * The action message to be shown.\n   */\n  action: PropTypes.node,\n  /**\n   *  Icon to be presented.\n   */\n  icon: PropTypes.element.isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvEmptyState\" })(EmptyState);\n"],"mappings":"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"}

package/dist/FileUploader/DropZone/DropZone.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { StandardProps } from "@material-ui/core";
+import { StandardProps } from "@mui/material";
 import { FilesAddedEvent } from "../File";
 
 export interface HvDropZoneLabelsProp {