@hipay/hipay-material-ui 3.6.2 → 3.7.0

package/es/HiSelect/HiNestedSelectField.js

@@ -15,12 +15,12 @@ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/es
 
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
 
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
+
 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 _react = _interopRequireDefault(require("react"));
 
 var _HiFormControl = _interopRequireDefault(require("../HiForm/HiFormControl"));
@@ -31,7 +31,10 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _styles = require("@material-ui/core/styles");
 
-// @inheritedComponent HiDynamicSelect
+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 { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+
 var styles = {
   root: {
     maxWidth: 500
@@ -43,14 +46,14 @@ var styles = {
 
 exports.styles = styles;
 
-var HiNestedSelectField =
-/*#__PURE__*/
-function (_React$PureComponent) {
+var HiNestedSelectField = /*#__PURE__*/function (_React$PureComponent) {
   (0, _inherits2.default)(HiNestedSelectField, _React$PureComponent);
 
+  var _super = _createSuper(HiNestedSelectField);
+
   function HiNestedSelectField() {
     (0, _classCallCheck2.default)(this, HiNestedSelectField);
-    return (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(HiNestedSelectField).apply(this, arguments));
+    return _super.apply(this, arguments);
   }
 
   (0, _createClass2.default)(HiNestedSelectField, [{
@@ -77,7 +80,7 @@ function (_React$PureComponent) {
           className = _this$props.className,
           classes = _this$props.classes,
           others = (0, _objectWithoutProperties2.default)(_this$props, ["label", "required", "disabled", "error", "errorText", "helperText", "helperIcon", "id", "name", "value", "options", "type", "multiple", "iconAll", "checkbox", "searchable", "translations", "className", "classes"]);
-      return _react.default.createElement(_HiFormControl.default, {
+      return /*#__PURE__*/_react.default.createElement(_HiFormControl.default, {
         id: id,
         label: label,
         required: required,
@@ -87,7 +90,7 @@ function (_React$PureComponent) {
         helperText: helperText,
         helperIcon: helperIcon,
         className: (0, _classnames.default)(classes.root, className)
-      }, _react.default.createElement(_HiNestedSelect.default, (0, _extends2.default)({
+      }, /*#__PURE__*/_react.default.createElement(_HiNestedSelect.default, (0, _extends2.default)({
         id: id,
         name: name,
         value: value,

package/es/HiSelect/HiSelect.js

@@ -21,12 +21,12 @@ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/es
 
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
 
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
+
 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"));
@@ -65,6 +65,10 @@ var _HiSelectMobile = _interopRequireDefault(require("./HiSelectMobile"));
 
 var _reactDom = require("react-dom");
 
+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 { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+
 var styles = function styles(theme) {
   return {
     root: {
@@ -143,16 +147,16 @@ function filterValue(item, search) {
  */
 
 
-var HiSelect =
-/*#__PURE__*/
-function (_React$PureComponent) {
+var HiSelect = /*#__PURE__*/function (_React$PureComponent) {
   (0, _inherits2.default)(HiSelect, _React$PureComponent);
 
+  var _super = _createSuper(HiSelect);
+
   function HiSelect(_props) {
     var _this;
 
     (0, _classCallCheck2.default)(this, HiSelect);
-    _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(HiSelect).call(this, _props));
+    _this = _super.call(this, _props);
 
     _this.buildSelectProps = function (options) {
       var value = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
@@ -214,7 +218,7 @@ function (_React$PureComponent) {
           var icon;
 
           if (typeof item.icon === 'string') {
-            icon = _react.default.createElement(_HiIcon.default, (0, _extends2.default)({
+            icon = /*#__PURE__*/_react.default.createElement(_HiIcon.default, (0, _extends2.default)({
               icon: item.icon
             }, iconProps));
           } else if ((0, _typeof2.default)(item.icon) === 'object') {
@@ -222,13 +226,13 @@ function (_React$PureComponent) {
             icon.props = (0, _objectSpread2.default)({}, icon.props, {}, iconProps);
           }
 
-          inputValue = _react.default.createElement("span", {
+          inputValue = /*#__PURE__*/_react.default.createElement("span", {
             className: classes.selectIconLabel
           }, icon, item.label);
         } else if (type === 'image' || item.type === 'image') {
-          inputValue = _react.default.createElement("span", {
+          inputValue = /*#__PURE__*/_react.default.createElement("span", {
             className: classes.selectIconLabel
-          }, item.img && _react.default.createElement("img", {
+          }, item.img && /*#__PURE__*/_react.default.createElement("img", {
             className: classes.labelImg,
             src: item.img,
             alt: item.label,
@@ -550,7 +554,7 @@ function (_React$PureComponent) {
         left: 2,
         borderRadius: 3
       });
-      return _react.default.createElement("div", (0, _extends2.default)({}, props, {
+      return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, props, {
         style: inlineStyle
       }));
     };
@@ -565,7 +569,7 @@ function (_React$PureComponent) {
         top: 2,
         borderRadius: 3
       });
-      return _react.default.createElement("div", (0, _extends2.default)({}, props, {
+      return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, props, {
         style: inlineStyle
       }));
     };
@@ -670,7 +674,7 @@ function (_React$PureComponent) {
 
       var searchInput = function searchInput(position) {
         if (searchable) {
-          return _react.default.createElement(_HiInput.default, (0, _extends2.default)({
+          return /*#__PURE__*/_react.default.createElement(_HiInput.default, (0, _extends2.default)({
             value: searchValue,
             autoFocus: true,
             inputRef: _this2.getInputElement,
@@ -707,20 +711,20 @@ function (_React$PureComponent) {
 
         var nbItemsDisplayed = !!searchable ? maxOptionsDisplayed - 1 : maxOptionsDisplayed;
         var autoHeightMax = nbItemsDisplayed * 40 - 10;
-        return _react.default.createElement(_ClickAwayListener.default, {
+        return /*#__PURE__*/_react.default.createElement(_ClickAwayListener.default, {
           onClickAway: _this2.handleClickAway
-        }, _react.default.createElement(_Grow.default, {
+        }, /*#__PURE__*/_react.default.createElement(_Grow.default, {
           in: open,
           id: "menu-list",
           style: {
             transformOrigin: '0 0 0'
           }
-        }, _react.default.createElement(_Paper.default, {
+        }, /*#__PURE__*/_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.default.createElement(_reactCustomScrollbars.default, (0, _extends2.default)({
+        }, (_this2.placement && _this2.placement.indexOf('bottom') >= 0 || staticPosition) && searchInput('bottom'), startAdornment, /*#__PURE__*/_react.default.createElement(_reactCustomScrollbars.default, (0, _extends2.default)({
           renderTrackHorizontal: _this2.renderScrollbarTrackHorizontal,
           renderTrackVertical: _this2.renderScrollbarTrackVertical,
           ref: function ref(contentEl) {
@@ -730,7 +734,7 @@ function (_React$PureComponent) {
           autoHeightMax: autoHeightMax
         }, onScrollReachBottom && {
           onScroll: _this2.handleScroll
-        }), _react.default.createElement(_HiSelectableList.default, (0, _extends2.default)({
+        }), /*#__PURE__*/_react.default.createElement(_HiSelectableList.default, (0, _extends2.default)({
           type: type,
           itemList: itemList,
           onSelect: _this2.handleSelect,
@@ -741,14 +745,14 @@ function (_React$PureComponent) {
         }, hiSelectableListProps))), _this2.placement && _this2.placement.indexOf('top') >= 0 && !staticPosition && searchInput('top'))));
       };
 
-      return !_reactDeviceDetect.isMobile ? _react.default.createElement("div", {
+      return !_reactDeviceDetect.isMobile ? /*#__PURE__*/_react.default.createElement("div", {
         className: classes.root,
         ref: function ref(el) {
           _this2.overlay = el;
         },
         onKeyDown: this.handleKeyDown,
         onKeyDownCapture: this.handleKeyDownCapture
-      }, alert && _react.default.createElement(_HiAlertModal.default, {
+      }, alert && /*#__PURE__*/_react.default.createElement(_HiAlertModal.default, {
         open: alertOpen,
         title: alert.title,
         content: alert.content,
@@ -758,7 +762,7 @@ function (_React$PureComponent) {
         onExited: this.handleExitedAlert,
         labelSubmitButton: alert.submitButton,
         labelCancelButton: alert.cancelButton
-      }), _react.default.createElement(_HiSelectInput.default, (0, _extends2.default)({
+      }), /*#__PURE__*/_react.default.createElement(_HiSelectInput.default, (0, _extends2.default)({
         id: id,
         value: inputValue,
         open: open,
@@ -779,21 +783,21 @@ function (_React$PureComponent) {
         refElement: function refElement(el) {
           _this2.inputEl = el;
         }
-      })), open && staticPosition ? _react.default.createElement("div", {
+      })), open && staticPosition ? /*#__PURE__*/_react.default.createElement("div", {
         style: popperStyle,
         className: popperClass
-      }, content({})) : _react.default.createElement(_Popper.default, {
+      }, content({})) : /*#__PURE__*/_react.default.createElement(_Popper.default, {
         anchorEl: this.inputEl,
         placement: "bottom-start",
         open: open,
         className: popperClass,
         disablePortal: true,
         style: popperStyle
-      }, content)) : _react.default.createElement("div", {
+      }, content)) : /*#__PURE__*/_react.default.createElement("div", {
         ref: function ref(el) {
           _this2.overlay = el;
         }
-      }, _react.default.createElement(_HiSelectInput.default, (0, _extends2.default)({
+      }, /*#__PURE__*/_react.default.createElement(_HiSelectInput.default, (0, _extends2.default)({
         id: id,
         value: inputValue,
         open: open,
@@ -812,7 +816,7 @@ function (_React$PureComponent) {
         refElement: function refElement(el) {
           _this2.inputEl = el;
         }
-      })), _react.default.createElement(_HiSelectMobile.default, {
+      })), /*#__PURE__*/_react.default.createElement(_HiSelectMobile.default, {
         onChange: this.handleSelect,
         multiple: multiple,
         id: id,

package/es/HiSelect/HiSelectContent.js

@@ -15,14 +15,14 @@ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/es
 
 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 _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/assertThisInitialized"));
 
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
 
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
+
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 
 var _react = _interopRequireDefault(require("react"));
@@ -39,6 +39,10 @@ var _helpers = require("../utils/helpers");
 
 var _keycode = _interopRequireDefault(require("keycode"));
 
+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 { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+
 var styles = function styles(theme) {
   return {
     labelIcon: {
@@ -94,16 +98,16 @@ var filterValue = function filterValue(item, searchValue) {
 
 exports.filterValue = filterValue;
 
-var HiSelectContent =
-/*#__PURE__*/
-function (_React$PureComponent) {
+var HiSelectContent = /*#__PURE__*/function (_React$PureComponent) {
   (0, _inherits2.default)(HiSelectContent, _React$PureComponent);
 
+  var _super = _createSuper(HiSelectContent);
+
   function HiSelectContent(props) {
     var _this;
 
     (0, _classCallCheck2.default)(this, HiSelectContent);
-    _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(HiSelectContent).call(this, props));
+    _this = _super.call(this, props);
 
     _this.handleKeyDown = function (event) {
       var nextItem;
@@ -331,7 +335,7 @@ function (_React$PureComponent) {
       var _buildSelectProps = buildSelectProps(options, selectedItemIdList, searchValue, loading),
           itemList = _buildSelectProps.itemList;
 
-      return _react.default.createElement(_react.default.Fragment, null, !!searchable && _react.default.createElement(_HiInput.default, {
+      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, !!searchable && /*#__PURE__*/_react.default.createElement(_HiInput.default, {
         value: searchValue,
         autoFocus: true,
         inputRef: this.getInputElement,
@@ -341,7 +345,7 @@ function (_React$PureComponent) {
         placeholder: translations.search,
         startAdornment: 'search',
         tabIndex: 0
-      }), startAdornment, _react.default.createElement(_reactCustomScrollbars.default, (0, _extends2.default)({
+      }), startAdornment, /*#__PURE__*/_react.default.createElement(_reactCustomScrollbars.default, (0, _extends2.default)({
         ref: function ref(contentEl) {
           _this2.optionsContent = contentEl;
         }
@@ -357,7 +361,7 @@ function (_React$PureComponent) {
 
       }, onScrollReachBottom && {
         onScroll: this.handleScroll
-      }), _react.default.createElement(_HiSelectableList.default, (0, _extends2.default)({
+      }), /*#__PURE__*/_react.default.createElement(_HiSelectableList.default, (0, _extends2.default)({
         type: type,
         itemList: itemList,
         onKeyDown: this.handleKeyDown,

package/es/HiSelect/HiSelectField.js

@@ -15,12 +15,12 @@ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/es
 
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
 
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
+
 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 _react = _interopRequireDefault(require("react"));
 
 var _HiFormControl = _interopRequireDefault(require("../HiForm/HiFormControl"));
@@ -31,7 +31,10 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _index = require("@material-ui/core/styles/index");
 
-// @inheritedComponent HiSelect
+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 { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+
 var styles = {
   root: {
     maxWidth: 500
@@ -43,14 +46,14 @@ var styles = {
 
 exports.styles = styles;
 
-var HiSelectField =
-/*#__PURE__*/
-function (_React$PureComponent) {
+var HiSelectField = /*#__PURE__*/function (_React$PureComponent) {
   (0, _inherits2.default)(HiSelectField, _React$PureComponent);
 
+  var _super = _createSuper(HiSelectField);
+
   function HiSelectField() {
     (0, _classCallCheck2.default)(this, HiSelectField);
-    return (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(HiSelectField).apply(this, arguments));
+    return _super.apply(this, arguments);
   }
 
   (0, _createClass2.default)(HiSelectField, [{
@@ -78,7 +81,7 @@ function (_React$PureComponent) {
           classes = _this$props.classes,
           HiInputLabelProps = _this$props.HiInputLabelProps,
           others = (0, _objectWithoutProperties2.default)(_this$props, ["label", "required", "disabled", "error", "errorText", "helperText", "helperIcon", "id", "name", "value", "options", "type", "multiple", "iconAll", "checkbox", "searchable", "translations", "className", "classes", "HiInputLabelProps"]);
-      return _react.default.createElement(_HiFormControl.default, {
+      return /*#__PURE__*/_react.default.createElement(_HiFormControl.default, {
         id: id,
         label: label,
         required: required,
@@ -89,7 +92,7 @@ function (_React$PureComponent) {
         helperIcon: helperIcon,
         className: (0, _classnames.default)(classes.root, className),
         InputLabelProps: HiInputLabelProps
-      }, _react.default.createElement(_HiSelect.default, (0, _extends2.default)({
+      }, /*#__PURE__*/_react.default.createElement(_HiSelect.default, (0, _extends2.default)({
         id: id,
         name: name,
         value: value,

package/es/HiSelect/HiSelectInput.js

@@ -13,14 +13,14 @@ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/es
 
 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 _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/assertThisInitialized"));
 
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
 
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
+
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 
 var _react = _interopRequireDefault(require("react"));
@@ -41,6 +41,10 @@ var _keycode = _interopRequireDefault(require("keycode"));
 
 var _reactDeviceDetect = require("react-device-detect");
 
+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 { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+
 var styles = function styles(theme) {
   return {
     root: {
@@ -156,18 +160,18 @@ var styles = function styles(theme) {
 
 exports.styles = styles;
 
-var _ref = _react.default.createElement(_ArrowDropDown.default, null);
+var _ref = /*#__PURE__*/_react.default.createElement(_ArrowDropDown.default, null);
 
-var HiSelectInput =
-/*#__PURE__*/
-function (_React$PureComponent) {
+var HiSelectInput = /*#__PURE__*/function (_React$PureComponent) {
   (0, _inherits2.default)(HiSelectInput, _React$PureComponent);
 
+  var _super = _createSuper(HiSelectInput);
+
   function HiSelectInput(props) {
     var _this;
 
     (0, _classCallCheck2.default)(this, HiSelectInput);
-    _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(HiSelectInput).call(this, props));
+    _this = _super.call(this, props);
 
     _this.handleKeyDown = function (event) {
       var key = (0, _keycode.default)(event);
@@ -260,7 +264,7 @@ function (_React$PureComponent) {
 
       var rootClass = (0, _classnames.default)(classes.root, classes.inkbar, classes.underline, (_classNames = {}, (0, _defineProperty2.default)(_classNames, classes.disabled, disabled), (0, _defineProperty2.default)(_classNames, classes.focused, focused), (0, _defineProperty2.default)(_classNames, classes.error, error && !focused), (0, _defineProperty2.default)(_classNames, classes.rootMobile, _reactDeviceDetect.isMobile), _classNames));
       var iconClass = (0, _classnames.default)(classes.icon, (_classNames2 = {}, (0, _defineProperty2.default)(_classNames2, classes.iconOpen, open), (0, _defineProperty2.default)(_classNames2, classes.iconClose, !open), _classNames2));
-      return noButton ? _react.default.createElement("div", {
+      return noButton ? /*#__PURE__*/_react.default.createElement("div", {
         id: id,
         className: rootClass,
         onClick: onClick,
@@ -272,11 +276,11 @@ function (_React$PureComponent) {
         role: "button",
         tabIndex: "0",
         ref: this.ref
-      }, _react.default.createElement("span", {
+      }, /*#__PURE__*/_react.default.createElement("span", {
         className: (0, _classnames.default)(classes.label, (0, _defineProperty2.default)({}, classes.placeholder, value === undefined))
-      }, value || placeholder), _react.default.createElement(_ArrowDropDown.default, {
+      }, value || placeholder), /*#__PURE__*/_react.default.createElement(_ArrowDropDown.default, {
         className: iconClass
-      })) : _react.default.createElement(_ButtonBase.default, {
+      })) : /*#__PURE__*/_react.default.createElement(_ButtonBase.default, {
         component: "div",
         id: id,
         className: rootClass,
@@ -289,20 +293,20 @@ function (_React$PureComponent) {
         onBlur: this.handleBlur // buttref={this.ref}
         ,
         buttonRef: this.ref
-      }, _react.default.createElement("span", {
+      }, /*#__PURE__*/_react.default.createElement("span", {
         className: (0, _classnames.default)(classes.label, (0, _defineProperty2.default)({}, classes.placeholder, value === undefined))
-      }, value || placeholder), onReset && focused && _react.default.createElement("div", {
+      }, value || placeholder), onReset && focused && /*#__PURE__*/_react.default.createElement("div", {
         ref: function ref(el) {
           _this2.resetIcon = el;
         }
-      }, _react.default.createElement(_HiIcon.default, {
+      }, /*#__PURE__*/_react.default.createElement(_HiIcon.default, {
         icon: "close",
         size: 20,
         color: "neutral",
         onClick: this.handleReset,
         onKeyDown: this.handleKeyDownReset,
         tabIndex: 0
-      })), _react.default.createElement(_Icon.default, {
+      })), /*#__PURE__*/_react.default.createElement(_Icon.default, {
         classes: {
           root: iconClass
         }

package/es/HiSelect/HiSelectMobile.js

@@ -17,16 +17,20 @@ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/es
 
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
 
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/possibleConstructorReturn"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
 
-var _getPrototypeOf3 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/possibleConstructorReturn"));
 
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
 
 var _react = _interopRequireDefault(require("react"));
 
 var _styles = require("@material-ui/core/styles");
 
+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 { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+
 var styles = function styles(theme) {
   return {
     root: {
@@ -40,14 +44,12 @@ var styles = function styles(theme) {
 
 exports.styles = styles;
 
-var HiSelectMobile =
-/*#__PURE__*/
-function (_React$Component) {
+var HiSelectMobile = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2.default)(HiSelectMobile, _React$Component);
 
-  function HiSelectMobile() {
-    var _getPrototypeOf2;
+  var _super = _createSuper(HiSelectMobile);
 
+  function HiSelectMobile() {
     var _this;
 
     (0, _classCallCheck2.default)(this, HiSelectMobile);
@@ -56,7 +58,7 @@ function (_React$Component) {
       args[_key] = arguments[_key];
     }
 
-    _this = (0, _possibleConstructorReturn2.default)(this, (_getPrototypeOf2 = (0, _getPrototypeOf3.default)(HiSelectMobile)).call.apply(_getPrototypeOf2, [this].concat(args)));
+    _this = _super.call.apply(_super, [this].concat(args));
 
     _this.buildOptionList = function (itemList) {
       var optionList = [];
@@ -79,7 +81,7 @@ function (_React$Component) {
             } else if (item.children) {
               optionList.push(_this.buildChildrenList([item].concat((0, _toConsumableArray2.default)(item.children))));
             } else {
-              optionList.push(_react.default.createElement("option", {
+              optionList.push( /*#__PURE__*/_react.default.createElement("option", {
                 key: item.id,
                 "data-item": JSON.stringify(item),
                 value: item.id
@@ -98,11 +100,11 @@ function (_React$Component) {
 
     _this.buildChildrenList = function (itemList) {
       var group = itemList.shift();
-      return _react.default.createElement("optgroup", {
+      return /*#__PURE__*/_react.default.createElement("optgroup", {
         key: group.id,
         label: group.label
       }, itemList.map(function (item) {
-        return _react.default.createElement("option", {
+        return /*#__PURE__*/_react.default.createElement("option", {
           key: item.id,
           "data-item": JSON.stringify(item),
           value: item.id
@@ -143,7 +145,7 @@ function (_React$Component) {
       var additionalProps = (0, _objectSpread2.default)({}, multiple && {
         multiple: 'multiple'
       });
-      return _react.default.createElement("select", (0, _extends2.default)({
+      return /*#__PURE__*/_react.default.createElement("select", (0, _extends2.default)({
         value: value,
         style: {
           width: this.props.width