@megafon/ui-core 6.0.0-beta.4 → 6.0.1

package/dist/es/components/Sliders/SliderRatio/SliderRatio.js

@@ -1,13 +1,15 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import "core-js/modules/es.array.find-index.js";
 import "core-js/modules/es.array.iterator.js";
-import "core-js/modules/es.array.map.js";
-import "core-js/modules/es.number.constructor.js";
 import "core-js/modules/es.object.to-string.js";
 import "core-js/modules/web.dom-collections.iterator.js";
+import "core-js/modules/es.number.constructor.js";
+import "core-js/modules/es.array.find-index.js";
+import "core-js/modules/es.array.map.js";
+import "core-js/modules/es.object.values.js";
 import * as React from 'react';
 import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
+import * as PropTypes from 'prop-types';
 import SliderDisplayValue, { DisplayValue } from "../components/SliderDisplayValue/SliderDisplayValue";
 import { getTrackSize, removeFirstZeros } from "../helpers";
 import { findClosestValue, getIndexByRangeValue, getRangeStepValue, inputReducer, getRangeValueByPageX } from "./helpers";
@@ -17,54 +19,63 @@ var THUMB_SIZE = 24;
 var MIN_RANGE_VALUE = 0;
 var MAX_RANGE_VALUE = 100;
 var cn = cnCreate('mfui-slider-ratio');
+
 var SliderRatio = function SliderRatio(_ref) {
   var className = _ref.className,
-    label = _ref.label,
-    _ref$displayValueType = _ref.displayValueType,
-    displayValueType = _ref$displayValueType === void 0 ? DisplayValue.LINE : _ref$displayValueType,
-    displayLeftValuePrefix = _ref.displayLeftValuePrefix,
-    displayRightValuePrefix = _ref.displayRightValuePrefix,
-    displayLeftValueUnit = _ref.displayLeftValueUnit,
-    displayRightValueUnit = _ref.displayRightValueUnit,
-    values = _ref.values,
-    _ref$index = _ref.index,
-    outerIndex = _ref$index === void 0 ? 0 : _ref$index,
-    _ref$isControlled = _ref.isControlled,
-    isControlled = _ref$isControlled === void 0 ? false : _ref$isControlled,
-    _ref$disabled = _ref.disabled,
-    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-    _ref$showScale = _ref.showScale,
-    showScale = _ref$showScale === void 0 ? false : _ref$showScale,
-    dataAttrs = _ref.dataAttrs,
-    onChange = _ref.onChange;
+      label = _ref.label,
+      _ref$displayValueType = _ref.displayValueType,
+      displayValueType = _ref$displayValueType === void 0 ? DisplayValue.LINE : _ref$displayValueType,
+      displayLeftValuePrefix = _ref.displayLeftValuePrefix,
+      displayRightValuePrefix = _ref.displayRightValuePrefix,
+      displayLeftValueUnit = _ref.displayLeftValueUnit,
+      displayRightValueUnit = _ref.displayRightValueUnit,
+      values = _ref.values,
+      _ref$index = _ref.index,
+      outerIndex = _ref$index === void 0 ? 0 : _ref$index,
+      _ref$isControlled = _ref.isControlled,
+      isControlled = _ref$isControlled === void 0 ? false : _ref$isControlled,
+      _ref$disabled = _ref.disabled,
+      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+      _ref$showScale = _ref.showScale,
+      showScale = _ref$showScale === void 0 ? false : _ref$showScale,
+      dataAttrs = _ref.dataAttrs,
+      onChange = _ref.onChange;
+
   var _a, _b;
+
   var stepCount = values.length - 1;
   var rangeInputRef = React.useRef(null);
   var rangeTrackRef = React.useRef(null);
+
   var _React$useState = React.useState(false),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    isPointerUpped = _React$useState2[0],
-    setIsPointerUpped = _React$useState2[1];
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      isPointerUpped = _React$useState2[0],
+      setIsPointerUpped = _React$useState2[1];
+
   var _React$useState3 = React.useState(outerIndex),
-    _React$useState4 = _slicedToArray(_React$useState3, 2),
-    innerIndex = _React$useState4[0],
-    setInnerIndex = _React$useState4[1];
+      _React$useState4 = _slicedToArray(_React$useState3, 2),
+      innerIndex = _React$useState4[0],
+      setInnerIndex = _React$useState4[1];
+
   var _React$useReducer = React.useReducer(inputReducer, {
-      left: null,
-      right: null
-    }),
-    _React$useReducer2 = _slicedToArray(_React$useReducer, 2),
-    rawInputValue = _React$useReducer2[0],
-    dispatchRawInputValue = _React$useReducer2[1];
+    left: null,
+    right: null
+  }),
+      _React$useReducer2 = _slicedToArray(_React$useReducer, 2),
+      rawInputValue = _React$useReducer2[0],
+      dispatchRawInputValue = _React$useReducer2[1];
+
   var _React$useState5 = React.useState(null),
-    _React$useState6 = _slicedToArray(_React$useState5, 2),
-    rawRangeValue = _React$useState6[0],
-    setRawRangeValue = _React$useState6[1];
+      _React$useState6 = _slicedToArray(_React$useState5, 2),
+      rawRangeValue = _React$useState6[0],
+      setRawRangeValue = _React$useState6[1];
+
   var currentIndex = isControlled ? outerIndex : innerIndex;
   var rangeValue = rawRangeValue !== null && rawRangeValue !== void 0 ? rawRangeValue : getRangeStepValue(stepCount, currentIndex);
   var leftInputValue = (_a = rawInputValue.left) !== null && _a !== void 0 ? _a : values[currentIndex].leftValue;
   var rightInputValue = (_b = rawInputValue.right) !== null && _b !== void 0 ? _b : values[currentIndex].rightValue;
   var trackSize = getTrackSize(rangeValue, MIN_RANGE_VALUE, MAX_RANGE_VALUE);
+
   var handleInputChange = function handleInputChange(key) {
     return function (e) {
       var targetValue = removeFirstZeros(e.target.value);
@@ -80,14 +91,17 @@ var SliderRatio = function SliderRatio(_ref) {
       });
     };
   };
+
   var handleRangeInputChange = function handleRangeInputChange(e) {
     // Cross browser fix: Firefox calls onChange after calling onPointerUp, but Chrome doesn't
     if (isPointerUpped) {
       setIsPointerUpped(false);
       return;
     }
+
     setRawRangeValue(Number(e.target.value));
   };
+
   var handleRangeInputPointerUp = function handleRangeInputPointerUp() {
     var newIndex = getIndexByRangeValue(rangeValue, stepCount);
     setIsPointerUpped(true);
@@ -95,10 +109,12 @@ var SliderRatio = function SliderRatio(_ref) {
     !isControlled && setInnerIndex(newIndex);
     newIndex !== currentIndex && (onChange === null || onChange === void 0 ? void 0 : onChange(newIndex));
   };
+
   var handleRangeTrackPointerUp = function handleRangeTrackPointerUp(e) {
     if (disabled) {
       return;
     }
+
     var currentTarget = e.currentTarget;
     var newRangeValue = getRangeValueByPageX(e.pageX, currentTarget, THUMB_SIZE);
     var newIndex = getIndexByRangeValue(newRangeValue, stepCount);
@@ -106,18 +122,24 @@ var SliderRatio = function SliderRatio(_ref) {
     !isControlled && setInnerIndex(newIndex);
     newIndex !== currentIndex && (onChange === null || onChange === void 0 ? void 0 : onChange(newIndex));
   };
+
   var handleRangeTrackPointerLeave = React.useCallback(function () {
     var _a, _b;
+
     (_a = rangeInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
     (_b = rangeTrackRef.current) === null || _b === void 0 ? void 0 : _b.removeEventListener('pointerleave', handleRangeTrackPointerLeave);
   }, []);
+
   var handleRangeTrackPointerDown = function handleRangeTrackPointerDown() {
     var _a;
+
     if (disabled) {
       return;
     }
+
     (_a = rangeTrackRef.current) === null || _a === void 0 ? void 0 : _a.addEventListener('pointerleave', handleRangeTrackPointerLeave);
   };
+
   var handleInputBlur = function handleInputBlur(key) {
     return function () {
       onChange === null || onChange === void 0 ? void 0 : onChange(currentIndex);
@@ -127,6 +149,7 @@ var SliderRatio = function SliderRatio(_ref) {
       });
     };
   };
+
   return /*#__PURE__*/React.createElement("div", _extends({
     className: cn({
       disabled: disabled
@@ -199,4 +222,30 @@ var SliderRatio = function SliderRatio(_ref) {
     });
   }))));
 };
+
+SliderRatio.propTypes = {
+  className: PropTypes.string,
+  values: PropTypes.arrayOf(PropTypes.shape({
+    leftValue: PropTypes.number.isRequired,
+    rightValue: PropTypes.number.isRequired
+  }).isRequired).isRequired,
+  index: PropTypes.number,
+  label: PropTypes.string,
+  displayValueType: PropTypes.oneOf(Object.values(DisplayValue)),
+  displayLeftValuePrefix: PropTypes.string,
+  displayRightValuePrefix: PropTypes.string,
+  displayLeftValueUnit: PropTypes.string,
+  displayRightValueUnit: PropTypes.string,
+  isControlled: PropTypes.bool,
+  disabled: PropTypes.bool,
+  showScale: PropTypes.bool,
+  dataAttrs: PropTypes.shape({
+    root: PropTypes.objectOf(PropTypes.string.isRequired),
+    leftInput: PropTypes.objectOf(PropTypes.string.isRequired),
+    rightInput: PropTypes.objectOf(PropTypes.string.isRequired),
+    rangeInput: PropTypes.objectOf(PropTypes.string.isRequired),
+    scale: PropTypes.objectOf(PropTypes.string.isRequired)
+  }),
+  onChange: PropTypes.func
+};
 export default SliderRatio;

package/dist/es/components/Sliders/SliderRatio/helpers.js

@@ -1,6 +1,5 @@
 import _extends from "@babel/runtime/helpers/extends";
 import "core-js/modules/es.array.reduce.js";
-import "core-js/modules/es.object.to-string.js";
 import { KeyValueEnum } from "./types";
 export var inputReducer = function inputReducer(state, action) {
   if (action.type === KeyValueEnum.LEFT) {
@@ -8,6 +7,7 @@ export var inputReducer = function inputReducer(state, action) {
       left: action.value
     });
   }
+
   return _extends(_extends({}, state), {
     right: action.value
   });

package/dist/es/components/Sliders/SliderRatio/types.d.ts

@@ -2,7 +2,7 @@ export declare enum KeyValueEnum {
     LEFT = "leftValue",
     RIGHT = "rightValue"
 }
-export type ValueType = {
+export declare type ValueType = {
     [KeyValueEnum.LEFT]: number;
     [KeyValueEnum.RIGHT]: number;
 };

package/dist/es/components/Sliders/SliderRatio/types.js

@@ -1,4 +1,5 @@
 export var KeyValueEnum;
+
 (function (KeyValueEnum) {
   KeyValueEnum["LEFT"] = "leftValue";
   KeyValueEnum["RIGHT"] = "rightValue";

package/dist/es/components/Sliders/components/SliderDisplayValue/SliderDisplayValue.css

@@ -1 +1,84 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-slider-display-value{color:var(--content);display:-webkit-box;display:-ms-flexbox;display:flex;font-weight:400;max-width:100%}.mfui-slider-display-value_interactive{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--base);border:1px solid var(--spbSky2);border-radius:12px;cursor:text;min-width:90px;overflow:hidden;padding:7px 16px}.mfui-slider-display-value_interactive.mfui-slider-display-value:hover,.mfui-slider-display-value_interactive.mfui-slider-display-value_focus{border-color:var(--content)}.mfui-slider-display-value_disabled{background-color:var(--spbSky0);border-color:var(--spbSky0);color:var(--spbSky3);cursor:default}.mfui-slider-display-value_disabled.mfui-slider-display-value_interactive:hover{border-color:var(--spbSky0)}.mfui-slider-display-value__box{overflow:hidden}.mfui-slider-display-value__line{font-weight:500}.mfui-slider-display-value__unit{margin-left:4px}.mfui-slider-display-value_interactive .mfui-slider-display-value__line{height:0;opacity:0;visibility:hidden}.mfui-slider-display-value__prefix{color:var(--spbSky3);margin-right:4px}.mfui-slider-display-value__input{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;border-radius:0;-webkit-box-shadow:none;box-shadow:none;caret-color:var(--brandGreen);color:inherit;cursor:text;display:block;font-family:inherit;font-size:15px;font-weight:400;line-height:24px;margin:0;min-width:100%;opacity:1;outline:none;padding:0;width:10px}.mfui-slider-display-value__input::-webkit-inner-spin-button,.mfui-slider-display-value__input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.mfui-slider-display-value__input[type=number]{-moz-appearance:textfield}
+.mfui-slider-display-value {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  max-width: 100%;
+  color: var(--content);
+  font-weight: 400;
+}
+.mfui-slider-display-value_interactive {
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  min-width: 90px;
+  padding: 7px 16px;
+  border: 1px solid var(--spbSky2);
+  border-radius: 12px;
+  overflow: hidden;
+  background-color: var(--base);
+  cursor: text;
+}
+.mfui-slider-display-value_interactive.mfui-slider-display-value:hover,
+.mfui-slider-display-value_interactive.mfui-slider-display-value_focus {
+  border-color: var(--content);
+}
+.mfui-slider-display-value_disabled {
+  border-color: var(--spbSky0);
+  color: var(--spbSky3);
+  background-color: var(--spbSky0);
+  cursor: default;
+}
+.mfui-slider-display-value_disabled.mfui-slider-display-value_interactive:hover {
+  border-color: var(--spbSky0);
+}
+.mfui-slider-display-value__box {
+  overflow: hidden;
+}
+.mfui-slider-display-value__line {
+  font-weight: 500;
+}
+.mfui-slider-display-value__unit {
+  margin-left: 4px;
+}
+.mfui-slider-display-value_interactive .mfui-slider-display-value__line {
+  height: 0;
+  visibility: hidden;
+  opacity: 0;
+}
+.mfui-slider-display-value__prefix {
+  margin-right: 4px;
+  color: var(--spbSky3);
+}
+.mfui-slider-display-value__input {
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+  display: block;
+  width: 10px;
+  min-width: 100%;
+  margin: 0;
+  padding: 0;
+  border: none;
+  border-radius: 0;
+  color: inherit;
+  font-weight: 400;
+  background-color: transparent;
+  outline: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
+  cursor: text;
+  opacity: 1;
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+  caret-color: var(--brandGreen);
+  font-family: inherit;
+  font-size: 15px;
+  line-height: 24px;
+}
+.mfui-slider-display-value__input::-webkit-outer-spin-button,
+.mfui-slider-display-value__input::-webkit-inner-spin-button {
+  margin: 0;
+  -webkit-appearance: none;
+}
+.mfui-slider-display-value__input[type='number'] {
+  -moz-appearance: textfield;
+}

package/dist/es/components/Sliders/components/SliderDisplayValue/SliderDisplayValue.d.ts

@@ -1,10 +1,10 @@
 import * as React from 'react';
-import './SliderDisplayValue.scss';
+import './SliderDisplayValue.less';
 export declare const DisplayValue: {
     readonly LINE: "line";
     readonly INPUT: "input";
 };
-export type DisplayValueType = (typeof DisplayValue)[keyof typeof DisplayValue];
+export declare type DisplayValueType = typeof DisplayValue[keyof typeof DisplayValue];
 export interface ISliderDisplayValue {
     className?: string;
     value: string | number;

package/dist/es/components/Sliders/components/SliderDisplayValue/SliderDisplayValue.js

@@ -1,8 +1,10 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import "core-js/modules/es.array.includes.js";
+import "core-js/modules/es.object.values.js";
 import * as React from 'react';
 import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
+import * as PropTypes from 'prop-types';
 import "./SliderDisplayValue.css";
 export var DisplayValue = {
   LINE: 'line',
@@ -10,40 +12,49 @@ export var DisplayValue = {
 };
 var charsAllowedByNumberInput = ['e', 'E', '+', '-'];
 var cn = cnCreate('mfui-slider-display-value');
+
 var SliderDisplayValue = function SliderDisplayValue(_ref) {
   var className = _ref.className,
-    value = _ref.value,
-    displayValueType = _ref.displayValueType,
-    displayValuePrefix = _ref.displayValuePrefix,
-    displayValueUnit = _ref.displayValueUnit,
-    disabled = _ref.disabled,
-    dataAttrs = _ref.dataAttrs,
-    onChange = _ref.onChange,
-    onBlur = _ref.onBlur;
+      value = _ref.value,
+      displayValueType = _ref.displayValueType,
+      displayValuePrefix = _ref.displayValuePrefix,
+      displayValueUnit = _ref.displayValueUnit,
+      disabled = _ref.disabled,
+      dataAttrs = _ref.dataAttrs,
+      onChange = _ref.onChange,
+      onBlur = _ref.onBlur;
   var inputRef = React.useRef(null);
+
   var _React$useState = React.useState(false),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    isFocused = _React$useState2[0],
-    setIsFocused = _React$useState2[1];
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      isFocused = _React$useState2[0],
+      setIsFocused = _React$useState2[1];
+
   var isDisplayValueInput = displayValueType === DisplayValue.INPUT;
+
   var handleInputBlur = function handleInputBlur() {
     setIsFocused(false);
     onBlur();
   };
+
   var handleInputFocus = function handleInputFocus() {
     setIsFocused(true);
   };
+
   var handleKeyDown = function handleKeyDown(e) {
     var _a;
+
     if (e.key === 'Enter') {
       (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.blur();
       onBlur();
       return;
     }
+
     if (charsAllowedByNumberInput.includes(e.key)) {
       e.preventDefault();
     }
   };
+
   return (
     /*#__PURE__*/
     // eslint-disable-next-line jsx-a11y/label-has-associated-control
@@ -75,4 +86,17 @@ var SliderDisplayValue = function SliderDisplayValue(_ref) {
     }, displayValueUnit))
   );
 };
+
+SliderDisplayValue.propTypes = {
+  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,
+  displayValueType: PropTypes.oneOf(Object.values(DisplayValue)),
+  displayValueUnit: PropTypes.string,
+  disabled: PropTypes.bool,
+  onChange: PropTypes.func.isRequired,
+  onBlur: PropTypes.func.isRequired,
+  dataAttrs: PropTypes.shape({
+    root: PropTypes.objectOf(PropTypes.string.isRequired),
+    input: PropTypes.objectOf(PropTypes.string.isRequired)
+  })
+};
 export default SliderDisplayValue;

package/dist/es/components/Sliders/components/SliderScale/SliderScale.css

@@ -1 +1,15 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-slider-scale{font-size:12px;height:18px;line-height:18px;margin:8px 12px 0;position:relative}.mfui-slider-scale_disabled{color:var(--spbSky3)}.mfui-slider-scale__item{position:absolute;translate:-50% 0;white-space:nowrap}
+.mfui-slider-scale {
+  font-size: 12px;
+  line-height: 18px;
+  position: relative;
+  height: 18px;
+  margin: 8px 12px 0 12px;
+}
+.mfui-slider-scale_disabled {
+  color: var(--spbSky3);
+}
+.mfui-slider-scale__item {
+  position: absolute;
+  translate: -50% 0;
+  white-space: nowrap;
+}

package/dist/es/components/Sliders/components/SliderScale/SliderScale.d.ts

@@ -1,10 +1,10 @@
 import * as React from 'react';
-import './SliderScale.scss';
+import './SliderScale.less';
 export declare const Scale: {
     readonly BASE: "base";
     readonly INTERVAL: "interval";
 };
-export type ScaleType = (typeof Scale)[keyof typeof Scale];
+export declare type ScaleType = typeof Scale[keyof typeof Scale];
 export interface ISliderScale {
     minValue: number;
     maxValue: number;

package/dist/es/components/Sliders/components/SliderScale/SliderScale.js

@@ -1,7 +1,9 @@
 import _extends from "@babel/runtime/helpers/extends";
 import "core-js/modules/es.array.map.js";
+import "core-js/modules/es.object.values.js";
 import * as React from 'react';
 import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
+import * as PropTypes from 'prop-types';
 import { getIntervalScale } from "./helpers";
 import "./SliderScale.css";
 export var Scale = {
@@ -9,14 +11,15 @@ export var Scale = {
   INTERVAL: 'interval'
 };
 var cn = cnCreate('mfui-slider-scale');
+
 var SliderScale = function SliderScale(_ref) {
   var minValue = _ref.minValue,
-    maxValue = _ref.maxValue,
-    _ref$scale = _ref.scale,
-    scale = _ref$scale === void 0 ? 'base' : _ref$scale,
-    customScale = _ref.customScale,
-    disabled = _ref.disabled,
-    dataAttrs = _ref.dataAttrs;
+      maxValue = _ref.maxValue,
+      _ref$scale = _ref.scale,
+      scale = _ref$scale === void 0 ? 'base' : _ref$scale,
+      customScale = _ref.customScale,
+      disabled = _ref.disabled,
+      dataAttrs = _ref.dataAttrs;
   var builtInScale = scale === Scale.BASE ? [minValue, maxValue] : getIntervalScale(minValue, maxValue);
   var currentScale = customScale || builtInScale;
   var leftOffset = 100 / (currentScale.length - 1);
@@ -34,4 +37,15 @@ var SliderScale = function SliderScale(_ref) {
     }, item);
   }));
 };
+
+SliderScale.propTypes = {
+  minValue: PropTypes.number.isRequired,
+  maxValue: PropTypes.number.isRequired,
+  scale: PropTypes.oneOf(Object.values(Scale)),
+  customScale: PropTypes.arrayOf(PropTypes.string.isRequired),
+  disabled: PropTypes.bool,
+  dataAttrs: PropTypes.shape({
+    root: PropTypes.objectOf(PropTypes.string.isRequired)
+  })
+};
 export default SliderScale;

package/dist/es/components/Sliders/components/SliderScale/helpers.js

@@ -1,16 +1,17 @@
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import "core-js/modules/es.array.concat.js";
 import "core-js/modules/es.array.from.js";
+import "core-js/modules/es.string.iterator.js";
 import "core-js/modules/es.array.iterator.js";
-import "core-js/modules/es.array.reduce.js";
 import "core-js/modules/es.object.to-string.js";
-import "core-js/modules/es.string.iterator.js";
 import "core-js/modules/web.dom-collections.iterator.js";
+import "core-js/modules/es.array.reduce.js";
+import "core-js/modules/es.array.concat.js";
 var SCALE_MAX_LENGTH = 10;
 var SCALE_SEGMENT_COUNT = 9;
 var SCALE_WITHOUT_EDGE_LENGTH = SCALE_MAX_LENGTH - 2;
 export var getIntervalScale = function getIntervalScale(minValue, maxValue) {
   var valueDifference = maxValue - minValue;
+
   if (valueDifference < SCALE_MAX_LENGTH) {
     return Array.from({
       length: valueDifference + 1
@@ -18,18 +19,21 @@ export var getIntervalScale = function getIntervalScale(minValue, maxValue) {
       return minValue + i;
     });
   }
+
   var interval = valueDifference / SCALE_SEGMENT_COUNT;
   var midItems = Array.from(Array(SCALE_WITHOUT_EDGE_LENGTH).keys());
+
   var _midItems$reduce = midItems.reduce(function (acc) {
-      return {
-        current: acc.current + interval,
-        items: [].concat(_toConsumableArray(acc.items), [Math.round(acc.current + interval)])
-      };
-    }, {
-      current: minValue,
-      items: []
-    }),
-    items = _midItems$reduce.items;
+    return {
+      current: acc.current + interval,
+      items: [].concat(_toConsumableArray(acc.items), [Math.round(acc.current + interval)])
+    };
+  }, {
+    current: minValue,
+    items: []
+  }),
+      items = _midItems$reduce.items;
+
   return [minValue].concat(_toConsumableArray(items), [maxValue]);
 };
 export default getIntervalScale;

package/dist/es/components/Sliders/helpers.js

@@ -1,16 +1,18 @@
 import "core-js/modules/es.number.constructor.js";
 import "core-js/modules/es.number.to-fixed.js";
 import "core-js/modules/es.regexp.exec.js";
-import "core-js/modules/es.regexp.test.js";
 import "core-js/modules/es.string.replace.js";
 export var getRangeValue = function getRangeValue(value, minValue, maxValue, step) {
   var sourceValue = Number(value);
+
   if (minValue === maxValue || sourceValue < minValue) {
     return minValue;
   }
+
   if (sourceValue > maxValue) {
     return maxValue;
   }
+
   var valueDifference = maxValue - minValue;
   var expectedStepCount = valueDifference / step;
   var receivedStepCount = valueDifference / sourceValue;
@@ -23,9 +25,11 @@ export var getTrackSize = function getTrackSize() {
   var minValue = arguments.length > 1 ? arguments[1] : undefined;
   var maxValue = arguments.length > 2 ? arguments[2] : undefined;
   var valueDifference = maxValue - minValue;
+
   if (valueDifference <= 0) {
     return 0;
   }
+
   var finalValue = value - minValue;
   var percent = finalValue * 100 / valueDifference;
   return Number(percent.toFixed(3));