@hipay/hipay-material-ui 4.0.0 → 4.0.1-beta5

package/HiForm/HiUploadField.js

@@ -1,53 +1,73 @@
 "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 _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
+
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/possibleConstructorReturn"));
+
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _HiFormControl = _interopRequireDefault(require("./HiFormControl"));
+
 var _HiUpload = _interopRequireDefault(require("./HiUpload"));
+
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
+
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
 var HiUploadField = /*#__PURE__*/function (_React$PureComponent) {
   (0, _inherits2.default)(HiUploadField, _React$PureComponent);
+
   var _super = _createSuper(HiUploadField);
+
   function HiUploadField() {
     (0, _classCallCheck2.default)(this, HiUploadField);
     return _super.apply(this, arguments);
   }
+
   (0, _createClass2.default)(HiUploadField, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
-        className = _this$props.className,
-        label = _this$props.label,
-        helperIcon = _this$props.helperIcon,
-        helperText = _this$props.helperText,
-        values = _this$props.values,
-        fullWidth = _this$props.fullWidth,
-        required = _this$props.required,
-        HiInputLabelProps = _this$props.HiInputLabelProps,
-        others = (0, _objectWithoutProperties2.default)(_this$props, ["className", "label", "helperIcon", "helperText", "values", "fullWidth", "required", "HiInputLabelProps"]);
+          className = _this$props.className,
+          label = _this$props.label,
+          helperIcon = _this$props.helperIcon,
+          helperText = _this$props.helperText,
+          values = _this$props.values,
+          fullWidth = _this$props.fullWidth,
+          required = _this$props.required,
+          HiInputLabelProps = _this$props.HiInputLabelProps,
+          others = (0, _objectWithoutProperties2.default)(_this$props, ["className", "label", "helperIcon", "helperText", "values", "fullWidth", "required", "HiInputLabelProps"]);
       var empty = true;
       var error = false;
       var errorText = '';
+
       for (var i = 0, len = values.length; i < len; i += 1) {
         var value = values[i];
+
         if (value !== undefined) {
           empty = value.value !== null && !value.error ? false : empty;
           error = value.error || error;
           errorText += "".concat(value.errorMessage);
         }
       }
+
       return /*#__PURE__*/_react.default.createElement(_HiFormControl.default, {
         label: label,
         className: className,
@@ -65,6 +85,7 @@ var HiUploadField = /*#__PURE__*/function (_React$PureComponent) {
   }]);
   return HiUploadField;
 }(_react.default.PureComponent);
+
 HiUploadField.defaultProps = {
   helperText: '',
   helperIcon: false,
@@ -72,4 +93,5 @@ HiUploadField.defaultProps = {
   fullWidth: false,
   required: true
 };
-var _default = exports.default = HiUploadField;
+var _default = HiUploadField;
+exports.default = _default;

package/HiForm/HiUploadInput.js

@@ -1,26 +1,43 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.styles = exports.default = void 0;
+
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
+
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
+
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
+
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
+
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/possibleConstructorReturn"));
+
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
+
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
+
 var _HiIconButton = _interopRequireDefault(require("../HiIconButton"));
+
 var _RemoveRedEye = _interopRequireDefault(require("@mui/icons-material/RemoveRedEye"));
+
 var _Delete = _interopRequireDefault(require("@mui/icons-material/Delete"));
+
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
+
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-var styles = exports.styles = function styles(theme) {
+
+var styles = function styles(theme) {
   return {
     root: (0, _objectSpread2.default)({
       position: 'relative'
@@ -55,8 +72,8 @@ var styles = exports.styles = function styles(theme) {
           easing: theme.transitions.easing.ease
         }),
         pointerEvents: 'none' // Transparent to the hover style.
-      },
 
+      },
       '&:hover:not($disabled):before': {
         backgroundColor: theme.palette.input.bottomLine,
         height: 2
@@ -86,8 +103,8 @@ var styles = exports.styles = function styles(theme) {
             easing: theme.transitions.easing.easeOut
           }),
           pointerEvents: 'none' // Transparent to the hover style.
-        },
 
+        },
         '&:hover:after': {
           transform: 'scaleX(1)'
         },
@@ -152,25 +169,36 @@ var styles = exports.styles = function styles(theme) {
     }
   };
 };
+
+exports.styles = styles;
+
 var _ref = /*#__PURE__*/_react.default.createElement(_RemoveRedEye.default, null);
+
 var _ref2 = /*#__PURE__*/_react.default.createElement(_Delete.default, null);
+
 var HiUploadInput = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2.default)(HiUploadInput, _React$Component);
+
   var _super = _createSuper(HiUploadInput);
+
   function HiUploadInput(props) {
     var _this;
+
     (0, _classCallCheck2.default)(this, HiUploadInput);
     _this = _super.call(this, props);
-    // Action when files are dropped on the field
+
     _this.handleDrop = function (event) {
       if (event.target === _this.uploadFieldRef) {
         event.preventDefault();
         event.stopPropagation();
+
         if (_this.state.droppable) {
           var param = _this.handleFile(event.dataTransfer.files);
+
           _this.setState({
             dragOver: false
           });
+
           _this.props.onChange(param, _this.props.index);
         } else {
           _this.setState({
@@ -180,17 +208,20 @@ var HiUploadInput = /*#__PURE__*/function (_React$Component) {
         }
       }
     };
-    // Action when files are dragged over the field.
+
     _this.handleDragEnter = function (event) {
       event.preventDefault();
       event.stopPropagation();
+
       if (event.target === _this.uploadFieldRef) {
         if (event.dataTransfer.items.length !== 1) {
           event.dataTransfer.dropEffect = 'none';
+
           _this.props.onChange({
             errorMessage: _this.props.translations.errorDragEnter,
             value: null
           }, _this.props.index);
+
           _this.setState({
             dragOver: true
           });
@@ -202,46 +233,56 @@ var HiUploadInput = /*#__PURE__*/function (_React$Component) {
         }
       }
     };
-    // Action when files are not dragged over the field anymore.
+
     _this.handleDragLeave = function (event) {
       event.preventDefault();
       event.stopPropagation();
+
       if (event.target === _this.uploadFieldRef && event.relatedTarget.parentElement !== _this.uploadFieldRef) {
         _this.props.onChange({
           errorMessage: '',
           value: null
         }, _this.props.index);
+
         _this.setState({
           droppable: false,
           dragOver: false
         });
       }
     };
+
     _this.handleChange = function (event) {
       var param = _this.handleFile(event.target.files);
+
       _this.props.onChange(param, _this.props.index);
     };
+
     _this.handleDeleteFile = function () {
       _this.props.onDeleteFile(_this.props.index);
     };
+
     _this.handleEmptyField = function (event) {
       event.target.value = '';
     };
+
     _this.handleSeeFile = function () {
       _this.props.onSeeFile(_this.props.value);
     };
-    // Handles the file wether it is selected via the input or dropped on it.
+
     _this.handleFile = function (files) {
       var error = false;
       var errorMessage = '';
       var file = null;
+
       if (files.length === 1) {
         file = files[0];
         errorMessage = '';
+
         if (file.size > _this.props.maxSize) {
           errorMessage += _this.props.translations.errorSize.replace('maxSize', _this.props.maxSize / 1000000);
           error = true;
         }
+
         if (_this.props.acceptedTypes.length !== 0 && _this.props.acceptedTypes.indexOf(file.type) === -1) {
           errorMessage += _this.props.translations.errorType;
           error = true;
@@ -249,12 +290,14 @@ var HiUploadInput = /*#__PURE__*/function (_React$Component) {
       } else {
         errorMessage = _this.props.translations.errorDropMultiple;
       }
+
       return {
         errorMessage: errorMessage,
         error: error,
         value: file
       };
     };
+
     _this.uploadFieldRef = void 0;
     _this.state = {
       errorMessage: '',
@@ -262,9 +305,9 @@ var HiUploadInput = /*#__PURE__*/function (_React$Component) {
       droppable: false
     };
     return _this;
-  }
+  } // When component mounts, we add eventListeners to handle the file drag and drop
+
 
-  // When component mounts, we add eventListeners to handle the file drag and drop
   (0, _createClass2.default)(HiUploadInput, [{
     key: "componentDidMount",
     value: function componentDidMount() {
@@ -284,27 +327,33 @@ var HiUploadInput = /*#__PURE__*/function (_React$Component) {
         event.preventDefault();
       }, false);
       this.uploadFieldRef.removeEventListener('drop', this.handleDrop, false);
-    }
+    } // Action when files are dropped on the field
+
   }, {
     key: "render",
     value: function render() {
-      var _this2 = this;
+      var _classNames,
+          _this2 = this;
+
       var _this$props = this.props,
-        placeholder = _this$props.placeholder,
-        classes = _this$props.classes,
-        disabled = _this$props.disabled,
-        focused = _this$props.focused,
-        value = _this$props.value,
-        error = _this$props.error;
+          placeholder = _this$props.placeholder,
+          classes = _this$props.classes,
+          disabled = _this$props.disabled,
+          focused = _this$props.focused,
+          value = _this$props.value,
+          error = _this$props.error;
       var _this$state = this.state,
-        dragOver = _this$state.dragOver,
-        errorMessage = _this$state.errorMessage,
-        droppable = _this$state.droppable; // On utilise classNames pour variabiliser les styles et merger les classes appliquées
-      var rootClass = (0, _classnames.default)(classes.root, classes.inkbar, classes.underline, (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, classes.disabled, disabled), classes.focused, focused), classes.error, error && !focused), classes.dragOver, dragOver), classes.droppable, droppable));
+          dragOver = _this$state.dragOver,
+          errorMessage = _this$state.errorMessage,
+          droppable = _this$state.droppable; // On utilise classNames pour variabiliser les styles et merger les classes appliquées
+
+      var rootClass = (0, _classnames.default)(classes.root, classes.inkbar, classes.underline, (_classNames = {}, (0, _defineProperty2.default)(_classNames, classes.disabled, disabled), (0, _defineProperty2.default)(_classNames, classes.focused, focused), (0, _defineProperty2.default)(_classNames, classes.error, error && !focused), (0, _defineProperty2.default)(_classNames, classes.dragOver, dragOver), (0, _defineProperty2.default)(_classNames, classes.droppable, droppable), _classNames));
+
       var eyeButton = /*#__PURE__*/_react.default.createElement(_HiIconButton.default, {
         className: classes.icon,
         onClick: this.handleSeeFile
       }, _ref);
+
       return /*#__PURE__*/_react.default.createElement("div", {
         className: rootClass
       }, /*#__PURE__*/_react.default.createElement("label", {
@@ -327,6 +376,7 @@ var HiUploadInput = /*#__PURE__*/function (_React$Component) {
   }]);
   return HiUploadInput;
 }(_react.default.Component);
+
 HiUploadInput.defaultProps = {
   placeholder: 'Choose a file',
   disabled: false,
@@ -341,7 +391,10 @@ HiUploadInput.defaultProps = {
     errorDragEnter: 'Contenu non correct'
   }
 };
-var _default = exports.default = (0, _withStyles.default)(styles, {
+
+var _default = (0, _withStyles.default)(styles, {
   hiComponent: true,
   name: 'HmuiHiUploadInput'
-})(HiUploadInput);
+})(HiUploadInput);
+
+exports.default = _default;

package/HiForm/index.js

@@ -1,6 +1,7 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -70,14 +71,25 @@ Object.defineProperty(exports, "HiUploadField", {
     return _HiUploadField.default;
   }
 });
+
 var _HiAddressField = _interopRequireDefault(require("./HiAddressField"));
+
 var _HiEmailField = _interopRequireDefault(require("./HiEmailField"));
+
 var _HiFormControl = _interopRequireDefault(require("./HiFormControl"));
+
 var _HiFormLabel = _interopRequireDefault(require("./HiFormLabel"));
+
 var _HiInput = _interopRequireDefault(require("./HiInput"));
+
 var _HiPasswordField = _interopRequireDefault(require("./HiPasswordField"));
+
 var _HiSearchField = _interopRequireDefault(require("./HiSearchField"));
+
 var _HiSlider = _interopRequireDefault(require("./HiSlider"));
+
 var _HiTextField = _interopRequireDefault(require("./HiTextField"));
+
 var _HiUpload = _interopRequireDefault(require("./HiUpload"));
+
 var _HiUploadField = _interopRequireDefault(require("./HiUploadField"));

package/HiIcon/HiIcon.js

@@ -1,24 +1,39 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 var _typeof3 = require("@babel/runtime/helpers/typeof");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useStyles = exports.default = void 0;
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
+
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
+
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/typeof"));
+
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _Icon = _interopRequireDefault(require("@mui/material/Icon"));
+
 var _makeStyles = _interopRequireDefault(require("@mui/styles/makeStyles"));
+
 var _helpers = require("../utils/helpers");
+
 var hiSvgIcons = _interopRequireWildcard(require("../hi-svg-icons"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof3(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-var useStyles = exports.useStyles = (0, _makeStyles.default)(function (theme) {
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof3(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var useStyles = (0, _makeStyles.default)(function (theme) {
   return {
     /* Styles applied to the root element. */
     root: {
@@ -26,6 +41,7 @@ var useStyles = exports.useStyles = (0, _makeStyles.default)(function (theme) {
         if (theme.palette[props.color]) {
           return theme.palette[props.color].main;
         }
+
         return theme.palette.primary.main;
       }
     },
@@ -34,18 +50,22 @@ var useStyles = exports.useStyles = (0, _makeStyles.default)(function (theme) {
     }
   };
 });
+exports.useStyles = useStyles;
+
 var HiIcon = _react.default.forwardRef(function (props, ref) {
   var children = props.children,
-    className = props.className,
-    icon = props.icon,
-    size = props.size,
-    color = props.color,
-    other = (0, _objectWithoutProperties2.default)(props, ["children", "className", "icon", "size", "color"]);
+      className = props.className,
+      icon = props.icon,
+      size = props.size,
+      color = props.color,
+      other = (0, _objectWithoutProperties2.default)(props, ["children", "className", "icon", "size", "color"]);
   var classes = useStyles(props);
   var iconName = icon !== null ? icon : children;
+
   if (iconName && (0, _typeof2.default)(iconName) === 'object') {
     return iconName;
   }
+
   var iconType = (0, _react.useMemo)(function () {
     if (iconName && iconName.indexOf('fa-') === 0) {
       return 'line_awesome';
@@ -55,6 +75,7 @@ var HiIcon = _react.default.forwardRef(function (props, ref) {
       return 'mui';
     }
   }, [iconName]);
+
   switch (iconType) {
     case 'line_awesome':
       return /*#__PURE__*/_react.default.createElement("i", (0, _extends2.default)({
@@ -64,6 +85,7 @@ var HiIcon = _react.default.forwardRef(function (props, ref) {
           fontSize: size
         }
       }, other));
+
     case 'hipay':
       var HipayIconName = hiSvgIcons[(0, _helpers.capitalize)((0, _helpers.camelize)(iconName))];
       return /*#__PURE__*/_react.default.createElement(HipayIconName, (0, _extends2.default)({
@@ -72,6 +94,7 @@ var HiIcon = _react.default.forwardRef(function (props, ref) {
         color: 'currentColor',
         size: size
       }, other));
+
     case 'mui':
     default:
       // console.log({ ...props });
@@ -85,9 +108,11 @@ var HiIcon = _react.default.forwardRef(function (props, ref) {
       }, other), iconName);
   }
 });
+
 HiIcon.defaultProps = {
   color: 'inherit',
   icon: null,
   size: 20
 };
-var _default = exports.default = HiIcon;
+var _default = HiIcon;
+exports.default = _default;

package/HiIcon/index.js

@@ -1,6 +1,7 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -10,4 +11,5 @@ Object.defineProperty(exports, "default", {
     return _HiIcon.default;
   }
 });
+
 var _HiIcon = _interopRequireDefault(require("./HiIcon"));

package/HiIconButton/HiIconButton.js

@@ -1,30 +1,41 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useStyles = exports.default = void 0;
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
+
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
+
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _styles = require("@mui/material/styles");
+
 var _makeStyles = _interopRequireDefault(require("@mui/styles/makeStyles"));
+
 var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
-// @inheritedComponent IconButton
 
-var useStyles = exports.useStyles = (0, _makeStyles.default)(function (theme) {
+// @inheritedComponent IconButton
+var useStyles = (0, _makeStyles.default)(function (theme) {
   return {
     label: {},
     rootCustomColor: function rootCustomColor(props) {
       var color;
+
       if (theme.palette[props.color]) {
         color = theme.palette[props.color].main;
       } else if (props.color.charAt(0) === '#') {
         color = props.color;
       }
+
       if (!color) return {};
       return {
         color: color,
@@ -39,11 +50,13 @@ var useStyles = exports.useStyles = (0, _makeStyles.default)(function (theme) {
     }
   };
 });
+exports.useStyles = useStyles;
+
 var HiIconButton = _react.default.forwardRef(function (props, ref) {
   var children = props.children,
-    className = props.className,
-    color = props.color,
-    other = (0, _objectWithoutProperties2.default)(props, ["children", "className", "color"]);
+      className = props.className,
+      color = props.color,
+      other = (0, _objectWithoutProperties2.default)(props, ["children", "className", "color"]);
   var classes = useStyles(props);
   var isHexColor = color.charAt(0) === '#';
   var isExtendedColor = ['success', 'error', 'warning', 'neutral'].includes(color);
@@ -59,7 +72,9 @@ var HiIconButton = _react.default.forwardRef(function (props, ref) {
     size: "large"
   }, other), children);
 });
+
 HiIconButton.defaultProps = {
   color: 'neutral'
 };
-var _default = exports.default = HiIconButton;
+var _default = HiIconButton;
+exports.default = _default;

package/HiIconButton/index.js

@@ -1,6 +1,7 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -10,4 +11,5 @@ Object.defineProperty(exports, "default", {
     return _HiIconButton.default;
   }
 });
+
 var _HiIconButton = _interopRequireDefault(require("./HiIconButton"));