@jetbrains/ring-ui-built 7.0.0-beta.1 → 7.0.0-beta.3

package/components/slider/slider.js

@@ -1,6 +1,6 @@
-import { i as _slicedToArray, d as _objectSpread2, j as _toConsumableArray } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.array.index-of.js';
-import 'core-js/modules/es.array.map.js';
+import { b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.array.reverse.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import { useRef, useState, useMemo, useCallback, useEffect, Fragment } from 'react';
 import classNames from 'classnames';
 import { isArray } from '../global/typescript-utils.js';
@@ -10,140 +10,115 @@ import { toRange, validateValue, calculateMarks, toPercent, calculateValue, adju
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'prop-types';
 import '../shortcuts/core.js';
-import 'core-js/modules/es.array.concat.js';
-import 'core-js/modules/es.array.find-index.js';
-import 'core-js/modules/es.array.includes.js';
-import 'core-js/modules/es.array.slice.js';
-import 'core-js/modules/es.array.splice.js';
-import 'core-js/modules/es.object.assign.js';
 import 'core-js/modules/es.regexp.exec.js';
-import 'core-js/modules/es.string.includes.js';
-import 'core-js/modules/es.string.match.js';
 import 'combokeys';
 import '../global/sniffer.js';
 import 'sniffr';
-import 'core-js/modules/es.object.to-string.js';
-import 'core-js/modules/es.regexp.to-string.js';
-import 'core-js/modules/es.array.from.js';
 
 var modules_b653e84a = {"dark":"dark_rui_f090","slider":"slider_rui_35ea","disabled":"disabled_rui_35ea","marked":"marked_rui_35ea","rail":"rail_rui_35ea","rounded":"rounded_rui_35ea","track":"track_rui_35ea","thumb":"thumb_rui_35ea resetButton_rui_f295","dragged":"dragged_rui_35ea","tick":"tick_rui_35ea","active":"active_rui_35ea","markValue":"markValue_rui_35ea","tag":"tag_rui_35ea"};
 
-var Slider = function Slider(_ref) {
-  var defaultValue = _ref.defaultValue,
-    value = _ref.value,
-    _ref$min = _ref.min,
-    min = _ref$min === void 0 ? 0 : _ref$min,
-    _ref$max = _ref.max,
-    max = _ref$max === void 0 ? HUNDRED : _ref$max,
-    _ref$step = _ref.step,
-    step = _ref$step === void 0 ? 1 : _ref$step,
-    disabled = _ref.disabled,
-    marks = _ref.marks,
-    showTicks = _ref.showTicks,
-    showTag = _ref.showTag,
-    className = _ref.className,
-    renderTag = _ref.renderTag,
-    onChange = _ref.onChange;
-  var ref = useRef(null);
-  var previouslyDragged = useRef(false);
-  var _useState = useState(defaultValue !== null && defaultValue !== void 0 ? defaultValue : min),
-    _useState2 = _slicedToArray(_useState, 2),
-    values = _useState2[0],
-    setValues = _useState2[1];
-  var validValues = useMemo(function () {
-    return toRange(value !== null && value !== void 0 ? value : values, min, max);
-  }, [max, min, value, values]);
-  var validStep = step < 0 ? 0 : step;
-  var isRange = isArray(defaultValue !== null && defaultValue !== void 0 ? defaultValue : value);
-  var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    isDragging = _useState4[0],
-    setIsDragging = _useState4[1];
-  var _useState5 = useState(-1),
-    _useState6 = _slicedToArray(_useState5, 2),
-    draggedIndex = _useState6[0],
-    setDraggedIndex = _useState6[1];
-  var _useState7 = useState(getUID('ring-slider-')),
-    _useState8 = _slicedToArray(_useState7, 1),
-    shortcutsScope = _useState8[0];
-  var markValues = useMemo(function () {
+const Slider = _ref => {
+  let {
+    defaultValue,
+    value,
+    min = 0,
+    max = HUNDRED,
+    step = 1,
+    disabled,
+    marks,
+    showTicks,
+    showTag,
+    className,
+    renderTag,
+    onChange
+  } = _ref;
+  const ref = useRef(null);
+  const previouslyDragged = useRef(false);
+  const [values, setValues] = useState(defaultValue !== null && defaultValue !== void 0 ? defaultValue : min);
+  const validValues = useMemo(() => toRange(value !== null && value !== void 0 ? value : values, min, max), [max, min, value, values]);
+  const validStep = step < 0 ? 0 : step;
+  const isRange = isArray(defaultValue !== null && defaultValue !== void 0 ? defaultValue : value);
+  const [isDragging, setIsDragging] = useState(false);
+  const [draggedIndex, setDraggedIndex] = useState(-1);
+  const [shortcutsScope] = useState(getUID('ring-slider-'));
+  const markValues = useMemo(() => {
     if (isArray(marks)) {
-      return marks.map(function (mark) {
-        return _objectSpread2(_objectSpread2({}, mark), {}, {
-          value: validateValue(mark.value, min, max)
-        });
-      });
+      return marks.map(mark => _objectSpread2(_objectSpread2({}, mark), {}, {
+        value: validateValue(mark.value, min, max)
+      }));
     } else if (marks) {
       return calculateMarks(min, max, validStep);
     }
     return [];
   }, [marks, max, min, validStep]);
-  var tickMarks = useMemo(function () {
+  const tickMarks = useMemo(() => {
     if (showTicks) {
       return markValues.length ? markValues : calculateMarks(min, max, validStep);
     }
     return [];
   }, [max, min, markValues, showTicks, validStep]);
-  var trackStart = useMemo(function () {
-    return toPercent(isRange ? Math.min.apply(Math, _toConsumableArray(validValues)) : min, min, max);
-  }, [isRange, max, min, validValues]);
-  var trackLength = useMemo(function () {
-    return toPercent(Math.max.apply(Math, _toConsumableArray(validValues)), min, max) - trackStart;
-  }, [max, min, trackStart, validValues]);
-  var handleValueChange = useCallback(function (nextValues) {
+  const trackStart = useMemo(() => toPercent(isRange ? Math.min(...validValues) : min, min, max), [isRange, max, min, validValues]);
+  const trackLength = useMemo(() => toPercent(Math.max(...validValues), min, max) - trackStart, [max, min, trackStart, validValues]);
+  const handleValueChange = useCallback(nextValues => {
     setValues(nextValues);
     onChange === null || onChange === void 0 || onChange(isRange ? nextValues : nextValues[0]);
   }, [isRange, onChange]);
-  var shortcutsMap = useMemo(function () {
-    var setValueAndSwap = function setValueAndSwap(nextValue, index) {
-      var nextValues = _toConsumableArray(validValues);
+  const shortcutsMap = useMemo(() => {
+    const setValueAndSwap = (nextValue, index) => {
+      const nextValues = [...validValues];
       nextValues[index] = nextValue;
       if (nextValues[0] > nextValues[1]) {
         var _ref$current;
-        var previousValue = nextValues[index];
+        const previousValue = nextValues[index];
         nextValues.reverse();
-        var thumb = (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.querySelector("[role=\"slider\"][data-index=\"".concat(nextValues.indexOf(previousValue), "\"]"));
+        const thumb = (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.querySelector("[role=\"slider\"][data-index=\"".concat(nextValues.indexOf(previousValue), "\"]"));
         thumb === null || thumb === void 0 || thumb.focus();
       }
       handleValueChange(nextValues);
     };
-    var getIndex = function getIndex(target) {
-      return Number(target === null || target === void 0 ? void 0 : target.getAttribute('data-index'));
-    };
-    var map = {};
+    const getIndex = target => Number(target === null || target === void 0 ? void 0 : target.getAttribute('data-index'));
+    const map = {};
     if (!disabled) {
-      map.left = map.down = function (_ref2) {
-        var target = _ref2.target;
-        var index = getIndex(target);
+      map.left = map.down = _ref2 => {
+        let {
+          target
+        } = _ref2;
+        const index = getIndex(target);
         setValueAndSwap(Math.max(min, validValues[index] - validStep), index);
       };
-      map.right = map.up = function (_ref3) {
-        var target = _ref3.target;
-        var index = getIndex(target);
+      map.right = map.up = _ref3 => {
+        let {
+          target
+        } = _ref3;
+        const index = getIndex(target);
         setValueAndSwap(Math.min(max, validValues[index] + validStep), index);
       };
-      map.home = function (_ref4) {
-        var target = _ref4.target;
-        var index = getIndex(target);
+      map.home = _ref4 => {
+        let {
+          target
+        } = _ref4;
+        const index = getIndex(target);
         setValueAndSwap(min, index);
       };
-      map.end = function (_ref5) {
-        var target = _ref5.target;
-        var index = getIndex(target);
+      map.end = _ref5 => {
+        let {
+          target
+        } = _ref5;
+        const index = getIndex(target);
         setValueAndSwap(max, index);
       };
     }
     return map;
   }, [disabled, handleValueChange, max, min, validStep, validValues]);
-  var handleMouseDown = useCallback(function (e) {
+  const handleMouseDown = useCallback(e => {
     e.stopPropagation();
     if (disabled) {
       return;
     }
-    var index = e.currentTarget.getAttribute('data-index');
-    var nextValue = calculateValue(ref, e.pageX, min, max, validStep);
+    const index = e.currentTarget.getAttribute('data-index');
+    const nextValue = calculateValue(ref, e.pageX, min, max, validStep);
     if (nextValue !== null && !isNaN(nextValue) && !index) {
-      var rangeIndex = Number(Math.abs(validValues[0] - nextValue) > Math.abs(validValues[1] - nextValue));
+      const rangeIndex = Number(Math.abs(validValues[0] - nextValue) > Math.abs(validValues[1] - nextValue));
       setDraggedIndex(isRange ? rangeIndex : 0);
     } else {
       setDraggedIndex(Number(index));
@@ -151,9 +126,11 @@ var Slider = function Slider(_ref) {
     setIsDragging(true);
     previouslyDragged.current = false;
   }, [disabled, isRange, max, min, validStep, validValues]);
-  var handleMouseUp = useCallback(function (_ref6) {
-    var pageX = _ref6.pageX;
-    var nextValues = adjustValues(validValues, ref, draggedIndex, pageX, max, min, validStep);
+  const handleMouseUp = useCallback(_ref6 => {
+    let {
+      pageX
+    } = _ref6;
+    const nextValues = adjustValues(validValues, ref, draggedIndex, pageX, max, min, validStep);
     if (nextValues[0] > nextValues[1]) {
       nextValues.reverse();
     }
@@ -162,18 +139,18 @@ var Slider = function Slider(_ref) {
     setIsDragging(false);
     previouslyDragged.current = true;
   }, [validValues, draggedIndex, handleValueChange, max, min, validStep]);
-  var handleMouseMove = useCallback(function (_ref7) {
-    var pageX = _ref7.pageX;
-    var nextValues = adjustValues(validValues, ref, draggedIndex, pageX, max, min, validStep);
+  const handleMouseMove = useCallback(_ref7 => {
+    let {
+      pageX
+    } = _ref7;
+    const nextValues = adjustValues(validValues, ref, draggedIndex, pageX, max, min, validStep);
     if (nextValues[0] > nextValues[1]) {
       nextValues.reverse();
-      setDraggedIndex(function (prevState) {
-        return prevState === 0 ? 1 : 0;
-      });
+      setDraggedIndex(prevState => prevState === 0 ? 1 : 0);
     }
     handleValueChange(nextValues);
   }, [validValues, draggedIndex, max, min, validStep, handleValueChange]);
-  useEffect(function () {
+  useEffect(() => {
     if (disabled) {
       return undefined;
     }
@@ -184,7 +161,7 @@ var Slider = function Slider(_ref) {
       window.removeEventListener('mousemove', handleMouseMove);
       window.removeEventListener('mouseup', handleMouseUp);
     }
-    return function () {
+    return () => {
       window.removeEventListener('mousemove', handleMouseMove);
       window.removeEventListener('mouseup', handleMouseUp);
     };
@@ -216,8 +193,8 @@ var Slider = function Slider(_ref) {
         [modules_b653e84a.rounded]: !showTicks,
         [modules_b653e84a.disabled]: disabled
       })
-    }), validValues.map(function (numValue, index) {
-      var percent = toPercent(numValue, min, max);
+    }), validValues.map((numValue, index) => {
+      const percent = toPercent(numValue, min, max);
       return (
         /*#__PURE__*/
         // eslint-disable-next-line react/no-array-index-key
@@ -250,10 +227,12 @@ var Slider = function Slider(_ref) {
           })]
         }, index)
       );
-    }), markValues.map(function (_ref8, index) {
-      var markValue = _ref8.value,
-        label = _ref8.label;
-      var percent = toPercent(markValue, min, max);
+    }), markValues.map((_ref8, index) => {
+      let {
+        value: markValue,
+        label
+      } = _ref8;
+      const percent = toPercent(markValue, min, max);
       return /*#__PURE__*/jsx("div", {
         style: {
           left: "".concat(percent, "%")
@@ -263,10 +242,12 @@ var Slider = function Slider(_ref) {
         }),
         children: label !== null && label !== void 0 ? label : markValue
       }, index);
-    }), tickMarks.map(function (_ref9, index) {
-      var tickValue = _ref9.value;
-      var percent = toPercent(tickValue, min, max);
-      var isActive = isRange ? tickValue >= validValues[0] && tickValue <= validValues[validValues.length - 1] : tickValue <= validValues[0];
+    }), tickMarks.map((_ref9, index) => {
+      let {
+        value: tickValue
+      } = _ref9;
+      const percent = toPercent(tickValue, min, max);
+      const isActive = isRange ? tickValue >= validValues[0] && tickValue <= validValues[validValues.length - 1] : tickValue <= validValues[0];
       return /*#__PURE__*/jsx("div", {
         className: classNames(modules_b653e84a.tick, {
           [modules_b653e84a.active]: isActive,

package/components/slider/slider.utils.js

@@ -1,12 +1,8 @@
-import { j as _toConsumableArray } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.array.from.js';
-import 'core-js/modules/es.array.map.js';
-import 'core-js/modules/es.array.slice.js';
-import 'core-js/modules/es.object.to-string.js';
-import 'core-js/modules/es.regexp.to-string.js';
+import 'core-js/modules/es.array.reverse.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import { isArray } from '../global/typescript-utils.js';
 
-var HUNDRED = 100;
+const HUNDRED = 100;
 function toPercent(value, min, max) {
   return (value - min) * HUNDRED / (max - min);
 }
@@ -21,11 +17,12 @@ function calculateValue(ref, x, min, max, step) {
   if (!ref.current) {
     return null;
   }
-  var _ref$current$getBound = ref.current.getBoundingClientRect(),
-    width = _ref$current$getBound.width,
-    left = _ref$current$getBound.left;
-  var value = toValue((x - left) / width, min, max);
-  var precision = (_step$toString$split = step.toString().split('.')) === null || _step$toString$split === void 0 || (_step$toString$split = _step$toString$split[1]) === null || _step$toString$split === void 0 ? void 0 : _step$toString$split.length;
+  const {
+    width,
+    left
+  } = ref.current.getBoundingClientRect();
+  const value = toValue((x - left) / width, min, max);
+  const precision = (_step$toString$split = step.toString().split('.')) === null || _step$toString$split === void 0 || (_step$toString$split = _step$toString$split[1]) === null || _step$toString$split === void 0 ? void 0 : _step$toString$split.length;
   return Number(roundToStep(value, step, min).toFixed(precision));
 }
 function validateValue(value, min, max) {
@@ -39,9 +36,7 @@ function validateValue(value, min, max) {
 }
 function toRange(value, min, max) {
   if (isArray(value)) {
-    var nextValues = value.slice(0, 2).map(function (val) {
-      return validateValue(val, min, max);
-    });
+    const nextValues = value.slice(0, 2).map(val => validateValue(val, min, max));
     if (nextValues[0] > nextValues[1]) {
       nextValues.reverse();
     }
@@ -51,22 +46,20 @@ function toRange(value, min, max) {
   }
 }
 function adjustValues(values, ref, index, x, max, min, step) {
-  var nextValue = calculateValue(ref, x, min, max, step);
-  var nextValues = _toConsumableArray(values);
+  const nextValue = calculateValue(ref, x, min, max, step);
+  const nextValues = [...values];
   if (nextValue !== null && !isNaN(nextValue)) {
     nextValues[index] = validateValue(nextValue, min, max);
   }
   return nextValues;
 }
 function calculateMarks(min, max, step) {
-  var numMarks = Math.floor((max - min) / step) + 1;
+  const numMarks = Math.floor((max - min) / step) + 1;
   return Array.from({
     length: numMarks
-  }, function (_, index) {
-    return {
-      value: validateValue(min + step * index, min, max)
-    };
-  });
+  }, (_, index) => ({
+    value: validateValue(min + step * index, min, max)
+  }));
 }
 
 export { HUNDRED, adjustValues, calculateMarks, calculateValue, toPercent, toRange, validateValue };

package/components/storage/storage.js

@@ -1,19 +1,11 @@
 import LocalStorage from './storage__local.js';
 import FallbackStorage from './storage__fallback.js';
 import '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.array.iterator.js';
-import 'core-js/modules/es.object.to-string.js';
-import 'core-js/modules/es.promise.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
 import '../alert-service/alert-service.js';
-import 'core-js/modules/es.array.concat.js';
-import 'core-js/modules/es.array.filter.js';
-import 'core-js/modules/es.array.map.js';
 import 'react-dom/client';
 import '../global/get-uid.js';
-import 'core-js/modules/es.regexp.to-string.js';
 import '../alert/alert.js';
-import 'core-js/modules/es.object.values.js';
 import 'react';
 import 'classnames';
 import 'prop-types';
@@ -27,20 +19,12 @@ import '../icon/icon__constants.js';
 import '../_helpers/icon__svg.js';
 import 'core-js/modules/es.regexp.exec.js';
 import 'core-js/modules/es.string.replace.js';
-import 'core-js/modules/es.string.starts-with.js';
 import '../global/memoize.js';
-import 'core-js/modules/es.map.js';
-import 'core-js/modules/es.weak-map.js';
 import 'react/jsx-runtime';
 import '../loader-inline/loader-inline.js';
 import '../global/data-tests.js';
 import 'core-js/modules/es.array.reduce.js';
-import 'core-js/modules/es.object.entries.js';
 import '../global/dom.js';
-import 'core-js/modules/es.object.assign.js';
-import 'core-js/modules/es.set.js';
-import 'core-js/modules/es.string.split.js';
-import 'core-js/modules/web.dom-collections.for-each.js';
 import '../button/button.js';
 import '@jetbrains/icons/chevron-down';
 import '../link/clickableLink.js';
@@ -53,12 +37,6 @@ import '../popup/popup.js';
 import '../global/schedule-raf.js';
 import '../shortcuts/shortcuts.js';
 import '../shortcuts/core.js';
-import 'core-js/modules/es.array.find-index.js';
-import 'core-js/modules/es.array.includes.js';
-import 'core-js/modules/es.array.slice.js';
-import 'core-js/modules/es.array.splice.js';
-import 'core-js/modules/es.string.includes.js';
-import 'core-js/modules/es.string.match.js';
 import 'combokeys';
 import '../global/sniffer.js';
 import 'sniffr';
@@ -67,8 +45,6 @@ import '../popup/position.js';
 import 'core-js/modules/es.array.sort.js';
 import '../popup/popup.consts.js';
 import '../alert/container.js';
-import 'core-js/modules/es.array.index-of.js';
-import 'core-js/modules/es.reflect.delete-property.js';
 import 'deep-equal';
 
 /**
@@ -78,16 +54,16 @@ import 'deep-equal';
  * @constructor
  * @extends {LocalStorage}
  */
-var Storage = LocalStorage;
+let Storage = LocalStorage;
 // Using try/catch here because of IE10+ protected mode and other browsers' quirks
 // See https://github.com/Modernizr/Modernizr/blob/master/feature-detects/storage/localstorage.js
 try {
-  var temp = 'testStorage';
+  const temp = 'testStorage';
   localStorage.setItem(temp, temp);
   localStorage.removeItem(temp);
 } catch (e) {
   Storage = FallbackStorage;
 }
-var ActualStorage = Storage;
+const ActualStorage = Storage;
 
 export { ActualStorage as default };