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

package/es/HiRadio/HiRadio.js

@@ -1,33 +1,47 @@
-// @inheritedComponent Radio
-import React from 'react';
-import PropTypes from 'prop-types';
-import { withStyles } from '@material-ui/core/styles';
-import Radio from '@material-ui/core/Radio';
-export const styles = theme => ({
-  checked: {
-    color: theme.palette.neutral.main
-  },
-  disabled: {
-    color: theme.palette.action.disabled
-  },
-  root: {
-    height: 40,
-    width: 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 _react = _interopRequireDefault(require("react"));
+
+var _styles = require("@material-ui/core/styles");
+
+var _Radio = _interopRequireDefault(require("@material-ui/core/Radio"));
+
+// @inheritedComponent Radio
+var styles = function styles(theme) {
+  return {
+    checked: {
+      color: theme.palette.neutral.main
+    },
+    disabled: {
+      color: theme.palette.action.disabled
+    },
+    root: {
+      height: 40,
+      width: 40
+    }
+  };
+};
 
-const HiRadio = ({
-  checked,
-  classes,
-  className,
-  color,
-  disabled,
-  label,
-  onChange,
-  value
-}) => {
-  const hcolor = ['positive', 'negative', 'middle', 'neutral', 'inherit'].includes(color) ? 'default' : color;
-  return React.createElement(Radio, {
+exports.styles = styles;
+
+var HiRadio = function HiRadio(_ref) {
+  var checked = _ref.checked,
+      classes = _ref.classes,
+      className = _ref.className,
+      color = _ref.color,
+      disabled = _ref.disabled,
+      label = _ref.label,
+      onChange = _ref.onChange,
+      value = _ref.value;
+  var hcolor = ['positive', 'negative', 'middle', 'neutral', 'inherit'].includes(color) ? 'default' : color;
+  return _react.default.createElement(_Radio.default, {
     className: className,
     classes: {
       root: classes.root,
@@ -43,18 +57,11 @@ const HiRadio = ({
   });
 };
 
-HiRadio.propTypes = process.env.NODE_ENV !== "production" ? {
-  checked: PropTypes.bool,
-  classes: PropTypes.object,
-  className: PropTypes.string,
-  color: PropTypes.oneOf(['inherit', 'primary', 'secondary', 'positive', 'negative', 'middle', 'neutral']),
-  disabled: PropTypes.bool,
-  label: PropTypes.string,
-  onChange: PropTypes.func,
-  value: PropTypes.string
-} : {};
 HiRadio.defaultProps = {};
-export default withStyles(styles, {
+
+var _default = (0, _styles.withStyles)(styles, {
   hiComponent: true,
   name: 'HmuiHiRadio'
-})(HiRadio);
+})(HiRadio);
+
+exports.default = _default;

package/es/HiRadio/index.js

@@ -1 +1,15 @@
-export { default } from './HiRadio';
+"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
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _HiRadio.default;
+  }
+});
+
+var _HiRadio = _interopRequireDefault(require("./HiRadio"));

package/es/HiSelect/HiDynamicSelect.js

@@ -1,10 +1,40 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectSpread from "@babel/runtime/helpers/objectSpread";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+"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 = 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 _objectWithoutProperties2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/objectWithoutProperties"));
+
+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 _getPrototypeOf2 = _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 _HiSelect = _interopRequireDefault(require("./HiSelect"));
+
 // @inheritedComponent HiSelect
-import React from 'react';
-import PropTypes from 'prop-types';
-import HiSelect from './HiSelect';
+
 /**
  * HiDynamicSelect hérite du composant HiSelect
  *
@@ -16,26 +46,29 @@ import HiSelect from './HiSelect';
  * - auto: (ex infinity scroll) nouvelle demande lorsqu'on atteint le bas de scroll vertical
  * - manual: ajoute un bouton en bas de la liste.
  */
-
-class HiDynamicSelect extends React.PureComponent {
-  constructor(props) {
-    super(props);
-
-    this.handleScrollReachBottom = () => {
-      if (!this.props.loading && this.props.nextPage === 'auto' && this.props.onNextPage) {
-        this.props.onNextPage();
+var HiDynamicSelect =
+/*#__PURE__*/
+function (_React$PureComponent) {
+  (0, _inherits2.default)(HiDynamicSelect, _React$PureComponent);
+
+  function HiDynamicSelect(props) {
+    var _this;
+
+    (0, _classCallCheck2.default)(this, HiDynamicSelect);
+    _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(HiDynamicSelect).call(this, props));
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleScrollReachBottom", function () {
+      if (!_this.props.loading && _this.props.nextPage === 'auto' && _this.props.onNextPage) {
+        _this.props.onNextPage();
       }
-    };
-
-    this.handleSelect = (event, item) => {
-      const {
-        multiple,
-        onChange,
-        value
-      } = this.props;
-
-      if (item.id === '_next_page' && !this.props.loading && this.props.nextPage === 'manual' && this.props.onNextPage) {
-        this.props.onNextPage();
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleSelect", function (event, item) {
+      var _this$props = _this.props,
+          multiple = _this$props.multiple,
+          onChange = _this$props.onChange,
+          value = _this$props.value;
+
+      if (item.id === '_next_page' && !_this.props.loading && _this.props.nextPage === 'manual' && _this.props.onNextPage) {
+        _this.props.onNextPage();
       }
 
       if (!multiple) {
@@ -43,79 +76,78 @@ class HiDynamicSelect extends React.PureComponent {
         onChange(event, item.id, 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 {
-        nextPage,
-        translations
-      } = this.props;
-      const itemList = [// Empty and not loading => no result
-      ...(options.length === 0 && !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,
+          nextPage = _this$props2.nextPage,
+          translations = _this$props2.translations;
+      var itemList = [].concat((0, _toConsumableArray2.default)(options.length === 0 && !loading ? [{
         id: '_no_result',
         type: 'text',
         disabled: true,
         centered: true,
         hideCheckbox: true,
         label: translations.no_result_match
-      }] : []), // options
-      ...options, // Not loading and nextPage as manual button => manual button
-      ...(!loading && nextPage === 'manual' ? [{
+      }] : []), (0, _toConsumableArray2.default)(options), (0, _toConsumableArray2.default)(!loading && nextPage === 'manual' ? [{
         id: '_next_page',
         type: 'button',
         centered: true,
         hideCheckbox: true,
         label: translations.next_page
-      }] : []), // Loading => loader
-      ...(loading ? [{
+      }] : []), (0, _toConsumableArray2.default)(loading ? [{
         id: '_loading',
         type: 'loader',
         disabled: true,
         centered: true,
         hideCheckbox: true,
         label: 'loading'
-      }] : [])];
+      }] : []));
       return {
-        itemList
+        itemList: itemList
       };
-    };
-
-    this.handleScrollReachBottom = this.handleScrollReachBottom.bind(this);
-    this.handleSelect = this.handleSelect.bind(this);
+    });
+    _this.handleScrollReachBottom = _this.handleScrollReachBottom.bind((0, _assertThisInitialized2.default)(_this));
+    _this.handleSelect = _this.handleSelect.bind((0, _assertThisInitialized2.default)(_this));
+    return _this;
   }
 
-  render() {
-    const _this$props = this.props,
-          {
-      hiSelectableListProps,
-      multiple,
-      nextPage,
-      options,
-      translations,
-      value
-    } = _this$props,
-          other = _objectWithoutProperties(_this$props, ["hiSelectableListProps", "multiple", "nextPage", "options", "translations", "value"]);
-
-    return React.createElement(HiSelect, _extends({
-      buildSelectProps: this.buildSelectProps,
-      hiSelectableListProps: _objectSpread({}, hiSelectableListProps),
-      multiple: multiple,
-      options: options,
-      searchable: true,
-      translations: translations,
-      value: value
-    }, nextPage === 'auto' && {
-      onScrollReachBottom: this.handleScrollReachBottom
-    }, other));
-  }
-
-}
-
-HiDynamicSelect.defaultProps = {
+  (0, _createClass2.default)(HiDynamicSelect, [{
+    key: "render",
+    value: function render() {
+      var _this$props3 = this.props,
+          hiSelectableListProps = _this$props3.hiSelectableListProps,
+          multiple = _this$props3.multiple,
+          nextPage = _this$props3.nextPage,
+          options = _this$props3.options,
+          translations = _this$props3.translations,
+          value = _this$props3.value,
+          other = (0, _objectWithoutProperties2.default)(_this$props3, ["hiSelectableListProps", "multiple", "nextPage", "options", "translations", "value"]);
+      return _react.default.createElement(_HiSelect.default, (0, _extends2.default)({
+        buildSelectProps: this.buildSelectProps,
+        hiSelectableListProps: (0, _objectSpread2.default)({}, hiSelectableListProps),
+        multiple: multiple,
+        options: options,
+        searchable: true,
+        translations: translations,
+        value: value
+      }, nextPage === 'auto' && {
+        onScrollReachBottom: this.handleScrollReachBottom
+      }, other));
+    }
+  }]);
+  return HiDynamicSelect;
+}(_react.default.PureComponent);
+
+(0, _defineProperty2.default)(HiDynamicSelect, "defaultProps", {
   loading: false,
   multiple: false,
   nextPage: 'none',
@@ -128,74 +160,6 @@ HiDynamicSelect.defaultProps = {
     one_child: '%s item',
     next_page: 'Load more'
   }
-};
-HiDynamicSelect.propTypes = process.env.NODE_ENV !== "production" ? {
-  /**
-   * Useful to extend the style applied to components.
-   */
-  classes: PropTypes.object,
-
-  /**
-   * id du select
-   */
-  id: PropTypes.string,
-
-  /**
-   * Ajoute un loader
-   */
-  loading: PropTypes.bool,
-
-  /**
-   * Autorise la sélection de plusieurs valeurs
-   */
-  multiple: PropTypes.bool,
-
-  /**
-   * Nom du champ de formulaire
-   */
-  name: PropTypes.string.isRequired,
-
-  /**
-   * Variante sur la manière de demander des nouvelles données
-   * - none: (default) il n'y a pas de nouvelles données
-   * - auto: demande de nouvelles données lorsqu'on atteint le bas du scroll (infinite scroll)
-   * - manual: ajoute un bouton en bas de la liste d'options
-   */
-  nextPage: PropTypes.oneOf(['none', 'auto', 'manual']),
-
-  /**
-   * Fonction de callback qui renvoit la valeur sélectionnée
-   */
-  onChange: PropTypes.func.isRequired,
-
-  /**
-   * Requête de nouvelles données
-   */
-  onNextPage: PropTypes.func.isRequired,
-
-  /**
-   * Fonction de callback qui renvoit la valeur de l'input de recherche
-   */
-  onSearch: PropTypes.func.isRequired,
-
-  /**
-   * Listes des options du select
-   */
-  options: PropTypes.array.isRequired,
-
-  /**
-   * Valeur de l'input de recherche
-   */
-  searchValue: PropTypes.string.isRequired,
-
-  /**
-   * Traductions (par défaut en anglais)
-   */
-  translations: PropTypes.object,
-
-  /**
-   * Value(s) du select
-   */
-  value: PropTypes.oneOfType([PropTypes.number, PropTypes.string, PropTypes.array])
-} : {};
-export default HiDynamicSelect;
+});
+var _default = HiDynamicSelect;
+exports.default = _default;

package/es/HiSelect/HiDynamicSelectField.js

@@ -1,111 +1,98 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+"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 = 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 _getPrototypeOf2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/getPrototypeOf"));
+
+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 _react = _interopRequireDefault(require("react"));
+
+var _HiFormControl = _interopRequireDefault(require("../HiForm/HiFormControl"));
+
+var _HiDynamicSelect = _interopRequireDefault(require("./HiDynamicSelect"));
+
 // @inheritedComponent HiDynamicSelect
-import React from 'react';
-import PropTypes from 'prop-types';
-import HiFormControl from '../HiForm/HiFormControl';
-import HiDynamicSelect from './HiDynamicSelect';
+
 /**
  * Champs input pour formulaire
  */
+var HiDynamicSelectField =
+/*#__PURE__*/
+function (_React$PureComponent) {
+  (0, _inherits2.default)(HiDynamicSelectField, _React$PureComponent);
 
-class HiDynamicSelectField extends React.PureComponent {
-  render() {
-    const _this$props = this.props,
-          {
-      label,
-      required,
-      disabled,
-      error,
-      errorText,
-      helperText,
-      helperIcon,
-      id,
-      name,
-      value,
-      options,
-      type,
-      multiple,
-      iconAll,
-      checkbox,
-      searchable,
-      translations,
-      className
-    } = _this$props,
-          others = _objectWithoutProperties(_this$props, ["label", "required", "disabled", "error", "errorText", "helperText", "helperIcon", "id", "name", "value", "options", "type", "multiple", "iconAll", "checkbox", "searchable", "translations", "className"]);
-
-    return React.createElement(HiFormControl, {
-      id: id,
-      label: label,
-      required: required,
-      disabled: disabled,
-      error: error,
-      errorText: errorText,
-      helperText: helperText,
-      helperIcon: helperIcon,
-      className: className
-    }, React.createElement(HiDynamicSelect, _extends({
-      id: id,
-      name: name,
-      value: value,
-      options: options,
-      type: type,
-      multiple: multiple,
-      iconAll: iconAll,
-      checkbox: checkbox,
-      searchable: searchable,
-      translations: translations,
-      disabled: disabled,
-      error: error
-    }, others)));
+  function HiDynamicSelectField() {
+    (0, _classCallCheck2.default)(this, HiDynamicSelectField);
+    return (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(HiDynamicSelectField).apply(this, arguments));
   }
 
-}
-
-HiDynamicSelectField.propTypes = process.env.NODE_ENV !== "production" ? {
-  /**
-   * Surcharge des styles
-   */
-  className: PropTypes.string,
-
-  /**
-   * Si `true`, l'input sera inactif.
-   */
-  disabled: PropTypes.bool,
-
-  /**
-   * Si `true`, le champs sera en erreur.
-   */
-  error: PropTypes.bool,
-
-  /**
-   * Texte de l'erreur
-   */
-  errorText: PropTypes.string,
-
-  /**
-   * Si "true", le texte d'aide s'affichera seulement au clic sur l'icône "Information"
-   */
-  helperIcon: PropTypes.bool,
-
-  /**
-   * Texte de l'aide
-   */
-  helperText: PropTypes.string,
-
-  /**
-   * id de l'élément input
-   */
-  id: PropTypes.string.isRequired,
-
-  /**
-   * Label du champs
-   */
-  label: PropTypes.string,
-
-  /**
-   * true si champs obligatoire
-   */
-  required: PropTypes.bool
-} : {};
-export default HiDynamicSelectField;
+  (0, _createClass2.default)(HiDynamicSelectField, [{
+    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,
+          name = _this$props.name,
+          value = _this$props.value,
+          options = _this$props.options,
+          type = _this$props.type,
+          multiple = _this$props.multiple,
+          iconAll = _this$props.iconAll,
+          checkbox = _this$props.checkbox,
+          searchable = _this$props.searchable,
+          translations = _this$props.translations,
+          className = _this$props.className,
+          others = (0, _objectWithoutProperties2.default)(_this$props, ["label", "required", "disabled", "error", "errorText", "helperText", "helperIcon", "id", "name", "value", "options", "type", "multiple", "iconAll", "checkbox", "searchable", "translations", "className"]);
+      return _react.default.createElement(_HiFormControl.default, {
+        id: id,
+        label: label,
+        required: required,
+        disabled: disabled,
+        error: error,
+        errorText: errorText,
+        helperText: helperText,
+        helperIcon: helperIcon,
+        className: className
+      }, _react.default.createElement(_HiDynamicSelect.default, (0, _extends2.default)({
+        id: id,
+        name: name,
+        value: value,
+        options: options,
+        type: type,
+        multiple: multiple,
+        iconAll: iconAll,
+        checkbox: checkbox,
+        searchable: searchable,
+        translations: translations,
+        disabled: disabled,
+        error: error
+      }, others)));
+    }
+  }]);
+  return HiDynamicSelectField;
+}(_react.default.PureComponent);
+
+var _default = HiDynamicSelectField;
+exports.default = _default;