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

package/es/HiSelectableList/HiSelectableListItem.js

@@ -1,31 +1,53 @@
 "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.useItemLabelStyles = 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 _react = _interopRequireWildcard(require("react"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _reactUse = require("react-use");
+
 var _makeStyles = _interopRequireDefault(require("@mui/styles/makeStyles"));
+
 var _ListItem = _interopRequireDefault(require("@mui/material/ListItem"));
+
 var _ListSubheader = _interopRequireDefault(require("@mui/material/ListSubheader"));
+
 var _HiIcon = _interopRequireDefault(require("../HiIcon"));
+
 var _HiCheckbox = _interopRequireDefault(require("../HiCheckbox"));
+
 var _HiColoredLabel = _interopRequireDefault(require("../HiColoredLabel"));
+
 var _HiLoader = _interopRequireDefault(require("../HiLoader"));
+
 var _helpers = require("../utils/helpers");
+
 var _ArrowDropDown = _interopRequireDefault(require("@mui/icons-material/ArrowDropDown"));
+
 var _ArrowRight = _interopRequireDefault(require("@mui/icons-material/ArrowRight"));
-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 useItemLabelStyles = exports.useItemLabelStyles = (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 useItemLabelStyles = (0, _makeStyles.default)(function (theme) {
   return {
     label: {
       maxWidth: '100%',
@@ -37,13 +59,16 @@ var useItemLabelStyles = exports.useItemLabelStyles = (0, _makeStyles.default)(f
     }
   };
 });
+exports.useItemLabelStyles = useItemLabelStyles;
+
 function ItemLabel(props) {
   var color = props.color,
-    label = props.label,
-    labelHighlight = props.labelHighlight,
-    selected = props.selected,
-    title = props.title;
+      label = props.label,
+      labelHighlight = props.labelHighlight,
+      selected = props.selected,
+      title = props.title;
   var classes = useItemLabelStyles(props);
+
   if (labelHighlight) {
     var spanHighlight = /*#__PURE__*/_react.default.createElement("span", {
       // eslint-disable-next-line react/no-danger
@@ -51,16 +76,19 @@ function ItemLabel(props) {
         __html: (0, _helpers.escapeHTML)(labelHighlight)
       }
     });
+
     if (color && selected) {
       return /*#__PURE__*/_react.default.createElement(_HiColoredLabel.default, {
         color: color,
         label: spanHighlight
       });
     }
+
     return /*#__PURE__*/_react.default.createElement("span", {
       className: classes.label
     }, spanHighlight);
   }
+
   if (color && selected) {
     return /*#__PURE__*/_react.default.createElement(_HiColoredLabel.default, {
       className: classes.coloredLabel,
@@ -68,12 +96,14 @@ function ItemLabel(props) {
       label: label
     });
   }
+
   return /*#__PURE__*/_react.default.createElement("div", {
     className: classes.label,
     title: title || label
   }, label);
 }
-var useStyles = exports.useStyles = (0, _makeStyles.default)(function (theme) {
+
+var useStyles = (0, _makeStyles.default)(function (theme) {
   return {
     root: {
       paddingLeft: theme.spacing(1)
@@ -235,43 +265,49 @@ var useStyles = exports.useStyles = (0, _makeStyles.default)(function (theme) {
     }
   };
 });
-
 /**
  * Construit un élément de liste sélectionnable (avec checkbox)
  * - la sélection/déséclection d'un item est géré avec KeyDown
  */
+
+exports.useStyles = useStyles;
+
 var _ref = /*#__PURE__*/_react.default.createElement(_ArrowDropDown.default, null);
+
 var _ref2 = /*#__PURE__*/_react.default.createElement(_ArrowRight.default, null);
+
 function HiSelectableListItem(props) {
+  var _classNames, _classNames3, _classNames4;
+
   var centered = props.centered,
-    selected = props.selected,
-    disabled = props.disabled,
-    fallbackImage = props.fallbackImage,
-    hideCheckbox = props.hideCheckbox,
-    onSelect = props.onSelect,
-    indeterminate = props.indeterminate,
-    indeterminateIcon = props.indeterminateIcon,
-    icon = props.icon,
-    id = props.id,
-    img = props.img,
-    info = props.info,
-    hoverIcon = props.hoverIcon,
-    checkedIcon = props.checkedIcon,
-    level = props.level,
-    label = props.label,
-    labelHighlight = props.labelHighlight,
-    paddingLeft = props.paddingLeft,
-    pinned = props.pinned,
-    collapseHeader = props.collapseHeader,
-    secondaryInline = props.secondaryInline,
-    secondaryLabel = props.secondaryLabel,
-    thin = props.thin,
-    title = props.title,
-    type = props.type,
-    color = props.color,
-    item = props.item,
-    opened = props.opened,
-    group = props.group;
+      selected = props.selected,
+      disabled = props.disabled,
+      fallbackImage = props.fallbackImage,
+      hideCheckbox = props.hideCheckbox,
+      onSelect = props.onSelect,
+      indeterminate = props.indeterminate,
+      indeterminateIcon = props.indeterminateIcon,
+      icon = props.icon,
+      id = props.id,
+      img = props.img,
+      info = props.info,
+      hoverIcon = props.hoverIcon,
+      checkedIcon = props.checkedIcon,
+      level = props.level,
+      label = props.label,
+      labelHighlight = props.labelHighlight,
+      paddingLeft = props.paddingLeft,
+      pinned = props.pinned,
+      collapseHeader = props.collapseHeader,
+      secondaryInline = props.secondaryInline,
+      secondaryLabel = props.secondaryLabel,
+      thin = props.thin,
+      title = props.title,
+      type = props.type,
+      color = props.color,
+      item = props.item,
+      opened = props.opened,
+      group = props.group;
   var classes = useStyles(props);
   var ref = (0, _react.useRef)(null);
   var isHovering = !!hoverIcon ? (0, _reactUse.useHoverDirty)(ref) : false;
@@ -279,14 +315,14 @@ function HiSelectableListItem(props) {
     if (event.code === 'Space' || event.code === 'Enter') {
       event.preventDefault();
       event.stopPropagation();
+
       if (item) {
         onSelect(event, item);
       }
     }
   }, [item]);
-  (0, _reactUse.useEvent)('keydown', onKeyDown, ref.current);
+  (0, _reactUse.useEvent)('keydown', onKeyDown, ref.current); // Return simple loader list item
 
-  // Return simple loader list item
   if (type === 'loader') {
     return /*#__PURE__*/_react.default.createElement(_ListItem.default, null, /*#__PURE__*/_react.default.createElement(_HiLoader.default, {
       className: classes.loader,
@@ -294,19 +330,24 @@ function HiSelectableListItem(props) {
       size: 8
     }));
   }
+
   var displayedIcon;
+
   if (!disabled && isHovering && hoverIcon) {
     displayedIcon = hoverIcon;
   } else if (icon) {
     displayedIcon = icon;
   }
+
   var ListItemComponentName = pinned || collapseHeader ? _ListSubheader.default : _ListItem.default;
   var itemIcon;
+
   if (displayedIcon) {
     var iconProps = {
       className: classes.icon,
       color: selected && color ? color : 'inherit'
     };
+
     if (typeof displayedIcon === 'string') {
       itemIcon = /*#__PURE__*/_react.default.createElement(_HiIcon.default, (0, _extends2.default)({
         icon: displayedIcon
@@ -316,6 +357,7 @@ function HiSelectableListItem(props) {
       itemIcon.props = (0, _objectSpread2.default)({}, itemIcon.props, {}, iconProps);
     }
   }
+
   return /*#__PURE__*/_react.default.createElement(ListItemComponentName, {
     ref: ref,
     id: id,
@@ -324,7 +366,7 @@ function HiSelectableListItem(props) {
     classes: {
       root: classes.root
     },
-    className: (0, _classnames.default)(classes.listItem, classes.listItemHover, (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.disabled, disabled), classes.selected, selected), classes.thin, thin), classes.pinned, pinned), classes.collapseHeader, collapseHeader), classes.inline, secondaryInline), classes.listItemWithoutSecondaryInline, !secondaryInline), classes.listItemInlineWithInfoWithoutSecondary, secondaryInline && typeof info !== "undefined" && !secondaryLabel)),
+    className: (0, _classnames.default)(classes.listItem, classes.listItemHover, (_classNames = {}, (0, _defineProperty2.default)(_classNames, classes.disabled, disabled), (0, _defineProperty2.default)(_classNames, classes.selected, selected), (0, _defineProperty2.default)(_classNames, classes.thin, thin), (0, _defineProperty2.default)(_classNames, classes.pinned, pinned), (0, _defineProperty2.default)(_classNames, classes.collapseHeader, collapseHeader), (0, _defineProperty2.default)(_classNames, classes.inline, secondaryInline), (0, _defineProperty2.default)(_classNames, classes.listItemWithoutSecondaryInline, !secondaryInline), (0, _defineProperty2.default)(_classNames, classes.listItemInlineWithInfoWithoutSecondary, secondaryInline && typeof info !== "undefined" && !secondaryLabel), _classNames)),
     disabled: disabled,
     onClick: !disabled ? onSelect : undefined,
     style: {
@@ -339,8 +381,7 @@ function HiSelectableListItem(props) {
       root: !secondaryInline ? classes.checkboxWithSecondaryInline : classes.checkbox
     },
     checked: selected,
-    checkedIcon: checkedIcon
-    // color={disabled ? 'inherit' : 'primary'}
+    checkedIcon: checkedIcon // color={disabled ? 'inherit' : 'primary'}
     ,
     disabled: disabled,
     icon: itemIcon,
@@ -358,7 +399,7 @@ function HiSelectableListItem(props) {
     },
     className: classes.img
   }), /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)(classes.listItemContent, (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, classes.centered, centered), classes.highlight, type === 'highlight'), classes.primaryHighlight, type === 'primary-highlight'), classes.listItemContentSelected, selected && color)),
+    className: (0, _classnames.default)(classes.listItemContent, (_classNames3 = {}, (0, _defineProperty2.default)(_classNames3, classes.centered, centered), (0, _defineProperty2.default)(_classNames3, classes.highlight, type === 'highlight'), (0, _defineProperty2.default)(_classNames3, classes.primaryHighlight, type === 'primary-highlight'), (0, _defineProperty2.default)(_classNames3, classes.listItemContentSelected, selected && color), _classNames3)),
     "data-id": id
   }, itemIcon && hideCheckbox && itemIcon, /*#__PURE__*/_react.default.createElement(ItemLabel, {
     color: color,
@@ -369,13 +410,14 @@ function HiSelectableListItem(props) {
   }), collapseHeader && /*#__PURE__*/_react.default.createElement("span", {
     className: classes.rightIcon
   }, opened ? _ref : _ref2))), /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)(classes.infosContent, (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, classes.infosWithoutSecondaryInline, !secondaryInline), classes.infosWithSecondaryInline, !secondaryInline), classes.infosInlineWithoutSecondary, secondaryInline && !secondaryLabel))
+    className: (0, _classnames.default)(classes.infosContent, (_classNames4 = {}, (0, _defineProperty2.default)(_classNames4, classes.infosWithoutSecondaryInline, !secondaryInline), (0, _defineProperty2.default)(_classNames4, classes.infosWithSecondaryInline, !secondaryInline), (0, _defineProperty2.default)(_classNames4, classes.infosInlineWithoutSecondary, secondaryInline && !secondaryLabel), _classNames4))
   }, !!secondaryLabel && /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)(classes.secondaryLabel, (0, _defineProperty2.default)({}, classes.inline, secondaryInline))
   }, secondaryLabel), typeof info !== "undefined" && /*#__PURE__*/_react.default.createElement("span", {
     className: (0, _classnames.default)(classes.info)
   }, info)));
 }
+
 HiSelectableListItem.defaultProps = {
   centered: false,
   disabled: false,
@@ -391,4 +433,5 @@ HiSelectableListItem.defaultProps = {
   thin: false,
   opened: false
 };
-var _default = exports.default = HiSelectableListItem;
+var _default = HiSelectableListItem;
+exports.default = _default;

package/es/HiSelectableList/index.js

@@ -1,6 +1,7 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -22,6 +23,9 @@ Object.defineProperty(exports, "default", {
     return _HiSelectableList.default;
   }
 });
+
 var _HiSelectableList = _interopRequireDefault(require("./HiSelectableList"));
+
 var _HiSelectableListItem = _interopRequireDefault(require("./HiSelectableListItem"));
+
 var _HiSelectableListHierarchic = _interopRequireDefault(require("./HiSelectableListHierarchic"));

package/es/HiStepper/DefaultIndicator.js

@@ -1,13 +1,18 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _SvgIcon = _interopRequireDefault(require("@mui/material/SvgIcon"));
+
 var _makeStyles = _interopRequireDefault(require("@mui/styles/makeStyles"));
+
 /**
  * Custom style for SvgIcon
  */
@@ -19,12 +24,14 @@ var useStyles = (0, _makeStyles.default)(function (theme) {
     }
   };
 });
+
 var _ref = /*#__PURE__*/_react.default.createElement("circle", {
   cx: "10",
   cy: "10",
   r: "2",
   fill: "white"
 });
+
 var DefaultIndicator = function DefaultIndicator() {
   var classes = useStyles();
   return /*#__PURE__*/_react.default.createElement(_SvgIcon.default, {
@@ -32,4 +39,6 @@ var DefaultIndicator = function DefaultIndicator() {
     viewBox: "0 0 20 20"
   }, _ref);
 };
-var _default = exports.default = DefaultIndicator;
+
+var _default = DefaultIndicator;
+exports.default = _default;

package/es/HiStepper/HiStep.js

@@ -1,34 +1,53 @@
 "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 _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
+
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
+
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _styles = require("@mui/material/styles");
+
 var _makeStyles = _interopRequireDefault(require("@mui/styles/makeStyles"));
+
 var _Step = _interopRequireDefault(require("@mui/material/Step"));
+
 var _StepButton = _interopRequireDefault(require("@mui/material/StepButton"));
+
 var _StepContent = _interopRequireDefault(require("@mui/material/StepContent"));
+
 var _StepLabel = _interopRequireDefault(require("@mui/material/StepLabel"));
+
 var _Check = _interopRequireDefault(require("@mui/icons-material/Check"));
+
 var _Close = _interopRequireDefault(require("@mui/icons-material/Close"));
+
 var _Remove = _interopRequireDefault(require("@mui/icons-material/Remove"));
+
 var _DefaultIndicator = _interopRequireDefault(require("./DefaultIndicator"));
-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; }
+
 /**
  * HiStepIcon used internally by HiStep
  */
 var HiStepIcon = function HiStepIcon(_ref) {
   var color = _ref.color,
-    indicator = _ref.indicator,
-    status = _ref.status;
+      indicator = _ref.indicator,
+      status = _ref.status;
   // get icon style from color
   var style = (0, _react.useMemo)(function () {
     return {
@@ -42,17 +61,19 @@ var HiStepIcon = function HiStepIcon(_ref) {
       fontSize: 13,
       textAlign: 'center'
     };
-  }, [color]);
+  }, [color]); // get component from status
 
-  // get component from status
   var StepIconComponent = (0, _react.useMemo)(function () {
     switch (status) {
       case "done":
         return _Check.default;
+
       case "error":
         return _Close.default;
+
       case "warning":
         return _Remove.default;
+
       case "in_progress":
       default:
         return function (props) {
@@ -64,10 +85,11 @@ var HiStepIcon = function HiStepIcon(_ref) {
     style: style
   });
 };
-
 /**
  * Custom style for StepButton
  */
+
+
 var useStepButtonStyle = (0, _makeStyles.default)(function (theme) {
   return {
     root: {
@@ -78,10 +100,10 @@ var useStepButtonStyle = (0, _makeStyles.default)(function (theme) {
     }
   };
 });
-
 /**
  * Custom style for StepContent
  */
+
 var useStepContentStyle = (0, _makeStyles.default)(function (theme) {
   return {
     root: {
@@ -95,10 +117,10 @@ var useStepContentStyle = (0, _makeStyles.default)(function (theme) {
     }
   };
 });
-
 /**
  * Custom style for StepLabel
  */
+
 var useStepLabelStyle = (0, _makeStyles.default)(function (theme) {
   return {
     label: (0, _objectSpread2.default)({}, theme.typography.button, {
@@ -116,14 +138,15 @@ var useStepLabelStyle = (0, _makeStyles.default)(function (theme) {
     completed: {}
   };
 });
+
 var HiStep = _react.default.forwardRef(function (props, ref) {
   var content = props.content,
-    disabled = props.disabled,
-    indicator = props.indicator,
-    label = props.label,
-    onClick = props.onClick,
-    status = props.status,
-    others = (0, _objectWithoutProperties2.default)(props, ["content", "disabled", "indicator", "label", "onClick", "status"]);
+      disabled = props.disabled,
+      indicator = props.indicator,
+      label = props.label,
+      onClick = props.onClick,
+      status = props.status,
+      others = (0, _objectWithoutProperties2.default)(props, ["content", "disabled", "indicator", "label", "onClick", "status"]);
   var theme = (0, _styles.useTheme)();
   var stepButtonClasses = useStepButtonStyle(props);
   var stepContentClasses = useStepContentStyle(props);
@@ -132,28 +155,33 @@ var HiStep = _react.default.forwardRef(function (props, ref) {
     switch (status) {
       case "done":
         return theme.palette.success.main;
+
       case "error":
         return theme.palette.error.main;
+
       case "in_progress":
         return theme.palette.primary.main;
+
       case "warning":
         return theme.palette.warning.main;
+
       default:
         return disabled ? theme.palette.text.disabled : theme.palette.neutral.light;
     }
-  }, [status, disabled]);
+  }, [status, disabled]); // set label color
 
-  // set label color
   var stepLabelStyle = (0, _react.useMemo)(function () {
     return {
       color: color
     };
   }, [color]);
+
   var _ref2 = /*#__PURE__*/_react.default.createElement(HiStepIcon, {
     color: color,
     indicator: indicator,
     status: status
   });
+
   var StepIconProps = (0, _react.useMemo)(function () {
     return {
       icon: _ref2
@@ -174,10 +202,12 @@ var HiStep = _react.default.forwardRef(function (props, ref) {
     classes: stepContentClasses
   }, content));
 });
+
 HiStep.defaultProps = {
   /**
    * Default indicator
    */
   indicator: /*#__PURE__*/_react.default.createElement(_DefaultIndicator.default, null)
 };
-var _default = exports.default = HiStep;
+var _default = HiStep;
+exports.default = _default;

package/es/HiStepper/HiStepper.js

@@ -1,17 +1,26 @@
 "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 _react = _interopRequireDefault(require("react"));
+
 var _makeStyles = _interopRequireDefault(require("@mui/styles/makeStyles"));
+
 var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
+
 var _Stepper = _interopRequireDefault(require("@mui/material/Stepper"));
+
 var _StepConnector = _interopRequireDefault(require("@mui/material/StepConnector"));
+
 var HiStepConnector = (0, _withStyles.default)(function (theme) {
   return {
     line: {
@@ -31,10 +40,12 @@ var useStyles = (0, _makeStyles.default)(function (theme) {
     }
   };
 });
+
 var _ref2 = /*#__PURE__*/_react.default.createElement(HiStepConnector, null);
+
 var HiStepper = _react.default.forwardRef(function (_ref, ref) {
   var children = _ref.children,
-    props = (0, _objectWithoutProperties2.default)(_ref, ["children"]);
+      props = (0, _objectWithoutProperties2.default)(_ref, ["children"]);
   var classes = useStyles(props);
   return /*#__PURE__*/_react.default.createElement(_Stepper.default, (0, _extends2.default)({
     ref: ref,
@@ -44,5 +55,7 @@ var HiStepper = _react.default.forwardRef(function (_ref, ref) {
     orientation: "vertical"
   }, props), children);
 });
+
 HiStepper.defaultProps = {};
-var _default = exports.default = HiStepper;
+var _default = HiStepper;
+exports.default = _default;

package/es/HiStepper/index.js

@@ -1,6 +1,7 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -16,5 +17,7 @@ Object.defineProperty(exports, "default", {
     return _HiStepper.default;
   }
 });
+
 var _HiStepper = _interopRequireDefault(require("./HiStepper"));
+
 var _HiStep = _interopRequireDefault(require("./HiStep"));