@hipay/hipay-material-ui 2.0.0-beta.69 → 2.0.0-beta.71

package/HiForm/HiInput.js

@@ -17,10 +17,10 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
 
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
 
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
 var _react = _interopRequireDefault(require("react"));
@@ -52,7 +52,7 @@ var styles = function styles(theme) {
       },
       width: '100%',
       // Ajout d'1px pour ne pas avoir de décalage en mode error avec le border top
-      '&:not($error)': {
+      '&:$error': {
         marginTop: 1
       }
     }),
@@ -193,15 +193,15 @@ function (_React$PureComponent) {
     _this.state = {
       focused: false
     };
-    _this.handleChange = _this.handleChange.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
-    _this.handleFocus = _this.handleFocus.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
-    _this.handleDivClick = _this.handleDivClick.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
-    _this.handleBlur = _this.handleBlur.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
-    _this.handleReset = _this.handleReset.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
-    _this.handleMouseEnter = _this.handleMouseEnter.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
-    _this.handleMouseLeave = _this.handleMouseLeave.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
-    _this.getInputElement = _this.getInputElement.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
-    _this.handleOverlayRef = _this.handleOverlayRef.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.handleChange = _this.handleChange.bind((0, _assertThisInitialized2.default)(_this));
+    _this.handleFocus = _this.handleFocus.bind((0, _assertThisInitialized2.default)(_this));
+    _this.handleDivClick = _this.handleDivClick.bind((0, _assertThisInitialized2.default)(_this));
+    _this.handleBlur = _this.handleBlur.bind((0, _assertThisInitialized2.default)(_this));
+    _this.handleReset = _this.handleReset.bind((0, _assertThisInitialized2.default)(_this));
+    _this.handleMouseEnter = _this.handleMouseEnter.bind((0, _assertThisInitialized2.default)(_this));
+    _this.handleMouseLeave = _this.handleMouseLeave.bind((0, _assertThisInitialized2.default)(_this));
+    _this.getInputElement = _this.getInputElement.bind((0, _assertThisInitialized2.default)(_this));
+    _this.handleOverlayRef = _this.handleOverlayRef.bind((0, _assertThisInitialized2.default)(_this));
     return _this;
   }
 

package/HiForm/HiPasswordField.js

@@ -21,10 +21,10 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
 
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
 
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
 var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -66,7 +66,7 @@ function (_React$Component) {
     _this.state = {
       showText: false
     };
-    _this.handlePasswordToggle = _this.handlePasswordToggle.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.handlePasswordToggle = _this.handlePasswordToggle.bind((0, _assertThisInitialized2.default)(_this));
     return _this;
   }
 

package/HiForm/HiSearchField.js

@@ -19,10 +19,10 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
 
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
 
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
 var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -48,9 +48,9 @@ function (_React$Component) {
     _this.state = {
       inputValue: ''
     };
-    _this.filterOnProperties = _this.filterOnProperties.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
-    _this.handleChange = _this.handleChange.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
-    _this.handleReset = _this.handleReset.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.filterOnProperties = _this.filterOnProperties.bind((0, _assertThisInitialized2.default)(_this));
+    _this.handleChange = _this.handleChange.bind((0, _assertThisInitialized2.default)(_this));
+    _this.handleReset = _this.handleReset.bind((0, _assertThisInitialized2.default)(_this));
     return _this;
   }
 

package/HiForm/HiTextField.js

@@ -17,10 +17,10 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
 
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
 
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
 var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -52,9 +52,9 @@ function (_React$PureComponent) {
     _this.state = {
       nbChars: props.value ? props.value.length : 0
     };
-    _this.handleBlur = _this.handleBlur.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
-    _this.handleChange = _this.handleChange.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
-    _this.handleFocus = _this.handleFocus.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.handleBlur = _this.handleBlur.bind((0, _assertThisInitialized2.default)(_this));
+    _this.handleChange = _this.handleChange.bind((0, _assertThisInitialized2.default)(_this));
+    _this.handleFocus = _this.handleFocus.bind((0, _assertThisInitialized2.default)(_this));
     return _this;
   }
 
@@ -110,6 +110,7 @@ function (_React$PureComponent) {
           placeholder = _this$props.placeholder,
           value = _this$props.value,
           HiInputProps = _this$props.HiInputProps,
+          HiInputLabelProps = _this$props.HiInputLabelProps,
           name = _this$props.name,
           rows = _this$props.rows,
           maxLength = _this$props.maxLength;
@@ -126,7 +127,8 @@ function (_React$PureComponent) {
         helperIcon: helperIcon,
         multiline: multiline,
         maxLength: maxLength,
-        nbChars: nbChars
+        nbChars: nbChars,
+        InputLabelProps: HiInputLabelProps
       }, _react.default.createElement(_HiInput.default, (0, _extends2.default)({
         inputId: id,
         name: name,
@@ -207,6 +209,11 @@ HiTextField.propTypes = process.env.NODE_ENV !== "production" ? {
    */
   helperText: _propTypes.default.string,
 
+  /**
+   * Propriétés appliquées au composant HiFormLabel
+   */
+  HiInputLabelProps: _propTypes.default.object,
+
   /**
    * Propriétés appliquées au composant HiInput
    */

package/HiMap/HiMap.js

@@ -15,10 +15,10 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
 
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
 
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
 var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -150,10 +150,10 @@ function (_React$PureComponent) {
       loaded: false,
       zoom: 16
     };
-    _this.handleClickZoomIn = _this.handleClickZoomIn.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
-    _this.handleScrollZoom = _this.handleScrollZoom.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
-    _this.handleClickZoomOut = _this.handleClickZoomOut.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
-    _this.handleCenter = _this.handleCenter.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.handleClickZoomIn = _this.handleClickZoomIn.bind((0, _assertThisInitialized2.default)(_this));
+    _this.handleScrollZoom = _this.handleScrollZoom.bind((0, _assertThisInitialized2.default)(_this));
+    _this.handleClickZoomOut = _this.handleClickZoomOut.bind((0, _assertThisInitialized2.default)(_this));
+    _this.handleCenter = _this.handleCenter.bind((0, _assertThisInitialized2.default)(_this));
     return _this;
   } // Loads the libraries once the component mounted to avoid error caused by server-cli rendering.
 

package/HiMap/HiMapExpand.js

@@ -17,10 +17,10 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
 
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
 
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
 var _react = _interopRequireDefault(require("react"));
@@ -108,8 +108,8 @@ function (_React$PureComponent) {
       addressNotFound: false,
       expanded: false
     };
-    _this.handleAddressNotFound = _this.handleAddressNotFound.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
-    _this.handleExpand = _this.handleExpand.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.handleAddressNotFound = _this.handleAddressNotFound.bind((0, _assertThisInitialized2.default)(_this));
+    _this.handleExpand = _this.handleExpand.bind((0, _assertThisInitialized2.default)(_this));
     return _this;
   }
 

package/HiNotice/HiKPI.js

@@ -17,10 +17,10 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
 
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
 
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
 var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -126,7 +126,7 @@ function (_React$Component) {
       };
     };
 
-    _this.handleClick = _this.handleClick.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.handleClick = _this.handleClick.bind((0, _assertThisInitialized2.default)(_this));
     return _this;
   }
 

package/HiPin/HiPin.js

@@ -23,9 +23,9 @@ var styles = function styles(theme) {
   return {
     root: {
       display: 'inline-block',
-      padding: '1px 9px',
-      height: 16,
-      lineHeight: '16px',
+      padding: '0px 9px',
+      height: 17,
+      lineHeight: '17px',
       minWidth: 25,
       textAlign: 'center',
       borderRadius: '45px',

package/HiSelect/HiDynamicSelect.js

@@ -21,10 +21,10 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
 
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
 
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
 var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -80,7 +80,7 @@ function (_React$PureComponent) {
           return id !== item.id;
         }), item);
       } else {
-        onChange(event, (0, _toConsumableArray2.default)(value).concat([item.id]), item);
+        onChange(event, [].concat((0, _toConsumableArray2.default)(value), [item.id]), item);
       }
     };
 
@@ -91,14 +91,14 @@ function (_React$PureComponent) {
       var _this$props2 = _this.props,
           nextPage = _this$props2.nextPage,
           translations = _this$props2.translations;
-      var itemList = (0, _toConsumableArray2.default)(options.length === 0 && !loading ? [{
+      var itemList = [].concat((0, _toConsumableArray2.default)(options.length === 0 && !loading ? [{
         id: '_no_result',
         type: 'text',
         disabled: true,
         centered: true,
         hideCheckbox: true,
         label: translations.no_result_match
-      }] : []).concat((0, _toConsumableArray2.default)(options), (0, _toConsumableArray2.default)(!loading && nextPage === 'manual' ? [{
+      }] : []), (0, _toConsumableArray2.default)(options), (0, _toConsumableArray2.default)(!loading && nextPage === 'manual' ? [{
         id: '_next_page',
         type: 'button',
         centered: true,
@@ -117,8 +117,8 @@ function (_React$PureComponent) {
       };
     };
 
-    _this.handleScrollReachBottom = _this.handleScrollReachBottom.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
-    _this.handleSelect = _this.handleSelect.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.handleScrollReachBottom = _this.handleScrollReachBottom.bind((0, _assertThisInitialized2.default)(_this));
+    _this.handleSelect = _this.handleSelect.bind((0, _assertThisInitialized2.default)(_this));
     return _this;
   }
 

package/HiSelect/HiNestedSelect.js

@@ -17,10 +17,10 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
 
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
 
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
@@ -47,12 +47,12 @@ var _helpers = require("../utils/helpers");
  */
 function getRecursiveFinalItemIdList(itemList) {
   var finalItemIdList = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-  return (0, _toConsumableArray2.default)(finalItemIdList).concat((0, _toConsumableArray2.default)(itemList.reduce(function (memo, item) {
+  return [].concat((0, _toConsumableArray2.default)(finalItemIdList), (0, _toConsumableArray2.default)(itemList.reduce(function (memo, item) {
     if (item.children) {
       return getRecursiveFinalItemIdList(item.children, memo);
     }
 
-    return (0, _toConsumableArray2.default)(memo).concat([item.id]);
+    return [].concat((0, _toConsumableArray2.default)(memo), [item.id]);
   }, [])));
 }
 /**
@@ -128,7 +128,7 @@ function buildFilteredItemList(itemList) {
       }
 
       return {
-        l: (0, _toConsumableArray2.default)(memoItemList).concat([(0, _extends2.default)({}, item, disabledParent && {
+        l: [].concat((0, _toConsumableArray2.default)(memoItemList), [(0, _extends2.default)({}, item, disabledParent && {
           disabled: true,
           hideCheckbox: true // don't display checkbox on disabled parent
 
@@ -147,7 +147,7 @@ function buildFilteredItemList(itemList) {
 
     var itemSelected = selectedItemIdList.includes(item.id);
     return {
-      l: (0, _toConsumableArray2.default)(memoItemList).concat([(0, _extends2.default)({
+      l: [].concat((0, _toConsumableArray2.default)(memoItemList), [(0, _extends2.default)({
         displayed: itemVisible || visibleParent
       }, item)]),
       s: itemSelected && memoSelected,
@@ -266,9 +266,9 @@ function (_React$PureComponent) {
           }), item);
         } else {
           // select parent > add each selectable child without duplicates.
-          onChange(event, (0, _toConsumableArray2.default)(value.filter(function (vid) {
+          onChange(event, [].concat((0, _toConsumableArray2.default)(value.filter(function (vid) {
             return !parentSelectableItemIdList.includes(vid);
-          })).concat((0, _toConsumableArray2.default)(parentSelectableItemIdList)), item);
+          })), (0, _toConsumableArray2.default)(parentSelectableItemIdList)), item);
         }
       } else if (value.includes(item.id)) {
         // unselect item
@@ -276,7 +276,7 @@ function (_React$PureComponent) {
           return id !== item.id;
         }), item);
       } else {
-        onChange(event, (0, _toConsumableArray2.default)(value).concat([item.id]), item);
+        onChange(event, [].concat((0, _toConsumableArray2.default)(value), [item.id]), item);
       }
     };
 
@@ -315,14 +315,14 @@ function (_React$PureComponent) {
         centered: true,
         hideCheckbox: true,
         label: translations.no_result_match
-      }]) : (0, _toConsumableArray2.default)(loading ? [{
+      }]) : [].concat((0, _toConsumableArray2.default)(loading ? [{
         id: '_loading',
         type: 'loader',
         disabled: true,
         centered: true,
         hideCheckbox: true,
         label: 'loading'
-      }] : []).concat((0, _toConsumableArray2.default)(hasAll ? [{
+      }] : []), (0, _toConsumableArray2.default)(hasAll ? [{
         id: '_all',
         iconAll: iconAll,
         label: translations.all,
@@ -368,7 +368,7 @@ function (_React$PureComponent) {
       };
     };
 
-    _this.handleSelect = _this.handleSelect.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.handleSelect = _this.handleSelect.bind((0, _assertThisInitialized2.default)(_this));
     return _this;
   }
   /**

package/HiSelect/HiNestedSelectContent.js

@@ -43,12 +43,12 @@ var _helpers = require("../utils/helpers");
  */
 function getRecursiveFinalItemIdList(itemList) {
   var finalItemIdList = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-  return (0, _toConsumableArray2.default)(finalItemIdList).concat((0, _toConsumableArray2.default)(itemList.reduce(function (memo, item) {
+  return [].concat((0, _toConsumableArray2.default)(finalItemIdList), (0, _toConsumableArray2.default)(itemList.reduce(function (memo, item) {
     if (item.children) {
       return getRecursiveFinalItemIdList(item.children, memo);
     }
 
-    return (0, _toConsumableArray2.default)(memo).concat([item.id]);
+    return [].concat((0, _toConsumableArray2.default)(memo), [item.id]);
   }, [])));
 }
 /**
@@ -124,7 +124,7 @@ function buildFilteredItemList(itemList) {
       }
 
       return {
-        l: (0, _toConsumableArray2.default)(memoItemList).concat([(0, _extends2.default)({}, item, disabledParent && {
+        l: [].concat((0, _toConsumableArray2.default)(memoItemList), [(0, _extends2.default)({}, item, disabledParent && {
           disabled: true,
           hideCheckbox: true // don't display checkbox on disabled parent
 
@@ -143,7 +143,7 @@ function buildFilteredItemList(itemList) {
 
     var itemSelected = selectedItemIdList.includes(item.id);
     return {
-      l: (0, _toConsumableArray2.default)(memoItemList).concat([(0, _extends2.default)({
+      l: [].concat((0, _toConsumableArray2.default)(memoItemList), [(0, _extends2.default)({
         displayed: itemVisible || visibleParent
       }, item)]),
       s: itemSelected && memoSelected,
@@ -223,9 +223,9 @@ function (_React$PureComponent) {
           }), item);
         } else {
           // select parent > add each selectable child without duplicates.
-          onChange(event, (0, _toConsumableArray2.default)(value.filter(function (vid) {
+          onChange(event, [].concat((0, _toConsumableArray2.default)(value.filter(function (vid) {
             return !parentSelectableItemIdList.includes(vid);
-          })).concat((0, _toConsumableArray2.default)(parentSelectableItemIdList)), item);
+          })), (0, _toConsumableArray2.default)(parentSelectableItemIdList)), item);
         }
       } else if (value.includes(item.id)) {
         // unselect item
@@ -233,7 +233,7 @@ function (_React$PureComponent) {
           return id !== item.id;
         }), item);
       } else {
-        onChange(event, (0, _toConsumableArray2.default)(value).concat([item.id]), item);
+        onChange(event, [].concat((0, _toConsumableArray2.default)(value), [item.id]), item);
       }
     };
 
@@ -271,14 +271,14 @@ function (_React$PureComponent) {
         centered: true,
         hideCheckbox: true,
         label: translations.no_result_match
-      }]) : (0, _toConsumableArray2.default)(loading ? [{
+      }]) : [].concat((0, _toConsumableArray2.default)(loading ? [{
         id: '_loading',
         type: 'loader',
         disabled: true,
         centered: true,
         hideCheckbox: true,
         label: 'loading'
-      }] : []).concat((0, _toConsumableArray2.default)(hasAll ? [{
+      }] : []), (0, _toConsumableArray2.default)(hasAll ? [{
         id: '_all',
         iconAll: iconAll,
         label: translations.all,

package/HiSelect/HiSelect.js

@@ -19,10 +19,10 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
 
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
 
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
 var _react = _interopRequireDefault(require("react"));
@@ -79,13 +79,14 @@ var styles = function styles(theme) {
       transition: 'none !important'
     },
     labelIcon: {
-      marginRight: 10
+      marginRight: 10,
+      verticalAlign: 'text-bottom'
     },
     labelImg: {
       height: 18,
       width: 'auto',
       margin: '0 4px',
-      verticalAlign: 'middle'
+      verticalAlign: 'text-bottom'
     },
     selectIconLabel: (0, _extends2.default)({
       whiteSpace: 'nowrap',
@@ -93,7 +94,7 @@ var styles = function styles(theme) {
       textOverflow: 'ellipsis',
       paddingRight: 16
     }, theme.typography.b1, {
-      display: 'inline-flex',
+      display: 'inline-block',
       width: '100%'
     }),
     selectImgLabel: (0, _extends2.default)({
@@ -149,22 +150,22 @@ function (_React$PureComponent) {
       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 = (0, _toConsumableArray2.default)(loading ? [{
+      var itemList = [].concat((0, _toConsumableArray2.default)(loading ? [{
         id: '_loading',
         type: 'loader',
         disabled: true,
         centered: true,
         hideCheckbox: true,
         label: 'loading'
-      }] : []).concat((0, _toConsumableArray2.default)(search !== '' ? (0, _toConsumableArray2.default)(options.filter(function (item) {
+      }] : []), (0, _toConsumableArray2.default)(search !== '' ? (0, _toConsumableArray2.default)(options.filter(function (item) {
         return _this.props.filterFunc(item, search);
-      })) : (0, _toConsumableArray2.default)(_this.props.hasAll ? [(0, _extends2.default)({
+      })) : [].concat((0, _toConsumableArray2.default)(_this.props.hasAll ? [(0, _extends2.default)({
         id: '_all',
         label: _this.props.translations.all
       }, _this.props.iconAll && {
         type: 'icon',
         icon: _this.props.iconAll
-      })] : []).concat((0, _toConsumableArray2.default)(options))));
+      })] : []), (0, _toConsumableArray2.default)(options))));
       return {
         itemList: itemList,
         inputValue: _this.buildInputValue(options, value, loading)
@@ -426,7 +427,7 @@ function (_React$PureComponent) {
           return id !== item.id;
         }), item);
       } else {
-        onChange(event, (0, _toConsumableArray2.default)(value).concat([item.id]), item);
+        onChange(event, [].concat((0, _toConsumableArray2.default)(value), [item.id]), item);
       }
     };
 
@@ -452,13 +453,13 @@ function (_React$PureComponent) {
         });
       } else {
         _this.setState({
-          suggestions: (0, _toConsumableArray2.default)(hasAll ? [(0, _extends2.default)({
+          suggestions: [].concat((0, _toConsumableArray2.default)(hasAll ? [(0, _extends2.default)({
             id: '_all',
             label: translations.all
           }, iconAll && {
             type: 'icon',
             icon: iconAll
-          })] : []).concat((0, _toConsumableArray2.default)(suggestions))
+          })] : []), (0, _toConsumableArray2.default)(suggestions))
         });
       }
     };
@@ -490,16 +491,16 @@ function (_React$PureComponent) {
       suggestions: props.options,
       openDown: true
     };
-    _this.handleBlur = _this.handleBlur.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
-    _this.handleClick = _this.handleClick.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
-    _this.handleClose = _this.handleClose.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
-    _this.handleClickAway = _this.handleClickAway.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
-    _this.handleFocus = _this.handleFocus.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
-    _this.handleSearch = _this.handleSearch.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
-    _this.handleSearchReset = _this.handleSearchReset.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
-    _this.handleSelect = _this.handleSelect.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
-    _this.handleSuggestions = _this.handleSuggestions.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
-    _this.getInputElement = _this.getInputElement.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.handleBlur = _this.handleBlur.bind((0, _assertThisInitialized2.default)(_this));
+    _this.handleClick = _this.handleClick.bind((0, _assertThisInitialized2.default)(_this));
+    _this.handleClose = _this.handleClose.bind((0, _assertThisInitialized2.default)(_this));
+    _this.handleClickAway = _this.handleClickAway.bind((0, _assertThisInitialized2.default)(_this));
+    _this.handleFocus = _this.handleFocus.bind((0, _assertThisInitialized2.default)(_this));
+    _this.handleSearch = _this.handleSearch.bind((0, _assertThisInitialized2.default)(_this));
+    _this.handleSearchReset = _this.handleSearchReset.bind((0, _assertThisInitialized2.default)(_this));
+    _this.handleSelect = _this.handleSelect.bind((0, _assertThisInitialized2.default)(_this));
+    _this.handleSuggestions = _this.handleSuggestions.bind((0, _assertThisInitialized2.default)(_this));
+    _this.getInputElement = _this.getInputElement.bind((0, _assertThisInitialized2.default)(_this));
     return _this;
   }
 
@@ -517,10 +518,10 @@ function (_React$PureComponent) {
 
       var itemListLength = 0;
       itemList.forEach(function (parent) {
-        if (parent.displayed && itemListLength < 10) {
+        if (parent.displayed !== false) {
           itemListLength += 1;
 
-          if (parent.children && itemListLength < 10) {
+          if (parent.children) {
             itemListLength += _this2.getLengthItemList(parent.children);
           }
         }