@hipay/hipay-material-ui 3.15.2 → 3.15.3-beta.0

package/HiForm/HiPasswordField.js

@@ -1,44 +1,26 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.styles = exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
-
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
-
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/assertThisInitialized"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
-
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/possibleConstructorReturn"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
-
 var _HiTextField = _interopRequireDefault(require("./HiTextField"));
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } } // @inheritedComponent HiTextField
 var styles = function styles() {
   return {
     inputPassword: {
@@ -49,21 +31,16 @@ var styles = function styles() {
     }
   };
 };
+
 /**
  * Champs input email pour formulaire
  */
-
-
 exports.styles = styles;
-
 var HiPasswordField = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2.default)(HiPasswordField, _React$Component);
-
   var _super = _createSuper(HiPasswordField);
-
   function HiPasswordField(props) {
     var _this;
-
     (0, _classCallCheck2.default)(this, HiPasswordField);
     _this = _super.call(this, props);
     _this.state = {
@@ -72,7 +49,6 @@ var HiPasswordField = /*#__PURE__*/function (_React$Component) {
     _this.handlePasswordToggle = _this.handlePasswordToggle.bind((0, _assertThisInitialized2.default)(_this));
     return _this;
   }
-
   (0, _createClass2.default)(HiPasswordField, [{
     key: "handlePasswordToggle",
     value: function handlePasswordToggle() {
@@ -86,9 +62,9 @@ var HiPasswordField = /*#__PURE__*/function (_React$Component) {
     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"]);
+        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 !== ""));
@@ -107,10 +83,8 @@ var HiPasswordField = /*#__PURE__*/function (_React$Component) {
   }]);
   return HiPasswordField;
 }(_react.default.Component);
-
 var _default = (0, _withStyles.default)(styles, {
   hiComponent: true,
   name: 'HmuiHiPasswordField'
 })(HiPasswordField);
-
 exports.default = _default;

package/HiForm/HiSearchField.js

@@ -1,36 +1,22 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
-
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/assertThisInitialized"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
-
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/possibleConstructorReturn"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _HiInput = _interopRequireDefault(require("./HiInput"));
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
 /**
  * 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,
@@ -39,12 +25,9 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
  */
 var HiSearchField = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2.default)(HiSearchField, _React$Component);
-
   var _super = _createSuper(HiSearchField);
-
   function HiSearchField(props) {
     var _this;
-
     (0, _classCallCheck2.default)(this, HiSearchField);
     _this = _super.call(this, props);
     _this.state = {
@@ -55,7 +38,6 @@ var HiSearchField = /*#__PURE__*/function (_React$Component) {
     _this.handleReset = _this.handleReset.bind((0, _assertThisInitialized2.default)(_this));
     return _this;
   }
-
   (0, _createClass2.default)(HiSearchField, [{
     key: "filterOnProperties",
     value: function filterOnProperties(item, search) {
@@ -63,17 +45,14 @@ var HiSearchField = /*#__PURE__*/function (_React$Component) {
         // If no properties specify, search on item
         return item.toString().toLowerCase().search(search.toLowerCase()) !== -1;
       }
-
       var searchSucceed = false;
       this.props.filterPropertyList.forEach(function (filter) {
         var itemProperty = null;
-
         if (filter.indexOf('.') > 0) {
           itemProperty = item[filter.split('.')[0]][filter.split('.')[1]];
         } else {
           itemProperty = item[filter];
         }
-
         if (itemProperty.toString().toLowerCase().search(search.toLowerCase()) !== -1) {
           searchSucceed = true;
         }
@@ -84,35 +63,28 @@ var HiSearchField = /*#__PURE__*/function (_React$Component) {
     key: "handleChange",
     value: function handleChange(event, inputValue) {
       var _this2 = this;
-
       var searchedValue;
-
       if (typeof inputValue !== 'undefined' && typeof event.target.value === 'undefined') {
         searchedValue = inputValue;
       } else {
         searchedValue = event.target.value;
       }
-
       this.setState({
         inputValue: searchedValue
       });
-
       if (this.props.onSearch === undefined) {
         var currentParent = null;
         var filteredList = [];
         this.props.itemList.forEach(function (item) {
           var add = _this2.filterOnProperties(item, searchedValue);
-
           if (item.hasChildren === true && add === false) {
             currentParent = item;
           }
-
           if (add === true) {
             if (currentParent !== null && item.parentId === currentParent.id) {
               filteredList.push(currentParent);
               currentParent = null;
             }
-
             filteredList.push(item);
           }
         });
@@ -127,7 +99,6 @@ var HiSearchField = /*#__PURE__*/function (_React$Component) {
       this.setState({
         inputValue: ''
       });
-
       if (typeof this.props.onSearch === 'undefined') {
         this.props.onFilteredList(this.props.itemList);
       } else {
@@ -138,8 +109,8 @@ var HiSearchField = /*#__PURE__*/function (_React$Component) {
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          placeholder = _this$props.placeholder,
-          others = (0, _objectWithoutProperties2.default)(_this$props, ["placeholder"]);
+        placeholder = _this$props.placeholder,
+        others = (0, _objectWithoutProperties2.default)(_this$props, ["placeholder"]);
       return /*#__PURE__*/_react.default.createElement(_HiInput.default, (0, _extends2.default)({
         placeholder: placeholder,
         onReset: this.handleReset,
@@ -151,7 +122,6 @@ var HiSearchField = /*#__PURE__*/function (_React$Component) {
   }]);
   return HiSearchField;
 }(_react.default.Component);
-
 HiSearchField.defaultProps = {
   placeholder: 'Search'
 };

package/HiForm/HiSlider.js

@@ -1,40 +1,24 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.styles = exports.default = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
-
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/possibleConstructorReturn"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
-
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
-
 var _HiFormControl = _interopRequireDefault(require("./HiFormControl"));
-
 var _HiIcon = _interopRequireDefault(require("../HiIcon/HiIcon"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
 var styles = function styles(theme) {
   return {
     barContainer: {
@@ -111,30 +95,22 @@ var styles = function styles(theme) {
     }
   };
 };
+
 /**
  * HiSlider component
  */
-
-
 exports.styles = styles;
-
 var HiSlider = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2.default)(HiSlider, _React$Component);
-
   var _super = _createSuper(HiSlider);
-
   function HiSlider(props) {
     var _this;
-
     (0, _classCallCheck2.default)(this, HiSlider);
     _this = _super.call(this, props);
-
     _this.handleChange = function (event) {
       _this.props.onChange(parseFloat(event.target.value));
-
       _this.textValueWidth = _this.textValue.offsetWidth;
     };
-
     _this.handleFocus = function (isFocused) {
       return function () {
         _this.setState({
@@ -142,19 +118,17 @@ var HiSlider = /*#__PURE__*/function (_React$Component) {
         });
       };
     };
-
     _this.state = {
       focused: false
     };
     return _this;
   }
+
   /**
    * Measures several components once they are mounted.
    * If the value and a label (left or right) are hovered,
    * we hide this label.
    */
-
-
   (0, _createClass2.default)(HiSlider, [{
     key: "componentDidMount",
     value: function componentDidMount() {
@@ -162,19 +136,17 @@ var HiSlider = /*#__PURE__*/function (_React$Component) {
       this.rightLabelWidth = this.rightLabel.offsetWidth;
       this.textValueWidth = this.textValue.offsetWidth;
       this.barContainerWidth = this.barContainer.offsetWidth;
-
       var _this$getHovering = this.getHovering(),
-          hoveringLeft = _this$getHovering.hoveringLeft,
-          hoveringRight = _this$getHovering.hoveringRight;
-
+        hoveringLeft = _this$getHovering.hoveringLeft,
+        hoveringRight = _this$getHovering.hoveringRight;
       if (hoveringLeft || hoveringRight) {
         this.forceUpdate();
       }
     }
+
     /**
      * Calculates if the labels are hovered.
      */
-
   }, {
     key: "getHovering",
     value: function getHovering() {
@@ -190,28 +162,25 @@ var HiSlider = /*#__PURE__*/function (_React$Component) {
     key: "render",
     value: function render() {
       var _this2 = this;
-
       var _this$props = this.props,
-          classes = _this$props.classes,
-          className = _this$props.className,
-          min = _this$props.min,
-          max = _this$props.max,
-          leftLabel = _this$props.leftLabel,
-          rightLabel = _this$props.rightLabel,
-          step = _this$props.step,
-          suffix = _this$props.suffix,
-          id = _this$props.id,
-          label = _this$props.label,
-          value = _this$props.value,
-          theme = _this$props.theme;
+        classes = _this$props.classes,
+        className = _this$props.className,
+        min = _this$props.min,
+        max = _this$props.max,
+        leftLabel = _this$props.leftLabel,
+        rightLabel = _this$props.rightLabel,
+        step = _this$props.step,
+        suffix = _this$props.suffix,
+        id = _this$props.id,
+        label = _this$props.label,
+        value = _this$props.value,
+        theme = _this$props.theme;
       var focused = this.state.focused;
       var ratio = (value - min) / (max - min);
       var percentage = ratio * 100;
-
       var _this$getHovering2 = this.getHovering(),
-          hoveringLeft = _this$getHovering2.hoveringLeft,
-          hoveringRight = _this$getHovering2.hoveringRight;
-
+        hoveringLeft = _this$getHovering2.hoveringLeft,
+        hoveringRight = _this$getHovering2.hoveringRight;
       var barColor = focused ? theme.palette.primary.dark : theme.palette.primary.main;
       return (
         /*#__PURE__*/
@@ -278,11 +247,9 @@ var HiSlider = /*#__PURE__*/function (_React$Component) {
   }]);
   return HiSlider;
 }(_react.default.Component);
-
 var _default = (0, _withStyles.default)(styles, {
   hiComponent: true,
   name: 'HiSlider',
   withTheme: true
 })(HiSlider);
-
 exports.default = _default;

package/HiForm/HiTextField.js

@@ -1,54 +1,35 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
-
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/assertThisInitialized"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
-
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/possibleConstructorReturn"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _HiFormControl = _interopRequireDefault(require("./HiFormControl"));
-
 var _HiInput = _interopRequireDefault(require("./HiInput"));
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } } // @inheritedComponent TextField
 /**
  * Champs input pour formulaire
  */
 var HiTextField = /*#__PURE__*/function (_React$PureComponent) {
   (0, _inherits2.default)(HiTextField, _React$PureComponent);
-
   var _super = _createSuper(HiTextField);
-
   function HiTextField(props) {
     var _this;
-
     (0, _classCallCheck2.default)(this, HiTextField);
     _this = _super.call(this, props);
-
     _this.focus = function () {
       _this.input.focus();
     };
-
     _this.state = {
       nbChars: props.value ? props.value.length : 0
     };
@@ -57,7 +38,6 @@ var HiTextField = /*#__PURE__*/function (_React$PureComponent) {
     _this.handleFocus = _this.handleFocus.bind((0, _assertThisInitialized2.default)(_this));
     return _this;
   }
-
   (0, _createClass2.default)(HiTextField, [{
     key: "handleBlur",
     value: function handleBlur(event) {
@@ -69,12 +49,10 @@ var HiTextField = /*#__PURE__*/function (_React$PureComponent) {
     key: "handleChange",
     value: function handleChange(event) {
       var value = event.target.value;
-
       if (value.length <= this.props.maxLength) {
         if (this.props.onChange) {
           this.props.onChange(event);
         }
-
         if (this.props.multiline === true) {
           this.setState({
             nbChars: value.length
@@ -93,28 +71,27 @@ var HiTextField = /*#__PURE__*/function (_React$PureComponent) {
     key: "render",
     value: function render() {
       var _this2 = this;
-
       var _this$props = this.props,
-          className = _this$props.className,
-          disabled = _this$props.disabled,
-          error = _this$props.error,
-          errorText = _this$props.errorText,
-          id = _this$props.id,
-          label = _this$props.label,
-          helperText = _this$props.helperText,
-          helperIcon = _this$props.helperIcon,
-          fullWidth = _this$props.fullWidth,
-          required = _this$props.required,
-          type = _this$props.type,
-          multiline = _this$props.multiline,
-          placeholder = _this$props.placeholder,
-          value = _this$props.value,
-          HiInputProps = _this$props.HiInputProps,
-          HiInputLabelProps = _this$props.HiInputLabelProps,
-          name = _this$props.name,
-          rows = _this$props.rows,
-          maxLength = _this$props.maxLength,
-          customRef = _this$props.customRef;
+        className = _this$props.className,
+        disabled = _this$props.disabled,
+        error = _this$props.error,
+        errorText = _this$props.errorText,
+        id = _this$props.id,
+        label = _this$props.label,
+        helperText = _this$props.helperText,
+        helperIcon = _this$props.helperIcon,
+        fullWidth = _this$props.fullWidth,
+        required = _this$props.required,
+        type = _this$props.type,
+        multiline = _this$props.multiline,
+        placeholder = _this$props.placeholder,
+        value = _this$props.value,
+        HiInputProps = _this$props.HiInputProps,
+        HiInputLabelProps = _this$props.HiInputLabelProps,
+        name = _this$props.name,
+        rows = _this$props.rows,
+        maxLength = _this$props.maxLength,
+        customRef = _this$props.customRef;
       var nbChars = this.state.nbChars;
       return /*#__PURE__*/_react.default.createElement(_HiFormControl.default, {
         label: label,
@@ -156,7 +133,6 @@ var HiTextField = /*#__PURE__*/function (_React$PureComponent) {
   }]);
   return HiTextField;
 }(_react.default.PureComponent);
-
 HiTextField.defaultProps = {
   name: '',
   type: 'text',