@plumile/ui 0.1.154 → 0.1.157

package/lib/esm/atomic/molecules/markdown/components/MarkdownArticleContainer.css.js

@@ -1,4 +1,5 @@
 /* empty css                                         */
+/* empty css                             */
 /* empty css                                        */
 //#region src/atomic/molecules/markdown/components/MarkdownArticleContainer.css.ts
 var e = "_7ez1431 _7ez1430 txvbqbfpn txvbqbh4x txvbqbheb";

package/lib/esm/atomic/molecules/markdown/components/MarkdownInlineCode.css.js

@@ -1,5 +1,4 @@
 /* empty css                                         */
-/* empty css                             */
 /* empty css                                  */
 //#region src/atomic/molecules/markdown/components/MarkdownInlineCode.css.ts
 var e = "_12obj0m1 _12obj0m0 txvbqb11hm txvbqb12f7 txvbqb12hd txvbqbxtg txvbqb2t9 txvbqbh99 txvbqbu4k txvbqbws9 txvbqb1ax2 txvbqb1arn";

package/lib/esm/atomic/molecules/tabs/Tabs.js

@@ -10,22 +10,23 @@ var f = u, p = (e, t, n, r = !1) => t == null ? typeof e.isActive == "boolean" ?
 	let w = v.some((e) => e.to != null), T = b != null && !w, E = v.some((e) => typeof e.isActive == "boolean"), D = o({ variant: S });
 	y === "nav" && (D = e(D, _));
 	let O = v.map((e) => {
-		let { disabled: t, id: n, label: i, to: a } = e, o = p(e, m, C, E), s = "default";
-		t ? s = "disabled" : o && (s = "active");
-		let l = r({
-			state: s,
+		let { disabled: t, id: n, label: i, preloadOnMouseEnter: a, to: o } = e, s = p(e, m, C, E), l = "default";
+		t ? l = "disabled" : s && (l = "active");
+		let u = r({
+			state: l,
 			variant: S
-		}), u;
-		t && (u = !0);
-		let d;
-		if (o && a != null && (d = "page"), a != null) {
+		}), d;
+		t && (d = !0);
+		let h;
+		if (s && o != null && (h = "page"), o != null) {
 			let e;
 			return t && (e = -1), /* @__PURE__ */ c(f, {
 				exact: !0,
-				"aria-current": d,
-				"aria-disabled": u,
-				className: l,
-				to: a,
+				"aria-current": h,
+				"aria-disabled": d,
+				className: u,
+				to: o,
+				preloadOnMouseEnter: a,
 				tabIndex: e,
 				onClick: (e) => {
 					t && e.preventDefault();
@@ -36,20 +37,20 @@ var f = u, p = (e, t, n, r = !1) => t == null ? typeof e.isActive == "boolean" ?
 		if (b != null) return /* @__PURE__ */ c("button", {
 			type: "button",
 			role: "tab",
-			"aria-selected": o,
-			"aria-disabled": u,
-			className: l,
+			"aria-selected": s,
+			"aria-disabled": d,
+			className: u,
 			disabled: t,
 			onClick: () => {
 				t || b(n);
 			},
 			children: i
 		}, n);
-		let h;
-		return o && (h = "page"), /* @__PURE__ */ c("span", {
-			"aria-current": h,
-			"aria-disabled": u,
-			className: l,
+		let g;
+		return s && (g = "page"), /* @__PURE__ */ c("span", {
+			"aria-current": g,
+			"aria-disabled": d,
+			className: u,
 			children: i
 		}, n);
 	}), k = T ? /* @__PURE__ */ c("div", {

package/lib/esm/atomic/molecules/tabs/Tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.js","names":[],"sources":["../../../../../src/atomic/molecules/tabs/Tabs.tsx"],"sourcesContent":["import {\n  type AnchorHTMLAttributes,\n  type ComponentPropsWithoutRef,\n  type HTMLAttributes,\n  type JSX,\n  type MouseEvent,\n  type ReactNode,\n} from 'react';\nimport Link from '@plumile/router/routing/Link.js';\nimport useLocation from '@plumile/router/routing/useLocation.js';\n\nimport * as styles from './tabs.css.js';\nimport { cx } from '../../../theme/tools.js';\n\nexport type TabsSelectEvent = MouseEvent<HTMLButtonElement | HTMLAnchorElement>;\n\ntype LinkComponentProps = ComponentPropsWithoutRef<typeof Link>;\ntype RouterLinkProps = LinkComponentProps &\n  AnchorHTMLAttributes<HTMLAnchorElement>;\nconst RouterLink = Link as unknown as (props: RouterLinkProps) => JSX.Element;\n\nexport type TabItem = {\n  id: string;\n  label: ReactNode;\n  to?: LinkComponentProps['to'];\n  disabled?: boolean;\n  isActive?: boolean;\n};\n\nexport type TabsVariant = 'line' | 'pill' | 'underline' | 'page';\n\nexport type TabsProps = {\n  items: readonly TabItem[];\n  activeId?: string;\n  onChange?: (id: string) => void;\n  ariaLabel?: string;\n  children?: ReactNode;\n  className?: string;\n  layout?: 'nav' | 'content';\n  panelClassName?: string;\n  variant?: TabsVariant;\n};\n\nconst resolveItemIsActive = (\n  item: TabItem,\n  activeId: string | undefined,\n  pathname: string | undefined,\n  hasExplicitActiveItem = false,\n): boolean => {\n  if (activeId != null) {\n    return item.id === activeId;\n  }\n\n  if (typeof item.isActive === 'boolean') {\n    return item.isActive;\n  }\n\n  if (hasExplicitActiveItem) {\n    return false;\n  }\n\n  if (item.to != null && pathname != null) {\n    return pathname === item.to;\n  }\n\n  return false;\n};\n\nexport const Tabs = (props: TabsProps): JSX.Element | null => {\n  const {\n    activeId,\n    ariaLabel,\n    children,\n    className,\n    items,\n    layout = 'nav',\n    onChange,\n    panelClassName,\n    variant = 'line',\n  } = props;\n  const { pathname } = useLocation();\n\n  if (items.length === 0) {\n    return null;\n  }\n\n  const hasNavigationItems = items.some((item) => {\n    return item.to != null;\n  });\n  const isControlled = onChange != null && !hasNavigationItems;\n  const hasExplicitActiveItem = items.some((item) => {\n    return typeof item.isActive === 'boolean';\n  });\n  let rootClassName = styles.tabsRecipe({ variant });\n  if (layout === 'nav') {\n    rootClassName = cx(rootClassName, className);\n  }\n\n  const content = items.map((item) => {\n    const { disabled, id, label, to } = item;\n    const isActive = resolveItemIsActive(\n      item,\n      activeId,\n      pathname,\n      hasExplicitActiveItem,\n    );\n\n    type TabState = NonNullable<\n      Parameters<typeof styles.tabRecipe>[0]\n    >['state'];\n    let tabState: TabState = 'default';\n    if (disabled) {\n      tabState = 'disabled';\n    } else if (isActive) {\n      tabState = 'active';\n    }\n\n    const tabClassName = styles.tabRecipe({ state: tabState, variant });\n    let ariaDisabled: true | undefined;\n    if (disabled) {\n      ariaDisabled = true;\n    }\n    let ariaCurrent: 'page' | undefined;\n    if (isActive && to != null) {\n      ariaCurrent = 'page';\n    }\n\n    if (to != null) {\n      let tabIndex: number | undefined;\n      if (disabled) {\n        tabIndex = -1;\n      }\n\n      const handleLinkClick = (event: MouseEvent<HTMLAnchorElement>) => {\n        if (disabled) {\n          event.preventDefault();\n        }\n      };\n\n      return (\n        <RouterLink\n          key={id}\n          exact\n          aria-current={ariaCurrent}\n          aria-disabled={ariaDisabled}\n          className={tabClassName}\n          to={to}\n          tabIndex={tabIndex}\n          onClick={handleLinkClick}\n        >\n          {label}\n        </RouterLink>\n      );\n    }\n\n    if (onChange != null) {\n      return (\n        <button\n          key={id}\n          type=\"button\"\n          role=\"tab\"\n          aria-selected={isActive}\n          aria-disabled={ariaDisabled}\n          className={tabClassName}\n          disabled={disabled}\n          onClick={() => {\n            if (!disabled) {\n              onChange(id);\n            }\n          }}\n        >\n          {label}\n        </button>\n      );\n    }\n\n    let staticAriaCurrent: 'page' | undefined;\n    if (isActive) {\n      staticAriaCurrent = 'page';\n    }\n\n    return (\n      <span\n        key={id}\n        aria-current={staticAriaCurrent}\n        aria-disabled={ariaDisabled}\n        className={tabClassName}\n      >\n        {label}\n      </span>\n    );\n  });\n\n  const renderRoot = (): JSX.Element => {\n    if (isControlled) {\n      return (\n        <div className={rootClassName} role=\"tablist\" aria-label={ariaLabel}>\n          {content}\n        </div>\n      );\n    }\n\n    if (hasNavigationItems) {\n      return (\n        <nav aria-label={ariaLabel} className={rootClassName}>\n          {content}\n        </nav>\n      );\n    }\n\n    return <div className={rootClassName}>{content}</div>;\n  };\n\n  const nav = renderRoot();\n\n  if (layout !== 'content') {\n    return nav;\n  }\n\n  const wrapperProps: HTMLAttributes<HTMLDivElement> = {\n    className: cx(styles.wrapper, className),\n  };\n\n  return (\n    <div {...wrapperProps}>\n      <div className={styles.tabsBar}>\n        <div className={styles.tabsInner}>{nav}</div>\n      </div>\n      <div className={styles.panels}>\n        <section role=\"tabpanel\" className={cx(styles.panel, panelClassName)}>\n          {children}\n        </section>\n      </div>\n    </div>\n  );\n};\n\nexport const __test = {\n  resolveItemIsActive,\n} as const;\n"],"mappings":";;;;;;AAmBA,IAAM,IAAa,GAwBb,KACJ,GACA,GACA,GACA,IAAwB,OAEpB,KAAY,OAIZ,OAAO,EAAK,YAAa,YACpB,EAAK,WAGV,IACK,KAGL,EAAK,MAAM,QAAQ,KAAY,OAC1B,MAAa,EAAK,KAGpB,KAfE,EAAK,OAAO,GAkBV,KAAQ,MAAyC;CAC5D,IAAM,EACJ,aACA,cACA,aACA,cACA,UACA,YAAS,OACT,aACA,mBACA,aAAU,WACR,GACE,EAAE,gBAAa,EAAY;CAEjC,IAAI,EAAM,WAAW,GACnB,OAAO;CAGT,IAAM,IAAqB,EAAM,MAAM,MAC9B,EAAK,MAAM,IACnB,GACK,IAAe,KAAY,QAAQ,CAAC,GACpC,IAAwB,EAAM,MAAM,MACjC,OAAO,EAAK,YAAa,SACjC,GACG,IAAgB,EAAkB,EAAE,WAAQ,CAAC;CACjD,AAAI,MAAW,UACb,IAAgB,EAAG,GAAe,CAAS;CAG7C,IAAM,IAAU,EAAM,KAAK,MAAS;EAClC,IAAM,EAAE,aAAU,OAAI,UAAO,UAAO,GAC9B,IAAW,EACf,GACA,GACA,GACA,CACF,GAKI,IAAqB;EACzB,AAAI,IACF,IAAW,aACF,MACT,IAAW;EAGb,IAAM,IAAe,EAAiB;GAAE,OAAO;GAAU;EAAQ,CAAC,GAC9D;EACJ,AAAI,MACF,IAAe;EAEjB,IAAI;EAKJ,IAJI,KAAY,KAAM,SACpB,IAAc,SAGZ,KAAM,MAAM;GACd,IAAI;GAWJ,OAVI,MACF,IAAW,KAUX,kBAAC,GAAD;IAEE,OAAA;IACA,gBAAc;IACd,iBAAe;IACf,WAAW;IACP;IACM;IACV,UAfqB,MAAyC;KAChE,AAAI,KACF,EAAM,eAAe;IAEzB;cAaK;GACS,GAVL,CAUK;EAEhB;EAEA,IAAI,KAAY,MACd,OACE,kBAAC,UAAD;GAEE,MAAK;GACL,MAAK;GACL,iBAAe;GACf,iBAAe;GACf,WAAW;GACD;GACV,eAAe;IACb,AAAK,KACH,EAAS,CAAE;GAEf;aAEC;EACK,GAdD,CAcC;EAIZ,IAAI;EAKJ,OAJI,MACF,IAAoB,SAIpB,kBAAC,QAAD;GAEE,gBAAc;GACd,iBAAe;GACf,WAAW;aAEV;EACG,GANC,CAMD;CAEV,CAAC,GAsBK,IAnBA,IAEA,kBAAC,OAAD;EAAK,WAAW;EAAe,MAAK;EAAU,cAAY;YACvD;CACE,CAAA,IAIL,IAEA,kBAAC,OAAD;EAAK,cAAY;EAAW,WAAW;YACpC;CACE,CAAA,IAIF,kBAAC,OAAD;EAAK,WAAW;YAAgB;CAAa,CAAA;CAatD,OARI,MAAW,YASb,kBAAC,OAAD;EAJA,WAAW,EAAG,GAAgB,CAAS;YAIvC,CACE,kBAAC,OAAD;GAAK,WAAW;aACd,kBAAC,OAAD;IAAK,WAAW;cAAmB;GAAS,CAAA;EACzC,CAAA,GACL,kBAAC,OAAD;GAAK,WAAW;aACd,kBAAC,WAAD;IAAS,MAAK;IAAW,WAAW,EAAG,GAAc,CAAc;IAChE;GACM,CAAA;EACN,CAAA,CACF;MAjBE;AAmBX,GAEa,IAAS,EACpB,uBACF"}
+{"version":3,"file":"Tabs.js","names":[],"sources":["../../../../../src/atomic/molecules/tabs/Tabs.tsx"],"sourcesContent":["import {\n  type AnchorHTMLAttributes,\n  type ComponentPropsWithoutRef,\n  type HTMLAttributes,\n  type JSX,\n  type MouseEvent,\n  type ReactNode,\n} from 'react';\nimport Link from '@plumile/router/routing/Link.js';\nimport useLocation from '@plumile/router/routing/useLocation.js';\n\nimport * as styles from './tabs.css.js';\nimport { cx } from '../../../theme/tools.js';\n\nexport type TabsSelectEvent = MouseEvent<HTMLButtonElement | HTMLAnchorElement>;\n\ntype LinkComponentProps = ComponentPropsWithoutRef<typeof Link>;\ntype RouterLinkProps = LinkComponentProps &\n  AnchorHTMLAttributes<HTMLAnchorElement>;\nconst RouterLink = Link as unknown as (props: RouterLinkProps) => JSX.Element;\n\nexport type TabItem = {\n  id: string;\n  label: ReactNode;\n  to?: LinkComponentProps['to'];\n  preloadOnMouseEnter?: LinkComponentProps['preloadOnMouseEnter'];\n  disabled?: boolean;\n  isActive?: boolean;\n};\n\nexport type TabsVariant = 'line' | 'pill' | 'underline' | 'page';\n\nexport type TabsProps = {\n  items: readonly TabItem[];\n  activeId?: string;\n  onChange?: (id: string) => void;\n  ariaLabel?: string;\n  children?: ReactNode;\n  className?: string;\n  layout?: 'nav' | 'content';\n  panelClassName?: string;\n  variant?: TabsVariant;\n};\n\nconst resolveItemIsActive = (\n  item: TabItem,\n  activeId: string | undefined,\n  pathname: string | undefined,\n  hasExplicitActiveItem = false,\n): boolean => {\n  if (activeId != null) {\n    return item.id === activeId;\n  }\n\n  if (typeof item.isActive === 'boolean') {\n    return item.isActive;\n  }\n\n  if (hasExplicitActiveItem) {\n    return false;\n  }\n\n  if (item.to != null && pathname != null) {\n    return pathname === item.to;\n  }\n\n  return false;\n};\n\nexport const Tabs = (props: TabsProps): JSX.Element | null => {\n  const {\n    activeId,\n    ariaLabel,\n    children,\n    className,\n    items,\n    layout = 'nav',\n    onChange,\n    panelClassName,\n    variant = 'line',\n  } = props;\n  const { pathname } = useLocation();\n\n  if (items.length === 0) {\n    return null;\n  }\n\n  const hasNavigationItems = items.some((item) => {\n    return item.to != null;\n  });\n  const isControlled = onChange != null && !hasNavigationItems;\n  const hasExplicitActiveItem = items.some((item) => {\n    return typeof item.isActive === 'boolean';\n  });\n  let rootClassName = styles.tabsRecipe({ variant });\n  if (layout === 'nav') {\n    rootClassName = cx(rootClassName, className);\n  }\n\n  const content = items.map((item) => {\n    const { disabled, id, label, preloadOnMouseEnter, to } = item;\n    const isActive = resolveItemIsActive(\n      item,\n      activeId,\n      pathname,\n      hasExplicitActiveItem,\n    );\n\n    type TabState = NonNullable<\n      Parameters<typeof styles.tabRecipe>[0]\n    >['state'];\n    let tabState: TabState = 'default';\n    if (disabled) {\n      tabState = 'disabled';\n    } else if (isActive) {\n      tabState = 'active';\n    }\n\n    const tabClassName = styles.tabRecipe({ state: tabState, variant });\n    let ariaDisabled: true | undefined;\n    if (disabled) {\n      ariaDisabled = true;\n    }\n    let ariaCurrent: 'page' | undefined;\n    if (isActive && to != null) {\n      ariaCurrent = 'page';\n    }\n\n    if (to != null) {\n      let tabIndex: number | undefined;\n      if (disabled) {\n        tabIndex = -1;\n      }\n\n      const handleLinkClick = (event: MouseEvent<HTMLAnchorElement>) => {\n        if (disabled) {\n          event.preventDefault();\n        }\n      };\n\n      return (\n        <RouterLink\n          key={id}\n          exact\n          aria-current={ariaCurrent}\n          aria-disabled={ariaDisabled}\n          className={tabClassName}\n          to={to}\n          preloadOnMouseEnter={preloadOnMouseEnter}\n          tabIndex={tabIndex}\n          onClick={handleLinkClick}\n        >\n          {label}\n        </RouterLink>\n      );\n    }\n\n    if (onChange != null) {\n      return (\n        <button\n          key={id}\n          type=\"button\"\n          role=\"tab\"\n          aria-selected={isActive}\n          aria-disabled={ariaDisabled}\n          className={tabClassName}\n          disabled={disabled}\n          onClick={() => {\n            if (!disabled) {\n              onChange(id);\n            }\n          }}\n        >\n          {label}\n        </button>\n      );\n    }\n\n    let staticAriaCurrent: 'page' | undefined;\n    if (isActive) {\n      staticAriaCurrent = 'page';\n    }\n\n    return (\n      <span\n        key={id}\n        aria-current={staticAriaCurrent}\n        aria-disabled={ariaDisabled}\n        className={tabClassName}\n      >\n        {label}\n      </span>\n    );\n  });\n\n  const renderRoot = (): JSX.Element => {\n    if (isControlled) {\n      return (\n        <div className={rootClassName} role=\"tablist\" aria-label={ariaLabel}>\n          {content}\n        </div>\n      );\n    }\n\n    if (hasNavigationItems) {\n      return (\n        <nav aria-label={ariaLabel} className={rootClassName}>\n          {content}\n        </nav>\n      );\n    }\n\n    return <div className={rootClassName}>{content}</div>;\n  };\n\n  const nav = renderRoot();\n\n  if (layout !== 'content') {\n    return nav;\n  }\n\n  const wrapperProps: HTMLAttributes<HTMLDivElement> = {\n    className: cx(styles.wrapper, className),\n  };\n\n  return (\n    <div {...wrapperProps}>\n      <div className={styles.tabsBar}>\n        <div className={styles.tabsInner}>{nav}</div>\n      </div>\n      <div className={styles.panels}>\n        <section role=\"tabpanel\" className={cx(styles.panel, panelClassName)}>\n          {children}\n        </section>\n      </div>\n    </div>\n  );\n};\n\nexport const __test = {\n  resolveItemIsActive,\n} as const;\n"],"mappings":";;;;;;AAmBA,IAAM,IAAa,GAyBb,KACJ,GACA,GACA,GACA,IAAwB,OAEpB,KAAY,OAIZ,OAAO,EAAK,YAAa,YACpB,EAAK,WAGV,IACK,KAGL,EAAK,MAAM,QAAQ,KAAY,OAC1B,MAAa,EAAK,KAGpB,KAfE,EAAK,OAAO,GAkBV,KAAQ,MAAyC;CAC5D,IAAM,EACJ,aACA,cACA,aACA,cACA,UACA,YAAS,OACT,aACA,mBACA,aAAU,WACR,GACE,EAAE,gBAAa,EAAY;CAEjC,IAAI,EAAM,WAAW,GACnB,OAAO;CAGT,IAAM,IAAqB,EAAM,MAAM,MAC9B,EAAK,MAAM,IACnB,GACK,IAAe,KAAY,QAAQ,CAAC,GACpC,IAAwB,EAAM,MAAM,MACjC,OAAO,EAAK,YAAa,SACjC,GACG,IAAgB,EAAkB,EAAE,WAAQ,CAAC;CACjD,AAAI,MAAW,UACb,IAAgB,EAAG,GAAe,CAAS;CAG7C,IAAM,IAAU,EAAM,KAAK,MAAS;EAClC,IAAM,EAAE,aAAU,OAAI,UAAO,wBAAqB,UAAO,GACnD,IAAW,EACf,GACA,GACA,GACA,CACF,GAKI,IAAqB;EACzB,AAAI,IACF,IAAW,aACF,MACT,IAAW;EAGb,IAAM,IAAe,EAAiB;GAAE,OAAO;GAAU;EAAQ,CAAC,GAC9D;EACJ,AAAI,MACF,IAAe;EAEjB,IAAI;EAKJ,IAJI,KAAY,KAAM,SACpB,IAAc,SAGZ,KAAM,MAAM;GACd,IAAI;GAWJ,OAVI,MACF,IAAW,KAUX,kBAAC,GAAD;IAEE,OAAA;IACA,gBAAc;IACd,iBAAe;IACf,WAAW;IACP;IACiB;IACX;IACV,UAhBqB,MAAyC;KAChE,AAAI,KACF,EAAM,eAAe;IAEzB;cAcK;GACS,GAXL,CAWK;EAEhB;EAEA,IAAI,KAAY,MACd,OACE,kBAAC,UAAD;GAEE,MAAK;GACL,MAAK;GACL,iBAAe;GACf,iBAAe;GACf,WAAW;GACD;GACV,eAAe;IACb,AAAK,KACH,EAAS,CAAE;GAEf;aAEC;EACK,GAdD,CAcC;EAIZ,IAAI;EAKJ,OAJI,MACF,IAAoB,SAIpB,kBAAC,QAAD;GAEE,gBAAc;GACd,iBAAe;GACf,WAAW;aAEV;EACG,GANC,CAMD;CAEV,CAAC,GAsBK,IAnBA,IAEA,kBAAC,OAAD;EAAK,WAAW;EAAe,MAAK;EAAU,cAAY;YACvD;CACE,CAAA,IAIL,IAEA,kBAAC,OAAD;EAAK,cAAY;EAAW,WAAW;YACpC;CACE,CAAA,IAIF,kBAAC,OAAD;EAAK,WAAW;YAAgB;CAAa,CAAA;CAatD,OARI,MAAW,YASb,kBAAC,OAAD;EAJA,WAAW,EAAG,GAAgB,CAAS;YAIvC,CACE,kBAAC,OAAD;GAAK,WAAW;aACd,kBAAC,OAAD;IAAK,WAAW;cAAmB;GAAS,CAAA;EACzC,CAAA,GACL,kBAAC,OAAD;GAAK,WAAW;aACd,kBAAC,WAAD;IAAS,MAAK;IAAW,WAAW,EAAG,GAAc,CAAc;IAChE;GACM,CAAA;EACN,CAAA,CACF;MAjBE;AAmBX,GAEa,IAAS,EACpB,uBACF"}

package/lib/esm/components/data-table/VirtualizedConnectionTable.js

@@ -5,7 +5,7 @@ import { clamp as ee, computeVirtualWindowBounds as te, isVerticallyScrollable a
 import { useCallback as d, useEffect as f, useLayoutEffect as p, useMemo as m, useRef as h, useState as re } from "react";
 import { Fragment as ie, jsx as g, jsxs as _ } from "react/jsx-runtime";
 //#region src/components/data-table/VirtualizedConnectionTable.tsx
-var v = (e) => {
+var ae = (e) => {
 	let t = e;
 	for (; t != null;) {
 		if (u({
@@ -16,73 +16,77 @@ var v = (e) => {
 		t = t.parentElement;
 	}
 	return null;
-}, y = ({ columns: u, rows: y, getRowId: b, emptyState: ae, className: oe, headerClassName: se, bodyClassName: ce, rowClassName: x, gridTemplateClassName: S, gridTemplateColumns: C, kind: w, density: T, headerBehavior: le, rowState: E, classes: D, bodyScrollMode: O = "page", bodyFooterNode: ue, virtualization: k, infiniteScroll: A, hasNextPage: j = !1, isLoadingMore: M = !1, onLoadMore: N, ariaLabel: de, ariaLabelledBy: fe }) => {
-	let P = h(null), F = h(null), I = h(null), L = h(null), R = h(null), z = h(null), B = h(!1), V = k?.enabled === !0, H = m(() => {
+}, v = ({ columns: u, rows: v, getRowId: y, emptyState: oe, className: se, headerClassName: ce, bodyClassName: le, rowClassName: b, gridTemplateClassName: x, gridTemplateColumns: S, kind: C, density: w, headerBehavior: ue, rowState: T, classes: E, bodyScrollMode: D = "page", bodyFooterNode: de, virtualization: O, infiniteScroll: k, hasNextPage: A = !1, isLoadingMore: j = !1, onLoadMore: M, ariaLabel: fe, ariaLabelledBy: pe }) => {
+	let N = h(null), P = h(null), F = h(null), I = h(null), L = h(null), R = h(null), z = h(null), B = h(!1), V = O?.enabled === !0, H = m(() => {
 		if (!V) return null;
-		let e = k.rowHeightPx;
+		let e = O.rowHeightPx;
 		return typeof e == "number" && Number.isFinite(e) && e > 0 ? e : 56;
-	}, [V, k]), U = m(() => {
+	}, [V, O]), U = m(() => {
 		if (!V) return 0;
-		let e = 10, t = k.overscan;
+		let e = 10, t = O.overscan;
 		return typeof t == "number" && Number.isFinite(t) && (e = t), Math.max(0, e);
-	}, [V, k]), W = A?.thresholdPx ?? 800, G = A?.autoLoad ?? !0, K = A?.enabled === !0, q = O === "contained", J = K && j && !M && N != null, Y = d(() => {
-		N?.();
-	}, [N]), [pe, me] = re(() => ({
+	}, [V, O]), W = k?.thresholdPx ?? 800, G = k?.autoLoad ?? !0, K = k?.enabled === !0, q = D === "contained", J = K && A && !j && M != null, Y = d(() => {
+		M?.();
+	}, [M]), X = d(() => {
+		B.current = !0, z.current != null && window.clearTimeout(z.current), z.current = window.setTimeout(() => {
+			B.current = !1, z.current = null;
+		}, 250);
+	}, []), [me, he] = re(() => ({
 		startIndex: 0,
-		endIndex: Math.min(y.length, 50)
-	})), X = d((e, t, n) => {
+		endIndex: Math.min(v.length, 50)
+	})), ge = d((e, t, n) => {
 		let r = {};
 		return typeof n == "number" && (r.height = n), /* @__PURE__ */ g(i, {
 			row: e,
 			index: t,
 			columns: u,
-			getRowId: b,
-			kind: w,
-			density: T,
-			rowClassName: x,
-			rowState: E,
-			gridTemplateClassName: S,
-			gridTemplateColumns: C,
-			classes: D,
+			getRowId: y,
+			kind: C,
+			density: w,
+			rowClassName: b,
+			rowState: T,
+			gridTemplateClassName: x,
+			gridTemplateColumns: S,
+			classes: E,
 			style: r,
 			cellMode: "singleLine"
-		}, b(e, t));
+		}, y(e, t));
 	}, [
-		D,
+		E,
 		u,
-		T,
-		b,
-		S,
-		C,
 		w,
+		y,
 		x,
-		E
-	]), Z = d(() => {
+		S,
+		C,
+		b,
+		T
+	]), _e = d(() => {
 		if (!V) return;
 		let e = H;
 		if (e == null) return;
-		let t = I.current;
+		let t = F.current;
 		if (t == null) return;
-		let n = F.current, r = R.current, i = r?.clientHeight ?? window.innerHeight, a = 0;
+		let n = P.current, r = L.current, i = r?.clientHeight ?? window.innerHeight, a = 0;
 		if (q && n != null) i = n.clientHeight, a = n.scrollTop;
 		else {
 			let e = r?.getBoundingClientRect().top ?? 0, n = t.getBoundingClientRect().top - e;
 			a = Math.max(0, -n);
 		}
-		let s = a + i, c = y.length * e, l = ee(s, 0, c), { startIndex: u, endIndex: d } = te({
-			rowCount: y.length,
+		let s = a + i, c = v.length * e, l = ee(s, 0, c), { startIndex: u, endIndex: d } = te({
+			rowCount: v.length,
 			rowHeightPx: e,
 			overscan: U,
 			visibleTop: a,
 			visibleBottom: s
 		});
-		me((e) => e.startIndex === u && e.endIndex === d ? e : {
+		he((e) => e.startIndex === u && e.endIndex === d ? e : {
 			startIndex: u,
 			endIndex: d
 		}), o({
 			enabled: K,
-			hasNext: j,
-			isLoading: M,
+			hasNext: A,
+			isLoading: j,
 			autoLoad: G,
 			isCoolingDown: B.current
 		}) && J && ne({
@@ -92,64 +96,63 @@ var v = (e) => {
 			visibleBottom: l,
 			thresholdPx: W,
 			isCoolingDown: B.current
-		}) && (B.current = !0, Y(), window.setTimeout(() => {
-			B.current = !1;
-		}, 250));
+		}) && (X(), Y());
 	}, [
 		G,
 		J,
-		j,
+		A,
 		q,
 		V,
 		K,
-		M,
+		j,
 		U,
 		H,
-		y.length,
+		v.length,
+		X,
 		W,
 		Y
-	]), Q = d(() => {
-		z.current ??= window.requestAnimationFrame(() => {
-			z.current = null, Z();
+	]), Z = d(() => {
+		R.current ??= window.requestAnimationFrame(() => {
+			R.current = null, _e();
 		});
-	}, [Z]);
-	p(() => {
+	}, [_e]);
+	f(() => () => {
+		R.current != null && (window.cancelAnimationFrame(R.current), R.current = null), z.current != null && (window.clearTimeout(z.current), z.current = null);
+	}, []), p(() => {
 		if (!V) return;
-		let e = P.current;
-		e != null && (q ? R.current = F.current : R.current = v(e), Q());
+		let e = N.current;
+		e != null && (q ? L.current = P.current : L.current = ae(e), Z());
 	}, [
 		q,
 		V,
-		Q
+		Z
 	]), f(() => {
 		if (!V) return;
-		let e = R.current ?? window, t = () => {
-			Q();
+		let e = L.current ?? window, t = () => {
+			Z();
 		};
 		return e.addEventListener("scroll", t, { passive: !0 }), window.addEventListener("resize", t), () => {
 			e.removeEventListener("scroll", t), window.removeEventListener("resize", t);
 		};
-	}, [V, Q]), f(() => {
+	}, [V, Z]), f(() => {
 		if (V || !o({
 			enabled: K,
-			hasNext: j,
-			isLoading: M,
+			hasNext: A,
+			isLoading: j,
 			autoLoad: G,
 			isCoolingDown: !1
 		}) || !J) return;
-		let e = L.current;
+		let e = I.current;
 		if (e == null || typeof window > "u" || typeof IntersectionObserver > "u") return;
-		let t = R.current, n = new IntersectionObserver((e) => {
+		let t = L.current, n = new IntersectionObserver((e) => {
 			let [t] = e;
 			t != null && t.isIntersecting && o({
 				enabled: K,
-				hasNext: j,
-				isLoading: M,
+				hasNext: A,
+				isLoading: j,
 				autoLoad: G,
 				isCoolingDown: B.current
-			}) && (B.current = !0, Y(), window.setTimeout(() => {
-				B.current = !1;
-			}, 250));
+			}) && (X(), Y());
 		}, {
 			root: t,
 			rootMargin: a({ thresholdPx: W })
@@ -160,77 +163,78 @@ var v = (e) => {
 	}, [
 		G,
 		J,
-		j,
+		A,
 		K,
 		V,
-		M,
+		j,
+		X,
 		W,
 		Y
 	]), p(() => {
 		if (V) return;
-		let e = P.current;
-		e != null && (q ? R.current = F.current : R.current = v(e));
+		let e = N.current;
+		e != null && (q ? L.current = P.current : L.current = ae(e));
 	}, [q, V]);
-	let $;
-	if (y.length === 0) $ = /* @__PURE__ */ g(t, {
-		emptyState: ae,
-		density: T,
-		classes: D
+	let Q;
+	if (v.length === 0) Q = /* @__PURE__ */ g(t, {
+		emptyState: oe,
+		density: w,
+		classes: E
 	});
 	else if (V && H != null) {
-		let { startIndex: e, endIndex: t } = pe, n = e * H, r = (y.length - t) * H, i = y.slice(e, t);
-		$ = /* @__PURE__ */ _("div", {
+		let { startIndex: e, endIndex: t } = me, n = e * H, r = (v.length - t) * H, i = v.slice(e, t);
+		Q = /* @__PURE__ */ _("div", {
 			className: s,
-			ref: I,
+			ref: F,
 			children: [
 				/* @__PURE__ */ g("div", {
 					className: l,
 					style: { height: n }
 				}),
-				i.map((t, n) => X(t, e + n, H)),
+				i.map((t, n) => ge(t, e + n, H)),
 				/* @__PURE__ */ g("div", {
 					className: l,
 					style: { height: r }
 				})
 			]
 		});
-	} else $ = /* @__PURE__ */ g(ie, { children: y.map((e, t) => X(e, t, null)) });
-	let he = null;
-	return !V && K && G && (he = /* @__PURE__ */ g("div", {
-		ref: L,
+	} else Q = /* @__PURE__ */ g(ie, { children: v.map((e, t) => ge(e, t, null)) });
+	let $ = null;
+	return !V && K && G && ($ = /* @__PURE__ */ g("div", {
+		ref: I,
 		className: c
 	})), /* @__PURE__ */ _(r, {
-		ref: P,
-		className: oe,
-		kind: w,
-		bodyScrollMode: O,
-		classes: D,
-		ariaLabel: de,
-		ariaLabelledBy: fe,
+		ref: N,
+		className: se,
+		kind: C,
+		bodyScrollMode: D,
+		classes: E,
+		ariaLabel: fe,
+		ariaLabelledBy: pe,
 		children: [/* @__PURE__ */ g(n, {
 			columns: u,
-			kind: w,
-			density: T,
-			headerBehavior: le,
-			headerClassName: se,
-			gridTemplateClassName: S,
-			gridTemplateColumns: C,
-			classes: D
+			kind: C,
+			density: w,
+			headerBehavior: ue,
+			headerClassName: ce,
+			gridTemplateClassName: x,
+			gridTemplateColumns: S,
+			classes: E
 		}), /* @__PURE__ */ _(e, {
-			ref: F,
-			className: ce,
-			kind: w,
-			bodyScrollMode: O,
-			classes: D,
+			ref: P,
+			className: le,
+			kind: C,
+			bodyScrollMode: D,
+			classes: E,
 			children: [
+				Q,
 				$,
-				he,
-				ue
+				de
 			]
 		})]
 	});
 };
 //#endregion
-export { y as VirtualizedConnectionTable };
+export { v as VirtualizedConnectionTable };
 
 //# sourceMappingURL=VirtualizedConnectionTable.js.map

package/lib/esm/components/data-table/VirtualizedConnectionTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"VirtualizedConnectionTable.js","names":[],"sources":["../../../../src/components/data-table/VirtualizedConnectionTable.tsx"],"sourcesContent":["import {\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n  type CSSProperties,\n  type JSX,\n  type ReactNode,\n} from 'react';\n\nimport {\n  DataTableBody,\n  DataTableEmptyRow,\n  DataTableHeader,\n  DataTableRoot,\n  DataTableRow,\n  type DataTableBodyScrollMode,\n  type DataTableColumn,\n  type DataTableDensity,\n  type DataTableHeaderBehavior,\n  type DataTableKind,\n  type DataTableRowState,\n  type DataTableSlot,\n  type GetRowId,\n} from './DataTable.js';\nimport * as styles from './VirtualizedConnectionTable.css.js';\n\nimport {\n  clamp,\n  computeVirtualWindowBounds,\n  isVerticallyScrollable,\n  shouldTriggerVirtualizedInfiniteLoad,\n  type VirtualWindow,\n} from '../../internal/data-table/virtualization.js';\nimport {\n  resolveInfiniteRootMargin,\n  shouldTriggerInfiniteLoad,\n} from '../../internal/infinite/infiniteLoad.js';\nimport type { SlotClasses } from '../../styles/slots.js';\n\nexport type VirtualizationConfig = {\n  enabled: boolean;\n  rowHeightPx: number;\n  overscan: number;\n};\n\nexport type InfiniteScrollConfig = {\n  enabled: boolean;\n  thresholdPx?: number;\n  autoLoad?: boolean;\n};\n\nexport type VirtualizedConnectionTableProps<Row> = {\n  columns: readonly DataTableColumn<Row>[];\n  rows: readonly Row[];\n  getRowId: GetRowId<Row>;\n  emptyState?: JSX.Element;\n  className?: string;\n  headerClassName?: string;\n  bodyClassName?: string;\n  rowClassName?: (row: Row, index: number) => string | null | undefined;\n  gridTemplateClassName?: string;\n  gridTemplateColumns?: string;\n  kind?: DataTableKind;\n  density?: DataTableDensity;\n  headerBehavior?: DataTableHeaderBehavior;\n  rowState?: (row: Row, index: number) => DataTableRowState;\n  classes?: SlotClasses<DataTableSlot>;\n  bodyScrollMode?: DataTableBodyScrollMode;\n  bodyFooterNode?: ReactNode;\n\n  virtualization?: VirtualizationConfig;\n\n  infiniteScroll?: InfiniteScrollConfig;\n  hasNextPage?: boolean;\n  isLoadingMore?: boolean;\n  onLoadMore?: () => void;\n  ariaLabel?: string;\n  ariaLabelledBy?: string;\n};\n\nconst findScrollParent = (el: HTMLElement | null): HTMLElement | null => {\n  let current: HTMLElement | null = el;\n  while (current != null) {\n    const style = window.getComputedStyle(current);\n    if (\n      isVerticallyScrollable({\n        overflowY: style.overflowY,\n        scrollHeight: current.scrollHeight,\n        clientHeight: current.clientHeight,\n      })\n    ) {\n      return current;\n    }\n    current = current.parentElement;\n  }\n  return null;\n};\n\nexport const VirtualizedConnectionTable = <Row,>({\n  columns,\n  rows,\n  getRowId,\n  emptyState,\n  className,\n  headerClassName,\n  bodyClassName,\n  rowClassName,\n  gridTemplateClassName,\n  gridTemplateColumns,\n  kind,\n  density,\n  headerBehavior,\n  rowState,\n  classes,\n  bodyScrollMode = 'page',\n  bodyFooterNode,\n  virtualization,\n  infiniteScroll,\n  hasNextPage = false,\n  isLoadingMore = false,\n  onLoadMore,\n  ariaLabel,\n  ariaLabelledBy,\n}: VirtualizedConnectionTableProps<Row>): JSX.Element => {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const bodyScrollerRef = useRef<HTMLDivElement>(null);\n  const bodyRef = useRef<HTMLDivElement>(null);\n  const sentinelRef = useRef<HTMLDivElement>(null);\n  const scrollParentRef = useRef<HTMLElement | null>(null);\n  const rafRef = useRef<number | null>(null);\n  const loadMoreCooldownRef = useRef(false);\n\n  const isVirtualized = virtualization?.enabled === true;\n  const rowHeightPx = useMemo(() => {\n    if (!isVirtualized) {\n      return null;\n    }\n\n    const configuredRowHeight = virtualization.rowHeightPx;\n    if (\n      typeof configuredRowHeight === 'number' &&\n      Number.isFinite(configuredRowHeight) &&\n      configuredRowHeight > 0\n    ) {\n      return configuredRowHeight;\n    }\n\n    return 56;\n  }, [isVirtualized, virtualization]);\n\n  const overscan = useMemo(() => {\n    if (!isVirtualized) {\n      return 0;\n    }\n\n    let nextOverscan = 10;\n    const configuredOverscan = virtualization.overscan;\n    if (\n      typeof configuredOverscan === 'number' &&\n      Number.isFinite(configuredOverscan)\n    ) {\n      nextOverscan = configuredOverscan;\n    }\n    return Math.max(0, nextOverscan);\n  }, [isVirtualized, virtualization]);\n\n  const thresholdPx = infiniteScroll?.thresholdPx ?? 800;\n  const autoLoad = infiniteScroll?.autoLoad ?? true;\n  const infiniteEnabled = infiniteScroll?.enabled === true;\n  const hasContainedBodyScroll = bodyScrollMode === 'contained';\n\n  const canLoadMore =\n    infiniteEnabled && hasNextPage && !isLoadingMore && onLoadMore != null;\n\n  const triggerLoadMore = useCallback(() => {\n    if (onLoadMore == null) {\n      return;\n    }\n    onLoadMore();\n  }, [onLoadMore]);\n\n  const [windowState, setWindowState] = useState<VirtualWindow>(() => {\n    return { startIndex: 0, endIndex: Math.min(rows.length, 50) };\n  });\n\n  const renderRow = useCallback(\n    (row: Row, index: number, heightPx?: number | null): JSX.Element => {\n      const rowStyle: CSSProperties = {};\n      if (typeof heightPx === 'number') {\n        rowStyle.height = heightPx;\n      }\n      return (\n        <DataTableRow\n          key={getRowId(row, index)}\n          row={row}\n          index={index}\n          columns={columns}\n          getRowId={getRowId}\n          kind={kind}\n          density={density}\n          rowClassName={rowClassName}\n          rowState={rowState}\n          gridTemplateClassName={gridTemplateClassName}\n          gridTemplateColumns={gridTemplateColumns}\n          classes={classes}\n          style={rowStyle}\n          cellMode=\"singleLine\"\n        />\n      );\n    },\n    [\n      classes,\n      columns,\n      density,\n      getRowId,\n      gridTemplateClassName,\n      gridTemplateColumns,\n      kind,\n      rowClassName,\n      rowState,\n    ],\n  );\n\n  const computeVirtualWindow = useCallback(() => {\n    if (!isVirtualized) {\n      return;\n    }\n    const height = rowHeightPx;\n    if (height == null) {\n      return;\n    }\n    const bodyEl = bodyRef.current;\n    if (bodyEl == null) {\n      return;\n    }\n\n    const bodyScroller = bodyScrollerRef.current;\n    const scrollParent = scrollParentRef.current;\n    let viewportHeight = scrollParent?.clientHeight ?? window.innerHeight;\n    let visibleTop = 0;\n    if (hasContainedBodyScroll && bodyScroller != null) {\n      viewportHeight = bodyScroller.clientHeight;\n      visibleTop = bodyScroller.scrollTop;\n    } else {\n      const parentRectTop = scrollParent?.getBoundingClientRect().top ?? 0;\n      const bodyRectTop = bodyEl.getBoundingClientRect().top;\n      const relativeTop = bodyRectTop - parentRectTop;\n      visibleTop = Math.max(0, -relativeTop);\n    }\n    const visibleBottom = visibleTop + viewportHeight;\n\n    const totalHeight = rows.length * height;\n    const clampedBottom = clamp(visibleBottom, 0, totalHeight);\n    const { startIndex, endIndex } = computeVirtualWindowBounds({\n      rowCount: rows.length,\n      rowHeightPx: height,\n      overscan,\n      visibleTop,\n      visibleBottom,\n    });\n\n    setWindowState((prev) => {\n      if (prev.startIndex === startIndex && prev.endIndex === endIndex) {\n        return prev;\n      }\n      return { startIndex, endIndex };\n    });\n\n    if (\n      shouldTriggerInfiniteLoad({\n        enabled: infiniteEnabled,\n        hasNext: hasNextPage,\n        isLoading: isLoadingMore,\n        autoLoad,\n        isCoolingDown: loadMoreCooldownRef.current,\n      }) &&\n      canLoadMore &&\n      shouldTriggerVirtualizedInfiniteLoad({\n        autoLoad,\n        canLoadMore,\n        totalHeight,\n        visibleBottom: clampedBottom,\n        thresholdPx,\n        isCoolingDown: loadMoreCooldownRef.current,\n      })\n    ) {\n      loadMoreCooldownRef.current = true;\n      triggerLoadMore();\n      window.setTimeout(() => {\n        loadMoreCooldownRef.current = false;\n      }, 250);\n    }\n  }, [\n    autoLoad,\n    canLoadMore,\n    hasNextPage,\n    hasContainedBodyScroll,\n    isVirtualized,\n    infiniteEnabled,\n    isLoadingMore,\n    overscan,\n    rowHeightPx,\n    rows.length,\n    thresholdPx,\n    triggerLoadMore,\n  ]);\n\n  const scheduleCompute = useCallback(() => {\n    if (rafRef.current != null) {\n      return;\n    }\n    rafRef.current = window.requestAnimationFrame(() => {\n      rafRef.current = null;\n      computeVirtualWindow();\n    });\n  }, [computeVirtualWindow]);\n\n  useLayoutEffect(() => {\n    if (!isVirtualized) {\n      return;\n    }\n    const container = containerRef.current;\n    if (container == null) {\n      return;\n    }\n    if (hasContainedBodyScroll) {\n      scrollParentRef.current = bodyScrollerRef.current;\n    } else {\n      scrollParentRef.current = findScrollParent(container);\n    }\n    scheduleCompute();\n  }, [hasContainedBodyScroll, isVirtualized, scheduleCompute]);\n\n  useEffect(() => {\n    if (!isVirtualized) {\n      return undefined;\n    }\n    const scrollParent = scrollParentRef.current;\n    const target: HTMLElement | Window = scrollParent ?? window;\n\n    const handler = () => {\n      scheduleCompute();\n    };\n\n    target.addEventListener('scroll', handler, { passive: true });\n    window.addEventListener('resize', handler);\n\n    return () => {\n      target.removeEventListener('scroll', handler);\n      window.removeEventListener('resize', handler);\n    };\n  }, [isVirtualized, scheduleCompute]);\n\n  useEffect(() => {\n    if (isVirtualized) {\n      return undefined;\n    }\n    if (\n      !shouldTriggerInfiniteLoad({\n        enabled: infiniteEnabled,\n        hasNext: hasNextPage,\n        isLoading: isLoadingMore,\n        autoLoad,\n        isCoolingDown: false,\n      }) ||\n      !canLoadMore\n    ) {\n      return undefined;\n    }\n    const sentinel = sentinelRef.current;\n    if (sentinel == null) {\n      return undefined;\n    }\n    if (\n      typeof window === 'undefined' ||\n      typeof IntersectionObserver === 'undefined'\n    ) {\n      return undefined;\n    }\n\n    const scrollParent = scrollParentRef.current;\n\n    const observer = new IntersectionObserver(\n      (entries) => {\n        const [entry] = entries;\n        if (entry == null) {\n          return;\n        }\n\n        if (\n          entry.isIntersecting &&\n          shouldTriggerInfiniteLoad({\n            enabled: infiniteEnabled,\n            hasNext: hasNextPage,\n            isLoading: isLoadingMore,\n            autoLoad,\n            isCoolingDown: loadMoreCooldownRef.current,\n          })\n        ) {\n          loadMoreCooldownRef.current = true;\n          triggerLoadMore();\n          window.setTimeout(() => {\n            loadMoreCooldownRef.current = false;\n          }, 250);\n        }\n      },\n      {\n        root: scrollParent,\n        rootMargin: resolveInfiniteRootMargin({ thresholdPx }),\n      },\n    );\n\n    observer.observe(sentinel);\n    return () => {\n      observer.disconnect();\n    };\n  }, [\n    autoLoad,\n    canLoadMore,\n    hasNextPage,\n    infiniteEnabled,\n    isVirtualized,\n    isLoadingMore,\n    thresholdPx,\n    triggerLoadMore,\n  ]);\n\n  useLayoutEffect(() => {\n    if (isVirtualized) {\n      return;\n    }\n    const container = containerRef.current;\n    if (container == null) {\n      return;\n    }\n    if (hasContainedBodyScroll) {\n      scrollParentRef.current = bodyScrollerRef.current;\n    } else {\n      scrollParentRef.current = findScrollParent(container);\n    }\n  }, [hasContainedBodyScroll, isVirtualized]);\n\n  let bodyRows: JSX.Element;\n  if (rows.length === 0) {\n    bodyRows = (\n      <DataTableEmptyRow\n        emptyState={emptyState}\n        density={density}\n        classes={classes}\n      />\n    );\n  } else if (isVirtualized && rowHeightPx != null) {\n    const { startIndex, endIndex } = windowState;\n    const topSpacerHeight = startIndex * rowHeightPx;\n    const bottomSpacerHeight = (rows.length - endIndex) * rowHeightPx;\n    const slice = rows.slice(startIndex, endIndex);\n    bodyRows = (\n      <div className={styles.bodyViewport} ref={bodyRef}>\n        <div className={styles.spacer} style={{ height: topSpacerHeight }} />\n        {slice.map((row, sliceIndex) => {\n          const absoluteIndex = startIndex + sliceIndex;\n          return renderRow(row, absoluteIndex, rowHeightPx);\n        })}\n        <div className={styles.spacer} style={{ height: bottomSpacerHeight }} />\n      </div>\n    );\n  } else {\n    bodyRows = (\n      <>\n        {rows.map((row, index) => {\n          return renderRow(row, index, null);\n        })}\n      </>\n    );\n  }\n\n  let sentinelNode: JSX.Element | null = null;\n  if (!isVirtualized && infiniteEnabled && autoLoad) {\n    sentinelNode = <div ref={sentinelRef} className={styles.sentinel} />;\n  }\n\n  return (\n    <DataTableRoot\n      ref={containerRef}\n      className={className}\n      kind={kind}\n      bodyScrollMode={bodyScrollMode}\n      classes={classes}\n      ariaLabel={ariaLabel}\n      ariaLabelledBy={ariaLabelledBy}\n    >\n      <DataTableHeader\n        columns={columns}\n        kind={kind}\n        density={density}\n        headerBehavior={headerBehavior}\n        headerClassName={headerClassName}\n        gridTemplateClassName={gridTemplateClassName}\n        gridTemplateColumns={gridTemplateColumns}\n        classes={classes}\n      />\n      <DataTableBody\n        ref={bodyScrollerRef}\n        className={bodyClassName}\n        kind={kind}\n        bodyScrollMode={bodyScrollMode}\n        classes={classes}\n      >\n        {bodyRows}\n        {sentinelNode}\n        {bodyFooterNode}\n      </DataTableBody>\n    </DataTableRoot>\n  );\n};\n"],"mappings":";;;;;;;AAmFA,IAAM,KAAoB,MAA+C;CACvE,IAAI,IAA8B;CAClC,OAAO,KAAW,OAAM;EAEtB,IACE,EAAuB;GACrB,WAHU,OAAO,iBAAiB,CAGvB,EAAM;GACjB,cAAc,EAAQ;GACtB,cAAc,EAAQ;EACxB,CAAC,GAED,OAAO;EAET,IAAU,EAAQ;CACpB;CACA,OAAO;AACT,GAEa,KAAoC,EAC/C,YACA,SACA,aACA,gBACA,eACA,qBACA,mBACA,iBACA,0BACA,wBACA,SACA,YACA,oBACA,aACA,YACA,oBAAiB,QACjB,oBACA,mBACA,mBACA,iBAAc,IACd,mBAAgB,IAChB,eACA,eACA,yBACuD;CACvD,IAAM,IAAe,EAAuB,IAAI,GAC1C,IAAkB,EAAuB,IAAI,GAC7C,IAAU,EAAuB,IAAI,GACrC,IAAc,EAAuB,IAAI,GACzC,IAAkB,EAA2B,IAAI,GACjD,IAAS,EAAsB,IAAI,GACnC,IAAsB,EAAO,EAAK,GAElC,IAAgB,GAAgB,YAAY,IAC5C,IAAc,QAAc;EAChC,IAAI,CAAC,GACH,OAAO;EAGT,IAAM,IAAsB,EAAe;EAS3C,OAPE,OAAO,KAAwB,YAC/B,OAAO,SAAS,CAAmB,KACnC,IAAsB,IAEf,IAGF;CACT,GAAG,CAAC,GAAe,CAAc,CAAC,GAE5B,IAAW,QAAc;EAC7B,IAAI,CAAC,GACH,OAAO;EAGT,IAAI,IAAe,IACb,IAAqB,EAAe;EAO1C,OALE,OAAO,KAAuB,YAC9B,OAAO,SAAS,CAAkB,MAElC,IAAe,IAEV,KAAK,IAAI,GAAG,CAAY;CACjC,GAAG,CAAC,GAAe,CAAc,CAAC,GAE5B,IAAc,GAAgB,eAAe,KAC7C,IAAW,GAAgB,YAAY,IACvC,IAAkB,GAAgB,YAAY,IAC9C,IAAyB,MAAmB,aAE5C,IACJ,KAAmB,KAAe,CAAC,KAAiB,KAAc,MAE9D,IAAkB,QAAkB;EACpC,IAGO;CACb,GAAG,CAAC,CAAU,CAAC,GAET,CAAC,IAAa,MAAkB,UAC7B;EAAE,YAAY;EAAG,UAAU,KAAK,IAAI,EAAK,QAAQ,EAAE;CAAE,EAC7D,GAEK,IAAY,GACf,GAAU,GAAe,MAA0C;EAClE,IAAM,IAA0B,CAAC;EAIjC,OAHI,OAAO,KAAa,aACtB,EAAS,SAAS,IAGlB,kBAAC,GAAD;GAEO;GACE;GACE;GACC;GACJ;GACG;GACK;GACJ;GACa;GACF;GACZ;GACT,OAAO;GACP,UAAS;EACV,GAdM,EAAS,GAAK,CAAK,CAczB;CAEL,GACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CACF,GAEM,IAAuB,QAAkB;EAC7C,IAAI,CAAC,GACH;EAEF,IAAM,IAAS;EACf,IAAI,KAAU,MACZ;EAEF,IAAM,IAAS,EAAQ;EACvB,IAAI,KAAU,MACZ;EAGF,IAAM,IAAe,EAAgB,SAC/B,IAAe,EAAgB,SACjC,IAAiB,GAAc,gBAAgB,OAAO,aACtD,IAAa;EACjB,IAAI,KAA0B,KAAgB,MAE5C,AADA,IAAiB,EAAa,cAC9B,IAAa,EAAa;OACrB;GACL,IAAM,IAAgB,GAAc,sBAAsB,EAAE,OAAO,GAE7D,IADc,EAAO,sBAAsB,EAAE,MACjB;GAClC,IAAa,KAAK,IAAI,GAAG,CAAC,CAAW;EACvC;EACA,IAAM,IAAgB,IAAa,GAE7B,IAAc,EAAK,SAAS,GAC5B,IAAgB,GAAM,GAAe,GAAG,CAAW,GACnD,EAAE,eAAY,gBAAa,GAA2B;GAC1D,UAAU,EAAK;GACf,aAAa;GACb;GACA;GACA;EACF,CAAC;EASD,AAPA,IAAgB,MACV,EAAK,eAAe,KAAc,EAAK,aAAa,IAC/C,IAEF;GAAE;GAAY;EAAS,CAC/B,GAGC,EAA0B;GACxB,SAAS;GACT,SAAS;GACT,WAAW;GACX;GACA,eAAe,EAAoB;EACrC,CAAC,KACD,KACA,GAAqC;GACnC;GACA;GACA;GACA,eAAe;GACf;GACA,eAAe,EAAoB;EACrC,CAAC,MAED,EAAoB,UAAU,IAC9B,EAAgB,GAChB,OAAO,iBAAiB;GACtB,EAAoB,UAAU;EAChC,GAAG,GAAG;CAEV,GAAG;EACD;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,EAAK;EACL;EACA;CACF,CAAC,GAEK,IAAkB,QAAkB;EACpC,AAGJ,EAAO,YAAU,OAAO,4BAA4B;GAElD,AADA,EAAO,UAAU,MACjB,EAAqB;EACvB,CAAC;CACH,GAAG,CAAC,CAAoB,CAAC;CAgHzB,AA9GA,QAAsB;EACpB,IAAI,CAAC,GACH;EAEF,IAAM,IAAY,EAAa;EAC3B,KAAa,SAGb,IACF,EAAgB,UAAU,EAAgB,UAE1C,EAAgB,UAAU,EAAiB,CAAS,GAEtD,EAAgB;CAClB,GAAG;EAAC;EAAwB;EAAe;CAAe,CAAC,GAE3D,QAAgB;EACd,IAAI,CAAC,GACH;EAGF,IAAM,IADe,EAAgB,WACgB,QAE/C,UAAgB;GACpB,EAAgB;EAClB;EAKA,OAHA,EAAO,iBAAiB,UAAU,GAAS,EAAE,SAAS,GAAK,CAAC,GAC5D,OAAO,iBAAiB,UAAU,CAAO,SAE5B;GAEX,AADA,EAAO,oBAAoB,UAAU,CAAO,GAC5C,OAAO,oBAAoB,UAAU,CAAO;EAC9C;CACF,GAAG,CAAC,GAAe,CAAe,CAAC,GAEnC,QAAgB;EAId,IAHI,KAIF,CAAC,EAA0B;GACzB,SAAS;GACT,SAAS;GACT,WAAW;GACX;GACA,eAAe;EACjB,CAAC,KACD,CAAC,GAED;EAEF,IAAM,IAAW,EAAY;EAI7B,IAHI,KAAY,QAId,OAAO,SAAW,OAClB,OAAO,uBAAyB,KAEhC;EAGF,IAAM,IAAe,EAAgB,SAE/B,IAAW,IAAI,sBAClB,MAAY;GACX,IAAM,CAAC,KAAS;GACZ,KAAS,QAKX,EAAM,kBACN,EAA0B;IACxB,SAAS;IACT,SAAS;IACT,WAAW;IACX;IACA,eAAe,EAAoB;GACrC,CAAC,MAED,EAAoB,UAAU,IAC9B,EAAgB,GAChB,OAAO,iBAAiB;IACtB,EAAoB,UAAU;GAChC,GAAG,GAAG;EAEV,GACA;GACE,MAAM;GACN,YAAY,EAA0B,EAAE,eAAY,CAAC;EACvD,CACF;EAGA,OADA,EAAS,QAAQ,CAAQ,SACZ;GACX,EAAS,WAAW;EACtB;CACF,GAAG;EACD;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC,GAED,QAAsB;EACpB,IAAI,GACF;EAEF,IAAM,IAAY,EAAa;EAC3B,KAAa,SAGb,IACF,EAAgB,UAAU,EAAgB,UAE1C,EAAgB,UAAU,EAAiB,CAAS;CAExD,GAAG,CAAC,GAAwB,CAAa,CAAC;CAE1C,IAAI;CACJ,IAAI,EAAK,WAAW,GAClB,IACE,kBAAC,GAAD;EACc;EACH;EACA;CACV,CAAA;MAEE,IAAI,KAAiB,KAAe,MAAM;EAC/C,IAAM,EAAE,eAAY,gBAAa,IAC3B,IAAkB,IAAa,GAC/B,KAAsB,EAAK,SAAS,KAAY,GAChD,IAAQ,EAAK,MAAM,GAAY,CAAQ;EAC7C,IACE,kBAAC,OAAD;GAAK,WAAW;GAAqB,KAAK;aAA1C;IACE,kBAAC,OAAD;KAAK,WAAW;KAAe,OAAO,EAAE,QAAQ,EAAgB;IAAI,CAAA;IACnE,EAAM,KAAK,GAAK,MAER,EAAU,GADK,IAAa,GACE,CAAW,CACjD;IACD,kBAAC,OAAD;KAAK,WAAW;KAAe,OAAO,EAAE,QAAQ,EAAmB;IAAI,CAAA;GACpE;;CAET,OACE,IACE,kBAAA,IAAA,EAAA,UACG,EAAK,KAAK,GAAK,MACP,EAAU,GAAK,GAAO,IAAI,CAClC,EACD,CAAA;CAIN,IAAI,KAAmC;CAKvC,OAJI,CAAC,KAAiB,KAAmB,MACvC,KAAe,kBAAC,OAAD;EAAK,KAAK;EAAa,WAAW;CAAkB,CAAA,IAInE,kBAAC,GAAD;EACE,KAAK;EACM;EACL;EACU;EACP;EACE;EACK;YAPlB,CASE,kBAAC,GAAD;GACW;GACH;GACG;GACO;GACC;GACM;GACF;GACZ;EACV,CAAA,GACD,kBAAC,GAAD;GACE,KAAK;GACL,WAAW;GACL;GACU;GACP;aALX;IAOG;IACA;IACA;GACY;IACF;;AAEnB"}
+{"version":3,"file":"VirtualizedConnectionTable.js","names":[],"sources":["../../../../src/components/data-table/VirtualizedConnectionTable.tsx"],"sourcesContent":["import {\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n  type CSSProperties,\n  type JSX,\n  type ReactNode,\n} from 'react';\n\nimport {\n  DataTableBody,\n  DataTableEmptyRow,\n  DataTableHeader,\n  DataTableRoot,\n  DataTableRow,\n  type DataTableBodyScrollMode,\n  type DataTableColumn,\n  type DataTableDensity,\n  type DataTableHeaderBehavior,\n  type DataTableKind,\n  type DataTableRowState,\n  type DataTableSlot,\n  type GetRowId,\n} from './DataTable.js';\nimport * as styles from './VirtualizedConnectionTable.css.js';\n\nimport {\n  clamp,\n  computeVirtualWindowBounds,\n  isVerticallyScrollable,\n  shouldTriggerVirtualizedInfiniteLoad,\n  type VirtualWindow,\n} from '../../internal/data-table/virtualization.js';\nimport {\n  resolveInfiniteRootMargin,\n  shouldTriggerInfiniteLoad,\n} from '../../internal/infinite/infiniteLoad.js';\nimport type { SlotClasses } from '../../styles/slots.js';\n\nexport type VirtualizationConfig = {\n  enabled: boolean;\n  rowHeightPx: number;\n  overscan: number;\n};\n\nexport type InfiniteScrollConfig = {\n  enabled: boolean;\n  thresholdPx?: number;\n  autoLoad?: boolean;\n};\n\nexport type VirtualizedConnectionTableProps<Row> = {\n  columns: readonly DataTableColumn<Row>[];\n  rows: readonly Row[];\n  getRowId: GetRowId<Row>;\n  emptyState?: JSX.Element;\n  className?: string;\n  headerClassName?: string;\n  bodyClassName?: string;\n  rowClassName?: (row: Row, index: number) => string | null | undefined;\n  gridTemplateClassName?: string;\n  gridTemplateColumns?: string;\n  kind?: DataTableKind;\n  density?: DataTableDensity;\n  headerBehavior?: DataTableHeaderBehavior;\n  rowState?: (row: Row, index: number) => DataTableRowState;\n  classes?: SlotClasses<DataTableSlot>;\n  bodyScrollMode?: DataTableBodyScrollMode;\n  bodyFooterNode?: ReactNode;\n\n  virtualization?: VirtualizationConfig;\n\n  infiniteScroll?: InfiniteScrollConfig;\n  hasNextPage?: boolean;\n  isLoadingMore?: boolean;\n  onLoadMore?: () => void;\n  ariaLabel?: string;\n  ariaLabelledBy?: string;\n};\n\nconst findScrollParent = (el: HTMLElement | null): HTMLElement | null => {\n  let current: HTMLElement | null = el;\n  while (current != null) {\n    const style = window.getComputedStyle(current);\n    if (\n      isVerticallyScrollable({\n        overflowY: style.overflowY,\n        scrollHeight: current.scrollHeight,\n        clientHeight: current.clientHeight,\n      })\n    ) {\n      return current;\n    }\n    current = current.parentElement;\n  }\n  return null;\n};\n\nexport const VirtualizedConnectionTable = <Row,>({\n  columns,\n  rows,\n  getRowId,\n  emptyState,\n  className,\n  headerClassName,\n  bodyClassName,\n  rowClassName,\n  gridTemplateClassName,\n  gridTemplateColumns,\n  kind,\n  density,\n  headerBehavior,\n  rowState,\n  classes,\n  bodyScrollMode = 'page',\n  bodyFooterNode,\n  virtualization,\n  infiniteScroll,\n  hasNextPage = false,\n  isLoadingMore = false,\n  onLoadMore,\n  ariaLabel,\n  ariaLabelledBy,\n}: VirtualizedConnectionTableProps<Row>): JSX.Element => {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const bodyScrollerRef = useRef<HTMLDivElement>(null);\n  const bodyRef = useRef<HTMLDivElement>(null);\n  const sentinelRef = useRef<HTMLDivElement>(null);\n  const scrollParentRef = useRef<HTMLElement | null>(null);\n  const rafRef = useRef<number | null>(null);\n  const cooldownTimeoutRef = useRef<number | null>(null);\n  const loadMoreCooldownRef = useRef(false);\n\n  const isVirtualized = virtualization?.enabled === true;\n  const rowHeightPx = useMemo(() => {\n    if (!isVirtualized) {\n      return null;\n    }\n\n    const configuredRowHeight = virtualization.rowHeightPx;\n    if (\n      typeof configuredRowHeight === 'number' &&\n      Number.isFinite(configuredRowHeight) &&\n      configuredRowHeight > 0\n    ) {\n      return configuredRowHeight;\n    }\n\n    return 56;\n  }, [isVirtualized, virtualization]);\n\n  const overscan = useMemo(() => {\n    if (!isVirtualized) {\n      return 0;\n    }\n\n    let nextOverscan = 10;\n    const configuredOverscan = virtualization.overscan;\n    if (\n      typeof configuredOverscan === 'number' &&\n      Number.isFinite(configuredOverscan)\n    ) {\n      nextOverscan = configuredOverscan;\n    }\n    return Math.max(0, nextOverscan);\n  }, [isVirtualized, virtualization]);\n\n  const thresholdPx = infiniteScroll?.thresholdPx ?? 800;\n  const autoLoad = infiniteScroll?.autoLoad ?? true;\n  const infiniteEnabled = infiniteScroll?.enabled === true;\n  const hasContainedBodyScroll = bodyScrollMode === 'contained';\n\n  const canLoadMore =\n    infiniteEnabled && hasNextPage && !isLoadingMore && onLoadMore != null;\n\n  const triggerLoadMore = useCallback(() => {\n    if (onLoadMore == null) {\n      return;\n    }\n    onLoadMore();\n  }, [onLoadMore]);\n\n  const startLoadMoreCooldown = useCallback(() => {\n    loadMoreCooldownRef.current = true;\n    if (cooldownTimeoutRef.current != null) {\n      window.clearTimeout(cooldownTimeoutRef.current);\n    }\n    cooldownTimeoutRef.current = window.setTimeout(() => {\n      loadMoreCooldownRef.current = false;\n      cooldownTimeoutRef.current = null;\n    }, 250);\n  }, []);\n\n  const [windowState, setWindowState] = useState<VirtualWindow>(() => {\n    return { startIndex: 0, endIndex: Math.min(rows.length, 50) };\n  });\n\n  const renderRow = useCallback(\n    (row: Row, index: number, heightPx?: number | null): JSX.Element => {\n      const rowStyle: CSSProperties = {};\n      if (typeof heightPx === 'number') {\n        rowStyle.height = heightPx;\n      }\n      return (\n        <DataTableRow\n          key={getRowId(row, index)}\n          row={row}\n          index={index}\n          columns={columns}\n          getRowId={getRowId}\n          kind={kind}\n          density={density}\n          rowClassName={rowClassName}\n          rowState={rowState}\n          gridTemplateClassName={gridTemplateClassName}\n          gridTemplateColumns={gridTemplateColumns}\n          classes={classes}\n          style={rowStyle}\n          cellMode=\"singleLine\"\n        />\n      );\n    },\n    [\n      classes,\n      columns,\n      density,\n      getRowId,\n      gridTemplateClassName,\n      gridTemplateColumns,\n      kind,\n      rowClassName,\n      rowState,\n    ],\n  );\n\n  const computeVirtualWindow = useCallback(() => {\n    if (!isVirtualized) {\n      return;\n    }\n    const height = rowHeightPx;\n    if (height == null) {\n      return;\n    }\n    const bodyEl = bodyRef.current;\n    if (bodyEl == null) {\n      return;\n    }\n\n    const bodyScroller = bodyScrollerRef.current;\n    const scrollParent = scrollParentRef.current;\n    let viewportHeight = scrollParent?.clientHeight ?? window.innerHeight;\n    let visibleTop = 0;\n    if (hasContainedBodyScroll && bodyScroller != null) {\n      viewportHeight = bodyScroller.clientHeight;\n      visibleTop = bodyScroller.scrollTop;\n    } else {\n      const parentRectTop = scrollParent?.getBoundingClientRect().top ?? 0;\n      const bodyRectTop = bodyEl.getBoundingClientRect().top;\n      const relativeTop = bodyRectTop - parentRectTop;\n      visibleTop = Math.max(0, -relativeTop);\n    }\n    const visibleBottom = visibleTop + viewportHeight;\n\n    const totalHeight = rows.length * height;\n    const clampedBottom = clamp(visibleBottom, 0, totalHeight);\n    const { startIndex, endIndex } = computeVirtualWindowBounds({\n      rowCount: rows.length,\n      rowHeightPx: height,\n      overscan,\n      visibleTop,\n      visibleBottom,\n    });\n\n    setWindowState((prev) => {\n      if (prev.startIndex === startIndex && prev.endIndex === endIndex) {\n        return prev;\n      }\n      return { startIndex, endIndex };\n    });\n\n    if (\n      shouldTriggerInfiniteLoad({\n        enabled: infiniteEnabled,\n        hasNext: hasNextPage,\n        isLoading: isLoadingMore,\n        autoLoad,\n        isCoolingDown: loadMoreCooldownRef.current,\n      }) &&\n      canLoadMore &&\n      shouldTriggerVirtualizedInfiniteLoad({\n        autoLoad,\n        canLoadMore,\n        totalHeight,\n        visibleBottom: clampedBottom,\n        thresholdPx,\n        isCoolingDown: loadMoreCooldownRef.current,\n      })\n    ) {\n      startLoadMoreCooldown();\n      triggerLoadMore();\n    }\n  }, [\n    autoLoad,\n    canLoadMore,\n    hasNextPage,\n    hasContainedBodyScroll,\n    isVirtualized,\n    infiniteEnabled,\n    isLoadingMore,\n    overscan,\n    rowHeightPx,\n    rows.length,\n    startLoadMoreCooldown,\n    thresholdPx,\n    triggerLoadMore,\n  ]);\n\n  const scheduleCompute = useCallback(() => {\n    if (rafRef.current != null) {\n      return;\n    }\n    rafRef.current = window.requestAnimationFrame(() => {\n      rafRef.current = null;\n      computeVirtualWindow();\n    });\n  }, [computeVirtualWindow]);\n\n  useEffect(() => {\n    return () => {\n      if (rafRef.current != null) {\n        window.cancelAnimationFrame(rafRef.current);\n        rafRef.current = null;\n      }\n      if (cooldownTimeoutRef.current != null) {\n        window.clearTimeout(cooldownTimeoutRef.current);\n        cooldownTimeoutRef.current = null;\n      }\n    };\n  }, []);\n\n  useLayoutEffect(() => {\n    if (!isVirtualized) {\n      return;\n    }\n    const container = containerRef.current;\n    if (container == null) {\n      return;\n    }\n    if (hasContainedBodyScroll) {\n      scrollParentRef.current = bodyScrollerRef.current;\n    } else {\n      scrollParentRef.current = findScrollParent(container);\n    }\n    scheduleCompute();\n  }, [hasContainedBodyScroll, isVirtualized, scheduleCompute]);\n\n  useEffect(() => {\n    if (!isVirtualized) {\n      return undefined;\n    }\n    const scrollParent = scrollParentRef.current;\n    const target: HTMLElement | Window = scrollParent ?? window;\n\n    const handler = () => {\n      scheduleCompute();\n    };\n\n    target.addEventListener('scroll', handler, { passive: true });\n    window.addEventListener('resize', handler);\n\n    return () => {\n      target.removeEventListener('scroll', handler);\n      window.removeEventListener('resize', handler);\n    };\n  }, [isVirtualized, scheduleCompute]);\n\n  useEffect(() => {\n    if (isVirtualized) {\n      return undefined;\n    }\n    if (\n      !shouldTriggerInfiniteLoad({\n        enabled: infiniteEnabled,\n        hasNext: hasNextPage,\n        isLoading: isLoadingMore,\n        autoLoad,\n        isCoolingDown: false,\n      }) ||\n      !canLoadMore\n    ) {\n      return undefined;\n    }\n    const sentinel = sentinelRef.current;\n    if (sentinel == null) {\n      return undefined;\n    }\n    if (\n      typeof window === 'undefined' ||\n      typeof IntersectionObserver === 'undefined'\n    ) {\n      return undefined;\n    }\n\n    const scrollParent = scrollParentRef.current;\n\n    const observer = new IntersectionObserver(\n      (entries) => {\n        const [entry] = entries;\n        if (entry == null) {\n          return;\n        }\n\n        if (\n          entry.isIntersecting &&\n          shouldTriggerInfiniteLoad({\n            enabled: infiniteEnabled,\n            hasNext: hasNextPage,\n            isLoading: isLoadingMore,\n            autoLoad,\n            isCoolingDown: loadMoreCooldownRef.current,\n          })\n        ) {\n          startLoadMoreCooldown();\n          triggerLoadMore();\n        }\n      },\n      {\n        root: scrollParent,\n        rootMargin: resolveInfiniteRootMargin({ thresholdPx }),\n      },\n    );\n\n    observer.observe(sentinel);\n    return () => {\n      observer.disconnect();\n    };\n  }, [\n    autoLoad,\n    canLoadMore,\n    hasNextPage,\n    infiniteEnabled,\n    isVirtualized,\n    isLoadingMore,\n    startLoadMoreCooldown,\n    thresholdPx,\n    triggerLoadMore,\n  ]);\n\n  useLayoutEffect(() => {\n    if (isVirtualized) {\n      return;\n    }\n    const container = containerRef.current;\n    if (container == null) {\n      return;\n    }\n    if (hasContainedBodyScroll) {\n      scrollParentRef.current = bodyScrollerRef.current;\n    } else {\n      scrollParentRef.current = findScrollParent(container);\n    }\n  }, [hasContainedBodyScroll, isVirtualized]);\n\n  let bodyRows: JSX.Element;\n  if (rows.length === 0) {\n    bodyRows = (\n      <DataTableEmptyRow\n        emptyState={emptyState}\n        density={density}\n        classes={classes}\n      />\n    );\n  } else if (isVirtualized && rowHeightPx != null) {\n    const { startIndex, endIndex } = windowState;\n    const topSpacerHeight = startIndex * rowHeightPx;\n    const bottomSpacerHeight = (rows.length - endIndex) * rowHeightPx;\n    const slice = rows.slice(startIndex, endIndex);\n    bodyRows = (\n      <div className={styles.bodyViewport} ref={bodyRef}>\n        <div className={styles.spacer} style={{ height: topSpacerHeight }} />\n        {slice.map((row, sliceIndex) => {\n          const absoluteIndex = startIndex + sliceIndex;\n          return renderRow(row, absoluteIndex, rowHeightPx);\n        })}\n        <div className={styles.spacer} style={{ height: bottomSpacerHeight }} />\n      </div>\n    );\n  } else {\n    bodyRows = (\n      <>\n        {rows.map((row, index) => {\n          return renderRow(row, index, null);\n        })}\n      </>\n    );\n  }\n\n  let sentinelNode: JSX.Element | null = null;\n  if (!isVirtualized && infiniteEnabled && autoLoad) {\n    sentinelNode = <div ref={sentinelRef} className={styles.sentinel} />;\n  }\n\n  return (\n    <DataTableRoot\n      ref={containerRef}\n      className={className}\n      kind={kind}\n      bodyScrollMode={bodyScrollMode}\n      classes={classes}\n      ariaLabel={ariaLabel}\n      ariaLabelledBy={ariaLabelledBy}\n    >\n      <DataTableHeader\n        columns={columns}\n        kind={kind}\n        density={density}\n        headerBehavior={headerBehavior}\n        headerClassName={headerClassName}\n        gridTemplateClassName={gridTemplateClassName}\n        gridTemplateColumns={gridTemplateColumns}\n        classes={classes}\n      />\n      <DataTableBody\n        ref={bodyScrollerRef}\n        className={bodyClassName}\n        kind={kind}\n        bodyScrollMode={bodyScrollMode}\n        classes={classes}\n      >\n        {bodyRows}\n        {sentinelNode}\n        {bodyFooterNode}\n      </DataTableBody>\n    </DataTableRoot>\n  );\n};\n"],"mappings":"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"}