@jetbrains/ring-ui-built 7.0.66 → 7.0.71

package/components/clipboard/clipboard.js

@@ -1,7 +1,5 @@
 import alertService from '../alert-service/alert-service.js';
 import { copyHTMLToClipboard, copyTextToClipboard } from './clipboard-fallback.js';
-import '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import 'react/jsx-runtime';
 import 'react-dom/client';
 import '../global/get-uid.js';
@@ -16,8 +14,6 @@ import '../icon/icon.js';
 import 'util-deprecate';
 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 '../loader-inline/loader-inline.js';
 import '../global/data-tests.js';
@@ -41,7 +37,6 @@ import '../global/sniffer.js';
 import 'sniffr';
 import '../tab-trap/tab-trap.js';
 import '../popup/position.js';
-import 'core-js/modules/es.array.sort.js';
 import '../popup/popup.consts.js';
 import '../popup/position-css.js';
 import '../alert/container.js';
@@ -63,9 +58,7 @@ function getClipboardImplementation() {
     copyHTML: html => Promise.resolve(copyHTMLToClipboard(html))
   };
 }
-async function copy(text, successMessage, errorMessage) {
-  let delay = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : ALERT_DELAY;
-  let isHtml = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
+async function copy(text, successMessage, errorMessage, delay = ALERT_DELAY, isHtml = false) {
   try {
     const clipboardImpl = getClipboardImplementation();
     const copyMethod = isHtml ? clipboardImpl.copyHTML : clipboardImpl.copy;
@@ -82,14 +75,8 @@ async function copy(text, successMessage, errorMessage) {
   }
 }
 const clipboard = {
-  copyText: function (text, successMessage, errorMessage) {
-    let delay = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : ALERT_DELAY;
-    return copy(text, successMessage, errorMessage, delay);
-  },
-  copyHTML: function (html, successMessage, errorMessage) {
-    let delay = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : ALERT_DELAY;
-    return copy(html, successMessage, errorMessage, delay, true);
-  }
+  copyText: (text, successMessage, errorMessage, delay = ALERT_DELAY) => copy(text, successMessage, errorMessage, delay),
+  copyHTML: (html, successMessage, errorMessage, delay = ALERT_DELAY) => copy(html, successMessage, errorMessage, delay, true)
 };
 
 export { clipboard as default };

package/components/code/code.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 classNames from 'classnames';
@@ -8,8 +6,6 @@ export { default as highlight } from 'highlight.js/lib/core';
 import normalizeIndent from '../global/normalize-indent.js';
 import trivialTemplateTag from '../global/trivial-template-tag.js';
 import memoize from '../global/memoize.js';
-import 'core-js/modules/es.array.reverse.js';
-import 'core-js/modules/es.regexp.exec.js';
 
 var styles = {"code":"ring-code-code","inline":"ring-code-inline","softWrap":"ring-code-softWrap"};
 
@@ -17,23 +13,26 @@ var highlightStyles = {"highlightContainer":"ring-highlight-highlightContainer"}
 
 function noop() {}
 const registerLanguage = memoize(async language => {
-  const languageExports = await import(/* webpackChunkName: "highlight-[request]" */"highlight.js/lib/languages/".concat(language, ".js"));
+  const languageExports = await import(/* webpackChunkName: "highlight-[request]" */
+  `highlight.js/lib/languages/${language}.js`);
   highlight.registerLanguage(language, languageExports.default);
 });
 /**
  * @name Code
  */
 class Code extends PureComponent {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "code", void 0);
-  }
+  static defaultProps = {
+    inline: false,
+    softWrap: false,
+    replacer: noop
+  };
   componentDidMount() {
     this.highlight();
   }
   componentDidUpdate() {
     this.highlight();
   }
+  code;
   async highlight() {
     const codeRef = this.codeRef;
     if (!codeRef) {
@@ -100,11 +99,6 @@ class Code extends PureComponent {
     });
   }
 }
-_defineProperty(Code, "defaultProps", {
-  inline: false,
-  softWrap: false,
-  replacer: noop
-});
 const code = trivialTemplateTag(source => jsx(Code, {
   code: source
 }));

package/components/collapse/collapse-content.js

@@ -1,4 +1,3 @@
-import 'core-js/modules/web.dom-collections.iterator.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useContext, useRef, useState, useEffect, useMemo } from 'react';
 import classNames from 'classnames';
@@ -7,8 +6,6 @@ import { getRect } from '../global/dom.js';
 import { toPx } from './utils.js';
 import { CollapseContext } from './collapse-context.js';
 import { COLLAPSE_CONTENT_TEST_ID, COLLAPSE_CONTENT_CONTAINER_TEST_ID } from './consts.js';
-import '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.regexp.exec.js';
 
 var styles = {"container":"ring-collapse-container","transition":"ring-collapse-transition","summary":"ring-collapse-summary","trigger":"ring-collapse-trigger","fade":"ring-collapse-fade"};
 
@@ -19,12 +16,11 @@ const HIDDEN = 0;
 /**
  * @name CollapseContent
  */
-const CollapseContent = _ref => {
-  let {
-    children,
-    minHeight = DEFAULT_HEIGHT,
-    'data-test': dataTest
-  } = _ref;
+const CollapseContent = ({
+  children,
+  minHeight = DEFAULT_HEIGHT,
+  'data-test': dataTest
+}) => {
   const {
     collapsed,
     duration,
@@ -49,9 +45,9 @@ const CollapseContent = _ref => {
       }
     }
     const container = containerRef.current;
-    container === null || container === void 0 || container.addEventListener('transitionend', onTransitionEnd);
+    container?.addEventListener('transitionend', onTransitionEnd);
     return () => {
-      container === null || container === void 0 || container.removeEventListener('transitionend', onTransitionEnd);
+      container?.removeEventListener('transitionend', onTransitionEnd);
     };
   }, [collapsed]);
   useEffect(() => {
@@ -69,8 +65,7 @@ const CollapseContent = _ref => {
   }, [collapsed, dimensions.height]);
   useEffect(() => {
     if (contentRef.current) {
-      const observer = new ResizeObserver(_ref2 => {
-        let [entry] = _ref2;
+      const observer = new ResizeObserver(([entry]) => {
         if (entry && entry.borderBoxSize) {
           const {
             inlineSize,
@@ -88,7 +83,7 @@ const CollapseContent = _ref => {
   const style = useMemo(() => {
     const calculatedDuration = duration + contentHeight.current * DURATION_FACTOR;
     return {
-      '--duration': "".concat(calculatedDuration, "ms"),
+      '--duration': `${calculatedDuration}ms`,
       height,
       opacity: collapsed && !minHeight ? HIDDEN : VISIBLE
     };
@@ -97,7 +92,7 @@ const CollapseContent = _ref => {
   const shouldRenderContent = disableAnimation ? !collapsed : !shouldHideContent;
   return jsxs("div", {
     ref: containerRef,
-    id: "collapse-content-".concat(id),
+    id: `collapse-content-${id}`,
     "data-test": joinDataTestAttributes(COLLAPSE_CONTENT_CONTAINER_TEST_ID),
     className: classNames(styles.container, {
       [styles.transition]: !disableAnimation

package/components/collapse/collapse-control.js

@@ -3,16 +3,14 @@ import { useContext, useMemo, cloneElement } from 'react';
 import joinDataTestAttributes from '../global/data-tests.js';
 import { CollapseContext } from './collapse-context.js';
 import { COLLAPSE_CONTROL_TEST_ID } from './consts.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 
 /**
  * @name CollapseControl
  */
-const CollapseControl = _ref => {
-  let {
-    children,
-    'data-test': dataTest
-  } = _ref;
+const CollapseControl = ({
+  children,
+  'data-test': dataTest
+}) => {
   const {
     setCollapsed,
     collapsed,
@@ -29,7 +27,7 @@ const CollapseControl = _ref => {
     "data-test": joinDataTestAttributes(COLLAPSE_CONTROL_TEST_ID, dataTest),
     children: /*#__PURE__*/cloneElement(child, {
       onClick: setCollapsed,
-      'aria-controls': "collapse-content-".concat(id),
+      'aria-controls': `collapse-content-${id}`,
       'aria-expanded': String(!collapsed)
     })
   });

package/components/collapse/collapse.js

@@ -1,4 +1,3 @@
-import 'core-js/modules/web.dom-collections.iterator.js';
 import { jsx } from 'react/jsx-runtime';
 import { useState, useId, useMemo, useCallback } from 'react';
 import { CollapseContext } from './collapse-context.js';
@@ -7,16 +6,15 @@ import { BASE_ANIMATION_DURATION } from './consts.js';
 /**
  * @name Collapse
  */
-const Collapse = _ref => {
-  let {
-    children,
-    duration = BASE_ANIMATION_DURATION,
-    disableAnimation = false,
-    className = '',
-    onChange = () => {},
-    defaultCollapsed = true,
-    collapsed = null
-  } = _ref;
+const Collapse = ({
+  children,
+  duration = BASE_ANIMATION_DURATION,
+  disableAnimation = false,
+  className = '',
+  onChange = () => {},
+  defaultCollapsed = true,
+  collapsed = null
+}) => {
   const [innerCollapsed, setInnerCollapsed] = useState(defaultCollapsed);
   const id = useId();
   const finalCollapsedValue = useMemo(() => collapsed !== null && collapsed !== void 0 ? collapsed : innerCollapsed, [innerCollapsed, collapsed]);

package/components/collapse/utils.js

@@ -1,3 +1,3 @@
-const toPx = value => "".concat(value, "px");
+const toPx = value => `${value}px`;
 
 export { toPx };

package/components/confirm/confirm.js

@@ -1,6 +1,3 @@
-import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.symbol.description.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { PureComponent } from 'react';
 import Dialog from '../dialog/dialog.js';
@@ -21,7 +18,6 @@ import '../global/schedule-raf.js';
 import '../global/get-uid.js';
 import '../shortcuts/shortcuts.js';
 import '../shortcuts/core.js';
-import 'core-js/modules/es.regexp.exec.js';
 import 'combokeys';
 import '../global/sniffer.js';
 import 'sniffr';
@@ -29,10 +25,8 @@ import '../tab-trap/tab-trap.js';
 import '../global/dom.js';
 import '../popup/popup.target.js';
 import '../popup/popup.js';
-import 'core-js/modules/es.string.replace.js';
 import '../global/configuration.js';
 import '../popup/position.js';
-import 'core-js/modules/es.array.sort.js';
 import '../popup/popup.consts.js';
 import '../popup/position-css.js';
 import '../_helpers/dialog-body-scroll-preventer.js';
@@ -52,14 +46,23 @@ import '../_helpers/button.classes.js';
  * @name Confirm
  */
 class Confirm extends PureComponent {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "onEscPress", () => {
-      if (this.props.rejectOnEsc) {
-        this.props.onReject();
-      }
-    });
-  }
+  static defaultProps = {
+    text: null,
+    description: null,
+    show: false,
+    rejectOnEsc: true,
+    inProgress: false,
+    cancelIsDefault: false,
+    confirmLabel: 'OK',
+    rejectLabel: 'Cancel',
+    onConfirm: () => {},
+    onReject: () => {}
+  };
+  onEscPress = () => {
+    if (this.props.rejectOnEsc) {
+      this.props.onReject();
+    }
+  };
   render() {
     const {
       show,
@@ -105,17 +108,5 @@ class Confirm extends PureComponent {
     });
   }
 }
-_defineProperty(Confirm, "defaultProps", {
-  text: null,
-  description: null,
-  show: false,
-  rejectOnEsc: true,
-  inProgress: false,
-  cancelIsDefault: false,
-  confirmLabel: 'OK',
-  rejectLabel: 'Cancel',
-  onConfirm: () => {},
-  onReject: () => {}
-});
 
 export { Confirm as default };

package/components/confirm-service/confirm-service.js

@@ -1,10 +1,7 @@
-import { a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.symbol.description.js';
 import { jsx } from 'react/jsx-runtime';
 import { createRoot } from 'react-dom/client';
 import Confirm from '../confirm/confirm.js';
 import { getGlobalControlsHeight, ControlsHeightContext } from '../global/controls-height.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import 'react';
 import '../dialog/dialog.js';
 import 'react-dom';
@@ -22,7 +19,6 @@ import '../global/schedule-raf.js';
 import '../global/get-uid.js';
 import '../shortcuts/shortcuts.js';
 import '../shortcuts/core.js';
-import 'core-js/modules/es.regexp.exec.js';
 import 'combokeys';
 import '../global/sniffer.js';
 import 'sniffr';
@@ -35,7 +31,6 @@ import 'util-deprecate';
 import '../icon/icon.js';
 import '../icon/icon.constants.js';
 import '../_helpers/icon-svg.js';
-import 'core-js/modules/es.string.replace.js';
 import '../global/memoize.js';
 import '../link/clickable-link.js';
 import '../_helpers/button.classes.js';
@@ -43,14 +38,12 @@ import '../global/configuration.js';
 import '../popup/popup.target.js';
 import '../popup/popup.js';
 import '../popup/position.js';
-import 'core-js/modules/es.array.sort.js';
 import '../popup/popup.consts.js';
 import '../popup/position-css.js';
 import '../_helpers/dialog-body-scroll-preventer.js';
 import 'scrollbar-width';
 import '../panel/panel.js';
 
-const _excluded = ["buttonsHeight"];
 const containerElement = document.createElement('div');
 const reactRoot = createRoot(containerElement);
 /**
@@ -58,24 +51,25 @@ const reactRoot = createRoot(containerElement);
  */
 function renderConfirm(props) {
   const {
-      buttonsHeight = getGlobalControlsHeight()
-    } = props,
-    restProps = _objectWithoutProperties(props, _excluded);
+    buttonsHeight = getGlobalControlsHeight(),
+    ...restProps
+  } = props;
   reactRoot.render(jsx(ControlsHeightContext.Provider, {
     value: buttonsHeight,
-    children: jsx(Confirm, _objectSpread2({}, restProps))
+    children: jsx(Confirm, {
+      ...restProps
+    })
   }));
 }
-function confirm(_ref) {
-  let {
-    text,
-    description,
-    confirmLabel = 'OK',
-    rejectLabel = 'Cancel',
-    cancelIsDefault,
-    onBeforeConfirm,
-    buttonsHeight
-  } = _ref;
+function confirm({
+  text,
+  description,
+  confirmLabel = 'OK',
+  rejectLabel = 'Cancel',
+  cancelIsDefault,
+  onBeforeConfirm,
+  buttonsHeight
+}) {
   return new Promise((resolve, reject) => {
     const props = {
       text,
@@ -87,30 +81,35 @@ function confirm(_ref) {
       show: true,
       onConfirm: () => {
         if (onBeforeConfirm) {
-          renderConfirm(_objectSpread2(_objectSpread2({}, props), {}, {
+          renderConfirm({
+            ...props,
             inProgress: true
-          }));
+          });
           return Promise.resolve(onBeforeConfirm()).then(() => {
-            renderConfirm(_objectSpread2(_objectSpread2({}, props), {}, {
+            renderConfirm({
+              ...props,
               show: false
-            }));
+            });
             resolve();
           }).catch(err => {
-            renderConfirm(_objectSpread2(_objectSpread2({}, props), {}, {
+            renderConfirm({
+              ...props,
               show: false
-            }));
+            });
             reject(err);
           });
         }
-        renderConfirm(_objectSpread2(_objectSpread2({}, props), {}, {
+        renderConfirm({
+          ...props,
           show: false
-        }));
+        });
         return resolve();
       },
       onReject: () => {
-        renderConfirm(_objectSpread2(_objectSpread2({}, props), {}, {
+        renderConfirm({
+          ...props,
           show: false
-        }));
+        });
         reject(new Error('Confirm(@jetbrains/ring-ui): null exception'));
       }
     };

package/components/content-layout/content-layout.js

@@ -1,36 +1,32 @@
-import { _ as _defineProperty, a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { Component, Children, cloneElement } from 'react';
 import classNames from 'classnames';
 import { s as styles, S as Sidebar } from '../_helpers/sidebar.js';
 import 'react-waypoint';
 
-const _excluded = ["children", "className", "contentClassName", "responsive"];
 /**
  * @name Content Layout
  */
 class ContentLayout extends Component {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "state", {
-      contentNode: null
+  static defaultProps = {
+    responsive: true
+  };
+  state = {
+    contentNode: null
+  };
+  saveContentNode = contentNode => {
+    this.setState({
+      contentNode
     });
-    _defineProperty(this, "saveContentNode", contentNode => {
-      this.setState({
-        contentNode
-      });
-    });
-  }
+  };
   render() {
-    const _this$props = this.props,
-      {
-        children,
-        className,
-        contentClassName,
-        responsive
-      } = _this$props,
-      restProps = _objectWithoutProperties(_this$props, _excluded);
+    const {
+      children,
+      className,
+      contentClassName,
+      responsive,
+      ...restProps
+    } = this.props;
     const classes = classNames(styles.contentLayout, className, {
       [styles.contentLayoutResponsive]: responsive
     });
@@ -41,20 +37,17 @@ class ContentLayout extends Component {
       contentNode: this.state.contentNode
     });
     const contentChildren = childrenArray.filter(child => child !== sidebarChild);
-    return jsxs("div", _objectSpread2(_objectSpread2({
-      "data-test": 'content-layout'
-    }, restProps), {}, {
+    return jsxs("div", {
+      "data-test": 'content-layout',
+      ...restProps,
       className: classes,
       children: [sidebar, jsx("main", {
         className: contentClasses,
         ref: this.saveContentNode,
         children: contentChildren
       })]
-    }));
+    });
   }
 }
-_defineProperty(ContentLayout, "defaultProps", {
-  responsive: true
-});
 
 export { Sidebar, ContentLayout as default };

package/components/content-layout/sidebar.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';

package/components/contenteditable/contenteditable.js

@@ -1,15 +1,18 @@
-import { _ as _defineProperty, a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
 import { jsx } from 'react/jsx-runtime';
 import { Component } from 'react';
 import { renderToStaticMarkup } from 'react-dom/server';
 
-const _excluded = ["__html", "onComponentUpdate", "disabled", "tabIndex", "inputRef"],
-  _excluded2 = ["children"];
 /**
  * @name ContentEditable
  */
 function noop() {}
 class ContentEditableBase extends Component {
+  static defaultProps = {
+    disabled: false,
+    tabIndex: 0,
+    onInput: noop,
+    onComponentUpdate: noop
+  };
   shouldComponentUpdate(nextProps) {
     // eslint-disable-next-line no-underscore-dangle
     return nextProps.disabled !== this.props.disabled || nextProps.__html !== this.props.__html;
@@ -18,16 +21,16 @@ class ContentEditableBase extends Component {
     this.props.onComponentUpdate(prevProps);
   }
   render() {
-    const _this$props = this.props,
-      {
-        __html,
-        onComponentUpdate,
-        disabled,
-        tabIndex,
-        inputRef
-      } = _this$props,
-      props = _objectWithoutProperties(_this$props, _excluded);
-    return jsx("div", _objectSpread2(_objectSpread2({}, props), {}, {
+    const {
+      __html,
+      onComponentUpdate,
+      disabled,
+      tabIndex,
+      inputRef,
+      ...props
+    } = this.props;
+    return jsx("div", {
+      ...props,
       ref: inputRef,
       // eslint-disable-next-line @typescript-eslint/ban-ts-comment
       // @ts-ignore
@@ -38,23 +41,15 @@ class ContentEditableBase extends Component {
       dangerouslySetInnerHTML: {
         __html
       }
-    }));
+    });
   }
 }
-_defineProperty(ContentEditableBase, "defaultProps", {
-  disabled: false,
-  tabIndex: 0,
-  onInput: noop,
-  onComponentUpdate: noop
+const ContentEditable = ({
+  children,
+  ...props
+}) => jsx(ContentEditableBase, {
+  ...props,
+  __html: renderToStaticMarkup(children)
 });
-const ContentEditable = _ref => {
-  let {
-      children
-    } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded2);
-  return jsx(ContentEditableBase, _objectSpread2(_objectSpread2({}, props), {}, {
-    __html: renderToStaticMarkup(children)
-  }));
-};
 
 export { ContentEditable as default };

package/components/control-help/control-help.js

@@ -1,18 +1,16 @@
-import { a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
 import { jsx } from 'react/jsx-runtime';
 import classNames from 'classnames';
 
 var styles = {"help":"ring-control-help-help"};
 
-const _excluded = ["className"];
-function ControlHelp(_ref) {
-  let {
-      className
-    } = _ref,
-    restProps = _objectWithoutProperties(_ref, _excluded);
-  return jsx("div", _objectSpread2({
-    className: classNames(className, styles.help)
-  }, restProps));
+function ControlHelp({
+  className,
+  ...restProps
+}) {
+  return jsx("div", {
+    className: classNames(className, styles.help),
+    ...restProps
+  });
 }
 
 export { ControlHelp as default };