@jetbrains/ring-ui-built 7.0.71 → 7.0.73

package/components/data-list/data-list.mock.js

@@ -1,6 +1,6 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
 import Link from '../link/link.js';
 import Tag from '../tag/tag.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react';
 import 'classnames';
 import '../global/data-tests.js';
@@ -11,6 +11,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 '../button/button.js';
 import '@jetbrains/icons/chevron-down';
@@ -21,8 +22,8 @@ import '../_helpers/button.classes.js';
 
 const items = [{
   id: 1,
-  title: jsxs("span", {
-    children: [jsx("strong", {
+  title: /*#__PURE__*/jsxs("span", {
+    children: [/*#__PURE__*/jsx("strong", {
       children: "Assigner"
     }), " in 60 projects"]
   }),
@@ -36,44 +37,44 @@ const items = [{
     items: [{
       id: 111,
       selectable: true,
-      title: jsx(Link, {
-        href: '#',
+      title: /*#__PURE__*/jsx(Link, {
+        href: "#",
         children: "TeamCity"
       })
     }, {
       id: 112,
       selectable: true,
-      title: jsx(Link, {
-        href: '#',
+      title: /*#__PURE__*/jsx(Link, {
+        href: "#",
         children: "YouTrack"
       })
     }, {
       id: 113,
       selectable: true,
-      title: jsx(Link, {
-        href: '#',
+      title: /*#__PURE__*/jsx(Link, {
+        href: "#",
         children: "Sandbox"
       })
     }, {
       id: 114,
       selectable: true,
-      title: jsx(Link, {
-        href: '#',
+      title: /*#__PURE__*/jsx(Link, {
+        href: "#",
         children: "Exception Analyzer"
       })
     }, {
       id: 115,
       selectable: true,
-      title: jsx(Link, {
-        href: '#',
+      title: /*#__PURE__*/jsx(Link, {
+        href: "#",
         children: "MPS"
       })
     }]
   }]
 }, {
   id: 2,
-  title: jsxs("span", {
-    children: [jsx("strong", {
+  title: /*#__PURE__*/jsxs("span", {
+    children: [/*#__PURE__*/jsx("strong", {
       children: "Code Reviewer"
     }), " in 5 projects"]
   }),
@@ -82,13 +83,13 @@ const items = [{
   items: [{
     id: 21,
     selectable: true,
-    title: jsxs("span", {
-      children: [jsx(Link, {
-        href: '#',
+    title: /*#__PURE__*/jsxs("span", {
+      children: [/*#__PURE__*/jsx(Link, {
+        href: "#",
         children: "JetProfile"
-      }), jsx("span", {
+      }), /*#__PURE__*/jsx("span", {
         children: " "
-      }), jsx(Tag, {
+      }), /*#__PURE__*/jsx(Tag, {
         children: "duplicate"
       })]
     })
@@ -99,55 +100,55 @@ const items = [{
     items: [{
       id: 221,
       collapsible: true,
-      title: jsx(Link, {
-        href: '#',
+      title: /*#__PURE__*/jsx(Link, {
+        href: "#",
         children: "TeamCity"
       })
     }, {
       id: 222,
       collapsible: true,
-      title: jsx(Link, {
-        href: '#',
+      title: /*#__PURE__*/jsx(Link, {
+        href: "#",
         children: "YouTrack"
       })
     }, {
       id: 223,
       collapsible: true,
-      title: jsx(Link, {
-        href: '#',
+      title: /*#__PURE__*/jsx(Link, {
+        href: "#",
         children: "Sandbox"
       })
     }, {
       id: 224,
       collapsible: true,
-      title: jsx(Link, {
-        href: '#',
+      title: /*#__PURE__*/jsx(Link, {
+        href: "#",
         children: "Exception Analyzer"
       })
     }, {
       id: 225,
       collapsible: true,
-      title: jsx(Link, {
-        href: '#',
+      title: /*#__PURE__*/jsx(Link, {
+        href: "#",
         children: "MPS"
       })
     }]
   }, {
     id: 23,
     collapsible: true,
-    title: jsxs("span", {
-      children: [jsx(Link, {
-        href: '#',
+    title: /*#__PURE__*/jsxs("span", {
+      children: [/*#__PURE__*/jsx(Link, {
+        href: "#",
         children: "CustomJDK"
-      }), jsx("span", {
+      }), /*#__PURE__*/jsx("span", {
         children: ": as a member of ide-developers"
       })]
     })
   }]
 }, {
   id: 3,
-  title: jsxs("span", {
-    children: [jsx("strong", {
+  title: /*#__PURE__*/jsxs("span", {
+    children: [/*#__PURE__*/jsx("strong", {
       children: "Code Viewer"
     }), " in 5 projects"]
   }),
@@ -156,30 +157,30 @@ const items = [{
   items: [{
     id: 31,
     collapsible: true,
-    title: jsxs("span", {
-      children: [jsx(Link, {
-        href: '#',
+    title: /*#__PURE__*/jsxs("span", {
+      children: [/*#__PURE__*/jsx(Link, {
+        href: "#",
         children: "ide-frontend"
-      }), jsx("span", {
+      }), /*#__PURE__*/jsx("span", {
         children: ": as a member of ide-developers"
       })]
     })
   }, {
     id: 32,
     collapsible: true,
-    title: jsxs("span", {
-      children: [jsx(Link, {
-        href: '#',
+    title: /*#__PURE__*/jsxs("span", {
+      children: [/*#__PURE__*/jsx(Link, {
+        href: "#",
         children: "ide-frontend"
-      }), jsx("span", {
+      }), /*#__PURE__*/jsx("span", {
         children: ": as a member of ide-frontend Code Viewers"
       })]
     })
   }]
 }, {
   id: 4,
-  title: jsxs("span", {
-    children: [jsx("strong", {
+  title: /*#__PURE__*/jsxs("span", {
+    children: [/*#__PURE__*/jsx("strong", {
       children: "Commenter"
     }), " in 12 projects"]
   }),
@@ -187,22 +188,22 @@ const items = [{
   items: [{
     id: 41,
     collapsible: true,
-    title: jsxs("span", {
-      children: [jsx(Link, {
-        href: '#',
+    title: /*#__PURE__*/jsxs("span", {
+      children: [/*#__PURE__*/jsx(Link, {
+        href: "#",
         children: "Intellij IDEA"
-      }), jsx("span", {
+      }), /*#__PURE__*/jsx("span", {
         children: ": as a member of Registered Users"
       })]
     })
   }, {
     id: 42,
     collapsible: true,
-    title: jsxs("span", {
-      children: [jsx(Link, {
-        href: '#',
+    title: /*#__PURE__*/jsxs("span", {
+      children: [/*#__PURE__*/jsx(Link, {
+        href: "#",
         children: "YouTrack Backlog"
-      }), jsx("span", {
+      }), /*#__PURE__*/jsx("span", {
         children: ": as a member of jetbrains-team"
       })]
     })
@@ -210,12 +211,12 @@ const items = [{
 }, {
   id: 5,
   collapsible: true,
-  title: jsxs("span", {
-    children: [jsx("strong", {
+  title: /*#__PURE__*/jsxs("span", {
+    children: [/*#__PURE__*/jsx("strong", {
       children: "Developer"
-    }), jsx("span", {
+    }), /*#__PURE__*/jsx("span", {
       children: " in 57 projects "
-    }), jsx(Tag, {
+    }), /*#__PURE__*/jsx(Tag, {
       children: "team role"
     })]
   }),
@@ -223,30 +224,30 @@ const items = [{
     id: 51,
     selectable: true,
     collapsible: true,
-    title: jsx(Link, {
-      href: '#',
+    title: /*#__PURE__*/jsx(Link, {
+      href: "#",
       children: "Wasabi"
     })
   }]
 }, {
   id: 6,
   collapsible: true,
-  title: jsxs("span", {
-    children: [jsx("strong", {
+  title: /*#__PURE__*/jsxs("span", {
+    children: [/*#__PURE__*/jsx("strong", {
       children: "Git Hosting Admin"
-    }), jsx("span", {
+    }), /*#__PURE__*/jsx("span", {
       children: " in project "
-    }), jsx(Link, {
-      href: '#',
+    }), /*#__PURE__*/jsx(Link, {
+      href: "#",
       children: "Hackathon 2016"
-    }), jsx("span", {
+    }), /*#__PURE__*/jsx("span", {
       children: ": as a member of jetbrains-team"
     })]
   })
 }, {
   id: 7,
-  title: jsxs("span", {
-    children: [jsx("strong", {
+  title: /*#__PURE__*/jsxs("span", {
+    children: [/*#__PURE__*/jsx("strong", {
       children: "Git Hosting Checkout"
     }), " in 7 projects"]
   }),
@@ -257,13 +258,13 @@ const moreItems = [{
   id: 91,
   selectable: true,
   collapsible: true,
-  title: jsxs("span", {
-    children: [jsx(Link, {
-      href: '#',
+  title: /*#__PURE__*/jsxs("span", {
+    children: [/*#__PURE__*/jsx(Link, {
+      href: "#",
       children: "More item 1"
-    }), jsx("span", {
+    }), /*#__PURE__*/jsx("span", {
       children: " "
-    }), jsx(Tag, {
+    }), /*#__PURE__*/jsx(Tag, {
       children: "duplicate"
     })]
   })
@@ -271,13 +272,13 @@ const moreItems = [{
   id: 92,
   selectable: true,
   collapsible: true,
-  title: jsxs("span", {
-    children: [jsx(Link, {
-      href: '#',
+  title: /*#__PURE__*/jsxs("span", {
+    children: [/*#__PURE__*/jsx(Link, {
+      href: "#",
       children: "More item 2"
-    }), jsx("span", {
+    }), /*#__PURE__*/jsx("span", {
       children: " "
-    }), jsx(Tag, {
+    }), /*#__PURE__*/jsx(Tag, {
       children: "duplicate"
     })]
   })

package/components/data-list/item.d.ts

@@ -47,6 +47,6 @@ export default class Item<T extends SelectionItem> extends PureComponent<ItemPro
     onShowLess: () => void;
     onFocus: () => void;
     onSelect: (selected: boolean) => void;
-    renderItem: (model: T, parentShift: number) => import("react/jsx-runtime").JSX.Element;
-    render(): import("react/jsx-runtime").JSX.Element;
+    renderItem: (model: T, parentShift: number) => import("react").JSX.Element;
+    render(): import("react").JSX.Element;
 }

package/components/data-list/item.js

@@ -1,4 +1,3 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
 import { PureComponent } from 'react';
 import chevronRightIcon from '@jetbrains/icons/chevron-right';
 import chevronDownIcon from '@jetbrains/icons/chevron-down';
@@ -7,6 +6,7 @@ import Text from '../text/text.js';
 import LoaderInline from '../loader-inline/loader-inline.js';
 import { Button } from '../button/button.js';
 import { s as styles, T as Title } from '../_helpers/title.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import 'classnames';
 import '../global/data-tests.js';
 import '../link/clickable-link.js';
@@ -16,6 +16,7 @@ import 'util-deprecate';
 import '../icon/icon.js';
 import '../icon/icon.constants.js';
 import '../_helpers/icon-svg.js';
+import 'react-compiler-runtime';
 import '../global/memoize.js';
 import '../global/controls-height.js';
 import '../global/configuration.js';
@@ -83,7 +84,7 @@ class Item extends PureComponent {
       itemFormatter
     } = this.props;
     const item = itemFormatter(model);
-    return jsx(Item, {
+    return /*#__PURE__*/jsx(Item, {
       item: model,
       title: item.title,
       items: item.items,
@@ -121,23 +122,23 @@ class Item extends PureComponent {
     } = this.props;
     let moreLessButton;
     if (showMoreLessButton === moreLessButtonStates.MORE || showMoreLessButton === moreLessButtonStates.MORE_LOADING) {
-      moreLessButton = jsxs(Text, {
+      moreLessButton = /*#__PURE__*/jsxs(Text, {
         info: true,
         size: Text.Size.S,
-        children: [jsx(Link, {
+        children: [/*#__PURE__*/jsx(Link, {
           inherit: true,
           pseudo: true,
           onClick: this.onShowMore,
           children: 'Show more'
-        }), showMoreLessButton === moreLessButtonStates.MORE_LOADING && jsx(LoaderInline, {
+        }), showMoreLessButton === moreLessButtonStates.MORE_LOADING && /*#__PURE__*/jsx(LoaderInline, {
           className: styles.showMoreLoader
         })]
       });
     } else if (showMoreLessButton === moreLessButtonStates.LESS) {
-      moreLessButton = jsx(Text, {
+      moreLessButton = /*#__PURE__*/jsx(Text, {
         info: true,
         size: Text.Size.S,
-        children: jsx(Link, {
+        children: /*#__PURE__*/jsx(Link, {
           inherit: true,
           pseudo: true,
           onClick: this.onShowLess,
@@ -148,29 +149,29 @@ class Item extends PureComponent {
     let collapserExpander = null;
     if (collapsible) {
       if (collapsed) {
-        collapserExpander = jsx(Button, {
-          title: 'Expand',
+        collapserExpander = /*#__PURE__*/jsx(Button, {
+          title: "Expand",
           onClick: onExpand,
           icon: chevronRightIcon,
           className: styles.collapseButton,
           iconClassName: styles.collapseIcon,
-          "data-test": 'ring-data-list-expand'
+          "data-test": "ring-data-list-expand"
         });
       } else {
-        collapserExpander = jsx(Button, {
-          title: 'Collapse',
+        collapserExpander = /*#__PURE__*/jsx(Button, {
+          title: "Collapse",
           onClick: onCollapse,
           icon: chevronDownIcon,
           className: styles.collapseButton,
           iconClassName: styles.collapseIcon,
-          "data-test": 'ring-data-list-collapse'
+          "data-test": "ring-data-list-collapse"
         });
       }
     }
     const itemIsEmpty = !items?.length || collapsible && collapsed;
     const offset = level * LIST_LEFT_OFFSET + ITEM_LEFT_OFFSET + parentShift;
-    return jsxs("li", {
-      children: [jsx(Title, {
+    return /*#__PURE__*/jsxs("li", {
+      children: [/*#__PURE__*/jsx(Title, {
         title: title,
         focused: showFocus,
         showFocus: showFocus,
@@ -181,9 +182,9 @@ class Item extends PureComponent {
         onFocus: this.onFocus,
         onSelect: this.onSelect,
         offset: offset
-      }), !itemIsEmpty ? jsxs("ul", {
+      }), !itemIsEmpty ? /*#__PURE__*/jsxs("ul", {
         className: styles.itemContent,
-        children: [items.map(model => this.renderItem(model, parentShift)), showMoreLessButton !== moreLessButtonStates.UNUSED ? jsx("li", {
+        children: [items.map(model => this.renderItem(model, parentShift)), showMoreLessButton !== moreLessButtonStates.UNUSED ? /*#__PURE__*/jsx("li", {
           className: styles.showMore,
           children: moreLessButton
         }) : null]

package/components/data-list/title.d.ts

@@ -21,7 +21,7 @@ declare class Title extends PureComponent<TitleProps> {
     onCheckboxFocus: () => void;
     onCheckboxChange: () => void;
     toggleSelection(): void;
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): import("react").JSX.Element;
 }
 declare const _default: import("react").ComponentClass<import("../global/focus-sensor-hoc").FocusSensorProps<TitleProps, HTMLDivElement, typeof Title>, any>;
 export default _default;

package/components/data-list/title.js

@@ -1,10 +1,10 @@
-import 'react/jsx-runtime';
 import 'react';
 import 'classnames';
 import '../global/focus-sensor-hoc.js';
 import '../checkbox/checkbox.js';
 import '../global/get-uid.js';
 export { T as default } from '../_helpers/title.js';
+import 'react/jsx-runtime';
 import '../global/compose-refs.js';
 import 'memoize-one';
 import '@jetbrains/icons/checkmark-12px';
@@ -13,5 +13,6 @@ 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 '../control-help/control-help.js';

package/components/date-picker/consts.js

@@ -3,7 +3,7 @@ import { add } from 'date-fns/add';
 const unit = 8; // px;
 const units = {
   unit,
-  /* eslint-disable @typescript-eslint/no-magic-numbers */
+  /* eslint-disable no-magic-numbers */
   cellSize: unit * 3,
   calHeight: unit * 36,
   yearHeight: unit * 4

package/components/date-picker/date-input.d.ts

@@ -24,5 +24,5 @@ export default class DateInput extends React.PureComponent<DateInputProps> {
     updateInput({ text, active }: UpdateInputConfig): void;
     handleChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
     handleKeyDown: (e: React.KeyboardEvent) => void;
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): React.JSX.Element;
 }

package/components/date-picker/date-input.js

@@ -1,10 +1,10 @@
-import { jsx } from 'react/jsx-runtime';
 import * as React from 'react';
 import classNames from 'classnames';
 import { I as Input } from '../_helpers/input.js';
 import '../global/controls-height.js';
 import { I18nContext } from '../i18n/i18n-context.js';
 import { s as styles } from '../_helpers/date-picker.js';
+import { jsx } from 'react/jsx-runtime';
 import { ControlsHeight } from '../global/configuration.js';
 import '@jetbrains/icons/close-12px';
 import '../button/button.js';
@@ -14,6 +14,7 @@ import 'util-deprecate';
 import '../icon/icon.js';
 import '../icon/icon.constants.js';
 import '../_helpers/icon-svg.js';
+import 'react-compiler-runtime';
 import '../global/memoize.js';
 import '../link/clickable-link.js';
 import '../_helpers/button.classes.js';
@@ -117,8 +118,8 @@ class DateInput extends React.PureComponent {
       }
     })();
     const classes = classNames(styles.filter, styles[`${name}Input`], divider && styles[`${name}InputWithDivider`], 'ring-js-shortcuts');
-    return jsx(Input, {
-      autoComplete: 'off',
+    return /*#__PURE__*/jsx(Input, {
+      autoComplete: "off",
       borderless: true,
       height: ControlsHeight.L,
       "data-name": name,

package/components/date-picker/date-picker.d.ts

@@ -45,6 +45,6 @@ export default class DatePicker extends PureComponent<DatePickerProps> {
     parse: (arg: string | number | Date | null | undefined) => Date | null;
     formatTime(): string | null;
     getAnchorText: () => string;
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): React.JSX.Element;
 }
 export type DatePickerAttrs = React.JSX.LibraryManagedAttributes<typeof DatePicker, DatePickerProps>;