@hipay/hipay-material-ui 4.0.1-beta3 → 4.0.1-beta5

package/es/HiSelect/HiSelectInput.js

@@ -1,29 +1,49 @@
 "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 _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
+
 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 _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-var styles = exports.styles = function styles(theme) {
+
+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) {
   return {
     root: {
       width: '100%',
@@ -51,6 +71,7 @@ var styles = exports.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,
@@ -81,6 +102,7 @@ var styles = exports.styles = function styles(theme) {
             easing: theme.transitions.easing.easeOut
           }),
           pointerEvents: 'none' // Transparent to the hover style.
+
         },
         '&:hover:after': {
           transform: 'scaleX(1)'
@@ -129,37 +151,54 @@ var styles = exports.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 = _callSuper(this, HiSelectInput, [].concat(args));
+
+    _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) {
@@ -169,45 +208,58 @@ 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 _this2 = this;
+      var _classNames,
+          _classNames2,
+          _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, (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));
+          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));
       return noButton ? /*#__PURE__*/_react.default.createElement("div", {
         id: id,
         className: rootClass,
@@ -258,6 +310,7 @@ var HiSelectInput = /*#__PURE__*/function (_React$PureComponent) {
   }]);
   return HiSelectInput;
 }(_react.default.PureComponent);
+
 HiSelectInput.defaultProps = {
   disabled: false,
   open: false,
@@ -265,7 +318,10 @@ HiSelectInput.defaultProps = {
   noButton: false,
   error: false
 };
-var _default = exports.default = (0, _withStyles.default)(styles, {
+
+var _default = (0, _withStyles.default)(styles, {
   hiComponent: true,
   name: 'HmuiHiSelectInput'
-})(HiSelectInput);
+})(HiSelectInput);
+
+exports.default = _default;

package/es/HiSelect/HiSelectMobile.js

@@ -1,23 +1,37 @@
 "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 _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
-function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-var styles = exports.styles = function styles(theme) {
+
+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) {
   return {
     root: {
       position: 'absolute',
@@ -27,17 +41,28 @@ var styles = exports.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 = _callSuper(this, HiSelectMobile, [].concat(args));
+
+    _this = _super.call.apply(_super, [this].concat(args));
+
     _this.buildOptionList = function (itemList) {
       var optionList = [];
+
       if (itemList.length) {
         var parentId;
         var groupList = [];
@@ -48,6 +73,7 @@ var HiSelectMobile = /*#__PURE__*/function (_React$Component) {
                 optionList.push(_this.buildChildrenList(groupList));
                 groupList = [];
               }
+
               parentId = item.id;
               groupList.push(item);
             } else if (parentId) {
@@ -63,12 +89,15 @@ 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", {
@@ -82,9 +111,11 @@ 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
@@ -94,20 +125,23 @@ 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'
       });
@@ -125,7 +159,11 @@ var HiSelectMobile = /*#__PURE__*/function (_React$Component) {
   }]);
   return HiSelectMobile;
 }(_react.default.Component);
+
 HiSelectMobile.defaultProps = {
   itemList: []
 };
-var _default = exports.default = (0, _withStyles.default)(styles)(HiSelectMobile);
+
+var _default = (0, _withStyles.default)(styles)(HiSelectMobile);
+
+exports.default = _default;

package/es/HiSelect/HiSuggestSelect.js

@@ -1,32 +1,55 @@
 "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 _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
+
 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 _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } // @inheritedComponent HiInput
-var styles = exports.styles = function styles(theme) {
+
+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) {
   return {
     root: {
       backgroundColor: theme.palette.background2,
@@ -50,22 +73,35 @@ var styles = exports.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 = _callSuper(this, HiSuggestSelect, [props]);
+    _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();
@@ -73,10 +109,11 @@ 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');
@@ -85,31 +122,37 @@ 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 {
@@ -119,6 +162,7 @@ var HiSuggestSelect = /*#__PURE__*/function (_React$PureComponent) {
         }
       } else if (event.key === 'ArrowUp') {
         event.preventDefault();
+
         if (_this.state.suggestionFocusIndex >= 0) {
           _this.setState(function (prevState) {
             return {
@@ -127,8 +171,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({
@@ -137,14 +181,17 @@ 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
@@ -154,6 +201,7 @@ var HiSuggestSelect = /*#__PURE__*/function (_React$PureComponent) {
           focused: false,
           suggestionFocusIndex: -1
         });
+
         if (_this.props.onBlurInput) {
           _this.props.onBlurInput(event);
         }
@@ -162,11 +210,13 @@ var HiSuggestSelect = /*#__PURE__*/function (_React$PureComponent) {
           options: [],
           suggestionFocusIndex: -1
         });
+
         if (_this.textInput) {
           _this.textInput.focus();
         }
       }
     };
+
     _this.state = {
       focused: false,
       options: props.options,
@@ -174,30 +224,31 @@ 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;
+          focused = _this$state.focused,
+          options = _this$state.options,
+          suggestionFocusIndex = _this$state.suggestionFocusIndex;
+      var optionsShown = options; // If loading
 
-      // If loading
       if (loading) {
         optionsShown = [{
           id: '_loading',
@@ -219,6 +270,7 @@ var HiSuggestSelect = /*#__PURE__*/function (_React$PureComponent) {
           selectable: false
         }];
       }
+
       var open = !!optionsShown.length && focused;
       return /*#__PURE__*/_react.default.createElement("div", {
         className: classes.root,
@@ -268,11 +320,13 @@ var HiSuggestSelect = /*#__PURE__*/function (_React$PureComponent) {
           suggestionFocusIndex: -1
         };
       }
+
       return null;
     }
   }]);
   return HiSuggestSelect;
 }(_react.default.PureComponent);
+
 HiSuggestSelect.defaultProps = {
   align: 'left',
   showMinLength: false,
@@ -283,7 +337,10 @@ HiSuggestSelect.defaultProps = {
   },
   options: []
 };
-var _default = exports.default = (0, _withStyles.default)(styles, {
+
+var _default = (0, _withStyles.default)(styles, {
   hiComponent: true,
   name: 'HmuiHiSuggestSelect'
-})(HiSuggestSelect);
+})(HiSuggestSelect);
+
+exports.default = _default;