@jetbrains/ring-ui-built 7.0.72 → 7.0.73

package/components/query-assist/query-assist.js

@@ -1,4 +1,3 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
 import { Component } from 'react';
 import debounce from 'just-debounce-it';
 import classNames from 'classnames';
@@ -20,7 +19,9 @@ import { ControlsHeightContext } from '../global/controls-height.js';
 import { S as Size, i as inputStyles } from '../_helpers/input.js';
 import { I18nContext } from '../i18n/i18n-context.js';
 import { Q as QueryAssistSuggestions, s as styles } from '../_helpers/query-assist-suggestions.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { ControlsHeight } from '../global/configuration.js';
+import 'react-compiler-runtime';
 import 'react-dom/server';
 import '../popup/popup.js';
 import 'react-dom';
@@ -42,9 +43,9 @@ import '../global/create-stateful-context.js';
 import '../list/list-item.js';
 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 '../checkbox/checkbox.js';
 import '@jetbrains/icons/checkmark-12px';
 import '@jetbrains/icons/remove-12px';
@@ -53,9 +54,9 @@ import '../control-help/control-help.js';
 import '../link/link.js';
 import '../link/clickable-link.js';
 import '../_helpers/link.js';
-import '../_helpers/list.js';
 import '../list/consts.js';
 import '../list/list.classes.js';
+import '../_helpers/list.js';
 import '../icon/icon.constants.js';
 import '../_helpers/icon-svg.js';
 import '../list/list-custom.js';
@@ -690,7 +691,7 @@ class QueryAssist extends Component {
       const className = classNames(styles.letter, classes[index] || LETTER_DEFAULT_CLASS);
       const dataTest = letters.length - 1 === index ? 'ring-query-assist-last-letter' : null;
       // \u00a0 ===  
-      return jsx("span", {
+      return /*#__PURE__*/jsx("span", {
         className: className,
         "data-test": dataTest,
         children: letter === ' ' ? '\u00a0' : letter
@@ -764,18 +765,18 @@ class QueryAssist extends Component {
     const actions = [...(this.props.actions || [])];
     const renderClear = this.props.clear && !!this.state.query;
     if (renderClear) {
-      actions.push(jsx(I18nContext.Consumer, {
+      actions.push(/*#__PURE__*/jsx(I18nContext.Consumer, {
         children: ({
           translate
         }) => {
           var _this$props$translati;
-          return jsx(Button, {
+          return /*#__PURE__*/jsx(Button, {
             icon: closeIcon,
             className: styles.clear,
             title: (_this$props$translati = this.props.translations?.clearTitle) !== null && _this$props$translati !== void 0 ? _this$props$translati : translate('clearTitle'),
             ref: this.clearRef,
             onClick: this.clearQuery,
-            "data-test": 'query-assist-clear-icon'
+            "data-test": "query-assist-clear-icon"
           });
         }
       }, 'clearAction'));
@@ -814,38 +815,38 @@ class QueryAssist extends Component {
       [styles.hugePlaceholder]: huge,
       [styles.withoutGlass]: !glass || !renderLoader && huge
     });
-    return jsx(ControlsHeightContext.Provider, {
+    return /*#__PURE__*/jsx(ControlsHeightContext.Provider, {
       value: ControlsHeight.M,
-      children: jsx(I18nContext.Consumer, {
+      children: /*#__PURE__*/jsx(I18nContext.Consumer, {
         children: ({
           translate
         }) => {
           var _translations$searchT, _translations$searchT2, _translations$searchT3;
-          return jsxs("div", {
+          return /*#__PURE__*/jsxs("div", {
             "data-test": joinDataTestAttributes('ring-query-assist', dataTest),
             className: containerClasses,
-            role: 'presentation',
+            role: "presentation",
             ref: this.nodeRef,
-            children: [this.state.shortcuts && jsx(Shortcuts, {
+            children: [this.state.shortcuts && /*#__PURE__*/jsx(Shortcuts, {
               map: this.shortcutsMap,
               scope: this.shortcutsScope
-            }), renderGlass && !huge && jsx(Icon, {
+            }), renderGlass && !huge && /*#__PURE__*/jsx(Icon, {
               glyph: searchIcon,
               className: styles.icon,
               title: (_translations$searchT = translations?.searchTitle) !== null && _translations$searchT !== void 0 ? _translations$searchT : translate('searchTitle'),
               ref: this.glassRef,
-              "data-test": 'query-assist-search-icon'
-            }), renderLoader && jsx("div", {
+              "data-test": "query-assist-search-icon"
+            }), renderLoader && /*#__PURE__*/jsx("div", {
               className: classNames(styles.icon, styles.loader, {
                 [styles.loaderOnTheRight]: !glass && !huge,
                 [styles.loaderActive]: renderLoader
               }),
               ref: this.loaderRef,
-              children: jsx(LoaderInline, {})
-            }), jsx(ContentEditable, {
+              children: /*#__PURE__*/jsx(LoaderInline, {})
+            }), /*#__PURE__*/jsx(ContentEditable, {
               "aria-label": (_translations$searchT2 = translations?.searchTitle) !== null && _translations$searchT2 !== void 0 ? _translations$searchT2 : translate('searchTitle'),
               className: inputClasses,
-              "data-test": 'ring-query-assist-input',
+              "data-test": "ring-query-assist-input",
               inputRef: this.inputRef,
               disabled: this.props.disabled,
               onComponentUpdate: () => this.setCaretPosition({
@@ -856,28 +857,30 @@ class QueryAssist extends Component {
               onCompositionStart: this.trackCompositionState,
               onCompositionEnd: this.trackCompositionState,
               onFocus: this.handleFocusChange,
-              onInput: this.handleInput,
-              onKeyUp: this.handleInput,
+              onInput: this.handleInput // To support IE use the same method
+              ,
+              onKeyUp: this.handleInput // to handle input and key up
+              ,
               onKeyDown: this.handleEnter,
               onPaste: this.handlePaste,
-              spellCheck: 'false',
-              children: this.state.query && jsx("span", {
+              spellCheck: "false",
+              children: this.state.query && /*#__PURE__*/jsx("span", {
                 children: this.renderQuery()
               })
-            }), renderPlaceholder && jsx("button", {
-              type: 'button',
+            }), renderPlaceholder && /*#__PURE__*/jsx("button", {
+              type: "button",
               className: placeholderStyles,
               ref: this.placeholderRef,
               onClick: this.handleCaretMove,
-              "data-test": 'query-assist-placeholder',
+              "data-test": "query-assist-placeholder",
               disabled: this.props.disabled,
               tabIndex: -1,
               children: this.props.placeholder
-            }), actions.length ? jsx("div", {
-              "data-test": 'ring-query-assist-actions',
+            }), actions.length ? /*#__PURE__*/jsx("div", {
+              "data-test": "ring-query-assist-actions",
               className: styles.actions,
               children: actions
-            }) : null, jsx(PopupMenu, {
+            }) : null, /*#__PURE__*/jsx(PopupMenu, {
               hidden: !this.state.showPopup,
               onCloseAttempt: this.closePopup,
               ref: this.popupRef,
@@ -887,7 +890,7 @@ class QueryAssist extends Component {
               className: this.props.popupClassName,
               directions: [PopupMenu.PopupProps.Directions.BOTTOM_RIGHT],
               data: useCustomItemRender ? this.state.suggestions : this.renderSuggestions(),
-              "data-test": 'ring-query-assist-popup',
+              "data-test": "ring-query-assist-popup",
               hint: this.props.hint,
               shortcutsMap: this.listShortcutsMap,
               hintOnSelection: this.props.hintOnSelection,
@@ -896,16 +899,16 @@ class QueryAssist extends Component {
               onMouseDown: this.trackPopupMouseState,
               onMouseUp: this.trackPopupMouseState,
               onSelect: item => this.handleComplete(item)
-            }), glass && huge && jsx("div", {
+            }), glass && huge && /*#__PURE__*/jsx("div", {
               className: styles.rightSearchButton,
-              "data-test": 'query-assist-search-button',
-              children: jsx(Icon, {
+              "data-test": "query-assist-search-button",
+              children: /*#__PURE__*/jsx(Icon, {
                 glyph: searchIcon,
                 className: styles.rightSearchIcon,
                 title: (_translations$searchT3 = translations?.searchTitle) !== null && _translations$searchT3 !== void 0 ? _translations$searchT3 : translate('searchTitle'),
                 onClick: this.handleApply,
                 ref: this.glassRef,
-                "data-test": 'query-assist-search-icon'
+                "data-test": "query-assist-search-icon"
               })
             })]
           });

package/components/radio/radio-item.d.ts

@@ -13,7 +13,7 @@ export declare class RadioItemInner extends Component<RadioItemInnerProps> {
     inputRef: (el: HTMLElement | null) => void;
     label?: HTMLElement | null;
     labelRef: (el: HTMLElement | null) => void;
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): import("react").JSX.Element;
 }
 export interface RadioItemProps extends RadioItemInnerProps {
     value: string;

package/components/radio/radio-item.js

@@ -1,8 +1,9 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
+import { c } from 'react-compiler-runtime';
 import { forwardRef, createContext, Component } from 'react';
 import classNames from 'classnames';
 import getUID from '../global/get-uid.js';
 import ControlHelp from '../control-help/control-help.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
 
 var styles = {"radio":"ring-radio-radio","circle":"ring-radio-circle","input":"ring-radio-input","focus":"ring-radio-focus","label":"ring-radio-label"};
 
@@ -25,21 +26,21 @@ class RadioItemInner extends Component {
       ...restProps
     } = this.props;
     const classes = classNames(styles.radio, className);
-    return jsxs("label", {
+    return /*#__PURE__*/jsxs("label", {
       ref: this.labelRef,
       className: classes,
       htmlFor: this.uid,
-      children: [jsx("input", {
+      children: [/*#__PURE__*/jsx("input", {
         id: this.uid,
         ...restProps,
         ref: this.inputRef,
         className: styles.input,
-        type: 'radio'
-      }), jsx("span", {
+        type: "radio"
+      }), /*#__PURE__*/jsx("span", {
         className: styles.circle
-      }), jsxs("span", {
+      }), /*#__PURE__*/jsxs("span", {
         className: styles.label,
-        children: [children, help && jsx(ControlHelp, {
+        children: [children, help && /*#__PURE__*/jsx(ControlHelp, {
           children: help
         })]
       })]
@@ -47,19 +48,38 @@ class RadioItemInner extends Component {
   }
 }
 const RadioItem = /*#__PURE__*/forwardRef(function RadioItem(props, ref) {
-  return jsx(RadioContext.Consumer, {
-    children: ({
-      value,
-      onChange,
-      ...restContext
-    }) => jsx(RadioItemInner, {
-      ref: ref,
-      ...restContext,
-      checked: value !== undefined ? value === props.value : undefined,
-      onChange: onChange ? () => onChange(props.value) : undefined,
-      ...props
-    })
-  });
+  const $ = c(4);
+  if ($[0] !== "3188350a888d4041d2a02a273f83e84f8d42c8d785cec28bc6b4e5db93df5501") {
+    for (let $i = 0; $i < 4; $i += 1) {
+      $[$i] = Symbol.for("react.memo_cache_sentinel");
+    }
+    $[0] = "3188350a888d4041d2a02a273f83e84f8d42c8d785cec28bc6b4e5db93df5501";
+  }
+  let t0;
+  if ($[1] !== props || $[2] !== ref) {
+    t0 = /*#__PURE__*/jsx(RadioContext.Consumer, {
+      children: t1 => {
+        const {
+          value,
+          onChange,
+          ...restContext
+        } = t1;
+        return /*#__PURE__*/jsx(RadioItemInner, {
+          ref: ref,
+          ...restContext,
+          checked: value !== undefined ? value === props.value : undefined,
+          onChange: onChange ? () => onChange(props.value) : undefined,
+          ...props
+        });
+      }
+    });
+    $[1] = props;
+    $[2] = ref;
+    $[3] = t0;
+  } else {
+    t0 = $[3];
+  }
+  return t0;
 });
 
 export { RadioContext, RadioItemInner, RadioItem as default };

package/components/radio/radio.d.ts

@@ -6,5 +6,5 @@ import { type RadioProps } from './radio-item';
 export default class Radio extends Component<RadioProps> {
     static Item: import("react").ForwardRefExoticComponent<import("./radio-item").RadioItemProps & import("react").RefAttributes<import("./radio-item").RadioItemInner>>;
     uid: string;
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): import("react").JSX.Element;
 }

package/components/radio/radio.js

@@ -1,18 +1,16 @@
-import { jsx } from 'react/jsx-runtime';
 import { Component } from 'react';
 import getUID from '../global/get-uid.js';
 import RadioItem, { RadioContext } from './radio-item.js';
+import { jsx } from 'react/jsx-runtime';
+import 'react-compiler-runtime';
 import 'classnames';
 import '../control-help/control-help.js';
 
-/**
- * @name Radio
- */
 class Radio extends Component {
   static Item = RadioItem;
   uid = getUID('ring-radio-');
   render() {
-    return jsx(RadioContext.Provider, {
+    return /*#__PURE__*/jsx(RadioContext.Provider, {
       value: {
         name: this.uid,
         ...this.props

package/components/scrollable-section/scrollable-section.d.ts

@@ -1,2 +1,2 @@
 import { type HTMLAttributes } from 'react';
-export default function ScrollableSection({ className, ...restProps }: HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+export default function ScrollableSection({ className, ...restProps }: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;

package/components/scrollable-section/scrollable-section.js

@@ -1,50 +1,112 @@
-import { jsx } from 'react/jsx-runtime';
-import { useState, useRef, useCallback, useEffect } from 'react';
+import { c } from 'react-compiler-runtime';
+import { useState, useRef, useEffect } from 'react';
 import classNames from 'classnames';
+import { jsx } from 'react/jsx-runtime';
 
 var styles = {"scrollableSection":"ring-scrollable-section-scrollableSection","withTopBorder":"ring-scrollable-section-withTopBorder","withRightBorder":"ring-scrollable-section-withRightBorder","withBottomBorder":"ring-scrollable-section-withBottomBorder","withLeftBorder":"ring-scrollable-section-withLeftBorder"};
 
-function ScrollableSection({
-  className,
-  ...restProps
-}) {
+function ScrollableSection(t0) {
+  const $ = c(16);
+  if ($[0] !== "87f994d0cc39c6d32c770eec60675ea0f3bc80b6b7157262f1770a82243ec370") {
+    for (let $i = 0; $i < 16; $i += 1) {
+      $[$i] = Symbol.for("react.memo_cache_sentinel");
+    }
+    $[0] = "87f994d0cc39c6d32c770eec60675ea0f3bc80b6b7157262f1770a82243ec370";
+  }
+  let className;
+  let restProps;
+  if ($[1] !== t0) {
+    ({
+      className,
+      ...restProps
+    } = t0);
+    $[1] = t0;
+    $[2] = className;
+    $[3] = restProps;
+  } else {
+    className = $[2];
+    restProps = $[3];
+  }
   const [scrolledToTop, setScrolledToTop] = useState(false);
   const [scrolledToRight, setScrolledToRight] = useState(false);
   const [scrolledToBottom, setScrolledToBottom] = useState(false);
   const [scrolledToLeft, setScrolledToLeft] = useState(false);
   const ref = useRef(null);
-  const calculateScrollPosition = useCallback(() => {
-    if (ref.current) {
-      const {
-        scrollTop,
-        scrollLeft,
-        scrollHeight,
-        scrollWidth,
-        offsetHeight,
-        offsetWidth
-      } = ref.current;
-      setScrolledToTop(scrollTop === 0);
-      setScrolledToRight(offsetWidth + scrollLeft >= scrollWidth);
-      setScrolledToBottom(offsetHeight + scrollTop >= scrollHeight);
-      setScrolledToLeft(scrollLeft === 0);
-    }
-  }, []);
-  useEffect(() => {
-    requestAnimationFrame(calculateScrollPosition);
-    window.addEventListener('resize', calculateScrollPosition);
-    return () => window.removeEventListener('resize', calculateScrollPosition);
-  }, [calculateScrollPosition]);
-  return jsx("div", {
-    ...restProps,
-    className: classNames(styles.scrollableSection, className, {
-      [styles.withTopBorder]: !scrolledToTop,
-      [styles.withRightBorder]: !scrolledToRight,
-      [styles.withBottomBorder]: !scrolledToBottom,
-      [styles.withLeftBorder]: !scrolledToLeft
-    }),
-    ref: ref,
-    onScroll: calculateScrollPosition
-  });
+  let t1;
+  if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = () => {
+      if (ref.current) {
+        const {
+          scrollTop,
+          scrollLeft,
+          scrollHeight,
+          scrollWidth,
+          offsetHeight,
+          offsetWidth
+        } = ref.current;
+        setScrolledToTop(scrollTop === 0);
+        setScrolledToRight(offsetWidth + scrollLeft >= scrollWidth);
+        setScrolledToBottom(offsetHeight + scrollTop >= scrollHeight);
+        setScrolledToLeft(scrollLeft === 0);
+      }
+    };
+    $[4] = t1;
+  } else {
+    t1 = $[4];
+  }
+  const calculateScrollPosition = t1;
+  let t2;
+  let t3;
+  if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = () => {
+      requestAnimationFrame(calculateScrollPosition);
+      window.addEventListener("resize", calculateScrollPosition);
+      return () => window.removeEventListener("resize", calculateScrollPosition);
+    };
+    t3 = [calculateScrollPosition];
+    $[5] = t2;
+    $[6] = t3;
+  } else {
+    t2 = $[5];
+    t3 = $[6];
+  }
+  useEffect(t2, t3);
+  const t4 = !scrolledToTop;
+  const t5 = !scrolledToRight;
+  const t6 = !scrolledToBottom;
+  const t7 = !scrolledToLeft;
+  let t8;
+  if ($[7] !== className || $[8] !== t4 || $[9] !== t5 || $[10] !== t6 || $[11] !== t7) {
+    t8 = classNames(styles.scrollableSection, className, {
+      [styles.withTopBorder]: t4,
+      [styles.withRightBorder]: t5,
+      [styles.withBottomBorder]: t6,
+      [styles.withLeftBorder]: t7
+    });
+    $[7] = className;
+    $[8] = t4;
+    $[9] = t5;
+    $[10] = t6;
+    $[11] = t7;
+    $[12] = t8;
+  } else {
+    t8 = $[12];
+  }
+  let t9;
+  if ($[13] !== restProps || $[14] !== t8) {
+    t9 = /*#__PURE__*/jsx("div", {
+      ...restProps,
+      className: t8,
+      ref: ref,
+      onScroll: calculateScrollPosition
+    });
+    $[13] = restProps;
+    $[14] = t8;
+    $[15] = t9;
+  } else {
+    t9 = $[15];
+  }
+  return t9;
 }
 
 export { ScrollableSection as default };

package/components/select/select-filter.d.ts

@@ -13,6 +13,6 @@ export default class SelectFilter extends Component<SelectFilterProps> {
     blur(): void;
     input?: HTMLInputElement | HTMLTextAreaElement | null;
     inputRef: (el: HTMLInputElement | HTMLTextAreaElement | null) => void;
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): import("react").JSX.Element;
 }
 export {};

package/components/select/select-filter.js

@@ -1,4 +1,3 @@
-import 'react/jsx-runtime';
 import 'react';
 import 'classnames';
 import '../_helpers/input.js';
@@ -6,6 +5,7 @@ import '../global/sniffer.js';
 import '../list/list.js';
 import '../i18n/i18n-context.js';
 export { S as default } from '../_helpers/select-filter.js';
+import 'react/jsx-runtime';
 import '@jetbrains/icons/close-12px';
 import '../button/button.js';
 import '@jetbrains/icons/chevron-down';
@@ -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 '../global/controls-height.js';
@@ -39,17 +40,17 @@ import '../global/create-stateful-context.js';
 import '../list/list-item.js';
 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 '../checkbox/checkbox.js';
 import '@jetbrains/icons/checkmark-12px';
 import '@jetbrains/icons/remove-12px';
 import '../link/link.js';
 import '../_helpers/link.js';
-import '../_helpers/list.js';
 import '../list/consts.js';
 import '../list/list.classes.js';
+import '../_helpers/list.js';
 import '../list/list-custom.js';
 import '../global/get-event-key.js';
 import '../list/list-title.js';

package/components/select/select-popup.d.ts

@@ -110,17 +110,17 @@ export default class SelectPopup<T = unknown> extends PureComponent<SelectPopupP
     onListSelect: (selected: ListDataItem<T>, event?: Event | SyntheticEvent, opts?: SelectHandlerParams) => void;
     tabPress: (event: Event) => void;
     onClickHandler: () => void | undefined;
-    getFilter(): import("react/jsx-runtime").JSX.Element | null;
+    getFilter(): React.JSX.Element | null;
     handleRemoveTag: (arg: ListDataItem<T>) => (event: SyntheticEvent) => void;
     handleTagClick: (arg: ListDataItem<T>) => () => void;
     getCustomTag(tags: Tags | boolean | null): ((tag: TagAttrs) => ReactNode) | undefined;
-    getTags(): false | import("react/jsx-runtime").JSX.Element;
-    getFilterWithTags(): import("react/jsx-runtime").JSX.Element | null;
-    getBottomLine(): "" | import("react/jsx-runtime").JSX.Element | null;
+    getTags(): false | React.JSX.Element;
+    getFilterWithTags(): React.JSX.Element | null;
+    getBottomLine(): "" | React.JSX.Element | null;
     handleListResize: () => void;
-    getList(ringPopupTarget: string | Element | undefined): import("react/jsx-runtime").JSX.Element | null;
+    getList(ringPopupTarget: string | Element | undefined): React.JSX.Element | null;
     handleSelectAll: () => void;
-    getSelectAll: () => false | import("react/jsx-runtime").JSX.Element;
+    getSelectAll: () => false | React.JSX.Element;
     private _adjustListMaxHeight;
     popupRef: (el: Popup | null) => void;
     list?: List<T> | null;
@@ -132,6 +132,6 @@ export default class SelectPopup<T = unknown> extends PureComponent<SelectPopupP
         tab: (event: Event) => void;
     };
     popupFilterShortcutsMap: ShortcutsMap;
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): React.JSX.Element;
 }
 export type SelectPopupAttrs<T = unknown> = React.JSX.LibraryManagedAttributes<typeof SelectPopup, SelectPopupProps<T>>;