@jetbrains/ring-ui-built 7.0.79 → 7.0.81

package/components/_helpers/anchor.js

@@ -4,7 +4,7 @@ import classNames from 'classnames';
 import { Button } from '../button/button.js';
 import { jsx } from 'react/jsx-runtime';
 
-var styles = {"dropdown":"ring-dropdown-dropdown","anchor":"ring-dropdown-anchor"};
+var styles = {"dropdown":"ring-dropdown-dropdown","clickInterceptor":"ring-dropdown-clickInterceptor","anchor":"ring-dropdown-anchor"};
 
 const Anchor = t0 => {
   const $ = c(11);

package/components/_helpers/theme.js

@@ -1,11 +1,7 @@
 import { c } from 'react-compiler-runtime';
-import { createContext, forwardRef, useEffect, useContext, useState } from 'react';
+import { createContext, forwardRef, useEffect, 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';
+import { jsx } from 'react/jsx-runtime';
 
 var defaultStyles = {"light":"ring-variables-light"};
 
@@ -24,11 +20,11 @@ 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") {
+  if ($[0] !== "eabfde84870498e54e35112b5ff33c796334250351dda2073f3913df7a796682") {
     for (let $i = 0; $i < 3; $i += 1) {
       $[$i] = Symbol.for("react.memo_cache_sentinel");
     }
-    $[0] = "420c141f405e041fcedabc175502fba7d82b5112935d96597788965382528620";
+    $[0] = "eabfde84870498e54e35112b5ff33c796334250351dda2073f3913df7a796682";
   }
   const [dark, setDark] = useState(darkMatcher.matches);
   let t0;
@@ -51,11 +47,11 @@ function useTheme() {
 }
 function useThemeClasses(theme) {
   const $ = c(5);
-  if ($[0] !== "420c141f405e041fcedabc175502fba7d82b5112935d96597788965382528620") {
+  if ($[0] !== "eabfde84870498e54e35112b5ff33c796334250351dda2073f3913df7a796682") {
     for (let $i = 0; $i < 5; $i += 1) {
       $[$i] = Symbol.for("react.memo_cache_sentinel");
     }
-    $[0] = "420c141f405e041fcedabc175502fba7d82b5112935d96597788965382528620";
+    $[0] = "eabfde84870498e54e35112b5ff33c796334250351dda2073f3913df7a796682";
   }
   const systemTheme = useTheme();
   const resolvedTheme = theme === Theme.AUTO ? systemTheme : theme;
@@ -80,11 +76,11 @@ function useThemeClasses(theme) {
 }
 function WithThemeClasses(t0) {
   const $ = c(4);
-  if ($[0] !== "420c141f405e041fcedabc175502fba7d82b5112935d96597788965382528620") {
+  if ($[0] !== "eabfde84870498e54e35112b5ff33c796334250351dda2073f3913df7a796682") {
     for (let $i = 0; $i < 4; $i += 1) {
       $[$i] = Symbol.for("react.memo_cache_sentinel");
     }
-    $[0] = "420c141f405e041fcedabc175502fba7d82b5112935d96597788965382528620";
+    $[0] = "eabfde84870498e54e35112b5ff33c796334250351dda2073f3913df7a796682";
   }
   const {
     theme,
@@ -115,11 +111,11 @@ function applyTheme(theme, container) {
 }
 const DefaultWrapper = /*#__PURE__*/forwardRef(function Wrapper(props, ref) {
   const $ = c(4);
-  if ($[0] !== "420c141f405e041fcedabc175502fba7d82b5112935d96597788965382528620") {
+  if ($[0] !== "eabfde84870498e54e35112b5ff33c796334250351dda2073f3913df7a796682") {
     for (let $i = 0; $i < 4; $i += 1) {
       $[$i] = Symbol.for("react.memo_cache_sentinel");
     }
-    $[0] = "420c141f405e041fcedabc175502fba7d82b5112935d96597788965382528620";
+    $[0] = "eabfde84870498e54e35112b5ff33c796334250351dda2073f3913df7a796682";
   }
   let t0;
   if ($[1] !== props || $[2] !== ref) {
@@ -135,13 +131,13 @@ const DefaultWrapper = /*#__PURE__*/forwardRef(function Wrapper(props, ref) {
   }
   return t0;
 });
-const ThemeProvider = /*#__PURE__*/forwardRef(function ThemeProvider(t0, ref) {
-  const $ = c(34);
-  if ($[0] !== "420c141f405e041fcedabc175502fba7d82b5112935d96597788965382528620") {
-    for (let $i = 0; $i < 34; $i += 1) {
+function ThemeProviderInner(t0) {
+  const $ = c(30);
+  if ($[0] !== "eabfde84870498e54e35112b5ff33c796334250351dda2073f3913df7a796682") {
+    for (let $i = 0; $i < 30; $i += 1) {
       $[$i] = Symbol.for("react.memo_cache_sentinel");
     }
-    $[0] = "420c141f405e041fcedabc175502fba7d82b5112935d96597788965382528620";
+    $[0] = "eabfde84870498e54e35112b5ff33c796334250351dda2073f3913df7a796682";
   }
   let children;
   let className;
@@ -150,6 +146,7 @@ const ThemeProvider = /*#__PURE__*/forwardRef(function ThemeProvider(t0, ref) {
   let t1;
   let t2;
   let target;
+  let wrapperRef;
   if ($[1] !== t0) {
     ({
       theme: t1,
@@ -158,6 +155,7 @@ const ThemeProvider = /*#__PURE__*/forwardRef(function ThemeProvider(t0, ref) {
       children,
       WrapperComponent: t2,
       target,
+      wrapperRef,
       ...restProps
     } = t0);
     $[1] = t0;
@@ -168,6 +166,7 @@ const ThemeProvider = /*#__PURE__*/forwardRef(function ThemeProvider(t0, ref) {
     $[6] = t1;
     $[7] = t2;
     $[8] = target;
+    $[9] = wrapperRef;
   } else {
     children = $[2];
     className = $[3];
@@ -176,109 +175,106 @@ const ThemeProvider = /*#__PURE__*/forwardRef(function ThemeProvider(t0, ref) {
     t1 = $[6];
     t2 = $[7];
     target = $[8];
+    wrapperRef = $[9];
   }
   const theme = t1 === undefined ? Theme.AUTO : t1;
   const WrapperComponent = t2 === undefined ? DefaultWrapper : t2;
   const systemTheme = useTheme();
   const resolvedTheme = theme === Theme.AUTO ? systemTheme : theme;
   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
+  if ($[10] !== passToPopups || $[11] !== resolvedTheme) {
+    t3 = {
+      theme: resolvedTheme,
+      passToPopups
     };
-    $[10] = resolvedTheme;
-    $[11] = t4;
+    $[10] = passToPopups;
+    $[11] = resolvedTheme;
+    $[12] = t3;
   } else {
-    t4 = $[11];
+    t3 = $[12];
   }
-  const themeValue = t4;
+  const themeValue = t3;
+  let t4;
   let t5;
-  let t6;
-  if ($[12] !== resolvedTheme || $[13] !== target) {
-    t5 = () => {
+  if ($[13] !== resolvedTheme || $[14] !== target) {
+    t4 = () => {
       if (target) {
         applyTheme(resolvedTheme, target);
       }
     };
-    t6 = [resolvedTheme, target];
-    $[12] = resolvedTheme;
-    $[13] = target;
-    $[14] = t5;
-    $[15] = t6;
+    t5 = [resolvedTheme, target];
+    $[13] = resolvedTheme;
+    $[14] = target;
+    $[15] = t4;
+    $[16] = t5;
   } else {
-    t5 = $[14];
-    t6 = $[15];
+    t4 = $[15];
+    t5 = $[16];
   }
-  useEffect(t5, t6);
+  useEffect(t4, t5);
   const themeClasses = useThemeClasses(theme);
-  const parentTarget = useContext(PopupTargetContext);
-  let t7;
-  if ($[16] !== className || $[17] !== target || $[18] !== themeClasses) {
-    t7 = target ? undefined : classNames(className, themeClasses);
-    $[16] = className;
-    $[17] = target;
-    $[18] = themeClasses;
-    $[19] = t7;
+  let t6;
+  if ($[17] !== className || $[18] !== target || $[19] !== themeClasses) {
+    t6 = target ? undefined : classNames(className, themeClasses);
+    $[17] = className;
+    $[18] = target;
+    $[19] = themeClasses;
+    $[20] = t6;
   } else {
-    t7 = $[19];
+    t6 = $[20];
   }
-  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;
+  let t7;
+  if ($[21] !== WrapperComponent || $[22] !== children || $[23] !== restProps || $[24] !== t6 || $[25] !== wrapperRef) {
+    t7 = /*#__PURE__*/jsx(WrapperComponent, {
+      ref: wrapperRef,
+      className: t6,
+      ...restProps,
+      children: children
+    });
+    $[21] = WrapperComponent;
+    $[22] = children;
+    $[23] = restProps;
+    $[24] = t6;
+    $[25] = wrapperRef;
+    $[26] = t7;
   } else {
-    t8 = $[24];
+    t7 = $[26];
   }
-  let t9;
-  if ($[25] !== WrapperComponent || $[26] !== ref || $[27] !== restProps || $[28] !== t7 || $[29] !== t8) {
-    t9 = /*#__PURE__*/jsx(WrapperComponent, {
-      ref: ref,
-      className: t7,
-      ...restProps,
-      children: t8
+  let t8;
+  if ($[27] !== t7 || $[28] !== themeValue) {
+    t8 = /*#__PURE__*/jsx(ThemeContext.Provider, {
+      value: themeValue,
+      children: t7
     });
-    $[25] = WrapperComponent;
-    $[26] = ref;
-    $[27] = restProps;
-    $[28] = t7;
+    $[27] = t7;
+    $[28] = themeValue;
     $[29] = t8;
-    $[30] = t9;
   } else {
-    t9 = $[30];
+    t8 = $[29];
   }
-  let t10;
-  if ($[31] !== t9 || $[32] !== themeValue) {
-    t10 = /*#__PURE__*/jsx(ThemeContext.Provider, {
-      value: themeValue,
-      children: t9
+  return t8;
+}
+const ThemeProvider = /*#__PURE__*/forwardRef(function ThemeProvider(props, ref) {
+  const $ = c(4);
+  if ($[0] !== "eabfde84870498e54e35112b5ff33c796334250351dda2073f3913df7a796682") {
+    for (let $i = 0; $i < 4; $i += 1) {
+      $[$i] = Symbol.for("react.memo_cache_sentinel");
+    }
+    $[0] = "eabfde84870498e54e35112b5ff33c796334250351dda2073f3913df7a796682";
+  }
+  let t0;
+  if ($[1] !== props || $[2] !== ref) {
+    t0 = /*#__PURE__*/jsx(ThemeProviderInner, {
+      ...props,
+      wrapperRef: ref
     });
-    $[31] = t9;
-    $[32] = themeValue;
-    $[33] = t10;
+    $[1] = props;
+    $[2] = ref;
+    $[3] = t0;
   } else {
-    t10 = $[33];
+    t0 = $[3];
   }
-  return t10;
+  return t0;
 });
 var Theme$1 = Theme;
 

package/components/alert/alert.js

@@ -24,19 +24,6 @@ import '../global/controls-height.js';
 import '../global/configuration.js';
 import '../_helpers/button.classes.js';
 import 'react-dom';
-import '../popup/popup.target.js';
-import '../popup/popup.js';
-import '../global/get-uid.js';
-import '../global/schedule-raf.js';
-import '../shortcuts/shortcuts.js';
-import '../shortcuts/core.js';
-import 'combokeys';
-import '../global/sniffer.js';
-import 'sniffr';
-import '../tab-trap/tab-trap.js';
-import '../popup/position.js';
-import '../popup/popup.consts.js';
-import '../popup/position-css.js';
 
 var styles = {"alert":"ring-alert-alert","alertInline":"ring-alert-alertInline","error":"ring-alert-error","icon":"ring-alert-icon","caption":"ring-alert-caption","withCloseButton":"ring-alert-withCloseButton","badge":"ring-alert-badge","loader":"ring-alert-loader","close":"ring-alert-close","animationOpen":"ring-alert-animationOpen","show":"ring-alert-show","animationClosing":"ring-alert-animationClosing","animationShaking":"ring-alert-animationShaking","shaking":"ring-alert-shaking"};
 

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

@@ -27,18 +27,6 @@ import '../global/configuration.js';
 import '../_helpers/button.classes.js';
 import '../_helpers/theme.js';
 import 'react-dom';
-import '../popup/popup.target.js';
-import '../popup/popup.js';
-import '../global/schedule-raf.js';
-import '../shortcuts/shortcuts.js';
-import '../shortcuts/core.js';
-import 'combokeys';
-import '../global/sniffer.js';
-import 'sniffr';
-import '../tab-trap/tab-trap.js';
-import '../popup/position.js';
-import '../popup/popup.consts.js';
-import '../popup/position-css.js';
 
 const DEFAULT_ALERT_TIMEOUT = 10000; // 10 seconds
 /**

package/components/auth/auth-core.js

@@ -37,20 +37,8 @@ import '../global/controls-height.js';
 import '../global/configuration.js';
 import '../_helpers/button.classes.js';
 import '../_helpers/theme.js';
-import 'react-dom';
-import '../popup/popup.target.js';
-import '../popup/popup.js';
-import '../global/schedule-raf.js';
-import '../shortcuts/shortcuts.js';
-import '../shortcuts/core.js';
-import 'combokeys';
-import '../global/sniffer.js';
-import 'sniffr';
-import '../tab-trap/tab-trap.js';
-import '../popup/position.js';
-import '../popup/popup.consts.js';
-import '../popup/position-css.js';
 import '../alert/container.js';
+import 'react-dom';
 import 'simply-uuid';
 
 /* eslint-disable no-magic-numbers */

package/components/auth/auth.js

@@ -32,20 +32,8 @@ import '../global/controls-height.js';
 import '../global/configuration.js';
 import '../_helpers/button.classes.js';
 import '../_helpers/theme.js';
-import 'react-dom';
-import '../popup/popup.target.js';
-import '../popup/popup.js';
-import '../global/schedule-raf.js';
-import '../shortcuts/shortcuts.js';
-import '../shortcuts/core.js';
-import 'combokeys';
-import '../global/sniffer.js';
-import 'sniffr';
-import '../tab-trap/tab-trap.js';
-import '../popup/position.js';
-import '../popup/popup.consts.js';
-import '../popup/position-css.js';
 import '../alert/container.js';
+import 'react-dom';
 import '../link/link.js';
 import '../_helpers/link.js';
 import '../group/group.js';

package/components/auth/down-notification.js

@@ -30,18 +30,6 @@ import '../global/controls-height.js';
 import '../global/configuration.js';
 import '../_helpers/button.classes.js';
 import '../_helpers/theme.js';
-import '../popup/popup.target.js';
-import '../popup/popup.js';
-import '../global/schedule-raf.js';
-import '../shortcuts/shortcuts.js';
-import '../shortcuts/core.js';
-import 'combokeys';
-import '../global/sniffer.js';
-import 'sniffr';
-import '../tab-trap/tab-trap.js';
-import '../popup/position.js';
-import '../popup/popup.consts.js';
-import '../popup/position-css.js';
 import '../_helpers/link.js';
 
 var styles = {"title":"ring-down-notification-title","error":"ring-down-notification-error"};

package/components/auth/iframe-flow.js

@@ -44,6 +44,7 @@ import '../popup/popup.js';
 import '../popup/position.js';
 import '../popup/popup.consts.js';
 import '../popup/position-css.js';
+import '../_helpers/theme.js';
 import '../_helpers/dialog-body-scroll-preventer.js';
 import 'scrollbar-width';
 import '../loader-screen/loader-screen.js';

package/components/auth/storage.js

@@ -27,20 +27,8 @@ import '../global/controls-height.js';
 import '../global/configuration.js';
 import '../_helpers/button.classes.js';
 import '../_helpers/theme.js';
-import 'react-dom';
-import '../popup/popup.target.js';
-import '../popup/popup.js';
-import '../global/schedule-raf.js';
-import '../shortcuts/shortcuts.js';
-import '../shortcuts/core.js';
-import 'combokeys';
-import '../global/sniffer.js';
-import 'sniffr';
-import '../tab-trap/tab-trap.js';
-import '../popup/position.js';
-import '../popup/popup.consts.js';
-import '../popup/position-css.js';
 import '../alert/container.js';
+import 'react-dom';
 
 /**
  * @typedef {Object} StoredToken

package/components/auth-dialog/auth-dialog.js

@@ -30,6 +30,7 @@ import '../global/configuration.js';
 import '../popup/position.js';
 import '../popup/popup.consts.js';
 import '../popup/position-css.js';
+import '../_helpers/theme.js';
 import '../_helpers/dialog-body-scroll-preventer.js';
 import 'scrollbar-width';
 import '@jetbrains/icons/chevron-down';

package/components/auth-dialog-service/auth-dialog-service.js

@@ -41,6 +41,7 @@ import '../popup/popup.js';
 import '../popup/position.js';
 import '../popup/popup.consts.js';
 import '../popup/position-css.js';
+import '../_helpers/theme.js';
 import '../_helpers/dialog-body-scroll-preventer.js';
 import 'scrollbar-width';
 import '../heading/heading.js';