@megafon/ui-core 6.2.1 → 7.0.0

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

@@ -1,15 +1,13 @@
 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";
@@ -19,63 +17,54 @@ 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);
@@ -91,17 +80,14 @@ 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);
@@ -109,12 +95,10 @@ 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);
@@ -122,24 +106,18 @@ 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);
@@ -149,7 +127,6 @@ var SliderRatio = function SliderRatio(_ref) {
       });
     };
   };
-
   return /*#__PURE__*/React.createElement("div", _extends({
     className: cn({
       disabled: disabled
@@ -222,30 +199,4 @@ 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,5 +1,6 @@
 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) {
@@ -7,7 +8,6 @@ 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 declare type ValueType = {
+export type ValueType = {
     [KeyValueEnum.LEFT]: number;
     [KeyValueEnum.RIGHT]: number;
 };

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

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

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

@@ -1,84 +1 @@
-.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;
-}
+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}

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

@@ -1,10 +1,10 @@
 import * as React from 'react';
-import './SliderDisplayValue.less';
+import './SliderDisplayValue.scss';
 export declare const DisplayValue: {
     readonly LINE: "line";
     readonly INPUT: "input";
 };
-export declare type DisplayValueType = typeof DisplayValue[keyof typeof DisplayValue];
+export 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,10 +1,8 @@
 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',
@@ -12,49 +10,40 @@ 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
@@ -86,17 +75,4 @@ 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,15 +1 @@
-.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;
-}
+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}

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

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

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

@@ -1,9 +1,7 @@
 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 = {
@@ -11,15 +9,14 @@ 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);
@@ -37,15 +34,4 @@ 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,17 +1,16 @@
 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
@@ -19,21 +18,18 @@ 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,18 +1,16 @@
 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;
@@ -25,11 +23,9 @@ 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));