@hitachivantara/uikit-react-core 3.52.5

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

@@ -0,0 +1,348 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+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"];
+import "core-js/modules/web.dom-collections.iterator.js";
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+import React, { useContext, useEffect, useMemo, useState } from "react";
+import clsx from "clsx";
+import PropTypes from "prop-types";
+import isNil from "lodash/isNil";
+import { withStyles, makeStyles, useTheme } from "@material-ui/core";
+import { setId } from "../../utils";
+import { HvActionBar, HvButton, HvCheckBox, HvList, HvInput, HvTypography } from "../..";
+import { getSelected } from "../utils";
+import styles from "./styles";
+import BaseDropdownContext from "../../BaseDropdown/BaseDropdownContext";
+/**
+ * The values property was being deeply cloned. That created a significant performance
+ * hit when the values contained complex properties' values, like React Nodes.
+ *
+ * For minimizing the impact of removing the clone, a shallow clone of the array and its
+ * objects is performed instead. That should have the same effect in the majority of the
+ * cases, where the properties' values are primitive.
+ */
+
+const clone = values => values.map(value => _objectSpread({}, value));
+/**
+ * Set all hidden's to false.
+ */
+
+
+const cleanHidden = lst => lst.map(item => _objectSpread(_objectSpread({}, item), {}, {
+  isHidden: false
+}));
+
+const valuesExist = values => !isNil(values) && (values === null || values === void 0 ? void 0 : values.length) > 0;
+
+const List = _ref => {
+  let {
+    id,
+    classes,
+    values = [],
+    multiSelect = false,
+    showSearch = false,
+    onChange,
+    onCancel,
+    labels,
+    notifyChangesOnFirstRender = false,
+    hasTooltips = false,
+    singleSelectionToggle,
+    height: dropdownHeight,
+    virtualized = false
+  } = _ref,
+      others = _objectWithoutProperties(_ref, _excluded);
+
+  const [searchStr, setSearchStr] = useState("");
+  const [list, setList] = useState(clone(values));
+  const [allSelected, setAllSelected] = useState(false);
+  const [anySelected, setAnySelected] = useState(false);
+  const {
+    width,
+    height
+  } = useContext(BaseDropdownContext);
+  const theme = useTheme();
+  const newLabels = {
+    selectAll: labels.selectAll,
+    selectionConjunction: labels.multiSelectionConjunction
+  };
+  /**
+   * Update states associated with select all.
+   */
+
+  const updateSelectAll = listValues => {
+    if (!listValues) return;
+    const nbrSelected = getSelected(listValues).length;
+    const hasSelection = nbrSelected > 0;
+    const allSelect = nbrSelected === listValues.length;
+    setAnySelected(hasSelection);
+    setAllSelected(hasSelection && allSelect);
+  };
+  /**
+   * After the first render, call onChange if notifyChangesOnFirstRender.
+   */
+
+
+  useEffect(() => {
+    if (!valuesExist(values)) return;
+    setList(clone(values));
+    updateSelectAll(values);
+
+    if (notifyChangesOnFirstRender) {
+      onChange === null || onChange === void 0 ? void 0 : onChange(values, false, false, true);
+    } // eslint-disable-next-line react-hooks/exhaustive-deps
+
+  }, [values]);
+  /**
+   * Sets the filtered values to the state.
+   *
+   * @param {String} str - The value that is being looked.
+   */
+
+  const handleSearch = str => {
+    const results = list ? list.filter(({
+      searchValue,
+      label,
+      value
+    }) => {
+      let stringValue = "";
+
+      if (typeof searchValue === "string" || searchValue instanceof String) {
+        stringValue = searchValue.toLowerCase();
+      } else if (typeof label === "string" || label instanceof String) {
+        stringValue = label.toLowerCase();
+      } else if (typeof value === "string" || value instanceof String) {
+        stringValue = value.toLowerCase();
+      }
+
+      return stringValue.indexOf(str.toLowerCase()) >= 0;
+    }) : null;
+
+    if (!isNil(results)) {
+      const newList = list.map(elem => {
+        const isResult = results.find(result => result.label === elem.label);
+        return _objectSpread(_objectSpread({}, elem), {}, {
+          isHidden: !isResult
+        });
+      });
+      setList(newList);
+      setSearchStr(str);
+    }
+
+    return str;
+  };
+  /**
+   * Create search element.
+   *
+   * @returns {*}
+   */
+
+
+  const renderSearch = () => /*#__PURE__*/React.createElement("div", {
+    className: classes.searchContainer
+  }, /*#__PURE__*/React.createElement(HvInput, {
+    id: setId(id, "search"),
+    type: "search",
+    value: searchStr,
+    placeholder: labels.searchPlaceholder,
+    onChange: (event, str) => handleSearch(str)
+  }));
+  /**
+   * Select all the values inside the dropdown.
+   *
+   */
+
+
+  const handleSelectAll = () => {
+    const newList = list.map(elem => _objectSpread(_objectSpread({}, elem), {}, {
+      selected: !anySelected
+    }));
+    setList(newList);
+    updateSelectAll(newList);
+  };
+  /**
+   * Create selecteAll component.
+   *
+   * @returns {*}
+   */
+
+
+  const renderSelectAll = () => {
+    const {
+      selectAll,
+      multiSelectionConjunction
+    } = labels;
+    const nbrSelected = getSelected(list).length;
+    const defaultLabel = /*#__PURE__*/React.createElement(HvTypography, {
+      component: "span"
+    }, nbrSelected > 0 ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("b", null, nbrSelected), ` ${multiSelectionConjunction} ${list.length}`) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("b", null, selectAll), ` (${list.length})`));
+    return /*#__PURE__*/React.createElement("div", {
+      className: classes.selectAllContainer
+    }, /*#__PURE__*/React.createElement(HvCheckBox, {
+      id: setId(id, "select-all"),
+      label: defaultLabel,
+      onChange: () => handleSelectAll(),
+      classes: {
+        container: classes.selection
+      },
+      className: classes.selectAll,
+      indeterminate: anySelected && !allSelected,
+      checked: allSelected
+    }));
+  };
+  /**
+   * When selecting the state list is updated with the corresponding selection.
+   *
+   * @param listValues - elements selected.
+   */
+
+
+  const onSelection = listValues => {
+    if (!multiSelect) {
+      onChange(cleanHidden(listValues), true, true, true);
+    } else {
+      updateSelectAll(listValues);
+      setList(clone(listValues));
+    }
+  };
+  /**
+   * Render action buttons.
+   */
+
+
+  const renderActions = () => {
+    const {
+      applyLabel,
+      cancelLabel
+    } = labels;
+    return /*#__PURE__*/React.createElement(HvActionBar, {
+      id: setId(id, "actions")
+    }, /*#__PURE__*/React.createElement(HvButton, {
+      id: setId(id, "actions-apply"),
+      onClick: () => onChange(cleanHidden(list), true, true, true),
+      category: "ghost"
+    }, applyLabel), /*#__PURE__*/React.createElement(HvButton, {
+      id: setId(id, "actions-cancel"),
+      onClick: onCancel,
+      category: "ghost"
+    }, cancelLabel));
+  };
+
+  const showList = valuesExist(values);
+  const maxSizeClasses = useMemo(() => makeStyles({
+    root: _objectSpread(_objectSpread({}, dropdownHeight && {
+      height: dropdownHeight
+    }), {}, {
+      maxWidth: width,
+      maxHeight: `calc(${height}px - 32px - ${theme.spacing("xs")}px - ${theme.spacing("sm")}px)`,
+      overflow: "auto",
+      padding: 5
+    }),
+    virtualized: {
+      maxWidth: "inherit",
+      maxHeight: "inherit",
+      overflow: "inherit",
+      padding: 0
+    }
+  }), [width, height, dropdownHeight, theme])();
+  return /*#__PURE__*/React.createElement("div", {
+    className: classes.rootList
+  }, /*#__PURE__*/React.createElement("div", {
+    className: classes.listBorderDown
+  }), /*#__PURE__*/React.createElement("div", {
+    className: classes.listContainer
+  }, showSearch && renderSearch(), showList && multiSelect && renderSelectAll(), showList && /*#__PURE__*/React.createElement(HvList, _extends({
+    id: setId(id, "list"),
+    classes: {
+      root: clsx(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);
+};
+
+List.propTypes = {
+  /**
+   * Id to be applied to the root node.
+   */
+  id: PropTypes.string.isRequired,
+
+  /**
+   * A Jss Object used to override or extend the component styles.
+   */
+  classes: PropTypes.instanceOf(Object).isRequired,
+
+  /**
+   * The list to be rendered.
+   */
+  values: PropTypes.instanceOf(Array),
+
+  /**
+   * If true renders a multi select list.
+   */
+  multiSelect: PropTypes.bool,
+
+  /**
+   * If true renders the search component.
+   */
+  showSearch: PropTypes.bool,
+
+  /**
+   * A function to be executed whenever a item is selected in the list
+   * or the Apply button is activated (when `multiSelect` is `true`).
+   */
+  onChange: PropTypes.func,
+
+  /**
+   * A function to be executed whenever the Cancel button is activated.
+   */
+  onCancel: PropTypes.func,
+
+  /**
+   * An object containing all the labels for the dropdown.
+   */
+  labels: PropTypes.instanceOf(Object).isRequired,
+
+  /**
+   * If 'true' the dropdown will notify on the first render.
+   */
+  notifyChangesOnFirstRender: PropTypes.bool,
+
+  /**
+   * If `true` the dropdown will show tooltips when user mouseenter text in list
+   */
+  hasTooltips: PropTypes.bool,
+
+  /**
+   * If `true`, selection can be toggled when single selection.
+   */
+  singleSelectionToggle: PropTypes.bool.isRequired,
+
+  /**
+   * 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. Uses dropdown in a virtualized form, where not all options are rendered initially. Good for use cases with a lot of options.
+   */
+  virtualized: PropTypes.bool
+};
+export default withStyles(styles, {
+  name: "HvDropdownList"
+})(List);
+//# sourceMappingURL=List.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/Dropdown/List/List.js"],"names":["React","useContext","useEffect","useMemo","useState","clsx","PropTypes","isNil","withStyles","makeStyles","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"],"mappings":"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","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"],"file":"List.js"}

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

@@ -0,0 +1,2 @@
+export { default } from "./List";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/Dropdown/List/index.js"],"names":["default"],"mappings":"AAAA,SAASA,OAAT,QAAwB,QAAxB","sourcesContent":["export { default } from \"./List\";\n"],"file":"index.js"}

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

@@ -0,0 +1,37 @@
+const styles = theme => ({
+  rootList: {
+    width: "100%",
+    backgroundColor: theme.palette.atmo1
+  },
+  listContainer: {
+    padding: theme.hvSpacing("sm")
+  },
+  searchContainer: {
+    marginBottom: theme.hvSpacing("xs")
+  },
+  selectAllContainer: {
+    // prevent the focus ring to be hidden by sibling hover background
+    "&": {
+      position: "relative",
+      zIndex: 0
+    },
+    "&:focus-within": {
+      zIndex: 1
+    },
+    // IE fallback code (using focus-within-polyfill)
+    "&.focus-within": {
+      zIndex: 1
+    }
+  },
+  selectAll: {
+    width: "100%"
+  },
+  selection: {
+    width: "100%"
+  },
+  listBorderDown: {},
+  dropdownListContainer: {}
+});
+
+export default styles;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/Dropdown/List/styles.js"],"names":["styles","theme","rootList","width","backgroundColor","palette","atmo1","listContainer","padding","hvSpacing","searchContainer","marginBottom","selectAllContainer","position","zIndex","selectAll","selection","listBorderDown","dropdownListContainer"],"mappings":"AAAA,MAAMA,MAAM,GAAIC,KAAD,KAAY;AACzBC,EAAAA,QAAQ,EAAE;AACRC,IAAAA,KAAK,EAAE,MADC;AAERC,IAAAA,eAAe,EAAEH,KAAK,CAACI,OAAN,CAAcC;AAFvB,GADe;AAKzBC,EAAAA,aAAa,EAAE;AACbC,IAAAA,OAAO,EAAEP,KAAK,CAACQ,SAAN,CAAgB,IAAhB;AADI,GALU;AAQzBC,EAAAA,eAAe,EAAE;AACfC,IAAAA,YAAY,EAAEV,KAAK,CAACQ,SAAN,CAAgB,IAAhB;AADC,GARQ;AAWzBG,EAAAA,kBAAkB,EAAE;AAClB;AACA,SAAK;AACHC,MAAAA,QAAQ,EAAE,UADP;AAEHC,MAAAA,MAAM,EAAE;AAFL,KAFa;AAMlB,sBAAkB;AAChBA,MAAAA,MAAM,EAAE;AADQ,KANA;AASlB;AACA,sBAAkB;AAChBA,MAAAA,MAAM,EAAE;AADQ;AAVA,GAXK;AAyBzBC,EAAAA,SAAS,EAAE;AACTZ,IAAAA,KAAK,EAAE;AADE,GAzBc;AA4BzBa,EAAAA,SAAS,EAAE;AACTb,IAAAA,KAAK,EAAE;AADE,GA5Bc;AA+BzBc,EAAAA,cAAc,EAAE,EA/BS;AAgCzBC,EAAAA,qBAAqB,EAAE;AAhCE,CAAZ,CAAf;;AAmCA,eAAelB,MAAf","sourcesContent":["const styles = (theme) => ({\n  rootList: {\n    width: \"100%\",\n    backgroundColor: theme.palette.atmo1,\n  },\n  listContainer: {\n    padding: theme.hvSpacing(\"sm\"),\n  },\n  searchContainer: {\n    marginBottom: theme.hvSpacing(\"xs\"),\n  },\n  selectAllContainer: {\n    // prevent the focus ring to be hidden by sibling hover background\n    \"&\": {\n      position: \"relative\",\n      zIndex: 0,\n    },\n    \"&:focus-within\": {\n      zIndex: 1,\n    },\n    // IE fallback code (using focus-within-polyfill)\n    \"&.focus-within\": {\n      zIndex: 1,\n    },\n  },\n  selectAll: {\n    width: \"100%\",\n  },\n  selection: {\n    width: \"100%\",\n  },\n  listBorderDown: {},\n  dropdownListContainer: {},\n});\n\nexport default styles;\n"],"file":"styles.js"}

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

@@ -0,0 +1,2 @@
+export { default } from "./Dropdown";
+export * from "./Dropdown";

package/dist/modern/Dropdown/index.js

@@ -0,0 +1,2 @@
+export { default } from "./Dropdown";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Dropdown/index.js"],"names":["default"],"mappings":"AAAA,SAASA,OAAT,QAAwB,YAAxB","sourcesContent":["export { default } from \"./Dropdown\";\n"],"file":"index.js"}

package/dist/modern/Dropdown/styles.js

@@ -0,0 +1,55 @@
+const styles = theme => ({
+  root: {
+    width: "100%",
+    borderRadius: 2,
+    position: "relative",
+    display: "inline-block",
+    "& $selectionDisabled": {
+      color: theme.palette.atmo5
+    },
+    "& $dropdownHeaderInvalid": {
+      border: `1px solid ${theme.hv.palette.semantic.sema4}`,
+      "&:hover": {
+        border: `1px solid ${theme.hv.palette.semantic.sema4}`
+      },
+      "&$dropdownHeaderOpen": {
+        border: `1px solid ${theme.hv.palette.atmosphere.atmo1}`,
+        "&:hover": {
+          border: `1px solid ${theme.hv.palette.atmosphere.atmo1}`
+        }
+      }
+    },
+    "& $dropdownHeaderOpen": {
+      border: `1px solid ${theme.hv.palette.atmosphere.atmo1}`,
+      "&:hover": {
+        border: `1px solid ${theme.hv.palette.atmosphere.atmo1}`
+      }
+    }
+  },
+  dropdown: {
+    width: "100%"
+  },
+  rootList: {},
+  arrow: {},
+  labelContainer: {
+    display: "flex",
+    alignItems: "flex-start"
+  },
+  label: {
+    paddingBottom: "6px",
+    display: "block"
+  },
+  description: {},
+  error: {},
+  placeholder: {},
+  selectionDisabled: {
+    lineHeight: `${theme.hv.spacing.md}px`
+  },
+  dropdownHeader: {},
+  dropdownHeaderInvalid: {},
+  dropdownHeaderOpen: {},
+  dropdownListContainer: {}
+});
+
+export default styles;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Dropdown/styles.js"],"names":["styles","theme","root","width","borderRadius","position","display","color","palette","atmo5","border","hv","semantic","sema4","atmosphere","atmo1","dropdown","rootList","arrow","labelContainer","alignItems","label","paddingBottom","description","error","placeholder","selectionDisabled","lineHeight","spacing","md","dropdownHeader","dropdownHeaderInvalid","dropdownHeaderOpen","dropdownListContainer"],"mappings":"AAAA,MAAMA,MAAM,GAAIC,KAAD,KAAY;AACzBC,EAAAA,IAAI,EAAE;AACJC,IAAAA,KAAK,EAAE,MADH;AAEJC,IAAAA,YAAY,EAAE,CAFV;AAGJC,IAAAA,QAAQ,EAAE,UAHN;AAIJC,IAAAA,OAAO,EAAE,cAJL;AAKJ,4BAAwB;AACtBC,MAAAA,KAAK,EAAEN,KAAK,CAACO,OAAN,CAAcC;AADC,KALpB;AAQJ,gCAA4B;AAC1BC,MAAAA,MAAM,EAAG,aAAYT,KAAK,CAACU,EAAN,CAASH,OAAT,CAAiBI,QAAjB,CAA0BC,KAAM,EAD3B;AAE1B,iBAAW;AACTH,QAAAA,MAAM,EAAG,aAAYT,KAAK,CAACU,EAAN,CAASH,OAAT,CAAiBI,QAAjB,CAA0BC,KAAM;AAD5C,OAFe;AAK1B,8BAAwB;AACtBH,QAAAA,MAAM,EAAG,aAAYT,KAAK,CAACU,EAAN,CAASH,OAAT,CAAiBM,UAAjB,CAA4BC,KAAM,EADjC;AAEtB,mBAAW;AACTL,UAAAA,MAAM,EAAG,aAAYT,KAAK,CAACU,EAAN,CAASH,OAAT,CAAiBM,UAAjB,CAA4BC,KAAM;AAD9C;AAFW;AALE,KARxB;AAoBJ,6BAAyB;AACvBL,MAAAA,MAAM,EAAG,aAAYT,KAAK,CAACU,EAAN,CAASH,OAAT,CAAiBM,UAAjB,CAA4BC,KAAM,EADhC;AAEvB,iBAAW;AACTL,QAAAA,MAAM,EAAG,aAAYT,KAAK,CAACU,EAAN,CAASH,OAAT,CAAiBM,UAAjB,CAA4BC,KAAM;AAD9C;AAFY;AApBrB,GADmB;AA4BzBC,EAAAA,QAAQ,EAAE;AACRb,IAAAA,KAAK,EAAE;AADC,GA5Be;AA+BzBc,EAAAA,QAAQ,EAAE,EA/Be;AAgCzBC,EAAAA,KAAK,EAAE,EAhCkB;AAkCzBC,EAAAA,cAAc,EAAE;AACdb,IAAAA,OAAO,EAAE,MADK;AAEdc,IAAAA,UAAU,EAAE;AAFE,GAlCS;AAsCzBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,aAAa,EAAE,KADV;AAELhB,IAAAA,OAAO,EAAE;AAFJ,GAtCkB;AA0CzBiB,EAAAA,WAAW,EAAE,EA1CY;AA2CzBC,EAAAA,KAAK,EAAE,EA3CkB;AA6CzBC,EAAAA,WAAW,EAAE,EA7CY;AA8CzBC,EAAAA,iBAAiB,EAAE;AACjBC,IAAAA,UAAU,EAAG,GAAE1B,KAAK,CAACU,EAAN,CAASiB,OAAT,CAAiBC,EAAG;AADlB,GA9CM;AAiDzBC,EAAAA,cAAc,EAAE,EAjDS;AAkDzBC,EAAAA,qBAAqB,EAAE,EAlDE;AAmDzBC,EAAAA,kBAAkB,EAAE,EAnDK;AAoDzBC,EAAAA,qBAAqB,EAAE;AApDE,CAAZ,CAAf;;AAuDA,eAAejC,MAAf","sourcesContent":["const styles = (theme) => ({\n  root: {\n    width: \"100%\",\n    borderRadius: 2,\n    position: \"relative\",\n    display: \"inline-block\",\n    \"& $selectionDisabled\": {\n      color: theme.palette.atmo5,\n    },\n    \"& $dropdownHeaderInvalid\": {\n      border: `1px solid ${theme.hv.palette.semantic.sema4}`,\n      \"&:hover\": {\n        border: `1px solid ${theme.hv.palette.semantic.sema4}`,\n      },\n      \"&$dropdownHeaderOpen\": {\n        border: `1px solid ${theme.hv.palette.atmosphere.atmo1}`,\n        \"&:hover\": {\n          border: `1px solid ${theme.hv.palette.atmosphere.atmo1}`,\n        },\n      },\n    },\n    \"& $dropdownHeaderOpen\": {\n      border: `1px solid ${theme.hv.palette.atmosphere.atmo1}`,\n      \"&:hover\": {\n        border: `1px solid ${theme.hv.palette.atmosphere.atmo1}`,\n      },\n    },\n  },\n  dropdown: {\n    width: \"100%\",\n  },\n  rootList: {},\n  arrow: {},\n\n  labelContainer: {\n    display: \"flex\",\n    alignItems: \"flex-start\",\n  },\n  label: {\n    paddingBottom: \"6px\",\n    display: \"block\",\n  },\n  description: {},\n  error: {},\n\n  placeholder: {},\n  selectionDisabled: {\n    lineHeight: `${theme.hv.spacing.md}px`,\n  },\n  dropdownHeader: {},\n  dropdownHeaderInvalid: {},\n  dropdownHeaderOpen: {},\n  dropdownListContainer: {},\n});\n\nexport default styles;\n"],"file":"styles.js"}

package/dist/modern/Dropdown/utils.js

@@ -0,0 +1,50 @@
+/**
+ * Filter selected elements.
+ *
+ * @param {Object} list - the list to filter
+ * @returns {Array} - the selected elements
+ */
+const getSelected = list => (list === null || list === void 0 ? void 0 : list.filter(elem => elem.selected)) || [];
+/**
+ * Checks if any element of the list is selected.
+ *
+ * @param list
+ * @returns {boolean}
+ */
+
+
+const hasSelected = list => getSelected(list).length > 0;
+/**
+ * Gets the selection label according to selection.
+ *
+ * @param {Object} list - the list to filter the selected elements from
+ * @param {Object} labels - the labels to extract the textual values for the label
+ * @param {Boolean} multiSelect - if "true" the label will have a different format
+ *
+ * @returns {Object} - the selection label
+ */
+
+
+const getSelectionLabel = (list = [], labels, placeholder, multiSelect) => {
+  const {
+    select
+  } = labels;
+  const selected = getSelected(list);
+  if (select) return {
+    selected: select
+  };
+
+  if (multiSelect) {
+    return {
+      selected: selected.length,
+      total: list.length
+    };
+  }
+
+  return {
+    selected: selected.length > 0 ? selected[0].label : placeholder
+  };
+};
+
+export { getSelectionLabel, getSelected, hasSelected };
+//# sourceMappingURL=utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Dropdown/utils.js"],"names":["getSelected","list","filter","elem","selected","hasSelected","length","getSelectionLabel","labels","placeholder","multiSelect","select","total","label"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMA,WAAW,GAAIC,IAAD,IAAU,CAAAA,IAAI,SAAJ,IAAAA,IAAI,WAAJ,YAAAA,IAAI,CAAEC,MAAN,CAAcC,IAAD,IAAUA,IAAI,CAACC,QAA5B,MAAyC,EAAvE;AAEA;AACA;AACA;AACA;AACA;AACA;;;AACA,MAAMC,WAAW,GAAIJ,IAAD,IAAUD,WAAW,CAACC,IAAD,CAAX,CAAkBK,MAAlB,GAA2B,CAAzD;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AACA,MAAMC,iBAAiB,GAAG,CAACN,IAAI,GAAG,EAAR,EAAYO,MAAZ,EAAoBC,WAApB,EAAiCC,WAAjC,KAAiD;AACzE,QAAM;AAAEC,IAAAA;AAAF,MAAaH,MAAnB;AACA,QAAMJ,QAAQ,GAAGJ,WAAW,CAACC,IAAD,CAA5B;AAEA,MAAIU,MAAJ,EAAY,OAAO;AAAEP,IAAAA,QAAQ,EAAEO;AAAZ,GAAP;;AAEZ,MAAID,WAAJ,EAAiB;AACf,WAAO;AACLN,MAAAA,QAAQ,EAAEA,QAAQ,CAACE,MADd;AAELM,MAAAA,KAAK,EAAEX,IAAI,CAACK;AAFP,KAAP;AAID;;AACD,SAAO;AAAEF,IAAAA,QAAQ,EAAEA,QAAQ,CAACE,MAAT,GAAkB,CAAlB,GAAsBF,QAAQ,CAAC,CAAD,CAAR,CAAYS,KAAlC,GAA0CJ;AAAtD,GAAP;AACD,CAbD;;AAeA,SAASF,iBAAT,EAA4BP,WAA5B,EAAyCK,WAAzC","sourcesContent":["/**\n * Filter selected elements.\n *\n * @param {Object} list - the list to filter\n * @returns {Array} - the selected elements\n */\nconst getSelected = (list) => list?.filter((elem) => elem.selected) || [];\n\n/**\n * Checks if any element of the list is selected.\n *\n * @param list\n * @returns {boolean}\n */\nconst hasSelected = (list) => getSelected(list).length > 0;\n\n/**\n * Gets the selection label according to selection.\n *\n * @param {Object} list - the list to filter the selected elements from\n * @param {Object} labels - the labels to extract the textual values for the label\n * @param {Boolean} multiSelect - if \"true\" the label will have a different format\n *\n * @returns {Object} - the selection label\n */\nconst getSelectionLabel = (list = [], labels, placeholder, multiSelect) => {\n  const { select } = labels;\n  const selected = getSelected(list);\n\n  if (select) return { selected: select };\n\n  if (multiSelect) {\n    return {\n      selected: selected.length,\n      total: list.length,\n    };\n  }\n  return { selected: selected.length > 0 ? selected[0].label : placeholder };\n};\n\nexport { getSelectionLabel, getSelected, hasSelected };\n"],"file":"utils.js"}

package/dist/modern/EmptyState/EmptyState.d.ts

@@ -0,0 +1,34 @@
+import * as React from "react";
+import { StandardProps } from "@material-ui/core";
+
+export type HvEmptyStateClassKey =
+  | "root"
+  | "container"
+  | "containerMessageOnly"
+  | "iconContainer"
+  | "textContainer"
+  | "titleContainer"
+  | "messageContainer"
+  | "actionContainer";
+
+export interface HvEmptyStateProps
+  extends StandardProps<React.HTMLAttributes<HTMLDivElement>, HvEmptyStateClassKey, "title"> {
+  /**
+   * The title to be shown.
+   */
+  title?: string | React.ReactNode;
+  /**
+   * The message to be shown.
+   */
+  message: string | React.ReactNode;
+  /**
+   * The action message to be shown.
+   */
+  action?: string | React.ReactNode;
+  /**
+   *  Icon to be presented.
+   */
+  icon: React.ReactNode;
+}
+
+export default function HvEmptyState(props: HvEmptyStateProps): JSX.Element | null;