@jetbrains/ring-ui-built 7.0.65 → 7.0.70

package/components/shortcuts/core.js

@@ -1,51 +1,39 @@
-import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.regexp.exec.js';
 import Combokeys from 'combokeys';
 import sniffr from '../global/sniffer.js';
 import 'sniffr';
 
 class Shortcuts {
+  ALLOW_SHORTCUTS_SELECTOR = '.ring-js-shortcuts';
+  ROOT_SCOPE = {
+    scopeId: 'ROOT',
+    options: {}
+  };
+  _scopes = {};
+  _scopeChain = [];
+  combokeys = new Combokeys(document.documentElement);
+  trigger = combo => this.combokeys.trigger(combo);
   constructor() {
-    _defineProperty(this, "ALLOW_SHORTCUTS_SELECTOR", '.ring-js-shortcuts');
-    _defineProperty(this, "ROOT_SCOPE", {
-      scopeId: 'ROOT',
-      options: {}
-    });
-    _defineProperty(this, "_scopes", {});
-    _defineProperty(this, "_scopeChain", []);
-    _defineProperty(this, "combokeys", new Combokeys(document.documentElement));
-    _defineProperty(this, "trigger", combo => this.combokeys.trigger(combo));
-    _defineProperty(this, "_dispatcher", (e, key) => {
-      let currentScope;
-      for (let i = this._scopeChain.length - 1; i >= 0; i--) {
-        const scopeInChain = this._scopeChain[i];
-        currentScope = this._scopes[scopeInChain.scopeId];
-        if (currentScope && key !== null && key !== undefined && currentScope[key]) {
-          const ret = currentScope[key](e, key, scopeInChain.scopeId);
-          // Fall down in chain when returning true
-          if (ret !== true) {
-            return ret;
-          }
-        }
-        if (scopeInChain.options.modal) {
-          return true;
-        }
-      }
-      return undefined;
-    });
-    _defineProperty(this, "_defaultFilter", (e, element, key) => {
-      // if the element or its parents have the class "ring-js-shortcuts" then no need to stop
-      if (element === document || !(element instanceof HTMLElement) || key === null || element.matches(this.ALLOW_SHORTCUTS_SELECTOR) || (element.dataset.enabledShortcuts ? key && element.dataset.enabledShortcuts.split(',').includes(key) : !!element.closest(this.ALLOW_SHORTCUTS_SELECTOR))) {
-        return false;
-      }
-      const elementContentEditableAttribute = element.contentEditable;
-      const isElementContentEditable = elementContentEditableAttribute === 'true' || elementContentEditableAttribute === 'plaintext-only';
-      // stop for input, select, textarea and content-editable elements
-      return element.matches('input:not([type=checkbox]),select,textarea') || isElementContentEditable;
-    });
     this.setFilter();
     this.setScope();
   }
+  _dispatcher = (e, key) => {
+    let currentScope;
+    for (let i = this._scopeChain.length - 1; i >= 0; i--) {
+      const scopeInChain = this._scopeChain[i];
+      currentScope = this._scopes[scopeInChain.scopeId];
+      if (currentScope && key !== null && key !== undefined && currentScope[key]) {
+        const ret = currentScope[key](e, key, scopeInChain.scopeId);
+        // Fall down in chain when returning true
+        if (ret !== true) {
+          return ret;
+        }
+      }
+      if (scopeInChain.options.modal) {
+        return true;
+      }
+    }
+    return undefined;
+  };
   /**
    * Binds a handler to a shortcut
    *
@@ -115,8 +103,7 @@ class Shortcuts {
    * @param options.modal whether keys should fall through this scope or not.
    * Useful for modals or overlays
    */
-  pushScope(scopeId) {
-    let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  pushScope(scopeId, options = {}) {
     if (scopeId) {
       const position = this.indexOfScope(scopeId);
       if (position !== -1) {
@@ -162,17 +149,25 @@ class Shortcuts {
       this._scopeChain = [this.ROOT_SCOPE];
     }
   }
-  wrapScope(scopeId) {
-    let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  wrapScope(scopeId, options = {}) {
     return {
       scopeId,
       options
     };
   }
   hasKey(key, scope) {
-    var _this$_scopes$scope;
-    return !!((_this$_scopes$scope = this._scopes[scope]) !== null && _this$_scopes$scope !== void 0 && _this$_scopes$scope[key]);
+    return !!this._scopes[scope]?.[key];
   }
+  _defaultFilter = (e, element, key) => {
+    // if the element or its parents have the class "ring-js-shortcuts" then no need to stop
+    if (element === document || !(element instanceof HTMLElement) || key === null || element.matches(this.ALLOW_SHORTCUTS_SELECTOR) || (element.dataset.enabledShortcuts ? key && element.dataset.enabledShortcuts.split(',').includes(key) : !!element.closest(this.ALLOW_SHORTCUTS_SELECTOR))) {
+      return false;
+    }
+    const elementContentEditableAttribute = element.contentEditable;
+    const isElementContentEditable = elementContentEditableAttribute === 'true' || elementContentEditableAttribute === 'plaintext-only';
+    // stop for input, select, textarea and content-editable elements
+    return element.matches('input:not([type=checkbox]),select,textarea') || isElementContentEditable;
+  };
   _getKeyboardEventType(params) {
     if (!params.type && sniffr.os.name === 'windows') {
       const isSystemShortcut = typeof params.key === 'string' && params.key.match(/ctrl/i) && params.key.match(/shift/i) && params.key.match(/[0-9]/);

package/components/shortcuts/shortcut-title.js

@@ -1,4 +1,3 @@
-import 'core-js/modules/es.regexp.exec.js';
 import sniffr from '../global/sniffer.js';
 import 'sniffr';
 

package/components/shortcuts/shortcuts-hoc.js

@@ -1,35 +1,29 @@
-import { _ as _defineProperty, a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import { jsx } from 'react/jsx-runtime';
 import { Component } from 'react';
 import getUID from '../global/get-uid.js';
 import Shortcuts from './shortcuts.js';
 import './core.js';
-import 'core-js/modules/es.regexp.exec.js';
 import 'combokeys';
 import '../global/sniffer.js';
 import 'sniffr';
 
-const _excluded = ["rgShortcutsOptions", "rgShortcutsMap"];
 function shortcutsHOC(ComposedComponent) {
   return class WithShortcuts extends Component {
-    constructor() {
-      super(...arguments);
-      _defineProperty(this, "_shortcutsScopeUid", getUID('rg-shortcuts-'));
-    }
+    _shortcutsScopeUid = getUID('rg-shortcuts-');
     render() {
-      const _this$props = this.props,
-        {
-          rgShortcutsOptions,
-          rgShortcutsMap
-        } = _this$props,
-        props = _objectWithoutProperties(_this$props, _excluded);
+      const {
+        rgShortcutsOptions,
+        rgShortcutsMap,
+        ...props
+      } = this.props;
       return jsx(Shortcuts, {
         scope: this._shortcutsScopeUid,
         map: rgShortcutsMap,
         options: rgShortcutsOptions,
         disabled: rgShortcutsOptions.disabled,
-        children: jsx(ComposedComponent, _objectSpread2({}, props))
+        children: jsx(ComposedComponent, {
+          ...props
+        })
       });
     }
   };

package/components/shortcuts/shortcuts.js

@@ -1,12 +1,13 @@
-import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
 import { PureComponent } from 'react';
 import shortcuts from './core.js';
-import 'core-js/modules/es.regexp.exec.js';
 import 'combokeys';
 import '../global/sniffer.js';
 import 'sniffr';
 
 class Shortcuts extends PureComponent {
+  static defaultProps = {
+    options: {}
+  };
   componentDidMount() {
     if (!this.props.disabled) {
       this.turnShorcutsOn();
@@ -52,8 +53,5 @@ class Shortcuts extends PureComponent {
     return this.props.children || null;
   }
 }
-_defineProperty(Shortcuts, "defaultProps", {
-  options: {}
-});
 
 export { Shortcuts as default };

package/components/slider/slider.js

@@ -1,36 +1,31 @@
-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 { jsxs, jsx } from 'react/jsx-runtime';
 import { useRef, useState, useMemo, useCallback, useEffect, Fragment } from 'react';
 import classNames from 'classnames';
 import { isArray } from '../global/typescript-utils.js';
 import Shortcuts from '../shortcuts/shortcuts.js';
 import getUID from '../global/get-uid.js';
-import { HUNDRED, toRange, validateValue, calculateMarks, toPercent, calculateValue, adjustValues } from './slider.utils.js';
+import { toRange, HUNDRED, validateValue, calculateMarks, toPercent, calculateValue, adjustValues } from './slider.utils.js';
 import '../shortcuts/core.js';
-import 'core-js/modules/es.regexp.exec.js';
 import 'combokeys';
 import '../global/sniffer.js';
 import 'sniffr';
 
 var styles = {"slider":"ring-slider-slider","disabled":"ring-slider-disabled","marked":"ring-slider-marked","rail":"ring-slider-rail","rounded":"ring-slider-rounded","track":"ring-slider-track","thumb":"ring-slider-thumb ring-global-resetButton","dragged":"ring-slider-dragged","tick":"ring-slider-tick","active":"ring-slider-active","markValue":"ring-slider-markValue","tag":"ring-slider-tag"};
 
-const Slider = _ref => {
-  let {
-    defaultValue,
-    value,
-    min = 0,
-    max = HUNDRED,
-    step = 1,
-    disabled,
-    marks,
-    showTicks,
-    showTag,
-    className,
-    renderTag,
-    onChange
-  } = _ref;
+const Slider = ({
+  defaultValue,
+  value,
+  min = 0,
+  max = HUNDRED,
+  step = 1,
+  disabled,
+  marks,
+  showTicks,
+  showTag,
+  className,
+  renderTag,
+  onChange
+}) => {
   const ref = useRef(null);
   const previouslyDragged = useRef(false);
   const [values, setValues] = useState(defaultValue !== null && defaultValue !== void 0 ? defaultValue : min);
@@ -42,7 +37,8 @@ const Slider = _ref => {
   const [shortcutsScope] = useState(getUID('ring-slider-'));
   const markValues = useMemo(() => {
     if (isArray(marks)) {
-      return marks.map(mark => _objectSpread2(_objectSpread2({}, mark), {}, {
+      return marks.map(mark => ({
+        ...mark,
         value: validateValue(mark.value, min, max)
       }));
     }
@@ -61,49 +57,44 @@ const Slider = _ref => {
   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]);
+    onChange?.(isRange ? nextValues : nextValues[0]);
   }, [isRange, onChange]);
   const shortcutsMap = useMemo(() => {
     const setValueAndSwap = (nextValue, index) => {
       const nextValues = [...validValues];
       nextValues[index] = nextValue;
       if (nextValues[0] > nextValues[1]) {
-        var _ref$current;
         const previousValue = nextValues[index];
         nextValues.reverse();
-        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();
+        const thumb = ref.current?.querySelector(`[role="slider"][data-index="${nextValues.indexOf(previousValue)}"]`);
+        thumb?.focus();
       }
       handleValueChange(nextValues);
     };
-    const getIndex = target => Number(target === null || target === void 0 ? void 0 : target.getAttribute('data-index'));
+    const getIndex = target => Number(target?.getAttribute('data-index'));
     const map = {};
     if (!disabled) {
-      map.left = map.down = _ref2 => {
-        let {
-          target
-        } = _ref2;
+      map.left = map.down = ({
+        target
+      }) => {
         const index = getIndex(target);
         setValueAndSwap(Math.max(min, validValues[index] - validStep), index);
       };
-      map.right = map.up = _ref3 => {
-        let {
-          target
-        } = _ref3;
+      map.right = map.up = ({
+        target
+      }) => {
         const index = getIndex(target);
         setValueAndSwap(Math.min(max, validValues[index] + validStep), index);
       };
-      map.home = _ref4 => {
-        let {
-          target
-        } = _ref4;
+      map.home = ({
+        target
+      }) => {
         const index = getIndex(target);
         setValueAndSwap(min, index);
       };
-      map.end = _ref5 => {
-        let {
-          target
-        } = _ref5;
+      map.end = ({
+        target
+      }) => {
         const index = getIndex(target);
         setValueAndSwap(max, index);
       };
@@ -117,7 +108,7 @@ const Slider = _ref => {
     }
     const index = e.currentTarget.getAttribute('data-index');
     const nextValue = calculateValue(ref, e.pageX, min, max, validStep);
-    if (nextValue && !isNaN(nextValue) && !index) {
+    if (nextValue !== null && !isNaN(nextValue) && !index) {
       const rangeIndex = Number(Math.abs(validValues[0] - nextValue) > Math.abs(validValues[1] - nextValue));
       setDraggedIndex(isRange ? rangeIndex : 0);
     } else {
@@ -126,10 +117,9 @@ const Slider = _ref => {
     setIsDragging(true);
     previouslyDragged.current = false;
   }, [disabled, isRange, max, min, validStep, validValues]);
-  const handleMouseUp = useCallback(_ref6 => {
-    let {
-      pageX
-    } = _ref6;
+  const handleMouseUp = useCallback(({
+    pageX
+  }) => {
     const nextValues = adjustValues(validValues, ref, draggedIndex, pageX, max, min, validStep);
     if (nextValues[0] > nextValues[1]) {
       nextValues.reverse();
@@ -139,10 +129,9 @@ const Slider = _ref => {
     setIsDragging(false);
     previouslyDragged.current = true;
   }, [validValues, draggedIndex, handleValueChange, max, min, validStep]);
-  const handleMouseMove = useCallback(_ref7 => {
-    let {
-      pageX
-    } = _ref7;
+  const handleMouseMove = useCallback(({
+    pageX
+  }) => {
     const nextValues = adjustValues(validValues, ref, draggedIndex, pageX, max, min, validStep);
     if (nextValues[0] > nextValues[1]) {
       nextValues.reverse();
@@ -186,8 +175,8 @@ const Slider = _ref => {
       })
     }), jsx("div", {
       style: {
-        left: "".concat(trackStart, "%"),
-        width: "".concat(trackLength, "%")
+        left: `${trackStart}%`,
+        width: `${trackLength}%`
       },
       className: classNames(styles.track, {
         [styles.rounded]: !showTicks,
@@ -207,7 +196,7 @@ const Slider = _ref => {
             "aria-valuenow": numValue,
             "data-index": index,
             style: {
-              left: "".concat(percent, "%")
+              left: `${percent}%`
             },
             className: classNames(styles.thumb, {
               [styles.disabled]: disabled,
@@ -216,7 +205,7 @@ const Slider = _ref => {
             onMouseDown: handleMouseDown
           }), showTag && jsx("div", {
             style: {
-              left: "".concat(percent, "%")
+              left: `${percent}%`
             },
             className: classNames(styles.tag, {
               [styles.disabled]: disabled
@@ -226,25 +215,23 @@ const Slider = _ref => {
           })]
         }, index)
       );
-    }), markValues.map((_ref8, index) => {
-      let {
-        value: markValue,
-        label
-      } = _ref8;
+    }), markValues.map(({
+      value: markValue,
+      label
+    }, index) => {
       const percent = toPercent(markValue, min, max);
       return jsx("div", {
         style: {
-          left: "".concat(percent, "%")
+          left: `${percent}%`
         },
         className: classNames(styles.markValue, {
           [styles.disabled]: disabled
         }),
         children: label !== null && label !== void 0 ? label : markValue
       }, index);
-    }), tickMarks.map((_ref9, index) => {
-      let {
-        value: tickValue
-      } = _ref9;
+    }), tickMarks.map(({
+      value: tickValue
+    }, index) => {
       const percent = toPercent(tickValue, min, max);
       const isActive = isRange ? tickValue >= validValues[0] && tickValue <= validValues[validValues.length - 1] : tickValue <= validValues[0];
       return jsx("div", {
@@ -253,7 +240,7 @@ const Slider = _ref => {
           [styles.disabled]: disabled
         }),
         style: {
-          left: "".concat(percent, "%")
+          left: `${percent}%`
         }
       }, index);
     })]

package/components/slider/slider.utils.js

@@ -1,5 +1,3 @@
-import 'core-js/modules/es.array.reverse.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import { isArray } from '../global/typescript-utils.js';
 
 const HUNDRED = 100;
@@ -13,7 +11,6 @@ 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;
   }
@@ -22,7 +19,7 @@ function calculateValue(ref, x, min, max, step) {
     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;
+  const precision = step.toString().split('.')?.[1]?.length;
   return Number(roundToStep(value, step, min).toFixed(precision));
 }
 function validateValue(value, min, max) {

package/components/storage/storage-local.js

@@ -1,5 +1,3 @@
-import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import alertService from '../alert-service/alert-service.js';
 import 'react/jsx-runtime';
 import 'react-dom/client';
@@ -15,8 +13,6 @@ 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 '../global/memoize.js';
 import '../loader-inline/loader-inline.js';
 import '../global/data-tests.js';
@@ -40,7 +36,6 @@ 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 '../popup/position-css.js';
 import '../alert/container.js';
@@ -61,9 +56,8 @@ class LocalStorage {
       throw e;
     }
   }
-  constructor() {
-    let config = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    _defineProperty(this, "storageType", void 0);
+  storageType;
+  constructor(config = {}) {
     this.storageType = config.type === 'session' ? 'sessionStorage' : 'localStorage';
   }
   /**

package/components/storage/storage.js

@@ -1,6 +1,4 @@
 import LocalStorage from './storage-local.js';
-import '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import '../alert-service/alert-service.js';
 import 'react/jsx-runtime';
 import 'react-dom/client';
@@ -16,8 +14,6 @@ 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 '../global/memoize.js';
 import '../loader-inline/loader-inline.js';
 import '../global/data-tests.js';
@@ -41,7 +37,6 @@ 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 '../popup/position-css.js';
 import '../alert/container.js';