@jetbrains/ring-ui 5.1.1 → 6.0.1-beta.0

package/dist/global/compose.js

@@ -1,8 +1,17 @@
+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((acc, func) => arg => acc(func(arg)), arg => arg);
+  return funcs.reduce(function (acc, func) {
+    return function (arg) {
+      return acc(func(arg));
+    };
+  }, function (arg) {
+    return arg;
+  });
 }
 
 export { compose as default };

package/dist/global/composeRefs.js

@@ -1,14 +1,19 @@
+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 value => refs.forEach(ref => {
-    if (typeof ref === 'function') {
-      ref(value);
-    } else if (ref != null) {
-      ref.current = value;
-    }
-  });
+  return function (value) {
+    return refs.forEach(function (ref) {
+      if (typeof ref === 'function') {
+        ref(value);
+      } else if (ref != null) {
+        ref.current = value;
+      }
+    });
+  };
 });
 
 export { composeRefs as default };

package/dist/global/controls-height.d.ts

@@ -5,3 +5,5 @@ export declare enum ControlsHeight {
     L = "L"
 }
 export declare const ControlsHeightContext: import("react").Context<ControlsHeight>;
+export declare function configureGlobalControlsHeight(value: ControlsHeight): void;
+export declare function getGlobalControlsHeight(): ControlsHeight;

package/dist/global/controls-height.js

@@ -6,6 +6,14 @@ var ControlsHeight;
   ControlsHeight["M"] = "M";
   ControlsHeight["L"] = "L";
 })(ControlsHeight || (ControlsHeight = {}));
-const ControlsHeightContext = /*#__PURE__*/createContext(ControlsHeight.M);
+var ControlsHeightContext = /*#__PURE__*/createContext(ControlsHeight.M);
+var 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;
+}
+function getGlobalControlsHeight() {
+  return globalControlsHeight;
+}
 
-export { ControlsHeight, ControlsHeightContext };
+export { ControlsHeight, ControlsHeightContext, configureGlobalControlsHeight, getGlobalControlsHeight };

package/dist/global/create-stateful-context.d.ts

@@ -12,7 +12,7 @@ export default function createStatefulContext<T>(initialValue: T, name?: string)
     ValueContext: React.Context<T>;
     UpdateContext: React.Context<Update<T>>;
     Provider: {
-        ({ children }: ProviderProps): JSX.Element;
+        ({ children }: ProviderProps): React.JSX.Element;
         propTypes: {
             children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         };

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

@@ -1,15 +1,17 @@
+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) {
-  let name = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
-  const ValueContext = /*#__PURE__*/createContext(initialValue);
-  const UpdateContext = /*#__PURE__*/createContext(() => {});
+  var name = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+  var ValueContext = /*#__PURE__*/createContext(initialValue);
+  var UpdateContext = /*#__PURE__*/createContext(function () {});
   function Provider(_ref) {
-    let {
-      children
-    } = _ref;
-    const [value, update] = useState(initialValue);
+    var children = _ref.children;
+    var _useState = useState(initialValue),
+      _useState2 = _slicedToArray(_useState, 2),
+      value = _useState2[0],
+      update = _useState2[1];
     return /*#__PURE__*/React.createElement(ValueContext.Provider, {
       value: value
     }, /*#__PURE__*/React.createElement(UpdateContext.Provider, {
@@ -19,29 +21,27 @@ function createStatefulContext(initialValue) {
   Provider.propTypes = {
     children: PropTypes.node
   };
-  Provider.displayName = `${name}Provider`;
+  Provider.displayName = "".concat(name, "Provider");
   function useUpdate(value, skipUpdate) {
-    const update = useContext(UpdateContext);
-    useEffect(() => {
+    var update = useContext(UpdateContext);
+    useEffect(function () {
       if (!skipUpdate) {
         update(value);
       }
     }, [update, value, skipUpdate]);
   }
   function Updater(_ref2) {
-    let {
-      value,
-      skipUpdate
-    } = _ref2;
+    var value = _ref2.value,
+      skipUpdate = _ref2.skipUpdate;
     useUpdate(value, skipUpdate);
     return null;
   }
-  Updater.displayName = `${name}Updater`;
+  Updater.displayName = "".concat(name, "Updater");
   return {
-    ValueContext,
-    UpdateContext,
-    Provider,
-    useUpdate,
+    ValueContext: ValueContext,
+    UpdateContext: UpdateContext,
+    Provider: Provider,
+    useUpdate: useUpdate,
     Updater: /*#__PURE__*/memo(Updater)
   };
 }

package/dist/global/data-tests.js

@@ -1,21 +1,29 @@
+import { l as _typeof, m as _toConsumableArray, j as _slicedToArray } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.array.reduce.js';
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/es.object.entries.js';
+import 'core-js/modules/es.array.concat.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(function (result, _ref) {
+    var _ref2 = _slicedToArray(_ref, 2),
+      key = _ref2[0],
+      value = _ref2[1];
+    return value ? [].concat(_toConsumableArray(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((result, attr) => {
+  return attrs.reduce(function (result, attr) {
     if (!attr) {
       return result;
     }
-    if (typeof attr === 'object') {
-      return [...result, ...expandMap(attr)];
+    if (_typeof(attr) === 'object') {
+      return [].concat(_toConsumableArray(result), _toConsumableArray(expandMap(attr)));
     }
-    return [...result, attr];
+    return [].concat(_toConsumableArray(result), [attr]);
   }, []).join(' ');
 }
 

package/dist/global/dom.js

@@ -1,16 +1,28 @@
-import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { j as _slicedToArray, d as _createClass, c as _classCallCheck, _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.object.assign.js';
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/web.dom-collections.for-each.js';
+import 'core-js/modules/es.array.filter.js';
+import 'core-js/modules/es.regexp.exec.js';
+import 'core-js/modules/es.string.split.js';
+import 'core-js/modules/es.object.entries.js';
+import 'core-js/modules/es.object.keys.js';
+import 'core-js/modules/es.array.iterator.js';
+import 'core-js/modules/es.set.js';
+import 'core-js/modules/es.string.iterator.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 
 /**
  * @name DOM
  */
-const getStyles = window.getComputedStyle.bind(window);
+var getStyles = window.getComputedStyle.bind(window);
 function isMounted(node) {
   if (node === document) {
     return true;
   }
   return node instanceof Node && document.documentElement.contains(node.parentNode);
 }
-const rectStub = {
+var rectStub = {
   top: 0,
   right: 0,
   bottom: 0,
@@ -20,21 +32,20 @@ const rectStub = {
 };
 function getRect(node) {
   if (node instanceof Range || node != null && isMounted(node)) {
-    const {
-      top,
-      right,
-      bottom,
-      left,
-      width,
-      height
-    } = node.getBoundingClientRect();
+    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;
     return {
-      top,
-      right,
-      bottom,
-      left,
-      width,
-      height
+      top: top,
+      right: right,
+      bottom: bottom,
+      left: left,
+      width: width,
+      height: height
     };
   } else {
     return Object.assign({}, rectStub);
@@ -50,12 +61,11 @@ function getWindowWidth() {
   return window.innerWidth;
 }
 function isNodeInVisiblePartOfPage(node) {
-  const {
-    top,
-    bottom,
-    left,
-    right
-  } = getRect(node);
+  var _getRect = getRect(node),
+    top = _getRect.top,
+    bottom = _getRect.bottom,
+    left = _getRect.left,
+    right = _getRect.right;
   return !(bottom < 0 || right < 0 || getWindowHeight() - top < 0 || getWindowWidth() - left < 0);
 }
 function getDocumentScrollTop() {
@@ -64,47 +74,75 @@ 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] : '';
-  classes.split(/\s+/g).filter(className => !!className).forEach(className => classList[method](className));
+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 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 rootStyle = document.documentElement.style;
-  Object.entries(properties).forEach(_ref2 => {
-    let [key, value] = _ref2;
+  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];
     rootStyle.setProperty(key, value);
   });
 }
 function resetRootStyleProperties() {
-  let properties = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  const rootStyle = document.documentElement.style;
-  Object.keys(properties).forEach(key => rootStyle.removeProperty(key));
+  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);
+  });
 }
-class Listeners {
-  constructor() {
+var Listeners = /*#__PURE__*/function () {
+  function Listeners() {
+    _classCallCheck(this, Listeners);
     _defineProperty(this, "_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;
-  }
-  remove(fn) {
-    fn();
-    this._all.delete(fn);
-  }
-  removeAll() {
-    this._all.forEach(fn => this.remove(fn));
-  }
-}
+  _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);
+      });
+    }
+  }]);
+  return Listeners;
+}();
 // Synthetic events from Combokeys#trigger are plain objects
 function preventDefault(e) {
   if (e.preventDefault) {

package/dist/global/focus-sensor-hoc.d.ts

@@ -2,6 +2,7 @@ import { ComponentType, Ref } from 'react';
 export interface FocusSensorOuterProps<T extends HTMLElement> {
     focused?: boolean | undefined;
     autofocus?: boolean | undefined;
+    scrollOnTableFocus?: boolean;
     onFocus?: (() => void) | undefined;
     onBlur?: (() => void) | undefined;
     innerRef?: Ref<T> | null | undefined;

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

@@ -1,148 +1,164 @@
-import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { g as _objectSpread2, e as _objectWithoutProperties, a as _inherits, b as _createSuper, c as _classCallCheck, _ as _defineProperty, k as _assertThisInitialized, d as _createClass, f as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.array.concat.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) {
-  let {
-    propTypes
-  } = _ref;
+  var propTypes = _ref.propTypes;
   if (propTypes == null) {
     return propTypes;
   }
-  const {
-    innerRef,
-    focused,
-    onFocusReset,
-    onFocusRestore,
-    ...restPropTypes
-  } = propTypes;
+  propTypes.innerRef;
+    propTypes.focused;
+    propTypes.onFocusReset;
+    propTypes.onFocusRestore;
+    var restPropTypes = _objectWithoutProperties(propTypes, _excluded);
   return restPropTypes;
 }
 function focusSensorHOC(ComposedComponent) {
-  class FocusSensor extends Component {
-    constructor() {
-      super(...arguments);
-      _defineProperty(this, "state", {
-        focused: this.props.focused
+  var FocusSensor = /*#__PURE__*/function (_Component) {
+    _inherits(FocusSensor, _Component);
+    var _super = _createSuper(FocusSensor);
+    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];
+      }
+      _this = _super.call.apply(_super, [this].concat(args));
+      _defineProperty(_assertThisInitialized(_this), "state", {
+        focused: _this.props.focused
       });
-      _defineProperty(this, "node", void 0);
-      _defineProperty(this, "_skipNextCapture", false);
-      _defineProperty(this, "onRefUpdate", node => {
+      _defineProperty(_assertThisInitialized(_this), "node", void 0);
+      _defineProperty(_assertThisInitialized(_this), "_skipNextCapture", false);
+      _defineProperty(_assertThisInitialized(_this), "onRefUpdate", function (node) {
         if (node) {
-          this.node = node;
+          _this.node = node;
         }
       });
-      _defineProperty(this, "onFocusCapture", _ref2 => {
-        let {
-          target
-        } = _ref2;
-        if (this._skipNextCapture) {
-          this._skipNextCapture = false;
+      _defineProperty(_assertThisInitialized(_this), "onFocusCapture", function (_ref2) {
+        var _this$node;
+        var target = _ref2.target;
+        if (_this._skipNextCapture) {
+          _this._skipNextCapture = false;
           return;
         }
-        const focused = target instanceof Node && this.node?.contains(target);
-        if (focused && !this.state.focused) {
-          this.setState({
+        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$onFocus = (_this$props = _this.props).onFocus) === null || _this$props$onFocus === void 0 ? void 0 : _this$props$onFocus.call(_this$props);
         }
       });
-      _defineProperty(this, "onBlurCapture", _ref3 => {
-        let {
-          target
-        } = _ref3;
-        const {
-          state: {
-            focused
-          },
-          node
-        } = this;
+      _defineProperty(_assertThisInitialized(_this), "onBlurCapture", function (_ref3) {
+        var target = _ref3.target;
+        var _assertThisInitialize = _assertThisInitialized(_this),
+          focused = _assertThisInitialize.state.focused,
+          node = _assertThisInitialize.node;
         if (focused) {
-          setTimeout(() => {
-            const blurred = target instanceof Node && node?.contains(target) && !node.contains(document.activeElement);
+          setTimeout(function () {
+            var blurred = target instanceof Node && (node === null || node === void 0 ? void 0 : node.contains(target)) && !node.contains(document.activeElement);
             if (blurred) {
-              this.setState({
+              var _this$props$onBlur, _this$props2;
+              _this.setState({
                 focused: false
               });
-              this.props.onBlur?.();
+              (_this$props$onBlur = (_this$props2 = _this.props).onBlur) === null || _this$props$onBlur === void 0 ? void 0 : _this$props$onBlur.call(_this$props2);
             }
           }, 1);
         }
       });
-      _defineProperty(this, "onFocusRestore", () => {
-        this._skipNextCapture = true;
-        this.node?.focus();
+      _defineProperty(_assertThisInitialized(_this), "onFocusRestore", function () {
+        var _this$node2;
+        _this._skipNextCapture = true;
+        (_this$node2 = _this.node) === null || _this$node2 === void 0 ? void 0 : _this$node2.focus({
+          preventScroll: !_this.props.scrollOnTableFocus
+        });
       });
-      _defineProperty(this, "onFocusReset", () => {
-        this.node?.blur();
+      _defineProperty(_assertThisInitialized(_this), "onFocusReset", function () {
+        var _this$node3;
+        (_this$node3 = _this.node) === null || _this$node3 === void 0 ? void 0 : _this$node3.blur();
       });
+      return _this;
     }
-    componentDidMount() {
-      const {
-        props: {
-          autofocus
-        },
-        node
-      } = this;
-      node?.setAttribute('tabindex', '0');
-      if (node != null) {
-        node.style.outline = 'none';
+    _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 ? 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 ? void 0 : node.focus({
+            preventScroll: !scrollOnTableFocus
+          });
+        }
       }
-      document.addEventListener('focus', this.onFocusCapture, true);
-      document.addEventListener('blur', this.onBlurCapture, true);
-      if (autofocus) {
-        node?.focus();
+    }, {
+      key: "componentDidUpdate",
+      value: function componentDidUpdate(prevProps) {
+        var focused = this.props.focused;
+        if (focused && !prevProps.focused) {
+          this.onFocusRestore();
+        } else if (!focused && prevProps.focused) {
+          this.onFocusReset();
+        }
       }
-    }
-    componentDidUpdate(prevProps) {
-      const {
-        focused
-      } = this.props;
-      if (focused && !prevProps.focused) {
-        this.onFocusRestore();
-      } else if (!focused && prevProps.focused) {
-        this.onFocusReset();
+    }, {
+      key: "componentWillUnmount",
+      value: function componentWillUnmount() {
+        document.removeEventListener('focus', this.onFocusCapture, true);
+        document.removeEventListener('blur', this.onBlurCapture, true);
       }
-    }
-    componentWillUnmount() {
-      document.removeEventListener('focus', this.onFocusCapture, true);
-      document.removeEventListener('blur', this.onBlurCapture, true);
-    }
-    render() {
-      const {
-        autofocus,
-        focused,
-        onFocus,
-        onBlur,
-        innerRef,
-        ...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),
+    }, {
+      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
+        }));
+      }
+    }]);
+    return FocusSensor;
+  }(Component);
+  FocusSensor.propTypes = _objectSpread2(_objectSpread2({}, 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 = {
-    ...ComposedComponent.defaultProps,
+  });
+  FocusSensor.defaultProps = _objectSpread2(_objectSpread2({}, ComposedComponent.defaultProps), {}, {
     focused: false,
     autofocus: false,
-    onFocus: () => {},
-    onBlur: () => {}
-  };
+    scrollOnTableFocus: true,
+    onFocus: function onFocus() {},
+    onBlur: function onBlur() {}
+  });
   return FocusSensor;
 }