@hipay/hipay-material-ui 2.3.1-rc4 → 2.3.1-rc5

package/HiForm/HiInput.js

@@ -1,21 +1,45 @@
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
-import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import React from 'react';
-import classNames from 'classnames';
-import keycode from 'keycode/index';
-import Input from '@material-ui/core/Input';
-import HiIcon from '../HiIcon';
-import HiIconButton from '../HiIconButton';
-import { withStyles } from '@material-ui/core/styles';
-export var styles = function styles(theme) {
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.styles = 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 _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/assertThisInitialized"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _index = _interopRequireDefault(require("keycode/index"));
+
+var _Input = _interopRequireDefault(require("@material-ui/core/Input"));
+
+var _HiIcon = _interopRequireDefault(require("../HiIcon"));
+
+var _HiIconButton = _interopRequireDefault(require("../HiIconButton"));
+
+var _styles = require("@material-ui/core/styles");
+
+var styles = function styles(theme) {
   return {
-    root: _objectSpread({
+    root: (0, _objectSpread2.default)({
       position: 'relative'
     }, theme.typography.b1, {
       borderBottom: "1px solid ".concat(theme.palette.input.bottomLine),
@@ -87,13 +111,13 @@ export var styles = function styles(theme) {
       // Ajout d'1px pour ne pas avoir de décalage en mode error avec le border right
       marginRight: '-1px'
     },
-    input: _objectSpread({}, theme.typography.b1, {
+    input: (0, _objectSpread2.default)({}, theme.typography.b1, {
       fontWeight: theme.typography.fontWeightRegular,
       caretColor: theme.palette.primary.main,
       display: 'flex',
       alignItems: 'center'
     }),
-    inputPropsClassName: _objectSpread({}, theme.typography.b1, {
+    inputPropsClassName: (0, _objectSpread2.default)({}, theme.typography.b1, {
       padding: 0
     }),
     inputText: {
@@ -127,20 +151,27 @@ export var styles = function styles(theme) {
   };
 };
 
+exports.styles = styles;
+
+var _ref = _react.default.createElement(_HiIcon.default, {
+  icon: "close",
+  size: 20,
+  color: "neutral"
+});
+
 var HiInput =
 /*#__PURE__*/
 function (_React$PureComponent) {
-  _inherits(HiInput, _React$PureComponent);
+  (0, _inherits2.default)(HiInput, _React$PureComponent);
 
   function HiInput() {
     var _this;
 
-    _classCallCheck(this, HiInput);
-
-    _this = _possibleConstructorReturn(this, _getPrototypeOf(HiInput).call(this));
+    (0, _classCallCheck2.default)(this, HiInput);
+    _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(HiInput).call(this));
 
-    _defineProperty(_assertThisInitialized(_this), "handleKeyDown", function (event) {
-      var key = keycode(event);
+    _this.handleKeyDown = function (event) {
+      var key = (0, _index.default)(event);
 
       if (_this.props.onKeyDown) {
         _this.props.onKeyDown(event);
@@ -149,30 +180,30 @@ function (_React$PureComponent) {
       if (key === 'enter' && _this.props.onSubmit) {
         _this.props.onSubmit(event);
       }
-    });
+    };
 
-    _defineProperty(_assertThisInitialized(_this), "handleClick", function (event) {
+    _this.handleClick = function (event) {
       if (_this.props.onClick) {
         _this.props.onClick(event);
       }
-    });
+    };
 
     _this.state = {
       focused: false
     };
-    _this.handleChange = _this.handleChange.bind(_assertThisInitialized(_this));
-    _this.handleFocus = _this.handleFocus.bind(_assertThisInitialized(_this));
-    _this.handleDivClick = _this.handleDivClick.bind(_assertThisInitialized(_this));
-    _this.handleBlur = _this.handleBlur.bind(_assertThisInitialized(_this));
-    _this.handleReset = _this.handleReset.bind(_assertThisInitialized(_this));
-    _this.handleMouseEnter = _this.handleMouseEnter.bind(_assertThisInitialized(_this));
-    _this.handleMouseLeave = _this.handleMouseLeave.bind(_assertThisInitialized(_this));
-    _this.getInputElement = _this.getInputElement.bind(_assertThisInitialized(_this));
-    _this.handleOverlayRef = _this.handleOverlayRef.bind(_assertThisInitialized(_this));
+    _this.handleChange = _this.handleChange.bind((0, _assertThisInitialized2.default)(_this));
+    _this.handleFocus = _this.handleFocus.bind((0, _assertThisInitialized2.default)(_this));
+    _this.handleDivClick = _this.handleDivClick.bind((0, _assertThisInitialized2.default)(_this));
+    _this.handleBlur = _this.handleBlur.bind((0, _assertThisInitialized2.default)(_this));
+    _this.handleReset = _this.handleReset.bind((0, _assertThisInitialized2.default)(_this));
+    _this.handleMouseEnter = _this.handleMouseEnter.bind((0, _assertThisInitialized2.default)(_this));
+    _this.handleMouseLeave = _this.handleMouseLeave.bind((0, _assertThisInitialized2.default)(_this));
+    _this.getInputElement = _this.getInputElement.bind((0, _assertThisInitialized2.default)(_this));
+    _this.handleOverlayRef = _this.handleOverlayRef.bind((0, _assertThisInitialized2.default)(_this));
     return _this;
   }
 
-  _createClass(HiInput, [{
+  (0, _createClass2.default)(HiInput, [{
     key: "getInputElement",
     value: function getInputElement(el) {
       this.inputElement = el;
@@ -311,9 +342,8 @@ function (_React$PureComponent) {
           startAdornmentColor = _this$props.startAdornmentColor,
           inputProps = _this$props.inputProps;
       var focused = this.state.focused;
-
-      var overlayProps = _objectSpread({
-        className: classNames(classes.root, (_classNames = {}, _defineProperty(_classNames, classes.disabled, disabled && !error), _defineProperty(_classNames, classes.inkbar, !disabled), _defineProperty(_classNames, classes.focused, focused), _defineProperty(_classNames, classes.error, error), _classNames), className)
+      var overlayProps = (0, _objectSpread2.default)({
+        className: (0, _classnames.default)(classes.root, (_classNames = {}, (0, _defineProperty2.default)(_classNames, classes.disabled, disabled && !error), (0, _defineProperty2.default)(_classNames, classes.inkbar, !disabled), (0, _defineProperty2.default)(_classNames, classes.focused, focused), (0, _defineProperty2.default)(_classNames, classes.error, error), _classNames), className)
       }, !disabled && {
         onClick: this.handleDivClick,
         onMouseEnter: this.handleMouseEnter,
@@ -321,23 +351,22 @@ function (_React$PureComponent) {
       }, {
         ref: this.handleOverlayRef
       });
-
       var leftIcon;
 
       if (startAdornment) {
         var _classNames2;
 
-        leftIcon = React.createElement(HiIcon, {
+        leftIcon = _react.default.createElement(_HiIcon.default, {
           icon: startAdornment,
           size: 20,
           color: startAdornmentColor,
           onClick: this.props.onLeftIconClick,
-          className: classNames(classes.startAdornment, (_classNames2 = {}, _defineProperty(_classNames2, classes.startAdornmentFocus, focused), _defineProperty(_classNames2, classes.startAdornmentDisabled, disabled), _defineProperty(_classNames2, classes.iconPointer, this.props.onLeftIconClick), _classNames2))
+          className: (0, _classnames.default)(classes.startAdornment, (_classNames2 = {}, (0, _defineProperty2.default)(_classNames2, classes.startAdornmentFocus, focused), (0, _defineProperty2.default)(_classNames2, classes.startAdornmentDisabled, disabled), (0, _defineProperty2.default)(_classNames2, classes.iconPointer, this.props.onLeftIconClick), _classNames2))
         });
       } // Build endAdornment with eraseIcon + endAdornmentProps
 
 
-      var eraseIcon = !multiline && onReset && focused && !disabled && value.length > 0 && React.createElement(HiIconButton, {
+      var eraseIcon = !multiline && onReset && focused && !disabled && value.length > 0 && _react.default.createElement(_HiIconButton.default, {
         className: classes.eraseButton,
         classes: {
           label: classes.eraseButtonLabel
@@ -347,26 +376,23 @@ function (_React$PureComponent) {
         buttonRef: function buttonRef(el) {
           _this2.eraseIconNode = el;
         }
-      }, React.createElement(HiIcon, {
-        icon: "close",
-        size: 20,
-        color: "neutral"
-      }));
+      }, _ref);
+
       var endAdornment = endAdornmentProps;
 
       if (typeof endAdornmentProps === 'string' && endAdornmentProps !== '') {
         var _classNames3;
 
-        endAdornment = React.createElement(HiIcon, {
+        endAdornment = _react.default.createElement(_HiIcon.default, {
           icon: endAdornmentProps,
           size: 20,
           color: "neutral",
           onClick: this.props.onRightIconClick,
-          className: classNames(classes.rightIcon, (_classNames3 = {}, _defineProperty(_classNames3, classes.rightIconFocus, focused), _defineProperty(_classNames3, classes.rightIconDisabled, disabled), _defineProperty(_classNames3, classes.rightIconError, error), _defineProperty(_classNames3, classes.iconPointer, this.props.onRightIconClick), _classNames3))
+          className: (0, _classnames.default)(classes.rightIcon, (_classNames3 = {}, (0, _defineProperty2.default)(_classNames3, classes.rightIconFocus, focused), (0, _defineProperty2.default)(_classNames3, classes.rightIconDisabled, disabled), (0, _defineProperty2.default)(_classNames3, classes.rightIconError, error), (0, _defineProperty2.default)(_classNames3, classes.iconPointer, this.props.onRightIconClick), _classNames3))
         });
       }
 
-      return React.createElement("div", overlayProps, React.createElement(Input, {
+      return _react.default.createElement("div", overlayProps, _react.default.createElement(_Input.default, {
         id: inputId,
         type: type,
         className: classes.input,
@@ -387,15 +413,15 @@ function (_React$PureComponent) {
         autoFocus: autoFocus,
         name: name,
         startAdornment: leftIcon,
-        endAdornment: React.createElement("div", {
+        endAdornment: _react.default.createElement("div", {
           className: classes.endAdornment,
           ref: function ref(el) {
             _this2.endAdornmentNode = el;
           }
         }, eraseIcon, endAdornment),
-        inputProps: _objectSpread({
+        inputProps: (0, _objectSpread2.default)({
           spellCheck: spellcheck ? "true" : "false",
-          className: classNames(inputClassName, classes.inputPropsClassName, (_classNames4 = {}, _defineProperty(_classNames4, classes.inputText, !multiline), _defineProperty(_classNames4, classes.inputTextArea, multiline), _classNames4))
+          className: (0, _classnames.default)(inputClassName, classes.inputPropsClassName, (_classNames4 = {}, (0, _defineProperty2.default)(_classNames4, classes.inputText, !multiline), (0, _defineProperty2.default)(_classNames4, classes.inputTextArea, multiline), _classNames4))
         }, inputProps)
       }));
     }
@@ -411,11 +437,10 @@ function (_React$PureComponent) {
       return null;
     }
   }]);
-
   return HiInput;
-}(React.PureComponent);
+}(_react.default.PureComponent);
 
-_defineProperty(HiInput, "defaultProps", {
+HiInput.defaultProps = {
   value: '',
   placeholder: '',
   inputId: '',
@@ -427,9 +452,11 @@ _defineProperty(HiInput, "defaultProps", {
   error: false,
   onlyNumbers: false,
   spellcheck: false
-});
+};
 
-export default withStyles(styles, {
+var _default = (0, _styles.withStyles)(styles, {
   hiComponent: true,
   name: 'HiMuiHiInput'
-})(HiInput);
+})(HiInput);
+
+exports.default = _default;

package/HiForm/HiPasswordField.js

@@ -1,18 +1,42 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
-import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.styles = 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 _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/assertThisInitialized"));
+
+var _inherits2 = _interopRequireDefault(require("@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
-import React from 'react';
-import classNames from 'classnames';
-import { withStyles } from '@material-ui/core/styles';
-import HiTextField from './HiTextField';
-export var styles = function styles() {
+var styles = function styles() {
   return {
     inputPassword: {
       fontWeight: 'bolder',
@@ -26,25 +50,27 @@ export var styles = function styles() {
  * Champs input email pour formulaire
  */
 
+
+exports.styles = styles;
+
 var HiPasswordField =
 /*#__PURE__*/
 function (_React$Component) {
-  _inherits(HiPasswordField, _React$Component);
+  (0, _inherits2.default)(HiPasswordField, _React$Component);
 
   function HiPasswordField(props) {
     var _this;
 
-    _classCallCheck(this, HiPasswordField);
-
-    _this = _possibleConstructorReturn(this, _getPrototypeOf(HiPasswordField).call(this, props));
+    (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(_assertThisInitialized(_this));
+    _this.handlePasswordToggle = _this.handlePasswordToggle.bind((0, _assertThisInitialized2.default)(_this));
     return _this;
   }
 
-  _createClass(HiPasswordField, [{
+  (0, _createClass2.default)(HiPasswordField, [{
     key: "handlePasswordToggle",
     value: function handlePasswordToggle() {
       this.setState(function (prevState) {
@@ -59,15 +85,14 @@ function (_React$Component) {
       var _this$props = this.props,
           classes = _this$props.classes,
           HiInputProps = _this$props.HiInputProps,
-          otherProps = _objectWithoutProperties(_this$props, ["classes", "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 = classNames(_defineProperty({}, classes.inputPassword, !this.state.showText && otherProps.value !== ""));
-      return React.createElement(HiTextField, Object.assign({}, otherProps, {
+      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: _objectSpread({
+        HiInputProps: (0, _objectSpread2.default)({
           placeholder: ''
         }, HiInputProps, {
           endAdornment: endAdornment,
@@ -77,11 +102,12 @@ function (_React$Component) {
       }));
     }
   }]);
-
   return HiPasswordField;
-}(React.Component);
+}(_react.default.Component);
 
-export default withStyles(styles, {
+var _default = (0, _styles.withStyles)(styles, {
   hiComponent: true,
   name: 'HmuiHiPasswordField'
-})(HiPasswordField);
+})(HiPasswordField);
+
+exports.default = _default;

package/HiForm/HiSearchField.js

@@ -1,41 +1,58 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
-import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import React from 'react';
-import HiInput from './HiInput';
+"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 _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/assertThisInitialized"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
+
+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) {
-  _inherits(HiSearchField, _React$Component);
+  (0, _inherits2.default)(HiSearchField, _React$Component);
 
   function HiSearchField(props) {
     var _this;
 
-    _classCallCheck(this, HiSearchField);
-
-    _this = _possibleConstructorReturn(this, _getPrototypeOf(HiSearchField).call(this, props));
+    (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(_assertThisInitialized(_this));
-    _this.handleChange = _this.handleChange.bind(_assertThisInitialized(_this));
-    _this.handleReset = _this.handleReset.bind(_assertThisInitialized(_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;
   }
 
-  _createClass(HiSearchField, [{
+  (0, _createClass2.default)(HiSearchField, [{
     key: "filterOnProperties",
     value: function filterOnProperties(item, search) {
       if (!this.props.filterPropertyList || this.props.filterPropertyList.length < 1) {
@@ -118,9 +135,8 @@ function (_React$Component) {
     value: function render() {
       var _this$props = this.props,
           placeholder = _this$props.placeholder,
-          others = _objectWithoutProperties(_this$props, ["placeholder"]);
-
-      return React.createElement(HiInput, Object.assign({
+          others = (0, _objectWithoutProperties2.default)(_this$props, ["placeholder"]);
+      return _react.default.createElement(_HiInput.default, (0, _extends2.default)({
         placeholder: placeholder,
         onReset: this.handleReset,
         onChange: this.handleChange,
@@ -129,12 +145,11 @@ function (_React$Component) {
       }, others));
     }
   }]);
-
   return HiSearchField;
-}(React.Component);
+}(_react.default.Component);
 
-_defineProperty(HiSearchField, "defaultProps", {
+HiSearchField.defaultProps = {
   placeholder: 'Search'
-});
-
-export default HiSearchField;
+};
+var _default = HiSearchField;
+exports.default = _default;