@hipay/hipay-material-ui 4.0.1-beta5 → 4.1.0

package/HiSelect/HiSuggestSelectField.js

@@ -1,76 +1,54 @@
 "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 _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
 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; } }
-
-var styles = {
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } // @inheritedComponent HiSuggestSelect
+var styles = exports.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);
+    return _callSuper(this, HiSuggestSelectField, arguments);
   }
-
-  (0, _createClass2.default)(HiSuggestSelectField, [{
+  (0, _inherits2.default)(HiSuggestSelectField, _React$PureComponent);
+  return (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,
@@ -95,9 +73,5 @@ var HiSuggestSelectField = /*#__PURE__*/function (_React$PureComponent) {
       }, others)));
     }
   }]);
-  return HiSuggestSelectField;
 }(_react.default.PureComponent);
-
-var _default = (0, _withStyles.default)(styles)(HiSuggestSelectField);
-
-exports.default = _default;
+var _default = exports.default = (0, _withStyles.default)(styles)(HiSuggestSelectField);

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; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }

package/HiSelectableList/HiSelectableList.js

@@ -1,57 +1,33 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.styles = exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
-
 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 _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
 var _react = _interopRequireDefault(require("react"));
-
 var _Collapse = _interopRequireDefault(require("@mui/material/Collapse"));
-
 var _List = _interopRequireDefault(require("@mui/material/List"));
-
 var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
-
 var _HiSelectableListItem = _interopRequireDefault(require("./HiSelectableListItem"));
-
 var _helpers = require("../utils/helpers");
-
 var _keycode = _interopRequireDefault(require("keycode"));
-
 var _reactLazyload = _interopRequireWildcard(require("react-lazyload"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
-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; }
-
-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) {
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+var styles = exports.styles = function styles(theme) {
   return {
     root: {
       padding: 0,
@@ -69,41 +45,29 @@ var styles = function styles(theme) {
     }
   };
 };
-
-exports.styles = styles;
-
 var findSelectedItemParent = function findSelectedItemParent(arr, id) {
   if (id) {
     var res = arr.find(function (p) {
       var _p$children;
-
       return (_p$children = p.children) === null || _p$children === void 0 ? void 0 : _p$children.map(function (o) {
         return o.id;
       }).includes(id);
     });
     if (res) return res.id;
   }
-
   return null;
 };
+
 /**
  * Construit une liste d'item sélectionnable (avec checkbox)
  * - la navigation au clavier est gérée par l'event KeyDown
  * - le premier focus est géré sur le DidMount
  */
-
-
 var HiSelectableList = /*#__PURE__*/function (_React$PureComponent) {
-  (0, _inherits2.default)(HiSelectableList, _React$PureComponent);
-
-  var _super = _createSuper(HiSelectableList);
-
   function HiSelectableList(props) {
     var _this;
-
     (0, _classCallCheck2.default)(this, HiSelectableList);
-    _this = _super.call(this, props);
-
+    _this = _callSuper(this, HiSelectableList, [props]);
     _this.handleSelect = function (item) {
       return function (event) {
         if (_this.props.collapseParent && item.children) {
@@ -117,14 +81,12 @@ var HiSelectableList = /*#__PURE__*/function (_React$PureComponent) {
         }
       };
     };
-
     _this.handleKeyDown = function (event) {
       if (_this.props.onKeyDown) {
         _this.props.onKeyDown(event);
       } else {
         var nextItem;
         var key = (0, _keycode.default)(event);
-
         if (key === 'down') {
           event.preventDefault();
           nextItem = (0, _helpers.getNextItemSelectable)(document.activeElement, 'down');
@@ -132,37 +94,41 @@ var HiSelectableList = /*#__PURE__*/function (_React$PureComponent) {
           event.preventDefault();
           nextItem = (0, _helpers.getNextItemSelectable)(document.activeElement, 'up');
         }
-
         if (nextItem) {
           nextItem.focus();
         }
       }
     };
-
+    /**
+     * Build list item and children items
+     *
+     * @param item
+     * @param index
+     * @param level
+     * @returns {*}
+     */
     _this.buildRecursiveListItem = function (item, index) {
       var level = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
       var group = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
       var _this$props = _this.props,
-          checkedIcon = _this$props.checkedIcon,
-          disabled = _this$props.disabled,
-          disabledItemIdList = _this$props.disabledItemIdList,
-          hideCheckbox = _this$props.hideCheckbox,
-          hoverIcon = _this$props.hoverIcon,
-          icon = _this$props.icon,
-          lazy = _this$props.lazy,
-          selectedItemIdList = _this$props.selectedItemIdList,
-          sort = _this$props.sort,
-          onKeyDown = _this$props.onKeyDown,
-          onKeyUp = _this$props.onKeyUp,
-          suggestionFocusIndex = _this$props.suggestionFocusIndex,
-          classes = _this$props.classes,
-          noPadding = _this$props.noPadding,
-          others = (0, _objectWithoutProperties2.default)(_this$props, ["checkedIcon", "disabled", "disabledItemIdList", "hideCheckbox", "hoverIcon", "icon", "lazy", "selectedItemIdList", "sort", "onKeyDown", "onKeyUp", "suggestionFocusIndex", "classes", "noPadding"]);
-
+        checkedIcon = _this$props.checkedIcon,
+        disabled = _this$props.disabled,
+        disabledItemIdList = _this$props.disabledItemIdList,
+        hideCheckbox = _this$props.hideCheckbox,
+        hoverIcon = _this$props.hoverIcon,
+        icon = _this$props.icon,
+        lazy = _this$props.lazy,
+        selectedItemIdList = _this$props.selectedItemIdList,
+        sort = _this$props.sort,
+        onKeyDown = _this$props.onKeyDown,
+        onKeyUp = _this$props.onKeyUp,
+        suggestionFocusIndex = _this$props.suggestionFocusIndex,
+        classes = _this$props.classes,
+        noPadding = _this$props.noPadding,
+        others = (0, _objectWithoutProperties2.default)(_this$props, ["checkedIcon", "disabled", "disabledItemIdList", "hideCheckbox", "hoverIcon", "icon", "lazy", "selectedItemIdList", "sort", "onKeyDown", "onKeyUp", "suggestionFocusIndex", "classes", "noPadding"]);
       if (sort && item.children) {
         item.children.sort(_this.compareItem);
       }
-
       var placeholderContent = /*#__PURE__*/_react.default.createElement("div", {
         style: {
           width: '90%',
@@ -179,13 +145,11 @@ var HiSelectableList = /*#__PURE__*/function (_React$PureComponent) {
           borderRadius: 4
         }
       }));
-
       var handleKeyDown = function handleKeyDown() {
         if (onKeyDown) {
           onKeyDown();
         }
       };
-
       var itemComponent = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
         key: item.id
       }, /*#__PURE__*/_react.default.createElement(_HiSelectableListItem.default, (0, _extends2.default)({}, others, {
@@ -198,7 +162,8 @@ var HiSelectableList = /*#__PURE__*/function (_React$PureComponent) {
         onSelect: item.selectable !== false ? _this.handleSelect(item) : undefined,
         onKeyDown: item.selectable !== false ? handleKeyDown : undefined,
         onKeyUp: onKeyUp,
-        selected: selectedItemIdList.includes(item.id) // item props override upper props (disabled, hideCheckbox, icon, level...)
+        selected: selectedItemIdList.includes(item.id)
+        // item props override upper props (disabled, hideCheckbox, icon, level...)
         ,
         item: item,
         classes: {
@@ -221,7 +186,6 @@ var HiSelectableList = /*#__PURE__*/function (_React$PureComponent) {
       }).map(function (subItem) {
         return _this.buildRecursiveListItem(subItem, index, level + 1);
       })));
-
       if (lazy) {
         return /*#__PURE__*/_react.default.createElement(_reactLazyload.default, {
           key: item.id,
@@ -232,34 +196,25 @@ var HiSelectableList = /*#__PURE__*/function (_React$PureComponent) {
           placeholder: placeholderContent
         }, itemComponent);
       }
-
       return itemComponent;
     };
-
     _this.compareItem = function (a, b) {
       if (_this.props.comparItemFunc) {
         return _this.props.comparItemFunc(a, b);
       }
-
       if (a.label === undefined || b.label === undefined) {
         return 0;
       }
-
       var sortAppendList = _this.props.sortAppendList;
-
       if (sortAppendList.indexOf(a.id) < sortAppendList.indexOf(b.id)) {
         return 1;
       }
-
       if (sortAppendList.indexOf(a.id) > sortAppendList.indexOf(b.id)) {
         return -1;
       }
-
       return (0, _helpers.foldAccents)(a.label.toString().toLowerCase()) > (0, _helpers.foldAccents)(b.label.toString().toLowerCase()) ? 1 : -1;
     };
-
     var openedParent;
-
     if (props.collapseParent) {
       if (props.selectedItemIdList[0]) {
         openedParent = findSelectedItemParent(props.itemList, props.selectedItemIdList[0]);
@@ -267,18 +222,16 @@ var HiSelectableList = /*#__PURE__*/function (_React$PureComponent) {
         openedParent = props.itemList[0].id;
       }
     }
-
     _this.state = {
       openedParent: openedParent
     };
     return _this;
   }
-
-  (0, _createClass2.default)(HiSelectableList, [{
+  (0, _inherits2.default)(HiSelectableList, _React$PureComponent);
+  return (0, _createClass2.default)(HiSelectableList, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       var _this2 = this;
-
       // Focus on last item selected
       if (this.props.overlay && this.props.overlay.getElementsByTagName('li')[0]) {
         if (Array.isArray(this.props.value) && this.props.value.length > 0 || !Array.isArray(this.props.value) && this.props.value) {
@@ -289,15 +242,12 @@ var HiSelectableList = /*#__PURE__*/function (_React$PureComponent) {
             if (option.id === lastSelectedValue) {
               item = _this2.props.overlay.getElementsByTagName('li')[index];
             }
-
             index++;
-
             if (option.children && option.children.length) {
               option.children.forEach(function (option) {
                 if (option.id === lastSelectedValue) {
                   item = _this2.props.overlay.getElementsByTagName('li')[index];
                 }
-
                 index++;
               });
             }
@@ -317,16 +267,13 @@ var HiSelectableList = /*#__PURE__*/function (_React$PureComponent) {
     key: "render",
     value: function render() {
       var _this3 = this;
-
       var _this$props2 = this.props,
-          classes = _this$props2.classes,
-          itemList = _this$props2.itemList,
-          sort = _this$props2.sort;
-
+        classes = _this$props2.classes,
+        itemList = _this$props2.itemList,
+        sort = _this$props2.sort;
       if (sort) {
         itemList.sort(this.compareItem);
       }
-
       return /*#__PURE__*/_react.default.createElement(_List.default, {
         className: classes.root,
         onKeyDown: this.handleKeyDown,
@@ -341,9 +288,7 @@ var HiSelectableList = /*#__PURE__*/function (_React$PureComponent) {
       }));
     }
   }]);
-  return HiSelectableList;
 }(_react.default.PureComponent);
-
 HiSelectableList.defaultProps = {
   allSelected: false,
   disabled: false,
@@ -355,11 +300,8 @@ HiSelectableList.defaultProps = {
   sortAppendList: ['_all'],
   collapseParent: false
 };
-
-var _default = (0, _withStyles.default)(styles, {
+var _default = exports.default = (0, _withStyles.default)(styles, {
   hiComponent: true,
   name: 'HmuiHiSelectableList',
   index: 51
-})(HiSelectableList);
-
-exports.default = _default;
+})(HiSelectableList);