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

package/HiForm/HiFormControl.js

@@ -1,56 +1,25 @@
-"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 _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 _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 _Warning = _interopRequireDefault(require("@material-ui/icons/Warning"));
-
-var _Info = _interopRequireDefault(require("@material-ui/icons/Info"));
-
-var _FormControl = _interopRequireDefault(require("@material-ui/core/FormControl"));
-
-var _FormHelperText = _interopRequireDefault(require("@material-ui/core/FormHelperText"));
-
-var _styles = require("@material-ui/core/styles");
-
-var _HiFormLabel = _interopRequireDefault(require("./HiFormLabel"));
-
-var _HiIconButton = _interopRequireDefault(require("../HiIconButton"));
-
-var _helpers = require("../utils/helpers");
-
-var _index = _interopRequireDefault(require("keycode/index"));
-
+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 _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 // @inheritedComponent FormControl
-var styles = function styles(theme) {
+import React from 'react';
+import classNames from 'classnames';
+import Warning from '@material-ui/icons/Warning';
+import Info from '@material-ui/icons/Info';
+import FormControl from '@material-ui/core/FormControl';
+import FormHelperText from '@material-ui/core/FormHelperText';
+import { withStyles } from '@material-ui/core/styles';
+import HiFormLabel from './HiFormLabel';
+import HiIconButton from '../HiIconButton';
+import { escapeHTML } from '../utils/helpers';
+import keycode from 'keycode/index';
+export var styles = function styles(theme) {
   return {
     helperTextClassName: {
       color: theme.palette.neutral.main,
@@ -84,7 +53,7 @@ var styles = function styles(theme) {
     iconButtonInfo: {},
     iconButtonInfoActive: {},
     iconFullWidth: {},
-    errorDiv: (0, _objectSpread2.default)({}, theme.typography.b3, {
+    errorDiv: _objectSpread({}, theme.typography.b3, {
       backgroundColor: theme.palette.negative.main,
       color: '#FFFFFF',
       padding: '16px 8px',
@@ -114,7 +83,7 @@ var styles = function styles(theme) {
     errorDivArrowDown: {
       borderTopColor: theme.palette.negative.main
     },
-    helperDiv: (0, _objectSpread2.default)({}, theme.typography.b2, {
+    helperDiv: _objectSpread({}, theme.typography.b2, {
       width: '100%',
       backgroundColor: '#ffffff',
       color: theme.palette.neutral.normal,
@@ -139,20 +108,19 @@ var styles = function styles(theme) {
  * Champs input pour formulaire
  */
 
-
-exports.styles = styles;
-
 var HiFormControl =
 /*#__PURE__*/
 function (_React$PureComponent) {
-  (0, _inherits2.default)(HiFormControl, _React$PureComponent);
+  _inherits(HiFormControl, _React$PureComponent);
 
   function HiFormControl(props) {
     var _this;
 
-    (0, _classCallCheck2.default)(this, HiFormControl);
-    _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(HiFormControl).call(this, props));
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleHelperClick", function (event) {
+    _classCallCheck(this, HiFormControl);
+
+    _this = _possibleConstructorReturn(this, _getPrototypeOf(HiFormControl).call(this, props));
+
+    _defineProperty(_assertThisInitialized(_this), "handleHelperClick", function (event) {
       _this.setState(function (prevState) {
         return {
           helperOpen: !prevState.helperOpen
@@ -163,21 +131,24 @@ function (_React$PureComponent) {
         event.preventDefault();
       }
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleKeyDown", function (event) {
-      var key = (0, _index.default)(event);
+
+    _defineProperty(_assertThisInitialized(_this), "handleKeyDown", function (event) {
+      var key = keycode(event);
 
       if (['space', 'enter'].includes(key)) {
         _this.handleHelperClick(event);
       }
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleHover", function (value) {
+
+    _defineProperty(_assertThisInitialized(_this), "handleHover", function (value) {
       return function () {
         _this.setState({
           hovered: value
         });
       };
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleFocus", function (value) {
+
+    _defineProperty(_assertThisInitialized(_this), "handleFocus", function (value) {
       return function () {
         _this.setState({
           focused: value
@@ -190,19 +161,20 @@ function (_React$PureComponent) {
         }
       };
     });
+
     _this.state = {
       helperOpen: false,
       focused: false,
       hovered: false
     };
-    _this.handleHelperClick = _this.handleHelperClick.bind((0, _assertThisInitialized2.default)(_this));
-    _this.handleKeyDown = _this.handleKeyDown.bind((0, _assertThisInitialized2.default)(_this));
-    _this.handleFocus = _this.handleFocus.bind((0, _assertThisInitialized2.default)(_this));
-    _this.handleHover = _this.handleHover.bind((0, _assertThisInitialized2.default)(_this));
+    _this.handleHelperClick = _this.handleHelperClick.bind(_assertThisInitialized(_this));
+    _this.handleKeyDown = _this.handleKeyDown.bind(_assertThisInitialized(_this));
+    _this.handleFocus = _this.handleFocus.bind(_assertThisInitialized(_this));
+    _this.handleHover = _this.handleHover.bind(_assertThisInitialized(_this));
     return _this;
   }
 
-  (0, _createClass2.default)(HiFormControl, [{
+  _createClass(HiFormControl, [{
     key: "render",
     value: function render() {
       var _classNames2;
@@ -226,66 +198,68 @@ function (_React$PureComponent) {
           rootRef = _this$props.rootRef,
           maxLength = _this$props.maxLength,
           nbChars = _this$props.nbChars,
-          others = (0, _objectWithoutProperties2.default)(_this$props, ["children", "classes", "className", "disabled", "error", "errorText", "id", "label", "InputLabelProps", "helperText", "helperIcon", "FormHelperTextProps", "fullWidth", "required", "multiline", "rootRef", "maxLength", "nbChars"]);
+          others = _objectWithoutProperties(_this$props, ["children", "classes", "className", "disabled", "error", "errorText", "id", "label", "InputLabelProps", "helperText", "helperIcon", "FormHelperTextProps", "fullWidth", "required", "multiline", "rootRef", "maxLength", "nbChars"]);
+
       var _this$state = this.state,
           helperOpen = _this$state.helperOpen,
           focused = _this$state.focused,
           hovered = _this$state.hovered;
-      return _react.default.createElement(_FormControl.default, (0, _extends2.default)({
+      return React.createElement(FormControl, Object.assign({
         fullWidth: fullWidth,
         className: className,
         error: error,
         ref: rootRef
-      }, others), error && errorText && helperOpen && _react.default.createElement("div", {
+      }, others), error && errorText && helperOpen && React.createElement("div", {
         className: classes.errorDiv
-      }, _react.default.createElement("div", {
-        className: (0, _classnames.default)(classes.arrowDown, classes.errorDivArrowDown, fullWidth ? [classes.arrowFullWidth] : [classes.arrowNotFullWidth])
-      }), _react.default.createElement("span", {
+      }, React.createElement("div", {
+        className: classNames(classes.arrowDown, classes.errorDivArrowDown, fullWidth ? [classes.arrowFullWidth] : [classes.arrowNotFullWidth])
+      }), React.createElement("span", {
         // eslint-disable-next-line react/no-danger
         dangerouslySetInnerHTML: {
-          __html: (0, _helpers.escapeHTML)(errorText)
+          __html: escapeHTML(errorText)
         }
-      })), helperIcon && helperText && !error && helperOpen && _react.default.createElement("div", {
+      })), helperIcon && helperText && !error && helperOpen && React.createElement("div", {
         className: classes.helperDiv
-      }, _react.default.createElement("div", {
-        className: (0, _classnames.default)(classes.arrowDown, classes.helperDivArrowDown, fullWidth ? [classes.arrowFullWidth] : [classes.arrowNotFullWidth])
-      }), _react.default.createElement("span", {
+      }, React.createElement("div", {
+        className: classNames(classes.arrowDown, classes.helperDivArrowDown, fullWidth ? [classes.arrowFullWidth] : [classes.arrowNotFullWidth])
+      }), React.createElement("span", {
         // eslint-disable-next-line react/no-danger
         dangerouslySetInnerHTML: {
-          __html: (0, _helpers.escapeHTML)(helperText)
+          __html: escapeHTML(helperText)
         }
-      })), label && _react.default.createElement(_HiFormLabel.default, (0, _extends2.default)({
+      })), label && React.createElement(HiFormLabel, Object.assign({
         htmlFor: id,
         label: label,
         required: required,
         disabled: disabled,
         focused: !disabled && (focused || hovered)
-      }, InputLabelProps), error && errorText && _react.default.createElement(_HiIconButton.default, {
-        className: (0, _classnames.default)(classes.iconButton, classes.iconButtonError, (0, _defineProperty2.default)({}, classes.iconFullWidth, fullWidth)),
+      }, InputLabelProps), error && errorText && React.createElement(HiIconButton, {
+        className: classNames(classes.iconButton, classes.iconButtonError, _defineProperty({}, classes.iconFullWidth, fullWidth)),
         onClick: this.handleHelperClick
-      }, _react.default.createElement(_Warning.default, {
-        className: (0, _classnames.default)(classes.icon)
-      })), helperIcon && helperText && !error && _react.default.createElement(_HiIconButton.default, {
-        className: (0, _classnames.default)(classes.iconButton, classes.iconButtonInfo, (_classNames2 = {}, (0, _defineProperty2.default)(_classNames2, classes.iconButtonInfoActive, helperOpen), (0, _defineProperty2.default)(_classNames2, classes.iconFullWidth, fullWidth), _classNames2)),
+      }, React.createElement(Warning, {
+        className: classNames(classes.icon)
+      })), helperIcon && helperText && !error && React.createElement(HiIconButton, {
+        className: classNames(classes.iconButton, classes.iconButtonInfo, (_classNames2 = {}, _defineProperty(_classNames2, classes.iconButtonInfoActive, helperOpen), _defineProperty(_classNames2, classes.iconFullWidth, fullWidth), _classNames2)),
         onClick: this.handleHelperClick
-      }, _react.default.createElement(_Info.default, {
-        className: (0, _classnames.default)(classes.icon)
-      }))), _react.default.createElement("div", {
+      }, React.createElement(Info, {
+        className: classNames(classes.icon)
+      }))), React.createElement("div", {
         onMouseEnter: this.handleHover(true),
         onMouseLeave: this.handleHover(false),
         onFocus: this.handleFocus(true),
         onBlur: this.handleFocus(false)
-      }, children), !multiline && helperText && !helperIcon && _react.default.createElement(_FormHelperText.default, (0, _extends2.default)({
+      }, children), !multiline && helperText && !helperIcon && React.createElement(FormHelperText, Object.assign({
         className: classes.helperTextClassName
-      }, FormHelperTextProps), helperText), multiline && _react.default.createElement(_FormHelperText.default, (0, _extends2.default)({
+      }, FormHelperTextProps), helperText), multiline && React.createElement(FormHelperText, Object.assign({
         className: classes.helperTextClassName
       }, FormHelperTextProps), nbChars, "/", maxLength));
     }
   }]);
+
   return HiFormControl;
-}(_react.default.PureComponent);
+}(React.PureComponent);
 
-(0, _defineProperty2.default)(HiFormControl, "defaultProps", {
+_defineProperty(HiFormControl, "defaultProps", {
   fullWidth: true,
   required: true,
   disabled: false,
@@ -298,9 +272,7 @@ function (_React$PureComponent) {
   maxLength: 280
 });
 
-var _default = (0, _styles.withStyles)(styles, {
+export default withStyles(styles, {
   hiComponent: true,
   name: 'HmuiHiFormControl'
-})(HiFormControl);
-
-exports.default = _default;
+})(HiFormControl);

package/HiForm/HiFormControl.test.js

@@ -0,0 +1,195 @@
+/* eslint-disable */
+import React from 'react';
+import { assert } from 'chai';
+import { spy } from 'sinon';
+import { createShallow, createMount } from '../test-utils';
+import Info from '@material-ui/icons/Info';
+import HiFormControl from './HiFormControl';
+import HiIconButton from '../HiIconButton';
+import HiFormLabel from './HiFormLabel';
+import HiInput from './HiInput';
+import FormControl from '@material-ui/core/FormControl';
+import FormHelperText from '@material-ui/core/FormHelperText';
+describe('<HiFormControl />', function () {
+  var shallow;
+  var mount;
+  before(function () {
+    shallow = createShallow({
+      dive: true
+    });
+  });
+  beforeEach(function () {
+    mount = createMount();
+  });
+  afterEach(function () {
+    mount.cleanUp();
+  });
+  describe('shallow', function () {
+    var wrapper;
+    beforeEach(function () {
+      wrapper = shallow(React.createElement(HiFormControl, null, React.createElement(HiInput, null)));
+    });
+    describe('structure', function () {
+      it('should be a FormControl', function () {
+        assert.strictEqual(wrapper.name(), 'WithStyles(FormControl)');
+        assert.strictEqual(wrapper.dive().name(), 'FormControl');
+      });
+      it('should have initial props', function () {
+        assert.strictEqual(wrapper.props().error, false);
+      });
+      it('should pass className to the FormControl', function () {
+        wrapper.setProps({
+          className: 'foo'
+        });
+        assert.strictEqual(wrapper.dive().hasClass('foo'), true);
+      });
+      it('should have one child', function () {
+        assert.strictEqual(wrapper.children().length, 1);
+      });
+      it('should forward the fullWidth prop to FormControl', function () {
+        wrapper = shallow(React.createElement(HiFormControl, {
+          fullWidth: true
+        }));
+        assert.strictEqual(wrapper.props().fullWidth, true);
+      });
+      it('should display help', function () {
+        assert.strictEqual(wrapper.state().helperOpen, false);
+        wrapper.setProps({
+          label: 'Label',
+          helperText: 'helper',
+          helperIcon: true
+        });
+        var helperIcon = wrapper.find(HiIconButton);
+        assert.strictEqual(wrapper.childAt(0).type(), HiFormLabel, 'helper div should not be here');
+        helperIcon.simulate('click');
+        assert.strictEqual(wrapper.state().helperOpen, true, 'helper should be open');
+        assert.strictEqual(wrapper.childAt(0).type(), 'div', 'helper div should be here');
+      });
+    });
+    describe('with a label', function () {
+      beforeEach(function () {
+        wrapper.setProps({
+          label: 'Foo bar'
+        });
+      });
+      it('should have 2 children', function () {
+        assert.strictEqual(wrapper.children().length, 2);
+      });
+      it('should have an HiFormLabel as the first child', function () {
+        assert.strictEqual(wrapper.childAt(0).type(), HiFormLabel);
+      });
+      it('should have a div as the second child', function () {
+        assert.strictEqual(wrapper.childAt(1).type(), 'div');
+      });
+    });
+    describe('with a helper text', function () {
+      beforeEach(function () {
+        wrapper.setProps({
+          helperText: 'Foo bar'
+        });
+      });
+      it('should have 2 children', function () {
+        assert.strictEqual(wrapper.children().length, 2);
+      });
+      it('should have a FormHelperText as the second child', function () {
+        assert.strictEqual(wrapper.childAt(1).type(), FormHelperText);
+      });
+      it('should have a div as the first child', function () {
+        assert.strictEqual(wrapper.childAt(0).type(), 'div');
+      });
+    });
+    describe('with a helper text', function () {
+      beforeEach(function () {
+        wrapper.setProps({
+          multiline: true
+        });
+      });
+      it('should have 2 children', function () {
+        assert.strictEqual(wrapper.children().length, 2);
+      });
+    });
+  });
+  describe('mount', function () {
+    var wrapper;
+    var handleBlur = spy();
+    var handleFocus = spy();
+    beforeEach(function () {
+      wrapper = mount(React.createElement(HiFormControl, {
+        onBlur: handleBlur,
+        onFocus: handleFocus,
+        helperText: "helper"
+      }));
+    });
+    describe('callbacks', function () {
+      it('should be called', function () {
+        wrapper.find(FormControl).simulate('focus');
+        assert.strictEqual(handleFocus.callCount, 1, 'should trigger focus callback');
+        wrapper.find(FormControl).simulate('blur');
+        assert.strictEqual(handleBlur.callCount, 1, 'should trigger blur callback');
+      });
+    });
+    describe('without callbacks (for 100% Branch coverage', function () {
+      it('should not be called', function () {
+        // wrapper = mount(
+        //     <HiFormControl
+        //         value="defaultValue"
+        //         label="label"
+        //         helperText="My helper"
+        //         helperIcon
+        //     />,
+        // );
+        wrapper.find(FormControl).simulate('blur');
+      });
+    });
+    describe('helpers', function () {
+      it('should be displayed', function () {
+        assert.strictEqual(wrapper.find('p').text(), 'helper', 'Should render helper');
+      });
+    });
+    describe('helpers on multiline', function () {
+      it('should be displayed', function () {
+        assert.strictEqual(wrapper.find('p').text(), 'helper', 'Should render helper');
+      });
+      it('should display nbChars/maxLength', function () {
+        wrapper.setProps({
+          multiline: true,
+          nbChars: 5,
+          maxLength: 200
+        });
+        assert.strictEqual(wrapper.find('p').text(), '5/200', 'Should render helper');
+      });
+    });
+    describe('helpers', function () {
+      it('should be displayed', function () {
+        wrapper.setProps({
+          helperIcon: true,
+          value: 'Default value',
+          label: 'label'
+        });
+        assert.strictEqual(wrapper.find('p').length, 0, 'Should not have helper p');
+        assert.strictEqual(wrapper.find(Info).length, 1, 'Should have helper icon');
+        assert.strictEqual(wrapper.childAt(0).text(), 'label', 'First child should be the label');
+        var helperIcon = wrapper.find(Info);
+        helperIcon.simulate('click');
+        assert.strictEqual(wrapper.childAt(0).text(), 'helperlabel', 'First child should be the helper div');
+      });
+    });
+    describe('errors', function () {
+      it('should be displayed', function () {
+        wrapper.unmount();
+        wrapper = mount(React.createElement(HiFormControl, {
+          value: "defaultValue",
+          label: "label",
+          error: true,
+          errorText: "My error"
+        }));
+        assert.strictEqual(wrapper.find('p').length, 0, 'Should not have error p');
+        assert.strictEqual(wrapper.find(HiIconButton).length, 1, 'Should have error icon');
+        assert.strictEqual(wrapper.childAt(0).text(), 'label', 'First child should be the label');
+        var errorIcon = wrapper.find(HiIconButton);
+        errorIcon.simulate('click');
+        assert.strictEqual(wrapper.childAt(0).text(), 'My errorlabel', 'First child should be the error div');
+      });
+    });
+  });
+});

package/HiForm/HiFormLabel.js

@@ -1,42 +1,19 @@
-"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 _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 _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 _InputLabel = _interopRequireDefault(require("@material-ui/core/InputLabel"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _styles = require("@material-ui/core/styles");
-
+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 _inherits from "@babel/runtime/helpers/esm/inherits";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 // @inheritedComponent InputLabel
-var styles = function styles(theme) {
+import React from 'react';
+import InputLabel from '@material-ui/core/InputLabel';
+import classNames from 'classnames';
+import { withStyles } from '@material-ui/core/styles';
+export var styles = function styles(theme) {
   return {
-    root: (0, _objectSpread2.default)({}, theme.typography.h4, {
+    root: _objectSpread({}, theme.typography.h4, {
       fontWeight: theme.typography.fontWeightRegular,
       color: theme.palette.neutral.main,
       position: 'inherit',
@@ -64,20 +41,18 @@ var styles = function styles(theme) {
  * Label pour champs de formulaire
  */
 
-
-exports.styles = styles;
-
 var HiFormLabel =
 /*#__PURE__*/
 function (_React$PureComponent) {
-  (0, _inherits2.default)(HiFormLabel, _React$PureComponent);
+  _inherits(HiFormLabel, _React$PureComponent);
 
   function HiFormLabel() {
-    (0, _classCallCheck2.default)(this, HiFormLabel);
-    return (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(HiFormLabel).apply(this, arguments));
+    _classCallCheck(this, HiFormLabel);
+
+    return _possibleConstructorReturn(this, _getPrototypeOf(HiFormLabel).apply(this, arguments));
   }
 
-  (0, _createClass2.default)(HiFormLabel, [{
+  _createClass(HiFormLabel, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
@@ -90,9 +65,10 @@ function (_React$PureComponent) {
           required = _this$props.required,
           translations = _this$props.translations,
           focused = _this$props.focused,
-          other = (0, _objectWithoutProperties2.default)(_this$props, ["classes", "className", "children", "htmlFor", "label", "InputLabelProps", "required", "translations", "focused"]);
-      var className = (0, _classnames.default)(classes.root, classNameProp);
-      return _react.default.createElement(_InputLabel.default, (0, _extends2.default)({
+          other = _objectWithoutProperties(_this$props, ["classes", "className", "children", "htmlFor", "label", "InputLabelProps", "required", "translations", "focused"]);
+
+      var className = classNames(classes.root, classNameProp);
+      return React.createElement(InputLabel, Object.assign({
         htmlFor: htmlFor,
         className: className,
         focused: focused,
@@ -102,24 +78,23 @@ function (_React$PureComponent) {
           error: classes.error,
           focused: classes.focused
         }
-      }, InputLabelProps, other), label, !required && _react.default.createElement("span", {
+      }, InputLabelProps, other), label, !required && React.createElement("span", {
         className: classes.optional
       }, " ", translations.optional), children);
     }
   }]);
+
   return HiFormLabel;
-}(_react.default.PureComponent);
+}(React.PureComponent);
 
-(0, _defineProperty2.default)(HiFormLabel, "defaultProps", {
+_defineProperty(HiFormLabel, "defaultProps", {
   required: true,
   translations: {
     optional: 'optional'
   }
 });
 
-var _default = (0, _styles.withStyles)(styles, {
+export default withStyles(styles, {
   hiComponent: true,
   name: 'HmuiHiFormLabel'
-})(HiFormLabel);
-
-exports.default = _default;
+})(HiFormLabel);