@hipay/hipay-material-ui 2.0.0-beta.58 → 2.0.0-beta.60

package/HiForm/HiUploadField.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.styles = void 0;
+exports.default = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
@@ -25,51 +25,10 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _withStyles = _interopRequireDefault(require("../styles/withStyles"));
-
 var _HiFormControl = _interopRequireDefault(require("./HiFormControl"));
 
 var _HiUpload = _interopRequireDefault(require("./HiUpload"));
 
-var styles = function styles(theme) {
-  return {
-    flexContainer: {
-      display: '  flex',
-      alignItems: 'center'
-    },
-    statusIcon: {
-      height: '80px',
-      width: '80px',
-      marginRight: '8px',
-      padding: '24px',
-      borderRadius: '2px',
-      backgroundColor: theme.palette.local.background2,
-      border: "1px solid ".concat(theme.palette.middle.main),
-      color: "".concat(theme.palette.middle.main, " !important"),
-      fontSize: '80px'
-    },
-    inputContainer: {
-      flex: '1',
-      width: 'calc(100% - 88px)'
-    },
-    empty: {
-      border: "1px solid ".concat(theme.palette.input.bottomLine),
-      color: "".concat(theme.palette.neutral.main, " !important")
-    },
-    complete: {
-      border: "1px solid ".concat(theme.palette.positive.main),
-      color: "".concat(theme.palette.positive.main, " !important"),
-      fontSize: '32px'
-    },
-    error: {
-      border: "1px solid ".concat(theme.palette.negative.main),
-      color: "".concat(theme.palette.negative.main, " !important")
-    }
-  };
-};
-
-exports.styles = styles;
-
 var HiUploadField =
 /*#__PURE__*/
 function (_React$PureComponent) {
@@ -89,7 +48,8 @@ function (_React$PureComponent) {
           helperIcon = _this$props.helperIcon,
           helperText = _this$props.helperText,
           values = _this$props.values,
-          others = (0, _objectWithoutProperties2.default)(_this$props, ["className", "label", "helperIcon", "helperText", "values"]);
+          fullWidth = _this$props.fullWidth,
+          others = (0, _objectWithoutProperties2.default)(_this$props, ["className", "label", "helperIcon", "helperText", "values", "fullWidth"]);
       var empty = true;
       var error = false;
       var errorText = '';
@@ -110,7 +70,8 @@ function (_React$PureComponent) {
         errorText: errorText,
         error: error,
         helperIcon: helperIcon,
-        helperText: helperText
+        helperText: helperText,
+        fullWidth: fullWidth
       }, _react.default.createElement(_HiUpload.default, (0, _extends2.default)({
         values: values
       }, others)));
@@ -121,7 +82,9 @@ function (_React$PureComponent) {
 
 HiUploadField.defaultProps = {
   helperText: '',
-  helperIcon: false
+  helperIcon: false,
+  seeFile: true,
+  fullWidth: false
 };
 HiUploadField.propTypes = process.env.NODE_ENV !== "production" ? {
   /**
@@ -134,6 +97,11 @@ HiUploadField.propTypes = process.env.NODE_ENV !== "production" ? {
    */
   className: _propTypes.default.string,
 
+  /**
+   * Si "true", applique l'attribut css correspondant
+   */
+  fullWidth: _propTypes.default.bool,
+
   /**
    * Si "true", le texte d'aide s'affichera seulement au clic sur l'icône "Information"
    */
@@ -169,15 +137,15 @@ HiUploadField.propTypes = process.env.NODE_ENV !== "production" ? {
    */
   onSeeFile: _propTypes.default.func,
 
+  /**
+   * set to false to hide the eye button
+   */
+  seeFile: _propTypes.default.bool,
+
   /**
    * Valeurs des inputs
    */
   values: _propTypes.default.array
 } : {};
-
-var _default = (0, _withStyles.default)(styles, {
-  hiComponent: true,
-  name: 'HmuiHiUploadField'
-})(HiUploadField);
-
+var _default = HiUploadField;
 exports.default = _default;

package/HiForm/HiUploadInput.js

@@ -46,6 +46,7 @@ var styles = function styles(theme) {
       height: 40,
       display: 'inline-flex',
       justifyContent: 'flex-start',
+      cursor: 'pointer',
       '&$focused, &$dragOver': {
         backgroundColor: theme.palette.global.background1
       },
@@ -112,7 +113,7 @@ var styles = function styles(theme) {
           transform: 'scaleX(1)'
         },
         '&$error': {
-          borderBottom: "1px solid ".concat(theme.palette.negative.normal)
+          borderBottom: "1px solid ".concat(theme.palette.negative.main)
         }
       }
     },
@@ -120,7 +121,8 @@ var styles = function styles(theme) {
       color: "".concat(theme.palette.action.disabled),
       '&:before': {
         display: 'none'
-      }
+      },
+      cursor: 'default'
     },
     focused: {
       backgroundColor: theme.palette.background3
@@ -137,6 +139,7 @@ var styles = function styles(theme) {
       height: 39,
       display: 'inline-flex',
       width: '100%',
+      cursor: 'pointer',
       '&$empty': {
         opacity: 0.42
       }
@@ -160,7 +163,7 @@ var styles = function styles(theme) {
       }),
       '&:hover': {
         color: 'inherit',
-        backgroundColor: theme.palette.local.background2
+        background: 'none'
       }
     }
   };
@@ -344,6 +347,12 @@ function (_React$Component) {
           droppable = _this$state.droppable; // On utilise classNames pour variabiliser les styles et merger 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.dragOver, dragOver), (0, _defineProperty2.default)(_classNames, classes.droppable, droppable), _classNames));
+
+      var eyeButton = _react.default.createElement(_HiIconButton.default, {
+        className: classes.icon,
+        onClick: this.handleSeeFile
+      }, _ref);
+
       return _react.default.createElement("div", {
         className: rootClass
       }, _react.default.createElement("label", {
@@ -358,10 +367,7 @@ function (_React$Component) {
         onChange: this.handleChange
       })), value === null || _react.default.createElement("div", {
         className: classes.endAdornment
-      }, _react.default.createElement(_HiIconButton.default, {
-        className: classes.icon,
-        onClick: this.handleSeeFile
-      }, _ref), _react.default.createElement(_HiIconButton.default, {
+      }, this.props.seeFile && eyeButton, _react.default.createElement(_HiIconButton.default, {
         className: classes.icon,
         onClick: this.handleDeleteFile
       }, _ref2)));
@@ -440,6 +446,11 @@ HiUploadInput.propTypes = process.env.NODE_ENV !== "production" ? {
    */
   placeholder: _propTypes.default.string,
 
+  /**
+   * set to false to hide the eye button
+   */
+  seeFile: _propTypes.default.bool,
+
   /**
    * The translations of the error messages.
    */

package/HiSelect/HiSuggestSelect.js

@@ -205,10 +205,10 @@ function (_React$PureComponent) {
           options: [],
           focused: false
         });
-      }
 
-      if (this.props.onBlurInput) {
-        this.props.onBlurInput(event);
+        if (this.props.onBlurInput) {
+          this.props.onBlurInput(event);
+        }
       }
     }
   }, {

package/HiSelectNew/HiDynamicSelect.js

@@ -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,

package/HiSelectNew/HiNestedSelect.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.styles = void 0;
+exports.default = exports.styles = exports.filterValue = void 0;
 
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
@@ -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]);
   }, [])));
 }
 /**
@@ -76,6 +76,10 @@ function findFinalItemRecursively(itemList, searchId) {
   });
   return foundItem;
 }
+
+var filterValue = function filterValue(item, searchValue) {
+  return searchValue === '' || (0, _helpers.foldAccents)(item.label.toString().toLowerCase()).search((0, _helpers.foldAccents)(searchValue.toLowerCase())) !== -1;
+};
 /**
  * Build item list by settings item props relative to the nested parent/child situation
  * Reduce the item list to build specified items (displayed, pinned, disabled, selected, indeterminate)
@@ -94,6 +98,8 @@ function findFinalItemRecursively(itemList, searchId) {
  */
 
 
+exports.filterValue = filterValue;
+
 function buildFilteredItemList(itemList) {
   var selectedItemIdList = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
   var searchValue = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
@@ -102,15 +108,16 @@ function buildFilteredItemList(itemList) {
   var disabledParent = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : false;
   var nbChildrenAsInfo = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : false;
   var translations = arguments.length > 7 ? arguments[7] : undefined;
+  var filterFunc = arguments.length > 8 && arguments[8] !== undefined ? arguments[8] : filterValue;
   return itemList.reduce(function (_ref, item) {
     var memoItemList = _ref.l,
         memoSelected = _ref.s,
         memoUnselected = _ref.u,
         memoVisible = _ref.v;
-    var itemVisible = searchValue === '' || (0, _helpers.foldAccents)(item.label.toString().toLowerCase()).search((0, _helpers.foldAccents)(searchValue.toLowerCase())) !== -1; // Parent item
+    var itemVisible = filterFunc(item, searchValue); // Parent item
 
     if (item.children) {
-      var _buildFilteredItemLis = buildFilteredItemList(item.children, selectedItemIdList, searchValue, itemVisible, pinnedParent, disabledParent),
+      var _buildFilteredItemLis = buildFilteredItemList(item.children, selectedItemIdList, searchValue, itemVisible, pinnedParent, disabledParent, nbChildrenAsInfo, translations, filterFunc),
           customizedChildren = _buildFilteredItemLis.l,
           selected = _buildFilteredItemLis.s,
           unselected = _buildFilteredItemLis.u,
@@ -121,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
 
@@ -140,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,
@@ -259,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
@@ -269,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);
       }
     };
 
@@ -285,9 +292,10 @@ function (_React$PureComponent) {
           multiple = _this$props2.multiple,
           nbChildrenAsInfo = _this$props2.nbChildrenAsInfo,
           pinnedParent = _this$props2.pinnedParent,
-          translations = _this$props2.translations; // build item list
+          translations = _this$props2.translations,
+          filterFunc = _this$props2.filterFunc; // build item list
 
-      var _buildFilteredItemLis2 = buildFilteredItemList(options, value, search, false, pinnedParent, disabledParent || !multiple, nbChildrenAsInfo, translations),
+      var _buildFilteredItemLis2 = buildFilteredItemList(options, value, search, false, pinnedParent, disabledParent || !multiple, nbChildrenAsInfo, translations, filterFunc),
           filteredItemList = _buildFilteredItemLis2.l,
           allSelected = _buildFilteredItemLis2.s,
           allUnselected = _buildFilteredItemLis2.u,
@@ -307,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,
@@ -426,7 +434,8 @@ HiNestedSelect.defaultProps = {
     one_item_selected: '%s item selected',
     n_children: '%s',
     one_child: '%s item'
-  }
+  },
+  filterFunc: filterValue
 };
 HiNestedSelect.propTypes = process.env.NODE_ENV !== "production" ? {
   /**
@@ -444,6 +453,11 @@ HiNestedSelect.propTypes = process.env.NODE_ENV !== "production" ? {
    */
   displayAsChip: _propTypes.default.bool,
 
+  /*
+   * Fonction de filtrage custom
+   */
+  filterFunc: _propTypes.default.func,
+
   /**
    * Affiche l'élément 'All'
    */

package/HiSelectNew/HiNestedSelectContent.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getRecursiveFinalItemIdList = getRecursiveFinalItemIdList;
 exports.findFinalItemRecursively = findFinalItemRecursively;
-exports.default = void 0;
+exports.default = exports.filterValue = void 0;
 
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
@@ -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]);
   }, [])));
 }
 /**
@@ -72,6 +72,10 @@ function findFinalItemRecursively(itemList, searchId) {
   });
   return foundItem;
 }
+
+var filterValue = function filterValue(item, searchValue) {
+  return searchValue === '' || (0, _helpers.foldAccents)(item.label.toString().toLowerCase()).search((0, _helpers.foldAccents)(searchValue.toLowerCase())) !== -1;
+};
 /**
  * Build item list by settings item props relative to the nested parent/child situation
  * Reduce the item list to build specified items (displayed, pinned, disabled, selected, indeterminate)
@@ -90,6 +94,8 @@ function findFinalItemRecursively(itemList, searchId) {
  */
 
 
+exports.filterValue = filterValue;
+
 function buildFilteredItemList(itemList) {
   var selectedItemIdList = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
   var searchValue = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
@@ -98,15 +104,16 @@ function buildFilteredItemList(itemList) {
   var disabledParent = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : false;
   var nbChildrenAsInfo = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : false;
   var translations = arguments.length > 7 ? arguments[7] : undefined;
+  var filterFunc = arguments.length > 8 && arguments[8] !== undefined ? arguments[8] : filterValue;
   return itemList.reduce(function (_ref, item) {
     var memoItemList = _ref.l,
         memoSelected = _ref.s,
         memoUnselected = _ref.u,
         memoVisible = _ref.v;
-    var itemVisible = searchValue === '' || (0, _helpers.foldAccents)(item.label.toString().toLowerCase()).search((0, _helpers.foldAccents)(searchValue.toLowerCase())) !== -1; // Parent item
+    var itemVisible = filterFunc(item, searchValue); // Parent item
 
     if (item.children) {
-      var _buildFilteredItemLis = buildFilteredItemList(item.children, selectedItemIdList, searchValue, itemVisible, pinnedParent, disabledParent),
+      var _buildFilteredItemLis = buildFilteredItemList(item.children, selectedItemIdList, searchValue, itemVisible, pinnedParent, disabledParent, nbChildrenAsInfo, translations, filterFunc),
           customizedChildren = _buildFilteredItemLis.l,
           selected = _buildFilteredItemLis.s,
           unselected = _buildFilteredItemLis.u,
@@ -117,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
 
@@ -136,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,
@@ -216,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
@@ -226,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);
       }
     };
 
@@ -241,9 +248,10 @@ function (_React$PureComponent) {
           multiple = _this$props2.multiple,
           nbChildrenAsInfo = _this$props2.nbChildrenAsInfo,
           pinnedParent = _this$props2.pinnedParent,
-          translations = _this$props2.translations; // build item list
+          translations = _this$props2.translations,
+          filterFunc = _this$props2.filterFunc; // build item list
 
-      var _buildFilteredItemLis2 = buildFilteredItemList(options, value, search, false, pinnedParent, disabledParent || !multiple, nbChildrenAsInfo, translations),
+      var _buildFilteredItemLis2 = buildFilteredItemList(options, value, search, false, pinnedParent, disabledParent || !multiple, nbChildrenAsInfo, translations, filterFunc),
           filteredItemList = _buildFilteredItemLis2.l,
           allSelected = _buildFilteredItemLis2.s,
           allUnselected = _buildFilteredItemLis2.u,
@@ -263,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,
@@ -334,7 +342,8 @@ HiNestedSelectContent.defaultProps = {
     search: 'Search',
     n_children: '%s',
     one_child: '%s item'
-  }
+  },
+  filterFunc: filterValue
 };
 HiNestedSelectContent.propTypes = process.env.NODE_ENV !== "production" ? {
   /**
@@ -347,6 +356,11 @@ HiNestedSelectContent.propTypes = process.env.NODE_ENV !== "production" ? {
    */
   disabledParent: _propTypes.default.bool,
 
+  /*
+   * Fonction de filtrage custom
+   */
+  filterFunc: _propTypes.default.func,
+
   /**
    * Affiche l'élément 'All'
    */

package/HiSelectNew/HiSelect.js

@@ -110,6 +110,12 @@ var styles = function styles(theme) {
     }
   };
 };
+
+exports.styles = styles;
+
+function filterValue(item, search) {
+  return search === '' || (0, _helpers.foldAccents)(item.label.toString().toLowerCase()).search((0, _helpers.foldAccents)(search.toLowerCase())) !== -1;
+}
 /**
  *
  * Utilisé pour tous types de selects dans les formulaires.
@@ -126,8 +132,6 @@ var styles = function styles(theme) {
  */
 
 
-exports.styles = styles;
-
 var HiSelect =
 /*#__PURE__*/
 function (_React$PureComponent) {
@@ -144,22 +148,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) {
-        return item.label && (0, _helpers.foldAccents)(item.label.toString().toLowerCase()).search((0, _helpers.foldAccents)(search.toLowerCase())) !== -1;
-      })) : (0, _toConsumableArray2.default)(_this.props.hasAll ? [(0, _extends2.default)({
+      }] : []), (0, _toConsumableArray2.default)(search !== '' ? (0, _toConsumableArray2.default)(options.filter(function (item) {
+        return _this.props.filterFunc(item, search);
+      })) : [].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)
@@ -458,7 +462,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);
       }
     };
 
@@ -484,13 +488,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))
         });
       }
     };
@@ -522,11 +526,12 @@ 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.handleBlur = _this.handleBlur.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.handleKeyDownInput = _this.handleKeyDownInput.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)));
@@ -751,7 +756,8 @@ HiSelect.defaultProps = {
     n_children: '%s items',
     one_child: '%s item'
   },
-  type: 'text'
+  type: 'text',
+  filterFunc: filterValue
 };
 HiSelect.propTypes = process.env.NODE_ENV !== "production" ? {
   align: _propTypes.default.oneOf(['left', 'right']),
@@ -786,6 +792,11 @@ HiSelect.propTypes = process.env.NODE_ENV !== "production" ? {
    */
   fallbackImage: _propTypes.default.string,
 
+  /*
+   * Fonction de filtrage custom
+   */
+  filterFunc: _propTypes.default.func,
+
   /**
    * Affiche l'élément 'All'
    */