@jetbrains/ring-ui-built 7.0.125 → 8.0.0-beta.11

package/components/confirm-service/confirm-service.js

@@ -6,14 +6,13 @@ import 'react';
 import '../dialog/dialog.js';
 import 'react-dom';
 import 'classnames';
-import '@jetbrains/icons/close';
 import '../island/island.js';
 import '../global/data-tests.js';
 import '../island/adaptive-island-hoc.js';
 import '../global/linear-function.js';
 import '../_helpers/island.js';
 import '../island/header.js';
-import 'react-compiler-runtime';
+import 'react/compiler-runtime';
 import '../island/content.js';
 import 'element-resize-detector';
 import '../global/schedule-raf.js';
@@ -26,25 +25,31 @@ import '../global/sniffer.js';
 import 'sniffr';
 import '../tab-trap/tab-trap.js';
 import '../global/dom.js';
+import '../popup/popup.target.js';
+import '../popup/popup.js';
+import '../global/configuration.js';
+import '../popup/position.js';
+import '../popup/popup.consts.js';
+import '../popup/position-css.js';
+import '../_helpers/theme.js';
+import '../global/get-viewport-size.js';
+import '../dialog/dialog-body-scroll-preventer.js';
+import 'scrollbar-width';
+import '../_helpers/dialog.js';
+import '../dialog/dialog-controls.js';
+import '@jetbrains/icons/close';
+import '@jetbrains/icons/resize-corner-12px';
 import '../button/button.js';
 import '@jetbrains/icons/chevron-down';
 import '@jetbrains/icons/chevron-12px-down';
-import 'util-deprecate';
 import '../icon/icon.js';
+import 'util-deprecate';
 import '../icon/icon.constants.js';
 import '../_helpers/icon-svg.js';
-import '../global/configuration.js';
 import '../global/memoize.js';
 import '../link/clickable-link.js';
 import '../_helpers/button.classes.js';
-import '../popup/popup.target.js';
-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 '../dialog/dialog-geometry.js';
 import '../panel/panel.js';
 
 const containerElement = document.createElement('div');
@@ -53,11 +58,14 @@ const reactRoot = createRoot(containerElement);
  * Renders Confirm into virtual node to skip maintaining container
  */
 function renderConfirm(props) {
+  if (!containerElement.isConnected) {
+    document.body.appendChild(containerElement);
+  }
   const {
     buttonsHeight = getGlobalControlsHeight(),
     ...restProps
   } = props;
-  reactRoot.render(/*#__PURE__*/jsx(ControlsHeightContext.Provider, {
+  reactRoot.render(/*#__PURE__*/jsx(ControlsHeightContext, {
     value: buttonsHeight,
     children: /*#__PURE__*/jsx(Confirm, {
       ...restProps

package/components/contenteditable/contenteditable.js

@@ -1,7 +1,6 @@
-import { c } from 'react-compiler-runtime';
+import { c } from 'react/compiler-runtime';
 import { Component } from 'react';
 import { renderToStaticMarkup } from 'react-dom/server';
-import { getTrustedHTML } from '../global/configuration.js';
 import { jsx } from 'react/jsx-runtime';
 
 function noop() {}
@@ -39,18 +38,18 @@ class ContentEditableBase extends Component {
       tabIndex: disabled ? undefined : tabIndex,
       contentEditable: !this.props.disabled,
       dangerouslySetInnerHTML: {
-        __html: getTrustedHTML(__html)
+        __html
       }
     });
   }
 }
 const ContentEditable = t0 => {
   const $ = c(9);
-  if ($[0] !== "519bd5d3c982a9dc3ea1661e2f5c619dfe9b6f54aba8af79cd253dbdccafd7d6") {
+  if ($[0] !== "a16faaa5b9814b3292a3bdccbd3ed2550092bea3ba98e71aa85f18aa005eb348") {
     for (let $i = 0; $i < 9; $i += 1) {
       $[$i] = Symbol.for("react.memo_cache_sentinel");
     }
-    $[0] = "519bd5d3c982a9dc3ea1661e2f5c619dfe9b6f54aba8af79cd253dbdccafd7d6";
+    $[0] = "a16faaa5b9814b3292a3bdccbd3ed2550092bea3ba98e71aa85f18aa005eb348";
   }
   let children;
   let props;

package/components/control-help/control-help.js

@@ -1,4 +1,4 @@
-import { c } from 'react-compiler-runtime';
+import { c } from 'react/compiler-runtime';
 import classNames from 'classnames';
 import { jsx } from 'react/jsx-runtime';
 

package/components/control-label/control-label.js

@@ -1,4 +1,4 @@
-import { c } from 'react-compiler-runtime';
+import { c } from 'react/compiler-runtime';
 import 'react';
 import classNames from 'classnames';
 import { jsx } from 'react/jsx-runtime';

package/components/data-list/data-list.d.ts

@@ -3,9 +3,9 @@
  */
 import { Component } from 'react';
 import { type FocusSensorOuterProps } from '../global/focus-sensor-hoc';
-import { type SelectionShortcutsAddProps, type SelectionShortcutsOuterProps } from '../table/selection-shortcuts-hoc';
-import { type DisableHoverAddProps } from '../table/disable-hover-hoc';
-import { type SelectionItem } from '../table/selection';
+import { type SelectionShortcutsAddProps, type SelectionShortcutsOuterProps } from '../legacy-table/selection-shortcuts-hoc';
+import { type DisableHoverAddProps } from '../legacy-table/disable-hover-hoc';
+import { type SelectionItem } from '../global/table-selection';
 import { type FormattedItem, moreLessButtonStates } from './item';
 export interface DataListBaseProps<T extends SelectionItem> {
     data: readonly T[];
@@ -20,7 +20,7 @@ export interface DataListBaseProps<T extends SelectionItem> {
 type FocusableProps<T extends SelectionItem> = DataListBaseProps<T> & DisableHoverAddProps & FocusSensorOuterProps<HTMLDivElement> & SelectionShortcutsAddProps<T>;
 export type DataListContainerProps<T extends SelectionItem> = DataListBaseProps<T> & FocusSensorOuterProps<HTMLDivElement> & SelectionShortcutsOuterProps<T>;
 export default class DataListContainer<T extends SelectionItem> extends Component<DataListContainerProps<T>> {
-    DataList: import("react").ComponentClass<import("../table/disable-hover-hoc").DisableHoverProps<import("../table/selection-shortcuts-hoc").SelectionShortcutsProps<T, FocusableProps<T>>>, any>;
+    DataList: import("react").ComponentClass<import("../legacy-table/disable-hover-hoc").DisableHoverProps<import("../legacy-table/selection-shortcuts-hoc").SelectionShortcutsProps<T, FocusableProps<T>>>, any>;
     render(): import("react").JSX.Element;
 }
 export {};

package/components/data-list/data-list.js

@@ -1,8 +1,8 @@
 import { Component, PureComponent } from 'react';
 import classNames from 'classnames';
 import focusSensorHOC from '../global/focus-sensor-hoc.js';
-import selectionShortcutsHOC from '../table/selection-shortcuts-hoc.js';
-import disableHoverHOC from '../table/disable-hover-hoc.js';
+import selectionShortcutsHOC from '../legacy-table/selection-shortcuts-hoc.js';
+import disableHoverHOC from '../legacy-table/disable-hover-hoc.js';
 import getUID from '../global/get-uid.js';
 import Shortcuts from '../shortcuts/shortcuts.js';
 import Loader from '../loader/loader.js';
@@ -10,6 +10,7 @@ import Item, { moreLessButtonStates } from './item.js';
 import { s as styles } from '../_helpers/title.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import '../global/compose-refs.js';
+import 'react/compiler-runtime';
 import 'memoize-one';
 import 'core-js/modules/es.array.includes.js';
 import '../shortcuts/core.js';
@@ -28,14 +29,13 @@ import '../text/text.js';
 import '../loader-inline/loader-inline.js';
 import '../button/button.js';
 import '@jetbrains/icons/chevron-12px-down';
-import 'util-deprecate';
 import '../icon/icon.js';
+import 'util-deprecate';
 import '../icon/icon.constants.js';
 import '../_helpers/icon-svg.js';
-import 'react-compiler-runtime';
-import '../global/configuration.js';
 import '../global/memoize.js';
 import '../global/controls-height.js';
+import '../global/configuration.js';
 import '../_helpers/button.classes.js';
 import '../checkbox/checkbox.js';
 import '@jetbrains/icons/checkmark-12px';

package/components/data-list/data-list.mock.d.ts

@@ -1,5 +1,5 @@
 import { type ReactNode } from 'react';
-import { type SelectionItem } from '../table/selection';
+import { type SelectionItem } from '../global/table-selection';
 export interface Item extends SelectionItem {
     title: ReactNode;
     collapsible?: boolean;

package/components/data-list/data-list.mock.js

@@ -11,13 +11,13 @@ import '../icon/icon.js';
 import 'util-deprecate';
 import '../icon/icon.constants.js';
 import '../_helpers/icon-svg.js';
-import 'react-compiler-runtime';
-import '../global/configuration.js';
+import 'react/compiler-runtime';
 import '../global/memoize.js';
 import '../button/button.js';
 import '@jetbrains/icons/chevron-down';
 import '@jetbrains/icons/chevron-12px-down';
 import '../global/controls-height.js';
+import '../global/configuration.js';
 import '../_helpers/button.classes.js';
 
 const items = [{

package/components/data-list/item.d.ts

@@ -1,5 +1,5 @@
 import { PureComponent, type ReactNode } from 'react';
-import { type SelectionItem } from '../table/selection';
+import { type SelectionItem } from '../global/table-selection';
 import type Selection from './selection';
 export declare enum moreLessButtonStates {
     UNUSED = 0,

package/components/data-list/item.js

@@ -12,14 +12,14 @@ import '../global/data-tests.js';
 import '../link/clickable-link.js';
 import '../_helpers/link.js';
 import '@jetbrains/icons/chevron-12px-down';
-import 'util-deprecate';
 import '../icon/icon.js';
+import 'util-deprecate';
 import '../icon/icon.constants.js';
 import '../_helpers/icon-svg.js';
-import 'react-compiler-runtime';
-import '../global/configuration.js';
+import 'react/compiler-runtime';
 import '../global/memoize.js';
 import '../global/controls-height.js';
+import '../global/configuration.js';
 import '../_helpers/button.classes.js';
 import '../global/focus-sensor-hoc.js';
 import '../global/compose-refs.js';

package/components/data-list/selection.d.ts

@@ -1,4 +1,4 @@
-import TableSelection, { type CloneWithConfig, type SelectionItem, type TableSelectionConfig } from '../table/selection';
+import TableSelection, { type CloneWithConfig, type SelectionItem, type TableSelectionConfig } from '../global/table-selection';
 interface DataListSelectionConfig<T extends SelectionItem> extends TableSelectionConfig<T> {
     partialSelected?: Set<T> | undefined;
 }

package/components/data-list/selection.js

@@ -1,7 +1,7 @@
 import 'core-js/modules/es.array.includes.js';
-import Selection$1 from '../table/selection.js';
+import TableSelection from '../global/table-selection.js';
 
-class Selection extends Selection$1 {
+class Selection extends TableSelection {
   _partialSelected;
   constructor({
     partialSelected = new Set(),

package/components/data-list/title.js

@@ -6,6 +6,7 @@ import '../global/get-uid.js';
 export { T as default } from '../_helpers/title.js';
 import 'react/jsx-runtime';
 import '../global/compose-refs.js';
+import 'react/compiler-runtime';
 import 'memoize-one';
 import '@jetbrains/icons/checkmark-12px';
 import '@jetbrains/icons/remove-12px';
@@ -13,8 +14,6 @@ import '../icon/icon.js';
 import 'util-deprecate';
 import '../icon/icon.constants.js';
 import '../_helpers/icon-svg.js';
-import 'react-compiler-runtime';
-import '../global/configuration.js';
 import '../global/memoize.js';
 import '../control-help/control-help.js';
 import '../global/data-tests.js';

package/components/date-picker/date-input.js

@@ -10,11 +10,11 @@ import '@jetbrains/icons/close-12px';
 import '../button/button.js';
 import '@jetbrains/icons/chevron-down';
 import '@jetbrains/icons/chevron-12px-down';
-import 'util-deprecate';
 import '../icon/icon.js';
+import 'util-deprecate';
 import '../icon/icon.constants.js';
 import '../_helpers/icon-svg.js';
-import 'react-compiler-runtime';
+import 'react/compiler-runtime';
 import '../global/memoize.js';
 import '../link/clickable-link.js';
 import '../_helpers/button.classes.js';

package/components/date-picker/date-picker.js

@@ -1,4 +1,4 @@
-import { c } from 'react-compiler-runtime';
+import { c } from 'react/compiler-runtime';
 import { PureComponent } from 'react';
 import classNames from 'classnames';
 import { format } from 'date-fns/format';
@@ -72,10 +72,9 @@ import 'date-fns/getDate';
 import 'date-fns/isToday';
 import './consts.js';
 import 'date-fns/add';
-import './use-intersection-observer.js';
+import '../global/intersection-observer-context.js';
 import './scroll-arith.js';
 import './use-scroll-behavior.js';
-import '../global/use-event-callback.js';
 import './years.js';
 import 'date-fns/addYears';
 import 'date-fns/getYear';

package/components/date-picker/date-popup.js

@@ -20,14 +20,14 @@ import '@jetbrains/icons/close-12px';
 import '../button/button.js';
 import '@jetbrains/icons/chevron-down';
 import '@jetbrains/icons/chevron-12px-down';
-import 'util-deprecate';
 import '../icon/icon.js';
+import 'util-deprecate';
 import '../icon/icon.constants.js';
 import '../_helpers/icon-svg.js';
-import 'react-compiler-runtime';
-import '../global/configuration.js';
+import 'react/compiler-runtime';
 import '../link/clickable-link.js';
 import '../global/controls-height.js';
+import '../global/configuration.js';
 import '../_helpers/button.classes.js';
 import '../global/get-uid.js';
 import '../i18n/i18n-context.js';
@@ -47,10 +47,9 @@ import 'date-fns/addDays';
 import 'date-fns/getDate';
 import 'date-fns/isSameDay';
 import 'date-fns/isToday';
-import './use-intersection-observer.js';
+import '../global/intersection-observer-context.js';
 import './scroll-arith.js';
 import './use-scroll-behavior.js';
-import '../global/use-event-callback.js';
 import '../global/schedule-raf.js';
 import 'date-fns/addYears';
 import 'date-fns/getYear';

package/components/date-picker/month-names.js

@@ -1,4 +1,4 @@
-import { c } from 'react-compiler-runtime';
+import { c } from 'react/compiler-runtime';
 import { PureComponent } from 'react';
 import classNames from 'classnames';
 import { format } from 'date-fns/format';

package/components/date-picker/month-slider.js

@@ -1,4 +1,4 @@
-import { c } from 'react-compiler-runtime';
+import { c } from 'react/compiler-runtime';
 import { useState } from 'react';
 import classNames from 'classnames';
 import { addYears } from 'date-fns/addYears';

package/components/date-picker/month.d.ts

@@ -1,9 +1,7 @@
 import { type Locale } from 'date-fns';
 import { type MonthsProps } from './consts';
-import { type IntersectionObserverHandle } from './use-intersection-observer';
 export interface MonthProps extends MonthsProps {
     month: Date;
-    intersectionObserverHandle: IntersectionObserverHandle | null;
 }
 export default function Month(props: MonthProps): import("react").JSX.Element;
 export declare function getMonthHeight(monthStart: Date | number, locale: Locale | undefined): number;

package/components/date-picker/month.js

@@ -1,11 +1,11 @@
-import { c } from 'react-compiler-runtime';
+import { c } from 'react/compiler-runtime';
 import { format } from 'date-fns/format';
 import { getDay } from 'date-fns/getDay';
 import { getDaysInMonth, setDate } from 'date-fns';
 import { useRef, createElement } from 'react';
 import Day from './day.js';
 import units, { getWeekStartsOn, WEEK } from './consts.js';
-import { useVisibility } from './use-intersection-observer.js';
+import { useIsIntersecting } from '../global/intersection-observer-context.js';
 import { s as styles } from '../_helpers/date-picker.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import 'core-js/modules/es.array.includes.js';
@@ -23,34 +23,33 @@ import 'sniffr';
 
 function Month(props) {
   const $ = c(13);
-  if ($[0] !== "2f6fe4553edaada7486df2c003273bf4ae27149a404d6c91c9c721f7d6c02b8b") {
+  if ($[0] !== "f69b6ec913368865656f465501e81a8f3fab6df87b3d741c6b878c75ad08c0c9") {
     for (let $i = 0; $i < 13; $i += 1) {
       $[$i] = Symbol.for("react.memo_cache_sentinel");
     }
-    $[0] = "2f6fe4553edaada7486df2c003273bf4ae27149a404d6c91c9c721f7d6c02b8b";
+    $[0] = "f69b6ec913368865656f465501e81a8f3fab6df87b3d741c6b878c75ad08c0c9";
   }
   const {
     month,
-    locale,
-    intersectionObserverHandle
+    locale
   } = props;
   const containerRef = useRef(null);
-  const visible = useVisibility(intersectionObserverHandle, containerRef);
+  const isIntersecting = useIsIntersecting(containerRef);
   let t0;
-  if ($[1] !== locale || $[2] !== month || $[3] !== visible) {
-    t0 = visible ? {} : {
+  if ($[1] !== isIntersecting || $[2] !== locale || $[3] !== month) {
+    t0 = isIntersecting ? {} : {
       height: getMonthHeight(month, locale)
     };
-    $[1] = locale;
-    $[2] = month;
-    $[3] = visible;
+    $[1] = isIntersecting;
+    $[2] = locale;
+    $[3] = month;
     $[4] = t0;
   } else {
     t0 = $[4];
   }
   let t1;
-  if ($[5] !== locale || $[6] !== month || $[7] !== props || $[8] !== visible) {
-    t1 = visible && /*#__PURE__*/jsxs(Fragment, {
+  if ($[5] !== isIntersecting || $[6] !== locale || $[7] !== month || $[8] !== props) {
+    t1 = isIntersecting && /*#__PURE__*/jsxs(Fragment, {
       children: [/*#__PURE__*/jsx("span", {
         className: styles.monthTitle,
         children: format(month, "LLLL", {
@@ -72,10 +71,10 @@ function Month(props) {
         key: i_0
       }))]
     });
-    $[5] = locale;
-    $[6] = month;
-    $[7] = props;
-    $[8] = visible;
+    $[5] = isIntersecting;
+    $[6] = locale;
+    $[7] = month;
+    $[8] = props;
     $[9] = t1;
   } else {
     t1 = $[9];

package/components/date-picker/months.js

@@ -1,4 +1,4 @@
-import { c } from 'react-compiler-runtime';
+import { c } from 'react/compiler-runtime';
 import { addMonths } from 'date-fns/addMonths';
 import { startOfMonth } from 'date-fns/startOfMonth';
 import Month, { getMonthHeight } from './month.js';
@@ -6,7 +6,7 @@ import units from './consts.js';
 import { ScrollArith } from './scroll-arith.js';
 import { useScrollBehavior } from './use-scroll-behavior.js';
 import scheduleRAF from '../global/schedule-raf.js';
-import { useIntersectionObserver } from './use-intersection-observer.js';
+import { useIntersectionObserverHandle, IntersectionObserverContext } from '../global/intersection-observer-context.js';
 import { s as styles } from '../_helpers/date-picker.js';
 import { createElement } from 'react';
 import { jsx } from 'react/jsx-runtime';
@@ -26,8 +26,6 @@ import 'date-fns/startOfDay';
 import 'date-fns/add';
 import '../global/sniffer.js';
 import 'sniffr';
-import '../global/use-event-callback.js';
-import 'util-deprecate';
 
 function getMonthHeightWithMargin(date, locale) {
   return units.unit * 2 + getMonthHeight(date, locale);
@@ -45,16 +43,16 @@ const scheduleScroll = scheduleRAF();
  *
  * To avoid an unpainted gap at the viewport boundary, the next month must be reported
  * as visible slightly before it actually enters the viewport. We achieve this by
- * extending the IntersectionObserver scrollMargin.
+ * extending the IntersectionObserver rootMargin.
  */
-const intersectionObserverScrollMargin = units.cellSize * 2;
+const intersectionObserverRootMargin = units.cellSize * 2;
 function Months(props) {
-  const $ = c(11);
-  if ($[0] !== "4aa546d8594d34e20d23ddb1ac60f352dda8d4f0089b69b199ba5199e1f35dd5") {
-    for (let $i = 0; $i < 11; $i += 1) {
+  const $ = c(12);
+  if ($[0] !== "b514d0ab3a898922fd1a8992e74c2054d3bf131f57e16e7ad928f67f5c608db9") {
+    for (let $i = 0; $i < 12; $i += 1) {
       $[$i] = Symbol.for("react.memo_cache_sentinel");
     }
-    $[0] = "4aa546d8594d34e20d23ddb1ac60f352dda8d4f0089b69b199ba5199e1f35dd5";
+    $[0] = "b514d0ab3a898922fd1a8992e74c2054d3bf131f57e16e7ad928f67f5c608db9";
   }
   const {
     scrollDate,
@@ -65,46 +63,55 @@ function Months(props) {
     containerRef,
     items
   } = useScrollBehavior(scrollDate, setScrollDate, locale, "monthsScroll", scrollArith, scheduleScroll);
-  const intersectionObserverHandle = useIntersectionObserver(containerRef, intersectionObserverScrollMargin);
-  let t0;
-  if ($[1] !== intersectionObserverHandle || $[2] !== items || $[3] !== props) {
-    let t1;
-    if ($[5] !== intersectionObserverHandle || $[6] !== props) {
-      t1 = month => /*#__PURE__*/createElement(Month, {
+  const t0 = useIntersectionObserverHandle(containerRef, intersectionObserverRootMargin);
+  let t1;
+  if ($[1] !== items || $[2] !== props) {
+    let t2;
+    if ($[4] !== props) {
+      t2 = month => /*#__PURE__*/createElement(Month, {
         ...props,
         month: month,
-        key: +month,
-        intersectionObserverHandle: intersectionObserverHandle
+        key: +month
       });
-      $[5] = intersectionObserverHandle;
-      $[6] = props;
-      $[7] = t1;
+      $[4] = props;
+      $[5] = t2;
     } else {
-      t1 = $[7];
+      t2 = $[5];
     }
-    t0 = items.map(t1);
-    $[1] = intersectionObserverHandle;
-    $[2] = items;
-    $[3] = props;
-    $[4] = t0;
+    t1 = items.map(t2);
+    $[1] = items;
+    $[2] = props;
+    $[3] = t1;
   } else {
-    t0 = $[4];
+    t1 = $[3];
   }
-  let t1;
-  if ($[8] !== containerRef || $[9] !== t0) {
-    t1 = /*#__PURE__*/jsx("div", {
+  let t2;
+  if ($[6] !== containerRef || $[7] !== t1) {
+    t2 = /*#__PURE__*/jsx("div", {
       className: styles.months,
       ref: containerRef,
       "data-test": "ring-date-popup--months",
-      children: t0
+      children: t1
+    });
+    $[6] = containerRef;
+    $[7] = t1;
+    $[8] = t2;
+  } else {
+    t2 = $[8];
+  }
+  let t3;
+  if ($[9] !== t0 || $[10] !== t2) {
+    t3 = /*#__PURE__*/jsx(IntersectionObserverContext, {
+      value: t0,
+      children: t2
     });
-    $[8] = containerRef;
     $[9] = t0;
-    $[10] = t1;
+    $[10] = t2;
+    $[11] = t3;
   } else {
-    t1 = $[10];
+    t3 = $[11];
   }
-  return t1;
+  return t3;
 }
 
 export { Months as default };