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

package/HiAccordion/HiAccordion.js

@@ -1,33 +1,49 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 var _typeof = require("@babel/runtime/helpers/typeof");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+
 var _styledComponents = _interopRequireDefault(require("styled-components"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _Card = _interopRequireDefault(require("@mui/material/Card"));
+
 var _CardContent = _interopRequireDefault(require("@mui/material/CardContent"));
+
 var _Accordion = _interopRequireDefault(require("@mui/material/Accordion"));
+
 var _AccordionDetails = _interopRequireDefault(require("@mui/material/AccordionDetails"));
+
 var _HiAccordionSummary = _interopRequireDefault(require("../HiAccordionSummary"));
-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" != _typeof(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; }
+
+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 || _typeof(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 HiAccordion = function HiAccordion(props) {
   var _useState = (0, _react.useState)(true),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    isExpanded = _useState2[0],
-    setExpanded = _useState2[1]; // Call callback when edit button clicked
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      isExpanded = _useState2[0],
+      setExpanded = _useState2[1]; // Call callback when edit button clicked
+
+
   var handleEdit = function handleEdit(e) {
     // Stop propagation of event to avoir panel closing
-    e.stopPropagation();
-    // Set expanded to avoid closing animation after edition when panel was collapsed
+    e.stopPropagation(); // Set expanded to avoid closing animation after edition when panel was collapsed
+
     setExpanded(true);
     props.onEdit && props.onEdit();
   };
+
   return /*#__PURE__*/_react.default.createElement("div", {
     className: props.className
   }, /*#__PURE__*/_react.default.createElement(_Accordion.default, {
@@ -54,6 +70,7 @@ var HiAccordion = function HiAccordion(props) {
     className: "content"
   }, props.editContent)) : props.content)));
 };
+
 var StyledHiAccordion = (0, _styledComponents.default)(HiAccordion).withConfig({
   displayName: "HiAccordion__StyledHiAccordion",
   componentId: "sc-t8vs74-0"
@@ -61,4 +78,5 @@ var StyledHiAccordion = (0, _styledComponents.default)(HiAccordion).withConfig({
   var editMode = _ref.editMode;
   return editMode ? '0 0 24px 0' : '8px 0 24px 0';
 });
-var _default = exports.default = StyledHiAccordion;
+var _default = StyledHiAccordion;
+exports.default = _default;

package/HiAccordion/index.js

@@ -1,9 +1,13 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _HiAccordion = _interopRequireDefault(require("./HiAccordion"));
-var _default = exports.default = _HiAccordion.default;
+
+var _default = _HiAccordion.default;
+exports.default = _default;

package/HiAccordionActions/HiAccordionActions.js

@@ -1,30 +1,41 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _styledComponents = _interopRequireDefault(require("styled-components"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _HiButton = _interopRequireDefault(require("../HiButton"));
+
 var _CircularProgress = _interopRequireDefault(require("@mui/material/CircularProgress"));
+
 var _Save = _interopRequireDefault(require("@mui/icons-material/Save"));
+
 var _ref = /*#__PURE__*/_react.default.createElement(_Save.default, {
   fontSize: "small"
 });
+
 var _ref2 = /*#__PURE__*/_react.default.createElement(_CircularProgress.default, {
   size: 24,
   color: "primary",
   className: "save-loading-progress"
 });
+
 var HiAccordionActions = function HiAccordionActions(props) {
   var handleCancel = function handleCancel() {
     props.onCancel && props.onCancel();
   };
+
   var handleSave = function handleSave() {
     props.onSave && props.onSave();
   };
+
   return /*#__PURE__*/_react.default.createElement("div", {
     className: props.className
   }, /*#__PURE__*/_react.default.createElement(_HiButton.default, {
@@ -44,6 +55,7 @@ var HiAccordionActions = function HiAccordionActions(props) {
     className: "save-text"
   }, props.saveLabel)), props.isSaving && _ref2));
 };
+
 HiAccordionActions.defaultProps = {
   disabled: false,
   isSaving: false
@@ -52,4 +64,5 @@ var StyledHiAccordionActions = (0, _styledComponents.default)(HiAccordionActions
   displayName: "HiAccordionActions__StyledHiAccordionActions",
   componentId: "sc-sfgibt-0"
 })(["display:flex;position:sticky;bottom:0;background-color:#ffffff;padding:20px 0;margin-bottom:-24px;#cancel-button{margin-right:20px;}.save-wrapper{position:relative;.save-text{margin-left:6px;}.save-loading-progress{position:absolute;top:50%;left:50%;margin-left:-12px;margin-top:-12px;}}"]);
-var _default = exports.default = StyledHiAccordionActions;
+var _default = StyledHiAccordionActions;
+exports.default = _default;

package/HiAccordionActions/index.js

@@ -1,9 +1,13 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _HiAccordionActions = _interopRequireDefault(require("./HiAccordionActions"));
-var _default = exports.default = _HiAccordionActions.default;
+
+var _default = _HiAccordionActions.default;
+exports.default = _default;

package/HiAccordionSummary/HiAccordionSummary.js

@@ -1,22 +1,34 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _styledComponents = _interopRequireDefault(require("styled-components"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _AccordionSummary = _interopRequireDefault(require("@mui/material/AccordionSummary"));
+
 var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
+
 var _MenuDown = _interopRequireDefault(require("mdi-material-ui/MenuDown"));
+
 var _Edit = _interopRequireDefault(require("@mui/icons-material/Edit"));
+
 var _HiButton = _interopRequireDefault(require("../HiButton"));
+
 var _ref = /*#__PURE__*/_react.default.createElement(_MenuDown.default, null);
+
 var _ref2 = /*#__PURE__*/_react.default.createElement(_Edit.default, {
   fontSize: "small"
 });
+
 var HiAccordionSummary = function HiAccordionSummary(props) {
   return /*#__PURE__*/_react.default.createElement(_AccordionSummary.default, {
     classes: {
@@ -45,6 +57,7 @@ var HiAccordionSummary = function HiAccordionSummary(props) {
     className: "saveLabel"
   }, props.editLabel))));
 };
+
 HiAccordionSummary.defaultProps = {
   editable: false,
   editMode: false,
@@ -54,4 +67,5 @@ var StyledHiAccordionSummary = (0, _styledComponents.default)(HiAccordionSummary
   displayName: "HiAccordionSummary__StyledHiAccordionSummary",
   componentId: "sc-x8gl70-0"
 })(["&.summary{border-bottom:1px solid #e3e6e7;height:48px;min-height:48px;padding:0;&.editMode{border-bottom:none;cursor:default;.heading{font-weight:bold;}}.summaryContent{display:flex;justify-content:space-between;align-items:center;.secondary{display:flex;align-items:center;}}.saveLabel{margin-left:6px;}}"]);
-var _default = exports.default = StyledHiAccordionSummary;
+var _default = StyledHiAccordionSummary;
+exports.default = _default;

package/HiAccordionSummary/index.js

@@ -1,9 +1,13 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _HiAccordionSummary = _interopRequireDefault(require("./HiAccordionSummary"));
-var _default = exports.default = _HiAccordionSummary.default;
+
+var _default = _HiAccordionSummary.default;
+exports.default = _default;

package/HiAlertModal/HiAlertModal.js

@@ -1,31 +1,43 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 var _typeof = require("@babel/runtime/helpers/typeof");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _styledComponents = _interopRequireDefault(require("styled-components"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _HiButton = _interopRequireDefault(require("../HiButton"));
+
 var _HiIcon = _interopRequireDefault(require("../HiIcon"));
+
 var _Dialog = _interopRequireDefault(require("@mui/material/Dialog"));
+
 var _DialogActions = _interopRequireDefault(require("@mui/material/DialogActions"));
+
 var _DialogContent = _interopRequireDefault(require("@mui/material/DialogContent"));
+
 var _DialogTitle = _interopRequireDefault(require("@mui/material/DialogTitle"));
+
 var _material = require("@mui/material");
-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" != _typeof(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; }
+
+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 || _typeof(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 HiAlertModal = function HiAlertModal(props) {
   var cancelButtonRef = (0, _react.useRef)(null);
-  var submitButtonRef = (0, _react.useRef)(null);
+  var submitButtonRef = (0, _react.useRef)(null); // Refs to HiButton to display focus state
 
-  // Refs to HiButton to display focus state
   var submitActionsRef;
-  var cancelActionsRef;
+  var cancelActionsRef; // On Dialog opening, focus an action button
 
-  // On Dialog opening, focus an action button
   var handleOnEntered = function handleOnEntered() {
     if (props.labelSubmitButton) {
       // Focus submit button
@@ -37,6 +49,7 @@ var HiAlertModal = function HiAlertModal(props) {
       cancelActionsRef.focusVisible();
     }
   };
+
   return /*#__PURE__*/_react.default.createElement(_Dialog.default, {
     className: props.className,
     classes: {
@@ -81,6 +94,7 @@ var HiAlertModal = function HiAlertModal(props) {
     className: "submit-text"
   }, props.labelSubmitButton))));
 };
+
 var StyledHiAlertModal = (0, _styledComponents.default)(HiAlertModal).withConfig({
   displayName: "HiAlertModal__StyledHiAlertModal",
   componentId: "sc-dmfyat-0"
@@ -98,4 +112,5 @@ HiAlertModal.defaultProps = {
   submitButtonVariant: 'contained',
   submitIcon: 'done'
 };
-var _default = exports.default = StyledHiAlertModal;
+var _default = StyledHiAlertModal;
+exports.default = _default;

package/HiAlertModal/index.js

@@ -1,9 +1,13 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _HiAlertModal = _interopRequireDefault(require("./HiAlertModal"));
-var _default = exports.default = _HiAlertModal.default;
+
+var _default = _HiAlertModal.default;
+exports.default = _default;

package/HiAppBar/HiAppBar.js

@@ -1,28 +1,47 @@
 "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 _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 _classnames = _interopRequireDefault(require("classnames"));
+
 var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
+
 var _AppBar = _interopRequireDefault(require("@mui/material/AppBar"));
+
 var _Collapse = _interopRequireDefault(require("@mui/material/Collapse"));
+
 var _Toolbar = _interopRequireDefault(require("@mui/material/Toolbar"));
+
 var _HiIcon = _interopRequireDefault(require("../HiIcon"));
+
 var _HiIconButton = _interopRequireDefault(require("../HiIconButton"));
+
 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 AppBar
-var styles = exports.styles = function styles(theme) {
+
+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: {},
     bar: {
@@ -46,14 +65,21 @@ var styles = exports.styles = function styles(theme) {
     }
   };
 };
+
+exports.styles = styles;
+
 var _ref = /*#__PURE__*/_react.default.createElement(_HiIcon.default, {
   icon: "keyboard_arrow_up"
 });
+
 var HiAppBar = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2.default)(HiAppBar, _React$Component);
+
   var _super = _createSuper(HiAppBar);
+
   function HiAppBar(props) {
     var _this;
+
     (0, _classCallCheck2.default)(this, HiAppBar);
     _this = _super.call(this, props);
     _this.state = {
@@ -62,6 +88,7 @@ var HiAppBar = /*#__PURE__*/function (_React$Component) {
     _this.handleCollapse = _this.handleCollapse.bind((0, _assertThisInitialized2.default)(_this));
     return _this;
   }
+
   (0, _createClass2.default)(HiAppBar, [{
     key: "handleCollapse",
     value: function handleCollapse() {
@@ -71,13 +98,13 @@ var HiAppBar = /*#__PURE__*/function (_React$Component) {
     key: "render",
     value: function render() {
       var _this$props = this.props,
-        children = _this$props.children,
-        classes = _this$props.classes,
-        className = _this$props.className,
-        collapsed = _this$props.collapsed,
-        focused = _this$props.focused,
-        hideable = _this$props.hideable,
-        position = _this$props.position;
+          children = _this$props.children,
+          classes = _this$props.classes,
+          className = _this$props.className,
+          collapsed = _this$props.collapsed,
+          focused = _this$props.focused,
+          hideable = _this$props.hideable,
+          position = _this$props.position;
       return /*#__PURE__*/_react.default.createElement(_AppBar.default, {
         className: (0, _classnames.default)(className, classes.bar, (0, _defineProperty2.default)({}, classes.focused, focused)),
         classes: {
@@ -98,11 +125,15 @@ var HiAppBar = /*#__PURE__*/function (_React$Component) {
   }]);
   return HiAppBar;
 }(_react.default.Component);
+
 HiAppBar.defaultProps = {
   focused: false,
   hideable: false
 };
-var _default = exports.default = (0, _withStyles.default)(styles, {
+
+var _default = (0, _withStyles.default)(styles, {
   hiComponent: true,
   name: 'HmuiHiAppBar'
-})(HiAppBar);
+})(HiAppBar);
+
+exports.default = _default;

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

package/HiAvatar/HiAvatar.js

@@ -1,15 +1,22 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
+
 var _styledComponents = _interopRequireDefault(require("styled-components"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _Avatar = _interopRequireDefault(require("@mui/material/Avatar"));
+
 /*
  * Display an material-ui Avatar
  * If boolean internal is true, it displays white avatar with colored border and colored text
@@ -17,8 +24,8 @@ var _Avatar = _interopRequireDefault(require("@mui/material/Avatar"));
  */
 var HiAvatar = (0, _styledComponents.default)(function (_ref) {
   var internal = _ref.internal,
-    color = _ref.color,
-    other = (0, _objectWithoutProperties2.default)(_ref, ["internal", "color"]);
+      color = _ref.color,
+      other = (0, _objectWithoutProperties2.default)(_ref, ["internal", "color"]);
   return /*#__PURE__*/_react.default.createElement(_Avatar.default, other);
 }).withConfig({
   displayName: "HiAvatar",
@@ -33,10 +40,12 @@ var HiAvatar = (0, _styledComponents.default)(function (_ref) {
 HiAvatar.propTypes = {
   /* If internal user, display Avatar colors reversed */
   internal: _propTypes.default.bool,
+
   /* Avatar color */
   color: _propTypes.default.string
 };
 HiAvatar.defaultProps = {
   internal: false
 };
-var _default = exports.default = HiAvatar;
+var _default = HiAvatar;
+exports.default = _default;

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

package/HiBadge/HiBadge.js

@@ -1,16 +1,23 @@
 "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 _react = _interopRequireDefault(require("react"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _Badge = _interopRequireDefault(require("@mui/material/Badge"));
+
 var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
-var styles = exports.styles = function styles(theme) {
+
+var styles = function styles(theme) {
   return {
     // Usefull for style overriding
     root: {},
@@ -59,15 +66,20 @@ var styles = exports.styles = function styles(theme) {
     }
   };
 };
+
+exports.styles = styles;
+
 function HiBadge(props) {
+  var _classNames;
+
   var classes = props.classes,
-    className = props.className,
-    children = props.children,
-    color = props.color,
-    value = props.value;
+      className = props.className,
+      children = props.children,
+      color = props.color,
+      value = props.value;
   var length = value.toString().length;
   var finalValue = value > 100 ? '+100' : value;
-  var badgeClass = (0, _classnames.default)(classes.badge, (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.primary, color === 'primary'), classes.secondary, color === 'secondary'), classes.success, color === 'success'), classes.error, color === 'error'), classes.warning, color === 'warning'), classes.neutral, color === 'neutral'), classes.shortBadge, length < 2), classes.mediumBadge, length === 2), classes.longBadge, length > 2));
+  var badgeClass = (0, _classnames.default)(classes.badge, (_classNames = {}, (0, _defineProperty2.default)(_classNames, classes.primary, color === 'primary'), (0, _defineProperty2.default)(_classNames, classes.secondary, color === 'secondary'), (0, _defineProperty2.default)(_classNames, classes.success, color === 'success'), (0, _defineProperty2.default)(_classNames, classes.error, color === 'error'), (0, _defineProperty2.default)(_classNames, classes.warning, color === 'warning'), (0, _defineProperty2.default)(_classNames, classes.neutral, color === 'neutral'), (0, _defineProperty2.default)(_classNames, classes.shortBadge, length < 2), (0, _defineProperty2.default)(_classNames, classes.mediumBadge, length === 2), (0, _defineProperty2.default)(_classNames, classes.longBadge, length > 2), _classNames));
   return /*#__PURE__*/_react.default.createElement(_Badge.default, {
     className: className,
     classes: {
@@ -78,10 +90,14 @@ function HiBadge(props) {
     badgeContent: finalValue
   }, children);
 }
+
 HiBadge.defaultProps = {
   color: 'primary'
 };
-var _default = exports.default = (0, _withStyles.default)(styles, {
+
+var _default = (0, _withStyles.default)(styles, {
   hiComponent: true,
   name: 'HmuiHiBadge'
-})(HiBadge);
+})(HiBadge);
+
+exports.default = _default;

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