@hipay/hipay-material-ui 3.15.1 → 3.15.3-beta.0

package/HiSelect/HiSelectMobile.js

@@ -1,36 +1,22 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.styles = exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
-
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
-
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/possibleConstructorReturn"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
 var styles = function styles(theme) {
   return {
     root: {
@@ -41,28 +27,19 @@ var styles = function styles(theme) {
     }
   };
 };
-
 exports.styles = styles;
-
 var HiSelectMobile = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2.default)(HiSelectMobile, _React$Component);
-
   var _super = _createSuper(HiSelectMobile);
-
   function HiSelectMobile() {
     var _this;
-
     (0, _classCallCheck2.default)(this, HiSelectMobile);
-
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
     _this = _super.call.apply(_super, [this].concat(args));
-
     _this.buildOptionList = function (itemList) {
       var optionList = [];
-
       if (itemList.length) {
         var parentId;
         var groupList = [];
@@ -73,7 +50,6 @@ var HiSelectMobile = /*#__PURE__*/function (_React$Component) {
                 optionList.push(_this.buildChildrenList(groupList));
                 groupList = [];
               }
-
               parentId = item.id;
               groupList.push(item);
             } else if (parentId) {
@@ -89,15 +65,12 @@ var HiSelectMobile = /*#__PURE__*/function (_React$Component) {
             }
           }
         });
-
         if (groupList.length) {
           optionList.push(_this.buildChildrenList(groupList));
         }
       }
-
       return optionList;
     };
-
     _this.buildChildrenList = function (itemList) {
       var group = itemList.shift();
       return /*#__PURE__*/_react.default.createElement("optgroup", {
@@ -111,11 +84,9 @@ var HiSelectMobile = /*#__PURE__*/function (_React$Component) {
         }, item.label);
       }));
     };
-
     _this.handleChange = function (event) {
       if (!_this.props.multiple) {
         var itemSelected = event.target[event.target.selectedIndex];
-
         _this.props.onChange(event, JSON.parse(itemSelected.getAttribute('data-item')));
       } else {
         // Multiple on mobile trigger on change with all selected items
@@ -125,23 +96,20 @@ var HiSelectMobile = /*#__PURE__*/function (_React$Component) {
             optionsSelected.push(JSON.parse(option.getAttribute('data-item')));
           }
         });
-
         _this.props.onChange(event, optionsSelected);
       }
     };
-
     return _this;
   }
-
   (0, _createClass2.default)(HiSelectMobile, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          classes = _this$props.classes,
-          id = _this$props.id,
-          itemList = _this$props.itemList,
-          multiple = _this$props.multiple,
-          value = _this$props.value;
+        classes = _this$props.classes,
+        id = _this$props.id,
+        itemList = _this$props.itemList,
+        multiple = _this$props.multiple,
+        value = _this$props.value;
       var additionalProps = (0, _objectSpread2.default)({}, multiple && {
         multiple: 'multiple'
       });
@@ -159,11 +127,8 @@ var HiSelectMobile = /*#__PURE__*/function (_React$Component) {
   }]);
   return HiSelectMobile;
 }(_react.default.Component);
-
 HiSelectMobile.defaultProps = {
   itemList: []
 };
-
 var _default = (0, _withStyles.default)(styles)(HiSelectMobile);
-
 exports.default = _default;

package/HiSelect/HiSuggestSelect.js

@@ -1,54 +1,31 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.styles = exports.default = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
-
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
-
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/possibleConstructorReturn"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _Grow = _interopRequireDefault(require("@mui/material/Grow"));
-
 var _Paper = _interopRequireDefault(require("@mui/material/Paper"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _HiSelectableList = _interopRequireDefault(require("../HiSelectableList"));
-
 var _HiInput = _interopRequireDefault(require("../HiForm/HiInput"));
-
 var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
-
 var _Popper = _interopRequireDefault(require("@mui/material/Popper"));
-
 var _helpers = require("../utils/helpers");
-
 var _keycode = _interopRequireDefault(require("keycode"));
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } } // @inheritedComponent HiInput
 var styles = function styles(theme) {
   return {
     root: {
@@ -73,35 +50,24 @@ var styles = function styles(theme) {
     }
   };
 };
-
 exports.styles = styles;
-
 var HiSuggestSelect = /*#__PURE__*/function (_React$PureComponent) {
   (0, _inherits2.default)(HiSuggestSelect, _React$PureComponent);
-
   var _super = _createSuper(HiSuggestSelect);
-
   function HiSuggestSelect(props) {
     var _this;
-
     (0, _classCallCheck2.default)(this, HiSuggestSelect);
     _this = _super.call(this, props);
-
     _this.getInputElement = function (el) {
       _this.textInput = el;
-
       if (_this.props.inputRef) {
         _this.props.inputRef(_this.textInput);
       }
     };
-
     _this.handleSelect = function (event, value) {
       document.body.style.overflow = 'auto';
-
       _this.props.onSelect(event, value);
-
       var textInput = _this.textInput;
-
       if (textInput) {
         setTimeout(function () {
           textInput.focus();
@@ -109,11 +75,10 @@ var HiSuggestSelect = /*#__PURE__*/function (_React$PureComponent) {
         }, 1);
       }
     };
-
+    // Key down on list items
     _this.handleKeyDown = function (event) {
       var nextItem;
       var key = (0, _keycode.default)(event);
-
       if (key === 'down') {
         event.preventDefault();
         nextItem = (0, _helpers.getNextItemSelectable)(document.activeElement, 'down');
@@ -122,37 +87,31 @@ var HiSuggestSelect = /*#__PURE__*/function (_React$PureComponent) {
         nextItem = (0, _helpers.getNextItemSelectable)(document.activeElement, 'up');
       } else if (key === 'tab') {
         document.body.style.overflow = 'auto';
-
         if ((0, _helpers.getNextItemSelectable)(document.activeElement, 'down') === null) {
           _this.setState({
             options: [],
             focused: false,
             suggestionFocusIndex: -1
           });
-
           if (_this.props.onBlurInput) {
             _this.props.onBlurInput(event);
           }
         }
       } else if (key === 'escape' || 'enter') {
         event.preventDefault();
-
         var item = _this.props.options.find(function (elem) {
           return String(elem.id) === event.target.id;
         });
-
         _this.handleSelect(null, item);
       }
-
       if (nextItem) {
         nextItem.focus();
       }
     };
-
+    // Key down on search input
     _this.handleKeyDownSearch = function (event) {
       if (event.key === 'ArrowDown') {
         event.preventDefault();
-
         if (_this.state.suggestionFocusIndex < _this.props.options.length - 1) {
           _this.setState(function (prevState) {
             return {
@@ -162,7 +121,6 @@ var HiSuggestSelect = /*#__PURE__*/function (_React$PureComponent) {
         }
       } else if (event.key === 'ArrowUp') {
         event.preventDefault();
-
         if (_this.state.suggestionFocusIndex >= 0) {
           _this.setState(function (prevState) {
             return {
@@ -171,8 +129,8 @@ var HiSuggestSelect = /*#__PURE__*/function (_React$PureComponent) {
           });
         }
       } else if (event.key === 'Enter' && _this.state.suggestionFocusIndex >= 0) {
-        event.preventDefault(); // Suggestion focused
-
+        event.preventDefault();
+        // Suggestion focused
         _this.handleSelect(event, _this.state.options[_this.state.suggestionFocusIndex]);
       } else if (event.key === 'Escape') {
         _this.setState({
@@ -181,17 +139,14 @@ var HiSuggestSelect = /*#__PURE__*/function (_React$PureComponent) {
         });
       }
     };
-
     _this.handleFocus = function (event) {
       _this.setState({
         focused: true
       });
-
       if (_this.props.onFocusInput) {
         _this.props.onFocusInput(event);
       }
     };
-
     _this.handleBlur = function (event) {
       // Si on click sur un élément de HiInput, on garde le focus
       // Par exemple sur l'icone reset
@@ -201,7 +156,6 @@ var HiSuggestSelect = /*#__PURE__*/function (_React$PureComponent) {
           focused: false,
           suggestionFocusIndex: -1
         });
-
         if (_this.props.onBlurInput) {
           _this.props.onBlurInput(event);
         }
@@ -210,13 +164,11 @@ var HiSuggestSelect = /*#__PURE__*/function (_React$PureComponent) {
           options: [],
           suggestionFocusIndex: -1
         });
-
         if (_this.textInput) {
           _this.textInput.focus();
         }
       }
     };
-
     _this.state = {
       focused: false,
       options: props.options,
@@ -224,31 +176,30 @@ var HiSuggestSelect = /*#__PURE__*/function (_React$PureComponent) {
     };
     return _this;
   }
-
   (0, _createClass2.default)(HiSuggestSelect, [{
     key: "render",
     value: function render() {
       var _this2 = this;
-
       var _this$props = this.props,
-          classes = _this$props.classes,
-          id = _this$props.id,
-          loading = _this$props.loading,
-          showMinLength = _this$props.showMinLength,
-          showNoResults = _this$props.showNoResults,
-          onSearch = _this$props.onSearch,
-          translations = _this$props.translations,
-          align = _this$props.align,
-          inputClasses = _this$props.inputClasses,
-          _this$props$HiInputPr = _this$props.HiInputProps,
-          HiInputProps = _this$props$HiInputPr === void 0 ? {} : _this$props$HiInputPr,
-          otherProps = (0, _objectWithoutProperties2.default)(_this$props, ["classes", "id", "loading", "showMinLength", "showNoResults", "onSearch", "translations", "align", "inputClasses", "HiInputProps"]);
+        classes = _this$props.classes,
+        id = _this$props.id,
+        loading = _this$props.loading,
+        showMinLength = _this$props.showMinLength,
+        showNoResults = _this$props.showNoResults,
+        onSearch = _this$props.onSearch,
+        translations = _this$props.translations,
+        align = _this$props.align,
+        inputClasses = _this$props.inputClasses,
+        _this$props$HiInputPr = _this$props.HiInputProps,
+        HiInputProps = _this$props$HiInputPr === void 0 ? {} : _this$props$HiInputPr,
+        otherProps = (0, _objectWithoutProperties2.default)(_this$props, ["classes", "id", "loading", "showMinLength", "showNoResults", "onSearch", "translations", "align", "inputClasses", "HiInputProps"]);
       var _this$state = this.state,
-          focused = _this$state.focused,
-          options = _this$state.options,
-          suggestionFocusIndex = _this$state.suggestionFocusIndex;
-      var optionsShown = options; // If loading
+        focused = _this$state.focused,
+        options = _this$state.options,
+        suggestionFocusIndex = _this$state.suggestionFocusIndex;
+      var optionsShown = options;
 
+      // If loading
       if (loading) {
         optionsShown = [{
           id: '_loading',
@@ -270,7 +221,6 @@ var HiSuggestSelect = /*#__PURE__*/function (_React$PureComponent) {
           selectable: false
         }];
       }
-
       var open = !!optionsShown.length && focused;
       return /*#__PURE__*/_react.default.createElement("div", {
         className: classes.root,
@@ -320,13 +270,11 @@ var HiSuggestSelect = /*#__PURE__*/function (_React$PureComponent) {
           suggestionFocusIndex: -1
         };
       }
-
       return null;
     }
   }]);
   return HiSuggestSelect;
 }(_react.default.PureComponent);
-
 HiSuggestSelect.defaultProps = {
   align: 'left',
   showMinLength: false,
@@ -337,10 +285,8 @@ HiSuggestSelect.defaultProps = {
   },
   options: []
 };
-
 var _default = (0, _withStyles.default)(styles, {
   hiComponent: true,
   name: 'HmuiHiSuggestSelect'
 })(HiSuggestSelect);
-
 exports.default = _default;

package/HiSelect/HiSuggestSelectField.js

@@ -1,76 +1,56 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.styles = exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
-
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/possibleConstructorReturn"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _HiFormControl = _interopRequireDefault(require("../HiForm/HiFormControl"));
-
 var _HiSuggestSelect = _interopRequireDefault(require("./HiSuggestSelect"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } } // @inheritedComponent HiSuggestSelect
 var styles = {
   root: {
     maxWidth: 500
   }
 };
+
 /**
  * Champs input autosuggest pour formulaire avec label
  */
-
 exports.styles = styles;
-
 var HiSuggestSelectField = /*#__PURE__*/function (_React$PureComponent) {
   (0, _inherits2.default)(HiSuggestSelectField, _React$PureComponent);
-
   var _super = _createSuper(HiSuggestSelectField);
-
   function HiSuggestSelectField() {
     (0, _classCallCheck2.default)(this, HiSuggestSelectField);
     return _super.apply(this, arguments);
   }
-
   (0, _createClass2.default)(HiSuggestSelectField, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          label = _this$props.label,
-          required = _this$props.required,
-          disabled = _this$props.disabled,
-          error = _this$props.error,
-          errorText = _this$props.errorText,
-          helperText = _this$props.helperText,
-          helperIcon = _this$props.helperIcon,
-          id = _this$props.id,
-          className = _this$props.className,
-          classes = _this$props.classes,
-          others = (0, _objectWithoutProperties2.default)(_this$props, ["label", "required", "disabled", "error", "errorText", "helperText", "helperIcon", "id", "className", "classes"]);
+        label = _this$props.label,
+        required = _this$props.required,
+        disabled = _this$props.disabled,
+        error = _this$props.error,
+        errorText = _this$props.errorText,
+        helperText = _this$props.helperText,
+        helperIcon = _this$props.helperIcon,
+        id = _this$props.id,
+        className = _this$props.className,
+        classes = _this$props.classes,
+        others = (0, _objectWithoutProperties2.default)(_this$props, ["label", "required", "disabled", "error", "errorText", "helperText", "helperIcon", "id", "className", "classes"]);
       return /*#__PURE__*/_react.default.createElement(_HiFormControl.default, {
         id: id,
         label: label,
@@ -97,7 +77,5 @@ var HiSuggestSelectField = /*#__PURE__*/function (_React$PureComponent) {
   }]);
   return HiSuggestSelectField;
 }(_react.default.PureComponent);
-
 var _default = (0, _withStyles.default)(styles)(HiSuggestSelectField);
-
 exports.default = _default;

package/HiSelect/index.js

@@ -1,9 +1,7 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -67,23 +65,13 @@ Object.defineProperty(exports, "getRecursiveFinalItemIdList", {
     return _HiNestedSelectContent.getRecursiveFinalItemIdList;
   }
 });
-
 var _HiSelect = _interopRequireDefault(require("./HiSelect"));
-
 var _HiNestedSelect = _interopRequireDefault(require("./HiNestedSelect"));
-
 var _HiSelectField = _interopRequireDefault(require("./HiSelectField"));
-
 var _HiSelectInput = _interopRequireDefault(require("./HiSelectInput"));
-
 var _HiSelectContent = _interopRequireDefault(require("./HiSelectContent"));
-
 var _HiNestedSelectContent = _interopRequireWildcard(require("./HiNestedSelectContent"));
-
 var _HiSuggestSelect = _interopRequireDefault(require("./HiSuggestSelect"));
-
 var _HiSuggestSelectField = _interopRequireDefault(require("./HiSuggestSelectField"));
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }