@jetbrains/ring-ui-built 7.0.66 → 7.0.71

package/components/button/button.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 { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { PureComponent, createRef } from 'react';
 import classNames from 'classnames';
@@ -12,29 +10,25 @@ import { ControlsHeightContext } from '../global/controls-height.js';
 import { g as getButtonClasses, s as styles } from '../_helpers/button.classes.js';
 import { Size } from '../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';
 
-const _excluded = ["download", "href", "hrefLang", "media", "ping", "target", "type", "referrerPolicy", "onConditionalClick", "onPlainLeftClick", "activeClassName"],
-  _excluded2 = ["active", "danger", "delayed", "loader", "primary", "success", "error", "secondary", "ghost", "short", "text", "dropdown", "height", "icon", "iconRight", "iconSize", "iconClassName", "iconRightClassName", "iconSuppressSizeWarning", "className", "children", "inline", "disabled"];
 const warnText = deprecate(() => {}, 'Button: "text" prop is deprecated and will be removed in 8.0. Use inline instead.');
 function removeLinkProps(props) {
   const {
-      download,
-      href,
-      hrefLang,
-      media,
-      ping,
-      target,
-      type,
-      referrerPolicy,
-      onConditionalClick,
-      onPlainLeftClick,
-      activeClassName
-    } = props,
-    restProps = _objectWithoutProperties(props, _excluded);
+    download,
+    href,
+    hrefLang,
+    media,
+    ping,
+    target,
+    type,
+    referrerPolicy,
+    onConditionalClick,
+    onPlainLeftClick,
+    activeClassName,
+    ...restProps
+  } = props;
   return restProps;
 }
 /**
@@ -44,49 +38,51 @@ function removeLinkProps(props) {
  * A component for displaying variously styled buttons.
  */
 class Button extends PureComponent {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "buttonRef", /*#__PURE__*/createRef());
-  }
+  /**
+   * @deprecated Use icons with appropriate intrinsic sizes instead
+   */
+  static IconSize = Size;
+  static contextType = ControlsHeightContext;
+  buttonRef = /*#__PURE__*/createRef();
   render() {
     var _ref;
-    const _this$props = this.props,
-      {
-        // Modifiers
-        active,
-        danger,
-        delayed,
-        loader,
-        primary,
-        success,
-        error,
-        secondary,
-        ghost,
-        short,
-        text,
-        dropdown,
-        height,
-        // Props
-        icon,
-        iconRight,
-        iconSize,
-        iconClassName,
-        iconRightClassName,
-        iconSuppressSizeWarning,
-        className,
-        children,
-        inline,
-        disabled
-      } = _this$props,
-      props = _objectWithoutProperties(_this$props, _excluded2);
+    const {
+      // Modifiers
+      active,
+      danger,
+      delayed,
+      loader,
+      primary,
+      success,
+      error,
+      secondary,
+      ghost,
+      short,
+      text,
+      dropdown,
+      height,
+      // Props
+      icon,
+      iconRight,
+      iconSize,
+      iconClassName,
+      iconRightClassName,
+      iconSuppressSizeWarning,
+      className,
+      children,
+      inline,
+      disabled,
+      ...props
+    } = this.props;
     const isInline = (_ref = inline !== null && inline !== void 0 ? inline : text) !== null && _ref !== void 0 ? _ref : !!icon;
     if (text) {
       warnText();
     }
-    const classes = getButtonClasses(_objectSpread2(_objectSpread2({}, this.props), {}, {
+    const classes = getButtonClasses({
+      ...this.props,
       inline: isInline,
       height: height !== null && height !== void 0 ? height : typeof this.context === 'function' ? this.context() : this.context
-    }));
+    });
     const content = jsxs(Fragment, {
       children: [icon && jsx(Icon, {
         className: classNames(styles.icon, iconClassName),
@@ -102,25 +98,24 @@ class Button extends PureComponent {
       })]
     });
     const isDisabled = disabled || loader || undefined;
-    const commonProps = _objectSpread2(_objectSpread2({}, props.href !== undefined && isDisabled ? removeLinkProps(props) : props), {}, {
+    const commonProps = {
+      ...(props.href !== undefined && isDisabled ? removeLinkProps(props) : props),
       className: classes,
       children: jsxs(Fragment, {
         children: [loader && !isInline && jsx("div", {
           className: styles.loaderBackground
         }), content]
       })
-    });
-    return 'href' in commonProps && commonProps.href !== undefined ? jsx(ClickableLink, _objectSpread2({}, commonProps)) : jsx("button", _objectSpread2({
+    };
+    return 'href' in commonProps && commonProps.href !== undefined ? jsx(ClickableLink, {
+      ...commonProps
+    }) : jsx("button", {
       ref: this.buttonRef,
       type: 'button',
-      disabled: isDisabled
-    }, commonProps));
+      disabled: isDisabled,
+      ...commonProps
+    });
   }
 }
-/**
- * @deprecated Use icons with appropriate intrinsic sizes instead
- */
-_defineProperty(Button, "IconSize", Size);
-_defineProperty(Button, "contextType", ControlsHeightContext);
 
 export { Button, Size as IconSize, Button as default };

package/components/button-group/button-group.js

@@ -1,5 +1,3 @@
-import { a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.regexp.exec.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { PureComponent, Children } from 'react';
 import classNames from 'classnames';
@@ -8,33 +6,31 @@ import { ControlLabel } from '../control-label/control-label.js';
 import ControlHelp from '../control-help/control-help.js';
 import { s as styles } from '../_helpers/caption.js';
 export { C as Caption } from '../_helpers/caption.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 
-const _excluded = ["className", "split", "data-test", "label", "help"];
 /**
  * @name Button Group
  */
 class ButtonGroup extends PureComponent {
   render() {
-    const _this$props = this.props,
-      {
-        className,
-        split,
-        'data-test': dataTest,
-        label,
-        help
-      } = _this$props,
-      restProps = _objectWithoutProperties(_this$props, _excluded);
+    const {
+      className,
+      split,
+      'data-test': dataTest,
+      label,
+      help,
+      ...restProps
+    } = this.props;
     const classes = classNames(split ? styles.split : styles.buttonGroup, className, {
       [styles.disabled]: Children.toArray(this.props.children).every(child => !!child && typeof child === 'object' && 'props' in child && child.props.disabled)
     });
     return jsxs(Fragment, {
       children: [label && jsx(ControlLabel, {
         children: label
-      }), jsx("div", _objectSpread2(_objectSpread2({}, restProps), {}, {
+      }), jsx("div", {
+        ...restProps,
         "data-test": joinDataTestAttributes('ring-button-group', dataTest),
         className: classes
-      })), help && jsx(ControlHelp, {
+      }), help && jsx(ControlHelp, {
         className: styles.help,
         children: help
       })]

package/components/button-group/caption.js

@@ -1,4 +1,3 @@
-import '../_helpers/_rollupPluginBabelHelpers.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'classnames';

package/components/button-set/button-set.js

@@ -1,31 +1,28 @@
-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 'core-js/modules/web.dom-collections.iterator.js';
 
 var styles = {"button":"ring-button-button","buttonSet":"ring-button-set-buttonSet"};
 
-const _excluded = ["className", "data-test", "children"];
 /**
  * @name Button Set
  */
 class ButtonSet extends PureComponent {
   render() {
-    const _this$props = this.props,
-      {
-        className,
-        'data-test': dataTest,
-        children
-      } = _this$props,
-      restProps = _objectWithoutProperties(_this$props, _excluded);
+    const {
+      className,
+      'data-test': dataTest,
+      children,
+      ...restProps
+    } = this.props;
     const classes = classNames(styles.buttonSet, className);
-    return jsx("div", _objectSpread2(_objectSpread2({}, restProps), {}, {
+    return jsx("div", {
+      ...restProps,
       "data-test": joinDataTestAttributes('ring-button-set', dataTest),
       className: classes,
       children: children
-    }));
+    });
   }
 }
 

package/components/button-toolbar/button-toolbar.js

@@ -1,29 +1,26 @@
-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 'core-js/modules/web.dom-collections.iterator.js';
 
 var styles = {"button":"ring-button-button","buttonToolbar":"ring-button-toolbar-buttonToolbar","buttonGroup":"ring-button-toolbar-buttonGroup","split":"ring-button-toolbar-split"};
 
-const _excluded = ["className", "data-test"];
 /**
  * @name Button Toolbar
  */
 class ButtonToolbar extends PureComponent {
   render() {
-    const _this$props = this.props,
-      {
-        className,
-        'data-test': dataTest
-      } = _this$props,
-      restProps = _objectWithoutProperties(_this$props, _excluded);
+    const {
+      className,
+      'data-test': dataTest,
+      ...restProps
+    } = this.props;
     const classes = classNames(styles.buttonToolbar, className);
-    return jsx("div", _objectSpread2(_objectSpread2({}, restProps), {}, {
+    return jsx("div", {
+      ...restProps,
       "data-test": joinDataTestAttributes('ring-button-toolbar', dataTest),
       className: classes
-    }));
+    });
   }
 }
 

package/components/caret/caret.js

@@ -1,13 +1,14 @@
-import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.regexp.exec.js';
-import 'core-js/modules/es.string.replace.js';
 import { getRect } from '../global/dom.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 
 /**
  * @name Caret
  */
 class Caret {
+  /**
+   * Line endings RegExp
+   * @type {RegExp}
+   */
+  static returnRE = /\r/g;
   /**
    * Line endings normalizer
    * Borrowed from jQuery
@@ -18,8 +19,8 @@ class Caret {
   static normalizeNewlines(value) {
     return typeof value === 'string' ? value.replace(this.returnRE, '') : value;
   }
+  target;
   constructor(target) {
-    _defineProperty(this, "target", void 0);
     this.target = target;
   }
   isContentEditable() {
@@ -43,8 +44,8 @@ class Caret {
     let curPos = 0;
     while (_curNode && _curNode !== this.target) {
       while (_curNode.previousSibling) {
-        var _curNode$previousSibl, _curNode$previousSibl2;
-        curPos += (_curNode$previousSibl = (_curNode$previousSibl2 = _curNode.previousSibling.textContent) === null || _curNode$previousSibl2 === void 0 ? void 0 : _curNode$previousSibl2.length) !== null && _curNode$previousSibl !== void 0 ? _curNode$previousSibl : 0;
+        var _curNode$previousSibl;
+        curPos += (_curNode$previousSibl = _curNode.previousSibling.textContent?.length) !== null && _curNode$previousSibl !== void 0 ? _curNode$previousSibl : 0;
         _curNode = _curNode.previousSibling;
       }
       _curNode = _curNode.parentNode;
@@ -57,14 +58,13 @@ class Caret {
    * @param {boolean} params.avoidFocus
    * @return {number}
    */
-  getPosition() {
-    let params = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  getPosition(params = {}) {
     if (this.isContentEditable()) {
       if (!params.avoidFocus) {
         this.focus();
       }
       const selection = window.getSelection();
-      if (!(selection !== null && selection !== void 0 && selection.rangeCount)) {
+      if (!selection?.rangeCount) {
         return 0;
       }
       const range1 = selection.getRangeAt(0);
@@ -137,12 +137,12 @@ class Caret {
       while (curPos < position && _curNode.nodeType !== nodeTypeText) {
         i++;
         if (_curNode.childNodes[i]) {
-          var _curNode$childNodes$i, _curNode$childNodes$i2;
-          curPos += (_curNode$childNodes$i = (_curNode$childNodes$i2 = _curNode.childNodes[i].textContent) === null || _curNode$childNodes$i2 === void 0 ? void 0 : _curNode$childNodes$i2.length) !== null && _curNode$childNodes$i !== void 0 ? _curNode$childNodes$i : 0;
+          var _curNode$childNodes$i;
+          curPos += (_curNode$childNodes$i = _curNode.childNodes[i].textContent?.length) !== null && _curNode$childNodes$i !== void 0 ? _curNode$childNodes$i : 0;
           if (curPos >= position) {
-            var _curNode$textContent$, _curNode$textContent;
+            var _curNode$textContent$;
             _curNode = _curNode.childNodes[i];
-            curPos -= (_curNode$textContent$ = (_curNode$textContent = _curNode.textContent) === null || _curNode$textContent === void 0 ? void 0 : _curNode$textContent.length) !== null && _curNode$textContent$ !== void 0 ? _curNode$textContent$ : 0;
+            curPos -= (_curNode$textContent$ = _curNode.textContent?.length) !== null && _curNode$textContent$ !== void 0 ? _curNode$textContent$ : 0;
             i = -1;
           }
         } else {
@@ -179,7 +179,7 @@ class Caret {
       } else if (position === -1) {
         var _value$length;
         const value = isContentEditable ? this.target.textContent : Caret.normalizeNewlines('value' in this.target ? this.target.value : undefined);
-        correctedPosition = (_value$length = value === null || value === void 0 ? void 0 : value.length) !== null && _value$length !== void 0 ? _value$length : 0;
+        correctedPosition = (_value$length = value?.length) !== null && _value$length !== void 0 ? _value$length : 0;
       } else {
         const {
           _curNode,
@@ -193,12 +193,10 @@ class Caret {
       this.focus();
       try {
         if (correctedPosition instanceof Range) {
-          var _window$getSelection, _window$getSelection2;
-          (_window$getSelection = window.getSelection()) === null || _window$getSelection === void 0 || _window$getSelection.removeAllRanges();
-          (_window$getSelection2 = window.getSelection()) === null || _window$getSelection2 === void 0 || _window$getSelection2.addRange(correctedPosition);
+          window.getSelection()?.removeAllRanges();
+          window.getSelection()?.addRange(correctedPosition);
         } else {
-          var _window$getSelection3;
-          (_window$getSelection3 = window.getSelection()) === null || _window$getSelection3 === void 0 || _window$getSelection3.collapse(curNode || this.target, correctedPosition);
+          window.getSelection()?.collapse(curNode || this.target, correctedPosition);
         }
       } catch (e) {
         // Do nothing
@@ -216,10 +214,9 @@ class Caret {
     let offset = 0;
     let range;
     try {
-      var _window$getSelection4, _range;
       // Both statements may throw
-      range = (_window$getSelection4 = window.getSelection()) === null || _window$getSelection4 === void 0 ? void 0 : _window$getSelection4.getRangeAt(0).cloneRange();
-      (_range = range) === null || _range === void 0 || _range.setStart(range.startContainer, range.startOffset - 1);
+      range = window.getSelection()?.getRangeAt(0).cloneRange();
+      range?.setStart(range.startContainer, range.startOffset - 1);
     } catch (e) {
       return offset;
     }
@@ -229,10 +226,5 @@ class Caret {
     return offset;
   }
 }
-/**
- * Line endings RegExp
- * @type {RegExp}
- */
-_defineProperty(Caret, "returnRE", /\r/g);
 
 export { Caret as default };

package/components/checkbox/checkbox-group.figma.js

@@ -1,14 +1,11 @@
-import { c as _taggedTemplateLiteral } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import figma from '@figma/code-connect';
 
-var _templateObject;
 const instance = figma.selectedInstance;
 const labelType = instance.getString('Label');
 const children = instance.findConnectedInstances(() => true);
 const label = instance.findText('Group description').textContent;
 const isFormLabel = labelType === 'form';
-const imports = ["import ControlLabel".concat(isFormLabel ? ', {LabelType}' : '', " from '@jetbrains/ring-ui/components/control-label/control-label'")];
+const imports = [`import ControlLabel${isFormLabel ? ', {LabelType}' : ''} from '@jetbrains/ring-ui/components/control-label/control-label'`];
 const labelProps = [];
 if (isFormLabel) {
   labelProps.push('type={LabelType.FORM}');
@@ -25,12 +22,13 @@ const renderedChildren = children.map(child => {
 });
 var checkboxGroup_figma = {
   id: 'checkbox-group',
-  example: figma.code(_templateObject || (_templateObject = _taggedTemplateLiteral(["", "\n", "\n\n<ControlLabel ", ">", "</ControlLabel>\n", ""])), imports.join('\n'), renderedChildren[0].imports, labelProps.map(prop => "".concat(prop, " ")).join(''), label, renderedChildren.map(_ref => {
-    let {
-      code
-    } = _ref;
-    return code;
-  }).join('\n<br />\n'))
+  example: figma.code`${imports.join('\n')}
+${renderedChildren[0].imports}
+
+<ControlLabel ${labelProps.map(prop => `${prop} `).join('')}>${label}</ControlLabel>
+${renderedChildren.map(({
+    code
+  }) => code).join('\n<br />\n')}`
 };
 
 export { checkboxGroup_figma as default };

package/components/checkbox/checkbox.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 selected = instance.getString('Selected');
 const hasLabel = instance.getBoolean('Label');
@@ -20,17 +18,19 @@ switch (selected) {
     break;
 }
 if (hasLabel) {
-  props.push("label=\"".concat(label, "\""));
+  props.push(`label="${label}"`);
 }
 if (hasHelpText) {
-  props.push("help=\"".concat(helpText, "\""));
+  props.push(`help="${helpText}"`);
 }
 if (state === 'Disabled') {
   props.push('disabled');
 }
 var checkbox_figma = {
   id: 'checkbox',
-  example: figma.code(_templateObject || (_templateObject = _taggedTemplateLiteral(["", "\n\n<Checkbox ", "/>"])), imports.join('\n'), props.map(prop => "".concat(prop, " ")).join(''))
+  example: figma.code`${imports.join('\n')}
+
+<Checkbox ${props.map(prop => `${prop} `).join('')}/>`
 };
 
 export { checkbox_figma as default };

package/components/checkbox/checkbox.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 { jsxs, jsx } from 'react/jsx-runtime';
 import { PureComponent } from 'react';
 import classNames from 'classnames';
@@ -11,14 +9,11 @@ import ControlHelp from '../control-help/control-help.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 'memoize-one';
 
 var styles = {"checkbox":"ring-checkbox-checkbox","cell":"ring-checkbox-cell","icon":"ring-checkbox-icon","check":"ring-checkbox-check ring-checkbox-icon","minus":"ring-checkbox-minus ring-checkbox-icon","input":"ring-checkbox-input","cellWrapper":"ring-checkbox-cellWrapper","focus":"ring-checkbox-focus","label":"ring-checkbox-label"};
 
-const _excluded = ["children", "label", "className", "containerClassName", "containerStyle", "cellClassName", "labelClassName", "indeterminate", "inputRef", "help"];
 /**
  * @name Checkbox
  */
@@ -26,17 +21,9 @@ const _excluded = ["children", "label", "className", "containerClassName", "cont
  * Displays a checkbox.
  */
 class Checkbox extends PureComponent {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "input", void 0);
-    _defineProperty(this, "inputRef", el => {
-      if (el) {
-        el.indeterminate = this.props.indeterminate;
-      }
-      this.input = el;
-    });
-    _defineProperty(this, "composedInputRef", createComposedRef());
-  }
+  static defaultProps = {
+    indeterminate: false
+  };
   componentDidMount() {
     if (this.input) {
       this.input.indeterminate = this.props.indeterminate;
@@ -50,21 +37,28 @@ class Checkbox extends PureComponent {
       this.input.indeterminate = this.props.indeterminate;
     }
   }
+  input;
+  inputRef = el => {
+    if (el) {
+      el.indeterminate = this.props.indeterminate;
+    }
+    this.input = el;
+  };
+  composedInputRef = createComposedRef();
   render() {
-    const _this$props = this.props,
-      {
-        children,
-        label,
-        className,
-        containerClassName,
-        containerStyle,
-        cellClassName,
-        labelClassName,
-        indeterminate,
-        inputRef,
-        help
-      } = _this$props,
-      restProps = _objectWithoutProperties(_this$props, _excluded);
+    const {
+      children,
+      label,
+      className,
+      containerClassName,
+      containerStyle,
+      cellClassName,
+      labelClassName,
+      indeterminate,
+      inputRef,
+      help,
+      ...restProps
+    } = this.props;
     const classes = classNames(styles.input, className);
     const containerClasses = classNames(styles.checkbox, containerClassName);
     const cellClasses = classNames(styles.cell, cellClassName);
@@ -73,12 +67,13 @@ class Checkbox extends PureComponent {
       className: containerClasses,
       style: containerStyle,
       "data-test": 'ring-checkbox',
-      children: [jsx("input", _objectSpread2(_objectSpread2({}, restProps), {}, {
+      children: [jsx("input", {
+        ...restProps,
         "data-checked": restProps.checked,
         ref: this.composedInputRef(this.inputRef, inputRef),
         type: 'checkbox',
         className: classes
-      })), jsx("div", {
+      }), jsx("div", {
         className: styles.cellWrapper,
         children: jsxs("span", {
           className: cellClasses,
@@ -99,8 +94,5 @@ class Checkbox extends PureComponent {
     });
   }
 }
-_defineProperty(Checkbox, "defaultProps", {
-  indeterminate: false
-});
 
 export { Checkbox as default };

package/components/clipboard/clipboard-fallback.js

@@ -26,12 +26,12 @@ function copyHTMLToClipboard(str) {
   const selection = document.getSelection();
   // Should restore previous selection
   const selected = selection && selection.rangeCount > 0 ? selection.getRangeAt(0) : false;
-  selection === null || selection === void 0 || selection.removeAllRanges();
+  selection?.removeAllRanges();
   const range = document.createRange();
   range.selectNode(el);
-  selection === null || selection === void 0 || selection.addRange(range);
+  selection?.addRange(range);
   document.execCommand('copy');
-  selection === null || selection === void 0 || selection.removeAllRanges();
+  selection?.removeAllRanges();
   document.execCommand('copy');
   document.body.removeChild(el);
   if (selected && selection) {