@jetbrains/ring-ui-built 7.0.65 → 7.0.70

package/components/input/input.figma.js

@@ -1,7 +1,5 @@
-import { c as _taggedTemplateLiteral } from '../_helpers/_rollupPluginBabelHelpers.js';
 import figma from '@figma/code-connect';
 
-var _templateObject;
 const instance = figma.selectedInstance;
 const size = instance.getString('Size');
 const state = instance.getString('State');
@@ -22,7 +20,7 @@ const DEFAULT_SIZE = 'M';
 const isDefaultSize = size === DEFAULT_SIZE;
 if (!isDefaultSize) {
   imports.push("import {ControlsHeight} from '@jetbrains/ring-ui/components/global/controls-height'");
-  props.push("height={ControlsHeight.".concat(size, "}"));
+  props.push(`height={ControlsHeight.${size}}`);
 }
 switch (state) {
   case 'disabled':
@@ -44,20 +42,22 @@ if (clearable) {
   props.push('onClear={() => {}}');
 }
 if (hasLabel) {
-  props.push("label=\"".concat(label, "\""));
+  props.push(`label="${label}"`);
 }
 if (hasHelpText) {
-  props.push("help=\"".concat(helpText, "\""));
+  props.push(`help="${helpText}"`);
 }
 if (hasText) {
-  props.push("defaultValue=\"".concat(text, "\""));
+  props.push(`defaultValue="${text}"`);
 }
 if (hasPlaceholder) {
-  props.push("placeholder=\"".concat(placeholder, "\""));
+  props.push(`placeholder="${placeholder}"`);
 }
 var input_figma = {
   id: 'input',
-  example: figma.code(_templateObject || (_templateObject = _taggedTemplateLiteral(["", "\n\n<Input ", "/>"])), imports.join('\n'), props.map(prop => "".concat(prop, " ")).join(''))
+  example: figma.code`${imports.join('\n')}
+
+<Input ${props.map(prop => `${prop} `).join('')}/>`
 };
 
 export { input_figma as default };

package/components/input/input.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';
@@ -20,8 +18,6 @@ import '../link/clickable-link.js';
 import '../_helpers/button.classes.js';
 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 '../global/configuration.js';
 import '../i18n/i18n.js';

package/components/island/adaptive-island-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 { createContext, Component } from 'react';
 import { interpolateLinear } from '../global/linear-function.js';
@@ -10,32 +8,30 @@ const PhaseContext = /*#__PURE__*/createContext(null);
 const ScrollHandlerContext = /*#__PURE__*/createContext(null);
 function adaptiveIslandHOC(ComposedComponent) {
   return class AdaptiveIsland extends Component {
-    constructor() {
-      super(...arguments);
-      _defineProperty(this, "state", {
-        phase: null
-      });
-      _defineProperty(this, "onContentScroll", _ref => {
-        var _this$state$phase;
-        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, Math.max(0, scrollTop) / TITLE_RESIZE_END);
-          this.setState({
-            phase
-          });
-        }
-      });
-    }
+    state = {
+      phase: null
+    };
+    onContentScroll = ({
+      scrollTop,
+      scrollHeight,
+      clientHeight
+    }) => {
+      var _this$state$phase;
+      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, Math.max(0, scrollTop) / TITLE_RESIZE_END);
+        this.setState({
+          phase
+        });
+      }
+    };
     render() {
       return jsx(PhaseContext.Provider, {
         value: this.state.phase,
         children: jsx(ScrollHandlerContext.Provider, {
           value: this.onContentScroll,
-          children: jsx(ComposedComponent, _objectSpread2({}, this.props))
+          children: jsx(ComposedComponent, {
+            ...this.props
+          })
         })
       });
     }

package/components/island/content.js

@@ -1,5 +1,3 @@
-import { _ as _defineProperty, a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { forwardRef, Component } from 'react';
 import classNames from 'classnames';
@@ -9,61 +7,20 @@ import { s as styles } from '../_helpers/island.js';
 import { ScrollHandlerContext } from './adaptive-island-hoc.js';
 import '../global/linear-function.js';
 
-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({
-      strategy: 'scroll'
-    }));
-    _defineProperty(this, "wrapperNode", void 0);
-    _defineProperty(this, "setWrapper", node => {
-      if (!node) {
-        return;
-      }
-      this.wrapperNode = node;
-      this.resizeDetector.listenTo(node, this.calculateScrollPosition);
-    });
-    _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", node => {
-      if (!node) {
-        return;
-      }
-      this.scrollableNode = node;
-      this.calculateScrollPosition();
-    });
-  }
+  static defaultProps = {
+    fade: true,
+    bottomBorder: false,
+    onScroll: noop,
+    onScrollToBottom: noop
+  };
+  state = {
+    scrolledToTop: true,
+    scrolledToBottom: false
+  };
   componentWillUnmount() {
     this.scrollableNode = null;
     if (!this.wrapperNode) {
@@ -71,19 +28,60 @@ class Content extends Component {
     }
     this.resizeDetector.removeAllListeners(this.wrapperNode);
   }
+  resizeDetector = createResizeDetector({
+    strategy: 'scroll'
+  });
+  wrapperNode;
+  setWrapper = node => {
+    if (!node) {
+      return;
+    }
+    this.wrapperNode = node;
+    this.resizeDetector.listenTo(node, this.calculateScrollPosition);
+  };
+  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) {
+      this.props.onScrollToBottom?.();
+    }
+    this.setState({
+      scrolledToTop,
+      scrolledToBottom
+    });
+  });
+  scrollableNode;
+  setScrollableNodeAndCalculatePosition = node => {
+    if (!node) {
+      return;
+    }
+    this.scrollableNode = node;
+    this.calculateScrollPosition();
+  };
   render() {
-    const _this$props2 = this.props,
-      {
-        children,
-        className,
-        bottomBorder,
-        scrollableWrapperClassName,
-        onScroll,
-        onScrollToBottom,
-        fade,
-        tabIndex
-      } = _this$props2,
-      restProps = _objectWithoutProperties(_this$props2, _excluded);
+    const {
+      children,
+      className,
+      bottomBorder,
+      scrollableWrapperClassName,
+      onScroll,
+      onScrollToBottom,
+      fade,
+      tabIndex,
+      ...restProps
+    } = this.props;
     const {
       scrolledToTop,
       scrolledToBottom
@@ -95,7 +93,8 @@ class Content extends Component {
       [styles.withBottomBorder]: bottomBorder && !scrolledToBottom
     });
     const scrollableWrapperClasses = classNames(styles.scrollableWrapper, scrollableWrapperClassName);
-    return jsx("div", _objectSpread2(_objectSpread2({}, restProps), {}, {
+    return jsx("div", {
+      ...restProps,
       "data-test": 'ring-island-content',
       className: classes,
       children: jsxs("div", {
@@ -108,24 +107,20 @@ class Content extends Component {
           children: children
         }), !fade && children]
       })
-    }));
+    });
   }
 }
-_defineProperty(Content, "defaultProps", {
-  fade: true,
-  bottomBorder: false,
-  onScroll: noop,
-  onScrollToBottom: noop
-});
 const ContentWrapper = /*#__PURE__*/forwardRef((props, ref) => jsx(ScrollHandlerContext.Consumer, {
   children: onScroll => {
     const addProps = onScroll ? {
       onScroll,
       bottomBorder: true
     } : {};
-    return jsx(Content, _objectSpread2(_objectSpread2(_objectSpread2({}, props), addProps), {}, {
+    return jsx(Content, {
+      ...props,
+      ...addProps,
       ref: ref
-    }));
+    });
   }
 }));
 ContentWrapper.displayName = 'ContentWrapper';

package/components/island/header.js

@@ -1,13 +1,10 @@
-import { _ as _defineProperty, a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { Component } from 'react';
 import classNames from 'classnames';
 import { interpolateLinear } from '../global/linear-function.js';
 import { s as styles } from '../_helpers/island.js';
 import { PhaseContext } from './adaptive-island-hoc.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 
-const _excluded = ["children", "className", "wrapWithTitle", "border", "phase"];
 const Start = {
   FONT_SIZE: 24,
   LINE_HEIGHT: 28,
@@ -29,6 +26,9 @@ const End = {
 };
 const BORDER_APPEAR_PHASE = 0.5;
 class Header extends Component {
+  static defaultProps = {
+    wrapWithTitle: true
+  };
   style(name) {
     var _this$props$phase;
     return interpolateLinear(Start[name], End[name], (_this$props$phase = this.props.phase) !== null && _this$props$phase !== void 0 ? _this$props$phase : 0);
@@ -39,7 +39,7 @@ class Header extends Component {
       const scaleFont = this.style('FONT_SIZE') / Start.FONT_SIZE;
       return {
         fontSize: Start.FONT_SIZE,
-        transform: "translate(".concat(this.style('X'), "px, ").concat(this.style('Y'), "px) scale(").concat(scaleFont, ")"),
+        transform: `translate(${this.style('X')}px, ${this.style('Y')}px) scale(${scaleFont})`,
         letterSpacing: this.style('SPACING')
       };
     }
@@ -48,26 +48,26 @@ class Header extends Component {
     };
   }
   render() {
-    const _this$props = this.props,
-      {
-        children,
-        className,
-        wrapWithTitle,
-        border,
-        phase
-      } = _this$props,
-      restProps = _objectWithoutProperties(_this$props, _excluded);
+    const {
+      children,
+      className,
+      wrapWithTitle,
+      border,
+      phase,
+      ...restProps
+    } = this.props;
     const classes = classNames(styles.header, className, {
       [styles.withBottomBorder]: border || phase && phase >= BORDER_APPEAR_PHASE
     });
     const headerStyle = phase !== null && phase !== undefined ? {
-      lineHeight: "".concat(this.style('LINE_HEIGHT'), "px"),
+      lineHeight: `${this.style('LINE_HEIGHT')}px`,
       // need to append px because number is a valid line-height value
       paddingTop: this.style('PADDING_TOP'),
       paddingBottom: this.style('PADDING_BOTTOM')
     } : undefined;
     const titleStyle = this.getTitleStyle(phase);
-    return jsxs("div", _objectSpread2(_objectSpread2({}, restProps), {}, {
+    return jsxs("div", {
+      ...restProps,
       "data-test": 'ring-island-header',
       className: classes,
       style: headerStyle,
@@ -76,18 +76,18 @@ class Header extends Component {
         style: titleStyle,
         children: children
       }), !wrapWithTitle && children]
-    }));
+    });
   }
 }
-_defineProperty(Header, "defaultProps", {
-  wrapWithTitle: true
-});
 const HeaderWrapper = props => jsx(PhaseContext.Consumer, {
   children: phase => {
     const addProps = phase !== null && phase !== undefined ? {
       phase
     } : {};
-    return jsx(Header, _objectSpread2(_objectSpread2({}, props), addProps));
+    return jsx(Header, {
+      ...props,
+      ...addProps
+    });
   }
 });
 

package/components/island/island.js

@@ -1,4 +1,3 @@
-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';
@@ -7,35 +6,33 @@ import adaptiveIslandHOC from './adaptive-island-hoc.js';
 import { s as styles } from '../_helpers/island.js';
 export { default as Header } from './header.js';
 export { default as Content } from './content.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import '../global/linear-function.js';
 import 'element-resize-detector';
 import '../global/schedule-raf.js';
 
-const _excluded = ["children", "className", "narrow", "withoutPaddings", "data-test"];
 /**
  * @name Island
  */
 class Island extends Component {
   render() {
-    const _this$props = this.props,
-      {
-        children,
-        className,
-        narrow,
-        withoutPaddings,
-        'data-test': dataTest
-      } = _this$props,
-      restProps = _objectWithoutProperties(_this$props, _excluded);
+    const {
+      children,
+      className,
+      narrow,
+      withoutPaddings,
+      'data-test': dataTest,
+      ...restProps
+    } = this.props;
     const classes = classNames(styles.island, className, {
       [styles.narrowIsland]: narrow,
       [styles.withoutPaddings]: withoutPaddings
     });
-    return jsx("div", _objectSpread2(_objectSpread2({}, restProps), {}, {
+    return jsx("div", {
+      ...restProps,
       className: classes,
       "data-test": joinDataTestAttributes('ring-island', dataTest),
       children: children
-    }));
+    });
   }
 }
 const AdaptiveIsland = adaptiveIslandHOC(Island);

package/components/link/clickable-link.js

@@ -1,50 +1,43 @@
-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 { PureComponent } from 'react';
 
-const _excluded = ["onConditionalClick", "onPlainLeftClick", "activeClassName", "href", "children"];
 const LEFT_BUTTON = 0;
 // Cmd/Ctrl/Shift/Alt + Click should trigger default browser behaviour. Same applies to non-left clicks
 const isPlainLeftClick = e => e.button === LEFT_BUTTON && !e.altKey && !e.ctrlKey && !e.metaKey && !e.shiftKey;
 class ClickableLink extends PureComponent {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "onClick", e => {
-      const {
-        onClick,
-        onConditionalClick,
-        onPlainLeftClick
-      } = this.props;
-      const isPlainLeft = isPlainLeftClick(e);
-      if (onClick) {
-        onClick(e);
-      }
-      if (onConditionalClick) {
-        onConditionalClick(isPlainLeft, e);
-      }
-      if (onPlainLeftClick && isPlainLeft) {
-        e.preventDefault();
-        onPlainLeftClick(e);
-      }
-    });
-  }
+  onClick = e => {
+    const {
+      onClick,
+      onConditionalClick,
+      onPlainLeftClick
+    } = this.props;
+    const isPlainLeft = isPlainLeftClick(e);
+    if (onClick) {
+      onClick(e);
+    }
+    if (onConditionalClick) {
+      onConditionalClick(isPlainLeft, e);
+    }
+    if (onPlainLeftClick && isPlainLeft) {
+      e.preventDefault();
+      onPlainLeftClick(e);
+    }
+  };
   render() {
-    const _this$props = this.props,
-      {
-        onConditionalClick,
-        onPlainLeftClick,
-        activeClassName,
-        href,
-        children
-      } = _this$props,
-      restProps = _objectWithoutProperties(_this$props, _excluded);
-    return jsx("a", _objectSpread2(_objectSpread2({
-      href: href
-    }, restProps), {}, {
+    const {
+      onConditionalClick,
+      onPlainLeftClick,
+      activeClassName,
+      href,
+      children,
+      ...restProps
+    } = this.props;
+    return jsx("a", {
+      href: href,
+      ...restProps,
       onClick: this.onClick,
       children: children
-    }));
+    });
   }
 }
 

package/components/link/link.js

@@ -1,31 +1,27 @@
-import { a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
 import { jsx } from 'react/jsx-runtime';
 import { PureComponent } from 'react';
 import classNames from 'classnames';
 import joinDataTestAttributes from '../global/data-tests.js';
 import ClickableLink from './clickable-link.js';
 import { l as linkStyles } from '../_helpers/link.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 
-const _excluded = ["active", "inherit", "pseudo", "hover", "className", "data-test", "href", "children", "onPlainLeftClick", "onClick"];
 function linkHOC(ComposedComponent) {
   const isCustom = typeof ComposedComponent !== 'string' && ComposedComponent !== ClickableLink;
   return class Link extends PureComponent {
     render() {
-      const _this$props = this.props,
-        {
-          active,
-          inherit,
-          pseudo,
-          hover,
-          className,
-          'data-test': dataTest,
-          href,
-          children,
-          onPlainLeftClick,
-          onClick
-        } = _this$props,
-        restProps = _objectWithoutProperties(_this$props, _excluded);
+      const {
+        active,
+        inherit,
+        pseudo,
+        hover,
+        className,
+        'data-test': dataTest,
+        href,
+        children,
+        onPlainLeftClick,
+        onClick,
+        ...restProps
+      } = this.props;
       const useButton = pseudo || !isCustom && (href === null || href === undefined);
       const classes = classNames(linkStyles.link, className, {
         [linkStyles.active]: active,
@@ -35,30 +31,32 @@ function linkHOC(ComposedComponent) {
       });
       let props = restProps;
       if (isCustom && !props.activeClassName) {
-        props = _objectSpread2(_objectSpread2({}, props), {}, {
+        props = {
+          ...props,
           activeClassName: linkStyles.active
-        });
+        };
       }
       if (useButton) {
-        return jsx("button", _objectSpread2(_objectSpread2({
-          type: 'button'
-        }, props), {}, {
+        return jsx("button", {
+          type: 'button',
+          ...props,
           className: classes,
           onClick: onClick || onPlainLeftClick,
           "data-test": joinDataTestAttributes('ring-link', dataTest),
           children: children
-        }));
+        });
       }
-      return jsx(ComposedComponent, _objectSpread2(_objectSpread2(_objectSpread2({}, props), {}, {
+      return jsx(ComposedComponent, {
+        ...props,
         href: href,
         className: classes,
-        onClick: onClick
-      }, typeof ComposedComponent !== 'string' ? {
-        onPlainLeftClick
-      } : {}), {}, {
+        onClick: onClick,
+        ...(typeof ComposedComponent !== 'string' ? {
+          onPlainLeftClick
+        } : {}),
         "data-test": joinDataTestAttributes('ring-link', dataTest),
         children: children
-      }));
+      });
     }
   };
 }

package/components/list/list-custom.js

@@ -1,5 +1,3 @@
-import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import { jsx } from 'react/jsx-runtime';
 import { PureComponent } from 'react';
 import joinDataTestAttributes from '../global/data-tests.js';
@@ -10,15 +8,12 @@ import './consts.js';
 import '../_helpers/list.js';
 
 class ListCustom extends PureComponent {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "handleKeyPress", event => {
-      const key = getEventKey(event);
-      if (key === 'Enter' || key === ' ') {
-        this.props.onClick(event);
-      }
-    });
-  }
+  handleKeyPress = event => {
+    const key = getEventKey(event);
+    if (key === 'Enter' || key === ' ') {
+      this.props.onClick(event);
+    }
+  };
   render() {
     const {
       disabled,