@hipay/hipay-material-ui 2.3.1-rc3 → 2.3.1-rc5

package/HiSelect/HiSelect.js

@@ -9,6 +9,8 @@ exports.default = exports.styles = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
 
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
+
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
 
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
@@ -19,12 +21,8 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
 
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
 
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/assertThisInitialized"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
 
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
-
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 
 var _react = _interopRequireDefault(require("react"));
@@ -152,7 +150,8 @@ function (_React$PureComponent) {
 
     (0, _classCallCheck2.default)(this, HiSelect);
     _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(HiSelect).call(this, props));
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "buildSelectProps", function (options) {
+
+    _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;
@@ -177,8 +176,9 @@ function (_React$PureComponent) {
         itemList: itemList,
         inputValue: _this.buildInputValue(options, value, loading)
       };
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "buildInputValue", function (options) {
+    };
+
+    _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,8 +232,9 @@ function (_React$PureComponent) {
       }
 
       return inputValue;
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "focusOnFirstItem", function () {
+    };
+
+    _this.focusOnFirstItem = function () {
       if (_this.overlay && _this.overlay.getElementsByTagName('li')[0]) {
         setTimeout(function () {
           var item = _this.overlay.getElementsByTagName('li')[0];
@@ -241,15 +242,17 @@ function (_React$PureComponent) {
           item.focus();
         }, 1);
       }
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getInputElement", function (el) {
+    };
+
+    _this.getInputElement = function (el) {
       _this.searchField = el;
 
       if (_this.props.inputRef) {
         _this.props.inputRef(_this.searchField);
       }
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleBlur", function (event) {
+    };
+
+    _this.handleBlur = function (event) {
       _this.handleSearchReset();
 
       _this.setState({
@@ -259,8 +262,9 @@ function (_React$PureComponent) {
       if (_this.props.onBlur && !_this.inputEl.contains(event.relatedTarget) && !_this.state.open) {
         _this.props.onBlur(event);
       }
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleClick", function () {
+    };
+
+    _this.handleClick = function () {
       if (_this.state.open) {
         _this.handleClose();
       } else if (_this.props.alert && !_this.state.alertOpen) {
@@ -285,22 +289,27 @@ function (_React$PureComponent) {
           }
         }, 1);
       }
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleSubmitAlert", function () {
+    };
+
+    _this.handleSubmitAlert = function () {
       _this.handleClick();
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleCancelAlert", function () {
+    };
+
+    _this.handleCancelAlert = function () {
       _this.handleClose();
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleExitedAlert", function () {
+    };
+
+    _this.handleExitedAlert = function () {
       if (_this.searchField) {
         _this.searchField.focus();
       }
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleCloseAlert", function () {
+    };
+
+    _this.handleCloseAlert = function () {
       _this.handleClose();
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "focusOnSelectedItem", function (selectedValue) {
+    };
+
+    _this.focusOnSelectedItem = function (selectedValue) {
       if (_this.overlay && _this.overlay.getElementsByTagName('li')[0]) {
         setTimeout(function () {
           if (_this.overlay) {
@@ -319,14 +328,16 @@ function (_React$PureComponent) {
           }
         }, 1);
       }
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleClickAway", function (event) {
+    };
+
+    _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);
       }
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleClose", function () {
+    };
+
+    _this.handleClose = function () {
       _this.handleSearchReset();
 
       _this.setState({
@@ -341,13 +352,15 @@ function (_React$PureComponent) {
       if (_this.inputEl) {
         _this.inputEl.focus();
       }
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleFocus", function () {
+    };
+
+    _this.handleFocus = function () {
       _this.setState({
         focused: true
       });
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleKeyDownCapture", function (event) {
+    };
+
+    _this.handleKeyDownCapture = function (event) {
       var key = (0, _keycode.default)(event);
 
       if (key === 'enter') {
@@ -359,8 +372,9 @@ function (_React$PureComponent) {
           }
         }
       }
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleKeyDown", function (event) {
+    };
+
+    _this.handleKeyDown = function (event) {
       var key = (0, _keycode.default)(event);
 
       if (!_this.state.alertOpen) {
@@ -382,8 +396,9 @@ function (_React$PureComponent) {
           _this.handleClose();
         }
       }
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleKeyDownSearch", function (event) {
+    };
+
+    _this.handleKeyDownSearch = function (event) {
       var key = (0, _keycode.default)(event);
 
       if (_this.overlay && (key === 'down' || key === 'up')) {
@@ -397,13 +412,15 @@ function (_React$PureComponent) {
           open: false
         });
       }
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleScroll", function (e) {
+    };
+
+    _this.handleScroll = function (e) {
       if (e.target.scrollHeight - e.target.clientHeight - e.target.scrollTop < 15) {
         _this.props.onScrollReachBottom();
       }
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleSelect", function (event, item) {
+    };
+
+    _this.handleSelect = function (event, item) {
       var _this$props2 = _this.props,
           hasAll = _this$props2.hasAll,
           multiple = _this$props2.multiple,
@@ -439,8 +456,9 @@ function (_React$PureComponent) {
       } else {
         onChange(event, [].concat((0, _toConsumableArray2.default)(value), [item.id]), item);
       }
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleSuggestions", function (suggestions) {
+    };
+
+    _this.handleSuggestions = function (suggestions) {
       var _this$props3 = _this.props,
           hasAll = _this$props3.hasAll,
           iconAll = _this$props3.iconAll,
@@ -471,8 +489,9 @@ function (_React$PureComponent) {
           })] : []), (0, _toConsumableArray2.default)(suggestions))
         });
       }
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleSearch", function (e, inputValue) {
+    };
+
+    _this.handleSearch = function (e, inputValue) {
       var searchValue = inputValue && e.target.value ? inputValue : e.target.value;
 
       if (_this.props.onSearch) {
@@ -482,15 +501,17 @@ function (_React$PureComponent) {
           searchValue: searchValue
         });
       }
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleSearchReset", function () {
+    };
+
+    _this.handleSearchReset = function () {
       _this.handleSearch({
         target: {
           value: ''
         }
       }, '');
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getLengthItemList", function (itemList) {
+    };
+
+    _this.getLengthItemList = function (itemList) {
       var itemListLength = 0;
       itemList.forEach(function (parent) {
         if (parent.displayed !== false) {
@@ -502,7 +523,8 @@ function (_React$PureComponent) {
         }
       });
       return itemListLength;
-    });
+    };
+
     _this.state = {
       alertOpen: false,
       open: false,
@@ -772,7 +794,7 @@ function (_React$PureComponent) {
   return HiSelect;
 }(_react.default.PureComponent);
 
-(0, _defineProperty2.default)(HiSelect, "defaultProps", {
+HiSelect.defaultProps = {
   align: 'left',
   autoFocus: false,
   disabled: false,
@@ -798,7 +820,7 @@ function (_React$PureComponent) {
   type: 'text',
   filterFunc: filterValue,
   maxOptionsDisplayed: 12
-});
+};
 
 var _default = (0, _styles.withStyles)(styles, {
   hiComponent: true,

package/HiSelect/HiSelectContent.js

@@ -23,8 +23,6 @@ var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/hel
 
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
 
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
-
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 
 var _react = _interopRequireDefault(require("react"));
@@ -106,7 +104,8 @@ function (_React$PureComponent) {
 
     (0, _classCallCheck2.default)(this, HiSelectContent);
     _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(HiSelectContent).call(this, props));
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleKeyDown", function (event) {
+
+    _this.handleKeyDown = function (event) {
       var nextItem;
       var key = (0, _keycode.default)(event);
 
@@ -137,8 +136,9 @@ function (_React$PureComponent) {
       if (nextItem) {
         nextItem.focus();
       }
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleKeyDownSearch", function (event) {
+    };
+
+    _this.handleKeyDownSearch = function (event) {
       var key = (0, _keycode.default)(event);
 
       if (_this.overlay && (key === 'down' || key === 'up')) {
@@ -148,8 +148,9 @@ function (_React$PureComponent) {
 
         _this.handleClose();
       }
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleSelect", function (event, item) {
+    };
+
+    _this.handleSelect = function (event, item) {
       var _this$props = _this.props,
           hasAll = _this$props.hasAll,
           multiple = _this$props.multiple,
@@ -180,11 +181,13 @@ function (_React$PureComponent) {
       } else {
         onChange(event, [].concat((0, _toConsumableArray2.default)(value), [item.id]), item);
       }
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleClose", function () {
+    };
+
+    _this.handleClose = function () {
       if (_this.props.onClose) _this.props.onClose();
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleSuggestions", function (suggestions) {
+    };
+
+    _this.handleSuggestions = function (suggestions) {
       var _this$props2 = _this.props,
           hasAll = _this$props2.hasAll,
           iconAll = _this$props2.iconAll,
@@ -215,13 +218,15 @@ function (_React$PureComponent) {
           })] : []), (0, _toConsumableArray2.default)(suggestions))
         });
       }
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleScroll", function (e) {
+    };
+
+    _this.handleScroll = function (e) {
       if (e.target.scrollHeight - e.target.clientHeight - e.target.scrollTop < 15) {
         _this.props.onScrollReachBottom();
       }
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleSearch", function (e, inputValue) {
+    };
+
+    _this.handleSearch = function (e, inputValue) {
       var searchValue = inputValue && e.target.value ? inputValue : e.target.value;
 
       if (_this.props.onSearch) {
@@ -231,15 +236,17 @@ function (_React$PureComponent) {
           searchValue: searchValue
         });
       }
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleSearchReset", function () {
+    };
+
+    _this.handleSearchReset = function () {
       _this.handleSearch({
         target: {
           value: ''
         }
       }, '');
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "buildSelectProps", function (options) {
+    };
+
+    _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;
@@ -263,14 +270,16 @@ function (_React$PureComponent) {
       return {
         itemList: itemList
       };
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getInputElement", function (el) {
+    };
+
+    _this.getInputElement = function (el) {
       _this.searchField = el;
 
       if (_this.props.inputRef) {
         _this.props.inputRef(_this.searchField);
       }
-    });
+    };
+
     _this.state = {
       open: false,
       focused: false,
@@ -373,7 +382,7 @@ function (_React$PureComponent) {
   return HiSelectContent;
 }(_react.default.PureComponent);
 
-(0, _defineProperty2.default)(HiSelectContent, "defaultProps", {
+HiSelectContent.defaultProps = {
   autoHeight: true,
   height: 400,
   disabled: false,
@@ -394,7 +403,7 @@ function (_React$PureComponent) {
   },
   type: 'text',
   filterFunc: filterValue
-});
+};
 
 var _default = (0, _styles.withStyles)(styles, {
   hiComponent: true,

package/HiSelect/HiSelectInput.js

@@ -7,6 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.styles = void 0;
 
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
+
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
 
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
@@ -19,8 +21,6 @@ var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/hel
 
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
 
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
-
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 
 var _react = _interopRequireDefault(require("react"));
@@ -170,7 +170,8 @@ function (_React$PureComponent) {
 
     (0, _classCallCheck2.default)(this, HiSelectInput);
     _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(HiSelectInput).call(this, props));
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleKeyDown", function (event) {
+
+    _this.handleKeyDown = function (event) {
       var key = (0, _keycode.default)(event);
 
       if (_this.props.onKeyDown) {
@@ -182,8 +183,9 @@ function (_React$PureComponent) {
 
         _this.props.onSubmit(event);
       }
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleKeyDownReset", function (event) {
+    };
+
+    _this.handleKeyDownReset = function (event) {
       var key = (0, _keycode.default)(event);
 
       if (key === 'enter' || key === 'space') {
@@ -192,8 +194,9 @@ function (_React$PureComponent) {
         event.stopPropagation();
         event.preventDefault();
       }
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleClick", function (event) {
+    };
+
+    _this.handleClick = function (event) {
       // Do not open select if press on resetIcon
       if ((!_this.resetIcon || !_this.resetIcon.contains(event.target)) && _this.props.onClick) {
         // Do not open select if press enter on button => submit form
@@ -201,15 +204,17 @@ function (_React$PureComponent) {
           _this.props.onClick(event);
         }
       }
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleReset", function (event) {
+    };
+
+    _this.handleReset = function (event) {
       _this.props.onReset(event);
 
       if (_this.input) {
         _this.input.focus();
       }
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleBlur", function (event) {
+    };
+
+    _this.handleBlur = function (event) {
       if ((!_this.input || !_this.input.contains(event.relatedTarget)) && _this.props.onBlur) {
         _this.props.onBlur(event);
       }
@@ -217,14 +222,16 @@ function (_React$PureComponent) {
          this.input.focus();
       }*/
 
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "ref", function (el) {
+    };
+
+    _this.ref = function (el) {
       _this.input = el;
 
       if (_this.props.refElement) {
         _this.props.refElement(el);
       }
-    });
+    };
+
     _this.handleKeyDown = _this.handleKeyDown.bind((0, _assertThisInitialized2.default)(_this));
     _this.handleClick = _this.handleClick.bind((0, _assertThisInitialized2.default)(_this));
     _this.handleBlur = _this.handleBlur.bind((0, _assertThisInitialized2.default)(_this));
@@ -307,13 +314,13 @@ function (_React$PureComponent) {
   return HiSelectInput;
 }(_react.default.PureComponent);
 
-(0, _defineProperty2.default)(HiSelectInput, "defaultProps", {
+HiSelectInput.defaultProps = {
   disabled: false,
   open: false,
   focused: false,
   noButton: false,
   error: false
-});
+};
 
 var _default = (0, _styles.withStyles)(styles, {
   hiComponent: true,

package/HiSelect/HiSelectMobile.js

@@ -21,12 +21,8 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
 
 var _getPrototypeOf3 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
 
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/assertThisInitialized"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
 
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
-
 var _react = _interopRequireDefault(require("react"));
 
 var _styles = require("@material-ui/core/styles");
@@ -61,7 +57,8 @@ function (_React$Component) {
     }
 
     _this = (0, _possibleConstructorReturn2.default)(this, (_getPrototypeOf2 = (0, _getPrototypeOf3.default)(HiSelectMobile)).call.apply(_getPrototypeOf2, [this].concat(args)));
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "buildOptionList", function (itemList) {
+
+    _this.buildOptionList = function (itemList) {
       var optionList = [];
 
       if (itemList.length) {
@@ -97,8 +94,9 @@ function (_React$Component) {
       }
 
       return optionList;
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "buildChildrenList", function (itemList) {
+    };
+
+    _this.buildChildrenList = function (itemList) {
       var group = itemList.shift();
       return _react.default.createElement("optgroup", {
         key: group.id,
@@ -110,8 +108,9 @@ function (_React$Component) {
           value: item.id
         }, item.label);
       }));
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleChange", function (event) {
+    };
+
+    _this.handleChange = function (event) {
       if (!_this.props.multiple) {
         var itemSelected = event.target[event.target.selectedIndex];
 
@@ -127,7 +126,8 @@ function (_React$Component) {
 
         _this.props.onChange(event, optionsSelected);
       }
-    });
+    };
+
     return _this;
   }
 
@@ -158,9 +158,9 @@ function (_React$Component) {
   return HiSelectMobile;
 }(_react.default.Component);
 
-(0, _defineProperty2.default)(HiSelectMobile, "defaultProps", {
+HiSelectMobile.defaultProps = {
   itemList: []
-});
+};
 
 var _default = (0, _styles.withStyles)(styles)(HiSelectMobile);