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

package/lib/es/components/sidebars/Sidebar.js

@@ -1,52 +1,30 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _Resizer = _interopRequireDefault(require("../resizer/Resizer"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _throttle = _interopRequireDefault(require("lodash/fp/throttle"));
-
 var _head = _interopRequireDefault(require("lodash/fp/head"));
-
 var _addEventListener = _interopRequireDefault(require("../../utils/addEventListener"));
-
 var _ownerDocument = _interopRequireDefault(require("../../utils/ownerDocument"));
-
 var _logPropError = _interopRequireDefault(require("../../utils/logPropError"));
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 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 errorProps = [{
   prop: 'disableFullscreen',
   replacement: 'enableFullscreenToggle'
@@ -54,34 +32,27 @@ var errorProps = [{
   prop: 'fullscreen',
   replacement: 'openInFullscreen'
 }];
-
 var renderFooter = function renderFooter(footer, footerClassName) {
   var footerClassNames = (0, _classnames["default"])('SidebarFooter', footerClassName && footerClassName);
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: footerClassNames
   }, footer);
 };
-
 var RESIZE_THROTTLE = 500;
-
 var getSidebarBodyByRef = function getSidebarBodyByRef(sidebarRef) {
   return (0, _head["default"])(sidebarRef.getElementsByClassName('SidebarBody'));
 };
-
 var Sidebar = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(Sidebar, _Component);
-
   var _super = _createSuper(Sidebar);
-
   function Sidebar(props) {
     var _this;
-
     (0, _classCallCheck2["default"])(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,
@@ -95,24 +66,22 @@ var Sidebar = /*#__PURE__*/function (_Component) {
     _this.onWindowResize = (0, _throttle["default"])(RESIZE_THROTTLE, _this.onWindowResize.bind((0, _assertThisInitialized2["default"])(_this)));
     return _this;
   }
-
   (0, _createClass2["default"])(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 = (0, _addEventListener["default"])(window, 'resize', this.onWindowResize); // Initially check breakpoint after mounting the component
+        this.resizeListener = (0, _addEventListener["default"])(window, 'resize', this.onWindowResize);
 
+        // Initially check breakpoint after mounting the component
         this.adaptSidebarMode();
       }
-
       var doc = (0, _ownerDocument["default"])(this);
       this.onDocumentKeydownListener = (0, _addEventListener["default"])(doc, 'keydown', this.handleEscFullscreen);
     }
@@ -122,7 +91,6 @@ var Sidebar = /*#__PURE__*/function (_Component) {
       if (this.resizeListener) {
         this.resizeListener.remove();
       }
-
       if (this.onDocumentKeydownListener) {
         this.onDocumentKeydownListener.remove();
       }
@@ -151,34 +119,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
@@ -188,11 +154,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
       });
@@ -201,11 +165,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
       });
@@ -226,11 +188,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
@@ -248,36 +209,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;
       (0, _logPropError["default"])(errorProps, this.props, 'Sidebar');
       var classes = (0, _classnames["default"])('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 = (0, _classnames["default"])('SidebarHeader', headerClassName && headerClassName, showHeaderBorder && 'show-border');
@@ -351,7 +311,6 @@ var Sidebar = /*#__PURE__*/function (_Component) {
   }]);
   return Sidebar;
 }(_react.Component);
-
 Sidebar.LEFT = 'left';
 Sidebar.RIGHT = 'right';
 Sidebar.MODE_FLY = 'fly';

package/lib/es/components/slider/RangeSlider.js

@@ -1,88 +1,67 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _excluded = ["minValue", "maxValue", "valueLabels", "step", "leftValue", "rightValue", "className", "disabled", "onChange", "onDragEnd"];
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 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 = (0, _objectWithoutProperties2["default"])(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 = (0, _objectWithoutProperties2["default"])(props, _excluded);
   var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      activeLeft = _useState2[0],
-      setActiveLeft = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    activeLeft = _useState2[0],
+    setActiveLeft = _useState2[1];
   var _useState3 = (0, _react.useState)(false),
-      _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-      activeRight = _useState4[0],
-      setActiveRight = _useState4[1];
-
+    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+    activeRight = _useState4[0],
+    setActiveRight = _useState4[1];
   var _useState5 = (0, _react.useState)(leftValue ? leftValue : minValue),
-      _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
-      valueLeft = _useState6[0],
-      setValueLeft = _useState6[1];
-
+    _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
+    valueLeft = _useState6[0],
+    setValueLeft = _useState6[1];
   var _useState7 = (0, _react.useState)(rightValue ? rightValue : maxValue),
-      _useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
-      valueRight = _useState8[0],
-      setValueRight = _useState8[1];
-
+    _useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
+    valueRight = _useState8[0],
+    setValueRight = _useState8[1];
   var _useState9 = (0, _react.useState)(false),
-      _useState10 = (0, _slicedToArray2["default"])(_useState9, 2),
-      isChangingLeft = _useState10[0],
-      setIsChangingLeft = _useState10[1];
-
+    _useState10 = (0, _slicedToArray2["default"])(_useState9, 2),
+    isChangingLeft = _useState10[0],
+    setIsChangingLeft = _useState10[1];
   var _useState11 = (0, _react.useState)(false),
-      _useState12 = (0, _slicedToArray2["default"])(_useState11, 2),
-      isChangingRight = _useState12[0],
-      setIsChangingRight = _useState12[1];
-
+    _useState12 = (0, _slicedToArray2["default"])(_useState11, 2),
+    isChangingRight = _useState12[0],
+    setIsChangingRight = _useState12[1];
   (0, _react.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;
@@ -90,111 +69,90 @@ var RangeSlider = function RangeSlider(props) {
     setValueRight(newValueRight);
     setIsChangingLeft(!!newValues.valueLeft);
     setIsChangingRight(!!newValues.valueRight);
-
     var _getRangeValues = getRangeValues(newValueLeft, newValueRight),
-        _getRangeValues2 = (0, _slicedToArray2["default"])(_getRangeValues, 2),
-        newLeftValue = _getRangeValues2[0],
-        newRightValue = _getRangeValues2[1];
-
+      _getRangeValues2 = (0, _slicedToArray2["default"])(_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 = (0, _slicedToArray2["default"])(_getRangeValues3, 2),
-        newLeftValue = _getRangeValues4[0],
-        newRightValue = _getRangeValues4[1];
-
+      _getRangeValues4 = (0, _slicedToArray2["default"])(_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 = (0, _slicedToArray2["default"])(_getRangeValues5, 2),
-        newLeftValue = _getRangeValues6[0],
-        newRightValue = _getRangeValues6[1];
-
+      _getRangeValues6 = (0, _slicedToArray2["default"])(_getRangeValues5, 2),
+      newLeftValue = _getRangeValues6[0],
+      newRightValue = _getRangeValues6[1];
     onDragEnd(newLeftValue, newRightValue);
   };
-
   var _getRangeValues7 = getRangeValues(valueLeft, valueRight),
-      _getRangeValues8 = (0, _slicedToArray2["default"])(_getRangeValues7, 2),
-      finalLeftValue = _getRangeValues8[0],
-      finalRightValue = _getRangeValues8[1];
-
+    _getRangeValues8 = (0, _slicedToArray2["default"])(_getRangeValues7, 2),
+    finalLeftValue = _getRangeValues8[0],
+    finalRightValue = _getRangeValues8[1];
   var trackWidth = 100 * (finalRightValue - finalLeftValue) / (maxValue - minValue);
   var trackLeft = 100 * (finalLeftValue - minValue) / (maxValue - minValue);
   var classNames = (0, _classnames["default"])('range-slider', disabled && 'disabled', valueLabels && 'show-value-labels', className && className);
@@ -242,7 +200,6 @@ var RangeSlider = function RangeSlider(props) {
     onMouseUp: onMouseUpRight
   }));
 };
-
 RangeSlider.defaultProps = {
   step: 1,
   minValue: 0,

package/lib/es/components/slider/Slider.js

@@ -1,78 +1,59 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _excluded = ["value", "minValue", "maxValue", "valueLabels", "largeValueLabels", "hideValueBar", "step", "onChange", "onDragEnd", "className", "disabled"];
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 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 = (0, _objectWithoutProperties2["default"])(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 = (0, _objectWithoutProperties2["default"])(props, _excluded);
   var _useState = (0, _react.useState)(value ? value : minValue),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      currentValue = _useState2[0],
-      setCurrentValue = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    currentValue = _useState2[0],
+    setCurrentValue = _useState2[1];
   var _useState3 = (0, _react.useState)(false),
-      _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-      isChanging = _useState4[0],
-      setIsChanging = _useState4[1];
-
+    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+    isChanging = _useState4[0],
+    setIsChanging = _useState4[1];
   (0, _react.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 = (0, _classnames["default"])('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["default"].createElement("div", (0, _extends2["default"])({}, remainingProps, {
@@ -98,7 +79,6 @@ var Slider = function Slider(props) {
     onMouseUp: onMouseUp
   }));
 };
-
 Slider.defaultProps = {
   step: 1,
   value: 0,