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

package/es/HiSelectableList/HiSelectableList.js

@@ -1,56 +1,32 @@
 "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 _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) {
   return {
     root: {
@@ -69,41 +45,32 @@ 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.handleSelect = function (item) {
       return function (event) {
         if (_this.props.collapseParent && item.children) {
@@ -117,14 +84,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 +97,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 +148,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 +165,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 +189,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 +199,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 +225,15 @@ var HiSelectableList = /*#__PURE__*/function (_React$PureComponent) {
         openedParent = props.itemList[0].id;
       }
     }
-
     _this.state = {
       openedParent: openedParent
     };
     return _this;
   }
-
   (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 +244,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 +269,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,
@@ -343,7 +292,6 @@ var HiSelectableList = /*#__PURE__*/function (_React$PureComponent) {
   }]);
   return HiSelectableList;
 }(_react.default.PureComponent);
-
 HiSelectableList.defaultProps = {
   allSelected: false,
   disabled: false,
@@ -355,11 +303,9 @@ HiSelectableList.defaultProps = {
   sortAppendList: ['_all'],
   collapseParent: false
 };
-
 var _default = (0, _withStyles.default)(styles, {
   hiComponent: true,
   name: 'HmuiHiSelectableList',
   index: 51
 })(HiSelectableList);
-
 exports.default = _default;

package/es/HiSelectableList/HiSelectableListHierarchic.js

@@ -1,83 +1,66 @@
 "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 _List = _interopRequireDefault(require("@mui/material/List"));
-
 var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
-
 var _HiSelectableListItem = _interopRequireDefault(require("./HiSelectableListItem"));
-
 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() {
   return {
     root: {}
   };
 };
+
 /**
  * Construit une liste d'item sélectionnable (avec checkbox)
  */
-
-
 exports.styles = styles;
-
 var HiSelectableListHierarchic = /*#__PURE__*/function (_React$PureComponent) {
   (0, _inherits2.default)(HiSelectableListHierarchic, _React$PureComponent);
-
   var _super = _createSuper(HiSelectableListHierarchic);
-
   function HiSelectableListHierarchic() {
     var _this;
-
     (0, _classCallCheck2.default)(this, HiSelectableListHierarchic);
-
     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.handleSelect = function (item) {
       return function (event) {
         _this.props.onSelect(event, item);
       };
     };
-
+    /**
+     * Build list item and children items
+     *
+     * @param item
+     * @param level
+     * @returns {*}
+     */
     _this.buildRecursiveListItem = function (item) {
       var level = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
       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,
-          selectedItemIdList = _this$props.selectedItemIdList,
-          others = (0, _objectWithoutProperties2.default)(_this$props, ["checkedIcon", "disabled", "disabledItemIdList", "hideCheckbox", "hoverIcon", "icon", "selectedItemIdList"]);
+        checkedIcon = _this$props.checkedIcon,
+        disabled = _this$props.disabled,
+        disabledItemIdList = _this$props.disabledItemIdList,
+        hideCheckbox = _this$props.hideCheckbox,
+        hoverIcon = _this$props.hoverIcon,
+        icon = _this$props.icon,
+        selectedItemIdList = _this$props.selectedItemIdList,
+        others = (0, _objectWithoutProperties2.default)(_this$props, ["checkedIcon", "disabled", "disabledItemIdList", "hideCheckbox", "hoverIcon", "icon", "selectedItemIdList"]);
       return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_HiSelectableListItem.default, (0, _extends2.default)({}, others, {
         checkedIcon: checkedIcon,
         disabled: disabled || disabledItemIdList.includes(item.id),
@@ -87,35 +70,32 @@ var HiSelectableListHierarchic = /*#__PURE__*/function (_React$PureComponent) {
         key: item.id,
         level: level,
         onSelect: _this.handleSelect(item),
-        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.children && item.children.length > 0 && item.children.filter(function (subItem) {
         return !subItem.displayed;
       }).map(function (subItem) {
         return _this.buildRecursiveListItem(subItem, level + 1);
       }));
     };
-
     return _this;
   }
-
   (0, _createClass2.default)(HiSelectableListHierarchic, [{
     key: "render",
     value: function render() {
       var _this2 = this;
-
       var _this$props2 = this.props,
-          classes = _this$props2.classes,
-          itemList = _this$props2.itemList,
-          onKeyDown = _this$props2.onKeyDown,
-          checkedIcon = _this$props2.checkedIcon,
-          disabled = _this$props2.disabled,
-          disabledItemIdList = _this$props2.disabledItemIdList,
-          hideCheckbox = _this$props2.hideCheckbox,
-          hoverIcon = _this$props2.hoverIcon,
-          icon = _this$props2.icon,
-          selectedItemIdList = _this$props2.selectedItemIdList,
-          others = (0, _objectWithoutProperties2.default)(_this$props2, ["classes", "itemList", "onKeyDown", "checkedIcon", "disabled", "disabledItemIdList", "hideCheckbox", "hoverIcon", "icon", "selectedItemIdList"]);
+        classes = _this$props2.classes,
+        itemList = _this$props2.itemList,
+        onKeyDown = _this$props2.onKeyDown,
+        checkedIcon = _this$props2.checkedIcon,
+        disabled = _this$props2.disabled,
+        disabledItemIdList = _this$props2.disabledItemIdList,
+        hideCheckbox = _this$props2.hideCheckbox,
+        hoverIcon = _this$props2.hoverIcon,
+        icon = _this$props2.icon,
+        selectedItemIdList = _this$props2.selectedItemIdList,
+        others = (0, _objectWithoutProperties2.default)(_this$props2, ["classes", "itemList", "onKeyDown", "checkedIcon", "disabled", "disabledItemIdList", "hideCheckbox", "hoverIcon", "icon", "selectedItemIdList"]);
       var parents = [];
       return /*#__PURE__*/_react.default.createElement(_List.default, {
         className: classes.root,
@@ -139,7 +119,6 @@ var HiSelectableListHierarchic = /*#__PURE__*/function (_React$PureComponent) {
           // n'est pas vide => on le réinitialise
           parents = [];
         }
-
         return /*#__PURE__*/_react.default.createElement(_HiSelectableListItem.default, (0, _extends2.default)({}, others, {
           checkedIcon: checkedIcon,
           disabled: disabled || disabledItemIdList.includes(item.id),
@@ -149,15 +128,14 @@ var HiSelectableListHierarchic = /*#__PURE__*/function (_React$PureComponent) {
           key: item.id,
           level: parents.length,
           onSelect: _this2.handleSelect(item),
-          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));
       }));
     }
   }]);
   return HiSelectableListHierarchic;
 }(_react.default.PureComponent);
-
 HiSelectableListHierarchic.defaultProps = {
   allSelected: false,
   disabled: false,
@@ -165,10 +143,8 @@ HiSelectableListHierarchic.defaultProps = {
   hideCheckbox: false,
   selectedItemIdList: []
 };
-
 var _default = (0, _withStyles.default)(styles, {
   hiComponent: true,
   name: 'HmuiHiSelectableListHierarchic'
 })(HiSelectableListHierarchic);
-
 exports.default = _default;