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

package/components/sidebars/Sidebar.js

@@ -4,11 +4,8 @@ import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized
 import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(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; } }
-
 /* eslint-disable complexity, no-nested-ternary */
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
@@ -26,35 +23,27 @@ var errorProps = [{
   prop: 'fullscreen',
   replacement: 'openInFullscreen'
 }];
-
 var renderFooter = function renderFooter(footer, footerClassName) {
   var footerClassNames = classNames('SidebarFooter', footerClassName && footerClassName);
   return /*#__PURE__*/React.createElement("div", {
     className: footerClassNames
   }, footer);
 };
-
 var RESIZE_THROTTLE = 500;
-
 var getSidebarBodyByRef = function getSidebarBodyByRef(sidebarRef) {
   return head(sidebarRef.getElementsByClassName('SidebarBody'));
 };
-
 var Sidebar = /*#__PURE__*/function (_Component) {
   _inherits(Sidebar, _Component);
-
   var _super = _createSuper(Sidebar);
-
   function Sidebar(props) {
     var _this;
-
     _classCallCheck(this, Sidebar);
-
     _this = _super.call(this, props);
     var _this$props = _this.props,
-        width = _this$props.width,
-        fly = _this$props.fly,
-        openInFullscreen = _this$props.openInFullscreen;
+      width = _this$props.width,
+      fly = _this$props.fly,
+      openInFullscreen = _this$props.openInFullscreen;
     _this.state = {
       width: width,
       sidebarMode: fly ? Sidebar.MODE_FLY : Sidebar.MODE_FLUID,
@@ -68,24 +57,22 @@ var Sidebar = /*#__PURE__*/function (_Component) {
     _this.onWindowResize = throttle(RESIZE_THROTTLE, _this.onWindowResize.bind(_assertThisInitialized(_this)));
     return _this;
   }
-
   _createClass(Sidebar, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       var _this$props2 = this.props,
-          resizable = _this$props2.resizable,
-          width = _this$props2.width,
-          switchModeBreakpoint = _this$props2.switchModeBreakpoint;
+        resizable = _this$props2.resizable,
+        width = _this$props2.width,
+        switchModeBreakpoint = _this$props2.switchModeBreakpoint;
       this.setState({
         width: resizable ? parseInt(width, 10) : width
       });
-
       if (switchModeBreakpoint > 0) {
-        this.resizeListener = addEventListener(window, 'resize', this.onWindowResize); // Initially check breakpoint after mounting the component
+        this.resizeListener = addEventListener(window, 'resize', this.onWindowResize);
 
+        // Initially check breakpoint after mounting the component
         this.adaptSidebarMode();
       }
-
       var doc = ownerDocument(this);
       this.onDocumentKeydownListener = addEventListener(doc, 'keydown', this.handleEscFullscreen);
     }
@@ -95,7 +82,6 @@ var Sidebar = /*#__PURE__*/function (_Component) {
       if (this.resizeListener) {
         this.resizeListener.remove();
       }
-
       if (this.onDocumentKeydownListener) {
         this.onDocumentKeydownListener.remove();
       }
@@ -124,34 +110,32 @@ var Sidebar = /*#__PURE__*/function (_Component) {
       if (width > 0 && width < minWidth) {
         return minWidth;
       }
-
       if (width > 0 && width > maxWidth) {
         return maxWidth;
       }
-
       if (width > 0 && width > maxWidth) {
         return maxWidth;
       }
-
       return width;
     }
   }, {
     key: "handleResize",
     value: function handleResize(diff) {
       var _this$props3 = this.props,
-          maxWidth = _this$props3.maxWidth,
-          minWidth = _this$props3.minWidth,
-          position = _this$props3.position;
+        maxWidth = _this$props3.maxWidth,
+        minWidth = _this$props3.minWidth,
+        position = _this$props3.position;
       var _this$state = this.state,
-          width = _this$state.width,
-          wasSplit = _this$state.isSplit;
+        width = _this$state.width,
+        wasSplit = _this$state.isSplit;
       var halfWindowWidth = window.innerWidth * 0.5;
       var usedMaxWidth = maxWidth || halfWindowWidth;
       var updatedWidth = position === Sidebar.RIGHT ? width + diff : width - diff;
       var newWidth = this.getWidthInBoundaries(minWidth, usedMaxWidth, updatedWidth);
-      var isSplit = newWidth === halfWindowWidth; // Check for sidebar with if it is half window size. If it was before but the sidebar was resized so it is
-      // no longer walf window size, set the sidebar with to hals window size to avoid jumping sidebar to old width
+      var isSplit = newWidth === halfWindowWidth;
 
+      // Check for sidebar with if it is half window size. If it was before but the sidebar was resized so it is
+      // no longer walf window size, set the sidebar with to hals window size to avoid jumping sidebar to old width
       this.setState({
         isSplit: isSplit,
         width: wasSplit && !isSplit ? halfWindowWidth : newWidth
@@ -161,11 +145,9 @@ var Sidebar = /*#__PURE__*/function (_Component) {
     key: "handleResizeStart",
     value: function handleResizeStart() {
       var body = getSidebarBodyByRef(this.sidebarRef);
-
       if (body) {
         body.classList.add('pointer-events-none');
       }
-
       this.setState({
         isResize: true
       });
@@ -174,11 +156,9 @@ var Sidebar = /*#__PURE__*/function (_Component) {
     key: "handleResizeEnd",
     value: function handleResizeEnd() {
       var body = getSidebarBodyByRef(this.sidebarRef);
-
       if (body) {
         body.classList.remove('pointer-events-none');
       }
-
       this.setState({
         isResize: false
       });
@@ -199,11 +179,10 @@ var Sidebar = /*#__PURE__*/function (_Component) {
     key: "handleEscFullscreen",
     value: function handleEscFullscreen(event) {
       var _this$props4 = this.props,
-          disableEsc = _this$props4.disableEsc,
-          enableFullscreenToggle = _this$props4.enableFullscreenToggle,
-          onFullScreenChange = _this$props4.onFullScreenChange;
+        disableEsc = _this$props4.disableEsc,
+        enableFullscreenToggle = _this$props4.enableFullscreenToggle,
+        onFullScreenChange = _this$props4.onFullScreenChange;
       var isFullscreen = this.state.isFullscreen;
-
       if (!disableEsc && enableFullscreenToggle && isFullscreen && event.keyCode === 27) {
         this.setState({
           isFullscreen: false
@@ -221,36 +200,35 @@ var Sidebar = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       var _this2 = this;
-
       var _this$props5 = this.props,
-          className = _this$props5.className,
-          closed = _this$props5.closed,
-          title = _this$props5.title,
-          headerClassName = _this$props5.headerClassName,
-          showHeaderBorder = _this$props5.showHeaderBorder,
-          titleClassName = _this$props5.titleClassName,
-          bodyClassName = _this$props5.bodyClassName,
-          footer = _this$props5.footer,
-          footerClassName = _this$props5.footerClassName,
-          onClose = _this$props5.onClose,
-          children = _this$props5.children,
-          resizable = _this$props5.resizable,
-          position = _this$props5.position,
-          maxWidth = _this$props5.maxWidth,
-          useBackdrop = _this$props5.useBackdrop,
-          makeBackdropVisible = _this$props5.makeBackdropVisible,
-          onBackdropClick = _this$props5.onBackdropClick,
-          backdropClassName = _this$props5.backdropClassName,
-          enableFullscreenToggle = _this$props5.enableFullscreenToggle,
-          enableNavigationButtons = _this$props5.enableNavigationButtons,
-          disableClose = _this$props5.disableClose,
-          bodyRef = _this$props5.bodyRef,
-          headerButtons = _this$props5.headerButtons;
+        className = _this$props5.className,
+        closed = _this$props5.closed,
+        title = _this$props5.title,
+        headerClassName = _this$props5.headerClassName,
+        showHeaderBorder = _this$props5.showHeaderBorder,
+        titleClassName = _this$props5.titleClassName,
+        bodyClassName = _this$props5.bodyClassName,
+        footer = _this$props5.footer,
+        footerClassName = _this$props5.footerClassName,
+        onClose = _this$props5.onClose,
+        children = _this$props5.children,
+        resizable = _this$props5.resizable,
+        position = _this$props5.position,
+        maxWidth = _this$props5.maxWidth,
+        useBackdrop = _this$props5.useBackdrop,
+        makeBackdropVisible = _this$props5.makeBackdropVisible,
+        onBackdropClick = _this$props5.onBackdropClick,
+        backdropClassName = _this$props5.backdropClassName,
+        enableFullscreenToggle = _this$props5.enableFullscreenToggle,
+        enableNavigationButtons = _this$props5.enableNavigationButtons,
+        disableClose = _this$props5.disableClose,
+        bodyRef = _this$props5.bodyRef,
+        headerButtons = _this$props5.headerButtons;
       var _this$state2 = this.state,
-          width = _this$state2.width,
-          isFullscreen = _this$state2.isFullscreen,
-          isSplit = _this$state2.isSplit,
-          isResize = _this$state2.isResize;
+        width = _this$state2.width,
+        isFullscreen = _this$state2.isFullscreen,
+        isSplit = _this$state2.isSplit,
+        isResize = _this$state2.isResize;
       logPropError(errorProps, this.props, 'Sidebar');
       var classes = classNames('Sidebar', className, closed && 'closed', isFullscreen && 'width-100vw sidebar-fullscreen', isSplit && !isFullscreen && 'max-width-50vw width-50vw', this.state.sidebarMode === Sidebar.MODE_FLY ? 'fly' : isFullscreen ? 'fly' : 'fluid');
       var headerClassNames = classNames('SidebarHeader', headerClassName && headerClassName, showHeaderBorder && 'show-border');
@@ -322,10 +300,8 @@ var Sidebar = /*#__PURE__*/function (_Component) {
       }));
     }
   }]);
-
   return Sidebar;
 }(Component);
-
 Sidebar.LEFT = 'left';
 Sidebar.RIGHT = 'right';
 Sidebar.MODE_FLY = 'fly';

package/components/slider/RangeSlider.js

@@ -5,63 +5,53 @@ var _excluded = ["minValue", "maxValue", "valueLabels", "step", "leftValue", "ri
 import React, { useState, useEffect } from 'react';
 import PropTypes from 'prop-types';
 import classname from 'classnames';
-
 var getRangeValues = function getRangeValues(valueLeft, valueRight) {
   var finalLeftValue = valueRight <= valueLeft ? valueRight : valueLeft;
   var finalRightValue = valueLeft >= valueRight ? valueLeft : valueRight;
   return [finalLeftValue, finalRightValue];
 };
-
 var RangeSlider = function RangeSlider(props) {
   var minValue = props.minValue,
-      maxValue = props.maxValue,
-      valueLabels = props.valueLabels,
-      step = props.step,
-      leftValue = props.leftValue,
-      rightValue = props.rightValue,
-      className = props.className,
-      disabled = props.disabled,
-      onChange = props.onChange,
-      onDragEnd = props.onDragEnd,
-      remainingProps = _objectWithoutProperties(props, _excluded);
-
+    maxValue = props.maxValue,
+    valueLabels = props.valueLabels,
+    step = props.step,
+    leftValue = props.leftValue,
+    rightValue = props.rightValue,
+    className = props.className,
+    disabled = props.disabled,
+    onChange = props.onChange,
+    onDragEnd = props.onDragEnd,
+    remainingProps = _objectWithoutProperties(props, _excluded);
   var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      activeLeft = _useState2[0],
-      setActiveLeft = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    activeLeft = _useState2[0],
+    setActiveLeft = _useState2[1];
   var _useState3 = useState(false),
-      _useState4 = _slicedToArray(_useState3, 2),
-      activeRight = _useState4[0],
-      setActiveRight = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    activeRight = _useState4[0],
+    setActiveRight = _useState4[1];
   var _useState5 = useState(leftValue ? leftValue : minValue),
-      _useState6 = _slicedToArray(_useState5, 2),
-      valueLeft = _useState6[0],
-      setValueLeft = _useState6[1];
-
+    _useState6 = _slicedToArray(_useState5, 2),
+    valueLeft = _useState6[0],
+    setValueLeft = _useState6[1];
   var _useState7 = useState(rightValue ? rightValue : maxValue),
-      _useState8 = _slicedToArray(_useState7, 2),
-      valueRight = _useState8[0],
-      setValueRight = _useState8[1];
-
+    _useState8 = _slicedToArray(_useState7, 2),
+    valueRight = _useState8[0],
+    setValueRight = _useState8[1];
   var _useState9 = useState(false),
-      _useState10 = _slicedToArray(_useState9, 2),
-      isChangingLeft = _useState10[0],
-      setIsChangingLeft = _useState10[1];
-
+    _useState10 = _slicedToArray(_useState9, 2),
+    isChangingLeft = _useState10[0],
+    setIsChangingLeft = _useState10[1];
   var _useState11 = useState(false),
-      _useState12 = _slicedToArray(_useState11, 2),
-      isChangingRight = _useState12[0],
-      setIsChangingRight = _useState12[1];
-
+    _useState12 = _slicedToArray(_useState11, 2),
+    isChangingRight = _useState12[0],
+    setIsChangingRight = _useState12[1];
   useEffect(function () {
     if (valueLeft >= minValue && valueLeft <= maxValue && valueRight >= minValue && valueRight <= maxValue) {
       setValueLeft(valueLeft);
       setValueRight(valueRight);
     }
   }, [valueLeft, valueRight, minValue, maxValue]);
-
   var changeValues = function changeValues(newValues) {
     var newValueLeft = newValues.valueLeft ? newValues.valueLeft : valueLeft;
     var newValueRight = newValues.valueRight ? newValues.valueRight : valueRight;
@@ -69,111 +59,90 @@ var RangeSlider = function RangeSlider(props) {
     setValueRight(newValueRight);
     setIsChangingLeft(!!newValues.valueLeft);
     setIsChangingRight(!!newValues.valueRight);
-
     var _getRangeValues = getRangeValues(newValueLeft, newValueRight),
-        _getRangeValues2 = _slicedToArray(_getRangeValues, 2),
-        newLeftValue = _getRangeValues2[0],
-        newRightValue = _getRangeValues2[1];
-
+      _getRangeValues2 = _slicedToArray(_getRangeValues, 2),
+      newLeftValue = _getRangeValues2[0],
+      newRightValue = _getRangeValues2[1];
     onChange(newLeftValue, newRightValue);
   };
-
   var handleChangeValueLeft = function handleChangeValueLeft(event) {
     return changeValues({
       valueLeft: parseInt(event.target.value, 10)
     });
   };
-
   var handleChangeValueRight = function handleChangeValueRight(event) {
     return changeValues({
       valueRight: parseInt(event.target.value, 10)
     });
   };
-
   var onMouseDownLeft = function onMouseDownLeft() {
     setIsChangingLeft(true);
     setIsChangingRight(false);
   };
-
   var onMouseDownRight = function onMouseDownRight() {
     setIsChangingLeft(false);
     setIsChangingRight(true);
   };
-
   var getTrackMiddlePosition = function getTrackMiddlePosition(targetWidth) {
     var trackValueLeftRelative = (valueLeft - minValue) / (maxValue - minValue);
     var trackValueRightRelative = (valueRight - minValue) / (maxValue - minValue);
     var trackMiddleRelative = (trackValueLeftRelative + trackValueRightRelative) / 2;
     return trackMiddleRelative * targetWidth;
   };
-
   var onMouseMoveLeft = function onMouseMoveLeft(event) {
     if (!isChangingLeft) {
       var target = event.target.getBoundingClientRect();
       var mouseHover = event.clientX - target.left;
       var targetWidth = event.target.offsetWidth;
       var trackMiddlePosition = getTrackMiddlePosition(targetWidth);
-
       if (valueRight > valueLeft && mouseHover > trackMiddlePosition) {
         setActiveLeft(false);
         setActiveRight(true);
       }
-
       if (valueRight < valueLeft && mouseHover < trackMiddlePosition) {
         setActiveLeft(false);
         setActiveRight(true);
       }
     }
   };
-
   var onMouseMoveRight = function onMouseMoveRight(event) {
     if (!isChangingRight) {
       var target = event.target.getBoundingClientRect();
       var mouseHover = event.clientX - target.left;
       var targetWidth = event.target.offsetWidth;
       var trackMiddlePosition = getTrackMiddlePosition(targetWidth);
-
       if (valueRight > valueLeft && mouseHover < trackMiddlePosition) {
         setActiveLeft(true);
         setActiveRight(false);
       }
-
       if (valueRight < valueLeft && mouseHover > trackMiddlePosition) {
         setActiveLeft(true);
         setActiveRight(false);
       }
     }
   };
-
   var onMouseUpLeft = function onMouseUpLeft() {
     setIsChangingLeft(false);
     setIsChangingRight(false);
-
     var _getRangeValues3 = getRangeValues(valueLeft, valueRight),
-        _getRangeValues4 = _slicedToArray(_getRangeValues3, 2),
-        newLeftValue = _getRangeValues4[0],
-        newRightValue = _getRangeValues4[1];
-
+      _getRangeValues4 = _slicedToArray(_getRangeValues3, 2),
+      newLeftValue = _getRangeValues4[0],
+      newRightValue = _getRangeValues4[1];
     onDragEnd(newLeftValue, newRightValue);
   };
-
   var onMouseUpRight = function onMouseUpRight() {
     setIsChangingLeft(false);
     setIsChangingRight(false);
-
     var _getRangeValues5 = getRangeValues(valueLeft, valueRight),
-        _getRangeValues6 = _slicedToArray(_getRangeValues5, 2),
-        newLeftValue = _getRangeValues6[0],
-        newRightValue = _getRangeValues6[1];
-
+      _getRangeValues6 = _slicedToArray(_getRangeValues5, 2),
+      newLeftValue = _getRangeValues6[0],
+      newRightValue = _getRangeValues6[1];
     onDragEnd(newLeftValue, newRightValue);
   };
-
   var _getRangeValues7 = getRangeValues(valueLeft, valueRight),
-      _getRangeValues8 = _slicedToArray(_getRangeValues7, 2),
-      finalLeftValue = _getRangeValues8[0],
-      finalRightValue = _getRangeValues8[1];
-
+    _getRangeValues8 = _slicedToArray(_getRangeValues7, 2),
+    finalLeftValue = _getRangeValues8[0],
+    finalRightValue = _getRangeValues8[1];
   var trackWidth = 100 * (finalRightValue - finalLeftValue) / (maxValue - minValue);
   var trackLeft = 100 * (finalLeftValue - minValue) / (maxValue - minValue);
   var classNames = classname('range-slider', disabled && 'disabled', valueLabels && 'show-value-labels', className && className);
@@ -221,7 +190,6 @@ var RangeSlider = function RangeSlider(props) {
     onMouseUp: onMouseUpRight
   }));
 };
-
 RangeSlider.defaultProps = {
   step: 1,
   minValue: 0,

package/components/slider/Slider.js

@@ -5,53 +5,45 @@ var _excluded = ["value", "minValue", "maxValue", "valueLabels", "largeValueLabe
 import React, { useState, useEffect } from 'react';
 import PropTypes from 'prop-types';
 import classname from 'classnames';
-
 var Slider = function Slider(props) {
   var value = props.value,
-      minValue = props.minValue,
-      maxValue = props.maxValue,
-      valueLabels = props.valueLabels,
-      largeValueLabels = props.largeValueLabels,
-      hideValueBar = props.hideValueBar,
-      step = props.step,
-      onChange = props.onChange,
-      onDragEnd = props.onDragEnd,
-      className = props.className,
-      disabled = props.disabled,
-      remainingProps = _objectWithoutProperties(props, _excluded);
-
+    minValue = props.minValue,
+    maxValue = props.maxValue,
+    valueLabels = props.valueLabels,
+    largeValueLabels = props.largeValueLabels,
+    hideValueBar = props.hideValueBar,
+    step = props.step,
+    onChange = props.onChange,
+    onDragEnd = props.onDragEnd,
+    className = props.className,
+    disabled = props.disabled,
+    remainingProps = _objectWithoutProperties(props, _excluded);
   var _useState = useState(value ? value : minValue),
-      _useState2 = _slicedToArray(_useState, 2),
-      currentValue = _useState2[0],
-      setCurrentValue = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    currentValue = _useState2[0],
+    setCurrentValue = _useState2[1];
   var _useState3 = useState(false),
-      _useState4 = _slicedToArray(_useState3, 2),
-      isChanging = _useState4[0],
-      setIsChanging = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    isChanging = _useState4[0],
+    setIsChanging = _useState4[1];
   useEffect(function () {
     if (value >= minValue && value <= maxValue) {
       setCurrentValue(value);
     }
   }, [value, minValue, maxValue]);
-
   var handleChange = function handleChange(event) {
     var newValue = parseInt(event.target.value, 10);
     setCurrentValue(newValue);
     setIsChanging(true);
     onChange(newValue);
   };
-
   var onMouseUp = function onMouseUp() {
     setIsChanging(false);
     onDragEnd(currentValue);
   };
-
   var onMouseDown = function onMouseDown() {
     setIsChanging(true);
   };
-
   var classNames = classname('range-slider', disabled && 'disabled', valueLabels && 'show-value-labels', hideValueBar && 'hide-value-bar', largeValueLabels && 'large-value-labels', className && className);
   var trackWidth = 100 * (currentValue - minValue) / (maxValue - minValue);
   return /*#__PURE__*/React.createElement("div", _extends({}, remainingProps, {
@@ -77,7 +69,6 @@ var Slider = function Slider(props) {
     onMouseUp: onMouseUp
   }));
 };
-
 Slider.defaultProps = {
   step: 1,
   value: 0,

package/components/spinner/Spinner.js

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