@jetbrains/ring-ui-built 8.0.0-beta.3 → 8.0.0-beta.5

package/components/table/table.js

@@ -1,26 +1,374 @@
-import Table from './table-component.js';
-import 'react/compiler-runtime';
-import 'react';
-import 'classnames';
-import 'react-merge-refs';
+import { c } from 'react/compiler-runtime';
+import { useRef, Fragment } from 'react';
+import classNames from 'classnames';
+import { useVirtualItems, SpacerRow, VirtualizationContext } from '../internal/virtualization.js';
+import { DefaultItemRenderer } from './default-item-renderer.js';
+import { TablePropsContext, defaultRowHeight } from './table-const.js';
+import { focusWithTemporaryTabIndex } from '../global/focus-with-temporary-tabindex.js';
+import { useReorderAnimationContextValue, ReorderAnimationContext } from '../internal/reorder-animation-context.js';
+import { useComposedRef } from '../global/compose-refs.js';
+import { TableHeader } from '../internal/table-header.js';
+import { keyboardFocusableAttrName } from './table-primitives.js';
+import { isWithinNavigableElement } from '../global/is-within-navigable-element.js';
+import { useReorderLayoutContextValue, ReorderLayoutContext } from '../internal/reorder-layout-context.js';
+import { s as styles } from '../_helpers/table.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import '../global/intersection-observer-context.js';
-import './table-virtualize.js';
-import '../_helpers/table.js';
-import 'react/jsx-runtime';
-import './default-item-renderer.js';
-import './table-const.js';
-import './table-primitives.js';
-import '@jetbrains/icons/unsorted-12px';
-import '@jetbrains/icons/arrow-12px-down';
-import '@jetbrains/icons/arrow-12px-up';
-import '@jetbrains/icons/trash-12px';
+import '../global/schedule-with-cleanup.js';
+import './item-virtualization.js';
+import './reorder-item-layout.js';
+import 'memoize-one';
+import '../internal/reorder-handle.js';
+import '@jetbrains/icons/drag-12px';
 import '../icon/icon.js';
 import 'util-deprecate';
 import '../icon/icon.constants.js';
 import '../_helpers/icon-svg.js';
 import '../global/memoize.js';
-import './table-row-focus.js';
-
+import '../global/parse-css-duration.js';
+import '@jetbrains/icons/arrow-12px-down';
+import '@jetbrains/icons/arrow-12px-up';
+import '@jetbrains/icons/settings-12px';
+import '@jetbrains/icons/trash-12px';
+import '@jetbrains/icons/unsorted-12px';
+import '../global/is-within-interactive-element.js';
 
+function Table(props) {
+  const $ = c(68);
+  if ($[0] !== "0b2671256cf6184450b7f5a987c20b706c8cb7e8a0bf848df36efecc0eb647dc") {
+    for (let $i = 0; $i < 68; $i += 1) {
+      $[$i] = Symbol.for("react.memo_cache_sentinel");
+    }
+    $[0] = "0b2671256cf6184450b7f5a987c20b706c8cb7e8a0bf848df36efecc0eb647dc";
+  }
+  let className;
+  let columns;
+  let data;
+  let getKey;
+  let noColumnReorderAnimation;
+  let noItemReorderAnimation;
+  let renderItem;
+  let restProps;
+  let scrollerRef;
+  let t0;
+  let t1;
+  let t2;
+  let t3;
+  let t4;
+  let tbodyClassName;
+  let userRef;
+  if ($[1] !== props) {
+    const {
+      data: t5,
+      columns: t6,
+      getKey: t7,
+      noHeader,
+      stickyHeader,
+      onSort,
+      onColumnDelete,
+      onColumnReorder,
+      noColumnReorderAnimation: t8,
+      canReorderItem,
+      onItemReorder,
+      noItemReorderAnimation: t9,
+      renderItem: t10,
+      virtualizeRows: t11,
+      scrollerRef: t12,
+      estimateHeight: t13,
+      lookaheadPx: t14,
+      retentionMarginPx: t15,
+      minScrollAndResizeDeltaPx: t16,
+      columnEditing,
+      onColumnEditingRequest,
+      columnEditButton,
+      theadClassName,
+      theadTrClassName,
+      tbodyClassName: t17,
+      ref: t18,
+      className: t19,
+      ...t20
+    } = props;
+    data = t5;
+    columns = t6;
+    getKey = t7;
+    noColumnReorderAnimation = t8;
+    noItemReorderAnimation = t9;
+    renderItem = t10;
+    t0 = t11;
+    scrollerRef = t12;
+    t1 = t13;
+    t2 = t14;
+    t3 = t15;
+    t4 = t16;
+    tbodyClassName = t17;
+    userRef = t18;
+    className = t19;
+    restProps = t20;
+    $[1] = props;
+    $[2] = className;
+    $[3] = columns;
+    $[4] = data;
+    $[5] = getKey;
+    $[6] = noColumnReorderAnimation;
+    $[7] = noItemReorderAnimation;
+    $[8] = renderItem;
+    $[9] = restProps;
+    $[10] = scrollerRef;
+    $[11] = t0;
+    $[12] = t1;
+    $[13] = t2;
+    $[14] = t3;
+    $[15] = t4;
+    $[16] = tbodyClassName;
+    $[17] = userRef;
+  } else {
+    className = $[2];
+    columns = $[3];
+    data = $[4];
+    getKey = $[5];
+    noColumnReorderAnimation = $[6];
+    noItemReorderAnimation = $[7];
+    renderItem = $[8];
+    restProps = $[9];
+    scrollerRef = $[10];
+    t0 = $[11];
+    t1 = $[12];
+    t2 = $[13];
+    t3 = $[14];
+    t4 = $[15];
+    tbodyClassName = $[16];
+    userRef = $[17];
+  }
+  const virtualizeRows = t0 === undefined ? false : t0;
+  const estimateHeight = t1 === undefined ? _temp : t1;
+  const lookaheadPx = t2 === undefined ? 400 : t2;
+  const retentionMarginPx = t3 === undefined ? 450 : t3;
+  const minScrollAndResizeDeltaPx = t4 === undefined ? 50 : t4;
+  const localRef = useRef(null);
+  let t5;
+  if ($[18] !== columns || $[19] !== data || $[20] !== noColumnReorderAnimation || $[21] !== noItemReorderAnimation) {
+    t5 = {
+      noColumnReorderAnimation,
+      noItemReorderAnimation,
+      tableRef: localRef,
+      data,
+      columns
+    };
+    $[18] = columns;
+    $[19] = data;
+    $[20] = noColumnReorderAnimation;
+    $[21] = noItemReorderAnimation;
+    $[22] = t5;
+  } else {
+    t5 = $[22];
+  }
+  const reorderAnimationContextValue = useReorderAnimationContextValue(t5);
+  let t6;
+  if ($[23] === Symbol.for("react.memo_cache_sentinel")) {
+    t6 = function handleRowNavigation(e) {
+      if (e.defaultPrevented || isWithinNavigableElement(e.target)) {
+        return;
+      }
+      const arrowUp = e.key === "ArrowUp";
+      const arrowDown = e.key === "ArrowDown";
+      if (!arrowUp && !arrowDown) {
+        return;
+      }
+      const currentRow = e.target.closest("tr");
+      if (currentRow?.parentElement?.parentElement !== localRef.current) {
+        return;
+      }
+      let candidate = currentRow;
+      while (candidate) {
+        candidate = arrowUp ? candidate.previousElementSibling : candidate.nextElementSibling;
+        if (candidate?.hasAttribute(keyboardFocusableAttrName)) {
+          focusWithTemporaryTabIndex(candidate);
+          e.preventDefault();
+          return;
+        }
+      }
+    };
+    $[23] = t6;
+  } else {
+    t6 = $[23];
+  }
+  const handleRowNavigation = t6;
+  let t7;
+  if ($[24] !== data || $[25] !== estimateHeight || $[26] !== lookaheadPx || $[27] !== minScrollAndResizeDeltaPx || $[28] !== retentionMarginPx || $[29] !== scrollerRef || $[30] !== virtualizeRows) {
+    t7 = {
+      enabled: virtualizeRows,
+      data,
+      scrollerRef,
+      tableRef: localRef,
+      estimateHeight,
+      lookaheadPx,
+      retentionMarginPx,
+      minScrollAndResizeDeltaPx
+    };
+    $[24] = data;
+    $[25] = estimateHeight;
+    $[26] = lookaheadPx;
+    $[27] = minScrollAndResizeDeltaPx;
+    $[28] = retentionMarginPx;
+    $[29] = scrollerRef;
+    $[30] = virtualizeRows;
+    $[31] = t7;
+  } else {
+    t7 = $[31];
+  }
+  const {
+    virtualItems,
+    virtualizationContextValue
+  } = useVirtualItems(t7);
+  const itemReorderLayoutContextValue = useReorderLayoutContextValue();
+  let t8;
+  if ($[32] !== className) {
+    t8 = classNames(styles.table, className);
+    $[32] = className;
+    $[33] = t8;
+  } else {
+    t8 = $[33];
+  }
+  const t9 = useComposedRef(userRef, localRef);
+  let t10;
+  if ($[34] === Symbol.for("react.memo_cache_sentinel")) {
+    t10 = /*#__PURE__*/jsx(TableHeader, {});
+    $[34] = t10;
+  } else {
+    t10 = $[34];
+  }
+  const t11 = virtualizeRows ? virtualItems : data;
+  let t12;
+  if ($[35] !== columns || $[36] !== data || $[37] !== getKey || $[38] !== renderItem || $[39] !== t11 || $[40] !== virtualizeRows) {
+    let t13;
+    if ($[42] !== columns || $[43] !== data || $[44] !== getKey || $[45] !== renderItem || $[46] !== virtualizeRows) {
+      t13 = (item, index) => {
+        let dataItem;
+        let dataItemIndex;
+        if (virtualizeRows) {
+          const virtualItem = item;
+          if (virtualItem.type === "spacer") {
+            return /*#__PURE__*/jsx(SpacerRow, {
+              spacer: virtualItem,
+              colSpan: columns.length
+            }, virtualItem.key);
+          }
+          dataItemIndex = virtualItem.index;
+          if (dataItemIndex < 0 || dataItemIndex >= data.length) {
+            return null;
+          }
+          dataItem = data[dataItemIndex];
+        } else {
+          dataItem = item;
+          dataItemIndex = index;
+        }
+        return /*#__PURE__*/jsx(Fragment, {
+          children: renderItem ? renderItem(dataItem, dataItemIndex, data) : /*#__PURE__*/jsx(DefaultItemRenderer, {
+            index: dataItemIndex
+          })
+        }, getKey(dataItem, dataItemIndex, data));
+      };
+      $[42] = columns;
+      $[43] = data;
+      $[44] = getKey;
+      $[45] = renderItem;
+      $[46] = virtualizeRows;
+      $[47] = t13;
+    } else {
+      t13 = $[47];
+    }
+    t12 = t11.map(t13);
+    $[35] = columns;
+    $[36] = data;
+    $[37] = getKey;
+    $[38] = renderItem;
+    $[39] = t11;
+    $[40] = virtualizeRows;
+    $[41] = t12;
+  } else {
+    t12 = $[41];
+  }
+  let t13;
+  if ($[48] !== itemReorderLayoutContextValue || $[49] !== t12) {
+    t13 = /*#__PURE__*/jsx(ReorderLayoutContext, {
+      value: itemReorderLayoutContextValue,
+      children: t12
+    });
+    $[48] = itemReorderLayoutContextValue;
+    $[49] = t12;
+    $[50] = t13;
+  } else {
+    t13 = $[50];
+  }
+  let t14;
+  if ($[51] !== t13 || $[52] !== virtualizationContextValue) {
+    t14 = /*#__PURE__*/jsx(VirtualizationContext, {
+      value: virtualizationContextValue,
+      children: t13
+    });
+    $[51] = t13;
+    $[52] = virtualizationContextValue;
+    $[53] = t14;
+  } else {
+    t14 = $[53];
+  }
+  let t15;
+  if ($[54] !== t14 || $[55] !== tbodyClassName) {
+    t15 = /*#__PURE__*/jsx("tbody", {
+      className: tbodyClassName,
+      onKeyDown: handleRowNavigation,
+      children: t14
+    });
+    $[54] = t14;
+    $[55] = tbodyClassName;
+    $[56] = t15;
+  } else {
+    t15 = $[56];
+  }
+  let t16;
+  if ($[57] !== restProps || $[58] !== t15 || $[59] !== t8 || $[60] !== t9) {
+    t16 = /*#__PURE__*/jsxs("table", {
+      className: t8,
+      ref: t9,
+      ...restProps,
+      children: [t10, t15]
+    });
+    $[57] = restProps;
+    $[58] = t15;
+    $[59] = t8;
+    $[60] = t9;
+    $[61] = t16;
+  } else {
+    t16 = $[61];
+  }
+  let t17;
+  if ($[62] !== reorderAnimationContextValue || $[63] !== t16) {
+    t17 = /*#__PURE__*/jsx(ReorderAnimationContext, {
+      value: reorderAnimationContextValue,
+      children: t16
+    });
+    $[62] = reorderAnimationContextValue;
+    $[63] = t16;
+    $[64] = t17;
+  } else {
+    t17 = $[64];
+  }
+  let t18;
+  if ($[65] !== props || $[66] !== t17) {
+    t18 = /*#__PURE__*/jsx(TablePropsContext, {
+      value: props,
+      children: t17
+    });
+    $[65] = props;
+    $[66] = t17;
+    $[67] = t18;
+  } else {
+    t18 = $[67];
+  }
+  return t18;
+}
+function _temp() {
+  return defaultRowHeight;
+}
 
 export { Table as default };

package/components/tooltip/tooltip.js

@@ -4,7 +4,7 @@ import Popup from '../popup/popup.js';
 import { Listeners } from '../global/dom.js';
 import joinDataTestAttributes from '../global/data-tests.js';
 import scheduleRAF from '../global/schedule-raf.js';
-import { T as Theme, b as ThemeProvider } from '../_helpers/theme.js';
+import { T as Theme, a as ThemeProvider } from '../_helpers/theme.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import 'react-dom';
 import '../global/get-uid.js';

package/components/user-agreement/service.js

@@ -8,16 +8,12 @@ import { ControlsHeightContext, getGlobalControlsHeight } from '../global/contro
 import UserAgreement from './user-agreement.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import '../global/get-uid.js';
-import '../alert/container.js';
 import 'react';
-import 'react-dom';
 import 'classnames';
-import '../global/data-tests.js';
-import '../link/clickable-link.js';
-import '../_helpers/link.js';
 import '@jetbrains/icons/exception';
-import '@jetbrains/icons/checkmark';
+import '@jetbrains/icons/success';
 import '@jetbrains/icons/warning';
+import '@jetbrains/icons/info-filled';
 import '@jetbrains/icons/close';
 import '../icon/icon.js';
 import 'util-deprecate';
@@ -26,13 +22,23 @@ import '../_helpers/icon-svg.js';
 import 'react/compiler-runtime';
 import '../global/memoize.js';
 import '../loader-inline/loader-inline.js';
+import '../global/data-tests.js';
 import '../global/dom.js';
 import '../button/button.js';
 import '@jetbrains/icons/chevron-down';
 import '@jetbrains/icons/chevron-12px-down';
+import '../link/clickable-link.js';
 import '../_helpers/button.classes.js';
-import '../_helpers/theme.js';
 import '../global/configuration.js';
+import '../_helpers/theme.js';
+import '../alert/alert-heading.js';
+import '../heading/heading.js';
+import '../_helpers/heading.js';
+import '../_helpers/alert.js';
+import '../alert/alert-actions.js';
+import '../alert/container.js';
+import 'react-dom';
+import '../_helpers/link.js';
 import '../dialog/dialog.js';
 import '../island/island.js';
 import '../island/adaptive-island-hoc.js';

package/components/user-card/card.js

@@ -28,8 +28,9 @@ import '../alert-service/alert-service.js';
 import 'react-dom/client';
 import '../alert/alert.js';
 import '@jetbrains/icons/exception';
-import '@jetbrains/icons/checkmark';
+import '@jetbrains/icons/success';
 import '@jetbrains/icons/warning';
+import '@jetbrains/icons/info-filled';
 import '@jetbrains/icons/close';
 import '../loader-inline/loader-inline.js';
 import '../button/button.js';
@@ -40,6 +41,11 @@ import '../global/configuration.js';
 import '../_helpers/button.classes.js';
 import '../_helpers/icon-svg.js';
 import '../_helpers/theme.js';
+import '../alert/alert-heading.js';
+import '../heading/heading.js';
+import '../_helpers/heading.js';
+import '../_helpers/alert.js';
+import '../alert/alert-actions.js';
 import '../alert/container.js';
 import 'react-dom';
 import '../clipboard/clipboard-fallback.js';

package/components/user-card/smart-user-card-tooltip.d.ts

@@ -10,6 +10,6 @@ export default class SmartUserCardTooltip extends Component<SmartUserCardTooltip
         loading: boolean;
     };
     loadUser: () => Promise<void>;
-    renderNoUser: () => "" | import("react").JSX.Element;
+    renderNoUser: () => import("react").JSX.Element | "";
     render(): import("react").JSX.Element;
 }

package/components/user-card/smart-user-card-tooltip.js

@@ -51,9 +51,15 @@ import '../alert-service/alert-service.js';
 import 'react-dom/client';
 import '../alert/alert.js';
 import '@jetbrains/icons/exception';
-import '@jetbrains/icons/checkmark';
+import '@jetbrains/icons/success';
 import '@jetbrains/icons/warning';
+import '@jetbrains/icons/info-filled';
 import '@jetbrains/icons/close';
+import '../alert/alert-heading.js';
+import '../heading/heading.js';
+import '../_helpers/heading.js';
+import '../_helpers/alert.js';
+import '../alert/alert-actions.js';
 import '../alert/container.js';
 import '../clipboard/clipboard-fallback.js';
 import '../tag/tag.js';

package/components/user-card/tooltip.js

@@ -49,10 +49,16 @@ import '../alert-service/alert-service.js';
 import 'react-dom/client';
 import '../alert/alert.js';
 import '@jetbrains/icons/exception';
-import '@jetbrains/icons/checkmark';
+import '@jetbrains/icons/success';
 import '@jetbrains/icons/warning';
+import '@jetbrains/icons/info-filled';
 import '@jetbrains/icons/close';
 import '../loader-inline/loader-inline.js';
+import '../alert/alert-heading.js';
+import '../heading/heading.js';
+import '../_helpers/heading.js';
+import '../_helpers/alert.js';
+import '../alert/alert-actions.js';
 import '../alert/container.js';
 import '../clipboard/clipboard-fallback.js';
 import '../tag/tag.js';

package/components/user-card/user-card.js

@@ -25,8 +25,9 @@ import '../alert-service/alert-service.js';
 import 'react-dom/client';
 import '../alert/alert.js';
 import '@jetbrains/icons/exception';
-import '@jetbrains/icons/checkmark';
+import '@jetbrains/icons/success';
 import '@jetbrains/icons/warning';
+import '@jetbrains/icons/info-filled';
 import '@jetbrains/icons/close';
 import '../icon/icon.js';
 import '../icon/icon.constants.js';
@@ -39,6 +40,11 @@ import '../global/controls-height.js';
 import '../global/configuration.js';
 import '../_helpers/button.classes.js';
 import '../_helpers/theme.js';
+import '../alert/alert-heading.js';
+import '../heading/heading.js';
+import '../_helpers/heading.js';
+import '../_helpers/alert.js';
+import '../alert/alert-actions.js';
 import '../alert/container.js';
 import 'react-dom';
 import '../clipboard/clipboard-fallback.js';

package/components/util-stories.d.ts

@@ -1 +1,27 @@
 export declare const hideAddonsPanelParam = "hideAddonsPanel";
+export declare function createRandom(seed: bigint): {
+    /**
+     * Fractional in [0, 1)
+     */
+    (): number;
+    /**
+     * Integer in [0, to)
+     */
+    (to: number): number;
+    /**
+     * Integer in [from, to)
+     */
+    (from: number, to: number): number;
+    /**
+     * Date in [from, to)
+     */
+    (from: Date, to: Date): Date;
+    /**
+     * Up to random n items (in random order) from the array
+     */
+    <T>(array: readonly T[], n: number): T[];
+    /**
+     * Random item from the array
+     */
+    <T>(array: readonly T[]): T;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jetbrains/ring-ui-built",
-  "version": "8.0.0-beta.3",
+  "version": "8.0.0-beta.5",
   "description": "JetBrains UI library",
   "author": {
     "name": "JetBrains"
@@ -112,7 +112,7 @@
     }
   },
   "dependencies": {
-    "@jetbrains/icons": "^5.22.0",
+    "@jetbrains/icons": "^5.23.0",
     "change-case": "^4.1.1",
     "classnames": "^2.5.1",
     "combokeys": "^3.0.1",
@@ -120,7 +120,7 @@
     "dequal": "^2.0.3",
     "element-resize-detector": "^1.2.4",
     "fastdom": "^1.0.12",
-    "focus-trap": "^8.2.1",
+    "focus-trap": "^8.2.2",
     "highlight.js": "^10.7.2",
     "just-debounce-it": "^3.2.0",
     "memoize-one": "^6.0.0",

package/components/date-picker/use-intersection-observer.d.ts

@@ -1,6 +0,0 @@
-import { type RefObject } from 'react';
-export declare function useIntersectionObserver(containerRef: RefObject<HTMLElement | null>, scrollMargin?: number): IntersectionObserverHandle | null;
-export interface IntersectionObserverHandle {
-    observeVisibility(element: Element, setVisible: (isVisible: boolean) => void): () => void;
-}
-export declare function useVisibility(handle: IntersectionObserverHandle | null, elementRef: RefObject<Element | null>): boolean;

package/components/date-picker/use-intersection-observer.js

@@ -1,93 +0,0 @@
-import { c } from 'react/compiler-runtime';
-import { useState, useEffect } from 'react';
-
-function useIntersectionObserver(containerRef, t0) {
-  const $ = c(5);
-  if ($[0] !== "85eea0b6bda17bfb5987776c879da3db3d1a41e1157672102d3b021b57efb05a") {
-    for (let $i = 0; $i < 5; $i += 1) {
-      $[$i] = Symbol.for("react.memo_cache_sentinel");
-    }
-    $[0] = "85eea0b6bda17bfb5987776c879da3db3d1a41e1157672102d3b021b57efb05a";
-  }
-  const scrollMargin = t0 === undefined ? 0 : t0;
-  const [handle, setHandle] = useState(null);
-  let t1;
-  let t2;
-  if ($[1] !== containerRef || $[2] !== scrollMargin) {
-    t1 = () => {
-      const container = containerRef.current;
-      if (!container) {
-        return;
-      }
-      const elementToSetVisible = new Map();
-      const observer = new IntersectionObserver(entries => {
-        for (const entry of entries) {
-          const setVisible = elementToSetVisible.get(entry.target);
-          setVisible?.(entry.isIntersecting);
-        }
-      }, {
-        root: container,
-        ...(scrollMargin ? {
-          scrollMargin: `${scrollMargin}px`
-        } : {})
-      });
-      setHandle({
-        observeVisibility(element, setVisible_0) {
-          elementToSetVisible.set(element, setVisible_0);
-          observer.observe(element);
-          return () => {
-            elementToSetVisible.delete(element);
-            observer.unobserve(element);
-          };
-        }
-      });
-      return () => {
-        observer.disconnect();
-        setHandle(null);
-      };
-    };
-    t2 = [containerRef, scrollMargin];
-    $[1] = containerRef;
-    $[2] = scrollMargin;
-    $[3] = t1;
-    $[4] = t2;
-  } else {
-    t1 = $[3];
-    t2 = $[4];
-  }
-  useEffect(t1, t2);
-  return handle;
-}
-function useVisibility(handle, elementRef) {
-  const $ = c(5);
-  if ($[0] !== "85eea0b6bda17bfb5987776c879da3db3d1a41e1157672102d3b021b57efb05a") {
-    for (let $i = 0; $i < 5; $i += 1) {
-      $[$i] = Symbol.for("react.memo_cache_sentinel");
-    }
-    $[0] = "85eea0b6bda17bfb5987776c879da3db3d1a41e1157672102d3b021b57efb05a";
-  }
-  const [isVisible, setIsVisible] = useState(false);
-  let t0;
-  let t1;
-  if ($[1] !== elementRef || $[2] !== handle) {
-    t0 = () => {
-      const element = elementRef.current;
-      if (!element || !handle) {
-        return;
-      }
-      return handle.observeVisibility(element, setIsVisible);
-    };
-    t1 = [handle, elementRef, setIsVisible];
-    $[1] = elementRef;
-    $[2] = handle;
-    $[3] = t0;
-    $[4] = t1;
-  } else {
-    t0 = $[3];
-    t1 = $[4];
-  }
-  useEffect(t0, t1);
-  return isVisible;
-}
-
-export { useIntersectionObserver, useVisibility };