@jetbrains/ring-ui-built 7.0.72 → 7.0.73

package/components/button-group/caption.d.ts

@@ -1,4 +1,4 @@
 import { PureComponent, type HTMLAttributes } from 'react';
 export default class Caption extends PureComponent<HTMLAttributes<HTMLElement>> {
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): import("react").JSX.Element;
 }

package/components/button-group/caption.js

@@ -1,4 +1,4 @@
-import 'react/jsx-runtime';
 import 'react';
 import 'classnames';
 export { C as default } from '../_helpers/caption.js';
+import 'react/jsx-runtime';

package/components/button-set/button-set.d.ts

@@ -6,5 +6,5 @@ export interface ButtonSetProps extends HTMLAttributes<HTMLElement> {
  * @name Button Set
  */
 export default class ButtonSet extends PureComponent<ButtonSetProps> {
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): import("react").JSX.Element;
 }

package/components/button-set/button-set.js

@@ -1,13 +1,10 @@
-import { jsx } from 'react/jsx-runtime';
 import { PureComponent } from 'react';
 import classNames from 'classnames';
 import joinDataTestAttributes from '../global/data-tests.js';
+import { jsx } from 'react/jsx-runtime';
 
 var styles = {"button":"ring-button-button","buttonSet":"ring-button-set-buttonSet"};
 
-/**
- * @name Button Set
- */
 class ButtonSet extends PureComponent {
   render() {
     const {
@@ -17,7 +14,7 @@ class ButtonSet extends PureComponent {
       ...restProps
     } = this.props;
     const classes = classNames(styles.buttonSet, className);
-    return jsx("div", {
+    return /*#__PURE__*/jsx("div", {
       ...restProps,
       "data-test": joinDataTestAttributes('ring-button-set', dataTest),
       className: classes,

package/components/button-toolbar/button-toolbar.d.ts

@@ -6,5 +6,5 @@ export interface ButtonToolbarProps extends HTMLAttributes<HTMLElement> {
  * @name Button Toolbar
  */
 export default class ButtonToolbar extends PureComponent<ButtonToolbarProps> {
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): import("react").JSX.Element;
 }

package/components/button-toolbar/button-toolbar.js

@@ -1,13 +1,10 @@
-import { jsx } from 'react/jsx-runtime';
 import { PureComponent } from 'react';
 import classNames from 'classnames';
 import joinDataTestAttributes from '../global/data-tests.js';
+import { jsx } from 'react/jsx-runtime';
 
 var styles = {"button":"ring-button-button","buttonToolbar":"ring-button-toolbar-buttonToolbar","buttonGroup":"ring-button-toolbar-buttonGroup","split":"ring-button-toolbar-split"};
 
-/**
- * @name Button Toolbar
- */
 class ButtonToolbar extends PureComponent {
   render() {
     const {
@@ -16,7 +13,7 @@ class ButtonToolbar extends PureComponent {
       ...restProps
     } = this.props;
     const classes = classNames(styles.buttonToolbar, className);
-    return jsx("div", {
+    return /*#__PURE__*/jsx("div", {
       ...restProps,
       "data-test": joinDataTestAttributes('ring-button-toolbar', dataTest),
       className: classes

package/components/checkbox/checkbox.d.ts

@@ -24,5 +24,5 @@ export default class Checkbox extends PureComponent<CheckboxProps> {
     input?: HTMLInputElement | null;
     inputRef: (el: HTMLInputElement | null) => void;
     composedInputRef: import("memoize-one").MemoizedFn<(...refs: (Ref<HTMLInputElement> | undefined)[]) => (value: T | null) => void>;
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): import("react").JSX.Element;
 }

package/components/checkbox/checkbox.js

@@ -1,4 +1,3 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
 import { PureComponent } from 'react';
 import classNames from 'classnames';
 import checkmarkIcon from '@jetbrains/icons/checkmark-12px';
@@ -6,20 +5,16 @@ import minusIcon from '@jetbrains/icons/remove-12px';
 import Icon from '../icon/icon.js';
 import { createComposedRef } from '../global/compose-refs.js';
 import ControlHelp from '../control-help/control-help.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';
 import 'memoize-one';
 
 var styles = {"checkbox":"ring-checkbox-checkbox","cell":"ring-checkbox-cell","icon":"ring-checkbox-icon","check":"ring-checkbox-check ring-checkbox-icon","minus":"ring-checkbox-minus ring-checkbox-icon","input":"ring-checkbox-input","cellWrapper":"ring-checkbox-cellWrapper","focus":"ring-checkbox-focus","label":"ring-checkbox-label"};
 
-/**
- * @name Checkbox
- */
-/**
- * Displays a checkbox.
- */
 class Checkbox extends PureComponent {
   static defaultProps = {
     indeterminate: false
@@ -63,31 +58,31 @@ class Checkbox extends PureComponent {
     const containerClasses = classNames(styles.checkbox, containerClassName);
     const cellClasses = classNames(styles.cell, cellClassName);
     const labelClasses = classNames(styles.label, labelClassName);
-    return jsxs("label", {
+    return /*#__PURE__*/jsxs("label", {
       className: containerClasses,
       style: containerStyle,
-      "data-test": 'ring-checkbox',
-      children: [jsx("input", {
+      "data-test": "ring-checkbox",
+      children: [/*#__PURE__*/jsx("input", {
         ...restProps,
         "data-checked": restProps.checked,
         ref: this.composedInputRef(this.inputRef, inputRef),
-        type: 'checkbox',
+        type: "checkbox",
         className: classes
-      }), jsx("div", {
+      }), /*#__PURE__*/jsx("div", {
         className: styles.cellWrapper,
-        children: jsxs("span", {
+        children: /*#__PURE__*/jsxs("span", {
           className: cellClasses,
-          children: [jsx(Icon, {
+          children: [/*#__PURE__*/jsx(Icon, {
             glyph: checkmarkIcon,
             className: styles.check
-          }), jsx(Icon, {
+          }), /*#__PURE__*/jsx(Icon, {
             glyph: minusIcon,
             className: styles.minus
           })]
         })
-      }), jsxs("span", {
+      }), /*#__PURE__*/jsxs("span", {
         className: labelClasses,
-        children: [label || children, help && jsx(ControlHelp, {
+        children: [label || children, help && /*#__PURE__*/jsx(ControlHelp, {
           children: help
         })]
       })]

package/components/clipboard/clipboard.js

@@ -1,6 +1,5 @@
 import alertService from '../alert-service/alert-service.js';
 import { copyHTMLToClipboard, copyTextToClipboard } from './clipboard-fallback.js';
-import 'react/jsx-runtime';
 import 'react-dom/client';
 import '../global/get-uid.js';
 import '../alert/alert.js';
@@ -14,7 +13,9 @@ 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 'react/jsx-runtime';
 import '../loader-inline/loader-inline.js';
 import '../global/data-tests.js';
 import '../global/dom.js';

package/components/code/code.d.ts

@@ -25,7 +25,7 @@ export default class Code extends PureComponent<CodeProps> {
     highlight(): Promise<void>;
     get codeRef(): HTMLElement | null | undefined;
     get initCodeRef(): import("react").RefObject<HTMLElement | null> | ((ref: HTMLElement | null) => void);
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): import("react").JSX.Element;
 }
 declare const code: (strings: TemplateStringsArray, ...interpolations: unknown[]) => void;
 export { code, highlight };

package/components/code/code.js

@@ -1,4 +1,3 @@
-import { jsx } from 'react/jsx-runtime';
 import { PureComponent } from 'react';
 import classNames from 'classnames';
 import highlight from 'highlight.js/lib/core';
@@ -6,6 +5,7 @@ export { default as highlight } from 'highlight.js/lib/core';
 import normalizeIndent from '../global/normalize-indent.js';
 import trivialTemplateTag from '../global/trivial-template-tag.js';
 import memoize from '../global/memoize.js';
+import { jsx } from 'react/jsx-runtime';
 
 var styles = {"code":"ring-code-code","inline":"ring-code-inline","softWrap":"ring-code-softWrap"};
 
@@ -86,10 +86,10 @@ class Code extends PureComponent {
       [styles.inline]: inline,
       [styles.softWrap]: softWrap
     });
-    return jsx(Tag, {
+    return /*#__PURE__*/jsx(Tag, {
       className: classes,
-      "data-test": 'ring-code',
-      children: jsx("code", {
+      "data-test": "ring-code",
+      children: /*#__PURE__*/jsx("code", {
         // should be focusable because it can be scrollable
         tabIndex: inline ? -1 : 0,
         ref: this.initCodeRef,
@@ -99,7 +99,7 @@ class Code extends PureComponent {
     });
   }
 }
-const code = trivialTemplateTag(source => jsx(Code, {
+const code = trivialTemplateTag(source => /*#__PURE__*/jsx(Code, {
   code: source
 }));
 

package/components/collapse/collapse-content.js

@@ -1,11 +1,12 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useContext, useRef, useState, useEffect, useMemo } from 'react';
+import { c } from 'react-compiler-runtime';
+import { useContext, useRef, useState, useEffect } from 'react';
 import classNames from 'classnames';
 import joinDataTestAttributes from '../global/data-tests.js';
 import { getRect } from '../global/dom.js';
 import { toPx } from './utils.js';
 import { CollapseContext } from './collapse-context.js';
-import { COLLAPSE_CONTENT_TEST_ID, COLLAPSE_CONTENT_CONTAINER_TEST_ID } from './consts.js';
+import { COLLAPSE_CONTENT_CONTAINER_TEST_ID, COLLAPSE_CONTENT_TEST_ID } from './consts.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
 
 var styles = {"container":"ring-collapse-container","transition":"ring-collapse-transition","summary":"ring-collapse-summary","trigger":"ring-collapse-trigger","fade":"ring-collapse-fade"};
 
@@ -16,11 +17,20 @@ const HIDDEN = 0;
 /**
  * @name CollapseContent
  */
-const CollapseContent = ({
-  children,
-  minHeight = DEFAULT_HEIGHT,
-  'data-test': dataTest
-}) => {
+const CollapseContent = t0 => {
+  const $ = c(29);
+  if ($[0] !== "9f131fd4c1a474c465851e87970886be6fcc71e4c0f7e3864c0cebddbc13aaca") {
+    for (let $i = 0; $i < 29; $i += 1) {
+      $[$i] = Symbol.for("react.memo_cache_sentinel");
+    }
+    $[0] = "9f131fd4c1a474c465851e87970886be6fcc71e4c0f7e3864c0cebddbc13aaca";
+  }
+  const {
+    children,
+    minHeight: t1,
+    "data-test": dataTest
+  } = t0;
+  const minHeight = t1 === undefined ? DEFAULT_HEIGHT : t1;
   const {
     collapsed,
     duration,
@@ -29,83 +39,157 @@ const CollapseContent = ({
   } = useContext(CollapseContext);
   const containerRef = useRef(null);
   const contentRef = useRef(null);
-  const initialContentHeight = useRef(minHeight);
-  const contentHeight = useRef(DEFAULT_HEIGHT);
-  const [dimensions, setDimensions] = useState({
-    width: 0,
-    height: 0
-  });
-  const [height, setHeight] = useState(toPx(minHeight));
-  const [showFade, setShowFade] = useState(collapsed);
+  const [initialContentHeight] = useState(minHeight);
+  const [contentHeight, setContentHeight] = useState(DEFAULT_HEIGHT);
+  const nextHeight = collapsed ? initialContentHeight : contentHeight;
+  let t2;
+  if ($[1] !== nextHeight) {
+    t2 = toPx(nextHeight);
+    $[1] = nextHeight;
+    $[2] = t2;
+  } else {
+    t2 = $[2];
+  }
+  const height = t2;
   const [shouldHideContent, setShouldHideContent] = useState(collapsed && minHeight <= DEFAULT_HEIGHT);
-  useEffect(() => {
-    function onTransitionEnd() {
-      if (initialContentHeight.current <= DEFAULT_HEIGHT) {
-        setShouldHideContent(collapsed);
+  let t3;
+  let t4;
+  if ($[3] !== collapsed || $[4] !== initialContentHeight) {
+    t3 = () => {
+      const onTransitionEnd = function onTransitionEnd() {
+        if (initialContentHeight <= DEFAULT_HEIGHT) {
+          setShouldHideContent(collapsed);
+        }
+      };
+      const container = containerRef.current;
+      container?.addEventListener("transitionend", onTransitionEnd);
+      return () => {
+        container?.removeEventListener("transitionend", onTransitionEnd);
+      };
+    };
+    t4 = [collapsed, initialContentHeight];
+    $[3] = collapsed;
+    $[4] = initialContentHeight;
+    $[5] = t3;
+    $[6] = t4;
+  } else {
+    t3 = $[5];
+    t4 = $[6];
+  }
+  useEffect(t3, t4);
+  if (!collapsed && shouldHideContent) {
+    setShouldHideContent(false);
+  }
+  let t5;
+  let t6;
+  if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
+    t5 = () => {
+      if (contentRef.current) {
+        const observer = new ResizeObserver(() => {
+          setContentHeight(getRect(contentRef.current).height);
+        });
+        observer.observe(contentRef.current);
       }
-    }
-    const container = containerRef.current;
-    container?.addEventListener('transitionend', onTransitionEnd);
-    return () => {
-      container?.removeEventListener('transitionend', onTransitionEnd);
     };
-  }, [collapsed]);
-  useEffect(() => {
-    setShowFade(collapsed);
-    if (!collapsed) setShouldHideContent(false);
-  }, [collapsed]);
-  useEffect(() => {
-    if (contentRef.current) {
-      contentHeight.current = getRect(contentRef.current).height;
-    }
-  }, [minHeight, dimensions.height]);
-  useEffect(() => {
-    const nextHeight = collapsed ? initialContentHeight.current : contentHeight.current;
-    setHeight(toPx(nextHeight));
-  }, [collapsed, dimensions.height]);
-  useEffect(() => {
-    if (contentRef.current) {
-      const observer = new ResizeObserver(([entry]) => {
-        if (entry && entry.borderBoxSize) {
-          const {
-            inlineSize,
-            blockSize
-          } = entry.borderBoxSize[0];
-          setDimensions({
-            width: inlineSize,
-            height: blockSize
-          });
-        }
-      });
-      observer.observe(contentRef.current);
-    }
-  }, []);
-  const style = useMemo(() => {
-    const calculatedDuration = duration + contentHeight.current * DURATION_FACTOR;
-    return {
-      '--duration': `${calculatedDuration}ms`,
+    t6 = [];
+    $[7] = t5;
+    $[8] = t6;
+  } else {
+    t5 = $[7];
+    t6 = $[8];
+  }
+  useEffect(t5, t6);
+  const calculatedDuration = duration + contentHeight * DURATION_FACTOR;
+  const t7 = `${calculatedDuration}ms`;
+  const t8 = collapsed && !minHeight ? HIDDEN : VISIBLE;
+  let t9;
+  if ($[9] !== height || $[10] !== t7 || $[11] !== t8) {
+    t9 = {
+      "--duration": t7,
       height,
-      opacity: collapsed && !minHeight ? HIDDEN : VISIBLE
+      opacity: t8
     };
-  }, [duration, height, collapsed, minHeight]);
-  const fadeShouldBeVisible = useMemo(() => Boolean(minHeight && showFade), [minHeight, showFade]);
+    $[9] = height;
+    $[10] = t7;
+    $[11] = t8;
+    $[12] = t9;
+  } else {
+    t9 = $[12];
+  }
+  const style = t9;
+  const fadeShouldBeVisible = Boolean(minHeight && collapsed);
   const shouldRenderContent = disableAnimation ? !collapsed : !shouldHideContent;
-  return jsxs("div", {
-    ref: containerRef,
-    id: `collapse-content-${id}`,
-    "data-test": joinDataTestAttributes(COLLAPSE_CONTENT_CONTAINER_TEST_ID),
-    className: classNames(styles.container, {
-      [styles.transition]: !disableAnimation
-    }),
-    style: style,
-    children: [jsx("div", {
+  const t10 = `collapse-content-${id}`;
+  let t11;
+  if ($[13] === Symbol.for("react.memo_cache_sentinel")) {
+    t11 = joinDataTestAttributes(COLLAPSE_CONTENT_CONTAINER_TEST_ID);
+    $[13] = t11;
+  } else {
+    t11 = $[13];
+  }
+  const t12 = !disableAnimation;
+  let t13;
+  if ($[14] !== t12) {
+    t13 = classNames(styles.container, {
+      [styles.transition]: t12
+    });
+    $[14] = t12;
+    $[15] = t13;
+  } else {
+    t13 = $[15];
+  }
+  let t14;
+  if ($[16] !== dataTest) {
+    t14 = joinDataTestAttributes(COLLAPSE_CONTENT_TEST_ID, dataTest);
+    $[16] = dataTest;
+    $[17] = t14;
+  } else {
+    t14 = $[17];
+  }
+  const t15 = shouldRenderContent ? children : null;
+  let t16;
+  if ($[18] !== t14 || $[19] !== t15) {
+    t16 = /*#__PURE__*/jsx("div", {
       ref: contentRef,
-      "data-test": joinDataTestAttributes(COLLAPSE_CONTENT_TEST_ID, dataTest),
-      children: shouldRenderContent ? children : null
-    }), fadeShouldBeVisible && jsx("div", {
+      "data-test": t14,
+      children: t15
+    });
+    $[18] = t14;
+    $[19] = t15;
+    $[20] = t16;
+  } else {
+    t16 = $[20];
+  }
+  let t17;
+  if ($[21] !== fadeShouldBeVisible) {
+    t17 = fadeShouldBeVisible && /*#__PURE__*/jsx("div", {
       className: styles.fade
-    })]
-  });
+    });
+    $[21] = fadeShouldBeVisible;
+    $[22] = t17;
+  } else {
+    t17 = $[22];
+  }
+  let t18;
+  if ($[23] !== style || $[24] !== t10 || $[25] !== t13 || $[26] !== t16 || $[27] !== t17) {
+    t18 = /*#__PURE__*/jsxs("div", {
+      ref: containerRef,
+      id: t10,
+      "data-test": t11,
+      className: t13,
+      style: style,
+      children: [t16, t17]
+    });
+    $[23] = style;
+    $[24] = t10;
+    $[25] = t13;
+    $[26] = t16;
+    $[27] = t17;
+    $[28] = t18;
+  } else {
+    t18 = $[28];
+  }
+  return t18;
 };
 
 export { CollapseContent, CollapseContent as default };

package/components/collapse/collapse-control.js

@@ -1,36 +1,83 @@
-import { jsx } from 'react/jsx-runtime';
-import { useContext, useMemo, cloneElement } from 'react';
+import { c } from 'react-compiler-runtime';
+import { useContext, cloneElement } from 'react';
 import joinDataTestAttributes from '../global/data-tests.js';
 import { CollapseContext } from './collapse-context.js';
 import { COLLAPSE_CONTROL_TEST_ID } from './consts.js';
+import { jsx } from 'react/jsx-runtime';
 
-/**
- * @name CollapseControl
- */
-const CollapseControl = ({
-  children,
-  'data-test': dataTest
-}) => {
+const CollapseControl = t0 => {
+  const $ = c(14);
+  if ($[0] !== "c08d56828661e71eca0e3f115b12585590bbebb907f6399b722daeb5173d93d4") {
+    for (let $i = 0; $i < 14; $i += 1) {
+      $[$i] = Symbol.for("react.memo_cache_sentinel");
+    }
+    $[0] = "c08d56828661e71eca0e3f115b12585590bbebb907f6399b722daeb5173d93d4";
+  }
+  const {
+    children,
+    "data-test": dataTest
+  } = t0;
   const {
     setCollapsed,
     collapsed,
     id
   } = useContext(CollapseContext);
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  const child = useMemo(() => {
-    if (typeof children === 'function') {
-      return children(collapsed);
+  let t1;
+  bb0: {
+    if (typeof children === "function") {
+      let t2;
+      if ($[1] !== children || $[2] !== collapsed) {
+        t2 = children(collapsed);
+        $[1] = children;
+        $[2] = collapsed;
+        $[3] = t2;
+      } else {
+        t2 = $[3];
+      }
+      t1 = t2;
+      break bb0;
     }
-    return children;
-  }, [children, collapsed]);
-  return jsx("p", {
-    "data-test": joinDataTestAttributes(COLLAPSE_CONTROL_TEST_ID, dataTest),
-    children: /*#__PURE__*/cloneElement(child, {
+    t1 = children;
+  }
+  const child = t1;
+  let t2;
+  if ($[4] !== dataTest) {
+    t2 = joinDataTestAttributes(COLLAPSE_CONTROL_TEST_ID, dataTest);
+    $[4] = dataTest;
+    $[5] = t2;
+  } else {
+    t2 = $[5];
+  }
+  const t3 = `collapse-content-${id}`;
+  const t4 = String(!collapsed);
+  let t5;
+  if ($[6] !== child || $[7] !== setCollapsed || $[8] !== t3 || $[9] !== t4) {
+    t5 = /*#__PURE__*/cloneElement(child, {
       onClick: setCollapsed,
-      'aria-controls': `collapse-content-${id}`,
-      'aria-expanded': String(!collapsed)
-    })
-  });
+      "aria-controls": t3,
+      "aria-expanded": t4
+    });
+    $[6] = child;
+    $[7] = setCollapsed;
+    $[8] = t3;
+    $[9] = t4;
+    $[10] = t5;
+  } else {
+    t5 = $[10];
+  }
+  let t6;
+  if ($[11] !== t2 || $[12] !== t5) {
+    t6 = /*#__PURE__*/jsx("p", {
+      "data-test": t2,
+      children: t5
+    });
+    $[11] = t2;
+    $[12] = t5;
+    $[13] = t6;
+  } else {
+    t6 = $[13];
+  }
+  return t6;
 };
 
 export { CollapseControl, CollapseControl as default };