@jetbrains/ring-ui-built 7.0.72 → 7.0.73

package/components/_helpers/tab-link.js

@@ -1,35 +1,87 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
+import { c } from 'react-compiler-runtime';
 import { memo } from 'react';
 import Link from '../link/link.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 
 var styles = {"tabs":"ring-tabs-tabs ring-global-font","titles":"ring-tabs-titles","title":"ring-tabs-title ring-global-font","selected":"ring-tabs-selected","collapsed":"ring-tabs-collapsed","titleLegacy":"ring-tabs-titleLegacy","visible":"ring-tabs-visible","container":"ring-tabs-container","hidden":"ring-tabs-hidden","hiddenBold":"ring-tabs-hiddenBold","hiddenRegular":"ring-tabs-hiddenRegular","tabCounter":"ring-tabs-tabCounter","autoCollapseContainer":"ring-tabs-autoCollapseContainer","autoCollapse":"ring-tabs-autoCollapse","rendered":"ring-tabs-rendered","adjusted":"ring-tabs-adjusted","measure":"ring-tabs-measure","morePopup":"ring-tabs-morePopup","morePopupBeforeEnd":"ring-tabs-morePopupBeforeEnd"};
 
-function TabLink({
-  isSelected,
-  title,
-  collapsed,
-  ...restProps
-}) {
-  const renderedTitle = typeof title === 'function' ? title(isSelected, collapsed) : title;
-  return jsx(Link, {
-    ...restProps,
-    children: jsxs("div", {
+function TabLink(t0) {
+  const $ = c(15);
+  if ($[0] !== "39f1a89c5c733a624de38d6be3582c0990b2039ec09c55b8645875ea44f687f4") {
+    for (let $i = 0; $i < 15; $i += 1) {
+      $[$i] = Symbol.for("react.memo_cache_sentinel");
+    }
+    $[0] = "39f1a89c5c733a624de38d6be3582c0990b2039ec09c55b8645875ea44f687f4";
+  }
+  let collapsed;
+  let isSelected;
+  let restProps;
+  let title;
+  if ($[1] !== t0) {
+    ({
+      isSelected,
+      title,
+      collapsed,
+      ...restProps
+    } = t0);
+    $[1] = t0;
+    $[2] = collapsed;
+    $[3] = isSelected;
+    $[4] = restProps;
+    $[5] = title;
+  } else {
+    collapsed = $[2];
+    isSelected = $[3];
+    restProps = $[4];
+    title = $[5];
+  }
+  let t1;
+  if ($[6] !== collapsed || $[7] !== isSelected || $[8] !== title) {
+    t1 = typeof title === "function" ? title(isSelected, collapsed) : title;
+    $[6] = collapsed;
+    $[7] = isSelected;
+    $[8] = title;
+    $[9] = t1;
+  } else {
+    t1 = $[9];
+  }
+  const renderedTitle = t1;
+  let t2;
+  if ($[10] !== renderedTitle) {
+    t2 = /*#__PURE__*/jsxs("div", {
       className: styles.container,
-      children: [jsx("span", {
+      children: [/*#__PURE__*/jsx("span", {
         className: styles.visible,
         children: renderedTitle
-      }), jsx("span", {
+      }), /*#__PURE__*/jsx("span", {
         className: styles.hidden,
         children: renderedTitle
-      }), jsx("span", {
+      }), /*#__PURE__*/jsx("span", {
         className: styles.hiddenBold,
         children: renderedTitle
-      }), jsx("span", {
+      }), /*#__PURE__*/jsx("span", {
         className: styles.hiddenRegular,
         children: renderedTitle
       })]
-    })
-  });
+    });
+    $[10] = renderedTitle;
+    $[11] = t2;
+  } else {
+    t2 = $[11];
+  }
+  let t3;
+  if ($[12] !== restProps || $[13] !== t2) {
+    t3 = /*#__PURE__*/jsx(Link, {
+      ...restProps,
+      children: t2
+    });
+    $[12] = restProps;
+    $[13] = t2;
+    $[14] = t3;
+  } else {
+    t3 = $[14];
+  }
+  return t3;
 }
 var TabLink$1 = /*#__PURE__*/memo(TabLink);
 

package/components/_helpers/theme.js

@@ -1,10 +1,11 @@
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { createContext, forwardRef, useMemo, useEffect, useContext, useState } from 'react';
+import { c } from 'react-compiler-runtime';
+import { createContext, forwardRef, useEffect, useContext, useState } from 'react';
 import classNames from 'classnames';
 import { createPortal } from 'react-dom';
 import { PopupTargetContext, PopupTarget } from '../popup/popup.target.js';
 import { getPopupContainer } from '../popup/popup.js';
 import getUID from '../global/get-uid.js';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 var defaultStyles = {"light":"ring-variables-light"};
 
@@ -22,29 +23,84 @@ const ThemeContext = /*#__PURE__*/createContext({
 const GLOBAL_DARK_CLASS_NAME = 'ring-ui-theme-dark';
 const darkMatcher = window.matchMedia('(prefers-color-scheme: dark)');
 function useTheme() {
+  const $ = c(3);
+  if ($[0] !== "420c141f405e041fcedabc175502fba7d82b5112935d96597788965382528620") {
+    for (let $i = 0; $i < 3; $i += 1) {
+      $[$i] = Symbol.for("react.memo_cache_sentinel");
+    }
+    $[0] = "420c141f405e041fcedabc175502fba7d82b5112935d96597788965382528620";
+  }
   const [dark, setDark] = useState(darkMatcher.matches);
-  useEffect(() => {
-    const onChange = e => setDark(e.matches);
-    darkMatcher.addEventListener('change', onChange);
-    return () => darkMatcher.removeEventListener('change', onChange);
-  }, []);
+  let t0;
+  let t1;
+  if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = () => {
+      const onChange = e => setDark(e.matches);
+      darkMatcher.addEventListener("change", onChange);
+      return () => darkMatcher.removeEventListener("change", onChange);
+    };
+    t1 = [];
+    $[1] = t0;
+    $[2] = t1;
+  } else {
+    t0 = $[1];
+    t1 = $[2];
+  }
+  useEffect(t0, t1);
   return dark ? Theme.DARK : Theme.LIGHT;
 }
 function useThemeClasses(theme) {
+  const $ = c(5);
+  if ($[0] !== "420c141f405e041fcedabc175502fba7d82b5112935d96597788965382528620") {
+    for (let $i = 0; $i < 5; $i += 1) {
+      $[$i] = Symbol.for("react.memo_cache_sentinel");
+    }
+    $[0] = "420c141f405e041fcedabc175502fba7d82b5112935d96597788965382528620";
+  }
   const systemTheme = useTheme();
   const resolvedTheme = theme === Theme.AUTO ? systemTheme : theme;
-  return classNames({
-    [darkStyles.dark]: resolvedTheme === Theme.DARK,
-    [GLOBAL_DARK_CLASS_NAME]: resolvedTheme === Theme.DARK,
-    [defaultStyles.light]: resolvedTheme === Theme.LIGHT
-  });
+  const t0 = resolvedTheme === Theme.DARK;
+  const t1 = resolvedTheme === Theme.DARK;
+  const t2 = resolvedTheme === Theme.LIGHT;
+  let t3;
+  if ($[1] !== t0 || $[2] !== t1 || $[3] !== t2) {
+    t3 = classNames({
+      [darkStyles.dark]: t0,
+      [GLOBAL_DARK_CLASS_NAME]: t1,
+      [defaultStyles.light]: t2
+    });
+    $[1] = t0;
+    $[2] = t1;
+    $[3] = t2;
+    $[4] = t3;
+  } else {
+    t3 = $[4];
+  }
+  return t3;
 }
-function WithThemeClasses({
-  theme,
-  children
-}) {
+function WithThemeClasses(t0) {
+  const $ = c(4);
+  if ($[0] !== "420c141f405e041fcedabc175502fba7d82b5112935d96597788965382528620") {
+    for (let $i = 0; $i < 4; $i += 1) {
+      $[$i] = Symbol.for("react.memo_cache_sentinel");
+    }
+    $[0] = "420c141f405e041fcedabc175502fba7d82b5112935d96597788965382528620";
+  }
+  const {
+    theme,
+    children
+  } = t0;
   const themeClasses = useThemeClasses(theme);
-  return children(themeClasses);
+  let t1;
+  if ($[1] !== children || $[2] !== themeClasses) {
+    t1 = children(themeClasses);
+    $[1] = children;
+    $[2] = themeClasses;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  return t1;
 }
 function applyTheme(theme, container) {
   if (theme === Theme.DARK) {
@@ -58,50 +114,171 @@ function applyTheme(theme, container) {
   }
 }
 const DefaultWrapper = /*#__PURE__*/forwardRef(function Wrapper(props, ref) {
-  return jsx("div", {
-    ...props,
-    ref: ref
-  });
+  const $ = c(4);
+  if ($[0] !== "420c141f405e041fcedabc175502fba7d82b5112935d96597788965382528620") {
+    for (let $i = 0; $i < 4; $i += 1) {
+      $[$i] = Symbol.for("react.memo_cache_sentinel");
+    }
+    $[0] = "420c141f405e041fcedabc175502fba7d82b5112935d96597788965382528620";
+  }
+  let t0;
+  if ($[1] !== props || $[2] !== ref) {
+    t0 = /*#__PURE__*/jsx("div", {
+      ...props,
+      ref: ref
+    });
+    $[1] = props;
+    $[2] = ref;
+    $[3] = t0;
+  } else {
+    t0 = $[3];
+  }
+  return t0;
 });
-const ThemeProvider = /*#__PURE__*/forwardRef(function ThemeProvider({
-  theme = Theme.AUTO,
-  className,
-  passToPopups,
-  children,
-  WrapperComponent = DefaultWrapper,
-  target,
-  ...restProps
-}, ref) {
+const ThemeProvider = /*#__PURE__*/forwardRef(function ThemeProvider(t0, ref) {
+  const $ = c(34);
+  if ($[0] !== "420c141f405e041fcedabc175502fba7d82b5112935d96597788965382528620") {
+    for (let $i = 0; $i < 34; $i += 1) {
+      $[$i] = Symbol.for("react.memo_cache_sentinel");
+    }
+    $[0] = "420c141f405e041fcedabc175502fba7d82b5112935d96597788965382528620";
+  }
+  let children;
+  let className;
+  let passToPopups;
+  let restProps;
+  let t1;
+  let t2;
+  let target;
+  if ($[1] !== t0) {
+    ({
+      theme: t1,
+      className,
+      passToPopups,
+      children,
+      WrapperComponent: t2,
+      target,
+      ...restProps
+    } = t0);
+    $[1] = t0;
+    $[2] = children;
+    $[3] = className;
+    $[4] = passToPopups;
+    $[5] = restProps;
+    $[6] = t1;
+    $[7] = t2;
+    $[8] = target;
+  } else {
+    children = $[2];
+    className = $[3];
+    passToPopups = $[4];
+    restProps = $[5];
+    t1 = $[6];
+    t2 = $[7];
+    target = $[8];
+  }
+  const theme = t1 === undefined ? Theme.AUTO : t1;
+  const WrapperComponent = t2 === undefined ? DefaultWrapper : t2;
   const systemTheme = useTheme();
   const resolvedTheme = theme === Theme.AUTO ? systemTheme : theme;
-  const id = useMemo(() => getUID('popups-with-theme-'), []);
-  const themeValue = useMemo(() => ({
-    theme: resolvedTheme
-  }), [resolvedTheme]);
-  useEffect(() => {
-    if (target) {
-      applyTheme(resolvedTheme, target);
-    }
-  }, [resolvedTheme, target]);
+  let t3;
+  if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
+    t3 = getUID("popups-with-theme-");
+    $[9] = t3;
+  } else {
+    t3 = $[9];
+  }
+  const id = t3;
+  let t4;
+  if ($[10] !== resolvedTheme) {
+    t4 = {
+      theme: resolvedTheme
+    };
+    $[10] = resolvedTheme;
+    $[11] = t4;
+  } else {
+    t4 = $[11];
+  }
+  const themeValue = t4;
+  let t5;
+  let t6;
+  if ($[12] !== resolvedTheme || $[13] !== target) {
+    t5 = () => {
+      if (target) {
+        applyTheme(resolvedTheme, target);
+      }
+    };
+    t6 = [resolvedTheme, target];
+    $[12] = resolvedTheme;
+    $[13] = target;
+    $[14] = t5;
+    $[15] = t6;
+  } else {
+    t5 = $[14];
+    t6 = $[15];
+  }
+  useEffect(t5, t6);
   const themeClasses = useThemeClasses(theme);
   const parentTarget = useContext(PopupTargetContext);
-  return jsx(ThemeContext.Provider, {
-    value: themeValue,
-    children: jsx(WrapperComponent, {
+  let t7;
+  if ($[16] !== className || $[17] !== target || $[18] !== themeClasses) {
+    t7 = target ? undefined : classNames(className, themeClasses);
+    $[16] = className;
+    $[17] = target;
+    $[18] = themeClasses;
+    $[19] = t7;
+  } else {
+    t7 = $[19];
+  }
+  let t8;
+  if ($[20] !== children || $[21] !== parentTarget || $[22] !== passToPopups || $[23] !== themeClasses) {
+    t8 = passToPopups ? /*#__PURE__*/jsx(PopupTarget, {
+      id: id,
+      children: popupTarget => /*#__PURE__*/jsxs(Fragment, {
+        children: [children, /*#__PURE__*/createPortal(/*#__PURE__*/jsx("div", {
+          className: themeClasses,
+          children: popupTarget
+        }), parentTarget && getPopupContainer(parentTarget) || document.body)]
+      })
+    }) : children;
+    $[20] = children;
+    $[21] = parentTarget;
+    $[22] = passToPopups;
+    $[23] = themeClasses;
+    $[24] = t8;
+  } else {
+    t8 = $[24];
+  }
+  let t9;
+  if ($[25] !== WrapperComponent || $[26] !== ref || $[27] !== restProps || $[28] !== t7 || $[29] !== t8) {
+    t9 = /*#__PURE__*/jsx(WrapperComponent, {
       ref: ref,
-      className: target ? undefined : classNames(className, themeClasses),
+      className: t7,
       ...restProps,
-      children: passToPopups ? jsx(PopupTarget, {
-        id: id,
-        children: popupTarget => jsxs(Fragment, {
-          children: [children, /*#__PURE__*/createPortal(jsx("div", {
-            className: themeClasses,
-            children: popupTarget
-          }), parentTarget && getPopupContainer(parentTarget) || document.body)]
-        })
-      }) : children
-    })
-  });
+      children: t8
+    });
+    $[25] = WrapperComponent;
+    $[26] = ref;
+    $[27] = restProps;
+    $[28] = t7;
+    $[29] = t8;
+    $[30] = t9;
+  } else {
+    t9 = $[30];
+  }
+  let t10;
+  if ($[31] !== t9 || $[32] !== themeValue) {
+    t10 = /*#__PURE__*/jsx(ThemeContext.Provider, {
+      value: themeValue,
+      children: t9
+    });
+    $[31] = t9;
+    $[32] = themeValue;
+    $[33] = t10;
+  } else {
+    t10 = $[33];
+  }
+  return t10;
 });
 var Theme$1 = Theme;
 

package/components/_helpers/title.js

@@ -1,9 +1,9 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
 import { PureComponent } from 'react';
 import classNames from 'classnames';
 import focusSensorHOC from '../global/focus-sensor-hoc.js';
 import Checkbox from '../checkbox/checkbox.js';
 import getUID from '../global/get-uid.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 
 var styles = {"dataListWrapper":"ring-data-list-dataListWrapper","dataList":"ring-data-list-dataList","itemContent":"ring-data-list-itemContent","title":"ring-data-list-title","disabledHover":"ring-data-list-disabledHover","titleSelected":"ring-data-list-titleSelected","titleFocused":"ring-data-list-titleFocused","showMore":"ring-data-list-showMore","boxes":"ring-data-list-boxes","checkboxBox":"ring-data-list-checkboxBox","collapseButton":"ring-data-list-collapseButton","collapseIcon":"ring-data-list-collapseIcon","loadingOverlay":"ring-data-list-loadingOverlay","showMoreLoader":"ring-data-list-showMoreLoader"};
 
@@ -47,18 +47,18 @@ class Title extends PureComponent {
       [styles.titleFocused]: showFocus,
       [styles.titleSelected]: selected
     });
-    return jsxs("div", {
+    return /*#__PURE__*/jsxs("div", {
       id: this.id,
       className: classes,
       style: {
         paddingLeft: offset
       },
       ref: innerRef,
-      children: [jsxs("div", {
+      children: [/*#__PURE__*/jsxs("div", {
         className: styles.boxes,
-        children: [selectable && jsx("div", {
+        children: [selectable && /*#__PURE__*/jsx("div", {
           className: styles.checkboxBox,
-          children: jsx(Checkbox, {
+          children: /*#__PURE__*/jsx(Checkbox, {
             "aria-labelledby": this.id,
             className: showFocus ? 'ring-checkbox_focus' : '',
             checked: selected,

package/components/alert/alert.d.ts

@@ -92,6 +92,6 @@ export default class Alert extends PureComponent<AlertProps, State> {
      */
     private _getIcon;
     storeAlertRef: (node: HTMLDivElement | null) => void;
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): React.JSX.Element;
 }
 export { default as Container } from './container';

package/components/alert/alert.js

@@ -1,4 +1,3 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
 import { PureComponent } from 'react';
 import classNames from 'classnames';
 import exceptionIcon from '@jetbrains/icons/exception';
@@ -11,10 +10,12 @@ import { getRect } from '../global/dom.js';
 import joinDataTestAttributes from '../global/data-tests.js';
 import { Button } from '../button/button.js';
 import { T as Theme, a as ThemeProvider } from '../_helpers/theme.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
 export { default as Container } from './container.js';
 import { Color } from '../icon/icon.constants.js';
 import 'util-deprecate';
 import '../_helpers/icon-svg.js';
+import 'react-compiler-runtime';
 import '../global/memoize.js';
 import '@jetbrains/icons/chevron-down';
 import '@jetbrains/icons/chevron-12px-down';
@@ -143,13 +144,14 @@ class Alert extends PureComponent {
    * @private
    */
   _getCaption() {
-    return jsx("span", {
+    return /*#__PURE__*/jsx("span", {
       className: classNames(styles.caption, this.props.captionClassName, {
         [styles.withCloseButton]: this.props.closeable
       }),
-      onClick: this._handleCaptionsLinksClick,
+      onClick: this._handleCaptionsLinksClick
       // We only process clicks on `a` elements, see above
-      role: 'presentation',
+      ,
+      role: "presentation",
       children: this.props.children
     });
   }
@@ -160,14 +162,14 @@ class Alert extends PureComponent {
   _getIcon() {
     const glyph = TypeToIcon[this.props.type];
     if (glyph) {
-      return jsx(Icon, {
+      return /*#__PURE__*/jsx(Icon, {
         glyph: glyph,
         className: styles.icon,
         color: TypeToIconColor[this.props.type] || Color.DEFAULT
       });
     }
     if (this.props.type === AlertType.LOADING) {
-      return jsx(LoaderInline, {
+      return /*#__PURE__*/jsx(LoaderInline, {
         className: styles.loader
       });
     }
@@ -200,18 +202,18 @@ class Alert extends PureComponent {
     const style = height ? {
       marginBottom: -height
     } : undefined;
-    return jsxs(ThemeProvider, {
+    return /*#__PURE__*/jsxs(ThemeProvider, {
       theme: theme,
       className: classes,
       "data-test": joinDataTestAttributes('alert', dataTest),
       "data-test-type": type,
       style: style,
       ref: this.storeAlertRef,
-      children: [this._getIcon(), this._getCaption(), this.props.closeable ? jsx(Button, {
+      children: [this._getIcon(), this._getCaption(), this.props.closeable ? /*#__PURE__*/jsx(Button, {
         icon: closeIcon,
         className: classNames(styles.close, closeButtonClassName),
-        "data-test": 'alert-close',
-        "aria-label": 'close alert',
+        "data-test": "alert-close",
+        "aria-label": "close alert",
         onClick: this.closeRequest
       }) : '']
     });

package/components/alert/container.js

@@ -1,7 +1,7 @@
-import { jsx } from 'react/jsx-runtime';
 import { PureComponent, Children, isValidElement, cloneElement } from 'react';
 import { createPortal } from 'react-dom';
 import classNames from 'classnames';
+import { jsx } from 'react/jsx-runtime';
 
 var styles = {"alertContainer":"ring-container-alertContainer","alertInContainer":"ring-container-alertInContainer ring-alert-alert"};
 
@@ -17,10 +17,10 @@ class Alerts extends PureComponent {
     if (!show) {
       return null;
     }
-    return /*#__PURE__*/createPortal(jsx("div", {
-      "data-test": 'alert-container',
+    return /*#__PURE__*/createPortal(/*#__PURE__*/jsx("div", {
+      "data-test": "alert-container",
       className: classes,
-      "aria-live": 'polite',
+      "aria-live": "polite",
       ...restProps,
       children: Children.map(children, child => {
         if (! /*#__PURE__*/isValidElement(child)) {

package/components/alert-service/alert-service.d.ts

@@ -15,7 +15,7 @@ export declare class AlertService {
     containerElement: HTMLDivElement;
     reactRoot: import("react-dom/client").Root;
     _getShowingAlerts(): AlertItem[];
-    renderAlertContainer(alerts: readonly AlertItem[]): import("react/jsx-runtime").JSX.Element;
+    renderAlertContainer(alerts: readonly AlertItem[]): import("react").JSX.Element;
     /**
      * Renders alert container into virtual node to skip maintaining container
      */

package/components/alert-service/alert-service.js

@@ -1,7 +1,7 @@
-import { jsx } from 'react/jsx-runtime';
 import { createRoot } from 'react-dom/client';
 import getUID from '../global/get-uid.js';
 import Alert, { ANIMATION_TIME } from '../alert/alert.js';
+import { jsx } from 'react/jsx-runtime';
 import Alerts from '../alert/container.js';
 import 'react';
 import 'classnames';
@@ -13,6 +13,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/data-tests.js';
@@ -54,16 +55,16 @@ class AlertService {
   }
   renderAlertContainer(alerts) {
     if (alerts.length === 0) {
-      return jsx("span", {});
+      return /*#__PURE__*/jsx("span", {});
     }
-    return jsx(Alerts, {
+    return /*#__PURE__*/jsx(Alerts, {
       children: alerts.map(alert => {
         const {
           message,
           key,
           ...rest
         } = alert;
-        return jsx(Alert, {
+        return /*#__PURE__*/jsx(Alert, {
           ...rest,
           children: message
         }, key);