@hipay/hipay-material-ui 2.3.1-rc4 → 2.3.1-rc5

package/es/HiSelect/HiSelect.js

@@ -1,31 +1,67 @@
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
-import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import React from 'react';
-import Scrollbars from 'react-custom-scrollbars';
-import Grow from '@material-ui/core/Grow';
-import Paper from '@material-ui/core/Paper';
-import Popper from '@material-ui/core/Popper';
-import ClickAwayListener from '@material-ui/core/ClickAwayListener';
-import HiSelectableList from '../HiSelectableList';
-import HiInput from '../HiForm/HiInput';
-import HiSelectInput from './HiSelectInput';
-import { withStyles } from '@material-ui/core/styles';
-import { foldAccents } from '../utils/helpers';
-import HiIcon from '../HiIcon';
-import keycode from 'keycode';
-import classNames from 'classnames';
-import HiAlertModal from '../HiAlertModal';
-import { isMobile } from 'react-device-detect';
-import HiSelectMobile from './HiSelectMobile';
-import { findDOMNode } from 'react-dom';
-export var styles = function styles(theme) {
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.styles = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactCustomScrollbars = _interopRequireDefault(require("react-custom-scrollbars"));
+
+var _Grow = _interopRequireDefault(require("@material-ui/core/Grow"));
+
+var _Paper = _interopRequireDefault(require("@material-ui/core/Paper"));
+
+var _Popper = _interopRequireDefault(require("@material-ui/core/Popper"));
+
+var _ClickAwayListener = _interopRequireDefault(require("@material-ui/core/ClickAwayListener"));
+
+var _HiSelectableList = _interopRequireDefault(require("../HiSelectableList"));
+
+var _HiInput = _interopRequireDefault(require("../HiForm/HiInput"));
+
+var _HiSelectInput = _interopRequireDefault(require("./HiSelectInput"));
+
+var _styles = require("@material-ui/core/styles");
+
+var _helpers = require("../utils/helpers");
+
+var _HiIcon = _interopRequireDefault(require("../HiIcon"));
+
+var _keycode = _interopRequireDefault(require("keycode"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _HiAlertModal = _interopRequireDefault(require("../HiAlertModal"));
+
+var _reactDeviceDetect = require("react-device-detect");
+
+var _HiSelectMobile = _interopRequireDefault(require("./HiSelectMobile"));
+
+var _reactDom = require("react-dom");
+
+var styles = function styles(theme) {
   return {
     root: {
       backgroundColor: theme.palette.background2,
@@ -58,7 +94,7 @@ export var styles = function styles(theme) {
       margin: '0 4px',
       verticalAlign: 'text-bottom'
     },
-    selectIconLabel: _objectSpread({
+    selectIconLabel: (0, _objectSpread2.default)({
       whiteSpace: 'nowrap',
       overflow: 'hidden',
       textOverflow: 'ellipsis',
@@ -67,7 +103,7 @@ export var styles = function styles(theme) {
       display: 'inline-block',
       width: '100%'
     }),
-    selectImgLabel: _objectSpread({
+    selectImgLabel: (0, _objectSpread2.default)({
       whiteSpace: 'nowrap',
       overflow: 'hidden',
       textOverflow: 'ellipsis',
@@ -82,8 +118,10 @@ export var styles = function styles(theme) {
   };
 };
 
+exports.styles = styles;
+
 function filterValue(item, search) {
-  return search === '' || foldAccents(item.label.toString().toLowerCase()).search(foldAccents(search.toLowerCase())) !== -1;
+  return search === '' || (0, _helpers.foldAccents)(item.label.toString().toLowerCase()).search((0, _helpers.foldAccents)(search.toLowerCase())) !== -1;
 }
 /**
  *
@@ -105,43 +143,42 @@ function filterValue(item, search) {
 var HiSelect =
 /*#__PURE__*/
 function (_React$PureComponent) {
-  _inherits(HiSelect, _React$PureComponent);
+  (0, _inherits2.default)(HiSelect, _React$PureComponent);
 
   function HiSelect(props) {
     var _this;
 
-    _classCallCheck(this, HiSelect);
+    (0, _classCallCheck2.default)(this, HiSelect);
+    _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(HiSelect).call(this, props));
 
-    _this = _possibleConstructorReturn(this, _getPrototypeOf(HiSelect).call(this, props));
-
-    _defineProperty(_assertThisInitialized(_this), "buildSelectProps", function (options) {
+    _this.buildSelectProps = function (options) {
       var value = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
       var search = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
       var loading = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
       // build item list
-      var itemList = [].concat(_toConsumableArray(loading ? [{
+      var itemList = [].concat((0, _toConsumableArray2.default)(loading ? [{
         id: '_loading',
         type: 'loader',
         disabled: true,
         centered: true,
         hideCheckbox: true,
         label: 'loading'
-      }] : []), _toConsumableArray(search !== '' ? _toConsumableArray(options.filter(function (item) {
+      }] : []), (0, _toConsumableArray2.default)(search !== '' ? (0, _toConsumableArray2.default)(options.filter(function (item) {
         return _this.props.filterFunc(item, search);
-      })) : [].concat(_toConsumableArray(_this.props.hasAll ? [_objectSpread({
+      })) : [].concat((0, _toConsumableArray2.default)(_this.props.hasAll ? [(0, _objectSpread2.default)({
         id: '_all',
         label: _this.props.translations.all
       }, _this.props.iconAll && {
         type: 'icon',
         icon: _this.props.iconAll
-      })] : []), _toConsumableArray(options))));
+      })] : []), (0, _toConsumableArray2.default)(options))));
       return {
         itemList: itemList,
         inputValue: _this.buildInputValue(options, value, loading)
       };
-    });
+    };
 
-    _defineProperty(_assertThisInitialized(_this), "buildInputValue", function (options) {
+    _this.buildInputValue = function (options) {
       var value = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
       var loading = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
       var _this$props = _this.props,
@@ -167,17 +204,17 @@ function (_React$PureComponent) {
         if (item === undefined) {
           inputValue = translations.one_item_selected;
         } else if (type === 'icon' || item.type === 'icon') {
-          inputValue = React.createElement("span", {
+          inputValue = _react.default.createElement("span", {
             className: classes.selectIconLabel
-          }, React.createElement(HiIcon, {
+          }, _react.default.createElement(_HiIcon.default, {
             className: classes.labelIcon,
             color: item.color,
             icon: item.icon
           }), item.label);
         } else if (type === 'image' || item.type === 'image') {
-          inputValue = React.createElement("span", {
+          inputValue = _react.default.createElement("span", {
             className: classes.selectIconLabel
-          }, item.img && React.createElement("img", {
+          }, item.img && _react.default.createElement("img", {
             className: classes.labelImg,
             src: item.img,
             alt: item.label,
@@ -195,9 +232,9 @@ function (_React$PureComponent) {
       }
 
       return inputValue;
-    });
+    };
 
-    _defineProperty(_assertThisInitialized(_this), "focusOnFirstItem", function () {
+    _this.focusOnFirstItem = function () {
       if (_this.overlay && _this.overlay.getElementsByTagName('li')[0]) {
         setTimeout(function () {
           var item = _this.overlay.getElementsByTagName('li')[0];
@@ -205,17 +242,17 @@ function (_React$PureComponent) {
           item.focus();
         }, 1);
       }
-    });
+    };
 
-    _defineProperty(_assertThisInitialized(_this), "getInputElement", function (el) {
+    _this.getInputElement = function (el) {
       _this.searchField = el;
 
       if (_this.props.inputRef) {
         _this.props.inputRef(_this.searchField);
       }
-    });
+    };
 
-    _defineProperty(_assertThisInitialized(_this), "handleBlur", function (event) {
+    _this.handleBlur = function (event) {
       _this.handleSearchReset();
 
       _this.setState({
@@ -225,9 +262,9 @@ function (_React$PureComponent) {
       if (_this.props.onBlur && !_this.inputEl.contains(event.relatedTarget) && !_this.state.open) {
         _this.props.onBlur(event);
       }
-    });
+    };
 
-    _defineProperty(_assertThisInitialized(_this), "handleClick", function () {
+    _this.handleClick = function () {
       if (_this.state.open) {
         _this.handleClose();
       } else if (_this.props.alert && !_this.state.alertOpen) {
@@ -252,27 +289,27 @@ function (_React$PureComponent) {
           }
         }, 1);
       }
-    });
+    };
 
-    _defineProperty(_assertThisInitialized(_this), "handleSubmitAlert", function () {
+    _this.handleSubmitAlert = function () {
       _this.handleClick();
-    });
+    };
 
-    _defineProperty(_assertThisInitialized(_this), "handleCancelAlert", function () {
+    _this.handleCancelAlert = function () {
       _this.handleClose();
-    });
+    };
 
-    _defineProperty(_assertThisInitialized(_this), "handleExitedAlert", function () {
+    _this.handleExitedAlert = function () {
       if (_this.searchField) {
         _this.searchField.focus();
       }
-    });
+    };
 
-    _defineProperty(_assertThisInitialized(_this), "handleCloseAlert", function () {
+    _this.handleCloseAlert = function () {
       _this.handleClose();
-    });
+    };
 
-    _defineProperty(_assertThisInitialized(_this), "focusOnSelectedItem", function (selectedValue) {
+    _this.focusOnSelectedItem = function (selectedValue) {
       if (_this.overlay && _this.overlay.getElementsByTagName('li')[0]) {
         setTimeout(function () {
           if (_this.overlay) {
@@ -291,16 +328,16 @@ function (_React$PureComponent) {
           }
         }, 1);
       }
-    });
+    };
 
-    _defineProperty(_assertThisInitialized(_this), "handleClickAway", function (event) {
+    _this.handleClickAway = function (event) {
       // Au clic sur le bouton, on laisse le handleClick fermer le select
       if (!_this.inputEl.contains(event.target)) {
         _this.handleClose(event);
       }
-    });
+    };
 
-    _defineProperty(_assertThisInitialized(_this), "handleClose", function () {
+    _this.handleClose = function () {
       _this.handleSearchReset();
 
       _this.setState({
@@ -315,16 +352,16 @@ function (_React$PureComponent) {
       if (_this.inputEl) {
         _this.inputEl.focus();
       }
-    });
+    };
 
-    _defineProperty(_assertThisInitialized(_this), "handleFocus", function () {
+    _this.handleFocus = function () {
       _this.setState({
         focused: true
       });
-    });
+    };
 
-    _defineProperty(_assertThisInitialized(_this), "handleKeyDownCapture", function (event) {
-      var key = keycode(event);
+    _this.handleKeyDownCapture = function (event) {
+      var key = (0, _keycode.default)(event);
 
       if (key === 'enter') {
         if (_this.state.open) {
@@ -335,10 +372,10 @@ function (_React$PureComponent) {
           }
         }
       }
-    });
+    };
 
-    _defineProperty(_assertThisInitialized(_this), "handleKeyDown", function (event) {
-      var key = keycode(event);
+    _this.handleKeyDown = function (event) {
+      var key = (0, _keycode.default)(event);
 
       if (!_this.state.alertOpen) {
         if (key === 'esc') {
@@ -359,10 +396,10 @@ function (_React$PureComponent) {
           _this.handleClose();
         }
       }
-    });
+    };
 
-    _defineProperty(_assertThisInitialized(_this), "handleKeyDownSearch", function (event) {
-      var key = keycode(event);
+    _this.handleKeyDownSearch = function (event) {
+      var key = (0, _keycode.default)(event);
 
       if (_this.overlay && (key === 'down' || key === 'up')) {
         _this.focusOnFirstItem();
@@ -375,15 +412,15 @@ function (_React$PureComponent) {
           open: false
         });
       }
-    });
+    };
 
-    _defineProperty(_assertThisInitialized(_this), "handleScroll", function (e) {
+    _this.handleScroll = function (e) {
       if (e.target.scrollHeight - e.target.clientHeight - e.target.scrollTop < 15) {
         _this.props.onScrollReachBottom();
       }
-    });
+    };
 
-    _defineProperty(_assertThisInitialized(_this), "handleSelect", function (event, item) {
+    _this.handleSelect = function (event, item) {
       var _this$props2 = _this.props,
           hasAll = _this$props2.hasAll,
           multiple = _this$props2.multiple,
@@ -406,7 +443,7 @@ function (_React$PureComponent) {
             return option.id;
           }), item);
         }
-      } else if (isMobile && multiple) {
+      } else if (_reactDeviceDetect.isMobile && multiple) {
         // Array of selected values
         onChange(event, item.map(function (option) {
           return option.id;
@@ -417,11 +454,11 @@ function (_React$PureComponent) {
           return id !== item.id;
         }), item);
       } else {
-        onChange(event, [].concat(_toConsumableArray(value), [item.id]), item);
+        onChange(event, [].concat((0, _toConsumableArray2.default)(value), [item.id]), item);
       }
-    });
+    };
 
-    _defineProperty(_assertThisInitialized(_this), "handleSuggestions", function (suggestions) {
+    _this.handleSuggestions = function (suggestions) {
       var _this$props3 = _this.props,
           hasAll = _this$props3.hasAll,
           iconAll = _this$props3.iconAll,
@@ -430,7 +467,7 @@ function (_React$PureComponent) {
       if (suggestions.length === 0) {
         // Add '_no_result' suggestion
         _this.setState(function (prevState) {
-          return _objectSpread({}, prevState, {
+          return (0, _objectSpread2.default)({}, prevState, {
             suggestions: [{
               id: '_no_result',
               type: 'text',
@@ -443,18 +480,18 @@ function (_React$PureComponent) {
         });
       } else {
         _this.setState({
-          suggestions: [].concat(_toConsumableArray(hasAll ? [_objectSpread({
+          suggestions: [].concat((0, _toConsumableArray2.default)(hasAll ? [(0, _objectSpread2.default)({
             id: '_all',
             label: translations.all
           }, iconAll && {
             type: 'icon',
             icon: iconAll
-          })] : []), _toConsumableArray(suggestions))
+          })] : []), (0, _toConsumableArray2.default)(suggestions))
         });
       }
-    });
+    };
 
-    _defineProperty(_assertThisInitialized(_this), "handleSearch", function (e, inputValue) {
+    _this.handleSearch = function (e, inputValue) {
       var searchValue = inputValue && e.target.value ? inputValue : e.target.value;
 
       if (_this.props.onSearch) {
@@ -464,17 +501,17 @@ function (_React$PureComponent) {
           searchValue: searchValue
         });
       }
-    });
+    };
 
-    _defineProperty(_assertThisInitialized(_this), "handleSearchReset", function () {
+    _this.handleSearchReset = function () {
       _this.handleSearch({
         target: {
           value: ''
         }
       }, '');
-    });
+    };
 
-    _defineProperty(_assertThisInitialized(_this), "getLengthItemList", function (itemList) {
+    _this.getLengthItemList = function (itemList) {
       var itemListLength = 0;
       itemList.forEach(function (parent) {
         if (parent.displayed !== false) {
@@ -486,7 +523,7 @@ function (_React$PureComponent) {
         }
       });
       return itemListLength;
-    });
+    };
 
     _this.state = {
       alertOpen: false,
@@ -500,7 +537,7 @@ function (_React$PureComponent) {
     return _this;
   }
 
-  _createClass(HiSelect, [{
+  (0, _createClass2.default)(HiSelect, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       if (this.props.autoFocus) {
@@ -509,7 +546,7 @@ function (_React$PureComponent) {
 
       if (this.overlay) {
         this.setState({
-          overlayWidth: findDOMNode(this.overlay).clientWidth
+          overlayWidth: (0, _reactDom.findDOMNode)(this.overlay).clientWidth
         });
       }
     }
@@ -560,7 +597,7 @@ function (_React$PureComponent) {
       var selectedItemIdList = [];
 
       if (value) {
-        selectedItemIdList = multiple ? _toConsumableArray(value) : [value];
+        selectedItemIdList = multiple ? (0, _toConsumableArray2.default)(value) : [value];
       }
 
       var _buildSelectProps = buildSelectProps(options, selectedItemIdList, searchValue, loading),
@@ -580,11 +617,11 @@ function (_React$PureComponent) {
         }
       }
 
-      var popperClass = classNames(classes.popper, (_classNames = {}, _defineProperty(_classNames, classes.popperWidth, !this.props.containerWidth), _defineProperty(_classNames, classes.popperRightAlign, this.props.containerWidth && this.props.align === 'right'), _classNames));
+      var popperClass = (0, _classnames.default)(classes.popper, (_classNames = {}, (0, _defineProperty2.default)(_classNames, classes.popperWidth, !this.props.containerWidth), (0, _defineProperty2.default)(_classNames, classes.popperRightAlign, this.props.containerWidth && this.props.align === 'right'), _classNames));
 
       var searchInput = function searchInput(position) {
         if (searchable) {
-          return React.createElement(HiInput, Object.assign({
+          return _react.default.createElement(_HiInput.default, (0, _extends2.default)({
             value: searchValue,
             autoFocus: true,
             inputRef: _this2.getInputElement,
@@ -594,7 +631,7 @@ function (_React$PureComponent) {
             placeholder: translations.search,
             startAdornment: 'search',
             tabIndex: 0,
-            className: classNames(_defineProperty({}, classes.separator, position === 'top'))
+            className: (0, _classnames.default)((0, _defineProperty2.default)({}, classes.separator, position === 'top'))
           }, hiSearchInputProps));
         }
 
@@ -621,20 +658,20 @@ function (_React$PureComponent) {
 
         var nbItemsDisplayed = !!searchable ? maxOptionsDisplayed - 1 : maxOptionsDisplayed;
         var autoHeightMax = nbItemsDisplayed * 40 - 10;
-        return React.createElement(ClickAwayListener, {
+        return _react.default.createElement(_ClickAwayListener.default, {
           onClickAway: _this2.handleClickAway
-        }, React.createElement(Grow, {
+        }, _react.default.createElement(_Grow.default, {
           in: open,
           id: "menu-list",
           style: {
             transformOrigin: '0 0 0'
           }
-        }, React.createElement(Paper, {
+        }, _react.default.createElement(_Paper.default, {
           style: maxOptionsDisplayed < 12 ? {
             maxHeight: 40 * maxOptionsDisplayed
           } : {},
           className: classes.paper
-        }, (_this2.placement && _this2.placement.indexOf('bottom') >= 0 || staticPosition) && searchInput('bottom'), startAdornment, React.createElement(Scrollbars, Object.assign({
+        }, (_this2.placement && _this2.placement.indexOf('bottom') >= 0 || staticPosition) && searchInput('bottom'), startAdornment, _react.default.createElement(_reactCustomScrollbars.default, (0, _extends2.default)({
           ref: function ref(contentEl) {
             _this2.optionsContent = contentEl;
           },
@@ -642,7 +679,7 @@ function (_React$PureComponent) {
           autoHeightMax: autoHeightMax
         }, onScrollReachBottom && {
           onScroll: _this2.handleScroll
-        }), React.createElement(HiSelectableList, Object.assign({
+        }), _react.default.createElement(_HiSelectableList.default, (0, _extends2.default)({
           type: type,
           itemList: itemList,
           onSelect: _this2.handleSelect,
@@ -653,14 +690,14 @@ function (_React$PureComponent) {
         }, hiSelectableListProps))), _this2.placement && _this2.placement.indexOf('top') >= 0 && !staticPosition && searchInput('top'))));
       };
 
-      return !isMobile ? React.createElement("div", {
+      return !_reactDeviceDetect.isMobile ? _react.default.createElement("div", {
         className: classes.root,
         ref: function ref(el) {
           _this2.overlay = el;
         },
         onKeyDown: this.handleKeyDown,
         onKeyDownCapture: this.handleKeyDownCapture
-      }, alert && React.createElement(HiAlertModal, {
+      }, alert && _react.default.createElement(_HiAlertModal.default, {
         open: alertOpen,
         title: alert.title,
         content: alert.content,
@@ -670,7 +707,7 @@ function (_React$PureComponent) {
         onExited: this.handleExitedAlert,
         labelSubmitButton: alert.submitButton,
         labelCancelButton: alert.cancelButton
-      }), React.createElement(HiSelectInput, Object.assign({
+      }), _react.default.createElement(_HiSelectInput.default, (0, _extends2.default)({
         id: id,
         value: inputValue,
         open: open,
@@ -691,21 +728,21 @@ function (_React$PureComponent) {
         refElement: function refElement(el) {
           _this2.inputEl = el;
         }
-      })), open && staticPosition ? React.createElement("div", {
+      })), open && staticPosition ? _react.default.createElement("div", {
         style: popperStyle,
         className: popperClass
-      }, content({})) : React.createElement(Popper, {
+      }, content({})) : _react.default.createElement(_Popper.default, {
         anchorEl: this.inputEl,
         placement: "bottom-start",
         open: open,
         className: popperClass,
         disablePortal: true,
         style: popperStyle
-      }, content)) : React.createElement("div", {
+      }, content)) : _react.default.createElement("div", {
         ref: function ref(el) {
           _this2.overlay = el;
         }
-      }, React.createElement(HiSelectInput, Object.assign({
+      }, _react.default.createElement(_HiSelectInput.default, (0, _extends2.default)({
         id: id,
         value: inputValue,
         open: open,
@@ -724,7 +761,7 @@ function (_React$PureComponent) {
         refElement: function refElement(el) {
           _this2.inputEl = el;
         }
-      })), React.createElement(HiSelectMobile, {
+      })), _react.default.createElement(_HiSelectMobile.default, {
         onChange: this.handleSelect,
         multiple: multiple,
         id: id,
@@ -737,7 +774,7 @@ function (_React$PureComponent) {
     key: "getDerivedStateFromProps",
     value: function getDerivedStateFromProps(nextProps, prevState) {
       if (nextProps.options !== prevState.suggestions) {
-        return _objectSpread({}, prevState, {
+        return (0, _objectSpread2.default)({}, prevState, {
           suggestions: nextProps.options
         });
       }
@@ -754,11 +791,10 @@ function (_React$PureComponent) {
      */
 
   }]);
-
   return HiSelect;
-}(React.PureComponent);
+}(_react.default.PureComponent);
 
-_defineProperty(HiSelect, "defaultProps", {
+HiSelect.defaultProps = {
   align: 'left',
   autoFocus: false,
   disabled: false,
@@ -784,9 +820,11 @@ _defineProperty(HiSelect, "defaultProps", {
   type: 'text',
   filterFunc: filterValue,
   maxOptionsDisplayed: 12
-});
+};
 
-export default withStyles(styles, {
+var _default = (0, _styles.withStyles)(styles, {
   hiComponent: true,
   name: 'HmuiHiSelect'
-})(HiSelect);
+})(HiSelect);
+
+exports.default = _default;