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

package/es/HiForm/HiPasswordField.js

@@ -1,79 +1,113 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectSpread from "@babel/runtime/helpers/objectSpread";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-// @inheritedComponent HiTextField
-import React from 'react';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import { withStyles } from '@material-ui/core/styles';
-import HiTextField from './HiTextField';
-export const styles = () => ({
-  inputPassword: {
-    fontWeight: 'bolder',
-    fontFamily: 'inherit',
-    letterSpacing: '4px',
-    fontSize: '1.6rem'
-  }
+"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 _defineProperty2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/defineProperty"));
+
+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 _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 _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _styles = require("@material-ui/core/styles");
+
+var _HiTextField = _interopRequireDefault(require("./HiTextField"));
+
+// @inheritedComponent HiTextField
+var styles = function styles() {
+  return {
+    inputPassword: {
+      fontWeight: 'bolder',
+      fontFamily: 'inherit',
+      letterSpacing: '4px',
+      fontSize: '1.6rem'
+    }
+  };
+};
 /**
  * Champs input email pour formulaire
  */
 
-class HiPasswordField extends React.Component {
-  constructor(props) {
-    super(props);
-    this.state = {
-      showText: false
-    };
-    this.handlePasswordToggle = this.handlePasswordToggle.bind(this);
-  }
 
-  handlePasswordToggle() {
-    this.setState(prevState => ({
-      showText: !prevState.showText
-    }));
-  }
+exports.styles = styles;
 
-  render() {
-    const _this$props = this.props,
-          {
-      classes,
-      HiInputProps
-    } = _this$props,
-          otherProps = _objectWithoutProperties(_this$props, ["classes", "HiInputProps"]);
-
-    const endAdornment = this.state.showText ? 'visibility_off' : 'visibility';
-    const type = this.state.showText ? 'text' : 'password';
-    const inputClassName = classNames({
-      [classes.inputPassword]: !this.state.showText && otherProps.value !== ""
-    });
-    return React.createElement(HiTextField, _extends({}, otherProps, {
-      type: type,
-      onRightIconClick: this.handlePasswordToggle,
-      HiInputProps: _objectSpread({
-        placeholder: ''
-      }, HiInputProps, {
-        endAdornment,
-        inputClassName,
-        autocomplete: 'on'
-      })
-    }));
-  }
+var HiPasswordField =
+/*#__PURE__*/
+function (_React$Component) {
+  (0, _inherits2.default)(HiPasswordField, _React$Component);
 
-}
+  function HiPasswordField(props) {
+    var _this;
 
-HiPasswordField.propTypes = process.env.NODE_ENV !== "production" ? {
-  /**
-   * Useful to extend the style applied to components.
-   */
-  classes: PropTypes.object,
+    (0, _classCallCheck2.default)(this, HiPasswordField);
+    _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(HiPasswordField).call(this, props));
+    _this.state = {
+      showText: false
+    };
+    _this.handlePasswordToggle = _this.handlePasswordToggle.bind((0, _assertThisInitialized2.default)(_this));
+    return _this;
+  }
+
+  (0, _createClass2.default)(HiPasswordField, [{
+    key: "handlePasswordToggle",
+    value: function handlePasswordToggle() {
+      this.setState(function (prevState) {
+        return {
+          showText: !prevState.showText
+        };
+      });
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+          classes = _this$props.classes,
+          HiInputProps = _this$props.HiInputProps,
+          otherProps = (0, _objectWithoutProperties2.default)(_this$props, ["classes", "HiInputProps"]);
+      var endAdornment = this.state.showText ? 'visibility_off' : 'visibility';
+      var type = this.state.showText ? 'text' : 'password';
+      var inputClassName = (0, _classnames.default)((0, _defineProperty2.default)({}, classes.inputPassword, !this.state.showText && otherProps.value !== ""));
+      return _react.default.createElement(_HiTextField.default, (0, _extends2.default)({}, otherProps, {
+        type: type,
+        onRightIconClick: this.handlePasswordToggle,
+        HiInputProps: (0, _objectSpread2.default)({
+          placeholder: ''
+        }, HiInputProps, {
+          endAdornment: endAdornment,
+          inputClassName: inputClassName,
+          autocomplete: 'on'
+        })
+      }));
+    }
+  }]);
+  return HiPasswordField;
+}(_react.default.Component);
 
-  /**
-   * Fonction de callback appelée lorsqu'on clique sur l'icone "Eye"
-   */
-  handlePasswordToggle: PropTypes.func
-} : {};
-export default withStyles(styles, {
+var _default = (0, _styles.withStyles)(styles, {
   hiComponent: true,
   name: 'HmuiHiPasswordField'
-})(HiPasswordField);
+})(HiPasswordField);
+
+exports.default = _default;

package/es/HiForm/HiSearchField.js

@@ -1,148 +1,157 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import React from 'react';
-import PropTypes from 'prop-types';
-import HiInput from './HiInput';
+"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 _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 _HiInput = _interopRequireDefault(require("./HiInput"));
+
 /**
  * Construit une barre de recherche avec icône Search (Magnify),
  * permet de filtrer une liste d'éléments en spécifiant le nom de la/les propriétés sur lesquelles filtrer,
  * retour la liste d'élément filtré.
  * Un bouton reset s'affiche à la saisie permettant de réinitialiser l'input.
  */
+var HiSearchField =
+/*#__PURE__*/
+function (_React$Component) {
+  (0, _inherits2.default)(HiSearchField, _React$Component);
+
+  function HiSearchField(props) {
+    var _this;
 
-class HiSearchField extends React.Component {
-  constructor(props) {
-    super(props);
-    this.state = {
+    (0, _classCallCheck2.default)(this, HiSearchField);
+    _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(HiSearchField).call(this, props));
+    _this.state = {
       inputValue: ''
     };
-    this.filterOnProperties = this.filterOnProperties.bind(this);
-    this.handleChange = this.handleChange.bind(this);
-    this.handleReset = this.handleReset.bind(this);
+    _this.filterOnProperties = _this.filterOnProperties.bind((0, _assertThisInitialized2.default)(_this));
+    _this.handleChange = _this.handleChange.bind((0, _assertThisInitialized2.default)(_this));
+    _this.handleReset = _this.handleReset.bind((0, _assertThisInitialized2.default)(_this));
+    return _this;
   }
 
-  filterOnProperties(item, search) {
-    if (!this.props.filterPropertyList || this.props.filterPropertyList.length < 1) {
-      // If no properties specify, search on item
-      return item.toString().toLowerCase().search(search.toLowerCase()) !== -1;
-    }
-
-    let searchSucceed = false;
-    this.props.filterPropertyList.forEach(filter => {
-      let itemProperty = null;
-
-      if (filter.indexOf('.') > 0) {
-        itemProperty = item[filter.split('.')[0]][filter.split('.')[1]];
-      } else {
-        itemProperty = item[filter];
+  (0, _createClass2.default)(HiSearchField, [{
+    key: "filterOnProperties",
+    value: function filterOnProperties(item, search) {
+      if (!this.props.filterPropertyList || this.props.filterPropertyList.length < 1) {
+        // If no properties specify, search on item
+        return item.toString().toLowerCase().search(search.toLowerCase()) !== -1;
       }
 
-      if (itemProperty.toString().toLowerCase().search(search.toLowerCase()) !== -1) {
-        searchSucceed = true;
-      }
-    });
-    return searchSucceed;
-  }
+      var searchSucceed = false;
+      this.props.filterPropertyList.forEach(function (filter) {
+        var itemProperty = null;
 
-  handleChange(event, inputValue) {
-    let searchedValue;
+        if (filter.indexOf('.') > 0) {
+          itemProperty = item[filter.split('.')[0]][filter.split('.')[1]];
+        } else {
+          itemProperty = item[filter];
+        }
 
-    if (typeof inputValue !== 'undefined' && typeof event.target.value === 'undefined') {
-      searchedValue = inputValue;
-    } else {
-      searchedValue = event.target.value;
+        if (itemProperty.toString().toLowerCase().search(search.toLowerCase()) !== -1) {
+          searchSucceed = true;
+        }
+      });
+      return searchSucceed;
     }
+  }, {
+    key: "handleChange",
+    value: function handleChange(event, inputValue) {
+      var _this2 = this;
 
-    this.setState({
-      inputValue: searchedValue
-    });
+      var searchedValue;
 
-    if (this.props.onSearch === undefined) {
-      let currentParent = null;
-      const filteredList = [];
-      this.props.itemList.forEach(item => {
-        const add = this.filterOnProperties(item, searchedValue);
+      if (typeof inputValue !== 'undefined' && typeof event.target.value === 'undefined') {
+        searchedValue = inputValue;
+      } else {
+        searchedValue = event.target.value;
+      }
 
-        if (item.hasChildren === true && add === false) {
-          currentParent = item;
-        }
+      this.setState({
+        inputValue: searchedValue
+      });
 
-        if (add === true) {
-          if (currentParent !== null && item.parentId === currentParent.id) {
-            filteredList.push(currentParent);
-            currentParent = null;
-          }
+      if (this.props.onSearch === undefined) {
+        var currentParent = null;
+        var filteredList = [];
+        this.props.itemList.forEach(function (item) {
+          var add = _this2.filterOnProperties(item, searchedValue);
 
-          filteredList.push(item);
-        }
-      });
-      this.props.onFilteredList(filteredList);
-    } else {
-      this.props.onSearch(event, searchedValue);
-    }
-  }
+          if (item.hasChildren === true && add === false) {
+            currentParent = item;
+          }
 
-  handleReset() {
-    this.setState({
-      inputValue: ''
-    });
+          if (add === true) {
+            if (currentParent !== null && item.parentId === currentParent.id) {
+              filteredList.push(currentParent);
+              currentParent = null;
+            }
 
-    if (typeof this.props.onSearch === 'undefined') {
-      this.props.onFilteredList(this.props.itemList);
-    } else {
-      this.props.onSearch(undefined, '');
+            filteredList.push(item);
+          }
+        });
+        this.props.onFilteredList(filteredList);
+      } else {
+        this.props.onSearch(event, searchedValue);
+      }
     }
-  }
-
-  render() {
-    const _this$props = this.props,
-          {
-      placeholder
-    } = _this$props,
-          others = _objectWithoutProperties(_this$props, ["placeholder"]);
-
-    return React.createElement(HiInput, _extends({
-      placeholder: placeholder,
-      onReset: this.handleReset,
-      onChange: this.handleChange,
-      value: this.state.inputValue,
-      startAdornment: 'search'
-    }, others));
-  }
+  }, {
+    key: "handleReset",
+    value: function handleReset() {
+      this.setState({
+        inputValue: ''
+      });
 
-}
+      if (typeof this.props.onSearch === 'undefined') {
+        this.props.onFilteredList(this.props.itemList);
+      } else {
+        this.props.onSearch(undefined, '');
+      }
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+          placeholder = _this$props.placeholder,
+          others = (0, _objectWithoutProperties2.default)(_this$props, ["placeholder"]);
+      return _react.default.createElement(_HiInput.default, (0, _extends2.default)({
+        placeholder: placeholder,
+        onReset: this.handleReset,
+        onChange: this.handleChange,
+        value: this.state.inputValue,
+        startAdornment: 'search'
+      }, others));
+    }
+  }]);
+  return HiSearchField;
+}(_react.default.Component);
 
-HiSearchField.defaultProps = {
+(0, _defineProperty2.default)(HiSearchField, "defaultProps", {
   placeholder: 'Search'
-};
-HiSearchField.propTypes = process.env.NODE_ENV !== "production" ? {
-  /**
-   * Liste des propriété de l'élément sur lesquelles filtrer (par défaut l'item lui même)
-   */
-  filterPropertyList: PropTypes.array,
-
-  /**
-   * Liste d'éléments
-   */
-  itemList: PropTypes.array.isRequired,
-
-  /**
-   * Fonction de callback qui renvoie la liste d'éléments filtrée
-   *
-   * @param {array} suggestions
-   */
-  onFilteredList: PropTypes.func,
-
-  /**
-   * Fonction de callback qui renvoit le texte saisi
-   *
-   * @param {string} value
-   */
-  onSearch: PropTypes.func,
-
-  /**
-   * Placeholder
-   */
-  placeholder: PropTypes.string
-} : {};
-export default HiSearchField;
+});
+var _default = HiSearchField;
+exports.default = _default;