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

package/es/HiCell/CellSentinelScore.js

@@ -1,28 +1,41 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.styles = exports.sentinelColorById = exports.default = void 0;
+
 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 _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _HiColoredLabel = _interopRequireDefault(require("../HiColoredLabel"));
+
 var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
-function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-var styles = exports.styles = {
+
+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 = {
   flexContent: {
     display: 'flex',
     justifyContent: 'flex-end'
   },
   label: {}
 };
-var sentinelColorById = exports.sentinelColorById = {
+exports.styles = styles;
+var sentinelColorById = {
   NOT_LAUNCHED: '#737373',
   ACCEPTED: '#00AF01',
   AUTHENTICATE: '#484A4B',
@@ -33,24 +46,30 @@ var sentinelColorById = exports.sentinelColorById = {
   ALLOWED: '#00AF01',
   DENIED: '#D50000'
 };
-
 /**
  * Cette cellule permet d'afficher le résultat de Sentinel (score & fraudResult & smartDecision)
  */
+
+exports.sentinelColorById = sentinelColorById;
+
 var CellSentinelScore = /*#__PURE__*/function (_React$PureComponent) {
   (0, _inherits2.default)(CellSentinelScore, _React$PureComponent);
+
+  var _super = _createSuper(CellSentinelScore);
+
   function CellSentinelScore() {
     (0, _classCallCheck2.default)(this, CellSentinelScore);
-    return _callSuper(this, CellSentinelScore, arguments);
+    return _super.apply(this, arguments);
   }
+
   (0, _createClass2.default)(CellSentinelScore, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
-        active = _this$props.active,
-        classes = _this$props.classes,
-        result = _this$props.result,
-        value = _this$props.value;
+          active = _this$props.active,
+          classes = _this$props.classes,
+          result = _this$props.result,
+          value = _this$props.value;
       return /*#__PURE__*/_react.default.createElement("div", {
         className: classes.flexContent
       }, /*#__PURE__*/_react.default.createElement(_HiColoredLabel.default, {
@@ -65,9 +84,13 @@ var CellSentinelScore = /*#__PURE__*/function (_React$PureComponent) {
   }]);
   return CellSentinelScore;
 }(_react.default.PureComponent);
+
 CellSentinelScore.defaultProps = {
   active: false
 };
-var _default = exports.default = (0, _withStyles.default)(styles, {
+
+var _default = (0, _withStyles.default)(styles, {
   name: 'HmuiCellSentinelScore'
-})(CellSentinelScore);
+})(CellSentinelScore);
+
+exports.default = _default;

package/es/HiCell/CellText.js

@@ -1,23 +1,37 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.styles = exports.default = void 0;
+
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+
 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 _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
+
 var _HiColoredLabel = _interopRequireDefault(require("../HiColoredLabel"));
-function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-var styles = exports.styles = {
+
+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 = {
   leftEllipsisSpan: {
     display: 'inline-block',
     overflow: 'hidden',
@@ -37,20 +51,27 @@ var styles = exports.styles = {
     whiteSpace: 'pre'
   }
 };
+exports.styles = styles;
+
 var CellText = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2.default)(CellText, _React$Component);
+
+  var _super = _createSuper(CellText);
+
   function CellText(props) {
     var _this;
+
     (0, _classCallCheck2.default)(this, CellText);
-    _this = _callSuper(this, CellText, [props]);
+    _this = _super.call(this, props);
     _this.cellText = null;
     _this.buildEllipsis = _this.buildEllipsis.bind((0, _assertThisInitialized2.default)(_this));
     return _this;
   }
-
   /**
    * TODO - Ellipsis (middle, after-first-word)
    */
+
+
   (0, _createClass2.default)(CellText, [{
     key: "componentDidMount",
     value: function componentDidMount() {
@@ -71,11 +92,13 @@ var CellText = /*#__PURE__*/function (_React$Component) {
       if (this.props.ellipsis === 'after-first-word' || this.props.ellipsis === 'name') {
         if (this.cellText !== null) {
           var _this$cellText$getEle = this.cellText.getElementsByTagName('span'),
-            _this$cellText$getEle2 = (0, _slicedToArray2.default)(_this$cellText$getEle, 2),
-            startSpan = _this$cellText$getEle2[0],
-            endSpan = _this$cellText$getEle2[1];
+              _this$cellText$getEle2 = (0, _slicedToArray2.default)(_this$cellText$getEle, 2),
+              startSpan = _this$cellText$getEle2[0],
+              endSpan = _this$cellText$getEle2[1];
+
           if (typeof startSpan !== 'undefined' && typeof endSpan !== 'undefined') {
             var availableEndSpace = this.cellText.offsetWidth - startSpan.offsetWidth - 2;
+
             if (availableEndSpace > 0) {
               endSpan.style.width = "".concat(availableEndSpace, "px");
             } else {
@@ -84,21 +107,24 @@ var CellText = /*#__PURE__*/function (_React$Component) {
           }
         }
       }
-
       /**
        * Calcul l'espace pris par les 2 spans (les 2 moitiés du texte),
        * si ils dépassent la largeur de la cellule :
        * - diminue d'autant et proportionnellement chaque span
        * - ajoute l'ellipse à gauche de la deuxième moitié du texte.
        */
+
+
       if (this.props.ellipsis === 'middle') {
         if (this.cellText !== null) {
           var _this$cellText$getEle3 = this.cellText.getElementsByTagName('span'),
-            _this$cellText$getEle4 = (0, _slicedToArray2.default)(_this$cellText$getEle3, 2),
-            _startSpan = _this$cellText$getEle4[0],
-            _endSpan = _this$cellText$getEle4[1];
+              _this$cellText$getEle4 = (0, _slicedToArray2.default)(_this$cellText$getEle3, 2),
+              _startSpan = _this$cellText$getEle4[0],
+              _endSpan = _this$cellText$getEle4[1];
+
           if (typeof _startSpan !== 'undefined' && typeof _endSpan !== 'undefined') {
             var _availableEndSpace = this.cellText.offsetWidth - _startSpan.offsetWidth - _endSpan.offsetWidth;
+
             if (_availableEndSpace < 0) {
               _startSpan.style.width = '50%';
               _endSpan.style.width = '49%';
@@ -114,26 +140,30 @@ var CellText = /*#__PURE__*/function (_React$Component) {
     key: "render",
     value: function render() {
       var _this2 = this;
+
       var _this$props = this.props,
-        classes = _this$props.classes,
-        label = _this$props.label,
-        ellipsis = _this$props.ellipsis,
-        color = _this$props.color,
-        title = _this$props.title;
+          classes = _this$props.classes,
+          label = _this$props.label,
+          ellipsis = _this$props.ellipsis,
+          color = _this$props.color,
+          title = _this$props.title;
       var start;
       var end;
       var valueElement = '';
       var valueString = label.toString();
+
       switch (ellipsis) {
         case 'name':
         case 'after-first-word':
           // Split value in 2 strings around first whitespace
           start = valueString.substr(0, valueString.indexOf(' '));
           end = valueString.substr(valueString.indexOf(' ') + 1);
+
           if (start === '') {
             start = end;
             end = '';
           }
+
           valueElement = /*#__PURE__*/_react.default.createElement("div", {
             ref: function ref(div) {
               _this2.cellText = div;
@@ -145,6 +175,7 @@ var CellText = /*#__PURE__*/function (_React$Component) {
             className: classes.leftEllipsisSpan
           }, end));
           break;
+
         case 'middle':
           // Split value in 2 strings
           start = valueString.substr(0, Math.round(valueString.length / 2));
@@ -160,6 +191,7 @@ var CellText = /*#__PURE__*/function (_React$Component) {
             className: classes.leftEllipsisSpan
           }, end));
           break;
+
         case 'left':
           valueElement = color ? /*#__PURE__*/_react.default.createElement(_HiColoredLabel.default, {
             className: classes.leftEllipsisSpan,
@@ -173,6 +205,7 @@ var CellText = /*#__PURE__*/function (_React$Component) {
             title: title
           }, valueString);
           break;
+
         case 'right':
         default:
           valueElement = color ? /*#__PURE__*/_react.default.createElement(_HiColoredLabel.default, {
@@ -188,11 +221,15 @@ var CellText = /*#__PURE__*/function (_React$Component) {
           }, valueString);
           break;
       }
+
       return valueElement;
     }
   }]);
   return CellText;
 }(_react.default.Component);
-var _default = exports.default = (0, _withStyles.default)(styles, {
+
+var _default = (0, _withStyles.default)(styles, {
   name: 'HmuiCellText'
-})(CellText);
+})(CellText);
+
+exports.default = _default;

package/es/HiCell/CellTextStyled.js

@@ -1,14 +1,20 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _HiColoredLabel = _interopRequireDefault(require("../HiColoredLabel"));
+
 var _HiButton = _interopRequireDefault(require("../HiButton"));
+
 var styleRoot = {
   width: '100%',
   height: 19,
@@ -35,7 +41,6 @@ var styleButton = {
   minHeight: '18px',
   maxHeight: '18px'
 };
-
 /**
  * CellText functional component
  * (don't includes complex ellipsis: middle, after-first-word...)
@@ -51,20 +56,22 @@ var styleButton = {
  * @returns {*}
  * @constructor
  */
+
 var CellTextStyled = function CellTextStyled(_ref) {
   var label = _ref.label,
-    color = _ref.color,
-    isButton = _ref.isButton,
-    onClick = _ref.onClick,
-    _ref$value = _ref.value,
-    value = _ref$value === void 0 ? '' : _ref$value,
-    _ref$active = _ref.active,
-    active = _ref$active === void 0 ? false : _ref$active,
-    _ref$title = _ref.title,
-    title = _ref$title === void 0 ? '' : _ref$title,
-    _ref$align = _ref.align,
-    align = _ref$align === void 0 ? 'left' : _ref$align;
+      color = _ref.color,
+      isButton = _ref.isButton,
+      onClick = _ref.onClick,
+      _ref$value = _ref.value,
+      value = _ref$value === void 0 ? '' : _ref$value,
+      _ref$active = _ref.active,
+      active = _ref$active === void 0 ? false : _ref$active,
+      _ref$title = _ref.title,
+      title = _ref$title === void 0 ? '' : _ref$title,
+      _ref$align = _ref.align,
+      align = _ref$align === void 0 ? 'left' : _ref$align;
   var valueString = label ? label.toString() : value ? value.toString() : "";
+
   if (isButton) {
     return /*#__PURE__*/_react.default.createElement(_HiButton.default, {
       color: color,
@@ -74,6 +81,7 @@ var CellTextStyled = function CellTextStyled(_ref) {
       variant: "contained"
     }, valueString);
   }
+
   if (align === 'right') {
     styleRoot = (0, _objectSpread2.default)({}, styleRoot, {
       textAlign: 'right'
@@ -86,6 +94,7 @@ var CellTextStyled = function CellTextStyled(_ref) {
       textAlign: 'left'
     });
   }
+
   return /*#__PURE__*/_react.default.createElement("div", {
     style: styleRoot,
     title: title || valueString
@@ -99,4 +108,6 @@ var CellTextStyled = function CellTextStyled(_ref) {
     style: styleLabel
   }, valueString));
 };
-var _default = exports.default = CellTextStyled;
+
+var _default = CellTextStyled;
+exports.default = _default;

package/es/HiCell/index.js

@@ -1,6 +1,7 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -58,12 +59,21 @@ Object.defineProperty(exports, "CellTextStyled", {
     return _CellTextStyled.default;
   }
 });
+
 var _CellAddress = _interopRequireDefault(require("./CellAddress"));
+
 var _CellDate = _interopRequireDefault(require("./CellDate"));
+
 var _CellIcon = _interopRequireDefault(require("./CellIcon"));
+
 var _CellImage = _interopRequireDefault(require("./CellImage"));
+
 var _CellNumeric = _interopRequireDefault(require("./CellNumeric"));
+
 var _CellRate = _interopRequireDefault(require("./CellRate"));
+
 var _CellSentinel = _interopRequireDefault(require("./CellSentinel"));
+
 var _CellText = _interopRequireDefault(require("./CellText"));
+
 var _CellTextStyled = _interopRequireDefault(require("./CellTextStyled"));

package/es/HiCheckbox/HiCheckbox.js

@@ -1,29 +1,49 @@
 "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 _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/typeof"));
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
+
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
 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 _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _Checkbox = _interopRequireDefault(require("@mui/material/Checkbox"));
+
 var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
+
 var _HiIcon = _interopRequireDefault(require("../HiIcon"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
-function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } // @inheritedComponent Checkbox
-var styles = exports.styles = function styles(theme) {
+
+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 = function styles(theme) {
   return {
     root: {
       marginRight: 4,
@@ -55,21 +75,29 @@ var styles = exports.styles = function styles(theme) {
     }
   };
 };
+
+exports.styles = styles;
+
 var HiCheckbox = /*#__PURE__*/function (_React$PureComponent) {
   (0, _inherits2.default)(HiCheckbox, _React$PureComponent);
+
+  var _super = _createSuper(HiCheckbox);
+
   function HiCheckbox(props) {
     var _this;
+
     (0, _classCallCheck2.default)(this, HiCheckbox);
-    _this = _callSuper(this, HiCheckbox, [props]);
+    _this = _super.call(this, props);
     _this.handleChange = _this.handleChange.bind((0, _assertThisInitialized2.default)(_this));
     return _this;
   }
-
   /**
    * Call callback function and stop click propagation
    * @param event
    * @param checked
    */
+
+
   (0, _createClass2.default)(HiCheckbox, [{
     key: "handleChange",
     value: function handleChange(event, checked) {
@@ -78,6 +106,7 @@ var HiCheckbox = /*#__PURE__*/function (_React$PureComponent) {
         event.stopPropagation();
         event.preventDefault();
       }
+
       if (this.props.onChange) {
         this.props.onChange(event, checked);
       }
@@ -85,26 +114,30 @@ var HiCheckbox = /*#__PURE__*/function (_React$PureComponent) {
   }, {
     key: "render",
     value: function render() {
+      var _classNames;
+
       var _this$props = this.props,
-        classes = _this$props.classes,
-        color = _this$props.color,
-        checkedIcon = _this$props.checkedIcon,
-        icon = _this$props.icon,
-        indeterminateIcon = _this$props.indeterminateIcon,
-        style = _this$props.style,
-        size = _this$props.size,
-        className = _this$props.className,
-        other = (0, _objectWithoutProperties2.default)(_this$props, ["classes", "color", "checkedIcon", "icon", "indeterminateIcon", "style", "size", "className"]);
+          classes = _this$props.classes,
+          color = _this$props.color,
+          checkedIcon = _this$props.checkedIcon,
+          icon = _this$props.icon,
+          indeterminateIcon = _this$props.indeterminateIcon,
+          style = _this$props.style,
+          size = _this$props.size,
+          className = _this$props.className,
+          other = (0, _objectWithoutProperties2.default)(_this$props, ["classes", "color", "checkedIcon", "icon", "indeterminateIcon", "style", "size", "className"]);
       var iconStyles = (0, _objectSpread2.default)({
         width: size,
         height: size
       }, style);
       var hcolor = ['success', 'error', 'warning', 'neutral', 'inherit'].includes(color) ? 'default' : color;
       var checkboxIcon;
+
       if (icon) {
         var iconProps = {
           className: classes.root
         };
+
         if (typeof icon === 'string') {
           checkboxIcon = /*#__PURE__*/_react.default.createElement(_HiIcon.default, (0, _extends2.default)({
             icon: icon
@@ -114,10 +147,11 @@ var HiCheckbox = /*#__PURE__*/function (_React$PureComponent) {
           checkboxIcon.props = (0, _objectSpread2.default)({}, checkboxIcon.props, {}, iconProps);
         }
       }
+
       return /*#__PURE__*/_react.default.createElement(_Checkbox.default, (0, _extends2.default)({
         classes: {
           root: classes.root,
-          checked: (0, _classnames.default)(classes.checked, (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, classes.checkedPrimary, color === 'primary' || color === 'inherit'), classes.checkedSecondary, color === 'secondary'), classes.checkedPositive, color === 'success'), classes.checkedNegative, color === 'error'), classes.checkedMiddle, color === 'warning'), classes.checkedNeutral, color === 'neutral')),
+          checked: (0, _classnames.default)(classes.checked, (_classNames = {}, (0, _defineProperty2.default)(_classNames, classes.checkedPrimary, color === 'primary' || color === 'inherit'), (0, _defineProperty2.default)(_classNames, classes.checkedSecondary, color === 'secondary'), (0, _defineProperty2.default)(_classNames, classes.checkedPositive, color === 'success'), (0, _defineProperty2.default)(_classNames, classes.checkedNegative, color === 'error'), (0, _defineProperty2.default)(_classNames, classes.checkedMiddle, color === 'warning'), (0, _defineProperty2.default)(_classNames, classes.checkedNeutral, color === 'neutral'), _classNames)),
           disabled: classes.disabled
         },
         style: iconStyles,
@@ -143,13 +177,17 @@ var HiCheckbox = /*#__PURE__*/function (_React$PureComponent) {
   }]);
   return HiCheckbox;
 }(_react.default.PureComponent);
+
 HiCheckbox.defaultProps = {
   checked: false,
   color: 'inherit',
   size: 20,
   icon: 'check_box_outline_blank'
 };
-var _default = exports.default = (0, _withStyles.default)(styles, {
+
+var _default = (0, _withStyles.default)(styles, {
   hiComponent: true,
   name: 'HmuiHiCheckbox'
-})(HiCheckbox);
+})(HiCheckbox);
+
+exports.default = _default;

package/es/HiCheckbox/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 _HiCheckbox.default;
   }
 });
+
 var _HiCheckbox = _interopRequireDefault(require("./HiCheckbox"));