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

package/HiForm/HiTextField.js

@@ -1,62 +1,44 @@
-"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 _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 _react = _interopRequireDefault(require("react"));
-
-var _HiFormControl = _interopRequireDefault(require("./HiFormControl"));
-
-var _HiInput = _interopRequireDefault(require("./HiInput"));
-
+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";
 // @inheritedComponent TextField
-
+import React from 'react';
+import HiFormControl from './HiFormControl';
+import HiInput from './HiInput';
 /**
  * Champs input pour formulaire
  */
+
 var HiTextField =
 /*#__PURE__*/
 function (_React$PureComponent) {
-  (0, _inherits2.default)(HiTextField, _React$PureComponent);
+  _inherits(HiTextField, _React$PureComponent);
 
   function HiTextField(props) {
     var _this;
 
-    (0, _classCallCheck2.default)(this, HiTextField);
-    _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(HiTextField).call(this, props));
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "focus", function () {
+    _classCallCheck(this, HiTextField);
+
+    _this = _possibleConstructorReturn(this, _getPrototypeOf(HiTextField).call(this, props));
+
+    _defineProperty(_assertThisInitialized(_this), "focus", function () {
       _this.input.focus();
     });
+
     _this.state = {
       nbChars: props.value ? props.value.length : 0
     };
-    _this.handleBlur = _this.handleBlur.bind((0, _assertThisInitialized2.default)(_this));
-    _this.handleChange = _this.handleChange.bind((0, _assertThisInitialized2.default)(_this));
-    _this.handleFocus = _this.handleFocus.bind((0, _assertThisInitialized2.default)(_this));
+    _this.handleBlur = _this.handleBlur.bind(_assertThisInitialized(_this));
+    _this.handleChange = _this.handleChange.bind(_assertThisInitialized(_this));
+    _this.handleFocus = _this.handleFocus.bind(_assertThisInitialized(_this));
     return _this;
   }
 
-  (0, _createClass2.default)(HiTextField, [{
+  _createClass(HiTextField, [{
     key: "handleBlur",
     value: function handleBlur(event) {
       if (this.props.onBlur) {
@@ -113,7 +95,7 @@ function (_React$PureComponent) {
           rows = _this$props.rows,
           maxLength = _this$props.maxLength;
       var nbChars = this.state.nbChars;
-      return _react.default.createElement(_HiFormControl.default, {
+      return React.createElement(HiFormControl, {
         label: label,
         required: required,
         disabled: disabled,
@@ -127,7 +109,7 @@ function (_React$PureComponent) {
         maxLength: maxLength,
         nbChars: nbChars,
         InputLabelProps: HiInputLabelProps
-      }, _react.default.createElement(_HiInput.default, (0, _extends2.default)({
+      }, React.createElement(HiInput, Object.assign({
         inputId: id,
         name: name,
         type: type,
@@ -150,10 +132,11 @@ function (_React$PureComponent) {
       }, HiInputProps)));
     }
   }]);
+
   return HiTextField;
-}(_react.default.PureComponent);
+}(React.PureComponent);
 
-(0, _defineProperty2.default)(HiTextField, "defaultProps", {
+_defineProperty(HiTextField, "defaultProps", {
   name: '',
   type: 'text',
   fullWidth: true,
@@ -166,5 +149,5 @@ function (_React$PureComponent) {
   multiline: false,
   maxLength: 280
 });
-var _default = HiTextField;
-exports.default = _default;
+
+export default HiTextField;

package/HiForm/HiTextField.test.js

@@ -0,0 +1,254 @@
+import React from 'react';
+import { assert } from 'chai';
+import { spy } from 'sinon';
+import { createShallow, createMount } from '../test-utils';
+import Warning from '@material-ui/icons/Warning';
+import Info from '@material-ui/icons/Info';
+import HiTextField from './HiTextField';
+import HiInput from './HiInput';
+describe('<HiTextField />', 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(HiTextField, {
+        id: "text",
+        HiInputProps: {
+          name: 'testName',
+          startAdornment: 'Archive',
+          className: 'fullWidth'
+        }
+      }));
+    });
+    describe('shallow', function () {
+      it('should be a FormControl', function () {
+        assert.strictEqual(wrapper.name(), 'HiFormControl');
+        assert.strictEqual(wrapper.dive().name(), 'WithStyles(FormControl)');
+      });
+      it('should have initial props', function () {
+        assert.strictEqual(wrapper.props().error, false);
+        assert.strictEqual(wrapper.childAt(0).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 an HiInput as the only child', function () {
+        assert.strictEqual(wrapper.children().length, 1);
+        assert.strictEqual(wrapper.childAt(0).type(), HiInput);
+      });
+      it('should forward the error prop to Input', function () {
+        wrapper = shallow(React.createElement(HiTextField, {
+          id: "text",
+          error: true
+        }));
+        assert.strictEqual(wrapper.childAt(0).props().error, true);
+      });
+      it('should forward the fullWidth prop to FormControl', function () {
+        wrapper = shallow(React.createElement(HiTextField, {
+          id: "text",
+          fullWidth: true
+        }));
+        assert.strictEqual(wrapper.props().fullWidth, true);
+      });
+      it('should pass HiInputProps to the HiInput', function () {
+        assert.strictEqual(wrapper.find(HiInput).props().startAdornment, 'Archive');
+      });
+      it('should apply additional properties to the Input component', function () {
+        wrapper.setProps({
+          HiInputProps: {
+            className: 'fullWidth'
+          }
+        });
+        assert.strictEqual(wrapper.find(HiInput).props().className, 'fullWidth');
+      });
+    });
+    describe('with a label', function () {
+      beforeEach(function () {
+        wrapper.setProps({
+          label: 'Foo bar'
+        });
+      });
+      it('should have 1 child', function () {
+        assert.strictEqual(wrapper.children().length, 1);
+      });
+      it('should have an HiInput as the first child', function () {
+        assert.strictEqual(wrapper.childAt(0).type(), HiInput);
+      });
+    });
+    describe('with a helper text', function () {
+      beforeEach(function () {
+        wrapper.setProps({
+          helperText: 'Foo bar'
+        });
+      });
+      it('should have 1 child', function () {
+        assert.strictEqual(wrapper.children().length, 1);
+      });
+      /* it('should have a FormHelperText as the second child', () => {
+          assert.strictEqual(wrapper.childAt(1).type(), FormHelperText);
+      }); */
+
+      it('should have an HiInput as the first child', function () {
+        assert.strictEqual(wrapper.childAt(0).type(), HiInput);
+      });
+    });
+  });
+  describe('mount', function () {
+    var wrapper;
+    var handleChange = spy();
+    var handleReset = spy();
+    var handleBlur = spy();
+    var handleFocus = spy();
+    describe('callbacks', function () {
+      it('should be called', function () {
+        wrapper = mount(React.createElement(HiTextField, {
+          id: "text",
+          onChange: handleChange,
+          onReset: handleReset,
+          onBlur: handleBlur,
+          onFocus: handleFocus,
+          value: "defaultValue",
+          helperText: "helper",
+          maxLength: 20
+        }));
+        wrapper.find('input').simulate('change', {
+          target: {
+            value: 'newValue'
+          }
+        });
+        assert.strictEqual(handleChange.callCount, 1, 'should trigger change callback');
+        assert.strictEqual(handleChange.args[0][0].target.value, 'newValue');
+        assert.strictEqual(wrapper.state().nbChars, 12);
+        wrapper.find('input').simulate('change', {
+          target: {
+            value: '1234567890123456789012345'
+          }
+        });
+        assert.strictEqual(handleChange.callCount, 1, 'should not trigger change callback');
+        assert.strictEqual(wrapper.state().nbChars, 12);
+        wrapper.find('input').simulate('focus');
+        assert.strictEqual(handleFocus.callCount, 1, 'should trigger focus callback');
+        wrapper.find('button').simulate('click');
+        assert.strictEqual(handleReset.callCount, 1, 'should trigger reset callback');
+        wrapper.find('input').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(React.createElement(HiTextField, {
+          id: "text",
+          value: "defaultValue",
+          label: "label",
+          helperText: "My helper",
+          helperIcon: true,
+          onReset: function onReset() {}
+        }));
+        wrapper.find('input').simulate('change', {
+          target: {
+            value: 'newValue'
+          }
+        });
+        assert.strictEqual(wrapper.find('button').length, 1, 'should not have clear icon');
+        wrapper.find('input').simulate('focus');
+        assert.strictEqual(wrapper.find('button').length, 2, 'should not have clear icon');
+        wrapper.find('button').at(1).simulate('click');
+        wrapper.find('input').simulate('blur');
+      });
+    });
+    describe('helpers', function () {
+      it('should be displayed', function () {
+        wrapper = mount(React.createElement(HiTextField, {
+          id: "text",
+          onChange: handleChange,
+          onReset: handleReset,
+          onBlur: handleBlur,
+          onFocus: handleFocus,
+          value: "defaultValue",
+          helperText: "helper",
+          maxLength: 20
+        }));
+        assert.strictEqual(wrapper.find('p').text(), 'helper', 'Should render helper');
+      });
+    });
+    describe('helpers', function () {
+      it('should be displayed', function () {
+        wrapper = mount(React.createElement(HiTextField, {
+          id: "text",
+          value: "defaultValue",
+          label: "label",
+          helperText: "My helper",
+          helperIcon: true
+        }));
+        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(), 'My helperlabel', 'First child should be the helper div');
+      });
+    });
+    describe('errors', function () {
+      it('should be displayed', function () {
+        wrapper = mount(React.createElement(HiTextField, {
+          id: "text",
+          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(Warning).length, 1, 'Should have error icon');
+        assert.strictEqual(wrapper.childAt(0).text(), 'label', 'First child should be the label');
+        var errorIcon = wrapper.find(Warning);
+        errorIcon.simulate('click');
+        assert.strictEqual(wrapper.childAt(0).text(), 'My errorlabel', 'First child should be the error div');
+      });
+    });
+    describe('state with multiline', function () {
+      it('should be good', function () {
+        var handleChange1 = spy();
+        wrapper = mount(React.createElement(HiTextField, {
+          id: "text",
+          onChange: handleChange1,
+          value: "defaultValue",
+          multiline: true
+        }));
+        assert.strictEqual(wrapper.state().nbChars, 12);
+        wrapper.find('textarea').first().simulate('change', {
+          target: {
+            value: 'newValue'
+          }
+        });
+        wrapper.find('textarea').at(1).simulate('change', {
+          target: {
+            value: 'newValue'
+          }
+        });
+        wrapper.find('textarea').at(2).simulate('change', {
+          target: {
+            value: 'newValue'
+          }
+        });
+        assert.strictEqual(handleChange1.callCount, 1, 'should trigger change callback');
+        assert.strictEqual(handleChange1.args[0][0].target.value, 'newValue');
+        assert.strictEqual(wrapper.state().nbChars, 8);
+      });
+    });
+  });
+});

package/HiForm/HiUpload.js

@@ -1,43 +1,18 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.styles = void 0;
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
-
-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 _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 _react = _interopRequireDefault(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _index = _interopRequireDefault(require("keycode/index"));
-
-var _styles = require("@material-ui/core/styles");
-
-var _HiUploadInput = _interopRequireDefault(require("./HiUploadInput"));
-
-var _HiIcon = _interopRequireDefault(require("../HiIcon"));
-
-var styles = function styles(theme) {
+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 classNames from 'classnames';
+import keycode from 'keycode/index';
+import { withStyles } from '@material-ui/core/styles';
+import HiUploadInput from './HiUploadInput';
+import HiIcon from '../HiIcon';
+export var styles = function styles(theme) {
   return {
     flexContainer: {
       display: 'flex',
@@ -86,19 +61,19 @@ var styles = function styles(theme) {
   };
 };
 
-exports.styles = styles;
-
 var HiUpload =
 /*#__PURE__*/
 function (_React$PureComponent) {
-  (0, _inherits2.default)(HiUpload, _React$PureComponent);
+  _inherits(HiUpload, _React$PureComponent);
 
   function HiUpload() {
     var _this;
 
-    (0, _classCallCheck2.default)(this, HiUpload);
-    _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(HiUpload).call(this));
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleDrop", function (event) {
+    _classCallCheck(this, HiUpload);
+
+    _this = _possibleConstructorReturn(this, _getPrototypeOf(HiUpload).call(this));
+
+    _defineProperty(_assertThisInitialized(_this), "handleDrop", function (event) {
       if (event.path[0].id === _this.uploadIconRef.props.id) {
         event.preventDefault();
         event.stopPropagation();
@@ -120,7 +95,8 @@ function (_React$PureComponent) {
         }
       }
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleDragEnter", function (event) {
+
+    _defineProperty(_assertThisInitialized(_this), "handleDragEnter", function (event) {
       event.preventDefault();
       event.stopPropagation();
 
@@ -144,7 +120,8 @@ function (_React$PureComponent) {
         }
       }
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleDragLeave", function (event) {
+
+    _defineProperty(_assertThisInitialized(_this), "handleDragLeave", function (event) {
       event.preventDefault();
       event.stopPropagation();
 
@@ -160,18 +137,21 @@ function (_React$PureComponent) {
         });
       }
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleChange", function (event) {
+
+    _defineProperty(_assertThisInitialized(_this), "handleChange", function (event) {
       var index = _this.getNextInputIndex();
 
       var param = _this.handleFile(event.target.files, index);
 
       _this.props.onChange(param, index);
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleEmptyField", function (event) {
+
+    _defineProperty(_assertThisInitialized(_this), "handleEmptyField", function (event) {
       event.target.value = '';
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleKeyPress", function (event) {
-      var key = (0, _index.default)(event);
+
+    _defineProperty(_assertThisInitialized(_this), "handleKeyPress", function (event) {
+      var key = keycode(event);
 
       if (key === 'enter' || key === 'space') {
         event.preventDefault();
@@ -179,7 +159,8 @@ function (_React$PureComponent) {
         _this.uploadInput.click();
       }
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleFile", function (files, index) {
+
+    _defineProperty(_assertThisInitialized(_this), "handleFile", function (files, index) {
       var error = false;
       var errorMessage = '';
       var file = null;
@@ -206,7 +187,8 @@ function (_React$PureComponent) {
         value: file
       };
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "createInputs", function (others) {
+
+    _defineProperty(_assertThisInitialized(_this), "createInputs", function (others) {
       var _this$props = _this.props,
           inputs = _this$props.inputs,
           values = _this$props.values;
@@ -220,7 +202,7 @@ function (_React$PureComponent) {
 
       for (var i = 0; i < files.length; i += 1) {
         if (files.length > 1 || values[i] && values[i].value) {
-          inputComponents.push(_react.default.createElement(_HiUploadInput.default, (0, _extends2.default)({
+          inputComponents.push(React.createElement(HiUploadInput, Object.assign({
             maxSize: inputs[i] ? inputs[i].maxSize : undefined,
             acceptedTypes: inputs[i] ? inputs[i].acceptedTypes : undefined,
             placeholder: inputs[i] ? inputs[i].placeholder : undefined,
@@ -238,7 +220,9 @@ function (_React$PureComponent) {
 
       return inputComponents;
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "uploadFieldRef", void 0);
+
+    _defineProperty(_assertThisInitialized(_this), "uploadFieldRef", void 0);
+
     _this.state = {
       dragOver: false,
       droppable: false
@@ -247,7 +231,7 @@ function (_React$PureComponent) {
   } // When component mounts, we add eventListeners to handle the file drag and drop
 
 
-  (0, _createClass2.default)(HiUpload, [{
+  _createClass(HiUpload, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       this.uploadFieldRef.addEventListener('dragenter', this.handleDragEnter, false);
@@ -300,7 +284,8 @@ function (_React$PureComponent) {
           classes = _this$props2.classes,
           values = _this$props2.values,
           focused = _this$props2.focused,
-          others = (0, _objectWithoutProperties2.default)(_this$props2, ["id", "inputs", "classes", "values", "focused"]);
+          others = _objectWithoutProperties(_this$props2, ["id", "inputs", "classes", "values", "focused"]);
+
       var _this$state = this.state,
           dragOver = _this$state.dragOver,
           droppable = _this$state.droppable;
@@ -326,7 +311,7 @@ function (_React$PureComponent) {
         }
       }
 
-      var statusClass = (0, _classnames.default)(classes.statusIcon, (_classNames = {}, (0, _defineProperty2.default)(_classNames, classes.empty, empty), (0, _defineProperty2.default)(_classNames, classes.complete, complete), _classNames));
+      var statusClass = classNames(classes.statusIcon, (_classNames = {}, _defineProperty(_classNames, classes.empty, empty), _defineProperty(_classNames, classes.complete, complete), _classNames));
       var icon;
 
       if (error) {
@@ -343,15 +328,15 @@ function (_React$PureComponent) {
         focusable = false;
       }
 
-      var iconClass = (0, _classnames.default)(statusClass, classes.fileButton, (_classNames2 = {}, (0, _defineProperty2.default)(_classNames2, classes.dragOver, dragOver), (0, _defineProperty2.default)(_classNames2, classes.droppable, droppable), (0, _defineProperty2.default)(_classNames2, classes.focused, focused), (0, _defineProperty2.default)(_classNames2, classes.error, error && !focused), (0, _defineProperty2.default)(_classNames2, classes.focusable, focusable), _classNames2));
-      return _react.default.createElement("div", {
+      var iconClass = classNames(statusClass, classes.fileButton, (_classNames2 = {}, _defineProperty(_classNames2, classes.dragOver, dragOver), _defineProperty(_classNames2, classes.droppable, droppable), _defineProperty(_classNames2, classes.focused, focused), _defineProperty(_classNames2, classes.error, error && !focused), _defineProperty(_classNames2, classes.focusable, focusable), _classNames2));
+      return React.createElement("div", {
         className: classes.flexContainer
-      }, _react.default.createElement("label", {
+      }, React.createElement("label", {
         ref: function ref(label) {
           _this2.uploadFieldRef = label;
         },
         tabIndex: "-1"
-      }, _react.default.createElement("input", {
+      }, React.createElement("input", {
         hidden: true,
         type: !complete || values.length === 1 ? 'file' : 'hidden',
         onChange: this.handleChange,
@@ -359,7 +344,7 @@ function (_React$PureComponent) {
         ref: function ref(el) {
           _this2.uploadInput = el;
         }
-      }), _react.default.createElement(_HiIcon.default, {
+      }), React.createElement(HiIcon, {
         ref: function ref(uploadIcon) {
           _this2.uploadIconRef = uploadIcon;
         },
@@ -369,17 +354,16 @@ function (_React$PureComponent) {
         size: 32,
         tabIndex: focusable ? '0' : '-1',
         onKeyPress: this.handleKeyPress
-      })), _react.default.createElement("div", {
+      })), React.createElement("div", {
         className: classes.inputContainer
       }, this.createInputs(others)));
     }
   }]);
+
   return HiUpload;
-}(_react.default.PureComponent);
+}(React.PureComponent);
 
-var _default = (0, _styles.withStyles)(styles, {
+export default withStyles(styles, {
   hiComponent: true,
   name: 'HmuiHiUpload'
-})(HiUpload);
-
-exports.default = _default;
+})(HiUpload);