@jetbrains/ring-ui-built 6.0.30 → 6.0.32

package/components/global/compose.js

@@ -1,17 +1,8 @@
-import 'core-js/modules/es.array.reduce.js';
-import 'core-js/modules/es.object.to-string.js';
-
 function compose() {
   for (var _len = arguments.length, funcs = new Array(_len), _key = 0; _key < _len; _key++) {
     funcs[_key] = arguments[_key];
   }
-  return funcs.reduce(function (acc, func) {
-    return function (arg) {
-      return acc(func(arg));
-    };
-  }, function (arg) {
-    return arg;
-  });
+  return funcs.reduce((acc, func) => arg => acc(func(arg)), arg => arg);
 }
 
 export { compose as default };

package/components/global/composeRefs.js

@@ -1,19 +1,14 @@
-import 'core-js/modules/es.object.to-string.js';
-import 'core-js/modules/web.dom-collections.for-each.js';
-
 var composeRefs = (function () {
   for (var _len = arguments.length, refs = new Array(_len), _key = 0; _key < _len; _key++) {
     refs[_key] = arguments[_key];
   }
-  return function (value) {
-    return refs.forEach(function (ref) {
-      if (typeof ref === 'function') {
-        ref(value);
-      } else if (ref != null) {
-        ref.current = value;
-      }
-    });
-  };
+  return value => refs.forEach(ref => {
+    if (typeof ref === 'function') {
+      ref(value);
+    } else if (ref != null) {
+      ref.current = value;
+    }
+  });
 });
 
 export { composeRefs as default };

package/components/global/controls-height.js

@@ -6,8 +6,8 @@ var ControlsHeight;
   ControlsHeight["M"] = "M";
   ControlsHeight["L"] = "L";
 })(ControlsHeight || (ControlsHeight = {}));
-var ControlsHeightContext = /*#__PURE__*/createContext(ControlsHeight.M);
-var globalControlsHeight = ControlsHeight.M;
+const ControlsHeightContext = /*#__PURE__*/createContext(ControlsHeight.M);
+let globalControlsHeight = ControlsHeight.M;
 // This can be used if React Context is not applicable, for example for alertService or Auth dialog
 function configureGlobalControlsHeight(value) {
   globalControlsHeight = value;

package/components/global/create-stateful-context.js

@@ -1,17 +1,15 @@
-import { j as _slicedToArray } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React, { memo, createContext, useState, useContext, useEffect } from 'react';
 import PropTypes from 'prop-types';
 
 function createStatefulContext(initialValue) {
-  var name = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
-  var ValueContext = /*#__PURE__*/createContext(initialValue);
-  var UpdateContext = /*#__PURE__*/createContext(function () {});
+  let name = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+  const ValueContext = /*#__PURE__*/createContext(initialValue);
+  const UpdateContext = /*#__PURE__*/createContext(() => {});
   function Provider(_ref) {
-    var children = _ref.children;
-    var _useState = useState(initialValue),
-      _useState2 = _slicedToArray(_useState, 2),
-      value = _useState2[0],
-      update = _useState2[1];
+    let {
+      children
+    } = _ref;
+    const [value, update] = useState(initialValue);
     return /*#__PURE__*/React.createElement(ValueContext.Provider, {
       value: value
     }, /*#__PURE__*/React.createElement(UpdateContext.Provider, {
@@ -21,22 +19,24 @@ function createStatefulContext(initialValue) {
   Provider.propTypes = {
     children: PropTypes.node
   };
-  Provider.displayName = "".concat(name, "Provider");
+  Provider.displayName = `${name}Provider`;
   function useUpdate(value, skipUpdate) {
-    var update = useContext(UpdateContext);
-    useEffect(function () {
+    const update = useContext(UpdateContext);
+    useEffect(() => {
       if (!skipUpdate) {
         update(value);
       }
     }, [update, value, skipUpdate]);
   }
   function Updater(_ref2) {
-    var value = _ref2.value,
-      skipUpdate = _ref2.skipUpdate;
+    let {
+      value,
+      skipUpdate
+    } = _ref2;
     useUpdate(value, skipUpdate);
     return null;
   }
-  Updater.displayName = "".concat(name, "Updater");
+  Updater.displayName = `${name}Updater`;
   return {
     ValueContext,
     UpdateContext,

package/components/global/data-tests.js

@@ -1,29 +1,21 @@
-import { k as _toConsumableArray, j as _slicedToArray } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.array.concat.js';
-import 'core-js/modules/es.array.reduce.js';
-import 'core-js/modules/es.object.entries.js';
-import 'core-js/modules/es.object.to-string.js';
-
 function expandMap(attrsMap) {
-  return Object.entries(attrsMap).reduce(function (result, _ref) {
-    var _ref2 = _slicedToArray(_ref, 2),
-      key = _ref2[0],
-      value = _ref2[1];
-    return value ? [].concat(_toConsumableArray(result), [key]) : result;
+  return Object.entries(attrsMap).reduce((result, _ref) => {
+    let [key, value] = _ref;
+    return value ? [...result, key] : result;
   }, []);
 }
 function joinDataTestAttributes() {
   for (var _len = arguments.length, attrs = new Array(_len), _key = 0; _key < _len; _key++) {
     attrs[_key] = arguments[_key];
   }
-  return attrs.reduce(function (result, attr) {
+  return attrs.reduce((result, attr) => {
     if (!attr) {
       return result;
     }
     if (typeof attr === 'object') {
-      return [].concat(_toConsumableArray(result), _toConsumableArray(expandMap(attr)));
+      return [...result, ...expandMap(attr)];
     }
-    return [].concat(_toConsumableArray(result), [attr]);
+    return [...result, attr];
   }, []).join(' ');
 }
 

package/components/global/dom.js

@@ -1,26 +1,14 @@
-import { j as _slicedToArray, b as _createClass, f as _classCallCheck, _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.array.filter.js';
-import 'core-js/modules/es.array.iterator.js';
-import 'core-js/modules/es.object.assign.js';
-import 'core-js/modules/es.object.entries.js';
-import 'core-js/modules/es.object.to-string.js';
-import 'core-js/modules/es.regexp.exec.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 'core-js/modules/web.dom-collections.iterator.js';
-
 /**
  * @name DOM
  */
-var getStyles = window.getComputedStyle.bind(window);
+const getStyles = window.getComputedStyle.bind(window);
 function isMounted(node) {
   if (node === document) {
     return true;
   }
   return node instanceof Node && document.documentElement.contains(node.parentNode);
 }
-var rectStub = {
+const rectStub = {
   top: 0,
   right: 0,
   bottom: 0,
@@ -30,13 +18,14 @@ var rectStub = {
 };
 function getRect(node) {
   if (node instanceof Range || node != null && isMounted(node)) {
-    var _node$getBoundingClie = node.getBoundingClientRect(),
-      top = _node$getBoundingClie.top,
-      right = _node$getBoundingClie.right,
-      bottom = _node$getBoundingClie.bottom,
-      left = _node$getBoundingClie.left,
-      width = _node$getBoundingClie.width,
-      height = _node$getBoundingClie.height;
+    const {
+      top,
+      right,
+      bottom,
+      left,
+      width,
+      height
+    } = node.getBoundingClientRect();
     return {
       top,
       right,
@@ -59,11 +48,12 @@ function getWindowWidth() {
   return window.innerWidth;
 }
 function isNodeInVisiblePartOfPage(node) {
-  var _getRect = getRect(node),
-    top = _getRect.top,
-    bottom = _getRect.bottom,
-    left = _getRect.left,
-    right = _getRect.right;
+  const {
+    top,
+    bottom,
+    left,
+    right
+  } = getRect(node);
   return !(bottom < 0 || right < 0 || getWindowHeight() - top < 0 || getWindowWidth() - left < 0);
 }
 function getDocumentScrollTop() {
@@ -72,74 +62,45 @@ function getDocumentScrollTop() {
 function getDocumentScrollLeft() {
   return document.documentElement && document.documentElement.scrollLeft || document.body.scrollLeft;
 }
-var applyMethodToClasses = function applyMethodToClasses(method) {
-  return function (classList) {
-    var classes = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
-    classes.split(/\s+/g).filter(function (className) {
-      return !!className;
-    }).forEach(function (className) {
-      return classList[method](className);
-    });
-  };
-};
-var addClasses = applyMethodToClasses('add');
-var removeClasses = applyMethodToClasses('remove');
-var toggleClasses = function toggleClasses(classList, classes) {
-  return Object.entries(classes).forEach(function (_ref) {
-    var _ref2 = _slicedToArray(_ref, 2),
-      className = _ref2[0],
-      on = _ref2[1];
-    return classList.toggle(className, on);
-  });
+const applyMethodToClasses = method => function (classList) {
+  let classes = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+  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() {
-  var properties = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  var rootStyle = document.documentElement.style;
-  Object.entries(properties).forEach(function (_ref3) {
-    var _ref4 = _slicedToArray(_ref3, 2),
-      key = _ref4[0],
-      value = _ref4[1];
+  let properties = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  const rootStyle = document.documentElement.style;
+  Object.entries(properties).forEach(_ref2 => {
+    let [key, value] = _ref2;
     rootStyle.setProperty(key, value);
   });
 }
 function resetRootStyleProperties() {
-  var properties = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  var rootStyle = document.documentElement.style;
-  Object.keys(properties).forEach(function (key) {
-    return rootStyle.removeProperty(key);
-  });
+  let properties = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  const rootStyle = document.documentElement.style;
+  Object.keys(properties).forEach(key => rootStyle.removeProperty(key));
 }
-var Listeners = /*#__PURE__*/function () {
-  function Listeners() {
-    _classCallCheck(this, Listeners);
-    _defineProperty(this, "_all", new Set());
+class Listeners {
+  _all = new Set();
+  add(el, event, handler, options) {
+    el.addEventListener(event, handler, options);
+    const dispatchFn = () => el.removeEventListener(event, handler, options);
+    this._all.add(dispatchFn);
+    return dispatchFn;
   }
-  return _createClass(Listeners, [{
-    key: "add",
-    value: function add(el, event, handler, options) {
-      el.addEventListener(event, handler, options);
-      var dispatchFn = function dispatchFn() {
-        return el.removeEventListener(event, handler, options);
-      };
-      this._all.add(dispatchFn);
-      return dispatchFn;
-    }
-  }, {
-    key: "remove",
-    value: function remove(fn) {
-      fn();
-      this._all.delete(fn);
-    }
-  }, {
-    key: "removeAll",
-    value: function removeAll() {
-      var _this = this;
-      this._all.forEach(function (fn) {
-        return _this.remove(fn);
-      });
-    }
-  }]);
-}();
+  remove(fn) {
+    fn();
+    this._all.delete(fn);
+  }
+  removeAll() {
+    this._all.forEach(fn => this.remove(fn));
+  }
+}
 // Synthetic events from Combokeys#trigger are plain objects
 function preventDefault(e) {
   if (e.preventDefault) {

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

@@ -1,162 +1,152 @@
-import { d as _objectSpread2, c as _objectWithoutProperties, a as _inherits, b as _createClass, e as _extends, f as _classCallCheck, g as _callSuper, _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.array.concat.js';
+import { _ as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import { refObject } from './prop-types.js';
 import composeRefs from './composeRefs.js';
-import 'core-js/modules/es.object.to-string.js';
-import 'core-js/modules/web.dom-collections.for-each.js';
 
-var _excluded = ["innerRef", "focused", "onFocusReset", "onFocusRestore"],
-  _excluded2 = ["autofocus", "focused", "onFocus", "onBlur", "innerRef", "scrollOnTableFocus"];
 function extractPropTypes(_ref) {
-  var propTypes = _ref.propTypes;
+  let {
+    propTypes
+  } = _ref;
   if (propTypes == null) {
     return propTypes;
   }
-  propTypes.innerRef;
-    propTypes.focused;
-    propTypes.onFocusReset;
-    propTypes.onFocusRestore;
-    var restPropTypes = _objectWithoutProperties(propTypes, _excluded);
+  const {
+    innerRef,
+    focused,
+    onFocusReset,
+    onFocusRestore,
+    ...restPropTypes
+  } = propTypes;
   return restPropTypes;
 }
 function focusSensorHOC(ComposedComponent) {
-  var FocusSensor = /*#__PURE__*/function (_Component) {
-    function FocusSensor() {
-      var _this;
-      _classCallCheck(this, FocusSensor);
-      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-        args[_key] = arguments[_key];
+  class FocusSensor extends Component {
+    state = {
+      focused: this.props.focused
+    };
+    componentDidMount() {
+      const {
+        props: {
+          autofocus,
+          scrollOnTableFocus
+        },
+        node
+      } = this;
+      node?.setAttribute('tabindex', '0');
+      if (node != null) {
+        node.style.outline = 'none';
       }
-      _this = _callSuper(this, FocusSensor, [].concat(args));
-      _defineProperty(_this, "state", {
-        focused: _this.props.focused
-      });
-      _defineProperty(_this, "node", void 0);
-      _defineProperty(_this, "_skipNextCapture", false);
-      _defineProperty(_this, "onRefUpdate", function (node) {
-        if (node) {
-          _this.node = node;
-        }
-      });
-      _defineProperty(_this, "onFocusCapture", function (_ref2) {
-        var _this$node;
-        var target = _ref2.target;
-        if (_this._skipNextCapture) {
-          _this._skipNextCapture = false;
-          return;
-        }
-        var 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", function (_ref3) {
-        var target = _ref3.target;
-        var _this2 = _this,
-          focused = _this2.state.focused,
-          node = _this2.node;
-        if (focused) {
-          setTimeout(function () {
-            var 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", function () {
-        var _this$node2;
-        _this._skipNextCapture = true;
-        (_this$node2 = _this.node) === null || _this$node2 === void 0 || _this$node2.focus({
-          preventScroll: !_this.props.scrollOnTableFocus
+      document.addEventListener('focus', this.onFocusCapture, true);
+      document.addEventListener('blur', this.onBlurCapture, true);
+      if (autofocus) {
+        node?.focus({
+          preventScroll: !scrollOnTableFocus
         });
-      });
-      _defineProperty(_this, "onFocusReset", function () {
-        var _this$node3;
-        (_this$node3 = _this.node) === null || _this$node3 === void 0 || _this$node3.blur();
-      });
-      return _this;
+      }
     }
-    _inherits(FocusSensor, _Component);
-    return _createClass(FocusSensor, [{
-      key: "componentDidMount",
-      value: function componentDidMount() {
-        var _this$props3 = this.props,
-          autofocus = _this$props3.autofocus,
-          scrollOnTableFocus = _this$props3.scrollOnTableFocus,
-          node = this.node;
-        node === null || node === void 0 || node.setAttribute('tabindex', '0');
-        if (node != null) {
-          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({
-            preventScroll: !scrollOnTableFocus
-          });
-        }
+    componentDidUpdate(prevProps) {
+      const {
+        focused
+      } = this.props;
+      if (focused && !prevProps.focused) {
+        this.onFocusRestore();
+      } else if (!focused && prevProps.focused) {
+        this.onFocusReset();
       }
-    }, {
-      key: "componentDidUpdate",
-      value: function componentDidUpdate(prevProps) {
-        var focused = this.props.focused;
-        if (focused && !prevProps.focused) {
-          this.onFocusRestore();
-        } else if (!focused && prevProps.focused) {
-          this.onFocusReset();
-        }
+    }
+    componentWillUnmount() {
+      document.removeEventListener('focus', this.onFocusCapture, true);
+      document.removeEventListener('blur', this.onBlurCapture, true);
+    }
+    node;
+    _skipNextCapture = false;
+    onRefUpdate = node => {
+      if (node) {
+        this.node = node;
       }
-    }, {
-      key: "componentWillUnmount",
-      value: function componentWillUnmount() {
-        document.removeEventListener('focus', this.onFocusCapture, true);
-        document.removeEventListener('blur', this.onBlurCapture, true);
+    };
+    onFocusCapture = _ref2 => {
+      let {
+        target
+      } = _ref2;
+      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?.();
       }
-    }, {
-      key: "render",
-      value: function render() {
-        var _this$props4 = this.props;
-          _this$props4.autofocus;
-          _this$props4.focused;
-          _this$props4.onFocus;
-          _this$props4.onBlur;
-          var innerRef = _this$props4.innerRef;
-          _this$props4.scrollOnTableFocus;
-          var rest = _objectWithoutProperties(_this$props4, _excluded2);
-        return /*#__PURE__*/React.createElement(ComposedComponent, _extends({}, rest, {
-          innerRef: composeRefs(innerRef, this.onRefUpdate),
-          focused: this.state.focused,
-          onFocusReset: this.onFocusReset,
-          onFocusRestore: this.onFocusRestore
-        }));
+    };
+    onBlurCapture = _ref3 => {
+      let {
+        target
+      } = _ref3;
+      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);
       }
-    }]);
-  }(Component);
-  FocusSensor.propTypes = _objectSpread2(_objectSpread2({}, extractPropTypes(ComposedComponent)), {}, {
+    };
+    onFocusRestore = () => {
+      this._skipNextCapture = true;
+      this.node?.focus({
+        preventScroll: !this.props.scrollOnTableFocus
+      });
+    };
+    onFocusReset = () => {
+      this.node?.blur();
+    };
+    render() {
+      const {
+        autofocus,
+        focused,
+        onFocus,
+        onBlur,
+        innerRef,
+        scrollOnTableFocus,
+        ...rest
+      } = this.props;
+      return /*#__PURE__*/React.createElement(ComposedComponent, _extends({}, rest, {
+        innerRef: composeRefs(innerRef, this.onRefUpdate),
+        focused: this.state.focused,
+        onFocusReset: this.onFocusReset,
+        onFocusRestore: this.onFocusRestore
+      }));
+    }
+  }
+  FocusSensor.propTypes = {
+    ...extractPropTypes(ComposedComponent),
     focused: PropTypes.bool,
     autofocus: PropTypes.bool,
     onFocus: PropTypes.func,
     onBlur: PropTypes.func,
     innerRef: PropTypes.oneOfType([PropTypes.func, refObject(PropTypes.instanceOf(HTMLElement))])
-  });
-  FocusSensor.defaultProps = _objectSpread2(_objectSpread2({}, ComposedComponent.defaultProps), {}, {
+  };
+  FocusSensor.defaultProps = {
+    ...ComposedComponent.defaultProps,
     focused: false,
     autofocus: false,
     scrollOnTableFocus: true,
-    onFocus: function onFocus() {},
-    onBlur: function onBlur() {}
-  });
+    onFocus: () => {},
+    onBlur: () => {}
+  };
   return FocusSensor;
 }