@hipay/hipay-material-ui 3.15.3-beta.0 → 3.15.3-beta.1

package/HiCell/CellNumeric.js

@@ -16,7 +16,7 @@ var _helpers = require("../utils/helpers");
 var _HiButton = _interopRequireDefault(require("../HiButton"));
 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() {
+var styles = exports.styles = function styles() {
   return {
     wrapper: {
       textAlign: 'right'
@@ -30,7 +30,6 @@ var styles = function styles() {
 /**
  * Cette cellule permet d'afficher un volume ou un montant avec devise
  */
-exports.styles = styles;
 var CellNumeric = /*#__PURE__*/function (_React$PureComponent) {
   (0, _inherits2.default)(CellNumeric, _React$PureComponent);
   var _super = _createSuper(CellNumeric);
@@ -81,7 +80,6 @@ CellNumeric.defaultProps = {
   view: 'm',
   locale: 'en'
 };
-var _default = (0, _withStyles.default)(styles, {
+var _default = exports.default = (0, _withStyles.default)(styles, {
   name: 'HmuiCellNumeric'
-})(CellNumeric);
-exports.default = _default;
+})(CellNumeric);

package/HiCell/CellPinToAction.js

@@ -15,7 +15,7 @@ var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
 var _HiPin = _interopRequireDefault(require("../HiPin"));
 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 = {
+var styles = exports.styles = {
   wrapperLeft: {
     maxWidth: '100%',
     display: 'inline-flex'
@@ -31,7 +31,6 @@ var styles = {
 /**
  * Cette cellule permet d'afficher un pin avec callback (optionnel).
  */
-exports.styles = styles;
 var _ref = /*#__PURE__*/_react.default.createElement(_HiPin.default, null, "0");
 var CellPinToAction = /*#__PURE__*/function (_React$PureComponent) {
   (0, _inherits2.default)(CellPinToAction, _React$PureComponent);
@@ -70,7 +69,6 @@ CellPinToAction.defaultProps = {
   color: "primary",
   align: "left"
 };
-var _default = (0, _withStyles.default)(styles, {
+var _default = exports.default = (0, _withStyles.default)(styles, {
   name: 'HmuiCellPin'
-})(CellPinToAction);
-exports.default = _default;
+})(CellPinToAction);

package/HiCell/CellRate.js

@@ -20,7 +20,7 @@ var _helpers = require("../utils/helpers");
 var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
 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) {
+var styles = exports.styles = function styles(theme) {
   return {
     flexContent: {
       display: 'flex',
@@ -62,7 +62,6 @@ var styles = function styles(theme) {
  * Cette cellule permet d'afficher un pourcentage
  * avec une icône d'évolution (optionnelle) et un indicateur du type de données représentées (optionnel)
  */
-exports.styles = styles;
 var CellRate = /*#__PURE__*/function (_React$PureComponent) {
   (0, _inherits2.default)(CellRate, _React$PureComponent);
   var _super = _createSuper(CellRate);
@@ -73,7 +72,6 @@ var CellRate = /*#__PURE__*/function (_React$PureComponent) {
   (0, _createClass2.default)(CellRate, [{
     key: "render",
     value: function render() {
-      var _classNames, _classNames2;
       var _this$props = this.props,
         classes = _this$props.classes,
         value = _this$props.value,
@@ -92,12 +90,12 @@ var CellRate = /*#__PURE__*/function (_React$PureComponent) {
           break;
         case 'up':
           trendIcon = /*#__PURE__*/_react.default.createElement(_ArrowTopRight.default, {
-            className: (0, _classnames.default)(classes.trendChipIcon, (_classNames = {}, (0, _defineProperty2.default)(_classNames, classes.success, isPositive), (0, _defineProperty2.default)(_classNames, classes.error, !isPositive), _classNames))
+            className: (0, _classnames.default)(classes.trendChipIcon, (0, _defineProperty2.default)((0, _defineProperty2.default)({}, classes.success, isPositive), classes.error, !isPositive))
           });
           break;
         case 'down':
           trendIcon = /*#__PURE__*/_react.default.createElement(_ArrowBottomRight.default, {
-            className: (0, _classnames.default)(classes.trendChipIcon, (_classNames2 = {}, (0, _defineProperty2.default)(_classNames2, classes.success, !isPositive), (0, _defineProperty2.default)(_classNames2, classes.error, isPositive), _classNames2))
+            className: (0, _classnames.default)(classes.trendChipIcon, (0, _defineProperty2.default)((0, _defineProperty2.default)({}, classes.success, !isPositive), classes.error, isPositive))
           });
           break;
         default:
@@ -121,7 +119,6 @@ CellRate.defaultProps = {
   isPositive: true,
   locale: 'en'
 };
-var _default = (0, _withStyles.default)(styles, {
+var _default = exports.default = (0, _withStyles.default)(styles, {
   name: 'HmuiCellRate'
-})(CellRate);
-exports.default = _default;
+})(CellRate);

package/HiCell/CellSentinel.js

@@ -15,7 +15,7 @@ var _HiColoredLabel = _interopRequireDefault(require("../HiColoredLabel"));
 var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
 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 = {
+var styles = exports.styles = {
   flexContent: {
     display: 'flex',
     justifyContent: 'flex-end'
@@ -26,7 +26,6 @@ var styles = {
 /**
  * Cette cellule permet d'afficher le résultat de Sentinel (score & fraudResult & smartDecision)
  */
-exports.styles = styles;
 var CellSentinel = /*#__PURE__*/function (_React$PureComponent) {
   (0, _inherits2.default)(CellSentinel, _React$PureComponent);
   var _super = _createSuper(CellSentinel);
@@ -68,7 +67,6 @@ CellSentinel.defaultProps = {
   active: false,
   outlined: false
 };
-var _default = (0, _withStyles.default)(styles, {
+var _default = exports.default = (0, _withStyles.default)(styles, {
   name: 'HmuiCellSentinel'
-})(CellSentinel);
-exports.default = _default;
+})(CellSentinel);

package/HiCell/CellSentinelScore.js

@@ -15,15 +15,14 @@ var _HiColoredLabel = _interopRequireDefault(require("../HiColoredLabel"));
 var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
 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 = {
+var styles = exports.styles = {
   flexContent: {
     display: 'flex',
     justifyContent: 'flex-end'
   },
   label: {}
 };
-exports.styles = styles;
-var sentinelColorById = {
+var sentinelColorById = exports.sentinelColorById = {
   NOT_LAUNCHED: '#737373',
   ACCEPTED: '#00AF01',
   AUTHENTICATE: '#484A4B',
@@ -38,7 +37,6 @@ var sentinelColorById = {
 /**
  * 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);
@@ -71,7 +69,6 @@ var CellSentinelScore = /*#__PURE__*/function (_React$PureComponent) {
 CellSentinelScore.defaultProps = {
   active: false
 };
-var _default = (0, _withStyles.default)(styles, {
+var _default = exports.default = (0, _withStyles.default)(styles, {
   name: 'HmuiCellSentinelScore'
-})(CellSentinelScore);
-exports.default = _default;
+})(CellSentinelScore);

package/HiCell/CellText.js

@@ -17,7 +17,7 @@ var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
 var _HiColoredLabel = _interopRequireDefault(require("../HiColoredLabel"));
 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 = {
+var styles = exports.styles = {
   leftEllipsisSpan: {
     display: 'inline-block',
     overflow: 'hidden',
@@ -37,7 +37,6 @@ var styles = {
     whiteSpace: 'pre'
   }
 };
-exports.styles = styles;
 var CellText = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2.default)(CellText, _React$Component);
   var _super = _createSuper(CellText);
@@ -195,7 +194,6 @@ var CellText = /*#__PURE__*/function (_React$Component) {
   }]);
   return CellText;
 }(_react.default.Component);
-var _default = (0, _withStyles.default)(styles, {
+var _default = exports.default = (0, _withStyles.default)(styles, {
   name: 'HmuiCellText'
-})(CellText);
-exports.default = _default;
+})(CellText);

package/HiCell/CellTextStyled.js

@@ -99,5 +99,4 @@ var CellTextStyled = function CellTextStyled(_ref) {
     style: styleLabel
   }, valueString));
 };
-var _default = CellTextStyled;
-exports.default = _default;
+var _default = exports.default = CellTextStyled;

package/HiCheckbox/HiCheckbox.js

@@ -23,7 +23,7 @@ var _HiIcon = _interopRequireDefault(require("../HiIcon"));
 var _classnames = _interopRequireDefault(require("classnames"));
 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; } } // @inheritedComponent Checkbox
-var styles = function styles(theme) {
+var styles = exports.styles = function styles(theme) {
   return {
     root: {
       marginRight: 4,
@@ -55,7 +55,6 @@ var styles = function styles(theme) {
     }
   };
 };
-exports.styles = styles;
 var HiCheckbox = /*#__PURE__*/function (_React$PureComponent) {
   (0, _inherits2.default)(HiCheckbox, _React$PureComponent);
   var _super = _createSuper(HiCheckbox);
@@ -87,7 +86,6 @@ 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,
@@ -120,7 +118,7 @@ var HiCheckbox = /*#__PURE__*/function (_React$PureComponent) {
       return /*#__PURE__*/_react.default.createElement(_Checkbox.default, (0, _extends2.default)({
         classes: {
           root: classes.root,
-          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)),
+          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')),
           disabled: classes.disabled
         },
         style: iconStyles,
@@ -152,8 +150,7 @@ HiCheckbox.defaultProps = {
   size: 20,
   icon: 'check_box_outline_blank'
 };
-var _default = (0, _withStyles.default)(styles, {
+var _default = exports.default = (0, _withStyles.default)(styles, {
   hiComponent: true,
   name: 'HmuiHiCheckbox'
-})(HiCheckbox);
-exports.default = _default;
+})(HiCheckbox);

package/HiChip/HiChip.js

@@ -109,7 +109,6 @@ var handleKeyDown = function handleKeyDown(e, fn) {
   }
 };
 var HiChip = function HiChip(props) {
-  var _classNames2;
   var className = props.className,
     fallbackImage = props.fallbackImage,
     icon = props.icon,
@@ -180,7 +179,7 @@ var HiChip = function HiChip(props) {
   return /*#__PURE__*/_react.default.createElement("div", {
     id: id,
     role: 'button',
-    className: (0, _classnames.default)(classes.root, className, (_classNames2 = {}, (0, _defineProperty2.default)(_classNames2, classes.leftNavigation, onPrevious), (0, _defineProperty2.default)(_classNames2, classes.rightNavigation, onNext), (0, _defineProperty2.default)(_classNames2, classes.deletable, onDelete), (0, _defineProperty2.default)(_classNames2, classes.leftIcon, icon), _classNames2)),
+    className: (0, _classnames.default)(classes.root, className, (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, classes.leftNavigation, onPrevious), classes.rightNavigation, onNext), classes.deletable, onDelete), classes.leftIcon, icon)),
     title: title,
     onClick: onClick,
     onKeyDown: onKeyDown,
@@ -242,5 +241,4 @@ var HiChip = function HiChip(props) {
     tabIndex: 0
   }));
 };
-var _default = HiChip;
-exports.default = _default;
+var _default = exports.default = HiChip;

package/HiChip/HiChipSwitch.js

@@ -22,7 +22,7 @@ var _styles = require("@mui/material/styles");
 var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
 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) {
+var styles = exports.styles = function styles(theme) {
   return {
     root: (0, _objectSpread2.default)({}, theme.typography.body3, {
       display: 'inline-flex',
@@ -98,7 +98,6 @@ var styles = function styles(theme) {
     }
   };
 };
-exports.styles = styles;
 var HiChipSwitch = /*#__PURE__*/function (_React$PureComponent) {
   (0, _inherits2.default)(HiChipSwitch, _React$PureComponent);
   var _super = _createSuper(HiChipSwitch);
@@ -155,8 +154,7 @@ var HiChipSwitch = /*#__PURE__*/function (_React$PureComponent) {
   }, {
     key: "render",
     value: function render() {
-      var _classNames,
-        _this2 = this;
+      var _this2 = this;
       var _this$props2 = this.props,
         id = _this$props2.id,
         label = _this$props2.label,
@@ -181,7 +179,7 @@ var HiChipSwitch = /*#__PURE__*/function (_React$PureComponent) {
       }
       return /*#__PURE__*/_react.default.createElement("div", {
         id: id,
-        className: (0, _classnames.default)(classes.root, (_classNames = {}, (0, _defineProperty2.default)(_classNames, classes.active, !!active), (0, _defineProperty2.default)(_classNames, classes.inactive, !active), _classNames)),
+        className: (0, _classnames.default)(classes.root, (0, _defineProperty2.default)((0, _defineProperty2.default)({}, classes.active, !!active), classes.inactive, !active)),
         onClick: onClick,
         role: "button",
         tabIndex: "0",
@@ -208,8 +206,7 @@ HiChipSwitch.defaultProps = {
   selection: null,
   selectionTitle: ''
 };
-var _default = (0, _withStyles.default)(styles, {
+var _default = exports.default = (0, _withStyles.default)(styles, {
   hiComponent: true,
   name: 'HmuiHiChipSwitch'
-})(HiChipSwitch);
-exports.default = _default;
+})(HiChipSwitch);

package/HiColoredLabel/HiColoredLabel.js

@@ -14,7 +14,7 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _styles = require("@mui/material/styles");
 var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
 var _helpers = require("../utils/helpers");
-var styles = function styles(theme) {
+var styles = exports.styles = function styles(theme) {
   return {
     root: {
       display: 'inline-block',
@@ -46,17 +46,17 @@ var styles = function styles(theme) {
       backgroundColor: (0, _styles.alpha)(theme.palette.secondary.main, 0.08)
     },
     /* Styles applied to the root element if `color="positive"`. */
-    colorPositive: {
+    colorSuccess: {
       color: theme.palette.success.main,
       backgroundColor: (0, _styles.alpha)(theme.palette.success.main, 0.08)
     },
     /* Styles applied to the root element if `color="negative"`. */
-    colorNegative: {
+    colorError: {
       color: theme.palette.error.main,
       backgroundColor: (0, _styles.alpha)(theme.palette.error.main, 0.08)
     },
     /* Styles applied to the root element if `color="warning"`. */
-    colorMiddle: {
+    colorWarning: {
       color: theme.palette.warning.main,
       backgroundColor: (0, _styles.alpha)(theme.palette.warning.main, 0.08)
     },
@@ -84,17 +84,17 @@ var styles = function styles(theme) {
       backgroundColor: theme.palette.secondary.main
     },
     /* Styles applied to the root element if `color="success"`. */
-    activeColorPositive: {
+    activeColorSuccess: {
       color: theme.palette.success.contrastText,
       backgroundColor: theme.palette.success.main
     },
     /* Styles applied to the root element if `color="negative"`. */
-    activeColorNegative: {
+    activeColorError: {
       color: theme.palette.error.contrastText,
       backgroundColor: theme.palette.error.main
     },
     /* Styles applied to the root element if `color="warning"`. */
-    activeColorMiddle: {
+    activeColorWarning: {
       color: theme.palette.warning.contrastText,
       backgroundColor: theme.palette.warning.main
     },
@@ -119,9 +119,7 @@ var styles = function styles(theme) {
  *
  * Label with background color & text color
  */
-exports.styles = styles;
 function HiColoredLabel(props) {
-  var _classNames;
   var classes = props.classes,
     className = props.className,
     fontSize = props.fontSize,
@@ -137,7 +135,7 @@ function HiColoredLabel(props) {
   var isHiColor = ['primary', 'secondary', 'success', 'error', 'warning', 'neutral', 'info'].includes(color);
   var isHexColor = !isHiColor && /(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(color);
   return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
-    className: (0, _classnames.default)(classes.root, (_classNames = {}, (0, _defineProperty2.default)(_classNames, classes.color, !active), (0, _defineProperty2.default)(_classNames, classes.activeColor, active), (0, _defineProperty2.default)(_classNames, classes.outlined, outlined), (0, _defineProperty2.default)(_classNames, classes["activeColor".concat((0, _helpers.capitalize)(color))], active && isHiColor), (0, _defineProperty2.default)(_classNames, classes["color".concat((0, _helpers.capitalize)(color))], !active && isHiColor), (0, _defineProperty2.default)(_classNames, classes.body1, fontSize >= 15), (0, _defineProperty2.default)(_classNames, classes.body2, fontSize === 14), (0, _defineProperty2.default)(_classNames, classes.body3, fontSize === 13), (0, _defineProperty2.default)(_classNames, classes.body4, fontSize === 12), (0, _defineProperty2.default)(_classNames, classes.body5, fontSize <= 11), _classNames), className),
+    className: (0, _classnames.default)(classes.root, (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, classes.color, !active), classes.activeColor, active), classes.outlined, outlined), classes["activeColor".concat((0, _helpers.capitalize)(color))], active && isHiColor), classes["color".concat((0, _helpers.capitalize)(color))], !active && isHiColor), classes.body1, fontSize >= 15), classes.body2, fontSize === 14), classes.body3, fontSize === 13), classes.body4, fontSize === 12), classes.body5, fontSize <= 11), className),
     style: (0, _objectSpread2.default)({}, style, {}, isHexColor && {
       backgroundColor: active ? color : (0, _styles.alpha)(color, 0.08),
       color: active ? theme.palette.getContrastText(color) : color
@@ -152,9 +150,8 @@ HiColoredLabel.defaultProps = {
   fontSize: 15,
   outlined: false
 };
-var _default = (0, _withStyles.default)(styles, {
+var _default = exports.default = (0, _withStyles.default)(styles, {
   hiComponent: true,
   withTheme: true,
   name: 'HmuiHiColoredLabel'
-})(HiColoredLabel);
-exports.default = _default;
+})(HiColoredLabel);

package/HiDatePicker/Caption.js

@@ -9,7 +9,7 @@ var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/
 var _react = _interopRequireDefault(require("react"));
 var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
 var _HiButton = _interopRequireDefault(require("../HiButton"));
-var styles = function styles(theme) {
+var styles = exports.styles = function styles(theme) {
   return {
     caption: (0, _objectSpread2.default)({
       display: 'table-caption',
@@ -21,7 +21,6 @@ var styles = function styles(theme) {
     })
   };
 };
-exports.styles = styles;
 var Caption = function Caption(_ref) {
   var classes = _ref.classes,
     date = _ref.date,
@@ -41,7 +40,6 @@ var Caption = function Caption(_ref) {
     onClick: onYearClick
   }, date.getFullYear()));
 };
-var _default = (0, _withStyles.default)(styles, {
+var _default = exports.default = (0, _withStyles.default)(styles, {
   name: 'HmuiCaption'
-})(Caption);
-exports.default = _default;
+})(Caption);

package/HiDatePicker/HiDatePicker.js

@@ -304,7 +304,6 @@ HiDatePicker.defaultProps = {
     today: 'today'
   }
 };
-var _default = (0, _withStyles.default)(_stylesheet.default, {
+var _default = exports.default = (0, _withStyles.default)(_stylesheet.default, {
   name: 'HmuiHiDatePicker'
-})(HiDatePicker);
-exports.default = _default;
+})(HiDatePicker);

package/HiDatePicker/HiDatePickerMobile.js

@@ -82,5 +82,4 @@ var HiDatePickerMobile = /*#__PURE__*/function (_React$Component) {
   }]);
   return HiDatePickerMobile;
 }(_react.default.Component);
-var _default = (0, _withStyles.default)(_stylesheet.default)(HiDatePickerMobile);
-exports.default = _default;
+var _default = exports.default = (0, _withStyles.default)(_stylesheet.default)(HiDatePickerMobile);

package/HiDatePicker/HiDateRangePicker.js

@@ -304,8 +304,7 @@ var HiDateRangePicker = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "render",
     value: function render() {
-      var _this2 = this,
-        _classNames;
+      var _this2 = this;
       var _this$props2 = this.props,
         classes = _this$props2.classes,
         disabled = _this$props2.disabled,
@@ -440,7 +439,7 @@ var HiDateRangePicker = /*#__PURE__*/function (_React$Component) {
           onSubmit: this.props.onSubmit
         }
       });
-      var toClass = (0, _classnames.default)(classes.toInput, (_classNames = {}, (0, _defineProperty2.default)(_classNames, classes.absolute, !_reactDeviceDetect.isMobile && staticPosition === true && this.state.focusedInput === 'from'), (0, _defineProperty2.default)(_classNames, classes.right4, !_reactDeviceDetect.isMobile && staticPosition === true && this.state.focusedInput === 'from'), _classNames));
+      var toClass = (0, _classnames.default)(classes.toInput, (0, _defineProperty2.default)((0, _defineProperty2.default)({}, classes.absolute, !_reactDeviceDetect.isMobile && staticPosition === true && this.state.focusedInput === 'from'), classes.right4, !_reactDeviceDetect.isMobile && staticPosition === true && this.state.focusedInput === 'from'));
       var content = /*#__PURE__*/_react.default.createElement("div", {
         className: (0, _classnames.default)(classes.root, classes.rangePickerContainer)
       }, /*#__PURE__*/_react.default.createElement("div", {
@@ -559,7 +558,6 @@ HiDateRangePicker.defaultProps = {
     date_inferior_min_date: 'Date from cannot be before than %s'
   }
 };
-var _default = (0, _withStyles.default)(_stylesheet.default, {
+var _default = exports.default = (0, _withStyles.default)(_stylesheet.default, {
   name: 'HmuiHiDateRangePicker'
-})(HiDateRangePicker);
-exports.default = _default;
+})(HiDateRangePicker);

package/HiDatePicker/HiDateRangeSelector.js

@@ -237,7 +237,7 @@ function buildDateRangeOptionByKey(key, t, format) {
     to: to
   };
 }
-var styles = function styles(theme) {
+var styles = exports.styles = function styles(theme) {
   return {
     root: {
       maxWidth: 500,
@@ -280,7 +280,6 @@ var styles = function styles(theme) {
     }
   };
 };
-exports.styles = styles;
 var PRESET_PERIOD_LIST = ['cd', 'pd', 'cw', 'pw', 'cm', 'pm', 'cq', 'pq', 'cy'];
 var SLIDING_PERIOD_LIST = ['1', '7', '30', '365'];
 var CUSTOM_PERIOD_LIST = ['custom'];
@@ -307,8 +306,7 @@ var HiDateRangeSelector = /*#__PURE__*/function (_React$Component) {
     _this.handleSelectChange = function (name) {
       return function (event, value) {
         _this.setState(function (prevState) {
-          var _ref;
-          return _ref = {}, (0, _defineProperty2.default)(_ref, name, value), (0, _defineProperty2.default)(_ref, "key", prevState.key === 1 ? 2 : 1), _ref;
+          return (0, _defineProperty2.default)((0, _defineProperty2.default)({}, name, value), "key", prevState.key === 1 ? 2 : 1);
         });
         _this.updateDates(value);
       };
@@ -578,7 +576,6 @@ HiDateRangeSelector.defaultProps = {
     sliding_periods: 'Sliding periods'
   }
 };
-var _default = (0, _withStyles.default)(styles, {
+var _default = exports.default = (0, _withStyles.default)(styles, {
   name: 'HmuiHiDateRangeSelector'
-})(HiDateRangeSelector);
-exports.default = _default;
+})(HiDateRangeSelector);

package/HiDatePicker/ListPicker.js

@@ -19,7 +19,7 @@ var _MenuItem = _interopRequireDefault(require("@mui/material/MenuItem"));
 var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
 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) {
+var styles = exports.styles = function styles(theme) {
   return {
     itemRoot: {
       '&:hover': {
@@ -38,7 +38,6 @@ var styles = function styles(theme) {
     }
   };
 };
-exports.styles = styles;
 var ListPicker = /*#__PURE__*/function (_React$PureComponent) {
   (0, _inherits2.default)(ListPicker, _React$PureComponent);
   var _super = _createSuper(ListPicker);
@@ -102,7 +101,6 @@ var ListPicker = /*#__PURE__*/function (_React$PureComponent) {
 ListPicker.defaultProps = {
   initAtMiddleScroll: true
 };
-var _default = (0, _withStyles.default)(styles, {
+var _default = exports.default = (0, _withStyles.default)(styles, {
   name: 'HmuiListPicker'
-})(ListPicker);
-exports.default = _default;
+})(ListPicker);

package/HiDatePicker/NavBar.js

@@ -12,7 +12,7 @@ var _ChevronLeft = _interopRequireDefault(require("@mui/icons-material/ChevronLe
 var _ChevronRight = _interopRequireDefault(require("@mui/icons-material/ChevronRight"));
 var _AccessTime = _interopRequireDefault(require("@mui/icons-material/AccessTime"));
 var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
-var styles = function styles(theme) {
+var styles = exports.styles = function styles(theme) {
   return {
     root: {
       width: '100%',
@@ -40,7 +40,6 @@ var styles = function styles(theme) {
     }
   };
 };
-exports.styles = styles;
 var _ref2 = /*#__PURE__*/_react.default.createElement(_ChevronLeft.default, null);
 var _ref3 = /*#__PURE__*/_react.default.createElement(_ChevronRight.default, null);
 var _ref4 = /*#__PURE__*/_react.default.createElement(_AccessTime.default, null);
@@ -85,8 +84,7 @@ var NavBar = function NavBar(_ref) {
 NavBar.defaultProps = {
   showClockButton: false
 };
-var _default = (0, _withStyles.default)(styles, {
+var _default = exports.default = (0, _withStyles.default)(styles, {
   hiComponent: true,
   name: 'HmuiNavBar'
-})(NavBar);
-exports.default = _default;
+})(NavBar);

package/HiDatePicker/Overlays/CustomOverlayLayout.js

@@ -12,7 +12,7 @@ var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _Paper = _interopRequireDefault(require("@mui/material/Paper"));
 var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
-var styles = function styles(theme) {
+var styles = exports.styles = function styles(theme) {
   return {
     paper: {
       width: '100%',
@@ -60,9 +60,7 @@ var styles = function styles(theme) {
     }
   };
 };
-exports.styles = styles;
 var CustomOverlayLayout = function CustomOverlayLayout(_ref) {
-  var _classNames;
   var classes = _ref.classes,
     children = _ref.children,
     headerElement = _ref.headerElement,
@@ -71,7 +69,7 @@ var CustomOverlayLayout = function CustomOverlayLayout(_ref) {
     side = _ref.side,
     staticPosition = _ref.staticPosition,
     props = (0, _objectWithoutProperties2.default)(_ref, ["classes", "children", "headerElement", "footerElement", "absoluteElement", "side", "staticPosition"]);
-  var paperClass = (0, _classnames.default)(classes.paper, (_classNames = {}, (0, _defineProperty2.default)(_classNames, classes.left, side === 'from'), (0, _defineProperty2.default)(_classNames, classes.right, side === 'to'), (0, _defineProperty2.default)(_classNames, classes.absolute, staticPosition !== true), (0, _defineProperty2.default)(_classNames, classes.relative, staticPosition === true), _classNames));
+  var paperClass = (0, _classnames.default)(classes.paper, (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, classes.left, side === 'from'), classes.right, side === 'to'), classes.absolute, staticPosition !== true), classes.relative, staticPosition === true));
   var paperProps = (0, _objectSpread2.default)({}, props);
   return (
     /*#__PURE__*/
@@ -91,7 +89,6 @@ var CustomOverlayLayout = function CustomOverlayLayout(_ref) {
     }, footerElement), absoluteElement))
   );
 };
-var _default = (0, _withStyles.default)(styles, {
+var _default = exports.default = (0, _withStyles.default)(styles, {
   name: 'HmuiCustomOverlayLayout'
-})(CustomOverlayLayout);
-exports.default = _default;
+})(CustomOverlayLayout);