@jetbrains/ring-ui-built 7.0.0-beta.1 → 7.0.0-beta.3

package/components/i18n/i18n.js

@@ -1,7 +1,4 @@
-import { d as _objectSpread2 } from '../_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.set.js';
+import { b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
 
 var login = "Log in";
@@ -109,8 +106,8 @@ var defaultMessages = {
 	unverified: unverified
 };
 
-var messages = defaultMessages;
-var warned = new Set();
+let messages = defaultMessages;
+const warned = new Set();
 function warnMissedKeyOnce(key) {
   if (warned.has(key)) {
     return;

package/components/icon/icon.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, a as _inherits, b as _createClass, c as _objectWithoutProperties, d as _objectSpread2, e as _classCallCheck, f as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _defineProperty, a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
 import { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -8,86 +8,72 @@ import { m as modules_29747b80, I as IconSVG } from '../_helpers/icon__svg.js';
 import { jsx } from 'react/jsx-runtime';
 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.array.iterator.js';
-import 'core-js/modules/es.map.js';
-import 'core-js/modules/es.object.to-string.js';
-import 'core-js/modules/es.weak-map.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
 
-var _excluded = ["className", "size", "color", "loading", "glyph", "width", "height", "suppressSizeWarning"];
-var _warnSize = deprecate(function () {}, "`size`, `width` and `height` props are not recommended to use in Ring UI `Icon` component. The intrinsic sizes of SVG icon (`width` and `height` SVG attributes) are used instead.\n\nWe strongly recommend to use icons handcrafted for particular sizes. If your icon doesn't exist in the desired size, please ask your designer to draw one. \"Responsive\" checkmark should be unchecked when exporting icon.'");
-var Icon = /*#__PURE__*/function (_PureComponent) {
-  function Icon() {
-    _classCallCheck(this, Icon);
-    return _callSuper(this, Icon, arguments);
+const _excluded = ["className", "size", "color", "loading", "glyph", "width", "height", "suppressSizeWarning"];
+const warnSize = deprecate(() => {}, "`size`, `width` and `height` props are not recommended to use in Ring UI `Icon` component. The intrinsic sizes of SVG icon (`width` and `height` SVG attributes) are used instead.\n\nWe strongly recommend to use icons handcrafted for particular sizes. If your icon doesn't exist in the desired size, please ask your designer to draw one. \"Responsive\" checkmark should be unchecked when exporting icon.'");
+class Icon extends PureComponent {
+  warnSize() {
+    if (this.props.suppressSizeWarning) {
+      return;
+    }
+    warnSize();
   }
-  _inherits(Icon, _PureComponent);
-  return _createClass(Icon, [{
-    key: "warnSize",
-    value: function warnSize() {
-      if (this.props.suppressSizeWarning) {
-        return;
-      }
-      _warnSize();
+  getStyle() {
+    const {
+      size,
+      width,
+      height
+    } = this.props;
+    if (width || height) {
+      this.warnSize();
+      return {
+        width,
+        height
+      };
     }
-  }, {
-    key: "getStyle",
-    value: function getStyle() {
-      var _this$props = this.props,
-        size = _this$props.size,
-        width = _this$props.width,
-        height = _this$props.height;
-      if (width || height) {
-        this.warnSize();
-        return {
-          width,
-          height
-        };
-      }
-      if (size) {
-        this.warnSize();
-        return {
-          width: size,
-          height: size
-        };
-      }
-      return undefined;
+    if (size) {
+      this.warnSize();
+      return {
+        width: size,
+        height: size
+      };
     }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props2 = this.props,
-        className = _this$props2.className;
-        _this$props2.size;
-        var color = _this$props2.color,
-        loading = _this$props2.loading,
-        Glyph = _this$props2.glyph;
-        _this$props2.width;
-        _this$props2.height;
-        _this$props2.suppressSizeWarning;
-        var restProps = _objectWithoutProperties(_this$props2, _excluded);
-      if (!Glyph) {
-        return null;
-      }
-      var classes = classNames(modules_29747b80.icon, {
-        [modules_29747b80[color]]: !!color,
-        [modules_29747b80.loading]: loading
-      }, className);
-      return /*#__PURE__*/jsx("span", _objectSpread2(_objectSpread2({}, restProps), {}, {
-        className: classes,
-        children: typeof Glyph === 'string' ? /*#__PURE__*/jsx(IconSVG, {
-          src: Glyph,
-          style: this.getStyle()
-        }) : /*#__PURE__*/jsx(Glyph, {
-          className: modules_29747b80.glyph,
-          style: this.getStyle()
-        })
-      }));
+    return undefined;
+  }
+  render() {
+    const _this$props = this.props,
+      {
+        className,
+        size,
+        color,
+        loading,
+        glyph: Glyph,
+        width,
+        height,
+        suppressSizeWarning
+      } = _this$props,
+      restProps = _objectWithoutProperties(_this$props, _excluded);
+    if (!Glyph) {
+      return null;
     }
-  }]);
-}(PureComponent);
+    const classes = classNames(modules_29747b80.icon, {
+      [modules_29747b80[color]]: !!color,
+      [modules_29747b80.loading]: loading
+    }, className);
+    return /*#__PURE__*/jsx("span", _objectSpread2(_objectSpread2({}, restProps), {}, {
+      className: classes,
+      children: typeof Glyph === 'string' ? /*#__PURE__*/jsx(IconSVG, {
+        src: Glyph,
+        style: this.getStyle()
+      }) : /*#__PURE__*/jsx(Glyph, {
+        className: modules_29747b80.glyph,
+        style: this.getStyle()
+      })
+    }));
+  }
+}
 _defineProperty(Icon, "propTypes", {
   className: PropTypes.string,
   color: PropTypes.string,

package/components/icon/icon__svg.js

@@ -1,15 +1,10 @@
 import '../_helpers/_rollupPluginBabelHelpers.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 'react';
 import 'classnames';
 import 'prop-types';
 import '../global/memoize.js';
 export { I as default } from '../_helpers/icon__svg.js';
 import 'react/jsx-runtime';
-import 'core-js/modules/es.array.iterator.js';
-import 'core-js/modules/es.map.js';
-import 'core-js/modules/es.object.to-string.js';
-import 'core-js/modules/es.weak-map.js';
 import 'core-js/modules/web.dom-collections.iterator.js';

package/components/icon/index.js

@@ -8,11 +8,6 @@ import 'util-deprecate';
 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.array.iterator.js';
-import 'core-js/modules/es.map.js';
-import 'core-js/modules/es.object.to-string.js';
-import 'core-js/modules/es.weak-map.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
 import 'react/jsx-runtime';

package/components/input/input.js

@@ -1,6 +1,5 @@
 import '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.array.concat.js';
-import 'core-js/modules/es.object.values.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import 'react';
 import 'prop-types';
 import 'classnames';
@@ -24,15 +23,6 @@ import 'util-deprecate';
 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.array.iterator.js';
-import 'core-js/modules/es.map.js';
-import 'core-js/modules/es.object.to-string.js';
-import 'core-js/modules/es.weak-map.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
-import 'core-js/modules/es.regexp.to-string.js';
 import '../i18n/i18n.js';
-import 'core-js/modules/es.set.js';
-import 'core-js/modules/web.dom-collections.for-each.js';
 import 'memoize-one';

package/components/island/adaptive-island-hoc.js

@@ -1,54 +1,46 @@
-import { _ as _defineProperty, a as _inherits, b as _createClass, d as _objectSpread2, e as _classCallCheck, f as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.array.concat.js';
+import { _ as _defineProperty, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import { createContext, Component } from 'react';
 import { interpolateLinear } from '../global/linear-function.js';
 import { jsx } from 'react/jsx-runtime';
 
-var TITLE_RESIZE_END = 20;
-var TITLE_RESIZE_THRESHOLD = 36;
-var PhaseContext = /*#__PURE__*/createContext(null);
-var ScrollHandlerContext = /*#__PURE__*/createContext(null);
+const TITLE_RESIZE_END = 20;
+const TITLE_RESIZE_THRESHOLD = 36;
+const PhaseContext = /*#__PURE__*/createContext(null);
+const ScrollHandlerContext = /*#__PURE__*/createContext(null);
 function adaptiveIslandHOC(ComposedComponent) {
   var _AdaptiveIsland;
-  return _AdaptiveIsland = /*#__PURE__*/function (_Component) {
-    function AdaptiveIsland() {
-      var _this;
-      _classCallCheck(this, AdaptiveIsland);
-      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-        args[_key] = arguments[_key];
-      }
-      _this = _callSuper(this, AdaptiveIsland, [].concat(args));
-      _defineProperty(_this, "state", {
+  return _AdaptiveIsland = class AdaptiveIsland extends Component {
+    constructor() {
+      super(...arguments);
+      _defineProperty(this, "state", {
         phase: null
       });
-      _defineProperty(_this, "onContentScroll", function (_ref) {
+      _defineProperty(this, "onContentScroll", _ref => {
         var _this$state$phase;
-        var scrollTop = _ref.scrollTop,
-          scrollHeight = _ref.scrollHeight,
-          clientHeight = _ref.clientHeight;
-        if (scrollHeight - clientHeight >= interpolateLinear(TITLE_RESIZE_THRESHOLD, TITLE_RESIZE_END, (_this$state$phase = _this.state.phase) !== null && _this$state$phase !== void 0 ? _this$state$phase : 0)) {
-          var phase = Math.min(1, scrollTop / TITLE_RESIZE_END);
-          _this.setState({
+        let {
+          scrollTop,
+          scrollHeight,
+          clientHeight
+        } = _ref;
+        if (scrollHeight - clientHeight >= interpolateLinear(TITLE_RESIZE_THRESHOLD, TITLE_RESIZE_END, (_this$state$phase = this.state.phase) !== null && _this$state$phase !== void 0 ? _this$state$phase : 0)) {
+          const phase = Math.min(1, scrollTop / TITLE_RESIZE_END);
+          this.setState({
             phase
           });
         }
       });
-      return _this;
     }
-    _inherits(AdaptiveIsland, _Component);
-    return _createClass(AdaptiveIsland, [{
-      key: "render",
-      value: function render() {
-        return /*#__PURE__*/jsx(PhaseContext.Provider, {
-          value: this.state.phase,
-          children: /*#__PURE__*/jsx(ScrollHandlerContext.Provider, {
-            value: this.onContentScroll,
-            children: /*#__PURE__*/jsx(ComposedComponent, _objectSpread2({}, this.props))
-          })
-        });
-      }
-    }]);
-  }(Component), _defineProperty(_AdaptiveIsland, "propTypes", ComposedComponent.propTypes), _AdaptiveIsland;
+    render() {
+      return /*#__PURE__*/jsx(PhaseContext.Provider, {
+        value: this.state.phase,
+        children: /*#__PURE__*/jsx(ScrollHandlerContext.Provider, {
+          value: this.onContentScroll,
+          children: /*#__PURE__*/jsx(ComposedComponent, _objectSpread2({}, this.props))
+        })
+      });
+    }
+  }, _defineProperty(_AdaptiveIsland, "propTypes", ComposedComponent.propTypes), _AdaptiveIsland;
 }
 
 export { PhaseContext, ScrollHandlerContext, adaptiveIslandHOC as default };

package/components/island/content.js

@@ -1,6 +1,6 @@
-import { _ as _defineProperty, a as _inherits, b as _createClass, d as _objectSpread2, c as _objectWithoutProperties, e as _classCallCheck, f as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.array.concat.js';
-import { forwardRef, Component } from 'react';
+import { _ as _defineProperty, a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import { Component, forwardRef } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import createResizeDetector from 'element-resize-detector';
@@ -10,116 +10,108 @@ import { ScrollHandlerContext } from './adaptive-island-hoc.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import '../global/linear-function.js';
 
-var _excluded = ["children", "className", "bottomBorder", "scrollableWrapperClassName", "onScroll", "onScrollToBottom", "fade", "tabIndex"];
-var scheduleScrollAction = scheduleRAF();
-var noop = function noop() {};
-var END_DISTANCE = 16;
-var Content = /*#__PURE__*/function (_Component) {
-  function Content() {
-    var _this;
-    _classCallCheck(this, Content);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _callSuper(this, Content, [].concat(args));
-    _defineProperty(_this, "state", {
+const _excluded = ["children", "className", "bottomBorder", "scrollableWrapperClassName", "onScroll", "onScrollToBottom", "fade", "tabIndex"];
+const scheduleScrollAction = scheduleRAF();
+const noop = () => {};
+const END_DISTANCE = 16;
+class Content extends Component {
+  constructor() {
+    super(...arguments);
+    _defineProperty(this, "state", {
       scrolledToTop: true,
       scrolledToBottom: false
     });
-    _defineProperty(_this, "resizeDetector", createResizeDetector({
+    _defineProperty(this, "resizeDetector", createResizeDetector({
       strategy: 'scroll'
     }));
-    _defineProperty(_this, "wrapperNode", void 0);
-    _defineProperty(_this, "setWrapper", function (node) {
+    _defineProperty(this, "wrapperNode", void 0);
+    _defineProperty(this, "setWrapper", node => {
       if (!node) {
         return;
       }
-      _this.wrapperNode = node;
-      _this.resizeDetector.listenTo(node, _this.calculateScrollPosition);
+      this.wrapperNode = node;
+      this.resizeDetector.listenTo(node, this.calculateScrollPosition);
     });
-    _defineProperty(_this, "calculateScrollPosition", function () {
-      return scheduleScrollAction(function () {
-        var _this2 = _this,
-          scrollableNode = _this2.scrollableNode;
-        if (!scrollableNode) {
-          return;
-        }
-        _this.props.onScroll(scrollableNode);
-        var scrollTop = scrollableNode.scrollTop,
-          scrollHeight = scrollableNode.scrollHeight,
-          offsetHeight = scrollableNode.offsetHeight;
-        var scrolledToTop = scrollTop === 0;
-        var scrolledToBottom = offsetHeight + scrollTop >= scrollHeight - END_DISTANCE;
-        if (scrolledToBottom) {
-          var _this$props$onScrollT, _this$props;
-          (_this$props$onScrollT = (_this$props = _this.props).onScrollToBottom) === null || _this$props$onScrollT === void 0 || _this$props$onScrollT.call(_this$props);
-        }
-        _this.setState({
-          scrolledToTop,
-          scrolledToBottom
-        });
+    _defineProperty(this, "calculateScrollPosition", () => scheduleScrollAction(() => {
+      const {
+        scrollableNode
+      } = this;
+      if (!scrollableNode) {
+        return;
+      }
+      this.props.onScroll(scrollableNode);
+      const {
+        scrollTop,
+        scrollHeight,
+        offsetHeight
+      } = scrollableNode;
+      const scrolledToTop = scrollTop === 0;
+      const scrolledToBottom = offsetHeight + scrollTop >= scrollHeight - END_DISTANCE;
+      if (scrolledToBottom) {
+        var _this$props$onScrollT, _this$props;
+        (_this$props$onScrollT = (_this$props = this.props).onScrollToBottom) === null || _this$props$onScrollT === void 0 || _this$props$onScrollT.call(_this$props);
+      }
+      this.setState({
+        scrolledToTop,
+        scrolledToBottom
       });
-    });
-    _defineProperty(_this, "scrollableNode", void 0);
-    _defineProperty(_this, "setScrollableNodeAndCalculatePosition", function (node) {
+    }));
+    _defineProperty(this, "scrollableNode", void 0);
+    _defineProperty(this, "setScrollableNodeAndCalculatePosition", node => {
       if (!node) {
         return;
       }
-      _this.scrollableNode = node;
-      _this.calculateScrollPosition();
+      this.scrollableNode = node;
+      this.calculateScrollPosition();
     });
-    return _this;
   }
-  _inherits(Content, _Component);
-  return _createClass(Content, [{
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      this.scrollableNode = null;
-      if (!this.wrapperNode) {
-        return;
-      }
-      this.resizeDetector.removeAllListeners(this.wrapperNode);
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props2 = this.props,
-        children = _this$props2.children,
-        className = _this$props2.className,
-        bottomBorder = _this$props2.bottomBorder,
-        scrollableWrapperClassName = _this$props2.scrollableWrapperClassName;
-        _this$props2.onScroll;
-        _this$props2.onScrollToBottom;
-        var fade = _this$props2.fade,
-        tabIndex = _this$props2.tabIndex,
-        restProps = _objectWithoutProperties(_this$props2, _excluded);
-      var _this$state = this.state,
-        scrolledToTop = _this$state.scrolledToTop,
-        scrolledToBottom = _this$state.scrolledToBottom;
-      var classes = classNames(modules_e6a056e1.content, className, {
-        [modules_e6a056e1.contentWithTopFade]: fade && !scrolledToTop,
-        [modules_e6a056e1.contentWithBottomFade]: fade && !scrolledToBottom,
-        [modules_e6a056e1.withTransparentBottomBorder]: bottomBorder,
-        [modules_e6a056e1.withBottomBorder]: bottomBorder && !scrolledToBottom
-      });
-      var scrollableWrapperClasses = classNames(modules_e6a056e1.scrollableWrapper, scrollableWrapperClassName);
-      return /*#__PURE__*/jsx("div", _objectSpread2(_objectSpread2({}, restProps), {}, {
-        "data-test": "ring-island-content",
-        className: classes,
-        children: /*#__PURE__*/jsxs("div", {
-          tabIndex: tabIndex,
-          className: scrollableWrapperClasses,
-          ref: this.setScrollableNodeAndCalculatePosition,
-          onScroll: fade ? this.calculateScrollPosition : noop,
-          children: [fade && /*#__PURE__*/jsx("div", {
-            ref: this.setWrapper,
-            children: children
-          }), !fade && children]
-        })
-      }));
+  componentWillUnmount() {
+    this.scrollableNode = null;
+    if (!this.wrapperNode) {
+      return;
     }
-  }]);
-}(Component);
+    this.resizeDetector.removeAllListeners(this.wrapperNode);
+  }
+  render() {
+    const _this$props2 = this.props,
+      {
+        children,
+        className,
+        bottomBorder,
+        scrollableWrapperClassName,
+        onScroll,
+        onScrollToBottom,
+        fade,
+        tabIndex
+      } = _this$props2,
+      restProps = _objectWithoutProperties(_this$props2, _excluded);
+    const {
+      scrolledToTop,
+      scrolledToBottom
+    } = this.state;
+    const classes = classNames(modules_e6a056e1.content, className, {
+      [modules_e6a056e1.contentWithTopFade]: fade && !scrolledToTop,
+      [modules_e6a056e1.contentWithBottomFade]: fade && !scrolledToBottom,
+      [modules_e6a056e1.withTransparentBottomBorder]: bottomBorder,
+      [modules_e6a056e1.withBottomBorder]: bottomBorder && !scrolledToBottom
+    });
+    const scrollableWrapperClasses = classNames(modules_e6a056e1.scrollableWrapper, scrollableWrapperClassName);
+    return /*#__PURE__*/jsx("div", _objectSpread2(_objectSpread2({}, restProps), {}, {
+      "data-test": "ring-island-content",
+      className: classes,
+      children: /*#__PURE__*/jsxs("div", {
+        tabIndex: tabIndex,
+        className: scrollableWrapperClasses,
+        ref: this.setScrollableNodeAndCalculatePosition,
+        onScroll: fade ? this.calculateScrollPosition : noop,
+        children: [fade && /*#__PURE__*/jsx("div", {
+          ref: this.setWrapper,
+          children: children
+        }), !fade && children]
+      })
+    }));
+  }
+}
 _defineProperty(Content, "propTypes", {
   children: PropTypes.node,
   className: PropTypes.string,
@@ -135,19 +127,17 @@ _defineProperty(Content, "defaultProps", {
   onScroll: noop,
   onScrollToBottom: noop
 });
-var ContentWrapper = /*#__PURE__*/forwardRef(function (props, ref) {
-  return /*#__PURE__*/jsx(ScrollHandlerContext.Consumer, {
-    children: function children(onScroll) {
-      var addProps = onScroll != null ? {
-        onScroll,
-        bottomBorder: true
-      } : {};
-      return /*#__PURE__*/jsx(Content, _objectSpread2(_objectSpread2(_objectSpread2({}, props), addProps), {}, {
-        ref: ref
-      }));
-    }
-  });
-});
+const ContentWrapper = /*#__PURE__*/forwardRef((props, ref) => /*#__PURE__*/jsx(ScrollHandlerContext.Consumer, {
+  children: onScroll => {
+    const addProps = onScroll != null ? {
+      onScroll,
+      bottomBorder: true
+    } : {};
+    return /*#__PURE__*/jsx(Content, _objectSpread2(_objectSpread2(_objectSpread2({}, props), addProps), {}, {
+      ref: ref
+    }));
+  }
+}));
 ContentWrapper.displayName = 'ContentWrapper';
 
 export { ContentWrapper as default };