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

package/es/HiSelect/HiNestedSelectContent.js

@@ -1,26 +1,59 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _objectSpread from "@babel/runtime/helpers/objectSpread";
+"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.getRecursiveFinalItemIdList = getRecursiveFinalItemIdList;
+exports.findFinalItemRecursively = findFinalItemRecursively;
+exports.default = exports.filterValue = 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 _objectSpread2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/objectSpread2"));
+
+var _toConsumableArray2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/toConsumableArray"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _HiSelectContent = _interopRequireDefault(require("./HiSelectContent"));
+
+var _helpers = require("../utils/helpers");
+
 // @inheritedComponent HiSelectContent
-import React from 'react';
-import PropTypes from 'prop-types';
-import HiSelectContent from './HiSelectContent';
-import { foldAccents } from '../utils/helpers';
+
 /**
  * Return array of final item id in nested list (via props children)
  * @param itemList
  * @param finalItemIdList
  * @returns {*[]}
  */
-
-export function getRecursiveFinalItemIdList(itemList, finalItemIdList = []) {
-  return [...finalItemIdList, ...itemList.reduce((memo, item) => {
+function getRecursiveFinalItemIdList(itemList) {
+  var finalItemIdList = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+  return [].concat((0, _toConsumableArray2.default)(finalItemIdList), (0, _toConsumableArray2.default)(itemList.reduce(function (memo, item) {
     if (item.children) {
       return getRecursiveFinalItemIdList(item.children, memo);
     }
 
-    return [...memo, item.id];
-  }, [])];
+    return [].concat((0, _toConsumableArray2.default)(memo), [item.id]);
+  }, [])));
 }
 /**
  * Find item by id in nested list (via props children)
@@ -29,9 +62,10 @@ export function getRecursiveFinalItemIdList(itemList, finalItemIdList = []) {
  * @returns {boolean}
  */
 
-export function findFinalItemRecursively(itemList, searchId) {
-  let foundItem = false;
-  itemList.some(item => {
+
+function findFinalItemRecursively(itemList, searchId) {
+  var foundItem = false;
+  itemList.some(function (item) {
     if (item.id === searchId) {
       foundItem = item;
     } else if (item.children && !foundItem) {
@@ -42,8 +76,9 @@ export function findFinalItemRecursively(itemList, searchId) {
   });
   return foundItem;
 }
-export const filterValue = function (item, searchValue) {
-  return searchValue === '' || foldAccents(item.label.toString().toLowerCase()).search(foldAccents(searchValue.toLowerCase())) !== -1;
+
+var filterValue = function filterValue(item, searchValue) {
+  return searchValue === '' || (0, _helpers.foldAccents)(item.label.toString().toLowerCase()).search((0, _helpers.foldAccents)(searchValue.toLowerCase())) !== -1;
 };
 /**
  * Build item list by settings item props relative to the nested parent/child situation
@@ -62,50 +97,59 @@ export const filterValue = function (item, searchValue) {
  * @returns {*}
  */
 
-function buildFilteredItemList(itemList, selectedItemIdList = [], searchValue = '', visibleParent = false, pinnedParent = false, disabledParent = false, nbChildrenAsInfo = false, translations, filterFunc = filterValue) {
-  return itemList.reduce(({
-    l: memoItemList,
-    s: memoSelected,
-    u: memoUnselected,
-    v: memoVisible
-  }, item) => {
-    const itemVisible = filterFunc(item, searchValue); // Parent item
+
+exports.filterValue = filterValue;
+
+function buildFilteredItemList(itemList) {
+  var selectedItemIdList = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+  var searchValue = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
+  var visibleParent = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
+  var pinnedParent = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
+  var disabledParent = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : false;
+  var nbChildrenAsInfo = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : false;
+  var translations = arguments.length > 7 ? arguments[7] : undefined;
+  var filterFunc = arguments.length > 8 && arguments[8] !== undefined ? arguments[8] : filterValue;
+  return itemList.reduce(function (_ref, item) {
+    var memoItemList = _ref.l,
+        memoSelected = _ref.s,
+        memoUnselected = _ref.u,
+        memoVisible = _ref.v;
+    var itemVisible = filterFunc(item, searchValue); // Parent item
 
     if (item.children) {
-      const {
-        l: customizedChildren,
-        s: selected,
-        u: unselected,
-        v: visible
-      } = buildFilteredItemList(item.children, selectedItemIdList, searchValue, itemVisible, pinnedParent, disabledParent, nbChildrenAsInfo, translations, filterFunc);
+      var _buildFilteredItemLis = buildFilteredItemList(item.children, selectedItemIdList, searchValue, itemVisible, pinnedParent, disabledParent, nbChildrenAsInfo, translations, filterFunc),
+          customizedChildren = _buildFilteredItemLis.l,
+          selected = _buildFilteredItemLis.s,
+          unselected = _buildFilteredItemLis.u,
+          visible = _buildFilteredItemLis.v;
 
       if (nbChildrenAsInfo) {
         item.info = translations.n_children.replace('%s', item.children.length);
       }
 
       return {
-        l: [...memoItemList, _objectSpread({}, item, disabledParent && {
+        l: [].concat((0, _toConsumableArray2.default)(memoItemList), [(0, _objectSpread2.default)({}, item, {}, disabledParent && {
           disabled: true,
           hideCheckbox: true // don't display checkbox on disabled parent
 
         }, {
           pinned: pinnedParent,
           children: customizedChildren,
-          selected,
+          selected: selected,
           indeterminate: !selected && !unselected,
           displayed: itemVisible || visible
-        })],
+        })]),
         s: memoSelected && selected,
         u: memoUnselected && unselected,
         v: memoVisible || itemVisible || visible
       };
     }
 
-    const itemSelected = selectedItemIdList.includes(item.id);
+    var itemSelected = selectedItemIdList.includes(item.id);
     return {
-      l: [...memoItemList, _objectSpread({
+      l: [].concat((0, _toConsumableArray2.default)(memoItemList), [(0, _objectSpread2.default)({
         displayed: itemVisible || visibleParent
-      }, item)],
+      }, item)]),
       s: itemSelected && memoSelected,
       u: !itemSelected && memoUnselected,
       v: itemVisible || visibleParent || memoVisible
@@ -131,25 +175,37 @@ function buildFilteredItemList(itemList, selectedItemIdList = [], searchValue =
  */
 
 
-class HiNestedSelectContent extends React.PureComponent {
-  constructor(...args) {
-    super(...args);
+var HiNestedSelectContent =
+/*#__PURE__*/
+function (_React$PureComponent) {
+  (0, _inherits2.default)(HiNestedSelectContent, _React$PureComponent);
+
+  function HiNestedSelectContent() {
+    var _getPrototypeOf2;
+
+    var _this;
 
-    this.handleSelect = (event, item) => {
-      const {
-        hasAll,
-        multiple,
-        onChange,
-        options,
-        value
-      } = this.props;
+    (0, _classCallCheck2.default)(this, HiNestedSelectContent);
+
+    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)(HiNestedSelectContent)).call.apply(_getPrototypeOf2, [this].concat(args)));
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleSelect", function (event, item) {
+      var _this$props = _this.props,
+          hasAll = _this$props.hasAll,
+          multiple = _this$props.multiple,
+          onChange = _this$props.onChange,
+          options = _this$props.options,
+          value = _this$props.value;
 
       if (!multiple) {
         // single value
         onChange(event, item.id, item);
       } else if (hasAll && item.id === '_all') {
         // ALL
-        const selectableItemIdList = getRecursiveFinalItemIdList(options);
+        var selectableItemIdList = getRecursiveFinalItemIdList(options);
 
         if (value.length === selectableItemIdList.length) {
           // unselect _all options
@@ -160,41 +216,50 @@ class HiNestedSelectContent extends React.PureComponent {
         }
       } else if (item.children) {
         // PARENT
-        const parentSelectableItemIdList = getRecursiveFinalItemIdList(item.children); // deselect parent if every selectable child id is includes in value.
-
-        if (parentSelectableItemIdList.every(pid => value.includes(pid))) {
-          onChange(event, value.filter(vid => !parentSelectableItemIdList.includes(vid)), item);
+        var parentSelectableItemIdList = getRecursiveFinalItemIdList(item.children); // deselect parent if every selectable child id is includes in value.
+
+        if (parentSelectableItemIdList.every(function (pid) {
+          return value.includes(pid);
+        })) {
+          onChange(event, value.filter(function (vid) {
+            return !parentSelectableItemIdList.includes(vid);
+          }), item);
         } else {
           // select parent > add each selectable child without duplicates.
-          onChange(event, [...value.filter(vid => !parentSelectableItemIdList.includes(vid)), ...parentSelectableItemIdList], item);
+          onChange(event, [].concat((0, _toConsumableArray2.default)(value.filter(function (vid) {
+            return !parentSelectableItemIdList.includes(vid);
+          })), (0, _toConsumableArray2.default)(parentSelectableItemIdList)), item);
         }
       } else if (value.includes(item.id)) {
         // unselect item
-        onChange(event, value.filter(id => id !== item.id), item);
+        onChange(event, value.filter(function (id) {
+          return id !== item.id;
+        }), item);
       } else {
-        onChange(event, [...value, item.id], item);
+        onChange(event, [].concat((0, _toConsumableArray2.default)(value), [item.id]), item);
       }
-    };
-
-    this.buildSelectProps = (options, value = [], search = '', loading = false) => {
-      const {
-        disabledParent,
-        hasAll,
-        iconAll,
-        multiple,
-        nbChildrenAsInfo,
-        pinnedParent,
-        translations,
-        filterFunc
-      } = this.props; // build item list
-
-      const {
-        l: filteredItemList,
-        s: allSelected,
-        u: allUnselected,
-        v: visible
-      } = buildFilteredItemList(options, value, search, false, pinnedParent, disabledParent || !multiple, nbChildrenAsInfo, translations, filterFunc);
-      const itemList = !visible ? [...(loading ? [{
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_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;
+      var _this$props2 = _this.props,
+          disabledParent = _this$props2.disabledParent,
+          hasAll = _this$props2.hasAll,
+          iconAll = _this$props2.iconAll,
+          multiple = _this$props2.multiple,
+          nbChildrenAsInfo = _this$props2.nbChildrenAsInfo,
+          pinnedParent = _this$props2.pinnedParent,
+          translations = _this$props2.translations,
+          filterFunc = _this$props2.filterFunc; // build item list
+
+      var _buildFilteredItemLis2 = buildFilteredItemList(options, value, search, false, pinnedParent, disabledParent || !multiple, nbChildrenAsInfo, translations, filterFunc),
+          filteredItemList = _buildFilteredItemLis2.l,
+          allSelected = _buildFilteredItemLis2.s,
+          allUnselected = _buildFilteredItemLis2.u,
+          visible = _buildFilteredItemLis2.v;
+
+      var itemList = !visible ? (0, _toConsumableArray2.default)(loading ? [{
         id: '_loading',
         type: 'loader',
         disabled: true,
@@ -208,63 +273,65 @@ class HiNestedSelectContent extends React.PureComponent {
         centered: true,
         hideCheckbox: true,
         label: translations.no_result_match
-      }])] : [...(loading ? [{
+      }]) : [].concat((0, _toConsumableArray2.default)(loading ? [{
         id: '_loading',
         type: 'loader',
         disabled: true,
         centered: true,
         hideCheckbox: true,
         label: 'loading'
-      }] : []), ...(hasAll ? [{
+      }] : []), (0, _toConsumableArray2.default)(hasAll ? [{
         id: '_all',
-        iconAll,
+        iconAll: iconAll,
         label: translations.all,
         selected: allSelected,
         indeterminate: !allSelected && !allUnselected,
         displayed: search === ''
-      }] : []), ...filteredItemList];
+      }] : []), (0, _toConsumableArray2.default)(filteredItemList));
       return {
-        itemList
+        itemList: itemList
       };
-    };
+    });
+    return _this;
   }
 
-  render() {
-    const _this$props = this.props,
-          {
-      hasAll,
-      hiSelectableListProps,
-      multiple,
-      options,
-      searchable,
-      translations,
-      value
-    } = _this$props,
-          other = _objectWithoutProperties(_this$props, ["hasAll", "hiSelectableListProps", "multiple", "options", "searchable", "translations", "value"]);
-
-    if (multiple) {
-      if (!Array.isArray(value)) {
-        throw new Error('HiPay Material-UI: the `value` property must be an array ' + 'when using the `HiSelect` component with `multiple`.');
+  (0, _createClass2.default)(HiNestedSelectContent, [{
+    key: "render",
+    value: function render() {
+      var _this$props3 = this.props,
+          hasAll = _this$props3.hasAll,
+          hiSelectableListProps = _this$props3.hiSelectableListProps,
+          multiple = _this$props3.multiple,
+          options = _this$props3.options,
+          searchable = _this$props3.searchable,
+          translations = _this$props3.translations,
+          value = _this$props3.value,
+          other = (0, _objectWithoutProperties2.default)(_this$props3, ["hasAll", "hiSelectableListProps", "multiple", "options", "searchable", "translations", "value"]);
+
+      if (multiple) {
+        if (!Array.isArray(value)) {
+          throw new Error('HiPay Material-UI: the `value` property must be an array ' + 'when using the `HiSelect` component with `multiple`.');
+        }
       }
-    }
 
-    return React.createElement(HiSelectContent, _extends({
-      buildSelectProps: this.buildSelectProps,
-      hasAll: hasAll,
-      hiSelectableListProps: _objectSpread({
-        onSelect: this.handleSelect
-      }, hiSelectableListProps),
-      multiple: multiple,
-      options: options,
-      searchable: searchable,
-      translations: translations,
-      value: value
-    }, other));
-  }
-
-}
+      return _react.default.createElement(_HiSelectContent.default, (0, _extends2.default)({
+        buildSelectProps: this.buildSelectProps,
+        hasAll: hasAll,
+        hiSelectableListProps: (0, _objectSpread2.default)({
+          onSelect: this.handleSelect
+        }, hiSelectableListProps),
+        multiple: multiple,
+        options: options,
+        searchable: searchable,
+        translations: translations,
+        value: value
+      }, other));
+    }
+  }]);
+  return HiNestedSelectContent;
+}(_react.default.PureComponent);
 
-HiNestedSelectContent.defaultProps = {
+(0, _defineProperty2.default)(HiNestedSelectContent, "defaultProps", {
   disabledParent: false,
   hasAll: false,
   multiple: false,
@@ -278,84 +345,6 @@ HiNestedSelectContent.defaultProps = {
     one_child: '%s item'
   },
   filterFunc: filterValue
-};
-HiNestedSelectContent.propTypes = process.env.NODE_ENV !== "production" ? {
-  /**
-   * Useful to extend the style applied to components.
-   */
-  classes: PropTypes.object,
-
-  /**
-   * Parent items are not selectable
-   */
-  disabledParent: PropTypes.bool,
-
-  /*
-   * Fonction de filtrage custom
-   */
-  filterFunc: PropTypes.func,
-
-  /**
-   * Affiche l'élément 'All'
-   */
-  hasAll: PropTypes.bool,
-
-  /**
-   * Propriétés du composant HiSelectableList
-   */
-  hiSelectableListProps: PropTypes.object,
-
-  /**
-   * id du select
-   */
-  id: PropTypes.string,
-
-  /**
-   * Ajoute un loader
-   */
-  loading: PropTypes.bool,
-
-  /**
-   * Autorise la sélection de plusieurs valeurs
-   */
-  multiple: PropTypes.bool,
-
-  /**
-   * Définit si l'on doit afficher le nombre d'enfants du parent dans son champ info
-   */
-  nbChildrenAsInfo: PropTypes.bool,
-
-  /**
-   * Fonction de callback qui renvoit la/les valeurs sélectionnées
-   *
-   * @param {object} event
-   * @param {string || array} value
-   */
-  onChange: PropTypes.func.isRequired,
-
-  /**
-   * Listes des options du select
-   */
-  options: PropTypes.array.isRequired,
-
-  /**
-   * Parent items are pinned, with sticky behavior (hide checkboxes but still selectable)
-   */
-  pinnedParent: PropTypes.bool,
-
-  /**
-   * Affiche un input de recherche permettant de filtrer les options
-   */
-  searchable: PropTypes.bool,
-
-  /**
-   * Traductions (par défaut en anglais)
-   */
-  translations: PropTypes.object,
-
-  /**
-   * Value(s) du select
-   */
-  value: PropTypes.oneOfType([PropTypes.number, PropTypes.string, PropTypes.array])
-} : {};
-export default HiNestedSelectContent;
+});
+var _default = HiNestedSelectContent;
+exports.default = _default;