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

package/es/HiSelect/HiSelectMobile.js

@@ -1,32 +1,77 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectSpread from "@babel/runtime/helpers/objectSpread";
-import React from 'react';
-import PropTypes from 'prop-types';
-import { withStyles } from '@material-ui/core/styles';
-export const styles = theme => ({
-  root: {
-    position: 'absolute',
-    opacity: '0',
-    marginTop: -40,
-    height: 40
-  }
+"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 _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 _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 _styles = require("@material-ui/core/styles");
+
+var styles = function styles(theme) {
+  return {
+    root: {
+      position: 'absolute',
+      opacity: '0',
+      marginTop: -40,
+      height: 40
+    }
+  };
+};
 
-class HiSelectMobile extends React.Component {
-  constructor(...args) {
-    super(...args);
+exports.styles = styles;
 
-    this.buildOptionList = itemList => {
-      let optionList = [];
+var HiSelectMobile =
+/*#__PURE__*/
+function (_React$Component) {
+  (0, _inherits2.default)(HiSelectMobile, _React$Component);
+
+  function HiSelectMobile() {
+    var _getPrototypeOf2;
+
+    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 = (0, _possibleConstructorReturn2.default)(this, (_getPrototypeOf2 = (0, _getPrototypeOf3.default)(HiSelectMobile)).call.apply(_getPrototypeOf2, [this].concat(args)));
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "buildOptionList", function (itemList) {
+      var optionList = [];
 
       if (itemList.length) {
-        let parentId;
-        let groupList = [];
-        itemList.forEach(item => {
+        var parentId;
+        var groupList = [];
+        itemList.forEach(function (item) {
           if (item.id !== '_all' && item.displayed !== false) {
             if (item.hasChildren) {
               if (groupList.length) {
-                optionList.push(this.buildChildrenList(groupList));
+                optionList.push(_this.buildChildrenList(groupList));
                 groupList = [];
               }
 
@@ -35,9 +80,9 @@ class HiSelectMobile extends React.Component {
             } else if (parentId) {
               groupList.push(item);
             } else if (item.children) {
-              optionList.push(this.buildChildrenList([item, ...item.children]));
+              optionList.push(_this.buildChildrenList([item].concat((0, _toConsumableArray2.default)(item.children))));
             } else {
-              optionList.push(React.createElement("option", {
+              optionList.push(_react.default.createElement("option", {
                 key: item.id,
                 "data-item": JSON.stringify(item),
                 value: item.id
@@ -47,103 +92,76 @@ class HiSelectMobile extends React.Component {
         });
 
         if (groupList.length) {
-          optionList.push(this.buildChildrenList(groupList));
+          optionList.push(_this.buildChildrenList(groupList));
         }
       }
 
       return optionList;
-    };
-
-    this.buildChildrenList = itemList => {
-      const group = itemList.shift();
-      return React.createElement("optgroup", {
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "buildChildrenList", function (itemList) {
+      var group = itemList.shift();
+      return _react.default.createElement("optgroup", {
         key: group.id,
         label: group.label
-      }, itemList.map(item => {
-        return React.createElement("option", {
+      }, itemList.map(function (item) {
+        return _react.default.createElement("option", {
           key: item.id,
           "data-item": JSON.stringify(item),
           value: item.id
         }, item.label);
       }));
-    };
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleChange", function (event) {
+      if (!_this.props.multiple) {
+        var itemSelected = event.target[event.target.selectedIndex];
 
-    this.handleChange = event => {
-      if (!this.props.multiple) {
-        const itemSelected = event.target[event.target.selectedIndex];
-        this.props.onChange(event, JSON.parse(itemSelected.getAttribute('data-item')));
+        _this.props.onChange(event, JSON.parse(itemSelected.getAttribute('data-item')));
       } else {
         // Multiple on mobile trigger on change with all selected items
-        let optionsSelected = [];
-        Array.prototype.forEach.call(event.target.options, option => {
+        var optionsSelected = [];
+        Array.prototype.forEach.call(event.target.options, function (option) {
           if (option.selected) {
             optionsSelected.push(JSON.parse(option.getAttribute('data-item')));
           }
         });
-        this.props.onChange(event, optionsSelected);
-      }
-    };
-  }
 
-  render() {
-    const {
-      classes,
-      id,
-      itemList,
-      multiple,
-      value
-    } = this.props;
-
-    const additionalProps = _objectSpread({}, multiple && {
-      multiple: 'multiple'
+        _this.props.onChange(event, optionsSelected);
+      }
     });
-
-    return React.createElement("select", _extends({
-      value: value,
-      style: {
-        width: this.props.width
-      },
-      onChange: this.handleChange,
-      className: classes.root,
-      name: id,
-      id: id
-    }, additionalProps), this.buildOptionList(itemList));
+    return _this;
   }
 
-}
-
-HiSelectMobile.defaultProps = {
+  (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;
+      var additionalProps = (0, _objectSpread2.default)({}, multiple && {
+        multiple: 'multiple'
+      });
+      return _react.default.createElement("select", (0, _extends2.default)({
+        value: value,
+        style: {
+          width: this.props.width
+        },
+        onChange: this.handleChange,
+        className: classes.root,
+        name: id,
+        id: id
+      }, additionalProps), this.buildOptionList(itemList));
+    }
+  }]);
+  return HiSelectMobile;
+}(_react.default.Component);
+
+(0, _defineProperty2.default)(HiSelectMobile, "defaultProps", {
   itemList: []
-};
-HiSelectMobile.propTypes = process.env.NODE_ENV !== "production" ? {
-  /**
-   * Identifiant du select
-   */
-  id: PropTypes.string,
-
-  /**
-   * Liste des options du select
-   */
-  itemList: PropTypes.array.isRequired,
-
-  /**
-   * True s'il est possible de sélectionner plusieurs options
-   */
-  multiple: PropTypes.bool,
-
-  /**
-   * Fonction appelée lors de la sélection/désélection
-   */
-  onChange: PropTypes.func.isRequired,
-
-  /**
-   * Valeur(s) sélectionnée(s)
-   */
-  value: PropTypes.any,
-
-  /**
-   * Largeur du select
-   */
-  width: PropTypes.number
-} : {};
-export default withStyles(styles)(HiSelectMobile);
+});
+
+var _default = (0, _styles.withStyles)(styles)(HiSelectMobile);
+
+exports.default = _default;