@jetbrains/ring-ui-built 7.0.66 → 7.0.71

package/components/global/data-tests.js

@@ -1,15 +1,7 @@
-import 'core-js/modules/web.dom-collections.iterator.js';
-
 function expandMap(attrsMap) {
-  return Object.entries(attrsMap).reduce((result, _ref) => {
-    let [key, value] = _ref;
-    return value ? [...result, key] : result;
-  }, []);
+  return Object.entries(attrsMap).reduce((result, [key, value]) => value ? [...result, key] : result, []);
 }
-function joinDataTestAttributes() {
-  for (var _len = arguments.length, attrs = new Array(_len), _key = 0; _key < _len; _key++) {
-    attrs[_key] = arguments[_key];
-  }
+function joinDataTestAttributes(...attrs) {
   return attrs.reduce((result, attr) => {
     if (!attr) {
       return result;

package/components/global/dom.js

@@ -1,7 +1,3 @@
-import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.regexp.exec.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
-
 /**
  * @name DOM
  */
@@ -65,33 +61,24 @@ function getDocumentScrollTop() {
 function getDocumentScrollLeft() {
   return document.documentElement && document.documentElement.scrollLeft || document.body.scrollLeft;
 }
-const applyMethodToClasses = method => function (classList) {
-  let classes = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+const applyMethodToClasses = method => (classList, classes = '') => {
   classes.split(/\s+/g).filter(className => !!className).forEach(className => classList[method](className));
 };
 const addClasses = applyMethodToClasses('add');
 const removeClasses = applyMethodToClasses('remove');
-const toggleClasses = (classList, classes) => Object.entries(classes).forEach(_ref => {
-  let [className, on] = _ref;
-  return classList.toggle(className, on);
-});
-function setRootStyleProperties() {
-  let properties = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+const toggleClasses = (classList, classes) => Object.entries(classes).forEach(([className, on]) => classList.toggle(className, on));
+function setRootStyleProperties(properties = {}) {
   const rootStyle = document.documentElement.style;
-  Object.entries(properties).forEach(_ref2 => {
-    let [key, value] = _ref2;
+  Object.entries(properties).forEach(([key, value]) => {
     rootStyle.setProperty(key, value);
   });
 }
-function resetRootStyleProperties() {
-  let properties = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+function resetRootStyleProperties(properties = {}) {
   const rootStyle = document.documentElement.style;
   Object.keys(properties).forEach(key => rootStyle.removeProperty(key));
 }
 class Listeners {
-  constructor() {
-    _defineProperty(this, "_all", new Set());
-  }
+  _all = new Set();
   add(el, event, handler, options) {
     el.addEventListener(event, handler, options);
     const dispatchFn = () => el.removeEventListener(event, handler, options);

package/components/global/focus-sensor-hoc.js

@@ -1,79 +1,13 @@
-import { b as _objectSpread2, _ as _defineProperty, a as _objectWithoutProperties } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import { jsx } from 'react/jsx-runtime';
 import { Component } from 'react';
 import { createComposedRef } from './compose-refs.js';
 import 'memoize-one';
 
-const _excluded = ["autofocus", "focused", "onFocus", "onBlur", "innerRef", "scrollOnTableFocus"];
 function focusSensorHOC(ComposedComponent) {
   class FocusSensor extends Component {
-    constructor() {
-      super(...arguments);
-      _defineProperty(this, "state", {
-        focused: this.props.focused
-      });
-      _defineProperty(this, "node", void 0);
-      _defineProperty(this, "_skipNextCapture", false);
-      _defineProperty(this, "onRefUpdate", node => {
-        if (node) {
-          this.node = node;
-        }
-      });
-      _defineProperty(this, "composedRef", createComposedRef());
-      _defineProperty(this, "onFocusCapture", _ref => {
-        var _this$node;
-        let {
-          target
-        } = _ref;
-        if (this._skipNextCapture) {
-          this._skipNextCapture = false;
-          return;
-        }
-        const focused = target instanceof Node && ((_this$node = this.node) === null || _this$node === void 0 ? void 0 : _this$node.contains(target));
-        if (focused && !this.state.focused) {
-          var _this$props$onFocus, _this$props;
-          this.setState({
-            focused: true
-          });
-          (_this$props$onFocus = (_this$props = this.props).onFocus) === null || _this$props$onFocus === void 0 || _this$props$onFocus.call(_this$props);
-        }
-      });
-      _defineProperty(this, "onBlurCapture", _ref2 => {
-        let {
-          target
-        } = _ref2;
-        const {
-          state: {
-            focused
-          },
-          node
-        } = this;
-        if (focused) {
-          setTimeout(() => {
-            const blurred = target instanceof Node && (node === null || node === void 0 ? void 0 : node.contains(target)) && !node.contains(document.activeElement);
-            if (blurred) {
-              var _this$props$onBlur, _this$props2;
-              this.setState({
-                focused: false
-              });
-              (_this$props$onBlur = (_this$props2 = this.props).onBlur) === null || _this$props$onBlur === void 0 || _this$props$onBlur.call(_this$props2);
-            }
-          }, 1);
-        }
-      });
-      _defineProperty(this, "onFocusRestore", () => {
-        var _this$node2;
-        this._skipNextCapture = true;
-        (_this$node2 = this.node) === null || _this$node2 === void 0 || _this$node2.focus({
-          preventScroll: !this.props.scrollOnTableFocus
-        });
-      });
-      _defineProperty(this, "onFocusReset", () => {
-        var _this$node3;
-        (_this$node3 = this.node) === null || _this$node3 === void 0 || _this$node3.blur();
-      });
-    }
+    state = {
+      focused: this.props.focused
+    };
     componentDidMount() {
       const {
         props: {
@@ -82,24 +16,23 @@ function focusSensorHOC(ComposedComponent) {
         },
         node
       } = this;
-      node === null || node === void 0 || node.setAttribute('tabindex', '0');
+      node?.setAttribute('tabindex', '0');
       if (node) {
         node.style.outline = 'none';
       }
       document.addEventListener('focus', this.onFocusCapture, true);
       document.addEventListener('blur', this.onBlurCapture, true);
       if (autofocus) {
-        node === null || node === void 0 || node.focus({
+        node?.focus({
           preventScroll: !scrollOnTableFocus
         });
       }
     }
     componentDidUpdate(prevProps) {
-      var _this$node4;
       const {
         focused
       } = this.props;
-      const isInFocus = (_this$node4 = this.node) === null || _this$node4 === void 0 ? void 0 : _this$node4.contains(document.activeElement);
+      const isInFocus = this.node?.contains(document.activeElement);
       if (focused && (!isInFocus || !prevProps.focused)) {
         this.onFocusRestore();
       } else if (!focused && prevProps.focused) {
@@ -110,32 +43,86 @@ function focusSensorHOC(ComposedComponent) {
       document.removeEventListener('focus', this.onFocusCapture, true);
       document.removeEventListener('blur', this.onBlurCapture, true);
     }
+    node;
+    _skipNextCapture = false;
+    onRefUpdate = node => {
+      if (node) {
+        this.node = node;
+      }
+    };
+    composedRef = createComposedRef();
+    onFocusCapture = ({
+      target
+    }) => {
+      if (this._skipNextCapture) {
+        this._skipNextCapture = false;
+        return;
+      }
+      const focused = target instanceof Node && this.node?.contains(target);
+      if (focused && !this.state.focused) {
+        this.setState({
+          focused: true
+        });
+        this.props.onFocus?.();
+      }
+    };
+    onBlurCapture = ({
+      target
+    }) => {
+      const {
+        state: {
+          focused
+        },
+        node
+      } = this;
+      if (focused) {
+        setTimeout(() => {
+          const blurred = target instanceof Node && node?.contains(target) && !node.contains(document.activeElement);
+          if (blurred) {
+            this.setState({
+              focused: false
+            });
+            this.props.onBlur?.();
+          }
+        }, 1);
+      }
+    };
+    onFocusRestore = () => {
+      this._skipNextCapture = true;
+      this.node?.focus({
+        preventScroll: !this.props.scrollOnTableFocus
+      });
+    };
+    onFocusReset = () => {
+      this.node?.blur();
+    };
     render() {
-      const _this$props3 = this.props,
-        {
-          autofocus,
-          focused,
-          onFocus,
-          onBlur,
-          innerRef,
-          scrollOnTableFocus
-        } = _this$props3,
-        rest = _objectWithoutProperties(_this$props3, _excluded);
-      return jsx(ComposedComponent, _objectSpread2(_objectSpread2({}, rest), {}, {
+      const {
+        autofocus,
+        focused,
+        onFocus,
+        onBlur,
+        innerRef,
+        scrollOnTableFocus,
+        ...rest
+      } = this.props;
+      return jsx(ComposedComponent, {
+        ...rest,
         innerRef: this.composedRef(innerRef, this.onRefUpdate),
         focused: this.state.focused,
         onFocusReset: this.onFocusReset,
         onFocusRestore: this.onFocusRestore
-      }));
+      });
     }
   }
-  FocusSensor.defaultProps = _objectSpread2(_objectSpread2({}, ComposedComponent.defaultProps), {}, {
+  FocusSensor.defaultProps = {
+    ...ComposedComponent.defaultProps,
     focused: false,
     autofocus: false,
     scrollOnTableFocus: true,
     onFocus: () => {},
     onBlur: () => {}
-  });
+  };
   return FocusSensor;
 }
 

package/components/global/fuzzy-highlight.js

@@ -1,13 +1,8 @@
-import 'core-js/modules/es.regexp.exec.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
-
 /** https://github.com/bevacqua/fuzzysearch + highlighting with Markdown */
-function fuzzyHighlight(needle, haystack) {
-  let caseSensitive = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+function fuzzyHighlight(needle, haystack, caseSensitive = false) {
   const ndl = caseSensitive ? needle : needle.toLowerCase();
   const hstck = caseSensitive ? haystack : haystack.toLowerCase();
-  const result = function (matched) {
-    let matches = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+  const result = (matched, matches = []) => {
     let highlight = haystack;
     if (matches.length > 0) {
       highlight = '';
@@ -15,7 +10,7 @@ function fuzzyHighlight(needle, haystack) {
         to: 0
       };
       for (const match of matches) {
-        highlight += "".concat(haystack.slice(prevMatch.to, match.from), "**").concat(haystack.slice(match.from, match.to), "**");
+        highlight += `${haystack.slice(prevMatch.to, match.from)}**${haystack.slice(match.from, match.to)}**`;
         prevMatch = match;
       }
       highlight += haystack.slice(prevMatch.to);

package/components/global/get-uid.js

@@ -12,7 +12,7 @@ function getUID(name) {
     idCounters[name] = 0;
   }
   const id = String(idCounters[name]++);
-  return "".concat(name).concat(id, "-").concat(salt);
+  return `${name}${id}-${salt}`;
 }
 
 export { getUID as default };

package/components/global/inject-styles.js

@@ -1,5 +1,3 @@
-import 'core-js/modules/web.dom-collections.iterator.js';
-
 const injectStyleSheet = styles => {
   const styleTag = document.createElement('style');
   styleTag.setAttribute('type', 'text/css');
@@ -7,9 +5,10 @@ const injectStyleSheet = styles => {
   document.head.appendChild(styleTag);
   return styleTag;
 };
-const injectRuleSet = (selector, declarations) => injectStyleSheet("\n".concat(selector, " {\n  ").concat(Object.entries(declarations).map(_ref => {
-  let [property, value] = _ref;
-  return "".concat(property, ": ").concat(value, ";");
-}).join("\n  "), "\n}"));
+const injectRuleSet = (selector, declarations) => injectStyleSheet(`
+${selector} {
+  ${Object.entries(declarations).map(([property, value]) => `${property}: ${value};`).join(`
+  `)}
+}`);
 
 export { injectRuleSet, injectStyleSheet };

package/components/global/listeners.js

@@ -1,15 +1,6 @@
-import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
-
 class Listeners {
-  constructor() {
-    _defineProperty(this, "_all", new Map());
-  }
-  trigger() {
-    for (var _len = arguments.length, _ref = new Array(_len), _key = 0; _key < _len; _key++) {
-      _ref[_key] = arguments[_key];
-    }
-    let [event, data] = _ref;
+  _all = new Map();
+  trigger(...[event, data]) {
     const handlers = this._all.get(event);
     if (handlers) {
       return Promise.all([...handlers].map(fn => fn(data)));

package/components/global/memoize.js

@@ -1,5 +1,3 @@
-import 'core-js/modules/web.dom-collections.iterator.js';
-
 function memoize(fn) {
   const primitiveCache = new Map();
   const objectCache = new WeakMap();

package/components/global/normalize-indent.js

@@ -1,7 +1,3 @@
-import 'core-js/modules/es.array.reverse.js';
-import 'core-js/modules/es.regexp.exec.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
-
 function normalizeIndent(string) {
   const nonemptyRE = /\S/;
   const indentRE = /^\s*/;
@@ -23,8 +19,8 @@ function normalizeIndent(string) {
     }
   }
   const indents = lines.filter(line => nonemptyRE.test(line)).map(line => {
-    var _line$match$0$length, _line$match;
-    return (_line$match$0$length = (_line$match = line.match(indentRE)) === null || _line$match === void 0 ? void 0 : _line$match[0].length) !== null && _line$match$0$length !== void 0 ? _line$match$0$length : 0;
+    var _line$match$0$length;
+    return (_line$match$0$length = line.match(indentRE)?.[0].length) !== null && _line$match$0$length !== void 0 ? _line$match$0$length : 0;
   });
   const minIndent = Math.min(...indents);
   return lines.map(line => line.slice(minIndent)).join('\n');

package/components/global/promise-with-timeout.js

@@ -1,10 +1,9 @@
 // Useful for using fetch with timeout
 // https://github.com/github/fetch/issues/175#issuecomment-284787564
-function promiseWithTimeout(promise, timeout, _ref) {
-  let {
-    error,
-    onTimeout = () => {}
-  } = _ref;
+function promiseWithTimeout(promise, timeout, {
+  error,
+  onTimeout = () => {}
+}) {
   return new Promise((resolve, reject) => {
     setTimeout(() => {
       onTimeout();

package/components/global/react-dom-renderer.js

@@ -1,16 +1,7 @@
-import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import { jsx } from 'react/jsx-runtime';
 import { Component } from 'react';
 
 class Renderer extends Component {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "node", void 0);
-    _defineProperty(this, "nodeRef", node => {
-      this.node = node;
-    });
-  }
   componentDidMount() {
     const {
       node
@@ -23,6 +14,10 @@ class Renderer extends Component {
     }
     Array.from(this.props.nodes).forEach(nodeToRender => node.appendChild(nodeToRender));
   }
+  node;
+  nodeRef = node => {
+    this.node = node;
+  };
   render() {
     const {
       className

package/components/global/rerender-hoc.js

@@ -1,5 +1,3 @@
-import { _ as _defineProperty, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef, Component } from 'react';
 import { createComposedRef } from './compose-refs.js';
@@ -7,18 +5,17 @@ import 'memoize-one';
 
 function rerenderHOC(ComposedComponent) {
   class Rerenderer extends Component {
-    constructor() {
-      super(...arguments);
-      _defineProperty(this, "state", this.props.props);
-      _defineProperty(this, "composedRef", createComposedRef());
-    }
+    state = this.props.props;
+    composedRef = createComposedRef();
     render() {
       const ref = this.composedRef(this.props.forwardedRef);
-      return jsx(ComposedComponent, _objectSpread2(_objectSpread2({}, this.state), {}, {
-        ref: instance => ref(instance ? _objectSpread2(_objectSpread2({}, instance), {}, {
+      return jsx(ComposedComponent, {
+        ...this.state,
+        ref: instance => ref(instance ? {
+          ...instance,
           rerender: this.setState.bind(this)
-        }) : null)
-      }));
+        } : null)
+      });
     }
   }
   return /*#__PURE__*/forwardRef(function RerendererForwardRef(props, ref) {

package/components/global/schedule-raf.js

@@ -4,8 +4,7 @@ function scheduleRAF(trailingCall) {
   let trailingCallScheduled = false;
   function doSchedule() {
     RAF = window.requestAnimationFrame(() => {
-      var _scheduledCb;
-      (_scheduledCb = scheduledCb) === null || _scheduledCb === void 0 || _scheduledCb();
+      scheduledCb?.();
       if (trailingCallScheduled) {
         trailingCallScheduled = false;
         doSchedule();

package/components/global/theme.js

@@ -1,5 +1,3 @@
-import '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'classnames';
@@ -8,8 +6,6 @@ import '../popup/popup.target.js';
 import '../popup/popup.js';
 export { G as GLOBAL_DARK_CLASS_NAME, b as ThemeContext, a as ThemeProvider, W as WithThemeClasses, e as applyTheme, T as default, u as useTheme, c as useThemeClasses } from '../_helpers/theme.js';
 import './get-uid.js';
-import 'core-js/modules/es.regexp.exec.js';
-import 'core-js/modules/es.string.replace.js';
 import './schedule-raf.js';
 import './dom.js';
 import '../shortcuts/shortcuts.js';
@@ -21,6 +17,5 @@ import './data-tests.js';
 import '../tab-trap/tab-trap.js';
 import './configuration.js';
 import '../popup/position.js';
-import 'core-js/modules/es.array.sort.js';
 import '../popup/popup.consts.js';
 import '../popup/position-css.js';

package/components/global/trivial-template-tag.js

@@ -1,13 +1,8 @@
-import 'core-js/modules/web.dom-collections.iterator.js';
-
 const TWO = 2;
 function trivialTemplateTag(f) {
-  return function (strings) {
+  return (strings, ...interpolations) => {
     const chunks = [...strings];
     // insert the interpolations where they belong to
-    for (var _len = arguments.length, interpolations = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-      interpolations[_key - 1] = arguments[_key];
-    }
     interpolations.forEach((value, i) => chunks.splice(TWO * i + 1, 0, value));
     return f(chunks.join(''));
   };

package/components/global/url.js

@@ -1,6 +1,3 @@
-import 'core-js/modules/es.regexp.exec.js';
-import 'core-js/modules/es.string.replace.js';
-
 /**
  * @description Provides a set of utilities for URL manipulation.
  */
@@ -30,7 +27,7 @@ function getBaseURI() {
  */
 function getAbsoluteBaseURL() {
   const baseUrl = getBaseURI();
-  const host = "".concat(window.location.protocol, "//").concat(window.location.host);
+  const host = `${window.location.protocol}//${window.location.host}`;
   let uri;
   if (baseUrl) {
     uri = ABSOLUTE_URL_PATTERN.test(baseUrl) ? baseUrl : host + baseUrl;
@@ -66,8 +63,7 @@ function getAbsoluteURL() {
  * @param {Function} baseURIGetter a function that returns base URI
  * @return {string} fixed URL
  */
-function fixUrl(url) {
-  let baseURIGetter = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : getBaseURI;
+function fixUrl(url, baseURIGetter = getBaseURI) {
   if (url.indexOf('http://') === -1 && url.indexOf('https://') === -1 && url.indexOf('/') !== 0) {
     const baseUrl = baseURIGetter();
     if (baseUrl) {

package/components/global/use-event-callback.js

@@ -1,4 +1,3 @@
-import 'core-js/modules/web.dom-collections.iterator.js';
 import { useRef, useLayoutEffect, useCallback } from 'react';
 
 function useEventCallback(fn) {
@@ -6,14 +5,14 @@ function useEventCallback(fn) {
   useLayoutEffect(() => {
     ref.current = fn;
   });
-  return useCallback(function () {
+  return useCallback((...args) => {
     const {
       current
     } = ref;
     if (current === null || current === undefined) {
       throw new Error('callback created in useEventCallback can only be called from event handlers');
     }
-    return current(...arguments);
+    return current(...args);
   }, []);
 }
 

package/components/grid/col.js

@@ -1,12 +1,8 @@
-import { a as _objectWithoutProperties } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.array.reverse.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import { jsx } from 'react/jsx-runtime';
 import { Component } from 'react';
 import classNames from 'classnames';
 import { s as styles } from '../_helpers/grid.js';
 
-const _excluded = ["children", "className", "reverse"];
 const classMap = {
   xs: 'col-xs',
   sm: 'col-sm',
@@ -23,23 +19,16 @@ const classMap = {
  * @mockReturnValue {Array} result classnames
  */
 function getClassNames(props) {
-  return Object.entries(props).filter(_ref => {
-    let [key] = _ref;
-    return classMap[key];
-  }).map(_ref2 => {
-    let [key, value] = _ref2;
-    return styles[Number.isInteger(value) ? "".concat(classMap[key], "-").concat(value) : classMap[key]];
-  });
+  return Object.entries(props).filter(([key]) => classMap[key]).map(([key, value]) => styles[Number.isInteger(value) ? `${classMap[key]}-${value}` : classMap[key]]);
 }
 class Col extends Component {
   render() {
-    const _this$props = this.props,
-      {
-        children,
-        className,
-        reverse
-      } = _this$props,
-      restProps = _objectWithoutProperties(_this$props, _excluded);
+    const {
+      children,
+      className,
+      reverse,
+      ...restProps
+    } = this.props;
     const classes = classNames(styles.col, className, getClassNames(restProps), {
       [styles.reverse]: reverse
     });

package/components/grid/grid.js

@@ -1,32 +1,27 @@
-import { a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
 import { jsx } from 'react/jsx-runtime';
 import { Component } from 'react';
 import classNames from 'classnames';
 import { s as styles } from '../_helpers/grid.js';
 export { default as Row } from './row.js';
 export { default as Col } from './col.js';
-import 'core-js/modules/es.array.reverse.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 
-const _excluded = ["children", "className"];
 /**
  * @name Grid
  */
 class Grid extends Component {
   render() {
-    const _this$props = this.props,
-      {
-        children,
-        className
-      } = _this$props,
-      restProps = _objectWithoutProperties(_this$props, _excluded);
+    const {
+      children,
+      className,
+      ...restProps
+    } = this.props;
     const classes = classNames(styles['container-fluid'], className);
-    return jsx("div", _objectSpread2(_objectSpread2({
-      "data-test": 'ring-grid'
-    }, restProps), {}, {
+    return jsx("div", {
+      "data-test": 'ring-grid',
+      ...restProps,
       className: classes,
       children: children
-    }));
+    });
   }
 }