@cube-dev/ui-kit 0.193.2 → 0.194.1

package/dist/components/data/TableBase/TreeGridTable.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.193.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.194.1 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { c } from "react/compiler-runtime";
 import { useEffect, useRef } from "react";

package/dist/components/data/TableBase/column-header.js

@@ -1,7 +1,8 @@
-/** @license MIT | @cube-dev/ui-kit v0.193.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.194.1 | Cube Dev Team */
 import { ArrowNarrowDownIcon } from "../../../icons/ArrowNarrowDownIcon.js";
 import { ArrowNarrowUpIcon } from "../../../icons/ArrowNarrowUpIcon.js";
 import { TableHeaderItem } from "./styled.js";
+import { c } from "react/compiler-runtime";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/data/TableBase/column-header.tsx
@@ -34,15 +35,15 @@ function resolveColumnSort(column, sortMode, sorts, sort) {
 * Unsorted shows the UP arrow, because that is what the first press gives:
 * the hint predicts the press rather than advertising that one is possible.
 */
-function renderSortIndicator(sort) {
-	if (!sort.isSortable) return null;
+function renderSortIndicator(isSortable, isSorted, direction, rank) {
+	if (!isSortable) return null;
 	return /* @__PURE__ */ jsx("div", {
 		"data-element": "SortIndicator",
-		"data-rank": sort.rank ?? void 0,
-		"data-sorted": sort.isSorted ? "" : void 0,
-		"data-dir": sort.activeSort?.direction,
+		"data-rank": rank ?? void 0,
+		"data-sorted": isSorted ? "" : void 0,
+		"data-dir": direction,
 		"aria-hidden": "true",
-		children: sort.activeSort?.direction === "desc" ? /* @__PURE__ */ jsx(ArrowNarrowDownIcon, {}) : /* @__PURE__ */ jsx(ArrowNarrowUpIcon, {})
+		children: direction === "desc" ? /* @__PURE__ */ jsx(ArrowNarrowDownIcon, {}) : /* @__PURE__ */ jsx(ArrowNarrowUpIcon, {})
 	});
 }
 /**
@@ -66,27 +67,90 @@ function renderColumnHeaderContent(column, sort, menuTrigger) {
 		return header.render(ctx);
 	}
 	if (column.title == null && !header) return null;
-	const sortIndicator = renderSortIndicator(sort);
+	return /* @__PURE__ */ jsx(DefaultColumnHeaderContent, {
+		column,
+		isSortable: sort.isSortable,
+		isSorted: sort.isSorted,
+		direction: sort.activeSort?.direction,
+		rank: sort.rank,
+		menuTrigger
+	});
+}
+function DefaultColumnHeaderContent(t0) {
+	const $ = c(25);
+	const { column, isSortable, isSorted, direction, rank, menuTrigger } = t0;
+	const header = column.header;
+	let t1;
+	if ($[0] !== direction || $[1] !== isSortable || $[2] !== isSorted || $[3] !== rank) {
+		t1 = renderSortIndicator(isSortable, isSorted, direction, rank);
+		$[0] = direction;
+		$[1] = isSortable;
+		$[2] = isSorted;
+		$[3] = rank;
+		$[4] = t1;
+	} else t1 = $[4];
+	const sortIndicator = t1;
 	const hasCustomRightIcon = header?.rightIcon != null;
 	const rightIcon = hasCustomRightIcon ? header.rightIcon : sortIndicator;
 	const suffixContent = hasCustomRightIcon ? sortIndicator : null;
-	const suffix = header?.suffix != null || suffixContent ? /* @__PURE__ */ jsxs(Fragment, { children: [header?.suffix, suffixContent] }) : void 0;
-	const actions = header?.actions != null || menuTrigger ? /* @__PURE__ */ jsxs(Fragment, { children: [header?.actions, menuTrigger] }) : void 0;
-	return /* @__PURE__ */ jsx(TableHeaderItem, {
-		icon: header?.icon,
-		rightIcon,
-		prefix: header?.prefix,
-		suffix,
-		description: header?.description,
-		descriptionPlacement: header?.descriptionPlacement,
-		tooltip: header?.tooltip ?? true,
-		theme: header?.theme,
-		actions,
-		autoHideActions: header?.autoHideActions ?? true,
-		preserveActionsSpace: actions != null,
-		styles: header?.styles,
-		children: column.title
-	});
+	let t2;
+	if ($[5] !== header?.suffix || $[6] !== suffixContent) {
+		t2 = header?.suffix != null || suffixContent ? /* @__PURE__ */ jsxs(Fragment, { children: [header?.suffix, suffixContent] }) : void 0;
+		$[5] = header?.suffix;
+		$[6] = suffixContent;
+		$[7] = t2;
+	} else t2 = $[7];
+	const suffix = t2;
+	let t3;
+	if ($[8] !== header?.actions || $[9] !== menuTrigger) {
+		t3 = header?.actions != null || menuTrigger ? /* @__PURE__ */ jsxs(Fragment, { children: [header?.actions, menuTrigger] }) : void 0;
+		$[8] = header?.actions;
+		$[9] = menuTrigger;
+		$[10] = t3;
+	} else t3 = $[10];
+	const actions = t3;
+	const t4 = header?.icon;
+	const t5 = header?.prefix;
+	const t6 = header?.description;
+	const t7 = header?.descriptionPlacement;
+	const t8 = header?.tooltip ?? true;
+	const t9 = header?.theme;
+	const t10 = header?.autoHideActions ?? true;
+	const t11 = actions != null;
+	const t12 = header?.styles;
+	let t13;
+	if ($[11] !== actions || $[12] !== column.title || $[13] !== rightIcon || $[14] !== suffix || $[15] !== t10 || $[16] !== t11 || $[17] !== t12 || $[18] !== t4 || $[19] !== t5 || $[20] !== t6 || $[21] !== t7 || $[22] !== t8 || $[23] !== t9) {
+		t13 = /* @__PURE__ */ jsx(TableHeaderItem, {
+			icon: t4,
+			rightIcon,
+			prefix: t5,
+			suffix,
+			description: t6,
+			descriptionPlacement: t7,
+			tooltip: t8,
+			theme: t9,
+			actions,
+			autoHideActions: t10,
+			preserveActionsSpace: t11,
+			styles: t12,
+			children: column.title
+		});
+		$[11] = actions;
+		$[12] = column.title;
+		$[13] = rightIcon;
+		$[14] = suffix;
+		$[15] = t10;
+		$[16] = t11;
+		$[17] = t12;
+		$[18] = t4;
+		$[19] = t5;
+		$[20] = t6;
+		$[21] = t7;
+		$[22] = t8;
+		$[23] = t9;
+		$[24] = t13;
+	} else t13 = $[24];
+	return t13;
 }
 
 //#endregion

package/dist/components/data/TableBase/column-header.js.map

@@ -1 +1 @@
-{"version":3,"file":"column-header.js","names":["ArrowNarrowDownIcon","ArrowNarrowUpIcon","TableHeaderItem","ReactNode","CubeResolvedColumn","CubeTableHeaderContext","CubeTableSort","ColumnSortState","isSortable","activeSort","isSorted","rank","resolveColumnSort","column","T","sortMode","sorts","sort","activeSorts","sortIndex","findIndex","entry","columnKey","key","isStructural","length","renderSortIndicator","undefined","direction","renderColumnHeaderContent","menuTrigger","header","render","ctx","columnIndex","index","isResizing","width","title","sortIndicator","hasCustomRightIcon","rightIcon","suffixContent","suffix","actions","icon","prefix","description","descriptionPlacement","tooltip","theme","autoHideActions","styles"],"sources":["../../../../src/components/data/TableBase/column-header.tsx"],"sourcesContent":["import { ArrowNarrowDownIcon } from '../../../icons/ArrowNarrowDownIcon';\nimport { ArrowNarrowUpIcon } from '../../../icons/ArrowNarrowUpIcon';\n\nimport { TableHeaderItem } from './styled';\n\nimport type { ReactNode } from 'react';\nimport type {\n  CubeResolvedColumn,\n  CubeTableHeaderContext,\n  CubeTableSort,\n} from './types';\n\n/** Where a data column stands in the table's sort. */\nexport interface ColumnSortState {\n  isSortable: boolean;\n  /** This column's entry in the sort, or `null` when it is unsorted. */\n  activeSort: CubeTableSort | null;\n  isSorted: boolean;\n  /**\n   * 1-based precedence while more than one column is sorted (`0` for an\n   * unsorted column then), or `null` when it is not worth showing.\n   */\n  rank: number | null;\n}\n\n/**\n * Resolves a column's sort state from `TableView`'s `sorts`, or from `sort`\n * when there is no `sorts`.\n */\nexport function resolveColumnSort<T>(\n  column: CubeResolvedColumn<T>,\n  sortMode: 'client' | 'server' | 'off',\n  sorts: readonly CubeTableSort[] | undefined,\n  sort: CubeTableSort | null | undefined,\n): ColumnSortState {\n  // One resolution path for both shapes, so every consumer of `isSorted`\n  // stays unaware of which one the caller supplied.\n  const activeSorts = sorts ?? (sort ? [sort] : []);\n  const sortIndex = activeSorts.findIndex(\n    (entry) => entry.columnKey === column.key,\n  );\n  const activeSort = sortIndex === -1 ? null : activeSorts[sortIndex];\n\n  return {\n    isSortable:\n      sortMode !== 'off' && !column.isStructural && column.isSortable === true,\n    activeSort,\n    isSorted: activeSort != null,\n    // Only worth showing when more than one column is sorted — a lone \"1\"\n    // beside an arrow is noise.\n    rank: activeSorts.length > 1 ? sortIndex + 1 : null,\n  };\n}\n\n/**\n * The sort arrow, or nothing for a column that cannot be sorted.\n *\n * The arrow keeps its slot even when unsorted, so turning a sort on and off\n * never shifts the label.\n *\n * Two glyphs rather than one flipped with `scale`. A narrow arrow flipped\n * vertically does land on its own opposite, but rendering the real icon is\n * what keeps that true — a glyph that is not perfectly symmetric would come\n * out subtly wrong, and nothing would say why.\n *\n * Unsorted shows the UP arrow, because that is what the first press gives:\n * the hint predicts the press rather than advertising that one is possible.\n */\nfunction renderSortIndicator(sort: ColumnSortState) {\n  if (!sort.isSortable) return null;\n\n  return (\n    <div\n      data-element=\"SortIndicator\"\n      data-rank={sort.rank ?? undefined}\n      data-sorted={sort.isSorted ? '' : undefined}\n      data-dir={sort.activeSort?.direction}\n      aria-hidden=\"true\"\n    >\n      {sort.activeSort?.direction === 'desc' ? (\n        <ArrowNarrowDownIcon />\n      ) : (\n        <ArrowNarrowUpIcon />\n      )}\n    </div>\n  );\n}\n\n/**\n * What a data column's header cell shows.\n *\n * `header.render` takes the whole cell over. Otherwise a `TableHeaderItem`\n * carries the title and the `header` slots, with the sort arrow and the\n * actions — the consumer's own, then `menuTrigger` — placed into them.\n */\nexport function renderColumnHeaderContent<T>(\n  column: CubeResolvedColumn<T>,\n  sort: ColumnSortState,\n  menuTrigger: ReactNode,\n): ReactNode {\n  const header = column.header;\n\n  if (header?.render) {\n    const ctx: CubeTableHeaderContext = {\n      columnKey: column.key,\n      columnIndex: column.index,\n      sort: sort.activeSort?.direction ?? null,\n      isSortable: sort.isSortable,\n      isResizing: false,\n      width: column.width,\n    };\n\n    return header.render(ctx);\n  }\n\n  if (column.title == null && !header) return null;\n\n  const sortIndicator = renderSortIndicator(sort);\n\n  // The arrow belongs in the `rightIcon` slot: that slot is sized and aligned\n  // for an icon, while `suffix` is a text slot and puts the glyph on the\n  // label's baseline.\n  //\n  // A `header.rightIcon` the consumer asked for keeps the slot, and the arrow\n  // falls back to `suffix` — rare, and better than dropping either one.\n  const hasCustomRightIcon = header?.rightIcon != null;\n  const rightIcon = hasCustomRightIcon ? header!.rightIcon : sortIndicator;\n\n  const suffixContent = hasCustomRightIcon ? sortIndicator : null;\n  const suffix =\n    header?.suffix != null || suffixContent ? (\n      <>\n        {header?.suffix}\n        {suffixContent}\n      </>\n    ) : undefined;\n\n  // The consumer's own actions first, the overflow menu last — matching Tabs.\n  const actions =\n    header?.actions != null || menuTrigger ? (\n      <>\n        {header?.actions}\n        {menuTrigger}\n      </>\n    ) : undefined;\n\n  return (\n    <TableHeaderItem\n      icon={header?.icon}\n      rightIcon={rightIcon}\n      prefix={header?.prefix}\n      suffix={suffix}\n      description={header?.description}\n      descriptionPlacement={header?.descriptionPlacement}\n      tooltip={header?.tooltip ?? true}\n      theme={header?.theme}\n      actions={actions}\n      autoHideActions={header?.autoHideActions ?? true}\n      // Without it the actions slot animates its width from 0 on hover, which\n      // re-truncates the label — so the header text shifts under the cursor.\n      // Only the opacity should move; `TabElement` reserves the space for the\n      // same reason.\n      preserveActionsSpace={actions != null}\n      styles={header?.styles}\n    >\n      {column.title}\n    </TableHeaderItem>\n  );\n}\n"],"mappings":";;;;;;;;;;;AA6BA,SAAgBY,kBACdC,QACAE,UACAC,OACAC,MACiB;CAGjB,MAAMC,cAAcF,UAAUC,OAAO,CAACA,KAAK,GAAG,EAAE;CAChD,MAAME,YAAYD,YAAYE,WAC3BC,UAAUA,MAAMC,cAAcT,OAAOU,IACvC;CACD,MAAMd,aAAaU,cAAc,KAAK,OAAOD,YAAYC;AAEzD,QAAO;EACLX,YACEO,aAAa,SAAS,CAACF,OAAOW,gBAAgBX,OAAOL,eAAe;EACtEC;EACAC,UAAUD,cAAc;EAGxBE,MAAMO,YAAYO,SAAS,IAAIN,YAAY,IAAI;EAChD;;;;;;;;;;;;;;;;AAiBH,SAASO,oBAAoBT,MAAuB;AAClD,KAAI,CAACA,KAAKT,WAAY,QAAO;AAE7B,QACE,oBAAC;EACC,gBAAa;EACb,aAAWS,KAAKN,QAAQgB;EACxB,eAAaV,KAAKP,WAAW,KAAKiB;EAClC,YAAUV,KAAKR,YAAYmB;EAC3B,eAAY;YAEXX,KAAKR,YAAYmB,cAAc,SAC9B,oBAAC,wBAAsB,GAEvB,oBAAC,sBACF;GACG;;;;;;;;;AAWV,SAAgBC,0BACdhB,QACAI,MACAa,aACW;CACX,MAAMC,SAASlB,OAAOkB;AAEtB,KAAIA,QAAQC,QAAQ;EAClB,MAAMC,MAA8B;GAClCX,WAAWT,OAAOU;GAClBW,aAAarB,OAAOsB;GACpBlB,MAAMA,KAAKR,YAAYmB,aAAa;GACpCpB,YAAYS,KAAKT;GACjB4B,YAAY;GACZC,OAAOxB,OAAOwB;GACf;AAED,SAAON,OAAOC,OAAOC,IAAI;;AAG3B,KAAIpB,OAAOyB,SAAS,QAAQ,CAACP,OAAQ,QAAO;CAE5C,MAAMQ,gBAAgBb,oBAAoBT,KAAK;CAQ/C,MAAMuB,qBAAqBT,QAAQU,aAAa;CAChD,MAAMA,YAAYD,qBAAqBT,OAAQU,YAAYF;CAE3D,MAAMG,gBAAgBF,qBAAqBD,gBAAgB;CAC3D,MAAMI,SACJZ,QAAQY,UAAU,QAAQD,gBACxB,4CACGX,QAAQY,QACRD,iBACA,GACDf;CAGN,MAAMiB,UACJb,QAAQa,WAAW,QAAQd,cACzB,4CACGC,QAAQa,SACRd,eACA,GACDH;AAEN,QACE,oBAAC;EACC,MAAMI,QAAQc;EACHJ;EACX,QAAQV,QAAQe;EACRH;EACR,aAAaZ,QAAQgB;EACrB,sBAAsBhB,QAAQiB;EAC9B,SAASjB,QAAQkB,WAAW;EAC5B,OAAOlB,QAAQmB;EACNN;EACT,iBAAiBb,QAAQoB,mBAAmB;EAK5C,sBAAsBP,WAAW;EACjC,QAAQb,QAAQqB;YAEfvC,OAAOyB;GACQ"}
+{"version":3,"file":"column-header.js","names":["ArrowNarrowDownIcon","ArrowNarrowUpIcon","TableHeaderItem","ReactNode","CubeResolvedColumn","CubeTableHeaderContext","CubeTableSort","ColumnSortState","isSortable","activeSort","isSorted","rank","resolveColumnSort","column","T","sortMode","sorts","sort","activeSorts","sortIndex","findIndex","entry","columnKey","key","isStructural","length","renderSortIndicator","direction","undefined","renderColumnHeaderContent","menuTrigger","header","render","ctx","columnIndex","index","isResizing","width","title","DefaultColumnHeaderContent","t0","$","_c","t1","sortIndicator","hasCustomRightIcon","rightIcon","suffixContent","t2","suffix","t3","actions","t4","icon","t5","prefix","t6","description","t7","descriptionPlacement","t8","tooltip","t9","theme","t10","autoHideActions","t11","t12","styles","t13"],"sources":["../../../../src/components/data/TableBase/column-header.tsx"],"sourcesContent":["import { ArrowNarrowDownIcon } from '../../../icons/ArrowNarrowDownIcon';\nimport { ArrowNarrowUpIcon } from '../../../icons/ArrowNarrowUpIcon';\n\nimport { TableHeaderItem } from './styled';\n\nimport type { ReactNode } from 'react';\nimport type {\n  CubeResolvedColumn,\n  CubeTableHeaderContext,\n  CubeTableSort,\n} from './types';\n\n/** Where a data column stands in the table's sort. */\nexport interface ColumnSortState {\n  isSortable: boolean;\n  /** This column's entry in the sort, or `null` when it is unsorted. */\n  activeSort: CubeTableSort | null;\n  isSorted: boolean;\n  /**\n   * 1-based precedence while more than one column is sorted (`0` for an\n   * unsorted column then), or `null` when it is not worth showing.\n   */\n  rank: number | null;\n}\n\n/**\n * Resolves a column's sort state from `TableView`'s `sorts`, or from `sort`\n * when there is no `sorts`.\n */\nexport function resolveColumnSort<T>(\n  column: CubeResolvedColumn<T>,\n  sortMode: 'client' | 'server' | 'off',\n  sorts: readonly CubeTableSort[] | undefined,\n  sort: CubeTableSort | null | undefined,\n): ColumnSortState {\n  // One resolution path for both shapes, so every consumer of `isSorted`\n  // stays unaware of which one the caller supplied.\n  const activeSorts = sorts ?? (sort ? [sort] : []);\n  const sortIndex = activeSorts.findIndex(\n    (entry) => entry.columnKey === column.key,\n  );\n  const activeSort = sortIndex === -1 ? null : activeSorts[sortIndex];\n\n  return {\n    isSortable:\n      sortMode !== 'off' && !column.isStructural && column.isSortable === true,\n    activeSort,\n    isSorted: activeSort != null,\n    // Only worth showing when more than one column is sorted — a lone \"1\"\n    // beside an arrow is noise.\n    rank: activeSorts.length > 1 ? sortIndex + 1 : null,\n  };\n}\n\n/**\n * The sort arrow, or nothing for a column that cannot be sorted.\n *\n * The arrow keeps its slot even when unsorted, so turning a sort on and off\n * never shifts the label.\n *\n * Two glyphs rather than one flipped with `scale`. A narrow arrow flipped\n * vertically does land on its own opposite, but rendering the real icon is\n * what keeps that true — a glyph that is not perfectly symmetric would come\n * out subtly wrong, and nothing would say why.\n *\n * Unsorted shows the UP arrow, because that is what the first press gives:\n * the hint predicts the press rather than advertising that one is possible.\n */\nfunction renderSortIndicator(\n  isSortable: boolean,\n  isSorted: boolean,\n  direction: CubeTableSort['direction'] | undefined,\n  rank: number | null,\n) {\n  if (!isSortable) return null;\n\n  return (\n    <div\n      data-element=\"SortIndicator\"\n      data-rank={rank ?? undefined}\n      data-sorted={isSorted ? '' : undefined}\n      data-dir={direction}\n      aria-hidden=\"true\"\n    >\n      {direction === 'desc' ? <ArrowNarrowDownIcon /> : <ArrowNarrowUpIcon />}\n    </div>\n  );\n}\n\n/**\n * What a data column's header cell shows.\n *\n * `header.render` takes the whole cell over. Otherwise a `TableHeaderItem`\n * carries the title and the `header` slots, with the sort arrow and the\n * actions — the consumer's own, then `menuTrigger` — placed into them.\n */\nexport function renderColumnHeaderContent<T>(\n  column: CubeResolvedColumn<T>,\n  sort: ColumnSortState,\n  menuTrigger: ReactNode,\n): ReactNode {\n  const header = column.header;\n\n  if (header?.render) {\n    const ctx: CubeTableHeaderContext = {\n      columnKey: column.key,\n      columnIndex: column.index,\n      sort: sort.activeSort?.direction ?? null,\n      isSortable: sort.isSortable,\n      isResizing: false,\n      width: column.width,\n    };\n\n    return header.render(ctx);\n  }\n\n  if (column.title == null && !header) return null;\n\n  return (\n    <DefaultColumnHeaderContent\n      column={column}\n      isSortable={sort.isSortable}\n      isSorted={sort.isSorted}\n      direction={sort.activeSort?.direction}\n      rank={sort.rank}\n      menuTrigger={menuTrigger}\n    />\n  );\n}\n\n// Like TableCellContent, this boundary lets Compiler retain unchanged Item\n// trees while TableView updates the visible row/column window.\nfunction DefaultColumnHeaderContent<T>({\n  column,\n  isSortable,\n  isSorted,\n  direction,\n  rank,\n  menuTrigger,\n}: {\n  column: CubeResolvedColumn<T>;\n  isSortable: boolean;\n  isSorted: boolean;\n  direction: CubeTableSort['direction'] | undefined;\n  rank: number | null;\n  menuTrigger: ReactNode;\n}) {\n  const header = column.header;\n  const sortIndicator = renderSortIndicator(\n    isSortable,\n    isSorted,\n    direction,\n    rank,\n  );\n\n  // The arrow belongs in the `rightIcon` slot: that slot is sized and aligned\n  // for an icon, while `suffix` is a text slot and puts the glyph on the\n  // label's baseline.\n  //\n  // A `header.rightIcon` the consumer asked for keeps the slot, and the arrow\n  // falls back to `suffix` — rare, and better than dropping either one.\n  const hasCustomRightIcon = header?.rightIcon != null;\n  const rightIcon = hasCustomRightIcon ? header!.rightIcon : sortIndicator;\n\n  const suffixContent = hasCustomRightIcon ? sortIndicator : null;\n  const suffix =\n    header?.suffix != null || suffixContent ? (\n      <>\n        {header?.suffix}\n        {suffixContent}\n      </>\n    ) : undefined;\n\n  // The consumer's own actions first, the overflow menu last — matching Tabs.\n  const actions =\n    header?.actions != null || menuTrigger ? (\n      <>\n        {header?.actions}\n        {menuTrigger}\n      </>\n    ) : undefined;\n\n  return (\n    <TableHeaderItem\n      icon={header?.icon}\n      rightIcon={rightIcon}\n      prefix={header?.prefix}\n      suffix={suffix}\n      description={header?.description}\n      descriptionPlacement={header?.descriptionPlacement}\n      tooltip={header?.tooltip ?? true}\n      theme={header?.theme}\n      actions={actions}\n      autoHideActions={header?.autoHideActions ?? true}\n      // Without it the actions slot animates its width from 0 on hover, which\n      // re-truncates the label — so the header text shifts under the cursor.\n      // Only the opacity should move; `TabElement` reserves the space for the\n      // same reason.\n      preserveActionsSpace={actions != null}\n      styles={header?.styles}\n    >\n      {column.title}\n    </TableHeaderItem>\n  );\n}\n"],"mappings":"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"}

package/dist/components/data/TableBase/column-menu.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.193.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.194.1 | Cube Dev Team */
 import { __Menu } from "../../actions/Menu/Menu.js";
 import { normalizeMenuAction } from "./row-menu.js";
 import { Children, cloneElement, isValidElement } from "react";

package/dist/components/data/TableBase/column-styles.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.193.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.194.1 | Cube Dev Team */
 import { computeStyles, resolveRecipes } from "@tenphi/tasty";
 
 //#region src/components/data/TableBase/column-styles.ts

package/dist/components/data/TableBase/column-tint.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.193.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.194.1 | Cube Dev Team */
 import { getPaletteConfig } from "../../../tokens/palette-config.js";
 import { hashString } from "../../../tokens/color-theme.js";
 

package/dist/components/data/TableBase/row-menu.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.193.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.194.1 | Cube Dev Team */
 import { Children, Fragment, isValidElement } from "react";
 
 //#region src/components/data/TableBase/row-menu.ts

package/dist/components/data/TableBase/styled.d.ts

@@ -1,8 +1,8 @@
 
 import "../../content/Item/index.js";
+import "../../actions/index.js";
 import "../../../data/item-themes.js";
 import "../../overlays/Tooltip/split-trigger-props.js";
-import "../../actions/index.js";
 import "../../../index.js";
 import { Styles } from "@tenphi/tasty";
 import "react";

package/dist/components/data/TableBase/styled.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.193.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.194.1 | Cube Dev Team */
 import { _Item } from "../../content/Item/Item.js";
 import { Action } from "../../actions/Action/Action.js";
 import { keyframes, tasty } from "@tenphi/tasty";

package/dist/components/data/TableBase/table-tree.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.193.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.194.1 | Cube Dev Team */
 //#region src/components/data/TableBase/table-tree.ts
 /** Build identity and parent/child indexes without modifying consumer rows. */
 function buildTableTree(rows, getChildren, getKey) {

package/dist/components/data/TableBase/types.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.193.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.194.1 | Cube Dev Team */
 //#region src/components/data/TableBase/types.ts
 /**
 * `asc | desc` rather than React Aria's `ascending | descending`: we do not use

package/dist/components/data/TableBase/use-column-menu.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.193.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.194.1 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { ItemAction } from "../../actions/ItemAction/ItemAction.js";
 import { useI18n } from "../../../i18n/useI18n.js";

package/dist/components/data/TableBase/use-column-order.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.193.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.194.1 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { c } from "react/compiler-runtime";
 import { useState } from "react";

package/dist/components/data/TableBase/use-column-window.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.193.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.194.1 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { c } from "react/compiler-runtime";
 import { CONTAINER_STYLES } from "@tenphi/tasty";
@@ -6,6 +6,7 @@ import { useLayoutEffect, useState } from "react";
 
 //#region src/components/data/TableBase/use-column-window.ts
 const COLUMN_OVERSCAN = 300;
+const MAX_REFILL_COLUMNS = 1;
 const SAFE_FRAME_STYLES = new Set(CONTAINER_STYLES.filter((key) => ![
 	"font",
 	"preset",
@@ -19,9 +20,9 @@ function sameRange(left, right) {
 function canWindowColumns(columns, styles) {
 	return columns.every((column) => column.width != null && column.width > 0 && Number.isFinite(column.width) && !column.cellProps) && Object.keys(styles ?? {}).every((key) => SAFE_FRAME_STYLES.has(key));
 }
-function getColumnWindowRange(layout, offset, viewportWidth) {
-	const start = Math.max(0, offset + layout.pinnedStartWidth - COLUMN_OVERSCAN);
-	const end = offset + viewportWidth - layout.pinnedEndWidth + COLUMN_OVERSCAN;
+function getColumnWindowRange(layout, offset, viewportWidth, overscanStart = COLUMN_OVERSCAN, overscanEnd = COLUMN_OVERSCAN) {
+	const start = Math.max(0, offset + layout.pinnedStartWidth - overscanStart);
+	const end = offset + viewportWidth - layout.pinnedEndWidth + overscanEnd;
 	let position = 0;
 	let first = layout.columns.length;
 	let last = -1;
@@ -38,6 +39,28 @@ function getColumnWindowRange(layout, offset, viewportWidth) {
 		last
 	};
 }
+/** Refill the moving edge without rebuilding rows at every column boundary. */
+function getBufferedColumnWindowRange(layout, previous, offset, viewportWidth) {
+	const required = getColumnWindowRange(layout, offset, viewportWidth);
+	if (!previous) return required;
+	if (offset <= 0 || offset >= layout.totalWidth - viewportWidth - 1) return required;
+	const extendsStart = required.first < previous.first;
+	const extendsEnd = required.last > previous.last;
+	if (!extendsStart && !extendsEnd) {
+		const first = Math.max(previous.first, required.first - MAX_REFILL_COLUMNS);
+		const last = Math.min(previous.last, required.last + MAX_REFILL_COLUMNS);
+		return first === previous.first && last === previous.last ? previous : {
+			first,
+			last
+		};
+	}
+	if (extendsStart && extendsEnd) return required;
+	const refilled = getColumnWindowRange(layout, offset, viewportWidth, extendsStart ? COLUMN_OVERSCAN * 2 : COLUMN_OVERSCAN, extendsEnd ? COLUMN_OVERSCAN * 2 : COLUMN_OVERSCAN);
+	return {
+		first: Math.max(refilled.first, required.first - MAX_REFILL_COLUMNS),
+		last: Math.min(refilled.last, required.last + MAX_REFILL_COLUMNS)
+	};
+}
 /** Preserve height-bearing cells, native controls and row naming offscreen. */
 function retainColumn(column, treeColumnKey) {
 	return column.pin != null || column.isStructural || column.isRowHeader || column.key === treeColumnKey || column.autoHeight || column.render != null || column.cellStyles != null;
@@ -69,13 +92,35 @@ function getColumnWindowSegments(columns, range, treeColumnKey) {
 	return segments;
 }
 function useColumnWindow(layout, scroller, isEnabled, treeColumnKey) {
-	const $ = c(17);
+	const $ = c(26);
+	let t0;
+	if ($[0] !== isEnabled || $[1] !== layout.columns || $[2] !== treeColumnKey) {
+		t0 = isEnabled && layout.columns.some((column) => !retainColumn(column, treeColumnKey));
+		$[0] = isEnabled;
+		$[1] = layout.columns;
+		$[2] = treeColumnKey;
+		$[3] = t0;
+	} else t0 = $[3];
+	const isWindowEnabled = t0;
 	const [range, setRange] = useState(null);
 	const [fitsRow, setFitsRow] = useState(false);
-	let t0;
-	if ($[0] !== isEnabled || $[1] !== layout.totalWidth || $[2] !== scroller) {
-		t0 = () => {
-			if (!isEnabled || !scroller || scroller.clientWidth <= 0 || layout.totalWidth <= scroller.clientWidth) return;
+	let t1;
+	if ($[4] !== isWindowEnabled || $[5] !== layout || $[6] !== scroller) {
+		t1 = () => {
+			const width = scroller?.clientWidth ?? 0;
+			const next = isWindowEnabled && scroller && width > 0 && layout.totalWidth > width ? getColumnWindowRange(layout, Math.abs(scroller.scrollLeft), width) : null;
+			setRange((previous) => sameRange(previous, next) ? previous : next);
+		};
+		$[4] = isWindowEnabled;
+		$[5] = layout;
+		$[6] = scroller;
+		$[7] = t1;
+	} else t1 = $[7];
+	const resetRange = t1;
+	let t2;
+	if ($[8] !== isWindowEnabled || $[9] !== layout.totalWidth || $[10] !== scroller) {
+		t2 = () => {
+			if (!isWindowEnabled || !scroller || scroller.clientWidth <= 0 || layout.totalWidth <= scroller.clientWidth) return;
 			const table = scroller?.querySelector("table");
 			if (!table) return;
 			const computed = getComputedStyle(table);
@@ -84,72 +129,89 @@ function useColumnWindow(layout, scroller, isEnabled, treeColumnKey) {
 			const lineHeight = parseFloat(computed.lineHeight);
 			setFitsRow(rowHeight === `${height}px` && Number.isFinite(height) && height >= lineHeight);
 		};
-		$[0] = isEnabled;
-		$[1] = layout.totalWidth;
-		$[2] = scroller;
-		$[3] = t0;
-	} else t0 = $[3];
-	const refreshAppearance = useEvent(t0);
-	let t1;
-	let t2;
-	if ($[4] !== isEnabled || $[5] !== layout || $[6] !== refreshAppearance || $[7] !== scroller) {
-		t1 = () => {
-			if (!isEnabled || !scroller) return;
-			const update = () => {
-				const width = scroller.clientWidth;
-				const next = width > 0 && layout.totalWidth > width ? getColumnWindowRange(layout, Math.abs(scroller.scrollLeft), width) : null;
-				setRange((previous) => sameRange(previous, next) ? previous : next);
+		$[8] = isWindowEnabled;
+		$[9] = layout.totalWidth;
+		$[10] = scroller;
+		$[11] = t2;
+	} else t2 = $[11];
+	const refreshAppearance = useEvent(t2);
+	let t3;
+	let t4;
+	if ($[12] !== isWindowEnabled || $[13] !== layout || $[14] !== refreshAppearance || $[15] !== scroller) {
+		t3 = () => {
+			if (!isWindowEnabled || !scroller) return;
+			const update = (t5) => {
+				const reset = t5 === void 0 ? false : t5;
+				const width_0 = scroller.clientWidth;
+				const offset = Math.abs(scroller.scrollLeft);
+				setRange((previous_0) => {
+					const next_0 = width_0 > 0 && layout.totalWidth > width_0 ? getBufferedColumnWindowRange(layout, reset ? null : previous_0, offset, width_0) : null;
+					return sameRange(previous_0, next_0) ? previous_0 : next_0;
+				});
+			};
+			let lastOffset = Math.abs(scroller.scrollLeft);
+			let lastVerticalOffset = scroller.scrollTop;
+			const onScroll = () => {
+				const offset_0 = Math.abs(scroller.scrollLeft);
+				const verticalOffset = scroller.scrollTop;
+				const reset_0 = verticalOffset !== lastVerticalOffset;
+				lastVerticalOffset = verticalOffset;
+				if (offset_0 === lastOffset && !reset_0) return;
+				lastOffset = offset_0;
+				update(reset_0);
 			};
 			refreshAppearance();
-			update();
+			update(true);
 			const observer = new ResizeObserver(() => {
 				refreshAppearance();
-				update();
+				update(true);
 			});
 			observer.observe(scroller);
-			scroller.addEventListener("scroll", update, { passive: true });
+			scroller.addEventListener("scroll", onScroll, { passive: true });
 			return () => {
 				observer.disconnect();
-				scroller.removeEventListener("scroll", update);
+				scroller.removeEventListener("scroll", onScroll);
 			};
 		};
-		t2 = [
-			isEnabled,
+		t4 = [
+			isWindowEnabled,
 			layout,
 			refreshAppearance,
 			scroller
 		];
-		$[4] = isEnabled;
-		$[5] = layout;
-		$[6] = refreshAppearance;
-		$[7] = scroller;
-		$[8] = t1;
-		$[9] = t2;
+		$[12] = isWindowEnabled;
+		$[13] = layout;
+		$[14] = refreshAppearance;
+		$[15] = scroller;
+		$[16] = t3;
+		$[17] = t4;
 	} else {
-		t1 = $[8];
-		t2 = $[9];
+		t3 = $[16];
+		t4 = $[17];
 	}
-	useLayoutEffect(t1, t2);
-	const t3 = isEnabled && fitsRow ? range : null;
-	let t4;
-	if ($[10] !== layout.columns || $[11] !== t3 || $[12] !== treeColumnKey) {
-		t4 = getColumnWindowSegments(layout.columns, t3, treeColumnKey);
-		$[10] = layout.columns;
-		$[11] = t3;
-		$[12] = treeColumnKey;
-		$[13] = t4;
-	} else t4 = $[13];
-	let t5;
-	if ($[14] !== refreshAppearance || $[15] !== t4) {
-		t5 = {
-			segments: t4,
+	useLayoutEffect(t3, t4);
+	const t5 = isWindowEnabled && fitsRow ? range : null;
+	let t6;
+	if ($[18] !== layout.columns || $[19] !== t5 || $[20] !== treeColumnKey) {
+		t6 = getColumnWindowSegments(layout.columns, t5, treeColumnKey);
+		$[18] = layout.columns;
+		$[19] = t5;
+		$[20] = treeColumnKey;
+		$[21] = t6;
+	} else t6 = $[21];
+	let t7;
+	if ($[22] !== refreshAppearance || $[23] !== resetRange || $[24] !== t6) {
+		t7 = {
+			resetRange,
+			segments: t6,
 			refreshAppearance
 		};
-		$[14] = refreshAppearance;
-		$[15] = t4;
-		$[16] = t5;
-	} else t5 = $[16];
-	return t5;
+		$[22] = refreshAppearance;
+		$[23] = resetRange;
+		$[24] = t6;
+		$[25] = t7;
+	} else t7 = $[25];
+	return t7;
 }
 
 //#endregion

package/dist/components/data/TableBase/use-column-window.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-column-window.js","names":["CONTAINER_STYLES","useLayoutEffect","useState","useEvent","Styles","CubeResolvedColumn","CubeTableColumnLayout","COLUMN_OVERSCAN","SAFE_FRAME_STYLES","Set","filter","key","includes","ColumnWindowRange","first","last","sameRange","left","right","ColumnWindowSegment","column","T","span","canWindowColumns","columns","styles","every","width","Number","isFinite","cellProps","Object","keys","has","getColumnWindowRange","layout","offset","viewportWidth","start","Math","max","pinnedStartWidth","end","pinnedEndWidth","position","length","next","min","index","retainColumn","treeColumnKey","pin","isStructural","isRowHeader","autoHeight","render","cellStyles","getColumnWindowSegments","range","segments","omitted","firstOmittedKey","flushGap","push","useColumnWindow","scroller","isEnabled","$","_c","setRange","fitsRow","setFitsRow","t0","totalWidth","clientWidth","table","querySelector","computed","getComputedStyle","rowHeight","getPropertyValue","trim","height","parseFloat","lineHeight","refreshAppearance","t1","t2","update","abs","scrollLeft","previous","observer","ResizeObserver","observe","addEventListener","passive","disconnect","removeEventListener","t3","t4","t5"],"sources":["../../../../src/components/data/TableBase/use-column-window.ts"],"sourcesContent":["import { CONTAINER_STYLES } from '@tenphi/tasty';\nimport { useLayoutEffect, useState } from 'react';\n\nimport { useEvent } from '../../../_internal/hooks/use-event';\n\nimport type { Styles } from '@tenphi/tasty';\nimport type { CubeResolvedColumn, CubeTableColumnLayout } from './types';\n\n// Keep nearby cells ready for a horizontal flick without multiplying the\n// mounted row window by the entire column collection.\nconst COLUMN_OVERSCAN = 300;\nconst SAFE_FRAME_STYLES = new Set<string>(\n  CONTAINER_STYLES.filter(\n    (key) => !['font', 'preset', 'whiteSpace'].includes(key),\n  ),\n);\n\nexport interface ColumnWindowRange {\n  first: number;\n  last: number;\n}\n\nfunction sameRange(\n  left: ColumnWindowRange | null,\n  right: ColumnWindowRange | null,\n) {\n  if (left == null || right == null) return left === right;\n  return left.first === right.first && left.last === right.last;\n}\n\nexport type ColumnWindowSegment<T> =\n  | { column: CubeResolvedColumn<T>; key: string }\n  | { column?: undefined; key: string; span: number };\n\n/** Arbitrary body styling and DOM spans need the complete intrinsic layout. */\nexport function canWindowColumns<T>(\n  columns: readonly CubeResolvedColumn<T>[],\n  styles?: Styles,\n) {\n  return (\n    columns.every(\n      (column) =>\n        column.width != null &&\n        column.width > 0 &&\n        Number.isFinite(column.width) &&\n        !column.cellProps,\n    ) && Object.keys(styles ?? {}).every((key) => SAFE_FRAME_STYLES.has(key))\n  );\n}\n\nexport function getColumnWindowRange<T>(\n  layout: CubeTableColumnLayout<T>,\n  offset: number,\n  viewportWidth: number,\n): ColumnWindowRange {\n  const start = Math.max(0, offset + layout.pinnedStartWidth - COLUMN_OVERSCAN);\n  const end = offset + viewportWidth - layout.pinnedEndWidth + COLUMN_OVERSCAN;\n  let position = 0;\n  let first = layout.columns.length;\n  let last = -1;\n\n  for (const column of layout.columns) {\n    const next = position + column.width!;\n    if (next > start && position < end) {\n      first = Math.min(first, column.index);\n      last = column.index;\n    }\n    position = next;\n  }\n\n  return { first, last };\n}\n\n/** Preserve height-bearing cells, native controls and row naming offscreen. */\nfunction retainColumn<T>(\n  column: CubeResolvedColumn<T>,\n  treeColumnKey?: string,\n) {\n  return (\n    column.pin != null ||\n    column.isStructural ||\n    column.isRowHeader ||\n    column.key === treeColumnKey ||\n    column.autoHeight ||\n    column.render != null ||\n    column.cellStyles != null\n  );\n}\n\nexport function getColumnWindowSegments<T>(\n  columns: readonly CubeResolvedColumn<T>[],\n  range: ColumnWindowRange | null,\n  treeColumnKey?: string,\n): ColumnWindowSegment<T>[] {\n  const segments: ColumnWindowSegment<T>[] = [];\n  let omitted = 0;\n  let firstOmittedKey = '';\n\n  function flushGap() {\n    if (!omitted) return;\n    segments.push({ key: `column-gap:${firstOmittedKey}`, span: omitted });\n    omitted = 0;\n  }\n\n  for (const column of columns) {\n    if (\n      range == null ||\n      (column.index >= range.first && column.index <= range.last) ||\n      retainColumn(column, treeColumnKey)\n    ) {\n      flushGap();\n      segments.push({ key: `column-cell:${column.key}`, column });\n    } else {\n      if (!omitted) firstOmittedKey = column.key;\n      omitted++;\n      // Native table cells clamp colSpan to 1000.\n      if (omitted === 1000) flushGap();\n    }\n  }\n  flushGap();\n  return segments;\n}\n\nexport function useColumnWindow<T>(\n  layout: CubeTableColumnLayout<T>,\n  scroller: HTMLDivElement | null,\n  isEnabled: boolean,\n  treeColumnKey?: string,\n) {\n  const [range, setRange] = useState<ColumnWindowRange | null>(null);\n  const [fitsRow, setFitsRow] = useState(false);\n  const refreshAppearance = useEvent(() => {\n    if (\n      !isEnabled ||\n      !scroller ||\n      scroller.clientWidth <= 0 ||\n      layout.totalWidth! <= scroller.clientWidth\n    ) {\n      return;\n    }\n    const table = scroller?.querySelector('table');\n    if (!table) return;\n    const computed = getComputedStyle(table);\n    const rowHeight = computed.getPropertyValue('--row-height').trim();\n    const height = parseFloat(rowHeight);\n    const lineHeight = parseFloat(computed.lineHeight);\n    // Empty default cells can be shorter than text. Measure the inherited\n    // tokens, since Root can override both typography and the size scale.\n    setFitsRow(\n      rowHeight === `${height}px` &&\n        Number.isFinite(height) &&\n        height >= lineHeight,\n    );\n  });\n\n  useLayoutEffect(() => {\n    if (!isEnabled || !scroller) {\n      return;\n    }\n\n    const update = () => {\n      const width = scroller.clientWidth;\n      const next =\n        width > 0 && layout.totalWidth! > width\n          ? getColumnWindowRange(layout, Math.abs(scroller.scrollLeft), width)\n          : null;\n      // Vertical scroll and movement within the same column band add no render.\n      setRange((previous) => (sameRange(previous, next) ? previous : next));\n    };\n    refreshAppearance();\n    update();\n    const observer = new ResizeObserver(() => {\n      refreshAppearance();\n      update();\n    });\n    observer.observe(scroller);\n    scroller.addEventListener('scroll', update, { passive: true });\n    return () => {\n      observer.disconnect();\n      scroller.removeEventListener('scroll', update);\n    };\n  }, [isEnabled, layout, refreshAppearance, scroller]);\n\n  return {\n    segments: getColumnWindowSegments(\n      layout.columns,\n      isEnabled && fitsRow ? range : null,\n      treeColumnKey,\n    ),\n    refreshAppearance,\n  };\n}\n"],"mappings":"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"}
+{"version":3,"file":"use-column-window.js","names":["CONTAINER_STYLES","useLayoutEffect","useState","useEvent","Styles","CubeResolvedColumn","CubeTableColumnLayout","COLUMN_OVERSCAN","MAX_REFILL_COLUMNS","SAFE_FRAME_STYLES","Set","filter","key","includes","ColumnWindowRange","first","last","sameRange","left","right","ColumnWindowSegment","column","T","span","canWindowColumns","columns","styles","every","width","Number","isFinite","cellProps","Object","keys","has","getColumnWindowRange","layout","offset","viewportWidth","overscanStart","overscanEnd","start","Math","max","pinnedStartWidth","end","pinnedEndWidth","position","length","next","min","index","getBufferedColumnWindowRange","previous","required","totalWidth","extendsStart","extendsEnd","refilled","retainColumn","treeColumnKey","pin","isStructural","isRowHeader","autoHeight","render","cellStyles","getColumnWindowSegments","range","segments","omitted","firstOmittedKey","flushGap","push","useColumnWindow","scroller","isEnabled","$","_c","t0","some","isWindowEnabled","setRange","fitsRow","setFitsRow","t1","clientWidth","abs","scrollLeft","resetRange","t2","table","querySelector","computed","getComputedStyle","rowHeight","getPropertyValue","trim","height","parseFloat","lineHeight","refreshAppearance","t3","t4","update","t5","reset","undefined","width_0","previous_0","next_0","lastOffset","lastVerticalOffset","scrollTop","onScroll","offset_0","verticalOffset","reset_0","observer","ResizeObserver","observe","addEventListener","passive","disconnect","removeEventListener","t6","t7"],"sources":["../../../../src/components/data/TableBase/use-column-window.ts"],"sourcesContent":["import { CONTAINER_STYLES } from '@tenphi/tasty';\nimport { useLayoutEffect, useState } from 'react';\n\nimport { useEvent } from '../../../_internal/hooks/use-event';\n\nimport type { Styles } from '@tenphi/tasty';\nimport type { CubeResolvedColumn, CubeTableColumnLayout } from './types';\n\n// Keep nearby cells ready for a horizontal flick without multiplying the\n// mounted row window by the entire column collection.\nconst COLUMN_OVERSCAN = 300;\nconst MAX_REFILL_COLUMNS = 1;\nconst SAFE_FRAME_STYLES = new Set<string>(\n  CONTAINER_STYLES.filter(\n    (key) => !['font', 'preset', 'whiteSpace'].includes(key),\n  ),\n);\n\nexport interface ColumnWindowRange {\n  first: number;\n  last: number;\n}\n\nfunction sameRange(\n  left: ColumnWindowRange | null,\n  right: ColumnWindowRange | null,\n) {\n  if (left == null || right == null) return left === right;\n  return left.first === right.first && left.last === right.last;\n}\n\nexport type ColumnWindowSegment<T> =\n  | { column: CubeResolvedColumn<T>; key: string }\n  | { column?: undefined; key: string; span: number };\n\n/** Arbitrary body styling and DOM spans need the complete intrinsic layout. */\nexport function canWindowColumns<T>(\n  columns: readonly CubeResolvedColumn<T>[],\n  styles?: Styles,\n) {\n  return (\n    columns.every(\n      (column) =>\n        column.width != null &&\n        column.width > 0 &&\n        Number.isFinite(column.width) &&\n        !column.cellProps,\n    ) && Object.keys(styles ?? {}).every((key) => SAFE_FRAME_STYLES.has(key))\n  );\n}\n\nexport function getColumnWindowRange<T>(\n  layout: CubeTableColumnLayout<T>,\n  offset: number,\n  viewportWidth: number,\n  overscanStart = COLUMN_OVERSCAN,\n  overscanEnd = COLUMN_OVERSCAN,\n): ColumnWindowRange {\n  const start = Math.max(0, offset + layout.pinnedStartWidth - overscanStart);\n  const end = offset + viewportWidth - layout.pinnedEndWidth + overscanEnd;\n  let position = 0;\n  let first = layout.columns.length;\n  let last = -1;\n\n  for (const column of layout.columns) {\n    const next = position + column.width!;\n    if (next > start && position < end) {\n      first = Math.min(first, column.index);\n      last = column.index;\n    }\n    position = next;\n  }\n\n  return { first, last };\n}\n\n/** Refill the moving edge without rebuilding rows at every column boundary. */\nexport function getBufferedColumnWindowRange<T>(\n  layout: CubeTableColumnLayout<T>,\n  previous: ColumnWindowRange | null,\n  offset: number,\n  viewportWidth: number,\n): ColumnWindowRange {\n  const required = getColumnWindowRange(layout, offset, viewportWidth);\n  if (!previous) return required;\n  // Native scroll extents round fractional widths; no ahead buffer is\n  // needed within a pixel of either endpoint.\n  if (offset <= 0 || offset >= layout.totalWidth! - viewportWidth - 1)\n    return required;\n  const extendsStart = required.first < previous.first;\n  const extendsEnd = required.last > previous.last;\n  if (!extendsStart && !extendsEnd) {\n    const first = Math.max(previous.first, required.first - MAX_REFILL_COLUMNS);\n    const last = Math.min(previous.last, required.last + MAX_REFILL_COLUMNS);\n    return first === previous.first && last === previous.last\n      ? previous\n      : { first, last };\n  }\n  // Both edges moving means the viewport/layout changed, not one scroll edge.\n  if (extendsStart && extendsEnd) return required;\n  const refilled = getColumnWindowRange(\n    layout,\n    offset,\n    viewportWidth,\n    extendsStart ? COLUMN_OVERSCAN * 2 : COLUMN_OVERSCAN,\n    extendsEnd ? COLUMN_OVERSCAN * 2 : COLUMN_OVERSCAN,\n  );\n  // A pixel-only refill retains too many narrow cells during diagonal scroll.\n  return {\n    first: Math.max(refilled.first, required.first - MAX_REFILL_COLUMNS),\n    last: Math.min(refilled.last, required.last + MAX_REFILL_COLUMNS),\n  };\n}\n\n/** Preserve height-bearing cells, native controls and row naming offscreen. */\nfunction retainColumn<T>(\n  column: CubeResolvedColumn<T>,\n  treeColumnKey?: string,\n) {\n  return (\n    column.pin != null ||\n    column.isStructural ||\n    column.isRowHeader ||\n    column.key === treeColumnKey ||\n    column.autoHeight ||\n    column.render != null ||\n    column.cellStyles != null\n  );\n}\n\nexport function getColumnWindowSegments<T>(\n  columns: readonly CubeResolvedColumn<T>[],\n  range: ColumnWindowRange | null,\n  treeColumnKey?: string,\n): ColumnWindowSegment<T>[] {\n  const segments: ColumnWindowSegment<T>[] = [];\n  let omitted = 0;\n  let firstOmittedKey = '';\n\n  function flushGap() {\n    if (!omitted) return;\n    segments.push({ key: `column-gap:${firstOmittedKey}`, span: omitted });\n    omitted = 0;\n  }\n\n  for (const column of columns) {\n    if (\n      range == null ||\n      (column.index >= range.first && column.index <= range.last) ||\n      retainColumn(column, treeColumnKey)\n    ) {\n      flushGap();\n      segments.push({ key: `column-cell:${column.key}`, column });\n    } else {\n      if (!omitted) firstOmittedKey = column.key;\n      omitted++;\n      // Native table cells clamp colSpan to 1000.\n      if (omitted === 1000) flushGap();\n    }\n  }\n  flushGap();\n  return segments;\n}\n\nexport function useColumnWindow<T>(\n  layout: CubeTableColumnLayout<T>,\n  scroller: HTMLDivElement | null,\n  isEnabled: boolean,\n  treeColumnKey?: string,\n) {\n  const isWindowEnabled =\n    isEnabled &&\n    layout.columns.some((column) => !retainColumn(column, treeColumnKey));\n  const [range, setRange] = useState<ColumnWindowRange | null>(null);\n  const [fitsRow, setFitsRow] = useState(false);\n  const resetRange = () => {\n    const width = scroller?.clientWidth ?? 0;\n    const next =\n      isWindowEnabled && scroller && width > 0 && layout.totalWidth! > width\n        ? getColumnWindowRange(layout, Math.abs(scroller.scrollLeft), width)\n        : null;\n    setRange((previous) => (sameRange(previous, next) ? previous : next));\n  };\n  const refreshAppearance = useEvent(() => {\n    if (\n      !isWindowEnabled ||\n      !scroller ||\n      scroller.clientWidth <= 0 ||\n      layout.totalWidth! <= scroller.clientWidth\n    ) {\n      return;\n    }\n    const table = scroller?.querySelector('table');\n    if (!table) return;\n    const computed = getComputedStyle(table);\n    const rowHeight = computed.getPropertyValue('--row-height').trim();\n    const height = parseFloat(rowHeight);\n    const lineHeight = parseFloat(computed.lineHeight);\n    // Empty default cells can be shorter than text. Measure the inherited\n    // tokens, since Root can override both typography and the size scale.\n    setFitsRow(\n      rowHeight === `${height}px` &&\n        Number.isFinite(height) &&\n        height >= lineHeight,\n    );\n  });\n\n  useLayoutEffect(() => {\n    if (!isWindowEnabled || !scroller) {\n      return;\n    }\n\n    const update = (reset = false) => {\n      const width = scroller.clientWidth;\n      const offset = Math.abs(scroller.scrollLeft);\n      // Only changed bands add a render. New rows use the ordinary band,\n      // so diagonal scrolling does not multiply the extra refill cells.\n      setRange((previous) => {\n        const next =\n          width > 0 && layout.totalWidth! > width\n            ? getBufferedColumnWindowRange(\n                layout,\n                reset ? null : previous,\n                offset,\n                width,\n              )\n            : null;\n        return sameRange(previous, next) ? previous : next;\n      });\n    };\n    let lastOffset = Math.abs(scroller.scrollLeft);\n    let lastVerticalOffset = scroller.scrollTop;\n    const onScroll = () => {\n      const offset = Math.abs(scroller.scrollLeft);\n      const verticalOffset = scroller.scrollTop;\n      const reset = verticalOffset !== lastVerticalOffset;\n      lastVerticalOffset = verticalOffset;\n      if (offset === lastOffset && !reset) return;\n      lastOffset = offset;\n      update(reset);\n    };\n    refreshAppearance();\n    update(true);\n    const observer = new ResizeObserver(() => {\n      refreshAppearance();\n      update(true);\n    });\n    observer.observe(scroller);\n    scroller.addEventListener('scroll', onScroll, { passive: true });\n    return () => {\n      observer.disconnect();\n      scroller.removeEventListener('scroll', onScroll);\n    };\n  }, [isWindowEnabled, layout, refreshAppearance, scroller]);\n\n  return {\n    resetRange,\n    segments: getColumnWindowSegments(\n      layout.columns,\n      isWindowEnabled && fitsRow ? range : null,\n      treeColumnKey,\n    ),\n    refreshAppearance,\n  };\n}\n"],"mappings":"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"}

package/dist/components/data/TableBase/use-container-width.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.193.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.194.1 | Cube Dev Team */
 import { c } from "react/compiler-runtime";
 import { useLayoutEffect, useState } from "react";
 

package/dist/components/data/TableBase/use-row-move-animation.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.193.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.194.1 | Cube Dev Team */
 import { c } from "react/compiler-runtime";
 import { useLayoutEffect, useRef } from "react";
 

package/dist/components/data/TableBase/use-scrollability.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.193.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.194.1 | Cube Dev Team */
 import { c } from "react/compiler-runtime";
 import { useLayoutEffect, useState } from "react";
 

package/dist/components/data/TableBase/use-table-columns.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.193.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.194.1 | Cube Dev Team */
 import { c } from "react/compiler-runtime";
 
 //#region src/components/data/TableBase/use-table-columns.ts

package/dist/components/data/TableBase/use-table-search.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.193.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.194.1 | Cube Dev Team */
 import { useDebouncedValue } from "../../../_internal/hooks/use-debounced-value.js";
 import { getColumnText } from "./use-table-columns.js";
 import { c } from "react/compiler-runtime";

package/dist/components/data/TableBase/use-table-selection.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.193.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.194.1 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { RowCollection } from "./RowCollection.js";
 import { useCallback, useMemo, useRef } from "react";

package/dist/components/data/TableBase/use-table-sort.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.193.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.194.1 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { getColumnText, getColumnValue } from "./use-table-columns.js";
 import { c } from "react/compiler-runtime";