@jetbrains/ring-ui-built 7.0.65 → 7.0.70

package/components/_helpers/anchor.js

@@ -1,4 +1,3 @@
-import { a as _objectWithoutProperties, b as _objectSpread2 } from './_rollupPluginBabelHelpers.js';
 import { jsx } from 'react/jsx-runtime';
 import { memo } from 'react';
 import classNames from 'classnames';
@@ -6,22 +5,18 @@ import { Button } from '../button/button.js';
 
 var styles = {"dropdown":"ring-dropdown-dropdown","anchor":"ring-dropdown-anchor"};
 
-const _excluded = ["children", "className"];
-const Anchor = _ref => {
-  let {
-      children,
-      className
-    } = _ref,
-    restProps = _objectWithoutProperties(_ref, _excluded);
-  return jsx(Button, _objectSpread2(_objectSpread2({
-    "data-test-ring-dropdown-anchor": true,
-    inline: true,
-    dropdown: true,
-    className: classNames(styles.anchor, className)
-  }, restProps), {}, {
-    children: children
-  }));
-};
+const Anchor = ({
+  children,
+  className,
+  ...restProps
+}) => jsx(Button, {
+  "data-test-ring-dropdown-anchor": true,
+  inline: true,
+  dropdown: true,
+  className: classNames(styles.anchor, className),
+  ...restProps,
+  children: children
+});
 var Anchor$1 = /*#__PURE__*/memo(Anchor);
 
 export { Anchor$1 as A, styles as s };

package/components/_helpers/avatar-info.js

@@ -15,11 +15,10 @@ const fontSizes = {
   [Size.Size48]: 16,
   [Size.Size56]: 22
 };
-function AvatarInfo(_ref) {
-  let {
-    size,
-    children
-  } = _ref;
+function AvatarInfo({
+  size,
+  children
+}) {
   const fontSize = fontSizes[size];
   return jsx("span", {
     style: {

package/components/_helpers/button.classes.js

@@ -2,30 +2,29 @@ import classNames from 'classnames';
 
 var styles = {"glyph":"ring-icon-glyph","heightS":"ring-button-heightS","heightM":"ring-button-heightM","heightL":"ring-button-heightL","button":"ring-button-button","block":"ring-button-block","inline":"ring-button-inline","icon":"ring-button-icon","iconRight":"ring-button-iconRight","withNormalIcon":"ring-button-withNormalIcon","active":"ring-button-active","disabled":"ring-button-disabled","danger":"ring-button-danger","flat":"ring-button-flat","whiteText":"ring-button-whiteText","primaryBlock":"ring-button-primaryBlock ring-button-flat ring-button-whiteText","success":"ring-button-success ring-button-flat ring-button-whiteText","error":"ring-button-error ring-button-flat ring-button-whiteText","secondary":"ring-button-secondary ring-button-flat","ghost":"ring-button-ghost ring-button-flat","iconOnly":"ring-button-iconOnly","loader":"ring-button-loader","text-loading":"ring-button-text-loading","loaderBackground":"ring-button-loaderBackground","progress":"ring-button-progress","delayed":"ring-button-delayed","short":"ring-button-short","dropdownIcon":"ring-button-dropdownIcon"};
 
-function getButtonClasses(_ref) {
-  let {
-    className,
-    active,
-    disabled,
-    loader,
-    primary,
-    success,
-    error,
-    secondary,
-    ghost,
-    short,
-    inline,
-    danger,
-    delayed,
-    icon,
-    iconRight,
-    height,
-    children
-  } = _ref;
+function getButtonClasses({
+  className,
+  active,
+  disabled,
+  loader,
+  primary,
+  success,
+  error,
+  secondary,
+  ghost,
+  short,
+  inline,
+  danger,
+  delayed,
+  icon,
+  iconRight,
+  height,
+  children
+}) {
   const iconOnly = (icon || iconRight) && !children;
   const primaryBlock = primary && !inline;
   const withNormalIcon = iconOnly && inline && !active && !danger && !primary && !disabled;
-  return classNames(styles.button, className, styles["height".concat(height)], inline ? styles.inline : styles.block, {
+  return classNames(styles.button, className, styles[`height${height}`], inline ? styles.inline : styles.block, {
     [styles.active]: active,
     [styles.danger]: danger,
     [styles.delayed]: delayed,

package/components/_helpers/caption.js

@@ -1,4 +1,3 @@
-import { b as _objectSpread2 } from './_rollupPluginBabelHelpers.js';
 import { jsx } from 'react/jsx-runtime';
 import { PureComponent } from 'react';
 import classNames from 'classnames';
@@ -11,9 +10,10 @@ class Caption extends PureComponent {
       className
     } = this.props;
     const classes = classNames(styles.caption, className);
-    return jsx("span", _objectSpread2(_objectSpread2({}, this.props), {}, {
+    return jsx("span", {
+      ...this.props,
       className: classes
-    }));
+    });
   }
 }
 

package/components/_helpers/card.js

@@ -1,5 +1,3 @@
-import { _ as _defineProperty, a as _objectWithoutProperties, b as _objectSpread2 } from './_rollupPluginBabelHelpers.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { PureComponent } from 'react';
 import classNames from 'classnames';
@@ -16,38 +14,35 @@ import { Size as Size$1 } from '../icon/icon.constants.js';
 
 var styles = {"userCardSpaced":"ring-user-card-userCardSpaced","userInformationContainer":"ring-user-card-userInformationContainer","userAvatar":"ring-user-card-userAvatar","userInformation":"ring-user-card-userInformation","userInformationGeneral":"ring-user-card-userInformationGeneral","userNameLine":"ring-user-card-userNameLine","userName":"ring-user-card-userName","userLogin":"ring-user-card-userLogin","userEmail":"ring-user-card-userEmail","userCopyIcon":"ring-user-card-userCopyIcon","userEmailWrapper":"ring-user-card-userEmailWrapper","unverifiedLabel":"ring-user-card-unverifiedLabel","userNameInfo":"ring-user-card-userNameInfo","userActiveStatus":"ring-user-card-userActiveStatus","online":"ring-user-card-online"};
 
-const _excluded = ["children", "info", "className", "user", "avatarInfo"];
 class UserCard extends PureComponent {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "copyEmail", () => {
-      var _translations$copiedT, _translations$copingT;
-      const {
-        translate
-      } = this.context;
-      const translations = this.props.translations;
-      clipboard.copyText(this.props.user.email || '', (_translations$copiedT = translations === null || translations === void 0 ? void 0 : translations.copiedToClipboard) !== null && _translations$copiedT !== void 0 ? _translations$copiedT : translate('copyToClipboard'), (_translations$copingT = translations === null || translations === void 0 ? void 0 : translations.copingToClipboardError) !== null && _translations$copingT !== void 0 ? _translations$copingT : translate('copingToClipboardError'));
-    });
-  }
+  static contextType = I18nContext;
+  copyEmail = () => {
+    var _translations$copiedT, _translations$copingT;
+    const {
+      translate
+    } = this.context;
+    const translations = this.props.translations;
+    clipboard.copyText(this.props.user.email || '', (_translations$copiedT = translations?.copiedToClipboard) !== null && _translations$copiedT !== void 0 ? _translations$copiedT : translate('copyToClipboard'), (_translations$copingT = translations?.copingToClipboardError) !== null && _translations$copingT !== void 0 ? _translations$copingT : translate('copingToClipboardError'));
+  };
   // eslint-disable-next-line complexity
   render() {
     var _translations$online, _translations$offline, _translations$banned, _translations$unverif, _translations$copyToC;
-    const _this$props = this.props,
-      {
-        children,
-        info,
-        className,
-        user,
-        avatarInfo
-      } = _this$props,
-      restProps = _objectWithoutProperties(_this$props, _excluded);
+    const {
+      children,
+      info,
+      className,
+      user,
+      avatarInfo,
+      ...restProps
+    } = this.props;
     const {
       translate
     } = this.context;
     const translations = this.props.translations;
     const classes = classNames(className, {});
     const userActiveStatusClasses = classNames(styles.userActiveStatus, user.online ? styles.online : '');
-    return jsx("div", _objectSpread2(_objectSpread2({}, restProps), {}, {
+    return jsx("div", {
+      ...restProps,
       className: classes,
       children: jsxs("div", {
         className: styles.userInformationContainer,
@@ -75,7 +70,7 @@ class UserCard extends PureComponent {
                 children: user.name
               }), typeof user.online === 'boolean' && jsx("span", {
                 className: userActiveStatusClasses,
-                title: user.online ? (_translations$online = translations === null || translations === void 0 ? void 0 : translations.online) !== null && _translations$online !== void 0 ? _translations$online : translate('online') : (_translations$offline = translations === null || translations === void 0 ? void 0 : translations.offline) !== null && _translations$offline !== void 0 ? _translations$offline : translate('offline')
+                title: user.online ? (_translations$online = translations?.online) !== null && _translations$online !== void 0 ? _translations$online : translate('online') : (_translations$offline = translations?.offline) !== null && _translations$offline !== void 0 ? _translations$offline : translate('offline')
               }), !!info && jsx("span", {
                 className: styles.userNameInfo,
                 children: info
@@ -83,7 +78,7 @@ class UserCard extends PureComponent {
                 title: user.banReason,
                 children: jsx(Tag, {
                   tagType: TagType.ERROR,
-                  children: (_translations$banned = translations === null || translations === void 0 ? void 0 : translations.banned) !== null && _translations$banned !== void 0 ? _translations$banned : translate('banned')
+                  children: (_translations$banned = translations?.banned) !== null && _translations$banned !== void 0 ? _translations$banned : translate('banned')
                 })
               })]
             }), jsx("div", {
@@ -92,16 +87,16 @@ class UserCard extends PureComponent {
             }), user.email && jsxs("span", {
               className: styles.userEmailWrapper,
               children: [jsx(Link, {
-                href: "mailto:".concat(user.email),
-                title: "mailto:".concat(user.email),
+                href: `mailto:${user.email}`,
+                title: `mailto:${user.email}`,
                 target: '_blank',
                 className: styles.userEmail,
                 children: user.email
               }), user.unverifiedEmail && jsx("span", {
                 className: styles.unverifiedLabel,
-                children: (_translations$unverif = translations === null || translations === void 0 ? void 0 : translations.unverified) !== null && _translations$unverif !== void 0 ? _translations$unverif : translate('unverified')
+                children: (_translations$unverif = translations?.unverified) !== null && _translations$unverif !== void 0 ? _translations$unverif : translate('unverified')
               }), jsx(Icon, {
-                title: (_translations$copyToC = translations === null || translations === void 0 ? void 0 : translations.copyToClipboard) !== null && _translations$copyToC !== void 0 ? _translations$copyToC : translate('copyToClipboard'),
+                title: (_translations$copyToC = translations?.copyToClipboard) !== null && _translations$copyToC !== void 0 ? _translations$copyToC : translate('copyToClipboard'),
                 className: styles.userCopyIcon,
                 onClick: this.copyEmail,
                 glyph: copyIcon,
@@ -112,9 +107,8 @@ class UserCard extends PureComponent {
           }), children]
         })]
       })
-    }));
+    });
   }
 }
-_defineProperty(UserCard, "contextType", I18nContext);
 
 export { UserCard as U, styles as s };

package/components/_helpers/dialog-body-scroll-preventer.js

@@ -1,4 +1,3 @@
-import 'core-js/modules/web.dom-collections.iterator.js';
 import scrollbarWidth from 'scrollbar-width';
 
 var styles = {"header":"ring-island-header","scrollableWrapper":"ring-island-scrollableWrapper","panel":"ring-panel-panel","container":"ring-dialog-container","nativeDialog":"ring-dialog-nativeDialog","innerContainer":"ring-dialog-innerContainer","content":"ring-dialog-content","clickableOverlay":"ring-dialog-clickableOverlay","closeIconOutside":"ring-dialog-closeIconOutside","closeIcon":"ring-dialog-closeIcon","closeButton":"ring-dialog-closeButton","closeButtonOutside":"ring-dialog-closeButtonOutside","closeButtonInside":"ring-dialog-closeButtonInside","documentWithoutScroll":"ring-dialog-documentWithoutScroll","popupTarget":"ring-dialog-popupTarget","dense":"ring-dialog-dense"};
@@ -22,7 +21,7 @@ const prevent = key => {
   const documentHasScrollbarGutter = scrollbarGutter === 'stable' || scrollbarGutter === 'both-edges';
   if (documentHasScroll && scrollWidth !== null && scrollWidth !== undefined && scrollWidth > 0 && !documentHasScrollbarGutter) {
     previousDocumentWidth = document.documentElement.style.width;
-    document.documentElement.style.width = "calc(100% - ".concat(scrollWidth, "px)");
+    document.documentElement.style.width = `calc(100% - ${scrollWidth}px)`;
   }
 };
 const reset = key => {

package/components/_helpers/icon-svg.js

@@ -1,6 +1,3 @@
-import { a as _objectWithoutProperties, b as _objectSpread2 } from './_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.regexp.exec.js';
-import 'core-js/modules/es.string.replace.js';
 import { jsx } from 'react/jsx-runtime';
 import { memo } from 'react';
 import classNames from 'classnames';
@@ -8,7 +5,6 @@ import memoize from '../global/memoize.js';
 
 var styles = {"icon":"ring-icon-icon","glyph":"ring-icon-glyph","compatibilityMode":"ring-icon-compatibilityMode","gray":"ring-icon-gray","hover":"ring-icon-hover","green":"ring-icon-green","magenta":"ring-icon-magenta","red":"ring-icon-red","blue":"ring-icon-blue","white":"ring-icon-white","loading":"ring-icon-loading","icon-loading":"ring-icon-icon-loading"};
 
-const _excluded = ["src", "className"];
 function convertReactSVGDOMProperty(str) {
   return str.replace(/[-|:]([a-z])/g, g => g[1].toUpperCase());
 }
@@ -49,12 +45,11 @@ function isCompatibilityMode(iconSrc) {
   const hasHeight = /height=".+"/gi.test(iconSrc);
   return !hasWidth || !hasHeight;
 }
-function IconSVG(_ref) {
-  let {
-      src,
-      className
-    } = _ref,
-    rest = _objectWithoutProperties(_ref, _excluded);
+function IconSVG({
+  src,
+  className,
+  ...rest
+}) {
   const glyphClasses = classNames(styles.glyph, {
     [styles.compatibilityMode]: isCompatibilityMode(src)
   }, className);
@@ -62,12 +57,14 @@ function IconSVG(_ref) {
     props,
     html
   } = getSVGFromSource(src);
-  return jsx("svg", _objectSpread2(_objectSpread2(_objectSpread2({}, props), rest), {}, {
+  return jsx("svg", {
+    ...props,
+    ...rest,
     className: glyphClasses,
     dangerouslySetInnerHTML: {
       __html: html
     }
-  }));
+  });
 }
 var IconSVG$1 = /*#__PURE__*/memo(IconSVG);
 

package/components/_helpers/input.js

@@ -1,5 +1,3 @@
-import { _ as _defineProperty, a as _objectWithoutProperties, b as _objectSpread2 } from './_rollupPluginBabelHelpers.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { PureComponent } from 'react';
 import classNames from 'classnames';
@@ -15,7 +13,6 @@ import ControlHelp from '../control-help/control-help.js';
 
 var inputStyles = {"outerContainer":"ring-input-outerContainer","borderless":"ring-input-borderless","container":"ring-input-container","input":"ring-input-input","error":"ring-input-error","withIcon":"ring-input-withIcon","clearable":"ring-input-clearable","icon":"ring-input-icon","clear":"ring-input-clear","empty":"ring-input-empty","errorText":"ring-input-errorText","helpText":"ring-input-helpText","sizeS":"ring-input-sizeS","sizeM":"ring-input-sizeM","sizeL":"ring-input-sizeL","sizeFULL":"ring-input-sizeFULL","heightS":"ring-input-heightS","heightM":"ring-input-heightM","heightL":"ring-input-heightL"};
 
-const _excluded = ["size", "multiline", "borderless", "label", "labelType", "error", "help", "className", "inputClassName", "children", "value", "onClear", "disabled", "inputRef", "onChange", "enableShortcuts", "id", "placeholder", "icon", "translations", "height", "beforeInput", "afterInput", "autogrow"];
 function noop() {}
 /**
  * @name Input
@@ -29,37 +26,16 @@ var Size;
   Size["FULL"] = "FULL";
 })(Size || (Size = {}));
 class Input extends PureComponent {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "state", {
-      empty: true
-    });
-    _defineProperty(this, "frame", void 0);
-    _defineProperty(this, "input", void 0);
-    _defineProperty(this, "id", getUID('ring-input-'));
-    _defineProperty(this, "inputRef", el => {
-      this.input = el;
-    });
-    _defineProperty(this, "composedInputRef", createComposedRef());
-    _defineProperty(this, "clear", e => {
-      var _this$props$onClear, _this$props;
-      (_this$props$onClear = (_this$props = this.props).onClear) === null || _this$props$onClear === void 0 || _this$props$onClear.call(_this$props, e);
-    });
-    _defineProperty(this, "handleInputChange", e => {
-      if (!this.props.multiline) {
-        var _this$props$onChange, _this$props2;
-        (_this$props$onChange = (_this$props2 = this.props).onChange) === null || _this$props$onChange === void 0 || _this$props$onChange.call(_this$props2, e);
-        this.checkValue();
-      }
-    });
-    _defineProperty(this, "handleTextareaChange", e => {
-      if (this.props.multiline) {
-        var _this$props$onChange2, _this$props3;
-        (_this$props$onChange2 = (_this$props3 = this.props).onChange) === null || _this$props$onChange2 === void 0 || _this$props$onChange2.call(_this$props3, e);
-        this.checkValue();
-      }
-    });
-  }
+  static defaultProps = {
+    size: Size.M,
+    onChange: noop,
+    inputRef: noop,
+    enableShortcuts: ['esc'],
+    autogrow: true
+  };
+  state = {
+    empty: true
+  };
   componentDidMount() {
     this.frame = requestAnimationFrame(() => this.adapt());
   }
@@ -71,13 +47,16 @@ class Input extends PureComponent {
       cancelAnimationFrame(this.frame);
     }
   }
+  static contextType = ControlsHeightContext;
+  frame;
+  input;
+  id = getUID('ring-input-');
   getId() {
     return this.props.id || this.id;
   }
   checkValue() {
-    var _this$input;
     this.setState({
-      empty: !((_this$input = this.input) !== null && _this$input !== void 0 && _this$input.value)
+      empty: !this.input?.value
     });
     if (this.props.multiline && this.props.autogrow && this.input && this.input.scrollHeight >= this.input.clientHeight) {
       this.stretch(this.input);
@@ -88,47 +67,65 @@ class Input extends PureComponent {
       return;
     }
     el.style.height = '0'; // To know the real scrollHeight
-    el.style.height = "".concat(el.scrollHeight + 2, "px");
+    el.style.height = `${el.scrollHeight + 2}px`;
   }
   adapt() {
     this.checkValue();
   }
+  inputRef = el => {
+    this.input = el;
+  };
+  composedInputRef = createComposedRef();
+  clear = e => {
+    this.props.onClear?.(e);
+  };
+  handleInputChange = e => {
+    if (!this.props.multiline) {
+      this.props.onChange?.(e);
+      this.checkValue();
+    }
+  };
+  handleTextareaChange = e => {
+    if (this.props.multiline) {
+      this.props.onChange?.(e);
+      this.checkValue();
+    }
+  };
   render() {
-    const _this$props4 = this.props,
-      {
-        // Modifiers
-        size,
-        multiline,
-        borderless,
-        // Props
-        label,
-        labelType,
-        error,
-        help,
-        className,
-        inputClassName,
-        children,
-        value,
-        onClear,
-        disabled,
-        inputRef,
-        onChange,
-        enableShortcuts,
-        id,
-        placeholder,
-        icon,
-        translations,
-        height = typeof this.context === 'function' ? this.context() : this.context,
-        beforeInput,
-        afterInput,
-        autogrow
-      } = _this$props4,
-      restProps = _objectWithoutProperties(_this$props4, _excluded);
+    const {
+      // Modifiers
+      size,
+      multiline,
+      borderless,
+      // Props
+      label,
+      labelType,
+      error,
+      help,
+      className,
+      inputClassName,
+      children,
+      value,
+      onClear,
+      disabled,
+      inputRef,
+      onChange,
+      enableShortcuts,
+      id,
+      placeholder,
+      icon,
+      translations,
+      height = typeof this.context === 'function' ? this.context() : this.context,
+      beforeInput,
+      afterInput,
+      autogrow,
+      ...restProps
+    } = this.props;
     const {
       empty
     } = this.state;
     const clearable = !!onClear;
-    const classes = classNames(className, inputStyles.outerContainer, [inputStyles["size".concat(size)]], [inputStyles["height".concat(height)]], {
+    const classes = classNames(className, inputStyles.outerContainer, [inputStyles[`size${size}`]], [inputStyles[`height${height}`]], {
       'ring-js-shortcuts': enableShortcuts === true,
       [inputStyles.error]: error !== null && error !== undefined,
       [inputStyles.empty]: empty,
@@ -149,11 +146,10 @@ class Input extends PureComponent {
       'data-enabled-shortcuts': Array.isArray(enableShortcuts) ? enableShortcuts.join(',') : null
     };
     return jsx(I18nContext.Consumer, {
-      children: _ref => {
+      children: ({
+        translate
+      }) => {
         var _translations$clear;
-        let {
-          translate
-        } = _ref;
         return jsxs("div", {
           className: classes,
           "data-test": 'ring-input',
@@ -167,13 +163,17 @@ class Input extends PureComponent {
             children: [icon && jsx(Icon, {
               glyph: icon,
               className: inputStyles.icon
-            }), beforeInput, multiline ? jsx("textarea", _objectSpread2(_objectSpread2({
+            }), beforeInput, multiline ? jsx("textarea", {
               onChange: this.handleTextareaChange,
-              rows: 1
-            }, commonProps), restProps)) : jsx("input", _objectSpread2(_objectSpread2({
-              onChange: this.handleInputChange
-            }, commonProps), restProps)), clearable && !disabled && jsx(Button, {
-              title: (_translations$clear = translations === null || translations === void 0 ? void 0 : translations.clear) !== null && _translations$clear !== void 0 ? _translations$clear : translate('clear'),
+              rows: 1,
+              ...commonProps,
+              ...restProps
+            }) : jsx("input", {
+              onChange: this.handleInputChange,
+              ...commonProps,
+              ...restProps
+            }), clearable && !disabled && jsx(Button, {
+              title: (_translations$clear = translations?.clear) !== null && _translations$clear !== void 0 ? _translations$clear : translate('clear'),
               "data-test": 'ring-input-clear',
               className: inputStyles.clear,
               icon: closeIcon,
@@ -191,13 +191,5 @@ class Input extends PureComponent {
     });
   }
 }
-_defineProperty(Input, "defaultProps", {
-  size: Size.M,
-  onChange: noop,
-  inputRef: noop,
-  enableShortcuts: ['esc'],
-  autogrow: true
-});
-_defineProperty(Input, "contextType", ControlsHeightContext);
 
 export { Input as I, Size as S, inputStyles as i };