@hitachivantara/uikit-react-core 2.23.2

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

@@ -0,0 +1,468 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+const _excluded = ["id", "classes", "values", "multiSelect", "showSearch", "onChange", "labels", "selectDefault", "notifyChangesOnFirstRender", "hasTooltips", "disablePortal", "isOpen", "anchorEl", "singleSelectionToggle", "placement", "popperProps", "headerRef"];
+
+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 "core-js/modules/web.dom-collections.iterator.js";
+import React, { useEffect, useState, useCallback } from "react";
+import PropTypes from "prop-types";
+import clone from "lodash/cloneDeep";
+import isNil from "lodash/isNil";
+import clsx from "clsx";
+import { Popper, useTheme, withStyles } from "@material-ui/core";
+import OutsideClickHandler from "react-outside-click-handler";
+import { setId, isKeypress, KeyboardCodes } from "../../utils";
+import InnerList from "../../List";
+import Search from "../../SearchBox";
+import Actions from "../Actions";
+import HvCheckBox from "../../Selectors/CheckBox";
+import { getSelected } from "../utils";
+import styles from "./styles";
+import { getFocusableList } from "../../utils/focusableElementFinder";
+
+const List = _ref => {
+  let {
+    id,
+    classes,
+    values = [],
+    multiSelect = false,
+    showSearch = false,
+    onChange,
+    labels,
+    selectDefault = true,
+    notifyChangesOnFirstRender = false,
+    hasTooltips = false,
+    disablePortal = true,
+    isOpen = false,
+    anchorEl = null,
+    singleSelectionToggle,
+    placement,
+    popperProps,
+    headerRef
+  } = _ref,
+      others = _objectWithoutProperties(_ref, _excluded);
+
+  const [searchStr, setSearchStr] = useState();
+  const [list, setList] = useState(clone(values));
+  const [prevList, setPrevList] = useState(clone(values));
+  const [positionUp, setPositionUp] = useState(false);
+  const [created, setCreated] = useState(false);
+  const [allSelected, setAllSelected] = useState(false);
+  const [anySelected, setAnySelected] = useState(false);
+  const [selectionLabel, setSelectionLabel] = useState(labels.selectAll);
+  const theme = useTheme();
+  const newLabels = {
+    selectAll: labels.selectAll,
+    selectionConjunction: labels.multiSelectionConjunction
+  };
+  const applyFocusRef = useCallback(node => {
+    const dropdownHeader = headerRef === null || headerRef === void 0 ? void 0 : headerRef.current;
+
+    if (node) {
+      const focusableList = getFocusableList(node);
+
+      if (focusableList.length === 0) {
+        return;
+      } // apply implicitly to first element
+
+
+      focusableList[0].focus({
+        preventScroll: true
+      });
+    } else if (dropdownHeader) {
+      dropdownHeader.focus({
+        preventScroll: true
+      });
+    }
+  }, []);
+  /**
+   * After the first render, call onChange if notifyChangesOnFirstRender.
+   */
+
+  useEffect(() => {
+    setList(values);
+    setPrevList(values);
+
+    if (notifyChangesOnFirstRender) {
+      onChange === null || onChange === void 0 ? void 0 : onChange(values, false, false, true);
+    }
+
+    if (list) {
+      // eslint-disable-next-line no-use-before-define
+      updateSelectionLabel(values);
+    }
+  }, [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(value => {
+      const valNormalized = value.label.toLowerCase();
+      const strNormalized = str.toLowerCase();
+      return valNormalized.indexOf(strNormalized) >= 0;
+    }) : null;
+
+    if (!isNil(results)) {
+      const newList = list.map(elem => {
+        const newElem = _objectSpread({}, elem);
+
+        const isResult = results.find(result => result.label === elem.label);
+        newElem.isHidden = !isResult;
+        return newElem;
+      });
+      setList(newList);
+      setSearchStr(str);
+    }
+
+    return str;
+  };
+  /**
+   * Create search element.
+   *
+   * @returns {*}
+   */
+
+
+  const renderSearch = () => /*#__PURE__*/React.createElement("div", {
+    className: classes.searchContainer
+  }, /*#__PURE__*/React.createElement(Search, {
+    id: setId(id, "search"),
+    value: searchStr,
+    values: values,
+    onChange: (event, str) => handleSearch(str)
+  }));
+  /**
+   * Update the selectionLabel.
+   *
+   * @param selection
+   */
+
+
+  const updateSelectionLabel = selection => {
+    const {
+      selectAll,
+      multiSelectionConjunction
+    } = labels;
+    const selected = getSelected(selection);
+    setSelectionLabel(!selected.length ? selectAll : `${selected.length} ${multiSelectionConjunction} ${list.length}`);
+  };
+  /**
+   * Centralized point to call the prop onChange, altering the selection label.
+   * @param selection
+   * @param commitChanges
+   * @param toggle
+   * @param notifyChanges
+   * @param event
+   */
+
+
+  const sendOnChange = (selection, commitChanges, toggle, notifyChanges, event) => {
+    onChange === null || onChange === void 0 ? void 0 : onChange(selection, commitChanges, toggle, notifyChanges, event);
+    updateSelectionLabel(selection);
+  };
+  /**
+   * Update states associated with select all.
+   */
+
+
+  const updateSelectAll = selection => {
+    if (!selection) return;
+    const selected = getSelected(selection);
+    const hasSelection = selected.length > 0;
+    const allSelect = selected.length === list.length;
+    const anySelect = selected.length > 0;
+    setAnySelected(hasSelection && anySelect);
+    setAllSelected(hasSelection && allSelect);
+  };
+  /**
+   * Select all the values inside the dropdown.
+   *
+   * @memberof List
+   */
+
+
+  const handleSelectAll = () => {
+    const newList = list.map(elem => _objectSpread(_objectSpread({}, elem), {}, {
+      selected: !anySelected
+    }));
+    setList(newList);
+    updateSelectAll(newList);
+    sendOnChange(newList, false, false, false);
+  };
+
+  const renderSelectAll = () => /*#__PURE__*/React.createElement("div", {
+    className: classes.selectAllContainer
+  }, /*#__PURE__*/React.createElement(HvCheckBox, {
+    id: setId(id, "select-all"),
+    label: selectionLabel,
+    onChange: () => handleSelectAll(),
+    classes: {
+      container: classes.selection
+    },
+    className: classes.selectAll,
+    indeterminate: anySelected && !allSelected,
+    checked: allSelected
+  }));
+  /**
+   * Set hidden to false.
+   *
+   * @returns {*}
+   */
+
+
+  const cleanHidden = lst => lst.forEach(item => {
+    // eslint-disable-next-line no-param-reassign
+    item.isHidden = false;
+  });
+  /**
+   * When selecting the state list is updated with the corresponding selection.
+   *
+   * @param selected - elements selected.
+   */
+
+
+  const onSelection = selected => {
+    updateSelectAll(selected);
+
+    if (multiSelect) {
+      setList(clone(selected));
+      sendOnChange(selected, false, false, false);
+    } else {
+      cleanHidden(selected);
+      setPrevList(clone(selected));
+      setList(clone(selected));
+      setSearchStr("");
+      sendOnChange(selected, true, true, true);
+    }
+  };
+  /**
+   * Cancel the selection in case of no commit reverting the state to it's previous iteration.
+   * If the handler is called by the onClickAway it is evaluated if the click was done in the header
+   * to prevent the double toggle.
+   */
+
+
+  const handleCancel = event => {
+    setList(clone(prevList));
+    setSearchStr("");
+    updateSelectAll(prevList);
+    (event === null || event === void 0 ? void 0 : event.target) === (headerRef === null || headerRef === void 0 ? void 0 : headerRef.current) ? sendOnChange(prevList, false, false, false, event) : sendOnChange(prevList, false, true, false, event);
+  };
+  /**
+   * Commits the temporary selection to the state.
+   */
+
+
+  const handleApply = () => {
+    cleanHidden(list);
+    setPrevList(list);
+    setList(list);
+    setSearchStr("");
+    sendOnChange(list, true, true, true);
+  };
+  /**
+   * If the ESCAPE key is pressed the cancel handler must be called.
+   *
+   * @param evt
+   */
+
+
+  const handleKeyDown = evt => {
+    if (isKeypress(evt, KeyboardCodes.Esc)) {
+      handleCancel(evt);
+    }
+  };
+  /**
+   * Render action buttons.
+   */
+
+
+  const renderActions = () => /*#__PURE__*/React.createElement("div", {
+    className: classes.actions
+  }, /*#__PURE__*/React.createElement(Actions, {
+    id: setId(id, "actions"),
+    onCancel: () => handleCancel(),
+    onApply: () => handleApply(),
+    labels: labels,
+    cancelLabel: labels.cancelLabel,
+    applyLabel: labels.applyLabel
+  }));
+  /**
+   * When the list is rendered, it should determine its position.
+   *
+   * @param data
+   */
+
+
+  const handleListFlip = data => {
+    const position = data.flipped;
+
+    if (positionUp !== position) {
+      setPositionUp(position);
+    }
+  };
+
+  const handleListCreate = data => {
+    const position = data.flipped;
+
+    if (!created) {
+      setPositionUp(position);
+      setCreated(true);
+      updateSelectAll(prevList);
+    }
+  };
+
+  const showList = !isNil(values);
+
+  const renderInnerList = () => /*#__PURE__*/React.createElement("div", null, !positionUp && /*#__PURE__*/React.createElement("div", {
+    className: clsx(classes.inputExtensionOpen, placement === "left" && classes.inputExtensionLeftPosition)
+  }), /*#__PURE__*/React.createElement("div", {
+    className: clsx(classes.list, classes.listClosed, isOpen && (positionUp ? classes.listOpenUp : classes.listOpenDown)),
+    onKeyDown: handleKeyDown
+  }, !positionUp && /*#__PURE__*/React.createElement("div", {
+    className: classes.listBorderDown
+  }), /*#__PURE__*/React.createElement("div", {
+    className: clsx(classes.rootList, positionUp && showList && classes.marginTop)
+  }, showSearch && renderSearch(), showList && multiSelect && renderSelectAll(), /*#__PURE__*/React.createElement("div", {
+    className: classes.listContainer
+  }, showList && /*#__PURE__*/React.createElement(InnerList, _extends({
+    id: setId(id, "list"),
+    values: list,
+    multiSelect: multiSelect,
+    useSelector: multiSelect,
+    showSelectAll: false,
+    onChange: onSelection,
+    labels: newLabels,
+    selectDefault: selectDefault,
+    hasTooltips: hasTooltips,
+    selectable: true,
+    condensed: true,
+    singleSelectionToggle: singleSelectionToggle
+  }, others)))), showList && multiSelect ? renderActions() : null), positionUp && /*#__PURE__*/React.createElement("div", {
+    className: clsx(classes.inputExtensionOpen, classes.inputExtensionOpenShadow, {
+      "right": classes.inputExtensionFloatRight,
+      "left": classes.inputExtensionFloatLeft
+    }[placement])
+  }));
+
+  const bottom = placement && `bottom-${placement === "right" ? "start" : "end"}`;
+  return /*#__PURE__*/React.createElement(Popper, _extends({
+    id: id,
+    disablePortal: disablePortal,
+    open: isOpen,
+    anchorEl: anchorEl,
+    placement: bottom,
+    popperOptions: {
+      onUpdate: data => handleListFlip(data),
+      onCreate: data => handleListCreate(data)
+    },
+    style: {
+      zIndex: theme.zIndex.tooltip
+    },
+    ref: applyFocusRef
+  }, popperProps), /*#__PURE__*/React.createElement(OutsideClickHandler, {
+    onOutsideClick: e => handleCancel(e)
+  }, renderInnerList()));
+};
+
+process.env.NODE_ENV !== "production" ? 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.
+   */
+  onChange: PropTypes.func,
+
+  /**
+   * An object containing all the labels for the dropdown.
+   */
+  labels: PropTypes.instanceOf(Object).isRequired,
+
+  /**
+   * If ´true´ and none element selected,
+   * single select has default (first) label selected.
+   */
+  selectDefault: PropTypes.bool,
+
+  /**
+   * 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,
+
+  /**
+   * Disable the portal behavior. The children stay within it's parent DOM hierarchy.
+   */
+  disablePortal: PropTypes.bool,
+
+  /**
+   * If 'true' list is open.
+   */
+  isOpen: PropTypes.bool,
+
+  /**
+   * This is the DOM element, or a function that returns the DOM element,
+   * that may be used to set the position of the popover.
+   * The return value will passed as the reference object of the Popper
+   * instance.
+   */
+  anchorEl: PropTypes.oneOfType([PropTypes.object, PropTypes.func]),
+
+  /**
+   * If ´true´, selection can be toggled when single selection.
+   */
+  singleSelectionToggle: PropTypes.bool.isRequired,
+
+  /**
+   * Placement of the dropdown.
+   */
+  placement: PropTypes.oneOf(["left", "right"]),
+
+  /**
+   * An object containing props to be wired to the popper component.
+   */
+  popperProps: PropTypes.shape(),
+
+  /**
+   * A reference to the dropdown header used for refocusing the element.
+   */
+  headerRef: PropTypes.instanceOf(Object)
+} : void 0;
+export default withStyles(styles, {
+  name: "HvDropdownList"
+})(List);
+//# sourceMappingURL=List.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"List.js","names":["React","useEffect","useState","useCallback","PropTypes","clone","isNil","clsx","Popper","useTheme","withStyles","OutsideClickHandler","setId","isKeypress","KeyboardCodes","InnerList","Search","Actions","HvCheckBox","getSelected","styles","getFocusableList","List","id","classes","values","multiSelect","showSearch","onChange","labels","selectDefault","notifyChangesOnFirstRender","hasTooltips","disablePortal","isOpen","anchorEl","singleSelectionToggle","placement","popperProps","headerRef","others","searchStr","setSearchStr","list","setList","prevList","setPrevList","positionUp","setPositionUp","created","setCreated","allSelected","setAllSelected","anySelected","setAnySelected","selectionLabel","setSelectionLabel","selectAll","theme","newLabels","selectionConjunction","multiSelectionConjunction","applyFocusRef","node","dropdownHeader","current","focusableList","length","focus","preventScroll","updateSelectionLabel","handleSearch","str","results","filter","value","valNormalized","label","toLowerCase","strNormalized","indexOf","newList","map","elem","newElem","isResult","find","result","isHidden","renderSearch","searchContainer","event","selection","selected","sendOnChange","commitChanges","toggle","notifyChanges","updateSelectAll","hasSelection","allSelect","anySelect","handleSelectAll","renderSelectAll","selectAllContainer","container","cleanHidden","lst","forEach","item","onSelection","handleCancel","target","handleApply","handleKeyDown","evt","Esc","renderActions","actions","cancelLabel","applyLabel","handleListFlip","data","position","flipped","handleListCreate","showList","renderInnerList","inputExtensionOpen","inputExtensionLeftPosition","listClosed","listOpenUp","listOpenDown","listBorderDown","rootList","marginTop","listContainer","inputExtensionOpenShadow","inputExtensionFloatRight","inputExtensionFloatLeft","bottom","onUpdate","onCreate","zIndex","tooltip","e","propTypes","string","isRequired","instanceOf","Object","Array","bool","func","oneOfType","object","oneOf","shape","name"],"sources":["../../../../src/Dropdown/List/List.js"],"sourcesContent":["import React, { useEffect, useState, useCallback } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clone from \"lodash/cloneDeep\";\nimport isNil from \"lodash/isNil\";\nimport clsx from \"clsx\";\nimport { Popper, useTheme, withStyles } from \"@material-ui/core\";\nimport OutsideClickHandler from \"react-outside-click-handler\";\nimport { setId, isKeypress, KeyboardCodes } from \"../../utils\";\nimport InnerList from \"../../List\";\nimport Search from \"../../SearchBox\";\nimport Actions from \"../Actions\";\nimport HvCheckBox from \"../../Selectors/CheckBox\";\nimport { getSelected } from \"../utils\";\nimport styles from \"./styles\";\nimport { getFocusableList } from \"../../utils/focusableElementFinder\";\n\nconst List = ({\n  id,\n  classes,\n  values = [],\n  multiSelect = false,\n  showSearch = false,\n  onChange,\n  labels,\n  selectDefault = true,\n  notifyChangesOnFirstRender = false,\n  hasTooltips = false,\n  disablePortal = true,\n  isOpen = false,\n  anchorEl = null,\n  singleSelectionToggle,\n  placement,\n  popperProps,\n  headerRef,\n  ...others\n}) => {\n  const [searchStr, setSearchStr] = useState();\n  const [list, setList] = useState(clone(values));\n  const [prevList, setPrevList] = useState(clone(values));\n  const [positionUp, setPositionUp] = useState(false);\n  const [created, setCreated] = useState(false);\n  const [allSelected, setAllSelected] = useState(false);\n  const [anySelected, setAnySelected] = useState(false);\n  const [selectionLabel, setSelectionLabel] = useState(labels.selectAll);\n  const theme = useTheme();\n\n  const newLabels = {\n    selectAll: labels.selectAll,\n    selectionConjunction: labels.multiSelectionConjunction,\n  };\n\n  const applyFocusRef = useCallback((node) => {\n    const dropdownHeader = headerRef?.current;\n    if (node) {\n      const focusableList = getFocusableList(node);\n      if (focusableList.length === 0) {\n        return;\n      }\n      // apply implicitly to first element\n      focusableList[0].focus({ preventScroll: true });\n    } else if (dropdownHeader) {\n      dropdownHeader.focus({ preventScroll: true });\n    }\n  }, []);\n\n  /**\n   * After the first render, call onChange if notifyChangesOnFirstRender.\n   */\n  useEffect(() => {\n    setList(values);\n    setPrevList(values);\n    if (notifyChangesOnFirstRender) {\n      onChange?.(values, false, false, true);\n    }\n    if (list) {\n      // eslint-disable-next-line no-use-before-define\n      updateSelectionLabel(values);\n    }\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((value) => {\n          const valNormalized = value.label.toLowerCase();\n          const strNormalized = str.toLowerCase();\n          return valNormalized.indexOf(strNormalized) >= 0;\n        })\n      : null;\n\n    if (!isNil(results)) {\n      const newList = list.map((elem) => {\n        const newElem = { ...elem };\n        const isResult = results.find((result) => result.label === elem.label);\n        newElem.isHidden = !isResult;\n        return newElem;\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      <Search\n        id={setId(id, \"search\")}\n        value={searchStr}\n        values={values}\n        onChange={(event, str) => handleSearch(str)}\n      />\n    </div>\n  );\n\n  /**\n   * Update the selectionLabel.\n   *\n   * @param selection\n   */\n  const updateSelectionLabel = (selection) => {\n    const { selectAll, multiSelectionConjunction } = labels;\n    const selected = getSelected(selection);\n\n    setSelectionLabel(\n      !selected.length\n        ? selectAll\n        : `${selected.length} ${multiSelectionConjunction} ${list.length}`\n    );\n  };\n\n  /**\n   * Centralized point to call the prop onChange, altering the selection label.\n   * @param selection\n   * @param commitChanges\n   * @param toggle\n   * @param notifyChanges\n   * @param event\n   */\n  const sendOnChange = (selection, commitChanges, toggle, notifyChanges, event) => {\n    onChange?.(selection, commitChanges, toggle, notifyChanges, event);\n    updateSelectionLabel(selection);\n  };\n\n  /**\n   * Update states associated with select all.\n   */\n  const updateSelectAll = (selection) => {\n    if (!selection) return;\n    const selected = getSelected(selection);\n    const hasSelection = selected.length > 0;\n    const allSelect = selected.length === list.length;\n    const anySelect = selected.length > 0;\n\n    setAnySelected(hasSelection && anySelect);\n    setAllSelected(hasSelection && allSelect);\n  };\n\n  /**\n   * Select all the values inside the dropdown.\n   *\n   * @memberof List\n   */\n  const handleSelectAll = () => {\n    const newList = list.map((elem) => ({ ...elem, selected: !anySelected }));\n\n    setList(newList);\n    updateSelectAll(newList);\n    sendOnChange(newList, false, false, false);\n  };\n\n  const renderSelectAll = () => (\n    <div className={classes.selectAllContainer}>\n      <HvCheckBox\n        id={setId(id, \"select-all\")}\n        label={selectionLabel}\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   * Set hidden to false.\n   *\n   * @returns {*}\n   */\n  const cleanHidden = (lst) =>\n    lst.forEach((item) => {\n      // eslint-disable-next-line no-param-reassign\n      item.isHidden = false;\n    });\n\n  /**\n   * When selecting the state list is updated with the corresponding selection.\n   *\n   * @param selected - elements selected.\n   */\n  const onSelection = (selected) => {\n    updateSelectAll(selected);\n\n    if (multiSelect) {\n      setList(clone(selected));\n      sendOnChange(selected, false, false, false);\n    } else {\n      cleanHidden(selected);\n      setPrevList(clone(selected));\n      setList(clone(selected));\n      setSearchStr(\"\");\n      sendOnChange(selected, true, true, true);\n    }\n  };\n\n  /**\n   * Cancel the selection in case of no commit reverting the state to it's previous iteration.\n   * If the handler is called by the onClickAway it is evaluated if the click was done in the header\n   * to prevent the double toggle.\n   */\n  const handleCancel = (event) => {\n    setList(clone(prevList));\n    setSearchStr(\"\");\n    updateSelectAll(prevList);\n    event?.target === headerRef?.current\n      ? sendOnChange(prevList, false, false, false, event)\n      : sendOnChange(prevList, false, true, false, event);\n  };\n\n  /**\n   * Commits the temporary selection to the state.\n   */\n  const handleApply = () => {\n    cleanHidden(list);\n    setPrevList(list);\n    setList(list);\n    setSearchStr(\"\");\n    sendOnChange(list, true, true, true);\n  };\n\n  /**\n   * If the ESCAPE key is pressed the cancel handler must be called.\n   *\n   * @param evt\n   */\n  const handleKeyDown = (evt) => {\n    if (isKeypress(evt, KeyboardCodes.Esc)) {\n      handleCancel(evt);\n    }\n  };\n\n  /**\n   * Render action buttons.\n   */\n  const renderActions = () => (\n    <div className={classes.actions}>\n      <Actions\n        id={setId(id, \"actions\")}\n        onCancel={() => handleCancel()}\n        onApply={() => handleApply()}\n        labels={labels}\n        cancelLabel={labels.cancelLabel}\n        applyLabel={labels.applyLabel}\n      />\n    </div>\n  );\n\n  /**\n   * When the list is rendered, it should determine its position.\n   *\n   * @param data\n   */\n  const handleListFlip = (data) => {\n    const position = data.flipped;\n    if (positionUp !== position) {\n      setPositionUp(position);\n    }\n  };\n\n  const handleListCreate = (data) => {\n    const position = data.flipped;\n    if (!created) {\n      setPositionUp(position);\n      setCreated(true);\n      updateSelectAll(prevList);\n    }\n  };\n\n  const showList = !isNil(values);\n\n  const renderInnerList = () => (\n    <div>\n      {!positionUp && (\n        <div\n          className={clsx(classes.inputExtensionOpen, {\n            [classes.inputExtensionLeftPosition]: placement === \"left\",\n          })}\n        />\n      )}\n      {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions */}\n      <div\n        className={clsx(classes.list, classes.listClosed, {\n          [classes.listOpenDown]: isOpen && !positionUp,\n          [classes.listOpenUp]: isOpen && positionUp,\n        })}\n        onKeyDown={handleKeyDown}\n      >\n        {!positionUp && <div className={classes.listBorderDown} />}\n\n        <div\n          className={clsx(classes.rootList, {\n            [classes.marginTop]: positionUp && showList,\n          })}\n        >\n          {showSearch && renderSearch()}\n          {showList && multiSelect && renderSelectAll()}\n          <div className={classes.listContainer}>\n            {showList && (\n              <InnerList\n                id={setId(id, \"list\")}\n                values={list}\n                multiSelect={multiSelect}\n                useSelector={multiSelect}\n                showSelectAll={false}\n                onChange={onSelection}\n                labels={newLabels}\n                selectDefault={selectDefault}\n                hasTooltips={hasTooltips}\n                selectable\n                condensed\n                singleSelectionToggle={singleSelectionToggle}\n                {...others}\n              />\n            )}\n          </div>\n        </div>\n        {showList && multiSelect ? renderActions() : null}\n      </div>\n      {positionUp && (\n        <div\n          className={clsx(classes.inputExtensionOpen, classes.inputExtensionOpenShadow, {\n            [classes.inputExtensionFloatRight]: placement === \"right\",\n            [classes.inputExtensionFloatLeft]: placement === \"left\",\n          })}\n        />\n      )}\n    </div>\n  );\n\n  const bottom = placement && `bottom-${placement === \"right\" ? \"start\" : \"end\"}`;\n\n  return (\n    <Popper\n      id={id}\n      disablePortal={disablePortal}\n      open={isOpen}\n      anchorEl={anchorEl}\n      placement={bottom}\n      popperOptions={{\n        onUpdate: (data) => handleListFlip(data),\n        onCreate: (data) => handleListCreate(data),\n      }}\n      style={{ zIndex: theme.zIndex.tooltip }}\n      ref={applyFocusRef}\n      {...popperProps}\n    >\n      <OutsideClickHandler onOutsideClick={(e) => handleCancel(e)}>\n        {renderInnerList()}\n      </OutsideClickHandler>\n    </Popper>\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   */\n  onChange: PropTypes.func,\n  /**\n   * An object containing all the labels for the dropdown.\n   */\n  labels: PropTypes.instanceOf(Object).isRequired,\n  /**\n   * If ´true´ and none element selected,\n   * single select has default (first) label selected.\n   */\n  selectDefault: PropTypes.bool,\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   * Disable the portal behavior. The children stay within it's parent DOM hierarchy.\n   */\n  disablePortal: PropTypes.bool,\n  /**\n   * If 'true' list is open.\n   */\n  isOpen: PropTypes.bool,\n  /**\n   * This is the DOM element, or a function that returns the DOM element,\n   * that may be used to set the position of the popover.\n   * The return value will passed as the reference object of the Popper\n   * instance.\n   */\n  anchorEl: PropTypes.oneOfType([PropTypes.object, PropTypes.func]),\n  /**\n   * If ´true´, selection can be toggled when single selection.\n   */\n  singleSelectionToggle: PropTypes.bool.isRequired,\n  /**\n   * Placement of the dropdown.\n   */\n  placement: PropTypes.oneOf([\"left\", \"right\"]),\n  /**\n   * An object containing props to be wired to the popper component.\n   */\n  popperProps: PropTypes.shape(),\n  /**\n   * A reference to the dropdown header used for refocusing the element.\n   */\n  headerRef: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, { name: \"HvDropdownList\" })(List);\n"],"mappings":"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"}

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,"file":"index.js","names":["default"],"sources":["../../../../src/Dropdown/List/index.js"],"sourcesContent":["export { default } from \"./List\";\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,QAAxB"}

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

@@ -0,0 +1,88 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+
+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; }
+
+const styles = theme => ({
+  rootList: {
+    width: 310
+  },
+  listContainer: {
+    overflow: "auto",
+    maxHeight: 270,
+    paddingLeft: `${theme.hv.spacing.sm}px`,
+    marginRight: "2px",
+    paddingRight: "18px",
+    paddingBottom: `${theme.hv.spacing.sm}px`
+  },
+  searchContainer: {
+    paddingLeft: `${theme.hv.spacing.sm}px`,
+    paddingRight: `${theme.hv.spacing.sm}px`,
+    paddingBottom: `${theme.hv.spacing.xs}px`
+  },
+  selectAllContainer: {
+    paddingLeft: `${theme.hv.spacing.sm}px`,
+    paddingRight: `${theme.hv.spacing.sm}px`,
+    width: "100%"
+  },
+  selectAll: {
+    "& > span": _objectSpread({}, theme.hv.typography.highlightText)
+  },
+  selection: {
+    width: "100%"
+  },
+  actions: {
+    textAlign: "right",
+    borderTop: `3px solid ${theme.hv.palette.atmosphere.atmo2}`,
+    padding: `${theme.hv.spacing.sm}px`
+  },
+  marginTop: {
+    marginTop: `${theme.hv.spacing.sm}px`
+  },
+  listBorderDown: {
+    display: "block",
+    height: `${theme.hv.spacing.sm}px`,
+    boxShadow: `0 0 0 ${theme.hv.palette.atmosphere.atmo1}, 0px -5px 12px -5px rgba(65,65,65,.12)`
+  },
+  list: {
+    maxWidth: 310,
+    minWidth: 310,
+    background: theme.hv.palette.atmosphere.atmo1,
+    border: `1px solid ${theme.hv.palette.accent.acce1}`,
+    borderTop: "none",
+    zIndex: 1000
+  },
+  listClosed: {
+    display: "none"
+  },
+  listOpenDown: {
+    display: "block",
+    border: `1px solid ${theme.hv.palette.atmosphere.atmo1}`,
+    boxShadow: theme.hv.shadows[1]
+  },
+  listOpenUp: {
+    display: "block",
+    border: `1px solid ${theme.hv.palette.atmosphere.atmo1}`
+  },
+  inputExtensionOpen: {
+    width: "310px",
+    height: "10px",
+    backgroundColor: theme.hv.palette.atmosphere.atmo1
+  },
+  inputExtensionLeftPosition: {
+    marginLeft: "auto"
+  },
+  inputExtensionOpenShadow: {
+    boxShadow: `0px 8px 0px ${theme.hv.palette.atmosphere.atmo1}, 0px 0px 9px 0px rgba(65,65,65,.12)`
+  },
+  inputExtensionFloatRight: {
+    float: "left"
+  },
+  inputExtensionFloatLeft: {
+    float: "right"
+  }
+});
+
+export default styles;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["styles","theme","rootList","width","listContainer","overflow","maxHeight","paddingLeft","hv","spacing","sm","marginRight","paddingRight","paddingBottom","searchContainer","xs","selectAllContainer","selectAll","typography","highlightText","selection","actions","textAlign","borderTop","palette","atmosphere","atmo2","padding","marginTop","listBorderDown","display","height","boxShadow","atmo1","list","maxWidth","minWidth","background","border","accent","acce1","zIndex","listClosed","listOpenDown","shadows","listOpenUp","inputExtensionOpen","backgroundColor","inputExtensionLeftPosition","marginLeft","inputExtensionOpenShadow","inputExtensionFloatRight","float","inputExtensionFloatLeft"],"sources":["../../../../src/Dropdown/List/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  rootList: {\n    width: 310,\n  },\n  listContainer: {\n    overflow: \"auto\",\n    maxHeight: 270,\n    paddingLeft: `${theme.hv.spacing.sm}px`,\n    marginRight: \"2px\",\n    paddingRight: \"18px\",\n    paddingBottom: `${theme.hv.spacing.sm}px`,\n  },\n  searchContainer: {\n    paddingLeft: `${theme.hv.spacing.sm}px`,\n    paddingRight: `${theme.hv.spacing.sm}px`,\n    paddingBottom: `${theme.hv.spacing.xs}px`,\n  },\n  selectAllContainer: {\n    paddingLeft: `${theme.hv.spacing.sm}px`,\n    paddingRight: `${theme.hv.spacing.sm}px`,\n    width: \"100%\",\n  },\n  selectAll: {\n    \"& > span\": {\n      ...theme.hv.typography.highlightText,\n    },\n  },\n  selection: {\n    width: \"100%\",\n  },\n  actions: {\n    textAlign: \"right\",\n    borderTop: `3px solid ${theme.hv.palette.atmosphere.atmo2}`,\n    padding: `${theme.hv.spacing.sm}px`,\n  },\n  marginTop: {\n    marginTop: `${theme.hv.spacing.sm}px`,\n  },\n  listBorderDown: {\n    display: \"block\",\n    height: `${theme.hv.spacing.sm}px`,\n    boxShadow: `0 0 0 ${theme.hv.palette.atmosphere.atmo1}, 0px -5px 12px -5px rgba(65,65,65,.12)`,\n  },\n  list: {\n    maxWidth: 310,\n    minWidth: 310,\n    background: theme.hv.palette.atmosphere.atmo1,\n    border: `1px solid ${theme.hv.palette.accent.acce1}`,\n    borderTop: \"none\",\n    zIndex: 1000,\n  },\n  listClosed: {\n    display: \"none\",\n  },\n  listOpenDown: {\n    display: \"block\",\n    border: `1px solid ${theme.hv.palette.atmosphere.atmo1}`,\n    boxShadow: theme.hv.shadows[1],\n  },\n  listOpenUp: {\n    display: \"block\",\n    border: `1px solid ${theme.hv.palette.atmosphere.atmo1}`,\n  },\n  inputExtensionOpen: {\n    width: \"310px\",\n    height: \"10px\",\n    backgroundColor: theme.hv.palette.atmosphere.atmo1,\n  },\n  inputExtensionLeftPosition: {\n    marginLeft: \"auto\",\n  },\n  inputExtensionOpenShadow: {\n    boxShadow: `0px 8px 0px ${theme.hv.palette.atmosphere.atmo1}, 0px 0px 9px 0px rgba(65,65,65,.12)`,\n  },\n  inputExtensionFloatRight: {\n    float: \"left\",\n  },\n  inputExtensionFloatLeft: {\n    float: \"right\",\n  },\n});\n\nexport default styles;\n"],"mappings":"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"}

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,"file":"index.js","names":["default"],"sources":["../../../src/Dropdown/index.js"],"sourcesContent":["export { default } from \"./Dropdown\";\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,YAAxB"}