@jetbrains/ring-ui-built 7.0.79 → 7.0.80

package/components/dropdown-menu/dropdown-menu.js

@@ -1,5 +1,5 @@
 import { c } from 'react-compiler-runtime';
-import { forwardRef, cloneElement } from 'react';
+import { forwardRef, useState, cloneElement } from 'react';
 import List, { ActiveItemContext } from '../list/list.js';
 import Dropdown from '../dropdown/dropdown.js';
 import PopupMenu from '../popup-menu/popup-menu.js';
@@ -62,184 +62,87 @@ import '../popup/position.js';
 import '../popup/popup.consts.js';
 import '../popup/popup.target.js';
 import '../popup/position-css.js';
+import '../_helpers/theme.js';
 
 const defaultAriaLabel = 'Dropdown menu';
 function DropdownAnchorWrapper(t0) {
-  const $ = c(42);
-  if ($[0] !== "076e125e8654456b618d14deb2437497d9eebaa8b8ebdc71623c5e704febc194") {
-    for (let $i = 0; $i < 42; $i += 1) {
+  const $ = c(4);
+  if ($[0] !== "0926e12cd4fd28a8347702e5d2e46598e80e29bc205f01f12156ff6e80fd64e8") {
+    for (let $i = 0; $i < 4; $i += 1) {
       $[$i] = Symbol.for("react.memo_cache_sentinel");
     }
-    $[0] = "076e125e8654456b618d14deb2437497d9eebaa8b8ebdc71623c5e704febc194";
-  }
-  let active;
-  let activeListItemId;
-  let anchor;
-  let listId;
-  let pinned;
-  let restProps;
-  if ($[1] !== t0) {
-    ({
-      anchor,
-      pinned,
-      active,
-      activeListItemId,
-      listId,
-      ...restProps
-    } = t0);
-    $[1] = t0;
-    $[2] = active;
-    $[3] = activeListItemId;
-    $[4] = anchor;
-    $[5] = listId;
-    $[6] = pinned;
-    $[7] = restProps;
-  } else {
-    active = $[2];
-    activeListItemId = $[3];
-    anchor = $[4];
-    listId = $[5];
-    pinned = $[6];
-    restProps = $[7];
+    $[0] = "0926e12cd4fd28a8347702e5d2e46598e80e29bc205f01f12156ff6e80fd64e8";
   }
   let t1;
-  if ($[8] !== listId) {
-    t1 = listId ? {
-      "aria-haspopup": true
-    } : {};
-    $[8] = listId;
-    $[9] = t1;
-  } else {
-    t1 = $[9];
-  }
   let t2;
-  if ($[10] !== activeListItemId || $[11] !== listId) {
-    t2 = activeListItemId ? {
-      "aria-activedescendant": activeListItemId,
-      "aria-owns": listId
-    } : {};
-    $[10] = activeListItemId;
-    $[11] = listId;
-    $[12] = t2;
-  } else {
-    t2 = $[12];
-  }
-  let t3;
-  if ($[13] !== active) {
-    t3 = active ? {
-      "aria-expanded": true
-    } : {};
-    $[13] = active;
-    $[14] = t3;
-  } else {
-    t3 = $[14];
-  }
-  let t4;
-  if ($[15] !== t1 || $[16] !== t2 || $[17] !== t3) {
-    t4 = {
-      ...t1,
-      ...t2,
-      ...t3
-    };
-    $[15] = t1;
-    $[16] = t2;
-    $[17] = t3;
-    $[18] = t4;
-  } else {
-    t4 = $[18];
-  }
-  const anchorAriaProps = t4;
-  let t5;
-  if ($[19] !== active || $[20] !== anchorAriaProps || $[21] !== pinned || $[22] !== restProps) {
-    t5 = {
-      active,
-      pinned,
-      ...restProps,
-      ...anchorAriaProps
-    };
-    $[19] = active;
-    $[20] = anchorAriaProps;
-    $[21] = pinned;
-    $[22] = restProps;
-    $[23] = t5;
-  } else {
-    t5 = $[23];
-  }
-  const anchorProps = t5;
-  const t6 = `${anchorProps.pinned}`;
-  let t7;
-  if ($[24] !== anchorProps || $[25] !== t6) {
-    t7 = {
-      ...anchorProps,
-      pinned: t6
-    };
-    $[24] = anchorProps;
-    $[25] = t6;
-    $[26] = t7;
-  } else {
-    t7 = $[26];
-  }
-  const anchorComponentProps = t7;
-  if (typeof anchor === "string") {
-    let t8;
-    if ($[27] !== anchor || $[28] !== anchorComponentProps) {
-      t8 = /*#__PURE__*/jsx(Anchor, {
-        ...anchorComponentProps,
-        children: anchor
-      });
-      $[27] = anchor;
-      $[28] = anchorComponentProps;
-      $[29] = t8;
-    } else {
-      t8 = $[29];
-    }
-    return t8;
-  }
-  if (typeof anchor === "function") {
-    let t8;
-    if ($[30] !== active || $[31] !== anchor || $[32] !== anchorAriaProps || $[33] !== pinned || $[34] !== restProps) {
-      t8 = anchor({
-        active,
+  if ($[1] !== t0) {
+    t2 = Symbol.for("react.early_return_sentinel");
+    bb0: {
+      const {
+        anchor,
         pinned,
+        active,
+        activeListItemId,
+        listId,
         ...restProps
-      }, anchorAriaProps);
-      $[30] = active;
-      $[31] = anchor;
-      $[32] = anchorAriaProps;
-      $[33] = pinned;
-      $[34] = restProps;
-      $[35] = t8;
-    } else {
-      t8 = $[35];
-    }
-    return t8;
-  }
-  if (!isArray(anchor)) {
-    const t8 = typeof anchor.type === "string" ? anchorAriaProps : anchorComponentProps;
-    let t9;
-    if ($[36] !== anchor || $[37] !== t8) {
-      t9 = /*#__PURE__*/cloneElement(anchor, t8);
-      $[36] = anchor;
-      $[37] = t8;
-      $[38] = t9;
-    } else {
-      t9 = $[38];
+      } = t0;
+      const anchorAriaProps = {
+        ...(listId ? {
+          "aria-haspopup": true
+        } : {}),
+        ...(activeListItemId ? {
+          "aria-activedescendant": activeListItemId,
+          "aria-owns": listId
+        } : {}),
+        ...(active ? {
+          "aria-expanded": true
+        } : {})
+      };
+      const anchorProps = {
+        active,
+        pinned,
+        ...restProps,
+        ...anchorAriaProps
+      };
+      const anchorComponentProps = {
+        ...anchorProps,
+        pinned: `${anchorProps.pinned}`
+      };
+      if (typeof anchor === "string") {
+        t2 = /*#__PURE__*/jsx(Anchor, {
+          ...anchorComponentProps,
+          children: anchor
+        });
+        break bb0;
+      }
+      if (typeof anchor === "function") {
+        t2 = anchor({
+          active,
+          pinned,
+          ...restProps
+        }, anchorAriaProps);
+        break bb0;
+      }
+      if (!isArray(anchor)) {
+        t2 = /*#__PURE__*/cloneElement(anchor, typeof anchor.type === "string" ? anchorAriaProps : anchorComponentProps);
+        break bb0;
+      }
+      t1 = /*#__PURE__*/jsx("div", {
+        ...anchorAriaProps,
+        children: anchor
+      });
     }
-    return t9;
-  }
-  let t8;
-  if ($[39] !== anchor || $[40] !== anchorAriaProps) {
-    t8 = /*#__PURE__*/jsx("div", {
-      ...anchorAriaProps,
-      children: anchor
-    });
-    $[39] = anchor;
-    $[40] = anchorAriaProps;
-    $[41] = t8;
+    $[1] = t0;
+    $[2] = t1;
+    $[3] = t2;
   } else {
-    t8 = $[41];
+    t1 = $[2];
+    t2 = $[3];
+  }
+  if (t2 !== Symbol.for("react.early_return_sentinel")) {
+    return t2;
   }
-  return t8;
+  return t1;
 }
 function renderDropdownMenuChildren({
   children,
@@ -256,12 +159,12 @@ function renderDropdownMenuChildren({
   });
 }
 const DropdownMenu = /*#__PURE__*/forwardRef(function DropdownMenu(t0, forwardedRef) {
-  const $ = c(29);
-  if ($[0] !== "076e125e8654456b618d14deb2437497d9eebaa8b8ebdc71623c5e704febc194") {
-    for (let $i = 0; $i < 29; $i += 1) {
+  const $ = c(35);
+  if ($[0] !== "0926e12cd4fd28a8347702e5d2e46598e80e29bc205f01f12156ff6e80fd64e8") {
+    for (let $i = 0; $i < 35; $i += 1) {
       $[$i] = Symbol.for("react.memo_cache_sentinel");
     }
-    $[0] = "076e125e8654456b618d14deb2437497d9eebaa8b8ebdc71623c5e704febc194";
+    $[0] = "0926e12cd4fd28a8347702e5d2e46598e80e29bc205f01f12156ff6e80fd64e8";
   }
   let anchor;
   let ariaLabel;
@@ -301,96 +204,109 @@ const DropdownMenu = /*#__PURE__*/forwardRef(function DropdownMenu(t0, forwarded
     onSelect = $[8];
     restDropdownProps = $[9];
   }
+  const [uid] = useState(_temp);
+  const listId = id || uid;
+  let T0;
+  let T1;
   let t1;
-  if ($[10] !== id) {
-    t1 = id || getUID("dropdown-menu-list");
-    $[10] = id;
-    $[11] = t1;
-  } else {
-    t1 = $[11];
-  }
-  const listId = t1;
-  const t2 = ariaLabel || defaultAriaLabel;
+  let t2;
   let t3;
-  if ($[12] !== data || $[13] !== forwardedRef || $[14] !== listId || $[15] !== menuProps || $[16] !== onSelect || $[17] !== t2) {
-    t3 = {
+  if ($[10] !== anchor || $[11] !== ariaLabel || $[12] !== children || $[13] !== data || $[14] !== forwardedRef || $[15] !== listId || $[16] !== menuProps || $[17] !== onSelect || $[18] !== restDropdownProps) {
+    const popupMenuProps = {
       ref: forwardedRef,
       id: listId,
-      ariaLabel: t2,
+      ariaLabel: ariaLabel || defaultAriaLabel,
       closeOnSelect: true,
       activateFirstItem: true,
       data,
       onSelect,
       ...menuProps
     };
-    $[12] = data;
-    $[13] = forwardedRef;
-    $[14] = listId;
-    $[15] = menuProps;
-    $[16] = onSelect;
-    $[17] = t2;
-    $[18] = t3;
-  } else {
-    t3 = $[18];
-  }
-  const popupMenuProps = t3;
-  let t4;
-  if ($[19] !== anchor || $[20] !== listId) {
-    t4 = t5 => {
-      const {
-        pinned,
-        active,
-        ...restAnchorProps
-      } = t5;
-      return /*#__PURE__*/jsx(ActiveItemContext.ValueContext.Consumer, {
-        children: activeItemId => /*#__PURE__*/jsx(DropdownAnchorWrapper, {
-          anchor: anchor,
-          pinned: pinned,
-          active: active,
-          activeListItemId: activeItemId,
-          listId: listId,
+    T1 = ActiveItemContext.Provider;
+    T0 = Dropdown;
+    if ($[24] !== anchor || $[25] !== listId) {
+      t1 = t4 => {
+        const {
+          pinned,
+          active,
           ...restAnchorProps
-        })
-      });
-    };
-    $[19] = anchor;
-    $[20] = listId;
-    $[21] = t4;
-  } else {
-    t4 = $[21];
-  }
-  let t5;
-  if ($[22] !== children || $[23] !== popupMenuProps) {
-    t5 = renderDropdownMenuChildren({
+        } = t4;
+        return /*#__PURE__*/jsx(ActiveItemContext.ValueContext.Consumer, {
+          children: activeItemId => /*#__PURE__*/jsx(DropdownAnchorWrapper, {
+            anchor: anchor,
+            pinned: pinned,
+            active: active,
+            activeListItemId: activeItemId,
+            listId: listId,
+            ...restAnchorProps
+          })
+        });
+      };
+      $[24] = anchor;
+      $[25] = listId;
+      $[26] = t1;
+    } else {
+      t1 = $[26];
+    }
+    t2 = restDropdownProps;
+    t3 = renderDropdownMenuChildren({
       children,
       popupMenuProps
     });
-    $[22] = children;
-    $[23] = popupMenuProps;
-    $[24] = t5;
+    $[10] = anchor;
+    $[11] = ariaLabel;
+    $[12] = children;
+    $[13] = data;
+    $[14] = forwardedRef;
+    $[15] = listId;
+    $[16] = menuProps;
+    $[17] = onSelect;
+    $[18] = restDropdownProps;
+    $[19] = T0;
+    $[20] = T1;
+    $[21] = t1;
+    $[22] = t2;
+    $[23] = t3;
+  } else {
+    T0 = $[19];
+    T1 = $[20];
+    t1 = $[21];
+    t2 = $[22];
+    t3 = $[23];
+  }
+  let t4;
+  if ($[27] !== T0 || $[28] !== t1 || $[29] !== t2 || $[30] !== t3) {
+    t4 = /*#__PURE__*/jsx(T0, {
+      anchor: t1,
+      ...t2,
+      children: t3
+    });
+    $[27] = T0;
+    $[28] = t1;
+    $[29] = t2;
+    $[30] = t3;
+    $[31] = t4;
   } else {
-    t5 = $[24];
+    t4 = $[31];
   }
-  let t6;
-  if ($[25] !== restDropdownProps || $[26] !== t4 || $[27] !== t5) {
-    t6 = /*#__PURE__*/jsx(ActiveItemContext.Provider, {
-      children: /*#__PURE__*/jsx(Dropdown, {
-        anchor: t4,
-        ...restDropdownProps,
-        children: t5
-      })
+  let t5;
+  if ($[32] !== T1 || $[33] !== t4) {
+    t5 = /*#__PURE__*/jsx(T1, {
+      children: t4
     });
-    $[25] = restDropdownProps;
-    $[26] = t4;
-    $[27] = t5;
-    $[28] = t6;
+    $[32] = T1;
+    $[33] = t4;
+    $[34] = t5;
   } else {
-    t6 = $[28];
+    t5 = $[34];
   }
-  return t6;
+  return t5;
 });
 var DropdownMenu$1 = Object.assign(DropdownMenu, {
   ListProps: List.ListProps
 });
+function _temp() {
+  return getUID("dropdown-menu-list");
+}
 
 export { DropdownMenu$1 as default };

package/components/editable-heading/editable-heading.js

@@ -7,6 +7,7 @@ import { Button } from '../button/button.js';
 import { S as Size, i as inputStyles } from '../_helpers/input.js';
 import getUID from '../global/get-uid.js';
 import Shortcuts from '../shortcuts/shortcuts.js';
+import useEventCallback from '../global/use-event-callback.js';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import 'util-deprecate';
 import '../_helpers/heading.js';
@@ -38,11 +39,11 @@ function noop() {}
 // eslint-disable-next-line complexity
 const EditableHeading = props => {
   const $ = c(129);
-  if ($[0] !== "fa5dbeebbdcff2c9ff069f75420e1602116bbe04977ffad50d824f81650995a9") {
+  if ($[0] !== "337405178e721c40ff96461e6d67ef716cea1d26e0445aab59e026d687eab71d") {
     for (let $i = 0; $i < 129; $i += 1) {
       $[$i] = Symbol.for("react.memo_cache_sentinel");
     }
-    $[0] = "fa5dbeebbdcff2c9ff069f75420e1602116bbe04977ffad50d824f81650995a9";
+    $[0] = "337405178e721c40ff96461e6d67ef716cea1d26e0445aab59e026d687eab71d";
   }
   let children;
   let className;
@@ -207,24 +208,23 @@ const EditableHeading = props => {
   const isSaveDisabled = t15;
   const isCancelDisabled = isSaving;
   const isShortcutsDisabled = !isInFocus || isSaving;
-  let map;
+  let shortcutsMap;
   if ($[36] !== isCancelDisabled || $[37] !== isSaveDisabled || $[38] !== onCancel || $[39] !== onSave) {
-    map = {};
+    shortcutsMap = {};
     if (!isSaveDisabled) {
-      map.enter = onSave;
+      shortcutsMap.enter = onSave;
     }
     if (isCancelDisabled) {
-      map.esc = onCancel;
+      shortcutsMap.esc = onCancel;
     }
     $[36] = isCancelDisabled;
     $[37] = isSaveDisabled;
     $[38] = onCancel;
     $[39] = onSave;
-    $[40] = map;
+    $[40] = shortcutsMap;
   } else {
-    map = $[40];
+    shortcutsMap = $[40];
   }
-  const shortcutsMap = map;
   const t16 = isEditing && size === Size.FULL;
   let t17;
   if ($[41] !== className || $[42] !== disabled || $[43] !== hasError || $[44] !== isEditing || $[45] !== isInSelectionMode || $[46] !== multiline || $[47] !== t16) {
@@ -325,7 +325,7 @@ const EditableHeading = props => {
   } else {
     t25 = $[62];
   }
-  const onMouseMove = t25;
+  const onMouseMove = useEventCallback(t25);
   let t26;
   if ($[63] !== disabled || $[64] !== isInSelectionMode || $[65] !== isMouseDown || $[66] !== onEdit) {
     t26 = () => {
@@ -343,7 +343,7 @@ const EditableHeading = props => {
   } else {
     t26 = $[67];
   }
-  const onMouseUp = t26;
+  const onMouseUp = useEventCallback(t26);
   let t27;
   if ($[68] !== checkValue || $[69] !== onFocus) {
     t27 = e => {

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

@@ -19,6 +19,7 @@ import '../global/configuration.js';
 import '../popup/position.js';
 import '../popup/popup.target.js';
 import '../popup/position-css.js';
+import '../_helpers/theme.js';
 
 var styles = {"errorBubblePopup":"ring-error-bubble-errorBubblePopup","errorBubbleWrapper":"ring-error-bubble-errorBubbleWrapper","errorBubble":"ring-error-bubble-errorBubble"};
 

package/components/global/theme.d.ts

@@ -6,6 +6,7 @@ declare enum Theme {
 }
 export declare const ThemeContext: import("react").Context<{
     theme: Theme.LIGHT | Theme.DARK;
+    passToPopups?: boolean;
 }>;
 export declare const GLOBAL_DARK_CLASS_NAME = "ring-ui-theme-dark";
 export declare function useTheme(): Theme.LIGHT | Theme.DARK;

package/components/global/theme.js

@@ -1,22 +1,5 @@
 import 'react-compiler-runtime';
 import 'react';
 import 'classnames';
-import 'react-dom';
-import '../popup/popup.target.js';
-import '../popup/popup.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';
-import '../shortcuts/core.js';
-import 'combokeys';
-import './sniffer.js';
-import 'sniffr';
-import './data-tests.js';
-import '../tab-trap/tab-trap.js';
-import './configuration.js';
-import '../popup/position.js';
-import '../popup/popup.consts.js';
-import '../popup/position-css.js';

package/components/global/use-event-callback.js

@@ -1,13 +1,14 @@
 import { c } from 'react-compiler-runtime';
 import { useRef, useLayoutEffect } from 'react';
 
+// TODO deprecate in favor of useEffectEvent after dropping support for React < 19.2
 function useEventCallback(fn) {
   const $ = c(4);
-  if ($[0] !== "6d4062362887898e583cc15ffe3261e4c8e7c93150afb27f66c9b6c760b8aef8") {
+  if ($[0] !== "889dd896626d55d7ee8b6d837575138afdbc32f6790b79c2a3b63812dc174b4f") {
     for (let $i = 0; $i < 4; $i += 1) {
       $[$i] = Symbol.for("react.memo_cache_sentinel");
     }
-    $[0] = "6d4062362887898e583cc15ffe3261e4c8e7c93150afb27f66c9b6c760b8aef8";
+    $[0] = "889dd896626d55d7ee8b6d837575138afdbc32f6790b79c2a3b63812dc174b4f";
   }
   const ref = useRef(null);
   let t0;

package/components/header/header.js

@@ -11,23 +11,6 @@ export { default as SmartProfile } from './smart-profile.js';
 export { default as Services } from './services.js';
 export { default as SmartServices } from './smart-services.js';
 import 'react-compiler-runtime';
-import 'react-dom';
-import '../popup/popup.target.js';
-import '../popup/popup.js';
-import '../global/get-uid.js';
-import '../global/schedule-raf.js';
-import '../global/dom.js';
-import '../shortcuts/shortcuts.js';
-import '../shortcuts/core.js';
-import 'combokeys';
-import '../global/sniffer.js';
-import 'sniffr';
-import '../global/data-tests.js';
-import '../tab-trap/tab-trap.js';
-import '../global/configuration.js';
-import '../popup/position.js';
-import '../popup/popup.consts.js';
-import '../popup/position-css.js';
 import '../icon/icon.js';
 import 'util-deprecate';
 import '../icon/icon.constants.js';
@@ -38,10 +21,13 @@ import '@jetbrains/icons/chevron-down';
 import '@jetbrains/icons/chevron-12px-down';
 import '../link/clickable-link.js';
 import '../global/controls-height.js';
+import '../global/configuration.js';
 import '../_helpers/button.classes.js';
 import '../avatar/avatar.js';
 import '../global/url.js';
+import '../global/dom.js';
 import '../avatar/fallback-avatar.js';
+import '../global/get-uid.js';
 import '../avatar/avatar-size.js';
 import '../_helpers/avatar-info.js';
 import '../dropdown-menu/dropdown-menu.js';
@@ -51,6 +37,13 @@ import 'react-virtualized/dist/es/AutoSizer';
 import 'react-virtualized/dist/es/WindowScroller';
 import 'react-virtualized/dist/es/CellMeasurer';
 import 'memoize-one';
+import '../global/data-tests.js';
+import '../global/schedule-raf.js';
+import '../shortcuts/shortcuts.js';
+import '../shortcuts/core.js';
+import 'combokeys';
+import '../global/sniffer.js';
+import 'sniffr';
 import '../global/create-stateful-context.js';
 import '../list/list-item.js';
 import '../checkbox/checkbox.js';
@@ -72,6 +65,13 @@ import '../dropdown/dropdown.js';
 import '../global/typescript-utils.js';
 import '../_helpers/anchor.js';
 import '../popup-menu/popup-menu.js';
+import '../popup/popup.js';
+import 'react-dom';
+import '../tab-trap/tab-trap.js';
+import '../popup/position.js';
+import '../popup/popup.consts.js';
+import '../popup/popup.target.js';
+import '../popup/position-css.js';
 import '../i18n/i18n-context.js';
 import '../i18n/i18n.js';
 import '../alert-service/alert-service.js';

package/components/header/profile.js

@@ -65,6 +65,7 @@ import '../popup/position.js';
 import '../popup/popup.consts.js';
 import '../popup/popup.target.js';
 import '../popup/position-css.js';
+import '../_helpers/theme.js';
 import '../i18n/i18n.js';
 
 const rgItemType = PopupMenu.ListProps.Type.LINK;