@hitachivantara/uikit-react-core 2.23.2

package/dist/legacy/Dropdown/Dropdown.js

@@ -0,0 +1,520 @@
+import "core-js/modules/es.reflect.construct.js";
+import "core-js/modules/es.object.keys.js";
+import "core-js/modules/es.symbol.js";
+import "core-js/modules/es.array.filter.js";
+import "core-js/modules/es.object.get-own-property-descriptor.js";
+import "core-js/modules/web.dom-collections.for-each.js";
+import "core-js/modules/es.object.get-own-property-descriptors.js";
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
+var _excluded = ["classes", "disabled", "values", "id", "labels", "multiSelect", "showSearch", "expanded", "onChange", "notifyChangesOnFirstRender", "selectDefault", "disablePortal", "hasTooltips", "singleSelectionToggle", "popperProps", "className"];
+import "core-js/modules/es.array.iterator.js";
+import "core-js/modules/es.object.to-string.js";
+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); 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; }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+import React from "react";
+import PropTypes from "prop-types";
+import clsx from "clsx";
+import { withStyles } from "@material-ui/core";
+import deprecatedPropType from "@material-ui/core/utils/deprecatedPropType";
+import { DropUpXS as ArrowUp, DropDownXS as ArrowDown } from "@hitachivantara/uikit-react-icons";
+import { setId, isKeypress, KeyboardCodes } from "../utils";
+import HvTypography from "../Typography";
+import withLabels from "../withLabels";
+import withId from "../withId";
+import List from "./List";
+import { getSelected, getSelectionLabel } from "./utils";
+import styles from "./styles";
+var DEFAULT_LABELS = {
+  select: "Select...",
+  selectAll: "All",
+  cancelLabel: "Cancel",
+  applyLabel: "Apply",
+  multiSelectionAction: "Selected",
+  multiSelectionConjunction: "of"
+};
+var DEFAULT_STATE = {
+  selectionLabel: null,
+  anchorEl: null,
+  values: []
+};
+/**
+ * A drop-down list is a graphical control element, similar to a list box, that allows the user to choose one value from a list.
+ */
+
+var HvDropdown = /*#__PURE__*/function (_React$Component) {
+  _inherits(HvDropdown, _React$Component);
+
+  var _super = _createSuper(HvDropdown);
+
+  function HvDropdown(props) {
+    var _this;
+
+    _classCallCheck(this, HvDropdown);
+
+    _this = _super.call(this, props);
+    _this.ref = /*#__PURE__*/React.createRef();
+    var expanded = props.expanded;
+    _this.state = _objectSpread({
+      isOpen: expanded
+    }, DEFAULT_STATE);
+    return _this;
+  }
+
+  _createClass(HvDropdown, [{
+    key: "handleToggle",
+    value:
+    /**
+     *  Opens and closes the dropdown.
+     *
+     * @param {Object} event - the event produced by the click action.
+     * @returns {undefined}
+     * @memberof Dropdown
+     */
+    function handleToggle(event) {
+      var disabled = this.props.disabled;
+      var isOpen = this.state.isOpen; // we are checking specifically for false because if "iskeypress" returns true or undefined it should continue
+
+      if (disabled || isKeypress(event, KeyboardCodes.Enter) === false && isKeypress(event, KeyboardCodes.Esc) === false && isKeypress(event, KeyboardCodes.ArrowDown) === false || isKeypress(event, KeyboardCodes.Esc) && !isOpen || isKeypress(event, KeyboardCodes.ArrowDown) && isOpen) return;
+      var anchor = event ? event.currentTarget.parentElement : null;
+      this.setState({
+        isOpen: !isOpen,
+        anchorEl: anchor
+      });
+    }
+    /**
+     * Applies the selected values to the state
+     *
+     * @param {Array} selection - An array containing the selected values.
+     * @param {Boolean} commitChanges - If `true` the selection if finally committed the dropdown header text should reflect the new selection
+     * @param {Boolean} toggle -If `true` the dropdown should toggle it's current state
+     * @param {Boolean} notifyChanges -If `true` the dropdown will call onChange.
+     * @param {Event} event - mouseUp event.
+     * @memberof Dropdown
+     */
+
+  }, {
+    key: "handleSelection",
+    value: function handleSelection(selection, commitChanges, toggle) {
+      var notifyChanges = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : true;
+      var event = arguments.length > 4 ? arguments[4] : undefined;
+      var _this$props = this.props,
+          multiSelect = _this$props.multiSelect,
+          onChange = _this$props.onChange,
+          labels = _this$props.labels;
+      var selected = getSelected(selection);
+
+      if (commitChanges) {
+        var selectionLabel = getSelectionLabel(selection, labels, multiSelect);
+        this.setState({
+          selectionLabel: selectionLabel
+        });
+      }
+
+      if (toggle) this.handleToggle(event);
+      if (notifyChanges) onChange(multiSelect ? selected : selected[0]);
+    }
+  }, {
+    key: "renderLabel",
+    value: function renderLabel() {
+      var _this$props2 = this.props,
+          id = _this$props2.id,
+          classes = _this$props2.classes,
+          labels = _this$props2.labels;
+      return /*#__PURE__*/React.createElement("label", {
+        id: setId(id, "label"),
+        className: classes.label,
+        htmlFor: setId(id, "header")
+      }, labels.title);
+    }
+  }, {
+    key: "renderHeader",
+    value: function renderHeader(selectionLabelId) {
+      var _this2 = this;
+
+      var _this$props3 = this.props,
+          classes = _this$props3.classes,
+          disabled = _this$props3.disabled,
+          values = _this$props3.values,
+          id = _this$props3.id,
+          labels = _this$props3.labels,
+          multiSelect = _this$props3.multiSelect,
+          showSearch = _this$props3.showSearch,
+          expanded = _this$props3.expanded,
+          onChange = _this$props3.onChange,
+          notifyChangesOnFirstRender = _this$props3.notifyChangesOnFirstRender,
+          selectDefault = _this$props3.selectDefault,
+          disablePortal = _this$props3.disablePortal,
+          hasTooltips = _this$props3.hasTooltips,
+          singleSelectionToggle = _this$props3.singleSelectionToggle,
+          popperProps = _this$props3.popperProps,
+          className = _this$props3.className,
+          others = _objectWithoutProperties(_this$props3, _excluded);
+
+      var _this$state = this.state,
+          isOpen = _this$state.isOpen,
+          selectionLabel = _this$state.selectionLabel;
+      var color = disabled ? "atmo7" : undefined;
+      var headerId = setId(id, "header");
+      return /*#__PURE__*/React.createElement("div", _extends({
+        id: headerId,
+        "aria-labelledby": selectionLabelId,
+        className: clsx(classes.header, disabled && classes.headerDisabled),
+        onKeyDown: function onKeyDown(evt) {
+          return _this2.handleToggle(evt);
+        } // Used instead of onClick because of OutsideClickHandler used in the List
+        ,
+        onMouseUp: function onMouseUp(evt) {
+          return _this2.handleToggle(evt);
+        },
+        role: "textbox",
+        ref: this.ref,
+        tabIndex: 0,
+        style: disabled ? {
+          pointerEvents: "none"
+        } : undefined
+      }, others), /*#__PURE__*/React.createElement(HvTypography, {
+        id: selectionLabelId,
+        variant: "normalText",
+        className: clsx(classes.selection, classes.truncate, disabled && classes.selectionDisabled)
+      }, selectionLabel), isOpen ? /*#__PURE__*/React.createElement(ArrowUp, {
+        iconSize: "XS",
+        className: classes.arrow
+      }) : /*#__PURE__*/React.createElement(ArrowDown, {
+        iconSize: "XS",
+        className: classes.arrow,
+        color: color
+      }));
+    }
+  }, {
+    key: "renderList",
+    value: function renderList() {
+      var _this3 = this;
+
+      var _this$props4 = this.props,
+          id = _this$props4.id,
+          multiSelect = _this$props4.multiSelect,
+          showSearch = _this$props4.showSearch,
+          selectDefault = _this$props4.selectDefault,
+          notifyChangesOnFirstRender = _this$props4.notifyChangesOnFirstRender,
+          disablePortal = _this$props4.disablePortal,
+          hasTooltips = _this$props4.hasTooltips,
+          labels = _this$props4.labels,
+          singleSelectionToggle = _this$props4.singleSelectionToggle,
+          classes = _this$props4.classes,
+          placement = _this$props4.placement,
+          popperProps = _this$props4.popperProps;
+      var _this$state2 = this.state,
+          isOpen = _this$state2.isOpen,
+          values = _this$state2.values,
+          anchorEl = _this$state2.anchorEl;
+      return /*#__PURE__*/React.createElement(List, {
+        id: setId(id, "values"),
+        classes: {
+          rootList: classes.rootList,
+          list: classes.list
+        },
+        values: values,
+        multiSelect: multiSelect,
+        showSearch: showSearch,
+        onChange: function onChange(selected, commitChanges, toggle, notifyChanges, evt) {
+          return _this3.handleSelection(selected, commitChanges, toggle, notifyChanges, evt);
+        },
+        labels: labels,
+        selectDefault: selectDefault,
+        notifyChangesOnFirstRender: notifyChangesOnFirstRender,
+        hasTooltips: hasTooltips,
+        disablePortal: disablePortal,
+        isOpen: isOpen,
+        anchorEl: anchorEl,
+        singleSelectionToggle: singleSelectionToggle,
+        "aria-labelledby": labels.title ? setId(id, "label") : undefined,
+        placement: placement,
+        popperProps: popperProps,
+        headerRef: this.ref
+      });
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this4 = this;
+
+      var _this$props5 = this.props,
+          id = _this$props5.id,
+          classes = _this$props5.classes,
+          className = _this$props5.className,
+          labels = _this$props5.labels,
+          disabled = _this$props5.disabled;
+      var isOpen = this.state.isOpen;
+      var selectionLabelId = setId(id, "selectionLabel");
+      return /*#__PURE__*/React.createElement(React.Fragment, null, labels.title ? this.renderLabel() : null, /*#__PURE__*/React.createElement("div", {
+        id: id,
+        role: "combobox",
+        "aria-expanded": isOpen,
+        "aria-owns": isOpen ? setId(id, "values") : undefined,
+        "aria-controls": isOpen ? setId(id, "values") : undefined,
+        "aria-labelledby": selectionLabelId,
+        "aria-describedby": labels.title ? setId(id, "label") : undefined,
+        ref: function ref(el) {
+          _this4.node = el;
+        },
+        className: clsx(classes.root, className, disabled && classes.rootDisabled, isOpen && classes.rootOpen)
+      }, this.renderHeader(selectionLabelId), this.renderList()));
+    }
+  }], [{
+    key: "getDerivedStateFromProps",
+    value: function getDerivedStateFromProps(props, state) {
+      if (props.values !== state.values) {
+        return {
+          isOpen: props.expanded,
+          selectionLabel: getSelectionLabel(props.values, props.labels, props.multiSelect),
+          anchorEl: null,
+          values: props.values
+        };
+      }
+
+      return null;
+    }
+  }]);
+
+  return HvDropdown;
+}(React.Component);
+
+process.env.NODE_ENV !== "production" ? HvDropdown.propTypes = {
+  /**
+   * Class names to be applied.
+   */
+  className: PropTypes.string,
+
+  /**
+   * Id to be applied to the root node.
+   */
+  id: PropTypes.string,
+
+  /**
+   * A Jss Object used to override or extend the component styles applied.
+   */
+  classes: PropTypes.shape({
+    /**
+     * Styles applied to the component root class.
+     */
+    root: PropTypes.string,
+
+    /**
+     * Styles applied to the component when is open.
+     */
+    rootOpen: PropTypes.string,
+
+    /**
+     * Styles applied to the component when is disable.
+     */
+    rootDisabled: PropTypes.string,
+
+    /**
+     * Styles applied to the label.
+     */
+    label: PropTypes.string,
+
+    /**
+     * Styles applied to the header.
+     */
+    header: PropTypes.string,
+
+    /**
+     * Styles applied to the selection
+     */
+    selection: PropTypes.string,
+
+    /**
+     * Styles applied to the arrow
+     */
+    arrow: PropTypes.string,
+
+    /**
+     * Styles applied when the header is disable.
+     */
+    headerDisabled: PropTypes.string,
+
+    /**
+     * Styles applied to the icon.
+     */
+    icon: PropTypes.string,
+
+    /**
+     * Styles applied for truncating the list elements.
+     */
+    truncate: PropTypes.string,
+
+    /**
+     * Styles applied when the selection is disabled.
+     */
+    selectionDisabled: PropTypes.string,
+
+    /**
+     * Styles applied when the selection is disabled.
+     */
+    list: PropTypes.string,
+
+    /**
+     * Styles applied when the selection is disabled.
+     */
+    rootList: PropTypes.string
+  }).isRequired,
+
+  /**
+   * The list to be rendered by the dropdown.
+   */
+  // needed to disable eslint because:
+  // https://github.com/yannickcr/eslint-plugin-react/issues/1751
+  // https://github.com/yannickcr/eslint-plugin-react/issues/2028
+  // eslint-disable-next-line react/no-unused-prop-types
+  values: PropTypes.arrayOf(PropTypes.shape({
+    id: PropTypes.string,
+    label: PropTypes.string.isRequired,
+    selected: PropTypes.bool
+  })),
+
+  /**
+   * If ´true´ the dropdown is multiselect, if ´false´ the dropdown is single select.
+   */
+  multiSelect: PropTypes.bool,
+
+  /**
+   * If ´true´ the dropdown is rendered with a search bar, if ´false´ there won't be a search bar.
+   */
+  showSearch: PropTypes.bool,
+
+  /**
+   * If ´true´ the dropdown is disabled unable to be interacted, if ´false´ it is enabled.
+   */
+  disabled: PropTypes.bool,
+
+  /**
+   * If ´true´ the dropdown starts opened if ´false´ it starts closed.
+   */
+  // needed to disable eslint because:
+  // https://github.com/yannickcr/eslint-plugin-react/issues/1751
+  // https://github.com/yannickcr/eslint-plugin-react/issues/2028
+  // eslint-disable-next-line react/no-unused-prop-types
+  expanded: PropTypes.bool,
+
+  /**
+   * A function to be executed whenever a item is selected in the dropdown, the function receives the selected item(s).
+   */
+  onChange: PropTypes.func,
+
+  /**
+   * If 'true' the dropdown will notify on the first render.
+   */
+  notifyChangesOnFirstRender: PropTypes.bool,
+
+  /**
+   * An object containing all the labels for the dropdown.
+   */
+  labels: PropTypes.shape({
+    /**
+     * Title for the dropdown.
+     */
+    title: PropTypes.string,
+
+    /**
+     * The placeholder value of the dropdown, when no value is selected.
+     */
+    select: PropTypes.string,
+
+    /**
+     * Label used for the All checkbox action.
+     */
+    selectAll: PropTypes.string,
+
+    /**
+     * Cancel button label.
+     */
+    cancelLabel: PropTypes.string,
+
+    /**
+     * Apply button label.
+     */
+    applyLabel: PropTypes.string,
+
+    /**
+     * The label used preceding the multiselection count.
+     */
+    multiSelectionAction: PropTypes.string,
+
+    /**
+     * The label used in the middle of the multiselection count.
+     */
+    multiSelectionConjunction: PropTypes.string
+  }),
+
+  /**
+   * If ´true´ and none element selected,
+   * single select has default (first) label selected.
+   *
+   * @deprecated
+   */
+  selectDefault: deprecatedPropType(PropTypes.bool, "instead pass the default as a preselected value"),
+
+  /**
+   * 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´, selection can be toggled when single selection.
+   */
+  singleSelectionToggle: PropTypes.bool,
+
+  /**
+   * Placement of the dropdown.
+   */
+  placement: PropTypes.oneOf(["left", "right"]),
+
+  /**
+   * An object containing props to be wired to the popper component.
+   */
+  popperProps: PropTypes.shape()
+} : void 0;
+HvDropdown.defaultProps = {
+  className: "",
+  id: undefined,
+  values: null,
+  multiSelect: false,
+  showSearch: false,
+  disabled: false,
+  expanded: false,
+  onChange: function onChange() {},
+  notifyChangesOnFirstRender: false,
+  labels: {},
+  selectDefault: true,
+  disablePortal: false,
+  hasTooltips: false,
+  singleSelectionToggle: true,
+  placement: undefined,
+  popperProps: {}
+};
+export default withStyles(styles, {
+  name: "HvDropdown"
+})(withLabels(DEFAULT_LABELS)(withId(HvDropdown)));
+//# sourceMappingURL=Dropdown.js.map

package/dist/legacy/Dropdown/Dropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.js","names":["React","PropTypes","clsx","withStyles","deprecatedPropType","DropUpXS","ArrowUp","DropDownXS","ArrowDown","setId","isKeypress","KeyboardCodes","HvTypography","withLabels","withId","List","getSelected","getSelectionLabel","styles","DEFAULT_LABELS","select","selectAll","cancelLabel","applyLabel","multiSelectionAction","multiSelectionConjunction","DEFAULT_STATE","selectionLabel","anchorEl","values","HvDropdown","props","ref","createRef","expanded","state","isOpen","event","disabled","Enter","Esc","anchor","currentTarget","parentElement","setState","selection","commitChanges","toggle","notifyChanges","multiSelect","onChange","labels","selected","handleToggle","id","classes","label","title","selectionLabelId","showSearch","notifyChangesOnFirstRender","selectDefault","disablePortal","hasTooltips","singleSelectionToggle","popperProps","className","others","color","undefined","headerId","header","headerDisabled","evt","pointerEvents","truncate","selectionDisabled","arrow","placement","rootList","list","handleSelection","renderLabel","el","node","root","rootDisabled","rootOpen","renderHeader","renderList","Component","propTypes","string","shape","icon","isRequired","arrayOf","bool","func","oneOf","defaultProps","name"],"sources":["../../../src/Dropdown/Dropdown.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\nimport deprecatedPropType from \"@material-ui/core/utils/deprecatedPropType\";\nimport { DropUpXS as ArrowUp, DropDownXS as ArrowDown } from \"@hitachivantara/uikit-react-icons\";\nimport { setId, isKeypress, KeyboardCodes } from \"../utils\";\nimport HvTypography from \"../Typography\";\nimport withLabels from \"../withLabels\";\nimport withId from \"../withId\";\nimport List from \"./List\";\nimport { getSelected, getSelectionLabel } from \"./utils\";\nimport styles from \"./styles\";\n\nconst DEFAULT_LABELS = {\n  select: \"Select...\",\n  selectAll: \"All\",\n  cancelLabel: \"Cancel\",\n  applyLabel: \"Apply\",\n  multiSelectionAction: \"Selected\",\n  multiSelectionConjunction: \"of\",\n};\n\nconst DEFAULT_STATE = {\n  selectionLabel: null,\n  anchorEl: null,\n  values: [],\n};\n\n/**\n * A drop-down list is a graphical control element, similar to a list box, that allows the user to choose one value from a list.\n */\nclass HvDropdown extends React.Component {\n  constructor(props) {\n    super(props);\n\n    this.ref = React.createRef();\n\n    const { expanded } = props;\n\n    this.state = {\n      isOpen: expanded,\n      ...DEFAULT_STATE,\n    };\n  }\n\n  static getDerivedStateFromProps(props, state) {\n    if (props.values !== state.values) {\n      return {\n        isOpen: props.expanded,\n        selectionLabel: getSelectionLabel(props.values, props.labels, props.multiSelect),\n        anchorEl: null,\n        values: props.values,\n      };\n    }\n\n    return null;\n  }\n\n  /**\n   *  Opens and closes the dropdown.\n   *\n   * @param {Object} event - the event produced by the click action.\n   * @returns {undefined}\n   * @memberof Dropdown\n   */\n  handleToggle(event) {\n    const { disabled } = this.props;\n    const { isOpen } = this.state;\n    // we are checking specifically for false because if \"iskeypress\" returns true or undefined it should continue\n    if (\n      disabled ||\n      (isKeypress(event, KeyboardCodes.Enter) === false &&\n        isKeypress(event, KeyboardCodes.Esc) === false &&\n        isKeypress(event, KeyboardCodes.ArrowDown) === false) ||\n      (isKeypress(event, KeyboardCodes.Esc) && !isOpen) ||\n      (isKeypress(event, KeyboardCodes.ArrowDown) && isOpen)\n    )\n      return;\n\n    const anchor = event ? event.currentTarget.parentElement : null;\n    this.setState({\n      isOpen: !isOpen,\n      anchorEl: anchor,\n    });\n  }\n\n  /**\n   * Applies the selected values to the state\n   *\n   * @param {Array} selection - An array containing the selected values.\n   * @param {Boolean} commitChanges - If `true` the selection if finally committed the dropdown header text should reflect the new selection\n   * @param {Boolean} toggle -If `true` the dropdown should toggle it's current state\n   * @param {Boolean} notifyChanges -If `true` the dropdown will call onChange.\n   * @param {Event} event - mouseUp event.\n   * @memberof Dropdown\n   */\n  handleSelection(selection, commitChanges, toggle, notifyChanges = true, event) {\n    const { multiSelect, onChange, labels } = this.props;\n    const selected = getSelected(selection);\n\n    if (commitChanges) {\n      const selectionLabel = getSelectionLabel(selection, labels, multiSelect);\n      this.setState({ selectionLabel });\n    }\n    if (toggle) this.handleToggle(event);\n    if (notifyChanges) onChange(multiSelect ? selected : selected[0]);\n  }\n\n  renderLabel() {\n    const { id, classes, labels } = this.props;\n    return (\n      <label id={setId(id, \"label\")} className={classes.label} htmlFor={setId(id, \"header\")}>\n        {labels.title}\n      </label>\n    );\n  }\n\n  renderHeader(selectionLabelId) {\n    const {\n      classes,\n      disabled,\n      values,\n      id,\n      labels,\n      multiSelect,\n      showSearch,\n      expanded,\n      onChange,\n      notifyChangesOnFirstRender,\n      selectDefault,\n      disablePortal,\n      hasTooltips,\n      singleSelectionToggle,\n      // TODO: convert component to functional so we don't to destructure here\n      popperProps,\n      className,\n      ...others\n    } = this.props;\n\n    const { isOpen, selectionLabel } = this.state;\n\n    const color = disabled ? \"atmo7\" : undefined;\n\n    const headerId = setId(id, \"header\");\n\n    return (\n      <div\n        id={headerId}\n        aria-labelledby={selectionLabelId}\n        className={clsx(classes.header, {\n          [classes.headerDisabled]: disabled,\n        })}\n        onKeyDown={(evt) => this.handleToggle(evt)}\n        // Used instead of onClick because of OutsideClickHandler used in the List\n        onMouseUp={(evt) => this.handleToggle(evt)}\n        role=\"textbox\"\n        ref={this.ref}\n        tabIndex={0}\n        style={disabled ? { pointerEvents: \"none\" } : undefined}\n        {...others}\n      >\n        <HvTypography\n          id={selectionLabelId}\n          variant=\"normalText\"\n          className={clsx(classes.selection, classes.truncate, {\n            [classes.selectionDisabled]: disabled,\n          })}\n        >\n          {selectionLabel}\n        </HvTypography>\n        {isOpen ? (\n          <ArrowUp iconSize=\"XS\" className={classes.arrow} />\n        ) : (\n          <ArrowDown iconSize=\"XS\" className={classes.arrow} color={color} />\n        )}\n      </div>\n    );\n  }\n\n  renderList() {\n    const {\n      id,\n      multiSelect,\n      showSearch,\n      selectDefault,\n      notifyChangesOnFirstRender,\n      disablePortal,\n      hasTooltips,\n      labels,\n      singleSelectionToggle,\n      classes,\n      placement,\n      // TODO: convert component to functional so we don't to destructure here\n      popperProps,\n    } = this.props;\n    const { isOpen, values, anchorEl } = this.state;\n\n    return (\n      <List\n        id={setId(id, \"values\")}\n        classes={{\n          rootList: classes.rootList,\n          list: classes.list,\n        }}\n        values={values}\n        multiSelect={multiSelect}\n        showSearch={showSearch}\n        onChange={(selected, commitChanges, toggle, notifyChanges, evt) =>\n          this.handleSelection(selected, commitChanges, toggle, notifyChanges, evt)\n        }\n        labels={labels}\n        selectDefault={selectDefault}\n        notifyChangesOnFirstRender={notifyChangesOnFirstRender}\n        hasTooltips={hasTooltips}\n        disablePortal={disablePortal}\n        isOpen={isOpen}\n        anchorEl={anchorEl}\n        singleSelectionToggle={singleSelectionToggle}\n        aria-labelledby={labels.title ? setId(id, \"label\") : undefined}\n        placement={placement}\n        popperProps={popperProps}\n        headerRef={this.ref}\n      />\n    );\n  }\n\n  render() {\n    const { id, classes, className, labels, disabled } = this.props;\n    const { isOpen } = this.state;\n    const selectionLabelId = setId(id, \"selectionLabel\");\n\n    return (\n      <>\n        {/* TODO: remove label? use composition */}\n        {labels.title ? this.renderLabel() : null}\n        <div\n          id={id}\n          role=\"combobox\"\n          aria-expanded={isOpen}\n          aria-owns={isOpen ? setId(id, \"values\") : undefined}\n          aria-controls={isOpen ? setId(id, \"values\") : undefined}\n          aria-labelledby={selectionLabelId}\n          aria-describedby={labels.title ? setId(id, \"label\") : undefined}\n          ref={(el) => {\n            this.node = el;\n          }}\n          className={clsx(classes.root, className, {\n            [classes.rootDisabled]: disabled,\n            [classes.rootOpen]: isOpen,\n          })}\n        >\n          {this.renderHeader(selectionLabelId)}\n          {this.renderList()}\n        </div>\n      </>\n    );\n  }\n}\n\nHvDropdown.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the component styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the component when is open.\n     */\n    rootOpen: PropTypes.string,\n    /**\n     * Styles applied to the component when is disable.\n     */\n    rootDisabled: PropTypes.string,\n    /**\n     * Styles applied to the label.\n     */\n    label: PropTypes.string,\n    /**\n     * Styles applied to the header.\n     */\n    header: PropTypes.string,\n    /**\n     * Styles applied to the selection\n     */\n    selection: PropTypes.string,\n    /**\n     * Styles applied to the arrow\n     */\n    arrow: PropTypes.string,\n    /**\n     * Styles applied when the header is disable.\n     */\n    headerDisabled: PropTypes.string,\n    /**\n     * Styles applied to the icon.\n     */\n    icon: PropTypes.string,\n    /**\n     * Styles applied for truncating the list elements.\n     */\n    truncate: PropTypes.string,\n    /**\n     * Styles applied when the selection is disabled.\n     */\n    selectionDisabled: PropTypes.string,\n    /**\n     * Styles applied when the selection is disabled.\n     */\n    list: PropTypes.string,\n    /**\n     * Styles applied when the selection is disabled.\n     */\n    rootList: PropTypes.string,\n  }).isRequired,\n  /**\n   * The list to be rendered by the dropdown.\n   */\n  // needed to disable eslint because:\n  // https://github.com/yannickcr/eslint-plugin-react/issues/1751\n  // https://github.com/yannickcr/eslint-plugin-react/issues/2028\n  // eslint-disable-next-line react/no-unused-prop-types\n  values: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string,\n      label: PropTypes.string.isRequired,\n      selected: PropTypes.bool,\n    })\n  ),\n  /**\n   * If ´true´ the dropdown is multiselect, if ´false´ the dropdown is single select.\n   */\n  multiSelect: PropTypes.bool,\n  /**\n   * If ´true´ the dropdown is rendered with a search bar, if ´false´ there won't be a search bar.\n   */\n  showSearch: PropTypes.bool,\n  /**\n   * If ´true´ the dropdown is disabled unable to be interacted, if ´false´ it is enabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * If ´true´ the dropdown starts opened if ´false´ it starts closed.\n   */\n  // needed to disable eslint because:\n  // https://github.com/yannickcr/eslint-plugin-react/issues/1751\n  // https://github.com/yannickcr/eslint-plugin-react/issues/2028\n  // eslint-disable-next-line react/no-unused-prop-types\n  expanded: PropTypes.bool,\n  /**\n   * A function to be executed whenever a item is selected in the dropdown, the function receives the selected item(s).\n   */\n  onChange: PropTypes.func,\n  /**\n   * If 'true' the dropdown will notify on the first render.\n   */\n  notifyChangesOnFirstRender: PropTypes.bool,\n  /**\n   * An object containing all the labels for the dropdown.\n   */\n  labels: PropTypes.shape({\n    /**\n     * Title for the dropdown.\n     */\n    title: PropTypes.string,\n    /**\n     * The placeholder value of the dropdown, when no value is selected.\n     */\n    select: PropTypes.string,\n    /**\n     * Label used for the All checkbox action.\n     */\n    selectAll: PropTypes.string,\n    /**\n     * Cancel button label.\n     */\n    cancelLabel: PropTypes.string,\n    /**\n     * Apply button label.\n     */\n    applyLabel: PropTypes.string,\n    /**\n     * The label used preceding the multiselection count.\n     */\n    multiSelectionAction: PropTypes.string,\n    /**\n     * The label used in the middle of the multiselection count.\n     */\n    multiSelectionConjunction: PropTypes.string,\n  }),\n  /**\n   * If ´true´ and none element selected,\n   * single select has default (first) label selected.\n   *\n   * @deprecated\n   */\n  selectDefault: deprecatedPropType(\n    PropTypes.bool,\n    \"instead pass the default as a preselected value\"\n  ),\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.\n   * The children stay within it's parent DOM hierarchy.\n   */\n  disablePortal: PropTypes.bool,\n  /**\n   * If ´true´, selection can be toggled when single selection.\n   */\n  singleSelectionToggle: PropTypes.bool,\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\nHvDropdown.defaultProps = {\n  className: \"\",\n  id: undefined,\n  values: null,\n  multiSelect: false,\n  showSearch: false,\n  disabled: false,\n  expanded: false,\n  onChange() {},\n  notifyChangesOnFirstRender: false,\n  labels: {},\n  selectDefault: true,\n  disablePortal: false,\n  hasTooltips: false,\n  singleSelectionToggle: true,\n  placement: undefined,\n  popperProps: {},\n};\n\nexport default withStyles(styles, { name: \"HvDropdown\" })(\n  withLabels(DEFAULT_LABELS)(withId(HvDropdown))\n);\n"],"mappings":"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"}