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

package/components/states/CustomState.js

@@ -1,21 +1,20 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["icon", "icons", "image", "headline", "message", "buttons", "alignment", "fullWidth", "condensed", "outerClassName", "innerClassName", "children"];
-
 /* eslint-disable complexity */
 import React from 'react';
 import classNames from 'classnames';
 import isEmpty from 'lodash/fp/isEmpty';
 import { baseStatePropTypes, ALIGN_LEFT, ALIGN_CENTER, ALIGN_RIGHT } from './baseStatePropTypes';
-
 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 = classNames('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 = classNames('btn btn-primary', 'margin-top-10', className && className);
 
+  // In case a href is given, render a link button instead
   if (href) {
     return /*#__PURE__*/React.createElement("a", {
       className: buttonClassNames,
@@ -23,55 +22,47 @@ var StateButton = function StateButton(_ref) {
       onClick: onClick
     }, text);
   }
-
   return /*#__PURE__*/React.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 = classNames('rioglyph', color || 'text-color-light', name && name, !className && 'text-size-300pct', className && className);
   return /*#__PURE__*/React.createElement("span", {
     className: iconClassNames
   });
 };
-
 var getAlignmentClassName = function getAlignmentClassName(alignment) {
   switch (alignment) {
     case ALIGN_LEFT:
       return 'justify-content-start';
-
     case ALIGN_CENTER:
       return 'justify-content-center';
-
     case 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 = _objectWithoutProperties(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 = _objectWithoutProperties(props, _excluded);
   var wrapperClasses = classNames('margin-0', 'width-100pct', !fullWidth && 'max-width-600', 'panel-default', 'panel', condensed ? 'padding-10' : 'padding-15', outerClassName && outerClassName);
   var innerClassNames = classNames('display-flex', 'flex-column', 'align-items-center', 'text-center', condensed ? 'padding-15' : 'padding-25', innerClassName && innerClassName);
   var iconClasses = classNames(condensed ? 'text-size-16 margin-bottom-10' : 'text-size-h2 margin-bottom-20');
@@ -115,7 +106,6 @@ var CustomState = function CustomState(props) {
     className: innerClassNames
   }, imageOrIcon, headline && renderHeadline, message && renderMessage, !isEmpty(buttons) && renderButtons, children && renderChildren)));
 };
-
 CustomState.defaultProps = {
   icon: 'rioglyph-rio',
   icons: [],

package/components/states/EmptyState.js

@@ -1,11 +1,9 @@
 import React from 'react';
 import CustomState from './CustomState';
 import { baseStatePropTypes } from './baseStatePropTypes';
-
 var EmptyState = function EmptyState(props) {
   return /*#__PURE__*/React.createElement(CustomState, props);
 };
-
 EmptyState.defaultProps = {
   icon: 'rioglyph-empty'
 };

package/components/states/ErrorState.js

@@ -1,11 +1,9 @@
 import React from 'react';
 import CustomState from './CustomState';
 import { baseStatePropTypes } from './baseStatePropTypes';
-
 var ErrorState = function ErrorState(props) {
   return /*#__PURE__*/React.createElement(CustomState, props);
 };
-
 ErrorState.defaultProps = {
   icon: 'rioglyph-truck-breakdown'
 };

package/components/states/ForbiddenState.js

@@ -1,11 +1,9 @@
 import React from 'react';
 import CustomState from './CustomState';
 import { baseStatePropTypes } from './baseStatePropTypes';
-
 var ForbiddenState = function ForbiddenState(props) {
   return /*#__PURE__*/React.createElement(CustomState, props);
 };
-
 ForbiddenState.defaultProps = {
   icon: 'rioglyph-ban-circle'
 };

package/components/states/MaintenanceState.js

@@ -1,11 +1,9 @@
 import React from 'react';
 import CustomState from './CustomState';
 import { baseStatePropTypes } from './baseStatePropTypes';
-
 var MaintenanceState = function MaintenanceState(props) {
   return /*#__PURE__*/React.createElement(CustomState, props);
 };
-
 MaintenanceState.defaultProps = {
   icon: 'rioglyph-wrench'
 };

package/components/states/NotBookedState.js

@@ -6,12 +6,10 @@ import CustomState from './CustomState';
 import PropTypes from 'prop-types';
 import isArray from 'lodash/fp/isArray';
 import isEmpty from 'lodash/fp/isEmpty';
-
 var NotBookedState = function NotBookedState(props) {
   var message = props.message,
-      features = props.features,
-      remainingProps = _objectWithoutProperties(props, _excluded);
-
+    features = props.features,
+    remainingProps = _objectWithoutProperties(props, _excluded);
   var combinedMessages = /*#__PURE__*/React.createElement(React.Fragment, null, message && /*#__PURE__*/React.createElement("div", {
     className: "text-medium margin-bottom-20"
   }, message), features && isArray(features) && !isEmpty(features) && /*#__PURE__*/React.createElement("ul", {
@@ -25,7 +23,6 @@ var NotBookedState = function NotBookedState(props) {
     message: combinedMessages
   }, remainingProps));
 };
-
 NotBookedState.defaultProps = {
   icon: 'rioglyph-stars'
 };

package/components/states/NotFoundState.js

@@ -1,11 +1,9 @@
 import React from 'react';
 import CustomState from './CustomState';
 import { baseStatePropTypes } from './baseStatePropTypes';
-
 var NotFoundState = function NotFoundState(props) {
   return /*#__PURE__*/React.createElement(CustomState, props);
 };
-
 NotFoundState.defaultProps = {
   icon: 'rioglyph-looking-glass-man'
 };

package/components/statsWidget/StatsWidget.js

@@ -7,14 +7,12 @@ import classNames from 'classnames';
 import StatsWidgetHeader from './StatsWidgetHeader';
 import StatsWidgetBody from './StatsWidgetBody';
 import StatsWidgetFooter from './StatsWidgetFooter';
-
 var StatsWidget = function StatsWidget(props) {
   var children = props.children,
-      hasFilter = props.hasFilter,
-      onFilterReset = props.onFilterReset,
-      className = props.className,
-      remainingProps = _objectWithoutProperties(props, _excluded);
-
+    hasFilter = props.hasFilter,
+    onFilterReset = props.onFilterReset,
+    className = props.className,
+    remainingProps = _objectWithoutProperties(props, _excluded);
   var resetFilterButtonClassNames = classNames('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 = classNames('StatsWidget', className && className);
   return /*#__PURE__*/React.createElement("div", _extends({}, remainingProps, {
@@ -26,7 +24,6 @@ var StatsWidget = function StatsWidget(props) {
     className: 'rioglyph rioglyph-revert text-color-white text-size-12'
   })), children);
 };
-
 StatsWidget.Header = StatsWidgetHeader;
 StatsWidget.Body = StatsWidgetBody;
 StatsWidget.Footer = StatsWidgetFooter;

package/components/statsWidget/StatsWidgetBody.js

@@ -4,13 +4,11 @@ var _excluded = ["children", "fullWidth", "className"];
 import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
-
 var StatsWidgetBody = function StatsWidgetBody(props) {
   var children = props.children,
-      fullWidth = props.fullWidth,
-      className = props.className,
-      remainingProps = _objectWithoutProperties(props, _excluded);
-
+    fullWidth = props.fullWidth,
+    className = props.className,
+    remainingProps = _objectWithoutProperties(props, _excluded);
   var classes = classNames('StatsWidget-body', fullWidth && 'full-width', className);
   return /*#__PURE__*/React.createElement("div", _extends({}, remainingProps, {
     className: classes
@@ -20,7 +18,6 @@ var StatsWidgetBody = function StatsWidgetBody(props) {
     className: 'StatsWidget-body-column-spacer invisible'
   }));
 };
-
 StatsWidgetBody.defaultProps = {
   fullWidth: false
 };

package/components/statsWidget/StatsWidgetFooter.js

@@ -3,16 +3,13 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["children", "className"];
 import React from 'react';
 import classNames from 'classnames';
-
 var StatsWidgetHeader = function StatsWidgetHeader(props) {
   var children = props.children,
-      className = props.className,
-      remainingProps = _objectWithoutProperties(props, _excluded);
-
+    className = props.className,
+    remainingProps = _objectWithoutProperties(props, _excluded);
   var classes = classNames('StatsWidget-footer', className);
   return /*#__PURE__*/React.createElement("div", _extends({}, remainingProps, {
     className: classes
   }), children);
 };
-
 export default StatsWidgetHeader;

package/components/statsWidget/StatsWidgetHeader.js

@@ -3,16 +3,13 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["children", "className"];
 import React from 'react';
 import classNames from 'classnames';
-
 var StatsWidgetHeader = function StatsWidgetHeader(props) {
   var children = props.children,
-      className = props.className,
-      remainingProps = _objectWithoutProperties(props, _excluded);
-
+    className = props.className,
+    remainingProps = _objectWithoutProperties(props, _excluded);
   var classes = classNames('StatsWidget-header', className);
   return /*#__PURE__*/React.createElement("div", _extends({}, remainingProps, {
     className: classes
   }), children);
 };
-
 export default StatsWidgetHeader;

package/components/statsWidget/StatsWidgetNumber.js

@@ -4,15 +4,13 @@ var _excluded = ["value", "total", "label", "className", "clickable"];
 import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
-
 var StatsWidgetNumber = function StatsWidgetNumber(props) {
   var value = props.value,
-      total = props.total,
-      label = props.label,
-      className = props.className,
-      clickable = props.clickable,
-      remainingProps = _objectWithoutProperties(props, _excluded);
-
+    total = props.total,
+    label = props.label,
+    className = props.className,
+    clickable = props.clickable,
+    remainingProps = _objectWithoutProperties(props, _excluded);
   var classes = classNames('StatsWidgetNumber', clickable && 'cursor-pointer', className);
   return /*#__PURE__*/React.createElement("div", _extends({}, remainingProps, {
     className: classes
@@ -26,7 +24,6 @@ var StatsWidgetNumber = function StatsWidgetNumber(props) {
     className: 'StatsWidgetNumber-label'
   }, label));
 };
-
 StatsWidgetNumber.defaultProps = {
   value: 0,
   clickable: false,

package/components/statsWidget/StatsWidgetSpacer.js

@@ -3,15 +3,12 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["className"];
 import React from 'react';
 import classNames from 'classnames';
-
 var StatsWidgetSpacer = function StatsWidgetSpacer(props) {
   var className = props.className,
-      remainingProps = _objectWithoutProperties(props, _excluded);
-
+    remainingProps = _objectWithoutProperties(props, _excluded);
   var classes = classNames('StatsWidget-body-column-spacer', className);
   return /*#__PURE__*/React.createElement("div", _extends({}, remainingProps, {
     className: classes
   }));
 };
-
 export default StatsWidgetSpacer;

package/components/statsWidget/StatsWidgets.js

@@ -4,18 +4,15 @@ var _excluded = ["children", "className"];
 import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
-
 var StatsWidgets = function StatsWidgets(props) {
   var children = props.children,
-      className = props.className,
-      remainingProps = _objectWithoutProperties(props, _excluded);
-
+    className = props.className,
+    remainingProps = _objectWithoutProperties(props, _excluded);
   var classes = classNames('StatsWidget-wrapper', className);
   return /*#__PURE__*/React.createElement("div", _extends({}, remainingProps, {
     className: classes
   }), children);
 };
-
 StatsWidgets.propTypes = {
   className: PropTypes.string
 };

package/components/statusBar/StatusBar.js

@@ -14,19 +14,17 @@ var SMALL = 'small';
 var LARGE = 'large';
 var LIGHT = 'light';
 var BOLD = 'bold';
-
 var renderProgressBar = function renderProgressBar(_ref, index, useProgressDivider) {
   var _ref$percentage = _ref.percentage,
-      percentage = _ref$percentage === void 0 ? 0 : _ref$percentage,
-      tooltip = _ref.tooltip,
-      _ref$tooltipPosition = _ref.tooltipPosition,
-      tooltipPosition = _ref$tooltipPosition === void 0 ? TOP : _ref$tooltipPosition,
-      _ref$tooltipDelay = _ref.tooltipDelay,
-      tooltipDelay = _ref$tooltipDelay === void 0 ? 50 : _ref$tooltipDelay,
-      color = _ref.color,
-      className = _ref.className,
-      props = _objectWithoutProperties(_ref, _excluded);
-
+    percentage = _ref$percentage === void 0 ? 0 : _ref$percentage,
+    tooltip = _ref.tooltip,
+    _ref$tooltipPosition = _ref.tooltipPosition,
+    tooltipPosition = _ref$tooltipPosition === void 0 ? TOP : _ref$tooltipPosition,
+    _ref$tooltipDelay = _ref.tooltipDelay,
+    tooltipDelay = _ref$tooltipDelay === void 0 ? 50 : _ref$tooltipDelay,
+    color = _ref.color,
+    className = _ref.className,
+    props = _objectWithoutProperties(_ref, _excluded);
   var classNames = classname('progress-bar', color ? color : 'progress-bar-info', useProgressDivider && 'progress-divider', className && className);
   var progressBar = /*#__PURE__*/React.createElement("div", _extends({
     key: index,
@@ -35,7 +33,6 @@ var renderProgressBar = function renderProgressBar(_ref, index, useProgressDivid
       width: "".concat(percentage, "%")
     }
   }, props));
-
   if (tooltip) {
     var tooltipElement = /*#__PURE__*/React.createElement(Tooltip, {
       id: "tooltip-".concat(index),
@@ -48,89 +45,68 @@ var renderProgressBar = function renderProgressBar(_ref, index, useProgressDivid
       delay: tooltipDelay
     }, progressBar);
   }
-
   return progressBar;
 };
-
 var renderAllProgressBars = function renderAllProgressBars(progress, useProgressDivider) {
   if (!progress.length) {
     return null;
   }
-
   return progress.map(function (item, index) {
     return renderProgressBar(item, index, useProgressDivider);
   });
 };
-
 var getIconAlignment = function getIconAlignment(icon) {
   return icon.alignment || LEFT;
 };
-
 var getIconColorClassName = function getIconColorClassName(icon) {
   return icon.color || 'text-color-gray';
 };
-
 var getLabelAlignment = function getLabelAlignment(label) {
   return label.alignment || RIGHT;
 };
-
 var getLabelColorClassName = function getLabelColorClassName(label) {
   return label.color || 'text-color-dark';
 };
-
 var getLabelAlignmentClassName = function getLabelAlignmentClassName(label) {
   return label.alignment === TOP ? 'align-items-end' : 'align-items-center';
 };
-
 var getProgressBarHightClassName = function getProgressBarHightClassName(size) {
   return size === SMALL && 'height-5' || size === LARGE && 'height-10';
 };
-
 var getIsIconLeftAndLabelRight = function getIsIconLeftAndLabelRight(icon, iconAlignment, label, labelAlignment) {
   return icon.name && iconAlignment === LEFT && label.value && labelAlignment === RIGHT;
 };
-
 var getIsIconRightAndLabelLeft = function getIsIconRightAndLabelLeft(icon, iconAlignment, label, labelAlignment) {
   return icon.name && iconAlignment === RIGHT && label.value && labelAlignment === LEFT;
 };
-
 var getIsIconAndLabelLeft = function getIsIconAndLabelLeft(icon, iconAlignment, label, labelAlignment) {
   return icon.name && iconAlignment === LEFT && label.value && labelAlignment === LEFT;
 };
-
 var getIsIconAndLabelRight = function getIsIconAndLabelRight(icon, iconAlignment, label, labelAlignment) {
   return icon.name && iconAlignment === RIGHT && label.value && labelAlignment === RIGHT;
 };
-
 var getIsIconOnly = function getIsIconOnly(label, icon) {
   return !label.value && icon.name;
 };
-
 var getIsIconOnlyLeft = function getIsIconOnlyLeft(isIconOnly, iconAlignment) {
   return isIconOnly && iconAlignment === LEFT;
 };
-
 var getIsIconOnlyRight = function getIsIconOnlyRight(isIconOnly, iconAlignment) {
   return isIconOnly && iconAlignment === RIGHT;
 };
-
 var getIsLabelOnly = function getIsLabelOnly(label, icon) {
   return label.value && !icon.name;
 };
-
 var getIsLabelOnlyLeft = function getIsLabelOnlyLeft(isLabelOnly, labelAlignment) {
   return isLabelOnly && labelAlignment === LEFT;
 };
-
 var getIsLabelOnlyRight = function getIsLabelOnlyRight(isLabelOnly, labelAlignment) {
   return isLabelOnly && labelAlignment === RIGHT;
 };
-
 var renderIcon = function renderIcon(icon, size) {
   if (!icon.name) {
     return null;
   }
-
   var iconColor = getIconColorClassName(icon);
   var iconAlignment = getIconAlignment(icon);
   var iconWrapperClasses = classname(iconAlignment === LEFT && 'flex-order-1 margin-right-5', iconAlignment === RIGHT && 'flex-order-2 margin-left-5');
@@ -141,12 +117,10 @@ var renderIcon = function renderIcon(icon, size) {
     className: iconClasses
   }));
 };
-
 var renderLabel = function renderLabel(label, size, labelWrapperClasses) {
   if (!label.value) {
     return null;
   }
-
   var labelColor = getLabelColorClassName(label);
   var labelAlignment = getLabelAlignment(label);
   var labelClasses = classname('display-flex', 'ellipsis-1', 'flex-1-0', 'justify-content-center', labelAlignment === TOP && 'width-0', labelColor, size === SMALL && 'text-size-16', size === LARGE && 'text-size-h3', label.weight !== LIGHT && 'text-bold', label.className && label.className);
@@ -155,18 +129,19 @@ var renderLabel = function renderLabel(label, size, labelWrapperClasses) {
   }, /*#__PURE__*/React.createElement("span", {
     className: labelClasses
   }, label.value));
-}; // eslint-disable-next-line complexity
-
+};
 
+// eslint-disable-next-line complexity
 var StatusBar = function StatusBar(props) {
   var _props$progress = props.progress,
-      progress = _props$progress === void 0 ? [] : _props$progress,
-      icon = props.icon,
-      label = props.label,
-      size = props.size,
-      className = props.className,
-      useProgressDivider = props.useProgressDivider; // Default values for icon and label alignment
-
+    progress = _props$progress === void 0 ? [] : _props$progress,
+    icon = props.icon,
+    label = props.label,
+    size = props.size,
+    className = props.className,
+    useProgressDivider = props.useProgressDivider;
+
+  // Default values for icon and label alignment
   var iconAlignment = getIconAlignment(icon);
   var labelAlignment = getLabelAlignment(label);
   var isIconLeftAndLabelRight = getIsIconLeftAndLabelRight(icon, iconAlignment, label, labelAlignment);
@@ -194,7 +169,6 @@ var StatusBar = function StatusBar(props) {
     className: progressWrapperClasses
   }, renderAllProgressBars(progress, useProgressDivider)))));
 };
-
 StatusBar.defaultProps = {
   size: SMALL,
   useProgressDivider: true,

package/components/steppedProgressBar/SteppedProgressBar.js

@@ -8,21 +8,18 @@ var errorProps = [{
   prop: 'labelsClassName',
   replacement: 'labels.labelClassName'
 }];
-
 var SteppedProgressBar = function SteppedProgressBar(props) {
   var className = props.className,
-      variant = props.variant,
-      labels = props.labels,
-      mobileBreakpoint = props.mobileBreakpoint,
-      selectedStepNumber = props.selectedStepNumber,
-      disableFollowingPageIndex = props.disableFollowingPages,
-      onSelectedChanged = props.onSelectedChanged;
-
+    variant = props.variant,
+    labels = props.labels,
+    mobileBreakpoint = props.mobileBreakpoint,
+    selectedStepNumber = props.selectedStepNumber,
+    disableFollowingPageIndex = props.disableFollowingPages,
+    onSelectedChanged = props.onSelectedChanged;
   var _useState = useState(disableFollowingPageIndex ? disableFollowingPageIndex : selectedStepNumber),
-      _useState2 = _slicedToArray(_useState, 2),
-      disableFollowingPages = _useState2[0],
-      setDisableFollowingPages = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    disableFollowingPages = _useState2[0],
+    setDisableFollowingPages = _useState2[1];
   logPropError(errorProps, props, 'SteppedProgressBar');
   useEffect(function () {
     if (disableFollowingPageIndex !== undefined) {
@@ -30,17 +27,14 @@ var SteppedProgressBar = function SteppedProgressBar(props) {
         console.warn('Invalid component state detected in SteppedProgressBar: can not disable following ' + "pages ".concat(disableFollowingPageIndex, " when selectedStep is ").concat(selectedStepNumber, "!"));
         return;
       }
-
       setDisableFollowingPages(disableFollowingPageIndex);
     } else if (selectedStepNumber > disableFollowingPages) {
       setDisableFollowingPages(selectedStepNumber);
     }
   }, [disableFollowingPageIndex, selectedStepNumber]);
-
   var handleSelect = function handleSelect(selectedKey) {
     return onSelectedChanged(Number(selectedKey));
   };
-
   var wrapperClasses = classname('stepped-progress-bar', variant && "variant-".concat(variant), mobileBreakpoint && 'mobile-breakpoint', className && className);
   return /*#__PURE__*/React.createElement(Nav, {
     className: wrapperClasses,
@@ -62,7 +56,6 @@ var SteppedProgressBar = function SteppedProgressBar(props) {
     }, labelObject.label)));
   }));
 };
-
 SteppedProgressBar.VARIANT_CIRCLE = 'circle';
 SteppedProgressBar.VARIANT_RECTANGLE = 'rectangle';
 SteppedProgressBar.VARIANT_ROADSIGN = 'roadsign';

package/components/supportMarker/toggleSupportMarker.js

@@ -3,9 +3,7 @@ export var toggleSupportMarker = function toggleSupportMarker() {
   if (!document || !document.documentElement) {
     return;
   }
-
   var htmlClassList = document.documentElement.classList;
-
   if (htmlClassList.contains(SUPPORT_MARKER_CLASS)) {
     htmlClassList.remove(SUPPORT_MARKER_CLASS);
   } else {
@@ -16,9 +14,7 @@ export var enableSupportMarker = function enableSupportMarker(enabled) {
   if (!document || !document.documentElement) {
     return;
   }
-
   var htmlClassList = document.documentElement.classList;
-
   if (enabled) {
     htmlClassList.add(SUPPORT_MARKER_CLASS);
   } else {

package/components/switch/Switch.js

@@ -4,28 +4,27 @@ var _excluded = ["keyName", "checked", "enabledText", "minWidth", "disabled", "d
 import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
-
 var Switch = function Switch(props) {
   var keyName = props.keyName,
-      checked = props.checked,
-      enabledText = props.enabledText,
-      minWidth = props.minWidth,
-      disabled = props.disabled,
-      disabledText = props.disabledText,
-      labelPosition = props.labelPosition,
-      children = props.children,
-      onChange = props.onChange,
-      remainingProps = _objectWithoutProperties(props, _excluded);
-
+    checked = props.checked,
+    enabledText = props.enabledText,
+    minWidth = props.minWidth,
+    disabled = props.disabled,
+    disabledText = props.disabledText,
+    labelPosition = props.labelPosition,
+    children = props.children,
+    onChange = props.onChange,
+    remainingProps = _objectWithoutProperties(props, _excluded);
   var handleChange = function handleChange(event) {
     onChange(event.target.checked);
   };
-
   var hasMultipleText = enabledText && disabledText;
   var hasSingleText = enabledText && !disabledText;
   var switchLabelClasses = classNames('switch-label', disabled && 'cursor-not-allowed', labelPosition && "label-position-".concat(labelPosition));
-  var switchContentClasses = classNames('switch-content' // !hasMultipleText && !hasSingleText && 'width-40'
+  var switchContentClasses = classNames('switch-content'
+  // !hasMultipleText && !hasSingleText && 'width-40'
   );
+
   var switchContentStyles = {
     minWidth: minWidth
   };
@@ -56,7 +55,6 @@ var Switch = function Switch(props) {
     className: "switch-handle"
   })), children && children));
 };
-
 export default Switch;
 Switch.LABEL_POSITION_LEFT = 'left';
 Switch.LABEL_POSITION_RIGHT = 'right';