@rio-cloud/rio-uikit 0.16.1-beta.21 → 0.16.1-beta.23

package/lib/es/components/spinner/Spinner.js

@@ -1,72 +1,56 @@
 "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/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _isNil = _interopRequireDefault(require("lodash/fp/isNil"));
-
 var _Fade = _interopRequireDefault(require("../fade/Fade"));
-
 var _excluded = ["isDoubleSized", "isFullScreen", "isInverse"],
-    _excluded2 = ["text", "isFullSized", "isFullScreen", "show", "isInline"];
-
+  _excluded2 = ["text", "isFullSized", "isFullScreen", "show", "isInline"];
 var BaseSpinner = function BaseSpinner(_ref) {
   var isDoubleSized = _ref.isDoubleSized,
-      isFullScreen = _ref.isFullScreen,
-      isInverse = _ref.isInverse,
-      remainingProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+    isFullScreen = _ref.isFullScreen,
+    isInverse = _ref.isInverse,
+    remainingProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   var hasDoubleSized = isDoubleSized || isFullScreen;
   var baseSpinnerClasses = (0, _classnames["default"])('spinner', hasDoubleSized && 'double', isInverse && 'inverse');
   return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({}, remainingProps, {
     className: baseSpinnerClasses
   }), /*#__PURE__*/_react["default"].createElement("div", null), /*#__PURE__*/_react["default"].createElement("div", null), /*#__PURE__*/_react["default"].createElement("div", null), /*#__PURE__*/_react["default"].createElement("div", null));
 };
-
 var Spinner = function Spinner(props) {
   var text = props.text,
-      isFullSized = props.isFullSized,
-      isFullScreen = props.isFullScreen,
-      show = props.show,
-      isInline = props.isInline,
-      remainingProps = (0, _objectWithoutProperties2["default"])(props, _excluded2);
+    isFullSized = props.isFullSized,
+    isFullScreen = props.isFullScreen,
+    show = props.show,
+    isInline = props.isInline,
+    remainingProps = (0, _objectWithoutProperties2["default"])(props, _excluded2);
   var spinnerWrapperClasses = (0, _classnames["default"])('spinnerInfoBox', isFullSized && 'fullsized', isFullScreen && 'fullscreen', 'display-flex justify-content-center align-items-center height-100pct');
-
   if (isInline) {
     return /*#__PURE__*/_react["default"].createElement(BaseSpinner, (0, _extends2["default"])({
       isFullScreen: isFullScreen
     }, remainingProps));
   }
-
   var wrappedSpinner = /*#__PURE__*/_react["default"].createElement("div", {
     className: spinnerWrapperClasses
   }, /*#__PURE__*/_react["default"].createElement(BaseSpinner, remainingProps), text && /*#__PURE__*/_react["default"].createElement("div", {
     className: "spinnerText"
   }, text));
-
   if (!(0, _isNil["default"])(show) && (isFullScreen || isFullSized)) {
     return /*#__PURE__*/_react["default"].createElement(_Fade["default"], {
       show: show,
       duration: 0.1
     }, wrappedSpinner);
   }
-
   return wrappedSpinner;
 };
-
 Spinner.defaultProps = {
   isInverse: false,
   isFullSized: false,

package/lib/es/components/states/CustomState.js

@@ -1,34 +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/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _isEmpty = _interopRequireDefault(require("lodash/fp/isEmpty"));
-
 var _baseStatePropTypes = require("./baseStatePropTypes");
-
 var _excluded = ["icon", "icons", "image", "headline", "message", "buttons", "alignment", "fullWidth", "condensed", "outerClassName", "innerClassName", "children"];
-
 var StateButton = function StateButton(_ref) {
   var text = _ref.text,
-      className = _ref.className,
-      _ref$onClick = _ref.onClick,
-      onClick = _ref$onClick === void 0 ? function () {} : _ref$onClick,
-      href = _ref.href;
-  var buttonClassNames = (0, _classnames["default"])('btn btn-primary', 'margin-top-10', className && className); // In case a href is given, render a link button instead
+    className = _ref.className,
+    _ref$onClick = _ref.onClick,
+    onClick = _ref$onClick === void 0 ? function () {} : _ref$onClick,
+    href = _ref.href;
+  var buttonClassNames = (0, _classnames["default"])('btn btn-primary', 'margin-top-10', className && className);
 
+  // In case a href is given, render a link button instead
   if (href) {
     return /*#__PURE__*/_react["default"].createElement("a", {
       className: buttonClassNames,
@@ -36,60 +28,52 @@ var StateButton = function StateButton(_ref) {
       onClick: onClick
     }, text);
   }
-
   return /*#__PURE__*/_react["default"].createElement("button", {
     className: buttonClassNames,
     type: "button",
     onClick: onClick
   }, text);
 };
-
 var Icon = function Icon(_ref2) {
   var name = _ref2.name,
-      color = _ref2.color,
-      className = _ref2.className;
+    color = _ref2.color,
+    className = _ref2.className;
   var iconClassNames = (0, _classnames["default"])('rioglyph', color || 'text-color-light', name && name, !className && 'text-size-300pct', className && className);
   return /*#__PURE__*/_react["default"].createElement("span", {
     className: iconClassNames
   });
 };
-
 var getAlignmentClassName = function getAlignmentClassName(alignment) {
   switch (alignment) {
     case _baseStatePropTypes.ALIGN_LEFT:
       return 'justify-content-start';
-
     case _baseStatePropTypes.ALIGN_CENTER:
       return 'justify-content-center';
-
     case _baseStatePropTypes.ALIGN_RIGHT:
       return 'justify-content-end';
-
     default:
       return 'justify-content-center';
   }
 };
-
 var CustomState = function CustomState(props) {
   var icon = props.icon,
-      icons = props.icons,
-      image = props.image,
-      headline = props.headline,
-      message = props.message,
-      buttons = props.buttons,
-      alignment = props.alignment,
-      fullWidth = props.fullWidth,
-      condensed = props.condensed,
-      outerClassName = props.outerClassName,
-      innerClassName = props.innerClassName,
-      children = props.children,
-      remainingProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
+    icons = props.icons,
+    image = props.image,
+    headline = props.headline,
+    message = props.message,
+    buttons = props.buttons,
+    alignment = props.alignment,
+    fullWidth = props.fullWidth,
+    condensed = props.condensed,
+    outerClassName = props.outerClassName,
+    innerClassName = props.innerClassName,
+    children = props.children,
+    remainingProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
   var wrapperClasses = (0, _classnames["default"])('margin-0', 'width-100pct', !fullWidth && 'max-width-600', 'panel-default', 'panel', condensed ? 'padding-10' : 'padding-15', outerClassName && outerClassName);
   var innerClassNames = (0, _classnames["default"])('display-flex', 'flex-column', 'align-items-center', 'text-center', condensed ? 'padding-15' : 'padding-25', innerClassName && innerClassName);
   var iconClasses = (0, _classnames["default"])(condensed ? 'text-size-16 margin-bottom-10' : 'text-size-h2 margin-bottom-20');
   var iconsClasses = (0, _classnames["default"])(condensed ? 'text-size-16 margin-bottom-10' : 'text-size-h2 margin-bottom-20', 'display-flex', 'align-items-center', 'max-width-100pct');
   var headlineClassNames = (0, _classnames["default"])(condensed ? 'text-size-h4' : 'text-size-h3 text-size-h2-sm', 'line-height-125rel', 'text-color-dark', 'text-medium', 'width-500', 'max-width-100pct');
-
   var renderButtons = /*#__PURE__*/_react["default"].createElement("div", {
     className: "btn-toolbar margin-top-20"
   }, buttons.map(function (buttonProps, index) {
@@ -97,13 +81,11 @@ var CustomState = function CustomState(props) {
       key: index
     }, buttonProps));
   }));
-
   var renderIcon = /*#__PURE__*/_react["default"].createElement("div", {
     className: iconClasses
   }, /*#__PURE__*/_react["default"].createElement(Icon, {
     name: icon
   }));
-
   var renderIcons = /*#__PURE__*/_react["default"].createElement("div", {
     className: iconsClasses
   }, icons.map(function (iconProps, index) {
@@ -111,19 +93,15 @@ var CustomState = function CustomState(props) {
       key: index
     }, iconProps));
   }));
-
   var renderChildren = /*#__PURE__*/_react["default"].createElement("div", {
     className: 'width-500 max-width-100pct margin-top-25'
   }, children);
-
   var renderHeadline = /*#__PURE__*/_react["default"].createElement("div", {
     className: headlineClassNames
   }, headline);
-
   var renderMessage = /*#__PURE__*/_react["default"].createElement("div", {
     className: 'text-color-dark margin-top-15 width-500 max-width-100pct'
   }, message);
-
   var singleOrMultiIcon = (0, _isEmpty["default"])(icons) ? renderIcon : renderIcons;
   var imageOrIcon = image ? image : singleOrMultiIcon;
   return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
@@ -134,7 +112,6 @@ var CustomState = function CustomState(props) {
     className: innerClassNames
   }, imageOrIcon, headline && renderHeadline, message && renderMessage, !(0, _isEmpty["default"])(buttons) && renderButtons, children && renderChildren)));
 };
-
 CustomState.defaultProps = {
   icon: 'rioglyph-rio',
   icons: [],

package/lib/es/components/states/EmptyState.js

@@ -1,22 +1,16 @@
 "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 _CustomState = _interopRequireDefault(require("./CustomState"));
-
 var _baseStatePropTypes = require("./baseStatePropTypes");
-
 var EmptyState = function EmptyState(props) {
   return /*#__PURE__*/_react["default"].createElement(_CustomState["default"], props);
 };
-
 EmptyState.defaultProps = {
   icon: 'rioglyph-empty'
 };

package/lib/es/components/states/ErrorState.js

@@ -1,22 +1,16 @@
 "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 _CustomState = _interopRequireDefault(require("./CustomState"));
-
 var _baseStatePropTypes = require("./baseStatePropTypes");
-
 var ErrorState = function ErrorState(props) {
   return /*#__PURE__*/_react["default"].createElement(_CustomState["default"], props);
 };
-
 ErrorState.defaultProps = {
   icon: 'rioglyph-truck-breakdown'
 };

package/lib/es/components/states/ForbiddenState.js

@@ -1,22 +1,16 @@
 "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 _CustomState = _interopRequireDefault(require("./CustomState"));
-
 var _baseStatePropTypes = require("./baseStatePropTypes");
-
 var ForbiddenState = function ForbiddenState(props) {
   return /*#__PURE__*/_react["default"].createElement(_CustomState["default"], props);
 };
-
 ForbiddenState.defaultProps = {
   icon: 'rioglyph-ban-circle'
 };

package/lib/es/components/states/MaintenanceState.js

@@ -1,22 +1,16 @@
 "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 _CustomState = _interopRequireDefault(require("./CustomState"));
-
 var _baseStatePropTypes = require("./baseStatePropTypes");
-
 var MaintenanceState = function MaintenanceState(props) {
   return /*#__PURE__*/_react["default"].createElement(_CustomState["default"], props);
 };
-
 MaintenanceState.defaultProps = {
   icon: 'rioglyph-wrench'
 };

package/lib/es/components/states/NotBookedState.js

@@ -1,33 +1,22 @@
 "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/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _CustomState = _interopRequireDefault(require("./CustomState"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _isArray = _interopRequireDefault(require("lodash/fp/isArray"));
-
 var _isEmpty = _interopRequireDefault(require("lodash/fp/isEmpty"));
-
 var _excluded = ["message", "features"];
-
 var NotBookedState = function NotBookedState(props) {
   var message = props.message,
-      features = props.features,
-      remainingProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
-
+    features = props.features,
+    remainingProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
   var combinedMessages = /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, message && /*#__PURE__*/_react["default"].createElement("div", {
     className: "text-medium margin-bottom-20"
   }, message), features && (0, _isArray["default"])(features) && !(0, _isEmpty["default"])(features) && /*#__PURE__*/_react["default"].createElement("ul", {
@@ -37,12 +26,10 @@ var NotBookedState = function NotBookedState(props) {
       key: index
     }, feature);
   })));
-
   return /*#__PURE__*/_react["default"].createElement(_CustomState["default"], (0, _extends2["default"])({
     message: combinedMessages
   }, remainingProps));
 };
-
 NotBookedState.defaultProps = {
   icon: 'rioglyph-stars'
 };

package/lib/es/components/states/NotFoundState.js

@@ -1,22 +1,16 @@
 "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 _CustomState = _interopRequireDefault(require("./CustomState"));
-
 var _baseStatePropTypes = require("./baseStatePropTypes");
-
 var NotFoundState = function NotFoundState(props) {
   return /*#__PURE__*/_react["default"].createElement(_CustomState["default"], props);
 };
-
 NotFoundState.defaultProps = {
   icon: 'rioglyph-looking-glass-man'
 };

package/lib/es/components/states/baseStatePropTypes.js

@@ -1,14 +1,11 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.baseStatePropTypes = exports.ALIGN_RIGHT = exports.ALIGN_LEFT = exports.ALIGN_CENTER = void 0;
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var ALIGN_LEFT = 'left';
 exports.ALIGN_LEFT = ALIGN_LEFT;
 var ALIGN_CENTER = 'center';

package/lib/es/components/statsWidget/StatsWidget.js

@@ -1,36 +1,25 @@
 "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/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _StatsWidgetHeader = _interopRequireDefault(require("./StatsWidgetHeader"));
-
 var _StatsWidgetBody = _interopRequireDefault(require("./StatsWidgetBody"));
-
 var _StatsWidgetFooter = _interopRequireDefault(require("./StatsWidgetFooter"));
-
 var _excluded = ["children", "hasFilter", "onFilterReset", "className"];
-
 var StatsWidget = function StatsWidget(props) {
   var children = props.children,
-      hasFilter = props.hasFilter,
-      onFilterReset = props.onFilterReset,
-      className = props.className,
-      remainingProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
+    hasFilter = props.hasFilter,
+    onFilterReset = props.onFilterReset,
+    className = props.className,
+    remainingProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
   var resetFilterButtonClassNames = (0, _classnames["default"])('bg-light hover-bg-highlight', 'display-flex justify-content-center align-items-center', 'padding-2', 'rounded-circle', 'position-absolute top-15 right-15', 'display-block', 'height-20 width-20', 'cursor-pointer');
   var wrapperClasses = (0, _classnames["default"])('StatsWidget', className && className);
   return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({}, remainingProps, {
@@ -42,7 +31,6 @@ var StatsWidget = function StatsWidget(props) {
     className: 'rioglyph rioglyph-revert text-color-white text-size-12'
   })), children);
 };
-
 StatsWidget.Header = _StatsWidgetHeader["default"];
 StatsWidget.Body = _StatsWidgetBody["default"];
 StatsWidget.Footer = _StatsWidgetFooter["default"];

package/lib/es/components/statsWidget/StatsWidgetBody.js

@@ -1,29 +1,21 @@
 "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/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _excluded = ["children", "fullWidth", "className"];
-
 var StatsWidgetBody = function StatsWidgetBody(props) {
   var children = props.children,
-      fullWidth = props.fullWidth,
-      className = props.className,
-      remainingProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
+    fullWidth = props.fullWidth,
+    className = props.className,
+    remainingProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
   var classes = (0, _classnames["default"])('StatsWidget-body', fullWidth && 'full-width', className);
   return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({}, remainingProps, {
     className: classes
@@ -33,7 +25,6 @@ var StatsWidgetBody = function StatsWidgetBody(props) {
     className: 'StatsWidget-body-column-spacer invisible'
   }));
 };
-
 StatsWidgetBody.defaultProps = {
   fullWidth: false
 };

package/lib/es/components/statsWidget/StatsWidgetFooter.js

@@ -1,31 +1,23 @@
 "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/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _excluded = ["children", "className"];
-
 var StatsWidgetHeader = function StatsWidgetHeader(props) {
   var children = props.children,
-      className = props.className,
-      remainingProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
+    className = props.className,
+    remainingProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
   var classes = (0, _classnames["default"])('StatsWidget-footer', className);
   return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({}, remainingProps, {
     className: classes
   }), children);
 };
-
 var _default = StatsWidgetHeader;
 exports["default"] = _default;

package/lib/es/components/statsWidget/StatsWidgetHeader.js

@@ -1,31 +1,23 @@
 "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/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _excluded = ["children", "className"];
-
 var StatsWidgetHeader = function StatsWidgetHeader(props) {
   var children = props.children,
-      className = props.className,
-      remainingProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
+    className = props.className,
+    remainingProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
   var classes = (0, _classnames["default"])('StatsWidget-header', className);
   return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({}, remainingProps, {
     className: classes
   }), children);
 };
-
 var _default = StatsWidgetHeader;
 exports["default"] = _default;

package/lib/es/components/statsWidget/StatsWidgetNumber.js

@@ -1,31 +1,23 @@
 "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/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _excluded = ["value", "total", "label", "className", "clickable"];
-
 var StatsWidgetNumber = function StatsWidgetNumber(props) {
   var value = props.value,
-      total = props.total,
-      label = props.label,
-      className = props.className,
-      clickable = props.clickable,
-      remainingProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
+    total = props.total,
+    label = props.label,
+    className = props.className,
+    clickable = props.clickable,
+    remainingProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
   var classes = (0, _classnames["default"])('StatsWidgetNumber', clickable && 'cursor-pointer', className);
   return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({}, remainingProps, {
     className: classes
@@ -39,7 +31,6 @@ var StatsWidgetNumber = function StatsWidgetNumber(props) {
     className: 'StatsWidgetNumber-label'
   }, label));
 };
-
 StatsWidgetNumber.defaultProps = {
   value: 0,
   clickable: false,

package/lib/es/components/statsWidget/StatsWidgetSpacer.js

@@ -1,30 +1,22 @@
 "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/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _excluded = ["className"];
-
 var StatsWidgetSpacer = function StatsWidgetSpacer(props) {
   var className = props.className,
-      remainingProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
+    remainingProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
   var classes = (0, _classnames["default"])('StatsWidget-body-column-spacer', className);
   return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({}, remainingProps, {
     className: classes
   }));
 };
-
 var _default = StatsWidgetSpacer;
 exports["default"] = _default;