@jetbrains/ring-ui-built 7.0.72 → 7.0.73

package/components/error-bubble/error-bubble.d.ts

@@ -8,5 +8,5 @@ export type ErrorBubbleProps<P> = Partial<P> & {
  * @name Error Bubble
  */
 export default class ErrorBubble<P> extends PureComponent<ErrorBubbleProps<P>> {
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): import("react").JSX.Element;
 }

package/components/error-bubble/error-bubble.js

@@ -1,8 +1,8 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
 import { PureComponent, Children, cloneElement } from 'react';
 import classNames from 'classnames';
 import Popup from '../popup/popup.js';
 import { Directions } from '../popup/popup.consts.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dom';
 import '../global/get-uid.js';
 import '../global/schedule-raf.js';
@@ -14,6 +14,7 @@ import '../global/sniffer.js';
 import 'sniffr';
 import '../global/data-tests.js';
 import '../tab-trap/tab-trap.js';
+import 'react-compiler-runtime';
 import '../global/configuration.js';
 import '../popup/position.js';
 import '../popup/popup.target.js';
@@ -21,9 +22,6 @@ import '../popup/position-css.js';
 
 var styles = {"errorBubblePopup":"ring-error-bubble-errorBubblePopup","errorBubbleWrapper":"ring-error-bubble-errorBubbleWrapper","errorBubble":"ring-error-bubble-errorBubble"};
 
-/**
- * @name Error Bubble
- */
 class ErrorBubble extends PureComponent {
   render() {
     const {
@@ -32,21 +30,21 @@ class ErrorBubble extends PureComponent {
       ...restProps
     } = this.props;
     const errorBubbleClasses = classNames(styles.errorBubble, className);
-    return jsxs("div", {
+    return /*#__PURE__*/jsxs("div", {
       className: styles.errorBubbleWrapper,
-      "data-test": 'ring-error-bubble-wrapper',
+      "data-test": "ring-error-bubble-wrapper",
       children: [children && Children.map(children, child => /*#__PURE__*/cloneElement(child, {
         ...child.props,
         ...restProps
-      })), restProps.error && jsx(Popup, {
+      })), restProps.error && /*#__PURE__*/jsx(Popup, {
         trapFocus: false,
         className: styles.errorBubblePopup,
         hidden: false,
         attached: false,
         directions: [Directions.RIGHT_CENTER, Directions.RIGHT_BOTTOM, Directions.RIGHT_TOP],
-        children: jsx("div", {
+        children: /*#__PURE__*/jsx("div", {
           className: errorBubbleClasses,
-          "data-test": 'ring-error-bubble',
+          "data-test": "ring-error-bubble",
           children: restProps.error
         })
       })]

package/components/error-message/error-message.d.ts

@@ -13,5 +13,5 @@ export interface ErrorMessageProps {
  * @name Error Message
  */
 export default class ErrorMessage extends Component<ErrorMessageProps> {
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): import("react").JSX.Element;
 }

package/components/error-message/error-message.js

@@ -1,18 +1,16 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
 import { Component } from 'react';
 import classNames from 'classnames';
 import Icon from '../icon/icon.js';
 import { Size } from '../icon/icon.constants.js';
 import joinDataTestAttributes from '../global/data-tests.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import 'util-deprecate';
 import '../_helpers/icon-svg.js';
+import 'react-compiler-runtime';
 import '../global/memoize.js';
 
 var styles = {"errorMessage":"ring-error-message-errorMessage","title":"ring-error-message-title","description":"ring-error-message-description","content":"ring-error-message-content","icon":"ring-error-message-icon"};
 
-/**
- * @name Error Message
- */
 class ErrorMessage extends Component {
   render() {
     const {
@@ -25,21 +23,21 @@ class ErrorMessage extends Component {
       'data-test': dataTest
     } = this.props;
     const classes = classNames(styles.errorMessage, className);
-    return jsxs("div", {
+    return /*#__PURE__*/jsxs("div", {
       className: classes,
       "data-test": joinDataTestAttributes('ring-error-message', dataTest),
-      children: [icon && jsx(Icon, {
+      children: [icon && /*#__PURE__*/jsx(Icon, {
         className: styles.icon,
         glyph: icon,
         size: Size.Size64,
         suppressSizeWarning: true
-      }), jsxs("div", {
+      }), /*#__PURE__*/jsxs("div", {
         className: styles.content,
-        children: [jsxs("div", {
+        children: [/*#__PURE__*/jsxs("div", {
           className: styles.title,
-          "data-test": 'ring-error-message-title',
+          "data-test": "ring-error-message-title",
           children: [code && `${code}:`, " ", message]
-        }), description && jsx("div", {
+        }), description && /*#__PURE__*/jsx("div", {
           className: styles.description,
           children: description
         }), children]

package/components/footer/footer.js

@@ -1,29 +1,68 @@
-import { jsx } from 'react/jsx-runtime';
+import { c } from 'react-compiler-runtime';
 import { memo, isValidElement } from 'react';
 import classNames from 'classnames';
 import Link from '../link/link.js';
+import { jsx } from 'react/jsx-runtime';
 import '../global/data-tests.js';
 import '../link/clickable-link.js';
 import '../_helpers/link.js';
 
 var styles = {"footer":"ring-footer-footer ring-global-font","footerFloating":"ring-footer-footerFloating ring-footer-footer ring-global-font","column":"ring-footer-column","columnItem":"ring-footer-columnItem","columnLeft":"ring-footer-columnLeft ring-footer-column","columnCenter":"ring-footer-columnCenter ring-footer-column","line":"ring-footer-line","columnRight":"ring-footer-columnRight ring-footer-column","lineCenter":"ring-footer-lineCenter"};
 
-const FooterColumn = /*#__PURE__*/memo(function FooterColumn({
-  position,
-  children
-}) {
-  const classes = classNames({
-    [styles.columnLeft]: position === 'left',
-    [styles.columnCenter]: position === 'center',
-    [styles.columnRight]: position === 'right'
-  });
-  return jsx("div", {
-    className: classes,
-    children: jsx("ul", {
+const FooterColumn = /*#__PURE__*/memo(function FooterColumn(t0) {
+  const $ = c(10);
+  if ($[0] !== "af9372db3a745385e563b057c762368495083e0451baa8ec82b5600f64499a77") {
+    for (let $i = 0; $i < 10; $i += 1) {
+      $[$i] = Symbol.for("react.memo_cache_sentinel");
+    }
+    $[0] = "af9372db3a745385e563b057c762368495083e0451baa8ec82b5600f64499a77";
+  }
+  const {
+    position,
+    children
+  } = t0;
+  const t1 = position === "left";
+  const t2 = position === "center";
+  const t3 = position === "right";
+  let t4;
+  if ($[1] !== t1 || $[2] !== t2 || $[3] !== t3) {
+    t4 = classNames({
+      [styles.columnLeft]: t1,
+      [styles.columnCenter]: t2,
+      [styles.columnRight]: t3
+    });
+    $[1] = t1;
+    $[2] = t2;
+    $[3] = t3;
+    $[4] = t4;
+  } else {
+    t4 = $[4];
+  }
+  const classes = t4;
+  let t5;
+  if ($[5] !== children) {
+    t5 = /*#__PURE__*/jsx("ul", {
       className: styles.columnItem,
       children: children
-    })
-  });
+    });
+    $[5] = children;
+    $[6] = t5;
+  } else {
+    t5 = $[6];
+  }
+  let t6;
+  if ($[7] !== classes || $[8] !== t5) {
+    t6 = /*#__PURE__*/jsx("div", {
+      className: classes,
+      children: t5
+    });
+    $[7] = classes;
+    $[8] = t5;
+    $[9] = t6;
+  } else {
+    t6 = $[9];
+  }
+  return t6;
 });
 /**
  * Return copyright string
@@ -46,56 +85,161 @@ function copyright(year) {
  * @extends {ReactComponent}
  */
 const FooterLine = /*#__PURE__*/memo(function FooterLine(props) {
-  const items = Array.isArray(props.item) ? props.item : [props.item];
-  function renderItem(item) {
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    if (/*#__PURE__*/isValidElement(item) || typeof item !== 'object') {
-      return item;
-    }
-    const element = (item.copyright ? copyright(item.copyright) : '') + (item.label || item);
-    if (item.url) {
-      return jsx(Link, {
-        href: item.url,
-        target: item.target,
-        title: item.title,
-        children: element
-      }, item.url + item.title);
+  const $ = c(8);
+  if ($[0] !== "af9372db3a745385e563b057c762368495083e0451baa8ec82b5600f64499a77") {
+    for (let $i = 0; $i < 8; $i += 1) {
+      $[$i] = Symbol.for("react.memo_cache_sentinel");
     }
-    return element;
+    $[0] = "af9372db3a745385e563b057c762368495083e0451baa8ec82b5600f64499a77";
   }
-  return jsx("li", {
-    className: styles.line,
-    children: items.map(renderItem)
-  });
+  let t0;
+  if ($[1] !== props.item) {
+    t0 = Array.isArray(props.item) ? props.item : [props.item];
+    $[1] = props.item;
+    $[2] = t0;
+  } else {
+    t0 = $[2];
+  }
+  const items = t0;
+  let t1;
+  if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = function renderItem(item) {
+      if (/*#__PURE__*/isValidElement(item) || typeof item !== "object") {
+        return item;
+      }
+      const element = (item.copyright ? copyright(item.copyright) : "") + (item.label || item);
+      if (item.url) {
+        return /*#__PURE__*/jsx(Link, {
+          href: item.url,
+          target: item.target,
+          title: item.title,
+          children: element
+        }, item.url + item.title);
+      }
+      return element;
+    };
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  const renderItem = t1;
+  let t2;
+  if ($[4] !== items) {
+    t2 = items.map(renderItem);
+    $[4] = items;
+    $[5] = t2;
+  } else {
+    t2 = $[5];
+  }
+  let t3;
+  if ($[6] !== t2) {
+    t3 = /*#__PURE__*/jsx("li", {
+      className: styles.line,
+      children: t2
+    });
+    $[6] = t2;
+    $[7] = t3;
+  } else {
+    t3 = $[7];
+  }
+  return t3;
 });
-const Footer = /*#__PURE__*/memo(function Footer({
-  floating,
-  className,
-  left,
-  center,
-  right
-}) {
-  function content(elements, position) {
-    if (!elements) {
-      return false;
+const Footer = /*#__PURE__*/memo(function Footer(t0) {
+  const $ = c(18);
+  if ($[0] !== "af9372db3a745385e563b057c762368495083e0451baa8ec82b5600f64499a77") {
+    for (let $i = 0; $i < 18; $i += 1) {
+      $[$i] = Symbol.for("react.memo_cache_sentinel");
     }
-    return jsx(FooterColumn, {
-      position: position,
-      children: elements.map((item, idx) => jsx(FooterLine
-      // eslint-disable-next-line react/no-array-index-key
-      , {
-        item: item
-      }, idx))
-    }, position);
-  }
-  const classes = classNames(styles.footer, className, {
-    [styles.footerFloating]: floating
-  });
-  return jsx("footer", {
-    className: classes,
-    "data-test": 'ring-footer',
-    children: [content(left, 'left'), content(center, 'center'), content(right, 'right')]
-  });
+    $[0] = "af9372db3a745385e563b057c762368495083e0451baa8ec82b5600f64499a77";
+  }
+  const {
+    floating,
+    className,
+    left,
+    center,
+    right
+  } = t0;
+  let t1;
+  if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = function content(elements, position) {
+      if (!elements) {
+        return false;
+      }
+      return /*#__PURE__*/jsx(FooterColumn, {
+        position: position,
+        children: elements.map(_temp)
+      }, position);
+    };
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const content = t1;
+  let t2;
+  if ($[2] !== className || $[3] !== floating) {
+    t2 = classNames(styles.footer, className, {
+      [styles.footerFloating]: floating
+    });
+    $[2] = className;
+    $[3] = floating;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  const classes = t2;
+  let t3;
+  if ($[5] !== left) {
+    t3 = content(left, "left");
+    $[5] = left;
+    $[6] = t3;
+  } else {
+    t3 = $[6];
+  }
+  let t4;
+  if ($[7] !== center) {
+    t4 = content(center, "center");
+    $[7] = center;
+    $[8] = t4;
+  } else {
+    t4 = $[8];
+  }
+  let t5;
+  if ($[9] !== right) {
+    t5 = content(right, "right");
+    $[9] = right;
+    $[10] = t5;
+  } else {
+    t5 = $[10];
+  }
+  let t6;
+  if ($[11] !== t3 || $[12] !== t4 || $[13] !== t5) {
+    t6 = [t3, t4, t5];
+    $[11] = t3;
+    $[12] = t4;
+    $[13] = t5;
+    $[14] = t6;
+  } else {
+    t6 = $[14];
+  }
+  let t7;
+  if ($[15] !== classes || $[16] !== t6) {
+    t7 = /*#__PURE__*/jsx("footer", {
+      className: classes,
+      "data-test": "ring-footer",
+      children: t6
+    });
+    $[15] = classes;
+    $[16] = t6;
+    $[17] = t7;
+  } else {
+    t7 = $[17];
+  }
+  return t7;
 });
+function _temp(item, idx) {
+  return /*#__PURE__*/jsx(FooterLine, {
+    item: item
+  }, idx);
+}
 
 export { copyright, Footer as default };

package/components/global/create-stateful-context.d.ts

@@ -11,7 +11,7 @@ export default function createStatefulContext<T>(initialValue: T, name?: string)
     ValueContext: import("react").Context<T>;
     UpdateContext: import("react").Context<Update<T>>;
     Provider: {
-        ({ children }: ProviderProps): import("react/jsx-runtime").JSX.Element;
+        ({ children }: ProviderProps): import("react").JSX.Element;
         displayName: string;
     };
     useUpdate: (value: T, skipUpdate?: boolean) => void;

package/components/global/create-stateful-context.js

@@ -1,34 +1,89 @@
-import { jsx } from 'react/jsx-runtime';
+import { c } from 'react-compiler-runtime';
 import { memo, createContext, useState, useContext, useEffect } from 'react';
+import { jsx } from 'react/jsx-runtime';
 
 function createStatefulContext(initialValue, name = '') {
   const ValueContext = /*#__PURE__*/createContext(initialValue);
   const UpdateContext = /*#__PURE__*/createContext(() => {});
-  function Provider({
-    children
-  }) {
+  function Provider(t0) {
+    const $ = c(6);
+    if ($[0] !== "576d375e78a62076caf2193d98749eebdfd60d1ce7b219f4ea1f080358177a6e") {
+      for (let $i = 0; $i < 6; $i += 1) {
+        $[$i] = Symbol.for("react.memo_cache_sentinel");
+      }
+      $[0] = "576d375e78a62076caf2193d98749eebdfd60d1ce7b219f4ea1f080358177a6e";
+    }
+    const {
+      children
+    } = t0;
     const [value, update] = useState(initialValue);
-    return jsx(ValueContext.Provider, {
-      value: value,
-      children: jsx(UpdateContext.Provider, {
+    let t1;
+    if ($[1] !== children) {
+      t1 = /*#__PURE__*/jsx(UpdateContext.Provider, {
         value: update,
         children: children
-      })
-    });
+      });
+      $[1] = children;
+      $[2] = t1;
+    } else {
+      t1 = $[2];
+    }
+    let t2;
+    if ($[3] !== t1 || $[4] !== value) {
+      t2 = /*#__PURE__*/jsx(ValueContext.Provider, {
+        value: value,
+        children: t1
+      });
+      $[3] = t1;
+      $[4] = value;
+      $[5] = t2;
+    } else {
+      t2 = $[5];
+    }
+    return t2;
   }
   Provider.displayName = `${name}Provider`;
   function useUpdate(value, skipUpdate) {
-    const update = useContext(UpdateContext);
-    useEffect(() => {
-      if (!skipUpdate) {
-        update(value);
+    const $ = c(6);
+    if ($[0] !== "576d375e78a62076caf2193d98749eebdfd60d1ce7b219f4ea1f080358177a6e") {
+      for (let $i = 0; $i < 6; $i += 1) {
+        $[$i] = Symbol.for("react.memo_cache_sentinel");
       }
-    }, [update, value, skipUpdate]);
+      $[0] = "576d375e78a62076caf2193d98749eebdfd60d1ce7b219f4ea1f080358177a6e";
+    }
+    const update = useContext(UpdateContext);
+    let t0;
+    let t1;
+    if ($[1] !== skipUpdate || $[2] !== update || $[3] !== value) {
+      t0 = () => {
+        if (!skipUpdate) {
+          update(value);
+        }
+      };
+      t1 = [update, value, skipUpdate];
+      $[1] = skipUpdate;
+      $[2] = update;
+      $[3] = value;
+      $[4] = t0;
+      $[5] = t1;
+    } else {
+      t0 = $[4];
+      t1 = $[5];
+    }
+    useEffect(t0, t1);
   }
-  function Updater({
-    value,
-    skipUpdate
-  }) {
+  function Updater(t0) {
+    const $ = c(1);
+    if ($[0] !== "576d375e78a62076caf2193d98749eebdfd60d1ce7b219f4ea1f080358177a6e") {
+      for (let $i = 0; $i < 1; $i += 1) {
+        $[$i] = Symbol.for("react.memo_cache_sentinel");
+      }
+      $[0] = "576d375e78a62076caf2193d98749eebdfd60d1ce7b219f4ea1f080358177a6e";
+    }
+    const {
+      value,
+      skipUpdate
+    } = t0;
     useUpdate(value, skipUpdate);
     return null;
   }

package/components/global/focus-sensor-hoc.js

@@ -1,6 +1,6 @@
-import { jsx } from 'react/jsx-runtime';
 import { Component } from 'react';
 import { createComposedRef } from './compose-refs.js';
+import { jsx } from 'react/jsx-runtime';
 import 'memoize-one';
 
 function focusSensorHOC(ComposedComponent) {
@@ -106,7 +106,7 @@ function focusSensorHOC(ComposedComponent) {
         scrollOnTableFocus,
         ...rest
       } = this.props;
-      return jsx(ComposedComponent, {
+      return /*#__PURE__*/jsx(ComposedComponent, {
         ...rest,
         innerRef: this.composedRef(innerRef, this.onRefUpdate),
         focused: this.state.focused,

package/components/global/get-uid.js

@@ -1,6 +1,6 @@
 const idCounters = {};
 function generateSalt() {
-  // eslint-disable-next-line @typescript-eslint/no-magic-numbers
+  // eslint-disable-next-line no-magic-numbers
   return (Date.now() * Math.random()).toString(36).substring(0, 4);
 }
 const salt = generateSalt();

package/components/global/react-dom-renderer.d.ts

@@ -7,5 +7,5 @@ export default class Renderer extends Component<RendererProps> {
     componentDidMount(): void;
     node?: HTMLElement | null;
     nodeRef: (node: HTMLElement | null) => void;
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): import("react").JSX.Element;
 }

package/components/global/react-dom-renderer.js

@@ -1,5 +1,5 @@
-import { jsx } from 'react/jsx-runtime';
 import { Component } from 'react';
+import { jsx } from 'react/jsx-runtime';
 
 class Renderer extends Component {
   componentDidMount() {
@@ -22,7 +22,7 @@ class Renderer extends Component {
     const {
       className
     } = this.props;
-    return jsx("div", {
+    return /*#__PURE__*/jsx("div", {
       className: className,
       ref: this.nodeRef
     });

package/components/global/rerender-hoc.js

@@ -1,6 +1,7 @@
-import { jsx } from 'react/jsx-runtime';
+import { c } from 'react-compiler-runtime';
 import { forwardRef, Component } from 'react';
 import { createComposedRef } from './compose-refs.js';
+import { jsx } from 'react/jsx-runtime';
 import 'memoize-one';
 
 function rerenderHOC(ComposedComponent) {
@@ -9,7 +10,7 @@ function rerenderHOC(ComposedComponent) {
     composedRef = createComposedRef();
     render() {
       const ref = this.composedRef(this.props.forwardedRef);
-      return jsx(ComposedComponent, {
+      return /*#__PURE__*/jsx(ComposedComponent, {
         ...this.state,
         ref: instance => ref(instance ? {
           ...instance,
@@ -19,10 +20,26 @@ function rerenderHOC(ComposedComponent) {
     }
   }
   return /*#__PURE__*/forwardRef(function RerendererForwardRef(props, ref) {
-    return jsx(Rerenderer, {
-      props: props,
-      forwardedRef: ref
-    });
+    const $ = c(4);
+    if ($[0] !== "ac36aeaece54c7d00df3e23ff1d0deb675c0bc1bf4659806ffc7c8497029aeb7") {
+      for (let $i = 0; $i < 4; $i += 1) {
+        $[$i] = Symbol.for("react.memo_cache_sentinel");
+      }
+      $[0] = "ac36aeaece54c7d00df3e23ff1d0deb675c0bc1bf4659806ffc7c8497029aeb7";
+    }
+    let t0;
+    if ($[1] !== props || $[2] !== ref) {
+      t0 = /*#__PURE__*/jsx(Rerenderer, {
+        props: props,
+        forwardedRef: ref
+      });
+      $[1] = props;
+      $[2] = ref;
+      $[3] = t0;
+    } else {
+      t0 = $[3];
+    }
+    return t0;
   });
 }
 

package/components/global/theme.js

@@ -1,11 +1,12 @@
-import 'react/jsx-runtime';
+import 'react-compiler-runtime';
 import 'react';
 import 'classnames';
 import 'react-dom';
 import '../popup/popup.target.js';
 import '../popup/popup.js';
-export { G as GLOBAL_DARK_CLASS_NAME, b as ThemeContext, a as ThemeProvider, W as WithThemeClasses, e as applyTheme, T as default, u as useTheme, c as useThemeClasses } from '../_helpers/theme.js';
 import './get-uid.js';
+export { G as GLOBAL_DARK_CLASS_NAME, b as ThemeContext, a as ThemeProvider, W as WithThemeClasses, e as applyTheme, T as default, u as useTheme, c as useThemeClasses } from '../_helpers/theme.js';
+import 'react/jsx-runtime';
 import './schedule-raf.js';
 import './dom.js';
 import '../shortcuts/shortcuts.js';