@jetbrains/ring-ui-built 6.0.32 → 6.0.34

package/components/slider/slider.js

@@ -1,3 +1,6 @@
+import { j as _slicedToArray, d as _objectSpread2, k as _toConsumableArray } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.array.index-of.js';
+import 'core-js/modules/es.array.map.js';
 import React, { useRef, useState, useMemo, useCallback, useEffect, Fragment } from 'react';
 import classNames from 'classnames';
 import { isArray } from '../global/typescript-utils.js';
@@ -6,114 +9,140 @@ import getUID from '../global/get-uid.js';
 import { toRange, validateValue, calculateMarks, toPercent, calculateValue, adjustValues, HUNDRED } from './slider.utils.js';
 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"};
 
-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(() => {
+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 () {
     if (isArray(marks)) {
-      return marks.map(mark => ({
-        ...mark,
-        value: validateValue(mark.value, min, max)
-      }));
+      return marks.map(function (mark) {
+        return _objectSpread2(_objectSpread2({}, mark), {}, {
+          value: validateValue(mark.value, min, max)
+        });
+      });
     } else if (marks) {
       return calculateMarks(min, max, validStep);
     }
     return [];
   }, [marks, max, min, validStep]);
-  const tickMarks = useMemo(() => {
+  var tickMarks = useMemo(function () {
     if (showTicks) {
       return markValues.length ? markValues : calculateMarks(min, max, validStep);
     }
     return [];
   }, [max, min, markValues, showTicks, validStep]);
-  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 => {
+  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) {
     setValues(nextValues);
-    onChange?.(isRange ? nextValues : nextValues[0]);
+    onChange === null || onChange === void 0 || onChange(isRange ? nextValues : nextValues[0]);
   }, [isRange, onChange]);
-  const shortcutsMap = useMemo(() => {
-    const setValueAndSwap = (nextValue, index) => {
-      const nextValues = [...validValues];
+  var shortcutsMap = useMemo(function () {
+    var setValueAndSwap = function setValueAndSwap(nextValue, index) {
+      var nextValues = _toConsumableArray(validValues);
       nextValues[index] = nextValue;
       if (nextValues[0] > nextValues[1]) {
-        const previousValue = nextValues[index];
+        var _ref$current;
+        var previousValue = nextValues[index];
         nextValues.reverse();
-        const thumb = ref.current?.querySelector(`[role="slider"][data-index="${nextValues.indexOf(previousValue)}"]`);
-        thumb?.focus();
+        var 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);
     };
-    const getIndex = target => Number(target?.getAttribute('data-index'));
-    const map = {};
+    var getIndex = function getIndex(target) {
+      return Number(target === null || target === void 0 ? void 0 : target.getAttribute('data-index'));
+    };
+    var map = {};
     if (!disabled) {
-      map.left = map.down = _ref2 => {
-        let {
-          target
-        } = _ref2;
-        const index = getIndex(target);
+      map.left = map.down = function (_ref2) {
+        var target = _ref2.target;
+        var index = getIndex(target);
         setValueAndSwap(Math.max(min, validValues[index] - validStep), index);
       };
-      map.right = map.up = _ref3 => {
-        let {
-          target
-        } = _ref3;
-        const index = getIndex(target);
+      map.right = map.up = function (_ref3) {
+        var target = _ref3.target;
+        var index = getIndex(target);
         setValueAndSwap(Math.min(max, validValues[index] + validStep), index);
       };
-      map.home = _ref4 => {
-        let {
-          target
-        } = _ref4;
-        const index = getIndex(target);
+      map.home = function (_ref4) {
+        var target = _ref4.target;
+        var index = getIndex(target);
         setValueAndSwap(min, index);
       };
-      map.end = _ref5 => {
-        let {
-          target
-        } = _ref5;
-        const index = getIndex(target);
+      map.end = function (_ref5) {
+        var target = _ref5.target;
+        var index = getIndex(target);
         setValueAndSwap(max, index);
       };
     }
     return map;
   }, [disabled, handleValueChange, max, min, validStep, validValues]);
-  const handleMouseDown = useCallback(e => {
+  var handleMouseDown = useCallback(function (e) {
     e.stopPropagation();
     if (disabled) {
       return;
     }
-    const index = e.currentTarget.getAttribute('data-index');
-    const nextValue = calculateValue(ref, e.pageX, min, max, validStep);
+    var index = e.currentTarget.getAttribute('data-index');
+    var nextValue = calculateValue(ref, e.pageX, min, max, validStep);
     if (nextValue !== null && !isNaN(nextValue) && !index) {
-      const rangeIndex = Number(Math.abs(validValues[0] - nextValue) > Math.abs(validValues[1] - nextValue));
+      var rangeIndex = Number(Math.abs(validValues[0] - nextValue) > Math.abs(validValues[1] - nextValue));
       setDraggedIndex(isRange ? rangeIndex : 0);
     } else {
       setDraggedIndex(Number(index));
@@ -121,11 +150,9 @@ const Slider = _ref => {
     setIsDragging(true);
     previouslyDragged.current = false;
   }, [disabled, isRange, max, min, validStep, validValues]);
-  const handleMouseUp = useCallback(_ref6 => {
-    let {
-      pageX
-    } = _ref6;
-    const nextValues = adjustValues(validValues, ref, draggedIndex, pageX, max, min, validStep);
+  var handleMouseUp = useCallback(function (_ref6) {
+    var pageX = _ref6.pageX;
+    var nextValues = adjustValues(validValues, ref, draggedIndex, pageX, max, min, validStep);
     if (nextValues[0] > nextValues[1]) {
       nextValues.reverse();
     }
@@ -134,18 +161,18 @@ const Slider = _ref => {
     setIsDragging(false);
     previouslyDragged.current = true;
   }, [validValues, draggedIndex, handleValueChange, max, min, validStep]);
-  const handleMouseMove = useCallback(_ref7 => {
-    let {
-      pageX
-    } = _ref7;
-    const nextValues = adjustValues(validValues, ref, draggedIndex, pageX, max, min, validStep);
+  var handleMouseMove = useCallback(function (_ref7) {
+    var pageX = _ref7.pageX;
+    var nextValues = adjustValues(validValues, ref, draggedIndex, pageX, max, min, validStep);
     if (nextValues[0] > nextValues[1]) {
       nextValues.reverse();
-      setDraggedIndex(prevState => prevState === 0 ? 1 : 0);
+      setDraggedIndex(function (prevState) {
+        return prevState === 0 ? 1 : 0;
+      });
     }
     handleValueChange(nextValues);
   }, [validValues, draggedIndex, max, min, validStep, handleValueChange]);
-  useEffect(() => {
+  useEffect(function () {
     if (disabled) {
       return undefined;
     }
@@ -156,7 +183,7 @@ const Slider = _ref => {
       window.removeEventListener('mousemove', handleMouseMove);
       window.removeEventListener('mouseup', handleMouseUp);
     }
-    return () => {
+    return function () {
       window.removeEventListener('mousemove', handleMouseMove);
       window.removeEventListener('mouseup', handleMouseUp);
     };
@@ -181,15 +208,15 @@ const Slider = _ref => {
     })
   }), /*#__PURE__*/React.createElement("div", {
     style: {
-      left: `${trackStart}%`,
-      width: `${trackLength}%`
+      left: "".concat(trackStart, "%"),
+      width: "".concat(trackLength, "%")
     },
     className: classNames(modules_b653e84a.track, {
       [modules_b653e84a.rounded]: !showTicks,
       [modules_b653e84a.disabled]: disabled
     })
-  }), validValues.map((numValue, index) => {
-    const percent = toPercent(numValue, min, max);
+  }), validValues.map(function (numValue, index) {
+    var percent = toPercent(numValue, min, max);
     return (
       /*#__PURE__*/
       // eslint-disable-next-line react/no-array-index-key
@@ -204,7 +231,7 @@ const Slider = _ref => {
         "aria-valuenow": numValue,
         "data-index": index,
         style: {
-          left: `${percent}%`
+          left: "".concat(percent, "%")
         },
         className: classNames(modules_b653e84a.thumb, {
           [modules_b653e84a.disabled]: disabled,
@@ -213,7 +240,7 @@ const Slider = _ref => {
         onMouseDown: handleMouseDown
       }), showTag && /*#__PURE__*/React.createElement("div", {
         style: {
-          left: `${percent}%`
+          left: "".concat(percent, "%")
         },
         className: classNames(modules_b653e84a.tag, {
           [modules_b653e84a.disabled]: disabled
@@ -221,28 +248,24 @@ const Slider = _ref => {
         role: "tooltip"
       }, renderTag ? renderTag(numValue) : numValue))
     );
-  }), markValues.map((_ref8, index) => {
-    let {
-      value: markValue,
-      label
-    } = _ref8;
-    const percent = toPercent(markValue, min, max);
+  }), markValues.map(function (_ref8, index) {
+    var markValue = _ref8.value,
+      label = _ref8.label;
+    var percent = toPercent(markValue, min, max);
     return /*#__PURE__*/React.createElement("div", {
       // eslint-disable-next-line react/no-array-index-key
       key: index,
       style: {
-        left: `${percent}%`
+        left: "".concat(percent, "%")
       },
       className: classNames(modules_b653e84a.markValue, {
         [modules_b653e84a.disabled]: disabled
       })
     }, label !== null && label !== void 0 ? label : markValue);
-  }), 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];
+  }), 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];
     return /*#__PURE__*/React.createElement("div", {
       // eslint-disable-next-line react/no-array-index-key
       key: index,
@@ -251,7 +274,7 @@ const Slider = _ref => {
         [modules_b653e84a.disabled]: disabled
       }),
       style: {
-        left: `${percent}%`
+        left: "".concat(percent, "%")
       }
     });
   }));

package/components/slider/slider.utils.js

@@ -1,6 +1,12 @@
+import { k 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 { isArray } from '../global/typescript-utils.js';
 
-const HUNDRED = 100;
+var HUNDRED = 100;
 function toPercent(value, min, max) {
   return (value - min) * HUNDRED / (max - min);
 }
@@ -11,15 +17,15 @@ function roundToStep(value, step, min) {
   return Math.round((value - min) / step) * step + min;
 }
 function calculateValue(ref, x, min, max, step) {
+  var _step$toString$split;
   if (!ref.current) {
     return null;
   }
-  const {
-    width,
-    left
-  } = ref.current.getBoundingClientRect();
-  const value = toValue((x - left) / width, min, max);
-  const precision = step.toString().split('.')?.[1]?.length;
+  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;
   return Number(roundToStep(value, step, min).toFixed(precision));
 }
 function validateValue(value, min, max) {
@@ -33,7 +39,9 @@ function validateValue(value, min, max) {
 }
 function toRange(value, min, max) {
   if (isArray(value)) {
-    const nextValues = value.slice(0, 2).map(val => validateValue(val, min, max));
+    var nextValues = value.slice(0, 2).map(function (val) {
+      return validateValue(val, min, max);
+    });
     if (nextValues[0] > nextValues[1]) {
       nextValues.reverse();
     }
@@ -43,20 +51,22 @@ function toRange(value, min, max) {
   }
 }
 function adjustValues(values, ref, index, x, max, min, step) {
-  const nextValue = calculateValue(ref, x, min, max, step);
-  const nextValues = [...values];
+  var nextValue = calculateValue(ref, x, min, max, step);
+  var nextValues = _toConsumableArray(values);
   if (nextValue !== null && !isNaN(nextValue)) {
     nextValues[index] = validateValue(nextValue, min, max);
   }
   return nextValues;
 }
 function calculateMarks(min, max, step) {
-  const numMarks = Math.floor((max - min) / step) + 1;
+  var numMarks = Math.floor((max - min) / step) + 1;
   return Array.from({
     length: numMarks
-  }, (_, index) => ({
-    value: validateValue(min + step * index, min, max)
-  }));
+  }, function (_, index) {
+    return {
+      value: validateValue(min + step * index, min, max)
+    };
+  });
 }
 
 export { HUNDRED, adjustValues, calculateMarks, calculateValue, toPercent, toRange, validateValue };

package/components/storage/storage.js

@@ -1,11 +1,20 @@
 import LocalStorage from './storage__local.js';
 import FallbackStorage from './storage__fallback.js';
-import '../alert-service/alert-service.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';
 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 'classnames';
 import 'prop-types';
 import '@jetbrains/icons/exception';
@@ -16,10 +25,21 @@ import '../icon/icon.js';
 import 'util-deprecate';
 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 '../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-10px';
 import '../link/clickableLink.js';
@@ -32,13 +52,22 @@ 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';
 import '../tab-trap/tab-trap.js';
 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';
 
 /**
@@ -48,16 +77,16 @@ import 'deep-equal';
  * @constructor
  * @extends {LocalStorage}
  */
-let Storage = LocalStorage;
+var 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 {
-  const temp = 'testStorage';
+  var temp = 'testStorage';
   localStorage.setItem(temp, temp);
   localStorage.removeItem(temp);
 } catch (e) {
   Storage = FallbackStorage;
 }
-const ActualStorage = Storage;
+var ActualStorage = Storage;
 
 export { ActualStorage as default };