@hipay/hipay-material-ui 2.3.0-rc.4 → 2.3.0-rc.PSYCHE-2530

package/HiSelect/HiSelect.js

@@ -1,31 +1,33 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireDefault = require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/interopRequireDefault");
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.styles = void 0;
 
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _extends2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/extends"));
 
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _toConsumableArray2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/toConsumableArray"));
 
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _classCallCheck2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/classCallCheck"));
 
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _createClass2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/createClass"));
 
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/possibleConstructorReturn"));
 
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _getPrototypeOf2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/getPrototypeOf"));
 
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _assertThisInitialized2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/assertThisInitialized"));
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _inherits2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/inherits"));
 
-var _react = _interopRequireDefault(require("react"));
+var _defineProperty2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/defineProperty"));
+
+var _objectSpread2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/objectSpread2"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = _interopRequireDefault(require("react"));
 
 var _reactCustomScrollbars = _interopRequireDefault(require("react-custom-scrollbars"));
 
@@ -94,7 +96,7 @@ var styles = function styles(theme) {
       margin: '0 4px',
       verticalAlign: 'text-bottom'
     },
-    selectIconLabel: (0, _extends2.default)({
+    selectIconLabel: (0, _objectSpread2.default)({
       whiteSpace: 'nowrap',
       overflow: 'hidden',
       textOverflow: 'ellipsis',
@@ -103,7 +105,7 @@ var styles = function styles(theme) {
       display: 'inline-block',
       width: '100%'
     }),
-    selectImgLabel: (0, _extends2.default)({
+    selectImgLabel: (0, _objectSpread2.default)({
       whiteSpace: 'nowrap',
       overflow: 'hidden',
       textOverflow: 'ellipsis',
@@ -150,35 +152,33 @@ function (_React$PureComponent) {
 
     (0, _classCallCheck2.default)(this, HiSelect);
     _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(HiSelect).call(this, props));
-
-    _this.buildSelectProps = function (options) {
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "buildSelectProps", function (options) {
       var value = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
       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, _objectSpread2.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)
       };
-    };
-
-    _this.buildInputValue = function (options) {
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "buildInputValue", function (options) {
       var value = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
       var loading = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
       var _this$props = _this.props,
@@ -232,9 +232,8 @@ function (_React$PureComponent) {
       }
 
       return inputValue;
-    };
-
-    _this.focusOnFirstItem = function () {
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "focusOnFirstItem", function () {
       if (_this.overlay && _this.overlay.getElementsByTagName('li')[0]) {
         setTimeout(function () {
           var item = _this.overlay.getElementsByTagName('li')[0];
@@ -242,17 +241,15 @@ function (_React$PureComponent) {
           item.focus();
         }, 1);
       }
-    };
-
-    _this.getInputElement = function (el) {
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getInputElement", function (el) {
       _this.searchField = el;
 
       if (_this.props.inputRef) {
         _this.props.inputRef(_this.searchField);
       }
-    };
-
-    _this.handleBlur = function (event) {
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleBlur", function (event) {
       _this.handleSearchReset();
 
       _this.setState({
@@ -262,9 +259,8 @@ function (_React$PureComponent) {
       if (_this.props.onBlur && !_this.inputEl.contains(event.relatedTarget) && !_this.state.open) {
         _this.props.onBlur(event);
       }
-    };
-
-    _this.handleClick = function () {
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleClick", function () {
       if (_this.state.open) {
         _this.handleClose();
       } else if (_this.props.alert && !_this.state.alertOpen) {
@@ -289,27 +285,22 @@ function (_React$PureComponent) {
           }
         }, 1);
       }
-    };
-
-    _this.handleSubmitAlert = function () {
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleSubmitAlert", function () {
       _this.handleClick();
-    };
-
-    _this.handleCancelAlert = function () {
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleCancelAlert", function () {
       _this.handleClose();
-    };
-
-    _this.handleExitedAlert = function () {
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleExitedAlert", function () {
       if (_this.searchField) {
         _this.searchField.focus();
       }
-    };
-
-    _this.handleCloseAlert = function () {
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleCloseAlert", function () {
       _this.handleClose();
-    };
-
-    _this.focusOnSelectedItem = function (selectedValue) {
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "focusOnSelectedItem", function (selectedValue) {
       if (_this.overlay && _this.overlay.getElementsByTagName('li')[0]) {
         setTimeout(function () {
           if (_this.overlay) {
@@ -328,16 +319,14 @@ function (_React$PureComponent) {
           }
         }, 1);
       }
-    };
-
-    _this.handleClickAway = function (event) {
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleClickAway", function (event) {
       // Au clic sur le bouton, on laisse le handleClick fermer le select
       if (!_this.inputEl.contains(event.target)) {
         _this.handleClose(event);
       }
-    };
-
-    _this.handleClose = function () {
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleClose", function () {
       _this.handleSearchReset();
 
       _this.setState({
@@ -352,15 +341,13 @@ function (_React$PureComponent) {
       if (_this.inputEl) {
         _this.inputEl.focus();
       }
-    };
-
-    _this.handleFocus = function () {
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleFocus", function () {
       _this.setState({
         focused: true
       });
-    };
-
-    _this.handleKeyDownCapture = function (event) {
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleKeyDownCapture", function (event) {
       var key = (0, _keycode.default)(event);
 
       if (key === 'enter') {
@@ -372,9 +359,8 @@ function (_React$PureComponent) {
           }
         }
       }
-    };
-
-    _this.handleKeyDown = function (event) {
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleKeyDown", function (event) {
       var key = (0, _keycode.default)(event);
 
       if (!_this.state.alertOpen) {
@@ -396,14 +382,13 @@ function (_React$PureComponent) {
           _this.handleClose();
         }
       }
-    };
-
-    _this.handleKeyDownSearch = function (event) {
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleKeyDownSearch", function (event) {
       var key = (0, _keycode.default)(event);
 
       if (_this.overlay && (key === 'down' || key === 'up')) {
         _this.focusOnFirstItem();
-      } else if (_this.overlay && key === 'esc' || key === 'enter') {
+      } else if (_this.overlay && (key === 'esc' || key === 'enter')) {
         event.preventDefault();
 
         _this.handleClose();
@@ -412,15 +397,13 @@ function (_React$PureComponent) {
           open: false
         });
       }
-    };
-
-    _this.handleScroll = function (e) {
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleScroll", function (e) {
       if (e.target.scrollHeight - e.target.clientHeight - e.target.scrollTop < 15) {
         _this.props.onScrollReachBottom();
       }
-    };
-
-    _this.handleSelect = function (event, item) {
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleSelect", function (event, item) {
       var _this$props2 = _this.props,
           hasAll = _this$props2.hasAll,
           multiple = _this$props2.multiple,
@@ -454,11 +437,10 @@ 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);
       }
-    };
-
-    _this.handleSuggestions = function (suggestions) {
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleSuggestions", function (suggestions) {
       var _this$props3 = _this.props,
           hasAll = _this$props3.hasAll,
           iconAll = _this$props3.iconAll,
@@ -467,7 +449,7 @@ function (_React$PureComponent) {
       if (suggestions.length === 0) {
         // Add '_no_result' suggestion
         _this.setState(function (prevState) {
-          return (0, _extends2.default)({}, prevState, {
+          return (0, _objectSpread2.default)({}, prevState, {
             suggestions: [{
               id: '_no_result',
               type: 'text',
@@ -480,18 +462,17 @@ function (_React$PureComponent) {
         });
       } else {
         _this.setState({
-          suggestions: (0, _toConsumableArray2.default)(hasAll ? [(0, _extends2.default)({
+          suggestions: [].concat((0, _toConsumableArray2.default)(hasAll ? [(0, _objectSpread2.default)({
             id: '_all',
             label: translations.all
           }, iconAll && {
             type: 'icon',
             icon: iconAll
-          })] : []).concat((0, _toConsumableArray2.default)(suggestions))
+          })] : []), (0, _toConsumableArray2.default)(suggestions))
         });
       }
-    };
-
-    _this.handleSearch = function (e, inputValue) {
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleSearch", function (e, inputValue) {
       var searchValue = inputValue && e.target.value ? inputValue : e.target.value;
 
       if (_this.props.onSearch) {
@@ -501,17 +482,15 @@ function (_React$PureComponent) {
           searchValue: searchValue
         });
       }
-    };
-
-    _this.handleSearchReset = function () {
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleSearchReset", function () {
       _this.handleSearch({
         target: {
           value: ''
         }
       }, '');
-    };
-
-    _this.getLengthItemList = function (itemList) {
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getLengthItemList", function (itemList) {
       var itemListLength = 0;
       itemList.forEach(function (parent) {
         if (parent.displayed !== false) {
@@ -523,8 +502,7 @@ function (_React$PureComponent) {
         }
       });
       return itemListLength;
-    };
-
+    });
     _this.state = {
       alertOpen: false,
       open: false,
@@ -774,7 +752,7 @@ function (_React$PureComponent) {
     key: "getDerivedStateFromProps",
     value: function getDerivedStateFromProps(nextProps, prevState) {
       if (nextProps.options !== prevState.suggestions) {
-        return (0, _extends2.default)({}, prevState, {
+        return (0, _objectSpread2.default)({}, prevState, {
           suggestions: nextProps.options
         });
       }
@@ -794,7 +772,7 @@ function (_React$PureComponent) {
   return HiSelect;
 }(_react.default.PureComponent);
 
-HiSelect.defaultProps = {
+(0, _defineProperty2.default)(HiSelect, "defaultProps", {
   align: 'left',
   autoFocus: false,
   disabled: false,
@@ -820,187 +798,7 @@ HiSelect.defaultProps = {
   type: 'text',
   filterFunc: filterValue,
   maxOptionsDisplayed: 12
-};
-HiSelect.propTypes = process.env.NODE_ENV !== "production" ? {
-  /**
-   * Affiche une alerte à l'ouverture de la liste
-   */
-  alert: _propTypes.default.object,
-  align: _propTypes.default.oneOf(['left', 'right']),
-
-  /**
-   * Permet de forcer le focus sur le composant
-   */
-  autoFocus: _propTypes.default.bool,
-
-  /**
-   * Useful to extend the style applied to components.
-   */
-  classes: _propTypes.default.object,
-
-  /**
-   * Popper width
-   */
-  containerWidth: _propTypes.default.number,
-
-  /**
-   * Inactif
-   */
-  disabled: _propTypes.default.bool,
-
-  /**
-   * Option permettant d'afficher les sélection sous forme de Chip.
-   */
-  displayAsChip: _propTypes.default.bool,
-
-  /**
-   * Applique le style error
-   */
-  error: _propTypes.default.bool,
-
-  /**
-   * Chemin vers l'image à afficher par défaut si une image n'est pas trouvée
-   */
-  fallbackImage: _propTypes.default.string,
-
-  /*
-   * Fonction de filtrage custom
-   */
-  filterFunc: _propTypes.default.func,
-
-  /**
-   * Affiche l'élément 'All'
-   */
-  hasAll: _propTypes.default.bool,
-
-  /**
-   * Override HiInput props (for search)
-   */
-  hiSearchInputProps: _propTypes.default.object,
-
-  /**
-   * Override HiSelectableList props
-   */
-  hiSelectableListProps: _propTypes.default.object,
-
-  /**
-   * Override HiSelectInput props
-   */
-  hiSelectInputProps: _propTypes.default.object,
-
-  /**
-   * Nom de l'icône
-   */
-  iconAll: _propTypes.default.string,
-
-  /**
-   * id du select
-   */
-  id: _propTypes.default.string,
-
-  /**
-   * Ajoute un loader
-   */
-  loading: _propTypes.default.bool,
-
-  /**
-   * Nombre max d'items affichés
-   */
-  maxOptionsDisplayed: _propTypes.default.number,
-
-  /**
-   * Autorise la sélection de plusieurs valeurs
-   */
-  multiple: _propTypes.default.bool,
-
-  /**
-   * Nom du champ de formulaire
-   */
-  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
-   *
-   * @param {object} event
-   * @param {string || array} value
-   */
-  onChange: _propTypes.default.func.isRequired,
-
-  /**
-   * Fonction de callback appelée lorsqu'on ferme le select
-   */
-  onClose: _propTypes.default.func,
-
-  /**
-   * Fonction de callback appelée lorsqu'on survole le champs
-   */
-  onMouseEnter: _propTypes.default.func,
-
-  /**
-   * Fonction de callback appelée lorsque le curseur quitte le champs
-   */
-  onMouseLeave: _propTypes.default.func,
-
-  /**
-   * Fonction de callback appelée lorsqu'on vide le champs
-   */
-  onReset: _propTypes.default.func,
-
-  /**
-   * Fonction de callback appelée lorsque le scroll atteint le bas de la liste
-   */
-  onScrollReachBottom: _propTypes.default.func,
-
-  /**
-   * Fonction de callback appelée lorsque le champs de recherche est utilisé
-   */
-  onSearch: _propTypes.default.func,
-
-  /**
-   * Listes des options du select
-   */
-  options: _propTypes.default.array.isRequired,
-
-  /**
-   * Placeholder affiché lorsque l'input est vide
-   */
-  placeholder: _propTypes.default.string,
-
-  /**
-   * Affiche un input de recherche permettant de filtrer les options
-   */
-  searchable: _propTypes.default.bool,
-
-  /**
-   * Node qui s'ajoute entre la barre de recherche et la liste de résultats
-   */
-  startAdornment: _propTypes.default.object,
-
-  /**
-   * Si true, le contenu du select sera dans une div static plutôt que dans une popper absolute
-   */
-  staticPosition: _propTypes.default.bool,
-
-  /**
-   * Traductions (par défaut en anglais)
-   */
-  translations: _propTypes.default.object,
-
-  /**
-   * Type des éléments du select, définit le rendu d'un élément
-   */
-  type: _propTypes.default.oneOf(['icon', 'text', 'image', 'primary-highlight']),
-
-  /**
-   * Value(s) du select
-   */
-  value: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string, _propTypes.default.array])
-} : {};
+});
 
 var _default = (0, _styles.withStyles)(styles, {
   hiComponent: true,