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

package/es/HiForm/HiFormLabel.test.js

@@ -0,0 +1,66 @@
+import React from 'react';
+import { assert } from 'chai';
+import { createShallow, createMount } from '../test-utils';
+import HiFormLabel from './HiFormLabel';
+describe('<HiFormLabel />', function () {
+  var shallow;
+  var mount;
+  before(function () {
+    shallow = createShallow({
+      dive: true
+    });
+  });
+  beforeEach(function () {
+    mount = createMount();
+  });
+  afterEach(function () {
+    mount.cleanUp();
+  });
+  it('should render a label', function () {
+    var wrapper = mount(React.createElement(HiFormLabel, {
+      label: "Test"
+    }));
+    assert.strictEqual(wrapper.find(HiFormLabel).length, 1, 'Should render 1 HiFormLabel');
+    assert.strictEqual(wrapper.find(HiFormLabel).find('label').length, 1, 'Should render 1 label');
+    assert.strictEqual(wrapper.find(HiFormLabel).find('label').text(), 'Test', 'Should render label');
+    wrapper.setProps({
+      required: false
+    });
+    wrapper.update();
+    assert.strictEqual(wrapper.find(HiFormLabel).find('label').text(), 'Test optional', 'Should render label optional');
+    wrapper.setProps({
+      required: false,
+      translations: {
+        optional: 'Optionnel'
+      }
+    });
+    wrapper.update();
+    assert.strictEqual(wrapper.find(HiFormLabel).find('label').text(), 'Test Optionnel', 'Should render label optional');
+  });
+  it('should render a label with children', function () {
+    var wrapper = mount(React.createElement(HiFormLabel, {
+      label: "Test"
+    }, React.createElement("p", null, " my children")));
+    assert.strictEqual(wrapper.find(HiFormLabel).find('label').text(), 'Test my children', 'Should render label with children');
+    wrapper.setProps({
+      required: false
+    });
+    wrapper.update();
+    assert.strictEqual(wrapper.find(HiFormLabel).find('label').text(), 'Test optional my children', 'Should render label optional');
+    wrapper.setProps({
+      required: false,
+      translations: {
+        optional: 'Optionnel'
+      }
+    });
+    wrapper.update();
+    assert.strictEqual(wrapper.find(HiFormLabel).find('label').text(), 'Test Optionnel my children', 'Should render label optional');
+  });
+  it('should pass className to the HiFormLabel', function () {
+    var wrapper = shallow(React.createElement(HiFormLabel, {
+      label: "Test",
+      className: "foo"
+    }));
+    assert.strictEqual(wrapper.dive().hasClass('foo'), true);
+  });
+});

package/es/HiForm/HiInput.js

@@ -1,45 +1,21 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.styles = void 0;
-
-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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
-
-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) {
+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) {
   return {
-    root: (0, _objectSpread2.default)({
+    root: _objectSpread({
       position: 'relative'
     }, theme.typography.b1, {
       borderBottom: "1px solid ".concat(theme.palette.input.bottomLine),
@@ -111,13 +87,13 @@ 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: (0, _objectSpread2.default)({}, theme.typography.b1, {
+    input: _objectSpread({}, theme.typography.b1, {
       fontWeight: theme.typography.fontWeightRegular,
       caretColor: theme.palette.primary.main,
       display: 'flex',
       alignItems: 'center'
     }),
-    inputPropsClassName: (0, _objectSpread2.default)({}, theme.typography.b1, {
+    inputPropsClassName: _objectSpread({}, theme.typography.b1, {
       padding: 0
     }),
     inputText: {
@@ -151,26 +127,20 @@ 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) {
-  (0, _inherits2.default)(HiInput, _React$PureComponent);
+  _inherits(HiInput, _React$PureComponent);
 
   function HiInput() {
     var _this;
 
-    (0, _classCallCheck2.default)(this, HiInput);
-    _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(HiInput).call(this));
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleKeyDown", function (event) {
-      var key = (0, _index.default)(event);
+    _classCallCheck(this, HiInput);
+
+    _this = _possibleConstructorReturn(this, _getPrototypeOf(HiInput).call(this));
+
+    _defineProperty(_assertThisInitialized(_this), "handleKeyDown", function (event) {
+      var key = keycode(event);
 
       if (_this.props.onKeyDown) {
         _this.props.onKeyDown(event);
@@ -180,27 +150,29 @@ function (_React$PureComponent) {
         _this.props.onSubmit(event);
       }
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleClick", function (event) {
+
+    _defineProperty(_assertThisInitialized(_this), "handleClick", function (event) {
       if (_this.props.onClick) {
         _this.props.onClick(event);
       }
     });
+
     _this.state = {
       focused: false
     };
-    _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));
+    _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));
     return _this;
   }
 
-  (0, _createClass2.default)(HiInput, [{
+  _createClass(HiInput, [{
     key: "getInputElement",
     value: function getInputElement(el) {
       this.inputElement = el;
@@ -339,8 +311,9 @@ function (_React$PureComponent) {
           startAdornmentColor = _this$props.startAdornmentColor,
           inputProps = _this$props.inputProps;
       var focused = this.state.focused;
-      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)
+
+      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)
       }, !disabled && {
         onClick: this.handleDivClick,
         onMouseEnter: this.handleMouseEnter,
@@ -348,22 +321,23 @@ function (_React$PureComponent) {
       }, {
         ref: this.handleOverlayRef
       });
+
       var leftIcon;
 
       if (startAdornment) {
         var _classNames2;
 
-        leftIcon = _react.default.createElement(_HiIcon.default, {
+        leftIcon = React.createElement(HiIcon, {
           icon: startAdornment,
           size: 20,
           color: startAdornmentColor,
           onClick: this.props.onLeftIconClick,
-          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))
+          className: classNames(classes.startAdornment, (_classNames2 = {}, _defineProperty(_classNames2, classes.startAdornmentFocus, focused), _defineProperty(_classNames2, classes.startAdornmentDisabled, disabled), _defineProperty(_classNames2, classes.iconPointer, this.props.onLeftIconClick), _classNames2))
         });
       } // Build endAdornment with eraseIcon + endAdornmentProps
 
 
-      var eraseIcon = !multiline && onReset && focused && !disabled && value.length > 0 && _react.default.createElement(_HiIconButton.default, {
+      var eraseIcon = !multiline && onReset && focused && !disabled && value.length > 0 && React.createElement(HiIconButton, {
         className: classes.eraseButton,
         classes: {
           label: classes.eraseButtonLabel
@@ -373,23 +347,26 @@ function (_React$PureComponent) {
         buttonRef: function buttonRef(el) {
           _this2.eraseIconNode = el;
         }
-      }, _ref);
-
+      }, React.createElement(HiIcon, {
+        icon: "close",
+        size: 20,
+        color: "neutral"
+      }));
       var endAdornment = endAdornmentProps;
 
       if (typeof endAdornmentProps === 'string' && endAdornmentProps !== '') {
         var _classNames3;
 
-        endAdornment = _react.default.createElement(_HiIcon.default, {
+        endAdornment = React.createElement(HiIcon, {
           icon: endAdornmentProps,
           size: 20,
           color: "neutral",
           onClick: this.props.onRightIconClick,
-          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))
+          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))
         });
       }
 
-      return _react.default.createElement("div", overlayProps, _react.default.createElement(_Input.default, {
+      return React.createElement("div", overlayProps, React.createElement(Input, {
         id: inputId,
         type: type,
         className: classes.input,
@@ -410,15 +387,15 @@ function (_React$PureComponent) {
         autoFocus: autoFocus,
         name: name,
         startAdornment: leftIcon,
-        endAdornment: _react.default.createElement("div", {
+        endAdornment: React.createElement("div", {
           className: classes.endAdornment,
           ref: function ref(el) {
             _this2.endAdornmentNode = el;
           }
         }, eraseIcon, endAdornment),
-        inputProps: (0, _objectSpread2.default)({
+        inputProps: _objectSpread({
           spellCheck: spellcheck ? "true" : "false",
-          className: (0, _classnames.default)(inputClassName, classes.inputPropsClassName, (_classNames4 = {}, (0, _defineProperty2.default)(_classNames4, classes.inputText, !multiline), (0, _defineProperty2.default)(_classNames4, classes.inputTextArea, multiline), _classNames4))
+          className: classNames(inputClassName, classes.inputPropsClassName, (_classNames4 = {}, _defineProperty(_classNames4, classes.inputText, !multiline), _defineProperty(_classNames4, classes.inputTextArea, multiline), _classNames4))
         }, inputProps)
       }));
     }
@@ -434,10 +411,11 @@ function (_React$PureComponent) {
       return null;
     }
   }]);
+
   return HiInput;
-}(_react.default.PureComponent);
+}(React.PureComponent);
 
-(0, _defineProperty2.default)(HiInput, "defaultProps", {
+_defineProperty(HiInput, "defaultProps", {
   value: '',
   placeholder: '',
   inputId: '',
@@ -451,9 +429,7 @@ function (_React$PureComponent) {
   spellcheck: false
 });
 
-var _default = (0, _styles.withStyles)(styles, {
+export default withStyles(styles, {
   hiComponent: true,
   name: 'HiMuiHiInput'
-})(HiInput);
-
-exports.default = _default;
+})(HiInput);

package/es/HiForm/HiInput.test.js

@@ -0,0 +1,202 @@
+import React from 'react';
+import { assert } from 'chai';
+import { spy } from 'sinon';
+import classNames from 'classnames';
+import { createShallow, createMount, getClasses } from '../test-utils';
+import HiInput from './HiInput';
+describe('<HiInput />', function () {
+  var shallow;
+  var mount;
+  var classes;
+  before(function () {
+    shallow = createShallow({
+      untilSelector: 'HiInput'
+    });
+    classes = getClasses(React.createElement(HiInput, {
+      value: '',
+      onChange: function onChange() {
+        return null;
+      },
+      onReset: function onReset() {
+        return null;
+      },
+      placeholder: 'Rechercher'
+    }));
+  });
+  beforeEach(function () {
+    mount = createMount();
+  });
+  afterEach(function () {
+    mount.cleanUp();
+  });
+  it('should render a td with an Lock icon for code 0', function () {
+    var handleBlur = spy();
+    var wrapper = shallow(React.createElement(HiInput, {
+      value: '',
+      onChange: function onChange() {
+        return null;
+      },
+      onReset: function onReset() {
+        return null;
+      },
+      placeholder: 'Rechercher',
+      autoFocus: false,
+      onBlur: handleBlur
+    }));
+    assert.strictEqual(wrapper.name(), 'div');
+    assert.strictEqual(wrapper.state().focused, false, 'Initial focus is false');
+  });
+  it('should have a fonctionnal input', function () {
+    var handleChange = spy();
+    var handleReset = spy();
+    var handleMouseEnter = spy();
+    var handleMouseLeave = spy();
+    var handleBlur = spy();
+    var handleFocus = spy();
+    var handleSubmit = spy();
+    var handleClick = spy();
+    var wrapper = mount(React.createElement(HiInput, {
+      value: 'test',
+      onClick: handleClick,
+      onChange: handleChange,
+      onReset: handleReset,
+      inputId: 'test-input',
+      onMouseEnter: handleMouseEnter,
+      onMouseLeave: handleMouseLeave,
+      onBlur: handleBlur,
+      onFocus: handleFocus,
+      onSubmit: handleSubmit
+    }));
+    assert.strictEqual(wrapper.find('input').length, 1);
+    assert.strictEqual(wrapper.find('input').props().type, 'text');
+    assert.strictEqual(wrapper.find('input').props().value, 'test');
+    assert.strictEqual(wrapper.find('input').props().placeholder, '');
+    wrapper.setProps({
+      placeholder: 'Rechercher'
+    });
+    wrapper.update();
+    assert.strictEqual(wrapper.find('input').props().placeholder, 'Rechercher');
+    wrapper.find('input').simulate('change', {
+      target: {
+        value: 'newValue'
+      }
+    });
+    assert.strictEqual(handleChange.callCount, 1);
+    assert.strictEqual(handleChange.args[0][0].target.value, 'newValue');
+    assert.strictEqual(wrapper.find('button').length, 0, 'should not have clear icon');
+    wrapper.find('input').simulate('focus');
+    assert.strictEqual(handleFocus.callCount, 1, 'should trigger focus callback');
+    assert.strictEqual(handleSubmit.callCount, 0, 'should not trigger handleSubmit');
+    assert.strictEqual(wrapper.find('button').length, 1, 'should have clear icon');
+    wrapper.find('button').simulate('click');
+    assert.strictEqual(handleReset.callCount, 1, 'should trigger reset callback');
+    assert.strictEqual(handleFocus.callCount, 2, 'should trigger focus callback');
+    assert.strictEqual(handleSubmit.callCount, 0, 'should not trigger handleSubmit');
+    assert.strictEqual(handleClick.callCount, 1, 'should call handleClick once');
+    wrapper.find('input').simulate('click');
+    var input = document.getElementById('test-input');
+    var divs = document.getElementsByClassName(classes.root);
+
+    if (!input) {
+      throw new Error('missing input');
+    }
+
+    assert.strictEqual(handleClick.callCount, 2, 'should call handleClick once more');
+    assert.strictEqual(divs.length, 1);
+    var rootDiv = divs[0];
+    var rootClass = classNames(classes.root, classes.inkbar);
+    var rootFocusClass = classNames(classes.root, classes.inkbar, classes.focused);
+    input.focus();
+    assert.strictEqual(rootDiv.className, rootFocusClass);
+    var focusedElement = document.activeElement;
+    assert.strictEqual(input, focusedElement, 'should trigger reset callback');
+    input.blur();
+    assert.strictEqual(rootDiv.className, rootClass);
+    wrapper.simulate('mouseEnter');
+    assert.strictEqual(handleMouseEnter.callCount, 1, 'should trigger mouse enter callback');
+    wrapper.simulate('mouseLeave');
+    assert.strictEqual(handleMouseLeave.callCount, 1, 'should trigger mouse leave callback'); // Press "enter" on HiSelectInput => onSubmit
+
+    wrapper.find('input').simulate('keydown', {
+      keyCode: 13
+    });
+    assert.strictEqual(handleSubmit.callCount, 1, 'should call handleSubmit once');
+  });
+  it('should not call callbacks', function () {
+    var handleChange = spy();
+    var handleReset = spy();
+    var handleMouseEnter = spy();
+    var handleMouseLeave = spy();
+    var handleBlur = spy();
+    var handleFocus = spy();
+    var wrapper = mount(React.createElement(HiInput, {
+      value: 'test',
+      inputId: 'test-input',
+      onReset: function onReset() {}
+    }));
+    assert.strictEqual(wrapper.find('button').length, 0, 'should not have clear icon');
+    wrapper.find('input').simulate('focus');
+    assert.strictEqual(wrapper.find('button').length, 1, 'should have clear icon');
+    wrapper.find('button').simulate('click');
+    assert.strictEqual(handleReset.callCount, 0, 'should not trigger reset callback');
+    assert.strictEqual(handleFocus.callCount, 0, 'should not trigger focus callback');
+    wrapper.find('input').simulate('change', {
+      target: {
+        value: 'newValue'
+      }
+    });
+    assert.strictEqual(handleChange.callCount, 0);
+    wrapper.find('input').simulate('click');
+    assert.strictEqual(handleBlur.callCount, 0, 'should not trigger blur callback');
+    wrapper.simulate('mouseEnter');
+    assert.strictEqual(handleMouseEnter.callCount, 0, 'should not trigger mouse enter callback');
+    wrapper.simulate('mouseLeave');
+    assert.strictEqual(handleMouseLeave.callCount, 0, 'should not trigger mouse leave callback');
+  });
+  describe('shallow', function () {
+    var wrapper;
+    beforeEach(function () {
+      wrapper = shallow(React.createElement(HiInput, {
+        value: 'test'
+      }));
+    });
+    describe('without icons', function () {
+      it('should have 1 child', function () {
+        assert.strictEqual(wrapper.children().length, 1);
+      });
+    });
+    describe('with clearIcon', function () {
+      beforeEach(function () {
+        wrapper.setProps({
+          onReset: function onReset() {}
+        });
+      });
+      it('should still have 1 child', function () {
+        assert.strictEqual(wrapper.children().length, 1);
+      });
+    });
+    describe('with rightIcon', function () {
+      beforeEach(function () {
+        wrapper.setProps({
+          startAdornment: 'Archive'
+        });
+      });
+      it('should have 1 child', function () {
+        assert.strictEqual(wrapper.children().length, 1);
+      });
+    });
+    describe('with multiline', function () {
+      beforeEach(function () {
+        wrapper.setProps({
+          onReset: function onReset() {},
+          leftIcon: 'Archive',
+          rightIcon: 'Eye',
+          multiline: true
+        });
+      });
+      it('should have 1 child', function () {
+        assert.strictEqual(wrapper.children().length, 1);
+      });
+    });
+  });
+});

package/es/HiForm/HiPasswordField.js

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