@hipay/hipay-material-ui 3.15.2 → 3.15.3-beta.1

package/HiSelect/HiSelectInput.js

@@ -1,49 +1,29 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.styles = exports.default = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
-
 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 _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _ArrowDropDown = _interopRequireDefault(require("@mui/icons-material/ArrowDropDown"));
-
 var _ButtonBase = _interopRequireDefault(require("@mui/material/ButtonBase"));
-
 var _Icon = _interopRequireDefault(require("@mui/material/Icon"));
-
 var _HiIcon = _interopRequireDefault(require("../HiIcon"));
-
 var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
-
 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 { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-var styles = function styles(theme) {
+var styles = exports.styles = function styles(theme) {
   return {
     root: {
       width: '100%',
@@ -71,8 +51,8 @@ var styles = function styles(theme) {
           easing: theme.transitions.easing.ease
         }),
         pointerEvents: 'none' // Transparent to the hover style.
-
       },
+
       '&:hover:not($disabled):before': {
         backgroundColor: theme.palette.input.bottomLine,
         height: 2
@@ -102,8 +82,8 @@ var styles = function styles(theme) {
             easing: theme.transitions.easing.easeOut
           }),
           pointerEvents: 'none' // Transparent to the hover style.
-
         },
+
         '&:hover:after': {
           transform: 'scaleX(1)'
         },
@@ -111,7 +91,7 @@ var styles = function styles(theme) {
           transform: 'scaleX(1)'
         },
         '&$error': {
-          border: "1px solid ".concat(theme.palette.negative.main),
+          border: "1px solid ".concat(theme.palette.error.main),
           borderRadius: 2
         }
       }
@@ -151,54 +131,38 @@ var styles = function styles(theme) {
     }
   };
 };
+
 /**
  * @ignore - internal component.
  */
-
-
-exports.styles = styles;
-
 var _ref = /*#__PURE__*/_react.default.createElement(_ArrowDropDown.default, null);
-
 var HiSelectInput = /*#__PURE__*/function (_React$PureComponent) {
   (0, _inherits2.default)(HiSelectInput, _React$PureComponent);
-
   var _super = _createSuper(HiSelectInput);
-
   function HiSelectInput() {
     var _this;
-
     (0, _classCallCheck2.default)(this, HiSelectInput);
-
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
     _this = _super.call.apply(_super, [this].concat(args));
-
     _this.handleKeyDown = function (event) {
       var key = (0, _keycode.default)(event);
-
       if (_this.props.onKeyDown) {
         _this.props.onKeyDown(event);
       } else if (key === 'enter' && _this.props.onSubmit) {
         event.preventDefault();
-
         _this.props.onSubmit(event);
       }
     };
-
     _this.handleKeyDownReset = function (event) {
       var key = (0, _keycode.default)(event);
-
       if (key === 'enter' || key === 'space') {
         _this.handleReset(event);
-
         event.stopPropagation();
         event.preventDefault();
       }
     };
-
     _this.handleClick = function (event) {
       // Do not open select if press on resetIcon
       if ((!_this.resetIcon || !_this.resetIcon.contains(event.target)) && _this.props.onClick) {
@@ -208,58 +172,45 @@ var HiSelectInput = /*#__PURE__*/function (_React$PureComponent) {
         }
       }
     };
-
     _this.handleReset = function (event) {
       _this.props.onReset(event);
-
       if (_this.input) {
         _this.input.focus();
       }
     };
-
     _this.handleBlur = function (event) {
       if ((!_this.input || !_this.input.contains(event.relatedTarget)) && _this.props.onBlur) {
         _this.props.onBlur(event);
-      }
-      /* else if (this.input && (!this.resetIcon || !this.resetIcon.contains(event.relatedTarget))) {
-        this.input.focus();
-      }*/
-
+      } /* else if (this.input && (!this.resetIcon || !this.resetIcon.contains(event.relatedTarget))) {
+          this.input.focus();
+        }*/
     };
-
     _this.ref = function (el) {
       _this.input = el;
-
       if (_this.props.refElement) {
         _this.props.refElement(el);
       }
     };
-
     return _this;
   }
-
   (0, _createClass2.default)(HiSelectInput, [{
     key: "render",
     value: function render() {
-      var _classNames,
-          _classNames2,
-          _this2 = this;
-
+      var _this2 = this;
       var _this$props = this.props,
-          classes = _this$props.classes,
-          noButton = _this$props.noButton,
-          disabled = _this$props.disabled,
-          onClick = _this$props.onClick,
-          onReset = _this$props.onReset,
-          value = _this$props.value,
-          open = _this$props.open,
-          focused = _this$props.focused,
-          error = _this$props.error,
-          id = _this$props.id,
-          placeholder = _this$props.placeholder; // On utilise classNames pour variabiliser les styles et merge les classes appliquées
-
-      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));
+        classes = _this$props.classes,
+        noButton = _this$props.noButton,
+        disabled = _this$props.disabled,
+        onClick = _this$props.onClick,
+        onReset = _this$props.onReset,
+        value = _this$props.value,
+        open = _this$props.open,
+        focused = _this$props.focused,
+        error = _this$props.error,
+        id = _this$props.id,
+        placeholder = _this$props.placeholder; // On utilise classNames pour variabiliser les styles et merge les classes appliquées
+      var rootClass = (0, _classnames.default)(classes.root, classes.inkbar, classes.underline, (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, classes.disabled, disabled), classes.focused, focused), classes.error, error && !focused), classes.rootMobile, _reactDeviceDetect.isMobile));
+      var iconClass = (0, _classnames.default)(classes.icon, (0, _defineProperty2.default)((0, _defineProperty2.default)({}, classes.iconOpen, open), classes.iconClose, !open));
       return noButton ? /*#__PURE__*/_react.default.createElement("div", {
         id: id,
         className: rootClass,
@@ -310,7 +261,6 @@ var HiSelectInput = /*#__PURE__*/function (_React$PureComponent) {
   }]);
   return HiSelectInput;
 }(_react.default.PureComponent);
-
 HiSelectInput.defaultProps = {
   disabled: false,
   open: false,
@@ -318,10 +268,7 @@ HiSelectInput.defaultProps = {
   noButton: false,
   error: false
 };
-
-var _default = (0, _withStyles.default)(styles, {
+var _default = exports.default = (0, _withStyles.default)(styles, {
   hiComponent: true,
   name: 'HmuiHiSelectInput'
-})(HiSelectInput);
-
-exports.default = _default;
+})(HiSelectInput);

package/HiSelect/HiSelectMobile.js

@@ -1,37 +1,23 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.styles = exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
-
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-
 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 _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 _react = _interopRequireDefault(require("react"));
-
 var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
-
 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 styles = function styles(theme) {
+var styles = exports.styles = function styles(theme) {
   return {
     root: {
       position: 'absolute',
@@ -41,28 +27,18 @@ var styles = function styles(theme) {
     }
   };
 };
-
-exports.styles = styles;
-
 var HiSelectMobile = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2.default)(HiSelectMobile, _React$Component);
-
   var _super = _createSuper(HiSelectMobile);
-
   function HiSelectMobile() {
     var _this;
-
     (0, _classCallCheck2.default)(this, HiSelectMobile);
-
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
     _this = _super.call.apply(_super, [this].concat(args));
-
     _this.buildOptionList = function (itemList) {
       var optionList = [];
-
       if (itemList.length) {
         var parentId;
         var groupList = [];
@@ -73,7 +49,6 @@ var HiSelectMobile = /*#__PURE__*/function (_React$Component) {
                 optionList.push(_this.buildChildrenList(groupList));
                 groupList = [];
               }
-
               parentId = item.id;
               groupList.push(item);
             } else if (parentId) {
@@ -89,15 +64,12 @@ var HiSelectMobile = /*#__PURE__*/function (_React$Component) {
             }
           }
         });
-
         if (groupList.length) {
           optionList.push(_this.buildChildrenList(groupList));
         }
       }
-
       return optionList;
     };
-
     _this.buildChildrenList = function (itemList) {
       var group = itemList.shift();
       return /*#__PURE__*/_react.default.createElement("optgroup", {
@@ -111,11 +83,9 @@ var HiSelectMobile = /*#__PURE__*/function (_React$Component) {
         }, item.label);
       }));
     };
-
     _this.handleChange = function (event) {
       if (!_this.props.multiple) {
         var itemSelected = event.target[event.target.selectedIndex];
-
         _this.props.onChange(event, JSON.parse(itemSelected.getAttribute('data-item')));
       } else {
         // Multiple on mobile trigger on change with all selected items
@@ -125,23 +95,20 @@ var HiSelectMobile = /*#__PURE__*/function (_React$Component) {
             optionsSelected.push(JSON.parse(option.getAttribute('data-item')));
           }
         });
-
         _this.props.onChange(event, optionsSelected);
       }
     };
-
     return _this;
   }
-
   (0, _createClass2.default)(HiSelectMobile, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          classes = _this$props.classes,
-          id = _this$props.id,
-          itemList = _this$props.itemList,
-          multiple = _this$props.multiple,
-          value = _this$props.value;
+        classes = _this$props.classes,
+        id = _this$props.id,
+        itemList = _this$props.itemList,
+        multiple = _this$props.multiple,
+        value = _this$props.value;
       var additionalProps = (0, _objectSpread2.default)({}, multiple && {
         multiple: 'multiple'
       });
@@ -159,11 +126,7 @@ var HiSelectMobile = /*#__PURE__*/function (_React$Component) {
   }]);
   return HiSelectMobile;
 }(_react.default.Component);
-
 HiSelectMobile.defaultProps = {
   itemList: []
 };
-
-var _default = (0, _withStyles.default)(styles)(HiSelectMobile);
-
-exports.default = _default;
+var _default = exports.default = (0, _withStyles.default)(styles)(HiSelectMobile);

package/HiSelect/HiSuggestSelect.js

@@ -1,55 +1,32 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.styles = exports.default = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
-
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
-
 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 _react = _interopRequireDefault(require("react"));
-
 var _Grow = _interopRequireDefault(require("@mui/material/Grow"));
-
 var _Paper = _interopRequireDefault(require("@mui/material/Paper"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _HiSelectableList = _interopRequireDefault(require("../HiSelectableList"));
-
 var _HiInput = _interopRequireDefault(require("../HiForm/HiInput"));
-
 var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
-
 var _Popper = _interopRequireDefault(require("@mui/material/Popper"));
-
 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 { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-var styles = function styles(theme) {
+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; } } // @inheritedComponent HiInput
+var styles = exports.styles = function styles(theme) {
   return {
     root: {
       backgroundColor: theme.palette.background2,
@@ -73,35 +50,23 @@ var styles = function styles(theme) {
     }
   };
 };
-
-exports.styles = styles;
-
 var HiSuggestSelect = /*#__PURE__*/function (_React$PureComponent) {
   (0, _inherits2.default)(HiSuggestSelect, _React$PureComponent);
-
   var _super = _createSuper(HiSuggestSelect);
-
   function HiSuggestSelect(props) {
     var _this;
-
     (0, _classCallCheck2.default)(this, HiSuggestSelect);
     _this = _super.call(this, props);
-
     _this.getInputElement = function (el) {
       _this.textInput = el;
-
       if (_this.props.inputRef) {
         _this.props.inputRef(_this.textInput);
       }
     };
-
     _this.handleSelect = function (event, value) {
       document.body.style.overflow = 'auto';
-
       _this.props.onSelect(event, value);
-
       var textInput = _this.textInput;
-
       if (textInput) {
         setTimeout(function () {
           textInput.focus();
@@ -109,11 +74,10 @@ var HiSuggestSelect = /*#__PURE__*/function (_React$PureComponent) {
         }, 1);
       }
     };
-
+    // Key down on list items
     _this.handleKeyDown = function (event) {
       var nextItem;
       var key = (0, _keycode.default)(event);
-
       if (key === 'down') {
         event.preventDefault();
         nextItem = (0, _helpers.getNextItemSelectable)(document.activeElement, 'down');
@@ -122,37 +86,31 @@ var HiSuggestSelect = /*#__PURE__*/function (_React$PureComponent) {
         nextItem = (0, _helpers.getNextItemSelectable)(document.activeElement, 'up');
       } else if (key === 'tab') {
         document.body.style.overflow = 'auto';
-
         if ((0, _helpers.getNextItemSelectable)(document.activeElement, 'down') === null) {
           _this.setState({
             options: [],
             focused: false,
             suggestionFocusIndex: -1
           });
-
           if (_this.props.onBlurInput) {
             _this.props.onBlurInput(event);
           }
         }
       } else if (key === 'escape' || 'enter') {
         event.preventDefault();
-
         var item = _this.props.options.find(function (elem) {
           return String(elem.id) === event.target.id;
         });
-
         _this.handleSelect(null, item);
       }
-
       if (nextItem) {
         nextItem.focus();
       }
     };
-
+    // Key down on search input
     _this.handleKeyDownSearch = function (event) {
       if (event.key === 'ArrowDown') {
         event.preventDefault();
-
         if (_this.state.suggestionFocusIndex < _this.props.options.length - 1) {
           _this.setState(function (prevState) {
             return {
@@ -162,7 +120,6 @@ var HiSuggestSelect = /*#__PURE__*/function (_React$PureComponent) {
         }
       } else if (event.key === 'ArrowUp') {
         event.preventDefault();
-
         if (_this.state.suggestionFocusIndex >= 0) {
           _this.setState(function (prevState) {
             return {
@@ -171,8 +128,8 @@ var HiSuggestSelect = /*#__PURE__*/function (_React$PureComponent) {
           });
         }
       } else if (event.key === 'Enter' && _this.state.suggestionFocusIndex >= 0) {
-        event.preventDefault(); // Suggestion focused
-
+        event.preventDefault();
+        // Suggestion focused
         _this.handleSelect(event, _this.state.options[_this.state.suggestionFocusIndex]);
       } else if (event.key === 'Escape') {
         _this.setState({
@@ -181,17 +138,14 @@ var HiSuggestSelect = /*#__PURE__*/function (_React$PureComponent) {
         });
       }
     };
-
     _this.handleFocus = function (event) {
       _this.setState({
         focused: true
       });
-
       if (_this.props.onFocusInput) {
         _this.props.onFocusInput(event);
       }
     };
-
     _this.handleBlur = function (event) {
       // Si on click sur un élément de HiInput, on garde le focus
       // Par exemple sur l'icone reset
@@ -201,7 +155,6 @@ var HiSuggestSelect = /*#__PURE__*/function (_React$PureComponent) {
           focused: false,
           suggestionFocusIndex: -1
         });
-
         if (_this.props.onBlurInput) {
           _this.props.onBlurInput(event);
         }
@@ -210,13 +163,11 @@ var HiSuggestSelect = /*#__PURE__*/function (_React$PureComponent) {
           options: [],
           suggestionFocusIndex: -1
         });
-
         if (_this.textInput) {
           _this.textInput.focus();
         }
       }
     };
-
     _this.state = {
       focused: false,
       options: props.options,
@@ -224,31 +175,30 @@ var HiSuggestSelect = /*#__PURE__*/function (_React$PureComponent) {
     };
     return _this;
   }
-
   (0, _createClass2.default)(HiSuggestSelect, [{
     key: "render",
     value: function render() {
       var _this2 = this;
-
       var _this$props = this.props,
-          classes = _this$props.classes,
-          id = _this$props.id,
-          loading = _this$props.loading,
-          showMinLength = _this$props.showMinLength,
-          showNoResults = _this$props.showNoResults,
-          onSearch = _this$props.onSearch,
-          translations = _this$props.translations,
-          align = _this$props.align,
-          inputClasses = _this$props.inputClasses,
-          _this$props$HiInputPr = _this$props.HiInputProps,
-          HiInputProps = _this$props$HiInputPr === void 0 ? {} : _this$props$HiInputPr,
-          otherProps = (0, _objectWithoutProperties2.default)(_this$props, ["classes", "id", "loading", "showMinLength", "showNoResults", "onSearch", "translations", "align", "inputClasses", "HiInputProps"]);
+        classes = _this$props.classes,
+        id = _this$props.id,
+        loading = _this$props.loading,
+        showMinLength = _this$props.showMinLength,
+        showNoResults = _this$props.showNoResults,
+        onSearch = _this$props.onSearch,
+        translations = _this$props.translations,
+        align = _this$props.align,
+        inputClasses = _this$props.inputClasses,
+        _this$props$HiInputPr = _this$props.HiInputProps,
+        HiInputProps = _this$props$HiInputPr === void 0 ? {} : _this$props$HiInputPr,
+        otherProps = (0, _objectWithoutProperties2.default)(_this$props, ["classes", "id", "loading", "showMinLength", "showNoResults", "onSearch", "translations", "align", "inputClasses", "HiInputProps"]);
       var _this$state = this.state,
-          focused = _this$state.focused,
-          options = _this$state.options,
-          suggestionFocusIndex = _this$state.suggestionFocusIndex;
-      var optionsShown = options; // If loading
+        focused = _this$state.focused,
+        options = _this$state.options,
+        suggestionFocusIndex = _this$state.suggestionFocusIndex;
+      var optionsShown = options;
 
+      // If loading
       if (loading) {
         optionsShown = [{
           id: '_loading',
@@ -270,7 +220,6 @@ var HiSuggestSelect = /*#__PURE__*/function (_React$PureComponent) {
           selectable: false
         }];
       }
-
       var open = !!optionsShown.length && focused;
       return /*#__PURE__*/_react.default.createElement("div", {
         className: classes.root,
@@ -320,13 +269,11 @@ var HiSuggestSelect = /*#__PURE__*/function (_React$PureComponent) {
           suggestionFocusIndex: -1
         };
       }
-
       return null;
     }
   }]);
   return HiSuggestSelect;
 }(_react.default.PureComponent);
-
 HiSuggestSelect.defaultProps = {
   align: 'left',
   showMinLength: false,
@@ -337,10 +284,7 @@ HiSuggestSelect.defaultProps = {
   },
   options: []
 };
-
-var _default = (0, _withStyles.default)(styles, {
+var _default = exports.default = (0, _withStyles.default)(styles, {
   hiComponent: true,
   name: 'HmuiHiSuggestSelect'
-})(HiSuggestSelect);
-
-exports.default = _default;
+})(HiSuggestSelect);