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

package/HiSelectableList/HiSelectableListHierarchic.js

@@ -1,83 +1,63 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.styles = exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
-
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/possibleConstructorReturn"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
-
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
 var _react = _interopRequireDefault(require("react"));
-
 var _List = _interopRequireDefault(require("@mui/material/List"));
-
 var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
-
 var _HiSelectableListItem = _interopRequireDefault(require("./HiSelectableListItem"));
-
-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() {
+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 styles() {
   return {
     root: {}
   };
 };
+
 /**
  * Construit une liste d'item sélectionnable (avec checkbox)
  */
-
-
-exports.styles = styles;
-
 var HiSelectableListHierarchic = /*#__PURE__*/function (_React$PureComponent) {
-  (0, _inherits2.default)(HiSelectableListHierarchic, _React$PureComponent);
-
-  var _super = _createSuper(HiSelectableListHierarchic);
-
   function HiSelectableListHierarchic() {
     var _this;
-
     (0, _classCallCheck2.default)(this, HiSelectableListHierarchic);
-
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
-    _this = _super.call.apply(_super, [this].concat(args));
-
+    _this = _callSuper(this, HiSelectableListHierarchic, [].concat(args));
     _this.handleSelect = function (item) {
       return function (event) {
         _this.props.onSelect(event, item);
       };
     };
-
+    /**
+     * Build list item and children items
+     *
+     * @param item
+     * @param level
+     * @returns {*}
+     */
     _this.buildRecursiveListItem = function (item) {
       var level = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
       var _this$props = _this.props,
-          checkedIcon = _this$props.checkedIcon,
-          disabled = _this$props.disabled,
-          disabledItemIdList = _this$props.disabledItemIdList,
-          hideCheckbox = _this$props.hideCheckbox,
-          hoverIcon = _this$props.hoverIcon,
-          icon = _this$props.icon,
-          selectedItemIdList = _this$props.selectedItemIdList,
-          others = (0, _objectWithoutProperties2.default)(_this$props, ["checkedIcon", "disabled", "disabledItemIdList", "hideCheckbox", "hoverIcon", "icon", "selectedItemIdList"]);
+        checkedIcon = _this$props.checkedIcon,
+        disabled = _this$props.disabled,
+        disabledItemIdList = _this$props.disabledItemIdList,
+        hideCheckbox = _this$props.hideCheckbox,
+        hoverIcon = _this$props.hoverIcon,
+        icon = _this$props.icon,
+        selectedItemIdList = _this$props.selectedItemIdList,
+        others = (0, _objectWithoutProperties2.default)(_this$props, ["checkedIcon", "disabled", "disabledItemIdList", "hideCheckbox", "hoverIcon", "icon", "selectedItemIdList"]);
       return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_HiSelectableListItem.default, (0, _extends2.default)({}, others, {
         checkedIcon: checkedIcon,
         disabled: disabled || disabledItemIdList.includes(item.id),
@@ -87,35 +67,33 @@ var HiSelectableListHierarchic = /*#__PURE__*/function (_React$PureComponent) {
         key: item.id,
         level: level,
         onSelect: _this.handleSelect(item),
-        selected: selectedItemIdList.includes(item.id) // item props override upper props (disabled, hideCheckbox, icon, level...)
-
+        selected: selectedItemIdList.includes(item.id)
+        // item props override upper props (disabled, hideCheckbox, icon, level...)
       }, item)), item.children && item.children.length > 0 && item.children.filter(function (subItem) {
         return !subItem.displayed;
       }).map(function (subItem) {
         return _this.buildRecursiveListItem(subItem, level + 1);
       }));
     };
-
     return _this;
   }
-
-  (0, _createClass2.default)(HiSelectableListHierarchic, [{
+  (0, _inherits2.default)(HiSelectableListHierarchic, _React$PureComponent);
+  return (0, _createClass2.default)(HiSelectableListHierarchic, [{
     key: "render",
     value: function render() {
       var _this2 = this;
-
       var _this$props2 = this.props,
-          classes = _this$props2.classes,
-          itemList = _this$props2.itemList,
-          onKeyDown = _this$props2.onKeyDown,
-          checkedIcon = _this$props2.checkedIcon,
-          disabled = _this$props2.disabled,
-          disabledItemIdList = _this$props2.disabledItemIdList,
-          hideCheckbox = _this$props2.hideCheckbox,
-          hoverIcon = _this$props2.hoverIcon,
-          icon = _this$props2.icon,
-          selectedItemIdList = _this$props2.selectedItemIdList,
-          others = (0, _objectWithoutProperties2.default)(_this$props2, ["classes", "itemList", "onKeyDown", "checkedIcon", "disabled", "disabledItemIdList", "hideCheckbox", "hoverIcon", "icon", "selectedItemIdList"]);
+        classes = _this$props2.classes,
+        itemList = _this$props2.itemList,
+        onKeyDown = _this$props2.onKeyDown,
+        checkedIcon = _this$props2.checkedIcon,
+        disabled = _this$props2.disabled,
+        disabledItemIdList = _this$props2.disabledItemIdList,
+        hideCheckbox = _this$props2.hideCheckbox,
+        hoverIcon = _this$props2.hoverIcon,
+        icon = _this$props2.icon,
+        selectedItemIdList = _this$props2.selectedItemIdList,
+        others = (0, _objectWithoutProperties2.default)(_this$props2, ["classes", "itemList", "onKeyDown", "checkedIcon", "disabled", "disabledItemIdList", "hideCheckbox", "hoverIcon", "icon", "selectedItemIdList"]);
       var parents = [];
       return /*#__PURE__*/_react.default.createElement(_List.default, {
         className: classes.root,
@@ -139,7 +117,6 @@ var HiSelectableListHierarchic = /*#__PURE__*/function (_React$PureComponent) {
           // n'est pas vide => on le réinitialise
           parents = [];
         }
-
         return /*#__PURE__*/_react.default.createElement(_HiSelectableListItem.default, (0, _extends2.default)({}, others, {
           checkedIcon: checkedIcon,
           disabled: disabled || disabledItemIdList.includes(item.id),
@@ -149,15 +126,13 @@ var HiSelectableListHierarchic = /*#__PURE__*/function (_React$PureComponent) {
           key: item.id,
           level: parents.length,
           onSelect: _this2.handleSelect(item),
-          selected: selectedItemIdList.includes(item.id) // item props override upper props (disabled, hideCheckbox, icon, level...)
-
+          selected: selectedItemIdList.includes(item.id)
+          // item props override upper props (disabled, hideCheckbox, icon, level...)
         }, item));
       }));
     }
   }]);
-  return HiSelectableListHierarchic;
 }(_react.default.PureComponent);
-
 HiSelectableListHierarchic.defaultProps = {
   allSelected: false,
   disabled: false,
@@ -165,10 +140,7 @@ HiSelectableListHierarchic.defaultProps = {
   hideCheckbox: false,
   selectedItemIdList: []
 };
-
-var _default = (0, _withStyles.default)(styles, {
+var _default = exports.default = (0, _withStyles.default)(styles, {
   hiComponent: true,
   name: 'HmuiHiSelectableListHierarchic'
-})(HiSelectableListHierarchic);
-
-exports.default = _default;
+})(HiSelectableListHierarchic);

package/HiSelectableList/HiSelectableListItem.js

@@ -1,53 +1,31 @@
 "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(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) {
+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 && {}.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) {
   return {
     label: {
       maxWidth: '100%',
@@ -59,16 +37,13 @@ var useItemLabelStyles = (0, _makeStyles.default)(function (theme) {
     }
   };
 });
-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
@@ -76,19 +51,16 @@ 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,
@@ -96,14 +68,12 @@ function ItemLabel(props) {
       label: label
     });
   }
-
   return /*#__PURE__*/_react.default.createElement("div", {
     className: classes.label,
     title: title || label
   }, label);
 }
-
-var useStyles = (0, _makeStyles.default)(function (theme) {
+var useStyles = exports.useStyles = (0, _makeStyles.default)(function (theme) {
   return {
     root: {
       paddingLeft: theme.spacing(1)
@@ -265,49 +235,43 @@ var 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;
@@ -315,14 +279,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); // Return simple loader list item
+  (0, _reactUse.useEvent)('keydown', onKeyDown, ref.current);
 
+  // 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,
@@ -330,24 +294,19 @@ 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
@@ -357,7 +316,6 @@ function HiSelectableListItem(props) {
       itemIcon.props = (0, _objectSpread2.default)({}, itemIcon.props, {}, iconProps);
     }
   }
-
   return /*#__PURE__*/_react.default.createElement(ListItemComponentName, {
     ref: ref,
     id: id,
@@ -366,7 +324,7 @@ function HiSelectableListItem(props) {
     classes: {
       root: classes.root
     },
-    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)),
+    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)),
     disabled: disabled,
     onClick: !disabled ? onSelect : undefined,
     style: {
@@ -381,7 +339,8 @@ 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,
@@ -399,7 +358,7 @@ function HiSelectableListItem(props) {
     },
     className: classes.img
   }), /*#__PURE__*/_react.default.createElement("div", {
-    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)),
+    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)),
     "data-id": id
   }, itemIcon && hideCheckbox && itemIcon, /*#__PURE__*/_react.default.createElement(ItemLabel, {
     color: color,
@@ -410,14 +369,13 @@ 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, (_classNames4 = {}, (0, _defineProperty2.default)(_classNames4, classes.infosWithoutSecondaryInline, !secondaryInline), (0, _defineProperty2.default)(_classNames4, classes.infosWithSecondaryInline, !secondaryInline), (0, _defineProperty2.default)(_classNames4, classes.infosInlineWithoutSecondary, secondaryInline && !secondaryLabel), _classNames4))
+    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))
   }, !!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,
@@ -433,5 +391,4 @@ HiSelectableListItem.defaultProps = {
   thin: false,
   opened: false
 };
-var _default = HiSelectableListItem;
-exports.default = _default;
+var _default = exports.default = HiSelectableListItem;

package/HiSelectableList/index.js

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

package/HiStepper/DefaultIndicator.js

@@ -1,18 +1,13 @@
 "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
  */
@@ -24,14 +19,12 @@ 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, {
@@ -39,6 +32,4 @@ var DefaultIndicator = function DefaultIndicator() {
     viewBox: "0 0 20 20"
   }, _ref);
 };
-
-var _default = DefaultIndicator;
-exports.default = _default;
+var _default = exports.default = DefaultIndicator;