@hipay/hipay-material-ui 2.0.0-beta.62 → 2.0.0-beta.64

package/CHANGELOG.md

@@ -1,3 +1,73 @@
+# [2.0.0-beta.63](https://gitlab.hipay.org/backend/hipay-material-ui/compare/0.0.1...2.0.0-beta.63) (2019-02-15)
+
+
+### Bug Fixes
+
+* **eslint:** remove eslint warrnings in components (ignore test files) ([d236c62](https://gitlab.hipay.org/backend/hipay-material-ui/commit/d236c62))
+* **HiBreadcrumb:** clean eslint warnings ([6db12fb](https://gitlab.hipay.org/backend/hipay-material-ui/commit/6db12fb))
+* **HiDatePicker:** add static positions for custom overlays ([c3edf24](https://gitlab.hipay.org/backend/hipay-material-ui/commit/c3edf24))
+* **HiExpansionPanel:** Fix props type a requirement ([cbc3b48](https://gitlab.hipay.org/backend/hipay-material-ui/commit/cbc3b48))
+* **HiInput:** forward event in onClick ([be94fe0](https://gitlab.hipay.org/backend/hipay-material-ui/commit/be94fe0))
+* **HiInput:** handle focus state through prop when needed to override default comportment ([9a133cc](https://gitlab.hipay.org/backend/hipay-material-ui/commit/9a133cc))
+* **HiInput:** rename prop to spellCheck ([c11939f](https://gitlab.hipay.org/backend/hipay-material-ui/commit/c11939f))
+* **HiKpiNotice:** eslint clean warnings ([11b5552](https://gitlab.hipay.org/backend/hipay-material-ui/commit/11b5552))
+* **HiSelect:** Fix build of HiSelectContent ([4b87f78](https://gitlab.hipay.org/backend/hipay-material-ui/commit/4b87f78))
+* **HiSelect:** focus on undefined item ([2d084e6](https://gitlab.hipay.org/backend/hipay-material-ui/commit/2d084e6))
+* **HiSelect:** Forward event in onBlur ([76c6778](https://gitlab.hipay.org/backend/hipay-material-ui/commit/76c6778))
+* **HiSelect:** handle staticPosition & width properly for HiDateRangeSelector usage ([7b19ffb](https://gitlab.hipay.org/backend/hipay-material-ui/commit/7b19ffb))
+* **HiSelect:** remove HiSelectNew calls ([cc5397d](https://gitlab.hipay.org/backend/hipay-material-ui/commit/cc5397d))
+* **HiSelectableListItem:** disabled item checkbox color ([9f10552](https://gitlab.hipay.org/backend/hipay-material-ui/commit/9f10552))
+* **HiSelectableListItem:** remove item width ([a913945](https://gitlab.hipay.org/backend/hipay-material-ui/commit/a913945))
+* **HiSelectContent:** Remove compute of input value ([b86db83](https://gitlab.hipay.org/backend/hipay-material-ui/commit/b86db83))
+* **HiSlider:** eslint clean warnings ([08964b1](https://gitlab.hipay.org/backend/hipay-material-ui/commit/08964b1))
+* **HiUploadField:** clean eslint warnings ([c76aaf1](https://gitlab.hipay.org/backend/hipay-material-ui/commit/c76aaf1))
+* **migration:** fix contrast threshold ... ([6fb3b18](https://gitlab.hipay.org/backend/hipay-material-ui/commit/6fb3b18))
+* **package:** add cross-env ([7098fd6](https://gitlab.hipay.org/backend/hipay-material-ui/commit/7098fd6))
+
+
+### Code Refactoring
+
+* deleting the old HiSelect and replacing it by the new (PSYCHE-1382) ([d5fc252](https://gitlab.hipay.org/backend/hipay-material-ui/commit/d5fc252))
+
+
+### Features
+
+* **CellImage:** Handle fallbackImage ([254799d](https://gitlab.hipay.org/backend/hipay-material-ui/commit/254799d))
+* **CellSentinel:** Uniformize cell api with front CellSentinel ([4e2975b](https://gitlab.hipay.org/backend/hipay-material-ui/commit/4e2975b))
+* **CellSentinel:** Update CellSentinel to the new way (split each result in different column) ([efe2711](https://gitlab.hipay.org/backend/hipay-material-ui/commit/efe2711))
+* **CellSentinelScore:** Add CellSentinelScore ([2fff04d](https://gitlab.hipay.org/backend/hipay-material-ui/commit/2fff04d))
+* **CellText:** Handle active prop in CellText & column views in HiTable ([4366e60](https://gitlab.hipay.org/backend/hipay-material-ui/commit/4366e60))
+* **HiCells:** Add simple cells types (Address, Date, Icon, Image, Numeric, PinToAction, Rate, Senti ([f688517](https://gitlab.hipay.org/backend/hipay-material-ui/commit/f688517))
+* **HiDatePicke:** add timezone props ([18360a5](https://gitlab.hipay.org/backend/hipay-material-ui/commit/18360a5))
+* **HiDatePicker:** BREAKING CHANGE - add local prop to handle calendar translations ([b1b3743](https://gitlab.hipay.org/backend/hipay-material-ui/commit/b1b3743))
+* **HiIcon:** Add mdi-material-ui as available icons via 'mdi_' prefix ([1091d6d](https://gitlab.hipay.org/backend/hipay-material-ui/commit/1091d6d))
+* **HiInput:** add spellcheck property ([b2feac3](https://gitlab.hipay.org/backend/hipay-material-ui/commit/b2feac3))
+* **HiMap:** unregister fetch on unmount ([0afa931](https://gitlab.hipay.org/backend/hipay-material-ui/commit/0afa931))
+* **HiSelect:** Add (NEW) HiSelect, HiNestedSelect, HiDynamicSelect ([4c6447e](https://gitlab.hipay.org/backend/hipay-material-ui/commit/4c6447e))
+* **HiSelect:** Reset search input on blur & on close ([d9af584](https://gitlab.hipay.org/backend/hipay-material-ui/commit/d9af584))
+* **HiSelectableList:** Add sort props to sort item list on label ([f412ddc](https://gitlab.hipay.org/backend/hipay-material-ui/commit/f412ddc))
+* **HiSelectContent:** Add new HiSelectContent & HiNestedSelectContent ([215ad8f](https://gitlab.hipay.org/backend/hipay-material-ui/commit/215ad8f))
+* **HiSelectContent:** export utils functions ([7c41d87](https://gitlab.hipay.org/backend/hipay-material-ui/commit/7c41d87))
+* **HiUploadField:** rename component HiUploadField ([593f77e](https://gitlab.hipay.org/backend/hipay-material-ui/commit/593f77e))
+* **notice:** Création notice KPI ([bba3f89](https://gitlab.hipay.org/backend/hipay-material-ui/commit/bba3f89))
+
+
+### Performance Improvements
+
+* **PureFunction:** Use pure & functional components ([220c686](https://gitlab.hipay.org/backend/hipay-material-ui/commit/220c686))
+
+
+### BREAKING CHANGES
+
+* HiSelectNew no longer exist, make sure you're importing HiSelect instead
+* **HiDatePicker:** Required "local" props (use polyglot, p.currentLocal)
+* **HiUploadField:** Components names changes
+* **HiCells:** Remove CellCountry, CellThirdParty, CellStatus & CellAccount (use generic type
+CellImage & CellText)
+* **HiSelect:** HiSelect API change, use HiNestedSelect or HiDynamicSelect relative to situation
+
+
+
 # [2.0.0-beta.62](https://gitlab.hipay.org/backend/hipay-material-ui/compare/0.0.1...2.0.0-beta.62) (2019-02-01)
 
 

package/HiForm/HiInput.js

@@ -184,9 +184,9 @@ function (_React$PureComponent) {
       }
     };
 
-    _this.handleClick = function () {
+    _this.handleClick = function (event) {
       if (_this.props.onClick) {
-        _this.props.onClick();
+        _this.props.onClick(event);
       }
     };
 
@@ -340,6 +340,7 @@ function (_React$PureComponent) {
           rows = _this$props.rows,
           inputClassName = _this$props.inputClassName,
           onReset = _this$props.onReset,
+          spellcheck = _this$props.spellcheck,
           startAdornmentColor = _this$props.startAdornmentColor;
       var focused = this.state.focused;
       var overlayProps = (0, _extends2.default)({
@@ -420,6 +421,7 @@ function (_React$PureComponent) {
           }
         }, eraseIcon, endAdornment),
         inputProps: {
+          spellCheck: spellcheck ? "true" : "false",
           className: (0, _classnames.default)(inputClassName, classes.inputPropsClassName, (_classNames4 = {}, (0, _defineProperty2.default)(_classNames4, classes.inputText, !multiline), (0, _defineProperty2.default)(_classNames4, classes.inputTextArea, multiline), _classNames4))
         }
       }));
@@ -449,7 +451,8 @@ HiInput.defaultProps = {
   type: 'text',
   multiline: false,
   error: false,
-  onlyNumbers: false
+  onlyNumbers: false,
+  spellcheck: false
 };
 HiInput.propTypes = process.env.NODE_ENV !== "production" ? {
   /**
@@ -596,6 +599,11 @@ HiInput.propTypes = process.env.NODE_ENV !== "production" ? {
    */
   rows: _propTypes.default.number,
 
+  /**
+   * Active browser default spellcheck (red underline)
+   */
+  spellcheck: _propTypes.default.bool,
+
   /**
    * Icône à afficher à gauche de l'input
    */

package/HiForm/HiUpload.js

@@ -356,14 +356,12 @@ function (_React$PureComponent) {
       return _react.default.createElement("div", {
         className: classes.flexContainer
       }, _react.default.createElement("label", {
-        htmlFor: "flat-button-file",
         ref: function ref(label) {
           _this2.uploadFieldRef = label;
         },
         tabIndex: "-1"
       }, _react.default.createElement("input", {
         hidden: true,
-        id: "flat-button-file",
         type: !complete || values.length === 1 ? 'file' : 'hidden',
         onChange: this.handleChange,
         onClick: focusable ? this.handleEmptyField : undefined,

package/HiSelect/HiSelect.js

@@ -244,12 +244,16 @@ function (_React$PureComponent) {
       }
     };
 
-    _this.handleBlur = function () {
+    _this.handleBlur = function (event) {
       _this.handleSearchReset();
 
       _this.setState({
         focused: false
       });
+
+      if (_this.props.onBlur && !_this.inputEl.contains(event.relatedTarget) && !_this.state.open) {
+        _this.props.onBlur(event);
+      }
     };
 
     _this.handleClick = function () {
@@ -525,10 +529,10 @@ function (_React$PureComponent) {
           onScrollReachBottom = _this$props4.onScrollReachBottom,
           onSubmit = _this$props4.onSubmit,
           placeholder = _this$props4.placeholder,
-          startAdornment = _this$props4.startAdornment,
-          staticPosition = _this$props4.staticPosition,
           _this$props4$searchVa = _this$props4.searchValue,
           searchValue = _this$props4$searchVa === void 0 ? this.state.searchValue : _this$props4$searchVa,
+          startAdornment = _this$props4.startAdornment,
+          staticPosition = _this$props4.staticPosition,
           _this$props4$buildSel = _this$props4.buildSelectProps,
           buildSelectProps = _this$props4$buildSel === void 0 ? this.buildSelectProps : _this$props4$buildSel;
       var _this$state = this.state,
@@ -808,6 +812,11 @@ HiSelect.propTypes = process.env.NODE_ENV !== "production" ? {
    */
   name: _propTypes.default.string.isRequired,
 
+  /**
+   * Fonction de callback appelée lorsqu'on perd le focus
+   */
+  onBlur: _propTypes.default.func,
+
   /**
    * Fonction de callback qui renvoit la/les valeurs sélectionnées
    *

package/HiSelectableList/HiSelectableList.js

@@ -165,7 +165,7 @@ function (_React$PureComponent) {
     value: function componentDidMount() {
       if (this.props.overlay && this.props.overlay.getElementsByTagName('li')[0]) {
         var item = this.props.overlay.getElementsByTagName('li')[0];
-        var value = (0, _typeof2.default)(this.props.value) === 'object' ? this.props.value[0] : this.props.value;
+        var value = this.props.value && (0, _typeof2.default)(this.props.value) === 'object' ? this.props.value[0] : this.props.value;
 
         if (value) {
           if (typeof this.props.value[0] === 'string') {

package/HiSelectableList/HiSelectableListItem.js

@@ -100,6 +100,9 @@ var styles = function styles(theme) {
       cursor: 'default',
       opacity: 'inherit'
     },
+    selected: {
+      backgroundColor: theme.palette.action.selected
+    },
     pinned: {
       display: 'inherit',
       marginRight: 8,
@@ -348,7 +351,7 @@ function (_React$PureComponent) {
         classes: {
           root: classes.root
         },
-        className: (0, _classnames.default)(classes.listItem, classes.listItemHover, (_classNames = {}, (0, _defineProperty2.default)(_classNames, classes.disabled, disabled), (0, _defineProperty2.default)(_classNames, classes.thin, thin), (0, _defineProperty2.default)(_classNames, classes.pinned, pinned), (0, _defineProperty2.default)(_classNames, classes.inline, secondaryInline), (0, _defineProperty2.default)(_classNames, classes.listItemWithoutSecondaryInline, !secondaryInline), (0, _defineProperty2.default)(_classNames, classes.listItemInlineWithInfoWithoutSecondary, secondaryInline && info && !secondaryLabel), _classNames)),
+        className: (0, _classnames.default)(classes.listItem, classes.listItemHover, (_classNames = {}, (0, _defineProperty2.default)(_classNames, classes.disabled, disabled), (0, _defineProperty2.default)(_classNames, classes.selected, selected), (0, _defineProperty2.default)(_classNames, classes.thin, thin), (0, _defineProperty2.default)(_classNames, classes.pinned, pinned), (0, _defineProperty2.default)(_classNames, classes.inline, secondaryInline), (0, _defineProperty2.default)(_classNames, classes.listItemWithoutSecondaryInline, !secondaryInline), (0, _defineProperty2.default)(_classNames, classes.listItemInlineWithInfoWithoutSecondary, secondaryInline && info && !secondaryLabel), _classNames)),
         disabled: disabled
       }, disabled || {
         onClick: onSelect,

package/es/HiForm/HiInput.js

@@ -141,9 +141,9 @@ class HiInput extends React.PureComponent {
       }
     };
 
-    this.handleClick = () => {
+    this.handleClick = event => {
       if (this.props.onClick) {
-        this.props.onClick();
+        this.props.onClick(event);
       }
     };
 
@@ -291,6 +291,7 @@ class HiInput extends React.PureComponent {
       rows,
       inputClassName,
       onReset,
+      spellcheck,
       startAdornmentColor
     } = this.props;
     const {
@@ -385,6 +386,7 @@ class HiInput extends React.PureComponent {
         }
       }, eraseIcon, endAdornment),
       inputProps: {
+        spellCheck: spellcheck ? "true" : "false",
         className: classNames(inputClassName, classes.inputPropsClassName, {
           [classes.inputText]: !multiline,
           [classes.inputTextArea]: multiline
@@ -405,7 +407,8 @@ HiInput.defaultProps = {
   type: 'text',
   multiline: false,
   error: false,
-  onlyNumbers: false
+  onlyNumbers: false,
+  spellcheck: false
 };
 HiInput.propTypes = process.env.NODE_ENV !== "production" ? {
   /**
@@ -552,6 +555,11 @@ HiInput.propTypes = process.env.NODE_ENV !== "production" ? {
    */
   rows: PropTypes.number,
 
+  /**
+   * Active browser default spellcheck (red underline)
+   */
+  spellcheck: PropTypes.bool,
+
   /**
    * Icône à afficher à gauche de l'input
    */

package/es/HiForm/HiUpload.js

@@ -310,14 +310,12 @@ class HiUpload extends React.PureComponent {
     return React.createElement("div", {
       className: classes.flexContainer
     }, React.createElement("label", {
-      htmlFor: "flat-button-file",
       ref: label => {
         this.uploadFieldRef = label;
       },
       tabIndex: "-1"
     }, React.createElement("input", {
       hidden: true,
-      id: "flat-button-file",
       type: !complete || values.length === 1 ? 'file' : 'hidden',
       onChange: this.handleChange,
       onClick: focusable ? this.handleEmptyField : undefined,

package/es/HiSelect/HiSelect.js

@@ -185,11 +185,15 @@ class HiSelect extends React.PureComponent {
       }
     };
 
-    this.handleBlur = () => {
+    this.handleBlur = event => {
       this.handleSearchReset();
       this.setState({
         focused: false
       });
+
+      if (this.props.onBlur && !this.inputEl.contains(event.relatedTarget) && !this.state.open) {
+        this.props.onBlur(event);
+      }
     };
 
     this.handleClick = () => {
@@ -467,9 +471,9 @@ class HiSelect extends React.PureComponent {
       onScrollReachBottom,
       onSubmit,
       placeholder,
+      searchValue = this.state.searchValue,
       startAdornment,
       staticPosition,
-      searchValue = this.state.searchValue,
       buildSelectProps = this.buildSelectProps // use parent builder if defined
 
     } = this.props;
@@ -734,6 +738,11 @@ HiSelect.propTypes = process.env.NODE_ENV !== "production" ? {
    */
   name: PropTypes.string.isRequired,
 
+  /**
+   * Fonction de callback appelée lorsqu'on perd le focus
+   */
+  onBlur: PropTypes.func,
+
   /**
    * Fonction de callback qui renvoit la/les valeurs sélectionnées
    *

package/es/HiSelectableList/HiSelectableList.js

@@ -107,7 +107,7 @@ class HiSelectableList extends React.PureComponent {
   componentDidMount() {
     if (this.props.overlay && this.props.overlay.getElementsByTagName('li')[0]) {
       let item = this.props.overlay.getElementsByTagName('li')[0];
-      const value = typeof this.props.value === 'object' ? this.props.value[0] : this.props.value;
+      const value = this.props.value && typeof this.props.value === 'object' ? this.props.value[0] : this.props.value;
 
       if (value) {
         if (typeof this.props.value[0] === 'string') {

package/es/HiSelectableList/HiSelectableListItem.js

@@ -62,6 +62,9 @@ export const styles = theme => ({
     cursor: 'default',
     opacity: 'inherit'
   },
+  selected: {
+    backgroundColor: theme.palette.action.selected
+  },
   pinned: {
     display: 'inherit',
     marginRight: 8,
@@ -292,6 +295,7 @@ class HiSelectableListItem extends React.PureComponent {
       },
       className: classNames(classes.listItem, classes.listItemHover, {
         [classes.disabled]: disabled,
+        [classes.selected]: selected,
         [classes.thin]: thin,
         [classes.pinned]: pinned,
         [classes.inline]: secondaryInline,

package/index.es.js

@@ -1,4 +1,4 @@
-/** @license HiPay-Material-UI v2.0.0-beta.62
+/** @license HiPay-Material-UI v2.0.0-beta.64
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/index.js

@@ -1,4 +1,4 @@
-/** @license HiPay-Material-UI v2.0.0-beta.62
+/** @license HiPay-Material-UI v2.0.0-beta.64
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/package.json

@@ -2,7 +2,7 @@
   "name": "@hipay/hipay-material-ui",
   "private": false,
   "author": "HiPay PSYCHE Team",
-  "version": "2.0.0-beta.62",
+  "version": "2.0.0-beta.64",
   "description": "React components that implement Google's Material Design.",
   "keywords": [
     "react",
@@ -76,4 +76,4 @@
   },
   "main": "./index.js",
   "module": "./index.es.js"
-}
+}

package/umd/hipay-material-ui.development.js

@@ -1,4 +1,4 @@
-/** @license HiPay-Material-UI v2.0.0-beta.62
+/** @license HiPay-Material-UI v2.0.0-beta.64
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
@@ -79511,9 +79511,9 @@
                   }
                 };
 
-                _this.handleClick = function () {
+                _this.handleClick = function (event) {
                   if (_this.props.onClick) {
-                    _this.props.onClick();
+                    _this.props.onClick(event);
                   }
                 };
 
@@ -79667,6 +79667,7 @@
                       rows = _this$props.rows,
                       inputClassName = _this$props.inputClassName,
                       onReset = _this$props.onReset,
+                      spellcheck = _this$props.spellcheck,
                       startAdornmentColor = _this$props.startAdornmentColor;
                   var focused = this.state.focused;
 
@@ -79748,6 +79749,7 @@
                       }
                     }, eraseIcon, endAdornment),
                     inputProps: {
+                      spellCheck: spellcheck ? "true" : "false",
                       className: classnames(inputClassName, classes.inputPropsClassName, (_classNames4 = {}, defineProperty(_classNames4, classes.inputText, !multiline), defineProperty(_classNames4, classes.inputTextArea, multiline), _classNames4))
                     }
                   }));
@@ -79778,7 +79780,8 @@
               type: 'text',
               multiline: false,
               error: false,
-              onlyNumbers: false
+              onlyNumbers: false,
+              spellcheck: false
             };
             HiInput.propTypes = {
               /**
@@ -79925,6 +79928,11 @@
                */
               rows: propTypes.number,
 
+              /**
+               * Active browser default spellcheck (red underline)
+               */
+              spellcheck: propTypes.bool,
+
               /**
                * Icône à afficher à gauche de l'input
                */
@@ -84851,6 +84859,9 @@
                   cursor: 'default',
                   opacity: 'inherit'
                 },
+                selected: {
+                  backgroundColor: theme.palette.action.selected
+                },
                 pinned: {
                   display: 'inherit',
                   marginRight: 8,
@@ -85097,7 +85108,7 @@
                     classes: {
                       root: classes.root
                     },
-                    className: classnames(classes.listItem, classes.listItemHover, (_classNames = {}, defineProperty(_classNames, classes.disabled, disabled), defineProperty(_classNames, classes.thin, thin), defineProperty(_classNames, classes.pinned, pinned), defineProperty(_classNames, classes.inline, secondaryInline), defineProperty(_classNames, classes.listItemWithoutSecondaryInline, !secondaryInline), defineProperty(_classNames, classes.listItemInlineWithInfoWithoutSecondary, secondaryInline && info && !secondaryLabel), _classNames)),
+                    className: classnames(classes.listItem, classes.listItemHover, (_classNames = {}, defineProperty(_classNames, classes.disabled, disabled), defineProperty(_classNames, classes.selected, selected), defineProperty(_classNames, classes.thin, thin), defineProperty(_classNames, classes.pinned, pinned), defineProperty(_classNames, classes.inline, secondaryInline), defineProperty(_classNames, classes.listItemWithoutSecondaryInline, !secondaryInline), defineProperty(_classNames, classes.listItemInlineWithInfoWithoutSecondary, secondaryInline && info && !secondaryLabel), _classNames)),
                     disabled: disabled
                   }, disabled || {
                     onClick: onSelect,
@@ -85434,7 +85445,7 @@
                 value: function componentDidMount() {
                   if (this.props.overlay && this.props.overlay.getElementsByTagName('li')[0]) {
                     var item = this.props.overlay.getElementsByTagName('li')[0];
-                    var value = _typeof_1(this.props.value) === 'object' ? this.props.value[0] : this.props.value;
+                    var value = this.props.value && _typeof_1(this.props.value) === 'object' ? this.props.value[0] : this.props.value;
 
                     if (value) {
                       if (typeof this.props.value[0] === 'string') {
@@ -113803,12 +113814,16 @@
                   }
                 };
 
-                _this.handleBlur = function () {
+                _this.handleBlur = function (event) {
                   _this.handleSearchReset();
 
                   _this.setState({
                     focused: false
                   });
+
+                  if (_this.props.onBlur && !_this.inputEl.contains(event.relatedTarget) && !_this.state.open) {
+                    _this.props.onBlur(event);
+                  }
                 };
 
                 _this.handleClick = function () {
@@ -114084,10 +114099,10 @@
                       onScrollReachBottom = _this$props4.onScrollReachBottom,
                       onSubmit = _this$props4.onSubmit,
                       placeholder = _this$props4.placeholder,
-                      startAdornment = _this$props4.startAdornment,
-                      staticPosition = _this$props4.staticPosition,
                       _this$props4$searchVa = _this$props4.searchValue,
                       searchValue = _this$props4$searchVa === void 0 ? this.state.searchValue : _this$props4$searchVa,
+                      startAdornment = _this$props4.startAdornment,
+                      staticPosition = _this$props4.staticPosition,
                       _this$props4$buildSel = _this$props4.buildSelectProps,
                       buildSelectProps = _this$props4$buildSel === void 0 ? this.buildSelectProps : _this$props4$buildSel;
                   var _this$state = this.state,
@@ -114368,6 +114383,11 @@
                */
               name: propTypes.string.isRequired,
 
+              /**
+               * Fonction de callback appelée lorsqu'on perd le focus
+               */
+              onBlur: propTypes.func,
+
               /**
                * Fonction de callback qui renvoit la/les valeurs sélectionnées
                *