@jetbrains/ring-ui 5.0.145 → 5.0.147

package/components/data-list/data-list.css

@@ -30,7 +30,8 @@
 
   outline: none;
 
-  @nest .dataList:not(.disabledHover) &:hover {
+  /* stylelint-disable-next-line selector-max-specificity */
+  .dataList:not(.disabledHover) &:hover {
     background-color: var(--ring-hover-background-color);
   }
 

package/components/date-picker/date-picker.css

@@ -123,7 +123,7 @@
   text-align: start;
   white-space: nowrap;
 
-  @nest .inline & {
+  .inline & {
     min-width: initial;
     padding: 0;
 

package/components/editable-heading/editable-heading.css

@@ -30,31 +30,32 @@
 
   border: none;
   border-radius: var(--ring-border-radius);
+  outline: none;
   background: inherit;
 
   font-size: inherit;
 
-  @nest .disabled &,
+  .disabled &,
   .selectionMode & {
     user-select: text;
 
     border-radius: 0;
   }
 
-  &:focus {
-    outline: 1px solid var(--ring-border-hover-color);
+  &:focus-visible {
+    box-shadow: 0 0 0 2px var(--ring-border-hover-color);
   }
 
-  @nest .disabled &:focus,
+  .disabled &:focus,
   .selectionMode &:focus {
-    outline: none;
+    box-shadow: none;
   }
 
   &:hover {
     background-color: var(--ring-hover-background-color);
   }
 
-  @nest .disabled &:hover,
+  .disabled &:hover,
   .selectionMode &:hover {
     cursor: initial;
 
@@ -73,7 +74,7 @@
 
   border-radius: var(--ring-border-radius);
 
-  @nest .multiline & {
+  .multiline & {
     -webkit-line-clamp: 3;
   }
 }
@@ -118,7 +119,7 @@
     background-color: initial;
   }
 
-  @nest .error & {
+  .error & {
     margin-bottom: 1px;
 
     border-bottom-width: 2px;

package/components/header/profile.d.ts

@@ -70,6 +70,6 @@ export default class Profile extends PureComponent<ProfileProps> {
     static contextType: React.Context<import("../i18n/i18n-context").I18nContextProps>;
     context: React.ContextType<typeof Profile.contextType>;
     static Size: typeof Size;
-    render(): string | number | boolean | React.JSX.Element | React.ReactFragment | null | undefined;
+    render(): string | number | boolean | React.JSX.Element | Iterable<React.ReactNode> | null | undefined;
 }
 export type ProfileAttrs = JSX.LibraryManagedAttributes<typeof Profile, ProfileProps>;

package/components/heading/heading.css

@@ -9,30 +9,30 @@
     margin-top: 0;
   }
 
-  @nest h1&, h2& {
+  &:is(h1, h2) {
     margin-bottom: 8px;
 
     color: var(--ring-heading-color);
   }
 
-  @nest h1& {
+  &:is(h1) {
     font-size: 24px;
     line-height: 28px;
   }
 
-  @nest h2& {
+  &:is(h2) {
     font-size: 20px;
     line-height: 24px;
   }
 
-  @nest h3& {
+  &:is(h3) {
     margin-bottom: 0;
 
     font-size: 16px;
     line-height: 22px;
   }
 
-  @nest h4& {
+  &:is(h4) {
     margin-bottom: 1px;
 
     letter-spacing: 1px;

package/components/input/input-legacy.css

@@ -50,7 +50,7 @@ Input
 
   /* stylelint-enable order/properties-order */
 
-  @nest [dir=rtl] & {
+  [dir="rtl"] & {
     padding-right: var(--ring-input-padding-start);
     padding-left: var(--ring-input-padding-end);
   }
@@ -61,7 +61,7 @@ Input
     border-color: var(--ring-border-hover-color);
   }
 
-  @nest .error & {
+  .error & {
     border-color: var(--ring-icon-error-color);
   }
 

package/components/input/input.css

@@ -51,7 +51,7 @@
 
   caret-color: var(--ring-main-color);
 
-  @nest [dir=rtl] & {
+  [dir="rtl"] & {
     padding-right: var(--ring-input-padding-start);
     padding-left: var(--ring-input-padding-end);
   }
@@ -62,7 +62,7 @@
     border-color: var(--ring-border-hover-color);
   }
 
-  @nest .error & {
+  .error & {
     border-color: var(--ring-icon-error-color);
   }
 
@@ -115,7 +115,7 @@
 
   color: var(--ring-icon-secondary-color);
 
-  @nest [dir=rtl] & {
+  [dir="rtl"] & {
     right: unit;
     left: auto;
   }
@@ -132,11 +132,11 @@
 
   line-height: inherit;
 
-  @nest .empty & {
+  .empty & {
     display: none;
   }
 
-  @nest [dir=rtl] & {
+  [dir="rtl"] & {
     right: auto;
     left: unit;
   }

package/components/link/link.d.ts

@@ -19,7 +19,7 @@ export interface LinkBaseProps {
 export type LinkProps<P extends ClickableLinkProps = ClickableLinkProps> = Omit<P, keyof LinkBaseProps> & LinkBaseProps;
 export declare function linkHOC<P extends ClickableLinkProps>(ComposedComponent: ComponentType<P> | string): {
     new (props: LinkProps<P> | Readonly<LinkProps<P>>): {
-        getChildren(): string | number | boolean | React.JSX.Element | React.ReactFragment | null | undefined;
+        getChildren(): string | number | boolean | React.JSX.Element | Iterable<React.ReactNode> | null | undefined;
         render(): React.JSX.Element;
         context: unknown;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<LinkProps<P>>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
@@ -43,7 +43,7 @@ export declare function linkHOC<P extends ClickableLinkProps>(ComposedComponent:
         UNSAFE_componentWillUpdate?(nextProps: Readonly<LinkProps<P>>, nextState: Readonly<{}>, nextContext: any): void;
     };
     new (props: LinkProps<P>, context: any): {
-        getChildren(): string | number | boolean | React.JSX.Element | React.ReactFragment | null | undefined;
+        getChildren(): string | number | boolean | React.JSX.Element | Iterable<React.ReactNode> | null | undefined;
         render(): React.JSX.Element;
         context: unknown;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<LinkProps<P>>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
@@ -83,7 +83,7 @@ export declare function linkHOC<P extends ClickableLinkProps>(ComposedComponent:
 };
 declare const _default: {
     new (props: LinkProps<ClickableLinkProps> | Readonly<LinkProps<ClickableLinkProps>>): {
-        getChildren(): string | number | boolean | React.JSX.Element | React.ReactFragment | null | undefined;
+        getChildren(): string | number | boolean | React.JSX.Element | Iterable<React.ReactNode> | null | undefined;
         render(): React.JSX.Element;
         context: unknown;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<LinkProps<ClickableLinkProps>>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
@@ -107,7 +107,7 @@ declare const _default: {
         UNSAFE_componentWillUpdate?(nextProps: Readonly<LinkProps<ClickableLinkProps>>, nextState: Readonly<{}>, nextContext: any): void;
     };
     new (props: LinkProps<ClickableLinkProps>, context: any): {
-        getChildren(): string | number | boolean | React.JSX.Element | React.ReactFragment | null | undefined;
+        getChildren(): string | number | boolean | React.JSX.Element | Iterable<React.ReactNode> | null | undefined;
         render(): React.JSX.Element;
         context: unknown;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<LinkProps<ClickableLinkProps>>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;

package/components/list/list.css

@@ -115,7 +115,7 @@
   white-space: nowrap;
   text-overflow: ellipsis;
 
-  @nest [dir=rtl] & {
+  [dir="rtl"] & {
     text-align: right;
     direction: ltr;
   }
@@ -263,7 +263,7 @@
 
   text-align: left;
 
-  @nest [dir=rtl] & {
+  [dir="rtl"] & {
     text-align: right;
     direction: ltr;
   }

package/components/query-assist/query-assist.css

@@ -55,7 +55,7 @@
     }
   }
 
-  @nest .error & {
+  .error & {
     border-color: var(--ring-icon-error-color);
   }
 }
@@ -77,7 +77,7 @@
     padding-right: var(--ring-input-padding-inline);
   }
 
-  @nest [dir=rtl] & {
+  [dir="rtl"] & {
     padding: 0 var(--ring-input-padding-inline) 0 0;
 
     & .actions {
@@ -158,7 +158,7 @@
 
   color: var(--ring-disabled-color);
 
-  @nest [dir=rtl] & {
+  [dir="rtl"] & {
     padding-right: calc(var(--ring-input-padding-inline) * 3 + var(--ring-input-padding-block) * 2);
 
     text-align: right;
@@ -184,7 +184,7 @@
 
   line-height: inherit;
 
-  @nest [dir=rtl] & {
+  [dir="rtl"] & {
     padding: 0 var(--ring-input-padding-inline) 0 0;
   }
 }
@@ -194,7 +194,7 @@
 
   color: var(--ring-icon-secondary-color);
 
-  @nest [dir=rtl] & {
+  [dir="rtl"] & {
     padding: 0 0 0 var(--ring-input-padding-inline);
   }
 }
@@ -214,19 +214,20 @@
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
 
-  @nest .queryAssist.queryAssist:focus-within & {
+  /* stylelint-disable-next-line selector-max-specificity */
+  .queryAssist.queryAssist:focus-within & {
     transition: none;
 
     border-color: var(--ring-main-color);
   }
 
-  @nest .queryAssist:hover & {
+  .queryAssist:hover & {
     transition: none;
 
     border-color: var(--ring-border-hover-color);
   }
 
-  @nest [dir=rtl] & {
+  [dir="rtl"] & {
     border-right: 1px solid var(--ring-borders-color);
     border-left: 0;
     border-radius: var(--ring-border-radius);
@@ -240,7 +241,7 @@
 
   padding-right: 0;
 
-  @nest [dir=rtl] & {
+  [dir="rtl"] & {
     padding-right: var(--ring-input-padding-inline);
     padding-left: 0;
   }
@@ -253,7 +254,7 @@
 .withoutGlass {
   padding-left: 0;
 
-  @nest [dir=rtl] & {
+  [dir="rtl"] & {
     padding-right: calc(var(--ring-input-padding-block) * 3);
   }
 }
@@ -265,7 +266,7 @@
 .loaderOnTheRight {
   padding-right: 0;
 
-  @nest [dir=rtl] & {
+  [dir="rtl"] & {
     padding-left: 0;
   }
 }

package/components/select/select-popup.css

@@ -53,7 +53,7 @@
 
   border-bottom: 1px solid var(--ring-borders-color);
 
-  @nest [dir=rtl] & {
+  [dir="rtl"] & {
     padding-right: calc(unit * 5.5);
     padding-left: unit;
   }
@@ -66,7 +66,7 @@
 
   color: var(--ring-icon-color);
 
-  @nest [dir=rtl] & {
+  [dir="rtl"] & {
     right: calc(unit * 2);
     left: auto;
   }

package/components/select/select.css

@@ -23,12 +23,12 @@
 
   text-align: left;
 
-  @nest [dir=rtl] & {
+  [dir="rtl"] & {
     text-align: right;
     direction: ltr;
   }
 
-  @nest .toolbar & {
+  .toolbar & {
     height: calc(4 * unit);
     margin: unit 0;
   }
@@ -50,7 +50,7 @@
 
   line-height: normal;
 
-  @nest .inputMode & {
+  .inputMode & {
     font-size: var(--ring-font-size);
   }
 }

package/components/shortcuts/shortcuts.d.ts

@@ -24,5 +24,5 @@ export default class Shortcuts extends PureComponent<ShortcutsProps> {
     componentWillUnmount(): void;
     turnShorcutsOn(): void;
     turnShorcutsOff(): void;
-    render(): string | number | true | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("react").ReactFragment | null;
+    render(): string | number | true | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null;
 }

package/components/tags-input/tags-input.css

@@ -61,7 +61,7 @@
 
   caret-color: var(--ring-main-color);
 
-  @nest [dir=rtl] & {
+  [dir="rtl"] & {
     padding-right: var(--ring-input-padding-start);
     padding-left: var(--ring-input-padding-end);
   }

package/components/toggle/toggle.css

@@ -59,7 +59,7 @@
 
   background-color: var(--ring-icon-color);
 
-  @nest .input:focus + & {
+  .input:focus + & {
     box-shadow: inset 0 0 0 1px var(--ring-border-hover-color), 0 0 0 1px var(--ring-border-hover-color);
   }
 

package/dist/_helpers/card.js

@@ -48,7 +48,7 @@ class UserCard extends PureComponent {
       translate
     } = this.context;
     const wording = this.props.translations || this.props.wording;
-    clipboard.copyText(this.props.user.email || '', (_wording$copiedToClip = wording?.copiedToClipboard) !== null && _wording$copiedToClip !== void 0 ? _wording$copiedToClip : translate('copyToClipboard'), (_wording$copingToClip = wording?.copingToClipboardError) !== null && _wording$copingToClip !== void 0 ? _wording$copingToClip : translate('copingToClipboardError'));
+    clipboard.copyText(this.props.user.email || '', (_wording$copiedToClip = wording === null || wording === void 0 ? void 0 : wording.copiedToClipboard) !== null && _wording$copiedToClip !== void 0 ? _wording$copiedToClip : translate('copyToClipboard'), (_wording$copingToClip = wording === null || wording === void 0 ? void 0 : wording.copingToClipboardError) !== null && _wording$copingToClip !== void 0 ? _wording$copingToClip : translate('copingToClipboardError'));
   };
   render() {
     var _wording$online, _wording$offline, _wording$banned, _wording$unverified, _wording$copyToClipbo;
@@ -89,13 +89,13 @@ class UserCard extends PureComponent {
       className: modules_a4196c17.userName
     }, user.name), typeof user.online === 'boolean' && /*#__PURE__*/React.createElement("span", {
       className: userActiveStatusClasses,
-      title: user.online ? (_wording$online = wording?.online) !== null && _wording$online !== void 0 ? _wording$online : translate('online') : (_wording$offline = wording?.offline) !== null && _wording$offline !== void 0 ? _wording$offline : translate('offline')
+      title: user.online ? (_wording$online = wording === null || wording === void 0 ? void 0 : wording.online) !== null && _wording$online !== void 0 ? _wording$online : translate('online') : (_wording$offline = wording === null || wording === void 0 ? void 0 : wording.offline) !== null && _wording$offline !== void 0 ? _wording$offline : translate('offline')
     }), !!info && /*#__PURE__*/React.createElement("span", {
       className: modules_a4196c17.userNameInfo
     }, info), user.banned && /*#__PURE__*/React.createElement("span", {
       className: classNames(modules_6c9187df.badge, modules_6c9187df.invalid),
       title: user.banReason
-    }, (_wording$banned = wording?.banned) !== null && _wording$banned !== void 0 ? _wording$banned : translate('banned'))), /*#__PURE__*/React.createElement("div", {
+    }, (_wording$banned = wording === null || wording === void 0 ? void 0 : wording.banned) !== null && _wording$banned !== void 0 ? _wording$banned : translate('banned'))), /*#__PURE__*/React.createElement("div", {
       className: modules_a4196c17.userLogin
     }, user.login), user.email && /*#__PURE__*/React.createElement("span", {
       className: modules_a4196c17.userEmailWrapper
@@ -106,8 +106,8 @@ class UserCard extends PureComponent {
       className: modules_a4196c17.userEmail
     }, user.email), user.unverifiedEmail && /*#__PURE__*/React.createElement("span", {
       className: modules_a4196c17.unverifiedLabel
-    }, (_wording$unverified = wording?.unverified) !== null && _wording$unverified !== void 0 ? _wording$unverified : translate('unverified')), /*#__PURE__*/React.createElement(Icon, {
-      title: (_wording$copyToClipbo = wording?.copyToClipboard) !== null && _wording$copyToClipbo !== void 0 ? _wording$copyToClipbo : translate('copyToClipboard'),
+    }, (_wording$unverified = wording === null || wording === void 0 ? void 0 : wording.unverified) !== null && _wording$unverified !== void 0 ? _wording$unverified : translate('unverified')), /*#__PURE__*/React.createElement(Icon, {
+      title: (_wording$copyToClipbo = wording === null || wording === void 0 ? void 0 : wording.copyToClipboard) !== null && _wording$copyToClipbo !== void 0 ? _wording$copyToClipbo : translate('copyToClipboard'),
       className: modules_a4196c17.userCopyIcon,
       onClick: this.copyEmail,
       glyph: copyIcon,

package/dist/analytics/analytics__custom-plugin.js

@@ -33,7 +33,10 @@ class AnalyticsCustomPlugin {
     this._processEvent('page', 'view', data);
   }
   _initSendSchedule() {
-    window.addEventListener('beforeunload', () => this._flush?.());
+    window.addEventListener('beforeunload', () => {
+      var _this$_flush;
+      return (_this$_flush = this._flush) === null || _this$_flush === void 0 ? void 0 : _this$_flush.call(this);
+    });
     if (this._flush != null) {
       setInterval(this._flush, this._flushInterval);
     }
@@ -60,7 +63,8 @@ class AnalyticsCustomPlugin {
   _addDataToFlushingPack(sendingData) {
     this._data.push(sendingData);
     if (this._flushMaxPackSize != null && this._data.length >= this._flushMaxPackSize) {
-      this._flush?.();
+      var _this$_flush2;
+      (_this$_flush2 = this._flush) === null || _this$_flush2 === void 0 ? void 0 : _this$_flush2.call(this);
     }
   }
   get serializeAdditionalInfo() {

package/dist/analytics/analytics__ga-plugin.js

@@ -14,6 +14,7 @@ class AnalyticsGAPlugin {
       return;
     }
     ((i, s, o, g, r) => {
+      var _m$parentNode;
       i.GoogleAnalyticsObject = r;
       i[r] = i[r] || function addArgumentsToQueueForWaitingTheScriptLoading() {
         for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
@@ -26,7 +27,7 @@ class AnalyticsGAPlugin {
       const m = s.getElementsByTagName(o)[0];
       a.async = true;
       a.src = g;
-      m.parentNode?.insertBefore(a, m);
+      (_m$parentNode = m.parentNode) === null || _m$parentNode === void 0 ? void 0 : _m$parentNode.insertBefore(a, m);
     })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
     /**
      * UA-57284711-1 - ga key for development purpose