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

package/es/HiSelectableList/HiSelectableListHierarchic.js

@@ -1,39 +1,84 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import React from 'react';
-import PropTypes from 'prop-types';
-import List from '@material-ui/core/List';
-import { withStyles } from '@material-ui/core/styles';
-import HiSelectableListItem from './HiSelectableListItem';
-export const styles = () => ({
-  root: {}
+"use strict";
+
+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 _extends2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/objectWithoutProperties"));
+
+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("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/createClass"));
+
+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 _getPrototypeOf3 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/getPrototypeOf"));
+
+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 _inherits2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/inherits"));
+
+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 _react = _interopRequireDefault(require("react"));
+
+var _List = _interopRequireDefault(require("@material-ui/core/List"));
+
+var _styles = require("@material-ui/core/styles");
+
+var _HiSelectableListItem = _interopRequireDefault(require("./HiSelectableListItem"));
+
+var styles = function styles() {
+  return {
+    root: {}
+  };
+};
 /**
  * Construit une liste d'item sélectionnable (avec checkbox)
  */
 
-class HiSelectableListHierarchic extends React.PureComponent {
-  constructor(...args) {
-    super(...args);
-
-    this.handleSelect = item => event => {
-      this.props.onSelect(event, item);
-    };
-
-    this.buildRecursiveListItem = (item, level = 0) => {
-      const _this$props = this.props,
-            {
-        checkedIcon,
-        disabled,
-        disabledItemIdList,
-        hideCheckbox,
-        hoverIcon,
-        icon,
-        selectedItemIdList
-      } = _this$props,
-            others = _objectWithoutProperties(_this$props, ["checkedIcon", "disabled", "disabledItemIdList", "hideCheckbox", "hoverIcon", "icon", "selectedItemIdList"]);
-
-      return React.createElement(React.Fragment, null, React.createElement(HiSelectableListItem, _extends({}, others, {
+
+exports.styles = styles;
+
+var HiSelectableListHierarchic =
+/*#__PURE__*/
+function (_React$PureComponent) {
+  (0, _inherits2.default)(HiSelectableListHierarchic, _React$PureComponent);
+
+  function HiSelectableListHierarchic() {
+    var _getPrototypeOf2;
+
+    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 = (0, _possibleConstructorReturn2.default)(this, (_getPrototypeOf2 = (0, _getPrototypeOf3.default)(HiSelectableListHierarchic)).call.apply(_getPrototypeOf2, [this].concat(args)));
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleSelect", function (item) {
+      return function (event) {
+        _this.props.onSelect(event, item);
+      };
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_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"]);
+      return _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_HiSelectableListItem.default, (0, _extends2.default)({}, others, {
         checkedIcon: checkedIcon,
         disabled: disabled || disabledItemIdList.includes(item.id),
         hideCheckbox: hideCheckbox,
@@ -41,135 +86,88 @@ class HiSelectableListHierarchic extends React.PureComponent {
         icon: icon,
         key: item.id,
         level: level,
-        onSelect: this.handleSelect(item),
+        onSelect: _this.handleSelect(item),
         selected: selectedItemIdList.includes(item.id) // item props override upper props (disabled, hideCheckbox, icon, level...)
 
-      }, item)), item.children && item.children.length > 0 && item.children.filter(subItem => !subItem.displayed).map(subItem => this.buildRecursiveListItem(subItem, level + 1)));
-    };
+      }, 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;
   }
 
-  render() {
-    const _this$props2 = this.props,
-          {
-      classes,
-      itemList,
-      onKeyDown,
-      checkedIcon,
-      disabled,
-      disabledItemIdList,
-      hideCheckbox,
-      hoverIcon,
-      icon,
-      selectedItemIdList
-    } = _this$props2,
-          others = _objectWithoutProperties(_this$props2, ["classes", "itemList", "onKeyDown", "checkedIcon", "disabled", "disabledItemIdList", "hideCheckbox", "hoverIcon", "icon", "selectedItemIdList"]);
-
-    let parents = [];
-    return React.createElement(List, {
-      className: classes.root,
-      onKeyDown: onKeyDown
-    }, itemList.filter(item => !item.displayed).map(item => {
-      // On stocke l'id des parents dans un tableau
-      if (item.parentId && !parents.includes(item.parentId)) {
-        parents.push(item.parentId);
-      } else if (item.parentId && parents.includes(item.parentId)) {
-        // Si l'item n'a pas de parentId ou qu'on l'a déjà stocké :
-        // Et si le parentId n'est pas le dernier inseré
-        if (item.parentId !== parents[parents.length - 1]) {
-          // On est donc redescendu d'un niveau
-          // donc on supprime le dernier parent
-          parents.pop();
+  (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"]);
+      var parents = [];
+      return _react.default.createElement(_List.default, {
+        className: classes.root,
+        onKeyDown: onKeyDown
+      }, itemList.filter(function (item) {
+        return !item.displayed;
+      }).map(function (item) {
+        // On stocke l'id des parents dans un tableau
+        if (item.parentId && !parents.includes(item.parentId)) {
+          parents.push(item.parentId);
+        } else if (item.parentId && parents.includes(item.parentId)) {
+          // Si l'item n'a pas de parentId ou qu'on l'a déjà stocké :
+          // Et si le parentId n'est pas le dernier inseré
+          if (item.parentId !== parents[parents.length - 1]) {
+            // On est donc redescendu d'un niveau
+            // donc on supprime le dernier parent
+            parents.pop();
+          }
+        } else if (!item.parentId && parents.length > 0) {
+          // Si l'item n'a pas de parent et que le tableau des parent
+          // n'est pas vide => on le réinitialise
+          parents = [];
         }
-      } else if (!item.parentId && parents.length > 0) {
-        // Si l'item n'a pas de parent et que le tableau des parent
-        // n'est pas vide => on le réinitialise
-        parents = [];
-      }
-
-      return React.createElement(HiSelectableListItem, _extends({}, others, {
-        checkedIcon: checkedIcon,
-        disabled: disabled || disabledItemIdList.includes(item.id),
-        hideCheckbox: hideCheckbox,
-        hoverIcon: hoverIcon,
-        icon: icon,
-        key: item.id,
-        level: parents.length,
-        onSelect: this.handleSelect(item),
-        selected: selectedItemIdList.includes(item.id) // item props override upper props (disabled, hideCheckbox, icon, level...)
-
-      }, item));
-    }));
-  }
-
-}
 
-HiSelectableListHierarchic.defaultProps = {
+        return _react.default.createElement(_HiSelectableListItem.default, (0, _extends2.default)({}, others, {
+          checkedIcon: checkedIcon,
+          disabled: disabled || disabledItemIdList.includes(item.id),
+          hideCheckbox: hideCheckbox,
+          hoverIcon: hoverIcon,
+          icon: icon,
+          key: item.id,
+          level: parents.length,
+          onSelect: _this2.handleSelect(item),
+          selected: selectedItemIdList.includes(item.id) // item props override upper props (disabled, hideCheckbox, icon, level...)
+
+        }, item));
+      }));
+    }
+  }]);
+  return HiSelectableListHierarchic;
+}(_react.default.PureComponent);
+
+(0, _defineProperty2.default)(HiSelectableListHierarchic, "defaultProps", {
   allSelected: false,
   disabled: false,
   disabledItemIdList: [],
   hideCheckbox: false,
   selectedItemIdList: []
-};
-HiSelectableListHierarchic.propTypes = process.env.NODE_ENV !== "production" ? {
-  /**
-   * Définit si tous les items de la liste sont sélectionnés
-   */
-  allSelected: PropTypes.bool,
-
-  /**
-   * Icon affiché lorsque l'item est sélectionné
-   */
-  checkedIcon: PropTypes.node,
-
-  /**
-   * Useful to extend the style applied to components.
-   */
-  classes: PropTypes.object,
-
-  /**
-   * Désactive la listes
-   */
-  disabled: PropTypes.bool,
-
-  /**
-   * Liste des ids des items disabled
-   */
-  disabledItemIdList: PropTypes.array,
-
-  /**
-   * N'affiche pas de checkboxes
-   */
-  hideCheckbox: PropTypes.bool,
-
-  /**
-   * Icon affiché lorsque l'item n'est pas sélectionné et qu'on le survole
-   */
-  hoverIcon: PropTypes.node,
-
-  /**
-   * Icon affiché lorsque l'item n'est pas sélectionné
-   */
-  icon: PropTypes.node,
-
-  /**
-   * Liste d'éléments ([ { id: '', label: '', ... } ])
-   */
-  itemList: PropTypes.array.isRequired,
-
-  /**
-   * Fonction de callback à la sélection d'un item, renvoie l'item sélectionné
-   *
-   * @param {object} event The event source of the callback
-   * @param {object} item selected/unselected
-   */
-  onSelect: PropTypes.func.isRequired,
-
-  /**
-   * Liste des id des éléments sélectionnés
-   */
-  selectedItemIdList: PropTypes.array
-} : {};
-export default withStyles(styles, {
+});
+
+var _default = (0, _styles.withStyles)(styles, {
   hiComponent: true,
   name: 'HmuiHiSelectableListHierarchic'
-})(HiSelectableListHierarchic);
+})(HiSelectableListHierarchic);
+
+exports.default = _default;