@jetbrains/ring-ui-built 7.0.72 → 7.0.73

package/components/upload/upload.js

@@ -1,11 +1,12 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
 import { forwardRef, useRef, useState, useImperativeHandle, useCallback } from 'react';
 import classNames from 'classnames';
 import attachmentIcon from '@jetbrains/icons/attachment';
 import Icon from '../icon/icon.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import 'util-deprecate';
 import '../icon/icon.constants.js';
 import '../_helpers/icon-svg.js';
+import 'react-compiler-runtime';
 import '../global/memoize.js';
 
 var styles = {"upload":"ring-upload-upload","success":"ring-upload-success","error":"ring-upload-error","dragOver":"ring-upload-dragOver","disabled":"ring-upload-disabled","invisibleFileInput":"ring-upload-invisibleFileInput","attachmentIcon":"ring-upload-attachmentIcon"};
@@ -18,7 +19,7 @@ const Upload = /*#__PURE__*/forwardRef(function Upload({
   validate = () => true,
   variant = 'empty',
   multiple,
-  renderIcon = () => jsx(Icon, {
+  renderIcon = () => /*#__PURE__*/jsx(Icon, {
     className: styles.attachmentIcon,
     glyph: attachmentIcon
   }),
@@ -50,27 +51,27 @@ const Upload = /*#__PURE__*/forwardRef(function Upload({
       handleSelectedFiles(Array.from(fileInputRef.current.files));
     }
   }, [handleSelectedFiles]);
-  return jsxs("div", {
+  return /*#__PURE__*/jsxs("div", {
     className: classNames(className, styles.upload, {
       [styles.disabled]: disabled,
       [styles.dragOver]: dragOver,
       [styles.success]: variant === 'success',
       [styles.error]: variant === 'error'
     }),
-    "data-test": 'ring-upload',
-    children: [jsx("input", {
+    "data-test": "ring-upload",
+    children: [/*#__PURE__*/jsx("input", {
       onDragEnter: onDragEnter,
       onDragOver: onDragOver,
       onDragLeave: onDragLeave,
       disabled: disabled,
       ref: fileInputRef,
-      "data-test": 'ring-file-input',
+      "data-test": "ring-file-input",
       multiple: multiple,
       accept: accept,
       onChange: onInputChange,
-      type: 'file',
-      autoComplete: 'off',
-      "aria-label": 'file-picker',
+      type: "file",
+      autoComplete: "off",
+      "aria-label": "file-picker",
       className: styles.invisibleFileInput
     }), renderIcon(), children]
   });

package/components/user-agreement/service.js

@@ -1,4 +1,3 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
 import { createRoot } from 'react-dom/client';
 import LocalStorage from '../storage/storage-local.js';
 import alertService from '../alert-service/alert-service.js';
@@ -7,6 +6,7 @@ import Alert from '../alert/alert.js';
 import Group from '../group/group.js';
 import { ControlsHeightContext, getGlobalControlsHeight } from '../global/controls-height.js';
 import UserAgreement from './user-agreement.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import '../global/get-uid.js';
 import '../alert/container.js';
 import 'react';
@@ -23,6 +23,7 @@ import '../icon/icon.js';
 import 'util-deprecate';
 import '../icon/icon.constants.js';
 import '../_helpers/icon-svg.js';
+import 'react-compiler-runtime';
 import '../global/memoize.js';
 import '../loader-inline/loader-inline.js';
 import '../global/dom.js';
@@ -59,7 +60,7 @@ import '../i18n/i18n-context.js';
 import '../i18n/i18n.js';
 
 const GUEST_SESSION_KEY = 'end-user-agreement-consent';
-const ONE_HOUR = 60 * 60 * 1000; // eslint-disable-line @typescript-eslint/no-magic-numbers
+const ONE_HOUR = 60 * 60 * 1000; // eslint-disable-line no-magic-numbers
 const storageKey = 'userAgreementKey';
 const showMessage = 'userAgreementShow';
 const hideMessage = 'userAgreementHide';
@@ -209,16 +210,16 @@ class UserAgreementService {
         this.hideAlert(withoutNotifications);
         resolve();
       };
-      const message = jsxs(Group, {
-        children: [jsx("span", {
+      const message = /*#__PURE__*/jsxs(Group, {
+        children: [/*#__PURE__*/jsx("span", {
           children: userAgreement || 'User Agreement'
-        }), jsx(Link, {
+        }), /*#__PURE__*/jsx(Link, {
           onClick: onReview,
-          "data-test": 'review',
+          "data-test": "review",
           children: reviewNow || 'Review now'
-        }), jsx(Link, {
+        }), /*#__PURE__*/jsx(Link, {
           onClick: onRemind,
-          "data-test": 'later',
+          "data-test": "later",
           children: remindLater || 'Remind me later'
         })]
       });
@@ -275,9 +276,9 @@ class UserAgreementService {
           preview,
           ...restOptions
         };
-        this.reactRoot.render(jsx(ControlsHeightContext.Provider, {
+        this.reactRoot.render(/*#__PURE__*/jsx(ControlsHeightContext.Provider, {
           value: getGlobalControlsHeight(),
-          children: jsx(UserAgreement, {
+          children: /*#__PURE__*/jsx(UserAgreement, {
             ...props
           })
         }));

package/components/user-agreement/user-agreement.d.ts

@@ -36,7 +36,7 @@ export default class UserAgreement extends PureComponent<UserAgreementProps> {
         scrolledDown: boolean;
     };
     onScrollToBottom: () => void;
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): import("react").JSX.Element;
 }
 export type UserAgreementAttrs = React.JSX.LibraryManagedAttributes<typeof UserAgreement, UserAgreementProps>;
 export {};

package/components/user-agreement/user-agreement.js

@@ -1,7 +1,7 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
 import { PureComponent } from 'react';
 import classNames from 'classnames';
 import Dialog from '../dialog/dialog.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import '../_helpers/island.js';
 import HeaderWrapper from '../island/header.js';
 import ContentWrapper from '../island/content.js';
@@ -14,6 +14,7 @@ import '../island/island.js';
 import '../global/data-tests.js';
 import '../island/adaptive-island-hoc.js';
 import '../global/linear-function.js';
+import 'react-compiler-runtime';
 import 'element-resize-detector';
 import '../global/schedule-raf.js';
 import '../global/get-uid.js';
@@ -78,55 +79,55 @@ class UserAgreement extends PureComponent {
       preview,
       className
     } = this.props;
-    return jsx(I18nContext.Consumer, {
+    return /*#__PURE__*/jsx(I18nContext.Consumer, {
       children: ({
         translate
       }) => {
         var _translations$userAgr, _translations$userAgr2, _translations$scrollT, _translations$accept, _translations$decline, _translations$scrollT2, _translations$remindL, _translations$close;
-        return jsxs(Dialog, {
+        return /*#__PURE__*/jsxs(Dialog, {
           label: (_translations$userAgr = translations?.userAgreement) !== null && _translations$userAgr !== void 0 ? _translations$userAgr : translate('userAgreement'),
           show: show,
           className: classNames(style.agreementDialog, className),
           contentClassName: style.dialogContent,
           trapFocus: true,
           autoFocusFirst: false,
-          "data-test": 'user-agreement',
-          children: [jsx(HeaderWrapper, {
+          "data-test": "user-agreement",
+          children: [/*#__PURE__*/jsx(HeaderWrapper, {
             children: (_translations$userAgr2 = translations?.userAgreement) !== null && _translations$userAgr2 !== void 0 ? _translations$userAgr2 : translate('userAgreement')
-          }), jsx(ContentWrapper, {
+          }), /*#__PURE__*/jsx(ContentWrapper, {
             tabIndex: 0,
             fade: true,
             onScrollToBottom: this.onScrollToBottom,
             children: children
-          }), !preview && jsxs(Panel, {
-            children: [onRemindLater && !scrolledDown && jsx("div", {
+          }), !preview && /*#__PURE__*/jsxs(Panel, {
+            children: [onRemindLater && !scrolledDown && /*#__PURE__*/jsx("div", {
               className: style.suggestion,
               children: (_translations$scrollT = translations?.scrollToAccept) !== null && _translations$scrollT !== void 0 ? _translations$scrollT : translate('scrollToAccept')
-            }), jsx(Button, {
+            }), /*#__PURE__*/jsx(Button, {
               primary: true,
               disabled: !scrolledDown,
               onClick: onAccept,
-              "data-test": 'accept',
+              "data-test": "accept",
               children: (_translations$accept = translations?.accept) !== null && _translations$accept !== void 0 ? _translations$accept : translate('accept')
-            }), jsx(Button, {
+            }), /*#__PURE__*/jsx(Button, {
               onClick: onDecline,
               autoFocus: true,
-              "data-test": 'decline',
+              "data-test": "decline",
               children: (_translations$decline = translations?.decline) !== null && _translations$decline !== void 0 ? _translations$decline : translate('decline')
-            }), !onRemindLater && !scrolledDown && jsx("span", {
+            }), !onRemindLater && !scrolledDown && /*#__PURE__*/jsx("span", {
               className: style.suggestion,
               children: (_translations$scrollT2 = translations?.scrollToAccept) !== null && _translations$scrollT2 !== void 0 ? _translations$scrollT2 : translate('scrollToAccept')
-            }), onRemindLater && jsx(Button, {
+            }), onRemindLater && /*#__PURE__*/jsx(Button, {
               className: style.remindLaterButton,
               onClick: onRemindLater,
-              "data-test": 'later',
+              "data-test": "later",
               children: (_translations$remindL = translations?.remindLater) !== null && _translations$remindL !== void 0 ? _translations$remindL : translate('remindLater')
             })]
-          }), preview && jsx(Panel, {
-            children: jsx(Button, {
+          }), preview && /*#__PURE__*/jsx(Panel, {
+            children: /*#__PURE__*/jsx(Button, {
               onClick: onClose,
               autoFocus: true,
-              "data-test": 'close',
+              "data-test": "close",
               children: (_translations$close = translations?.close) !== null && _translations$close !== void 0 ? _translations$close : translate('close')
             })
           })]

package/components/user-card/card.d.ts

@@ -31,6 +31,6 @@ export default class UserCard extends PureComponent<UserCardProps> {
     static contextType: React.Context<import("../i18n/i18n-context").I18nContextProps>;
     context: React.ContextType<typeof UserCard.contextType>;
     copyEmail: () => void;
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): React.JSX.Element;
 }
 export type UserCardAttrs = React.JSX.LibraryManagedAttributes<typeof UserCard, UserCardProps>;

package/components/user-card/card.js

@@ -1,4 +1,3 @@
-import 'react/jsx-runtime';
 import 'react';
 import 'classnames';
 import '@jetbrains/icons/copy';
@@ -10,15 +9,17 @@ import '../icon/icon.js';
 import '../i18n/i18n-context.js';
 import '../tooltip/tooltip.js';
 export { U as default } from '../_helpers/card.js';
+import 'react/jsx-runtime';
 import '../avatar/avatar-size.js';
 import '../icon/icon.constants.js';
 import 'util-deprecate';
 import '../global/url.js';
 import '../global/dom.js';
 import '../global/memoize.js';
-import '../_helpers/avatar-info.js';
 import '../avatar/fallback-avatar.js';
+import 'react-compiler-runtime';
 import '../global/get-uid.js';
+import '../_helpers/avatar-info.js';
 import '../global/data-tests.js';
 import '../link/clickable-link.js';
 import '../_helpers/link.js';

package/components/user-card/smart-user-card-tooltip.d.ts

@@ -10,6 +10,6 @@ export default class SmartUserCardTooltip extends Component<SmartUserCardTooltip
         loading: boolean;
     };
     loadUser: () => Promise<void>;
-    renderNoUser: () => "" | import("react/jsx-runtime").JSX.Element;
-    render(): import("react/jsx-runtime").JSX.Element;
+    renderNoUser: () => "" | import("react").JSX.Element;
+    render(): import("react").JSX.Element;
 }

package/components/user-card/smart-user-card-tooltip.js

@@ -1,13 +1,14 @@
-import { jsx } from 'react/jsx-runtime';
 import { Component } from 'react';
 import LoaderInline from '../loader-inline/loader-inline.js';
 import UserCardTooltip from './tooltip.js';
 import { s as styles } from '../_helpers/card.js';
+import { jsx } from 'react/jsx-runtime';
 import 'classnames';
 import '../global/data-tests.js';
 import '../dropdown/dropdown.js';
 import '../global/typescript-utils.js';
 import '../_helpers/anchor.js';
+import 'react-compiler-runtime';
 import '../button/button.js';
 import '@jetbrains/icons/chevron-down';
 import '@jetbrains/icons/chevron-12px-down';
@@ -38,9 +39,9 @@ import '../popup/position-css.js';
 import '@jetbrains/icons/copy';
 import '../avatar/avatar.js';
 import '../global/url.js';
-import '../_helpers/avatar-info.js';
-import '../avatar/avatar-size.js';
 import '../avatar/fallback-avatar.js';
+import '../avatar/avatar-size.js';
+import '../_helpers/avatar-info.js';
 import '../link/link.js';
 import '../_helpers/link.js';
 import '../clipboard/clipboard.js';
@@ -85,9 +86,9 @@ class SmartUserCardTooltip extends Component {
       });
     }
   };
-  renderNoUser = () => this.state.loading ? jsx("div", {
+  renderNoUser = () => this.state.loading ? /*#__PURE__*/jsx("div", {
     className: styles.userCardSpaced,
-    children: jsx(LoaderInline, {})
+    children: /*#__PURE__*/jsx(LoaderInline, {})
   }) : '';
   render() {
     const {
@@ -102,7 +103,7 @@ class SmartUserCardTooltip extends Component {
       onMouseEnter: this.loadUser,
       ...UserCardTooltip.defaultProps.dropdownProps
     };
-    return jsx(UserCardTooltip, {
+    return /*#__PURE__*/jsx(UserCardTooltip, {
       user: user,
       renderNoUser: this.renderNoUser,
       dropdownProps: dropdownProps,

package/components/user-card/tooltip.d.ts

@@ -10,13 +10,13 @@ export interface UserCardTooltipProps extends Omit<UserCardAttrs, 'children' | '
 }
 export default class UserCardTooltip extends Component<UserCardTooltipProps> {
     static defaultProps: {
-        renderUserCard: (props: UserCardAttrs) => import("react/jsx-runtime").JSX.Element;
+        renderUserCard: (props: UserCardAttrs) => import("react").JSX.Element;
         renderNoUser: () => string;
         dropdownProps: {
             hoverShowTimeOut: number;
             hoverHideTimeOut: number;
         };
     };
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): import("react").JSX.Element;
 }
 export type UserCardTooltipAttrs = React.JSX.LibraryManagedAttributes<typeof UserCardTooltip, UserCardTooltipProps>;

package/components/user-card/tooltip.js

@@ -1,12 +1,13 @@
-import { jsx } from 'react/jsx-runtime';
 import { Component } from 'react';
 import classNames from 'classnames';
 import Dropdown from '../dropdown/dropdown.js';
 import Popup from '../popup/popup.js';
 import { U as UserCard, s as styles } from '../_helpers/card.js';
+import { jsx } from 'react/jsx-runtime';
 import '../global/data-tests.js';
 import '../global/typescript-utils.js';
 import '../_helpers/anchor.js';
+import 'react-compiler-runtime';
 import '../button/button.js';
 import '@jetbrains/icons/chevron-down';
 import '@jetbrains/icons/chevron-12px-down';
@@ -36,9 +37,9 @@ import '../popup/position-css.js';
 import '@jetbrains/icons/copy';
 import '../avatar/avatar.js';
 import '../global/url.js';
-import '../_helpers/avatar-info.js';
-import '../avatar/avatar-size.js';
 import '../avatar/fallback-avatar.js';
+import '../avatar/avatar-size.js';
+import '../_helpers/avatar-info.js';
 import '../link/link.js';
 import '../_helpers/link.js';
 import '../clipboard/clipboard.js';
@@ -67,7 +68,7 @@ class UserCardTooltip extends Component {
         user,
         ...restProps
       } = props;
-      return user && jsx(UserCard, {
+      return user && /*#__PURE__*/jsx(UserCard, {
         user: user,
         ...restProps
       });
@@ -87,12 +88,12 @@ class UserCardTooltip extends Component {
       user,
       ...restProps
     } = this.props;
-    return jsx(Dropdown, {
+    return /*#__PURE__*/jsx(Dropdown, {
       anchor: children,
       hoverMode: true,
       clickMode: false,
       ...dropdownProps,
-      children: jsx(Popup, {
+      children: /*#__PURE__*/jsx(Popup, {
         attached: false,
         children: user ? renderUserCard({
           ...restProps,

package/components/user-card/user-card.js

@@ -1,7 +1,6 @@
 export { U as UserCard } from '../_helpers/card.js';
 export { default as UserCardTooltip } from './tooltip.js';
 export { default as SmartUserCardTooltip } from './smart-user-card-tooltip.js';
-import 'react/jsx-runtime';
 import 'react';
 import 'classnames';
 import '@jetbrains/icons/copy';
@@ -10,10 +9,12 @@ import 'util-deprecate';
 import '../global/url.js';
 import '../global/dom.js';
 import '../global/memoize.js';
-import '../_helpers/avatar-info.js';
-import '../avatar/avatar-size.js';
 import '../avatar/fallback-avatar.js';
+import 'react-compiler-runtime';
 import '../global/get-uid.js';
+import '../avatar/avatar-size.js';
+import 'react/jsx-runtime';
+import '../_helpers/avatar-info.js';
 import '../link/link.js';
 import '../global/data-tests.js';
 import '../link/clickable-link.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jetbrains/ring-ui-built",
-  "version": "7.0.72",
+  "version": "7.0.73",
   "description": "JetBrains UI library",
   "author": {
     "name": "JetBrains"
@@ -52,8 +52,7 @@
     "figma-connect-publish-local": "dotenv -- npm run figma-connect-publish",
     "figma-connect-unpublish": "npx figma connect unpublish --token=$FIGMA_CODE_CONNECT_TOKEN",
     "figma-connect-unpublish-local": "dotenv -- npm run figma-connect-unpublish",
-    "lint": "npm run lint:js . && npm run stylelint",
-    "lint-ci": "eslint --format jslint-xml . > eslint-report.xml && npm run stylelint-ci",
+    "lint": "npm run lint:js && npm run stylelint",
     "lint:js": "eslint",
     "postbuild": "cpy './**/*.d.ts' ../dist --parents --cwd=components/",
     "_postinstall": "husky && npm run postinstall:gitconfig",
@@ -62,12 +61,10 @@
     "postrelease-ci": "git push --follow-tags",
     "prea11y-audit": "playwright install",
     "prebuild": "rimraf components && tsc --project tsconfig-build.json && cpy './**/*' '!**/*.stories.*' '!**/*.ts' '!**/*.tsx' '!**/test-helpers/mocks/**' ../components --parents --cwd=src/",
-    "prelint-ci": "echo \"##teamcity[importData type='jslint' path='eslint-report.xml']\"",
     "prepare": "webpack -c .storybook/custom-header/webpack.config.js",
     "prepublishOnly": "pinst --disable",
     "prerelease-built-ci": "node scripts/prepare-built-package.js",
     "prerelease-ci": "git pull",
-    "pretest-ci": "npm run lint-ci",
     "release-built-ci": "npm publish --access=public $NPM_PUBLISH_PARAMS",
     "release-ci": "npm version $NPM_VERSION_PARAMS && npm publish --access=public $NPM_PUBLISH_PARAMS",
     "screenshots-gather": "npm --prefix packages/screenshots run gather",
@@ -78,11 +75,8 @@
     "start": "storybook dev -p 9999",
     "storybook-debug": "node --inspect-brk node_modules/@storybook/react/bin -p 9999",
     "stylelint": "stylelint --ignore-path .stylelintignore '**/*.css'",
-    "stylelint-ci": "stylelint --ignore-path .stylelintignore --custom-formatter 'scripts/jslint-xml.js' '**/*.css' | xmlappend eslint-report.xml",
     "test": "vitest src",
-    "test-ci": "npm run test",
-    "typecheck": "tsc",
-    "typecheck-ci": "node scripts/tsc-teamcity",
+    "type-check": "tsc --noEmit -p tsconfig.json && tsc --noEmit -p tsconfig-build.json",
     "update-styles": "node scripts/update-styles.mjs",
     "validate-tc-config": "mvn --file .teamcity/pom.xml org.jetbrains.teamcity:teamcity-configs-maven-plugin:generate -e"
   },