@hitachivantara/uikit-react-core 2.23.2

package/dist/Dropdown/Actions/styles.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var styles = function styles(theme) {
+  return {
+    button: {
+      color: theme.hv.palette.accent.acce1,
+      "& span": {
+        color: theme.hv.palette.accent.acce1
+      },
+      "&:nth-child(1)": {
+        marginRight: "".concat(theme.hv.spacing.xs, "px")
+      }
+    }
+  };
+};
+
+var _default = styles;
+exports.default = _default;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["styles","theme","button","color","hv","palette","accent","acce1","marginRight","spacing","xs"],"sources":["../../../src/Dropdown/Actions/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  button: {\n    color: theme.hv.palette.accent.acce1,\n    \"& span\": {\n      color: theme.hv.palette.accent.acce1,\n    },\n    \"&:nth-child(1)\": {\n      marginRight: `${theme.hv.spacing.xs}px`,\n    },\n  },\n});\n\nexport default styles;\n"],"mappings":";;;;;;;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;EAAA,OAAY;IACzBC,MAAM,EAAE;MACNC,KAAK,EAAEF,KAAK,CAACG,EAAN,CAASC,OAAT,CAAiBC,MAAjB,CAAwBC,KADzB;MAEN,UAAU;QACRJ,KAAK,EAAEF,KAAK,CAACG,EAAN,CAASC,OAAT,CAAiBC,MAAjB,CAAwBC;MADvB,CAFJ;MAKN,kBAAkB;QAChBC,WAAW,YAAKP,KAAK,CAACG,EAAN,CAASK,OAAT,CAAiBC,EAAtB;MADK;IALZ;EADiB,CAAZ;AAAA,CAAf;;eAYeV,M"}

package/dist/Dropdown/Dropdown.d.ts

@@ -0,0 +1,111 @@
+import * as React from "react";
+import { StandardProps } from "@material-ui/core";
+import { PopperProps } from "@material-ui/core/Popper";
+import { ListLabelsProp, ListValueProp } from "../List";
+
+export interface DropDownLabelsProp extends ListLabelsProp {
+  /**
+   * Title for the dropdown.
+   */
+  title?: string;
+  /**
+   * The placeholder value of the dropdown, when no value is selected.
+   */
+  select?: string;
+  /**
+   * Cancel button label.
+   */
+  cancelLabel?: string;
+  /**
+   * Apply button label.
+   */
+  applyLabel?: string;
+  /**
+   * The label used preceding the multiselection count.
+   */
+  multiSelectionAction?: string;
+  // TODO: deprecate in favour of List's selectionConjunction ?
+  /**
+   * The label used in the middle of the multiselection count.
+   */
+  multiSelectionConjunction?: string;
+}
+
+export interface HvDropdownProps
+  extends StandardProps<React.HTMLAttributes<HTMLDivElement>, HvDropdownClassKey, "onChange"> {
+  /**
+   * The list to be rendered by the dropdown.
+   */
+  values?: ListValueProp[];
+  /**
+   * If ´true´ the dropdown is multiselect, if ´false´ the dropdown is single select.
+   */
+  multiSelect?: boolean;
+  /**
+   * If ´true´ the dropdown is rendered with a search bar, if ´false´ there won't be a search bar.
+   */
+  showSearch?: boolean;
+  /**
+   * If ´true´ the dropdown is disabled unable to be interacted, if ´false´ it is enabled.
+   */
+  disabled?: boolean;
+  /**
+   * If ´true´ the dropdown starts opened if ´false´ it starts closed.
+   */
+  expanded?: boolean;
+  /**
+   * If 'true' the dropdown will notify on the first render.
+   */
+  notifyChangesOnFirstRender?: boolean;
+  /**
+   * An object containing all the labels for the dropdown.
+   */
+  labels?: DropDownLabelsProp;
+  /**
+   * If ´true´ and none element selected,
+   * single select has default (first) label selected.
+   */
+  selectDefault?: boolean;
+  /**
+   * If ´true´ the dropdown will show tooltips when user mouseenter text in list
+   */
+  hasTooltips?: boolean;
+  /**
+   * Disable the portal behavior.
+   * The children stay within it's parent DOM hierarchy.
+   */
+  disablePortal?: boolean;
+  /**
+   * If ´true´, selection can be toggled when single selection.
+   */
+  singleSelectionToggle?: boolean;
+  /**
+   * Placement of the dropdown.
+   */
+  placement?: "left" | "right";
+  /**
+   * A function to be executed whenever a item is selected in the dropdown, the function receives the selected item(s).
+   */
+  onChange?: (selected: ListValueProp | ListValueProp[] | undefined) => void;
+  /**
+   * Properties passed to the undelying Popper component
+   */
+  popperProps?: Partial<PopperProps>;
+}
+
+export type HvDropdownClassKey =
+  | "root"
+  | "rootOpen"
+  | "rootDisabled"
+  | "rootList"
+  | "list"
+  | "label"
+  | "header"
+  | "selection"
+  | "arrow"
+  | "headerDisabled"
+  | "icon"
+  | "truncate"
+  | "selectionDisabled";
+
+export default function HvDropdown(props: HvDropdownProps): JSX.Element | null;

package/dist/Dropdown/Dropdown.js

@@ -0,0 +1,560 @@
+"use strict";
+
+require("core-js/modules/es.reflect.construct.js");
+
+require("core-js/modules/es.object.keys.js");
+
+require("core-js/modules/es.symbol.js");
+
+require("core-js/modules/es.array.filter.js");
+
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+require("core-js/modules/web.dom-collections.for-each.js");
+
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("core-js/modules/es.array.iterator.js");
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/web.dom-collections.iterator.js");
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _clsx = _interopRequireDefault(require("clsx"));
+
+var _core = require("@material-ui/core");
+
+var _deprecatedPropType = _interopRequireDefault(require("@material-ui/core/utils/deprecatedPropType"));
+
+var _uikitReactIcons = require("@hitachivantara/uikit-react-icons");
+
+var _utils = require("../utils");
+
+var _Typography = _interopRequireDefault(require("../Typography"));
+
+var _withLabels = _interopRequireDefault(require("../withLabels"));
+
+var _withId = _interopRequireDefault(require("../withId"));
+
+var _List = _interopRequireDefault(require("./List"));
+
+var _utils2 = require("./utils");
+
+var _styles = _interopRequireDefault(require("./styles"));
+
+var _excluded = ["classes", "disabled", "values", "id", "labels", "multiSelect", "showSearch", "expanded", "onChange", "notifyChangesOnFirstRender", "selectDefault", "disablePortal", "hasTooltips", "singleSelectionToggle", "popperProps", "className"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(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; } }
+
+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) {
+  (0, _inherits2.default)(HvDropdown, _React$Component);
+
+  var _super = _createSuper(HvDropdown);
+
+  function HvDropdown(props) {
+    var _this;
+
+    (0, _classCallCheck2.default)(this, HvDropdown);
+    _this = _super.call(this, props);
+    _this.ref = /*#__PURE__*/_react.default.createRef();
+    var expanded = props.expanded;
+    _this.state = _objectSpread({
+      isOpen: expanded
+    }, DEFAULT_STATE);
+    return _this;
+  }
+
+  (0, _createClass2.default)(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 || (0, _utils.isKeypress)(event, _utils.KeyboardCodes.Enter) === false && (0, _utils.isKeypress)(event, _utils.KeyboardCodes.Esc) === false && (0, _utils.isKeypress)(event, _utils.KeyboardCodes.ArrowDown) === false || (0, _utils.isKeypress)(event, _utils.KeyboardCodes.Esc) && !isOpen || (0, _utils.isKeypress)(event, _utils.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 = (0, _utils2.getSelected)(selection);
+
+      if (commitChanges) {
+        var selectionLabel = (0, _utils2.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.default.createElement("label", {
+        id: (0, _utils.setId)(id, "label"),
+        className: classes.label,
+        htmlFor: (0, _utils.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 = (0, _objectWithoutProperties2.default)(_this$props3, _excluded);
+      var _this$state = this.state,
+          isOpen = _this$state.isOpen,
+          selectionLabel = _this$state.selectionLabel;
+      var color = disabled ? "atmo7" : undefined;
+      var headerId = (0, _utils.setId)(id, "header");
+      return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+        id: headerId,
+        "aria-labelledby": selectionLabelId,
+        className: (0, _clsx.default)(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.default.createElement(_Typography.default, {
+        id: selectionLabelId,
+        variant: "normalText",
+        className: (0, _clsx.default)(classes.selection, classes.truncate, disabled && classes.selectionDisabled)
+      }, selectionLabel), isOpen ? /*#__PURE__*/_react.default.createElement(_uikitReactIcons.DropUpXS, {
+        iconSize: "XS",
+        className: classes.arrow
+      }) : /*#__PURE__*/_react.default.createElement(_uikitReactIcons.DropDownXS, {
+        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.default.createElement(_List.default, {
+        id: (0, _utils.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 ? (0, _utils.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 = (0, _utils.setId)(id, "selectionLabel");
+      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, labels.title ? this.renderLabel() : null, /*#__PURE__*/_react.default.createElement("div", {
+        id: id,
+        role: "combobox",
+        "aria-expanded": isOpen,
+        "aria-owns": isOpen ? (0, _utils.setId)(id, "values") : undefined,
+        "aria-controls": isOpen ? (0, _utils.setId)(id, "values") : undefined,
+        "aria-labelledby": selectionLabelId,
+        "aria-describedby": labels.title ? (0, _utils.setId)(id, "label") : undefined,
+        ref: function ref(el) {
+          _this4.node = el;
+        },
+        className: (0, _clsx.default)(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: (0, _utils2.getSelectionLabel)(props.values, props.labels, props.multiSelect),
+          anchorEl: null,
+          values: props.values
+        };
+      }
+
+      return null;
+    }
+  }]);
+  return HvDropdown;
+}(_react.default.Component);
+
+process.env.NODE_ENV !== "production" ? HvDropdown.propTypes = {
+  /**
+   * Class names to be applied.
+   */
+  className: _propTypes.default.string,
+
+  /**
+   * Id to be applied to the root node.
+   */
+  id: _propTypes.default.string,
+
+  /**
+   * A Jss Object used to override or extend the component styles applied.
+   */
+  classes: _propTypes.default.shape({
+    /**
+     * Styles applied to the component root class.
+     */
+    root: _propTypes.default.string,
+
+    /**
+     * Styles applied to the component when is open.
+     */
+    rootOpen: _propTypes.default.string,
+
+    /**
+     * Styles applied to the component when is disable.
+     */
+    rootDisabled: _propTypes.default.string,
+
+    /**
+     * Styles applied to the label.
+     */
+    label: _propTypes.default.string,
+
+    /**
+     * Styles applied to the header.
+     */
+    header: _propTypes.default.string,
+
+    /**
+     * Styles applied to the selection
+     */
+    selection: _propTypes.default.string,
+
+    /**
+     * Styles applied to the arrow
+     */
+    arrow: _propTypes.default.string,
+
+    /**
+     * Styles applied when the header is disable.
+     */
+    headerDisabled: _propTypes.default.string,
+
+    /**
+     * Styles applied to the icon.
+     */
+    icon: _propTypes.default.string,
+
+    /**
+     * Styles applied for truncating the list elements.
+     */
+    truncate: _propTypes.default.string,
+
+    /**
+     * Styles applied when the selection is disabled.
+     */
+    selectionDisabled: _propTypes.default.string,
+
+    /**
+     * Styles applied when the selection is disabled.
+     */
+    list: _propTypes.default.string,
+
+    /**
+     * Styles applied when the selection is disabled.
+     */
+    rootList: _propTypes.default.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.default.arrayOf(_propTypes.default.shape({
+    id: _propTypes.default.string,
+    label: _propTypes.default.string.isRequired,
+    selected: _propTypes.default.bool
+  })),
+
+  /**
+   * If ´true´ the dropdown is multiselect, if ´false´ the dropdown is single select.
+   */
+  multiSelect: _propTypes.default.bool,
+
+  /**
+   * If ´true´ the dropdown is rendered with a search bar, if ´false´ there won't be a search bar.
+   */
+  showSearch: _propTypes.default.bool,
+
+  /**
+   * If ´true´ the dropdown is disabled unable to be interacted, if ´false´ it is enabled.
+   */
+  disabled: _propTypes.default.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.default.bool,
+
+  /**
+   * A function to be executed whenever a item is selected in the dropdown, the function receives the selected item(s).
+   */
+  onChange: _propTypes.default.func,
+
+  /**
+   * If 'true' the dropdown will notify on the first render.
+   */
+  notifyChangesOnFirstRender: _propTypes.default.bool,
+
+  /**
+   * An object containing all the labels for the dropdown.
+   */
+  labels: _propTypes.default.shape({
+    /**
+     * Title for the dropdown.
+     */
+    title: _propTypes.default.string,
+
+    /**
+     * The placeholder value of the dropdown, when no value is selected.
+     */
+    select: _propTypes.default.string,
+
+    /**
+     * Label used for the All checkbox action.
+     */
+    selectAll: _propTypes.default.string,
+
+    /**
+     * Cancel button label.
+     */
+    cancelLabel: _propTypes.default.string,
+
+    /**
+     * Apply button label.
+     */
+    applyLabel: _propTypes.default.string,
+
+    /**
+     * The label used preceding the multiselection count.
+     */
+    multiSelectionAction: _propTypes.default.string,
+
+    /**
+     * The label used in the middle of the multiselection count.
+     */
+    multiSelectionConjunction: _propTypes.default.string
+  }),
+
+  /**
+   * If ´true´ and none element selected,
+   * single select has default (first) label selected.
+   *
+   * @deprecated
+   */
+  selectDefault: (0, _deprecatedPropType.default)(_propTypes.default.bool, "instead pass the default as a preselected value"),
+
+  /**
+   * If ´true´ the dropdown will show tooltips when user mouseenter text in list
+   */
+  hasTooltips: _propTypes.default.bool,
+
+  /**
+   * Disable the portal behavior.
+   * The children stay within it's parent DOM hierarchy.
+   */
+  disablePortal: _propTypes.default.bool,
+
+  /**
+   * If ´true´, selection can be toggled when single selection.
+   */
+  singleSelectionToggle: _propTypes.default.bool,
+
+  /**
+   * Placement of the dropdown.
+   */
+  placement: _propTypes.default.oneOf(["left", "right"]),
+
+  /**
+   * An object containing props to be wired to the popper component.
+   */
+  popperProps: _propTypes.default.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: {}
+};
+
+var _default = (0, _core.withStyles)(_styles.default, {
+  name: "HvDropdown"
+})((0, _withLabels.default)(DEFAULT_LABELS)((0, _withId.default)(HvDropdown)));
+
+exports.default = _default;
+//# sourceMappingURL=Dropdown.js.map