persian-data-grid 0.5.0 → 0.6.0

package/dist/chunk-H2LESGMX.cjs

@@ -0,0 +1,319 @@
+'use strict';
+
+var chunkUC7PHDM6_cjs = require('./chunk-UC7PHDM6.cjs');
+var chunkKUBVDIF7_cjs = require('./chunk-KUBVDIF7.cjs');
+var React2 = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React2__default = /*#__PURE__*/_interopDefault(React2);
+
+// ui/a11y/gridRoles.ts
+var ARIA_HEADER_ROW_INDEX = 1;
+function ariaColIndex(visibleIndex) {
+  return visibleIndex + 1;
+}
+function ariaDataRowIndex(absoluteIndex, pinnedTopCount = 0) {
+  return absoluteIndex + 2 + pinnedTopCount;
+}
+function ariaPinnedTopRowIndex(indexInPinned) {
+  return indexInPinned + 2;
+}
+function ariaPinnedBottomRowIndex(indexInPinned, dataRowCount, pinnedTopCount = 0) {
+  return pinnedTopCount + dataRowCount + 2 + indexInPinned;
+}
+function ariaFooterRowIndex(dataRowCount, pinnedTopCount = 0, pinnedBottomCount = 0) {
+  return dataRowCount + pinnedTopCount + pinnedBottomCount + 2;
+}
+function ariaGridRowCount(dataRowCount, hasFooter, pinnedTopCount = 0, pinnedBottomCount = 0) {
+  const footerRows = typeof hasFooter === "number" ? hasFooter : hasFooter ? 1 : 0;
+  return 1 + pinnedTopCount + dataRowCount + pinnedBottomCount + footerRows;
+}
+function ariaToken(value) {
+  return value.replace(/[^A-Za-z0-9_-]/g, "_");
+}
+function gridCellDomId(tableKey, rowId, columnId) {
+  return `erp-cell-${ariaToken(tableKey)}-${rowId}-${ariaToken(columnId)}`;
+}
+function isAriaSelectedCell(active, rowId, columnId) {
+  return !!active && active.rowId === rowId && active.columnId === columnId;
+}
+function gridCellA11y(tableKey, rowId, columnId, active) {
+  return {
+    id: gridCellDomId(tableKey, rowId, columnId),
+    "aria-selected": isAriaSelectedCell(active, rowId, columnId)
+  };
+}
+
+// ui/columnPin.ts
+function columnPinSide(column) {
+  const pin = chunkUC7PHDM6_cjs.resolveColumnPinned(column);
+  if (pin === "start" || pin === "end") return pin;
+  return null;
+}
+function columnPinClassName(column) {
+  if (chunkUC7PHDM6_cjs.isIndexColumn(column)) return "erp-col-pin-start erp-col-pin-index";
+  const side = columnPinSide(column);
+  if (side === "start") return "erp-col-pin-start";
+  if (side === "end") return "erp-col-pin-end";
+  return "";
+}
+function indexPinClassName(column) {
+  return columnPinClassName(column);
+}
+function columnPinDataAttr(column) {
+  if (chunkUC7PHDM6_cjs.isIndexColumn(column)) return "index";
+  return columnPinSide(column) ?? void 0;
+}
+function indexPinDataAttr(column) {
+  const attr = columnPinDataAttr(column);
+  return attr === "index" ? "index" : void 0;
+}
+function columnPinStyle(column, startOffsets, endOffsets) {
+  const side = columnPinSide(column);
+  if (side === "start") {
+    const offset = startOffsets[column.fieldName];
+    if (offset === void 0) return void 0;
+    return { insetInlineStart: offset };
+  }
+  if (side === "end") {
+    const offset = endOffsets[column.fieldName];
+    if (offset === void 0) return void 0;
+    return { insetInlineEnd: offset };
+  }
+  return void 0;
+}
+function columnPinCellProps(column, startOffsets, endOffsets) {
+  return {
+    className: columnPinClassName(column),
+    "data-erp-col-pin": columnPinDataAttr(column),
+    style: columnPinStyle(column, startOffsets, endOffsets)
+  };
+}
+var EMPTY = {
+  allVisible: [],
+  pinnedStart: [],
+  pinned: [],
+  pinnedEnd: [],
+  scrollable: [],
+  scrollableAbsIndices: [],
+  spacerStart: 0,
+  spacerEnd: 0,
+  pinnedStartWidth: 0,
+  pinnedWidth: 0,
+  pinnedEndWidth: 0,
+  startPinOffsets: {},
+  endPinOffsets: {},
+  totalWidth: 0,
+  layoutWidths: {},
+  mountedScrollableCount: 0
+};
+var ColumnWindowContext = React2.createContext(EMPTY);
+function scrollOffsetFromInlineStart(el, direction) {
+  const { scrollLeft, scrollWidth, clientWidth } = el;
+  if (direction === "ltr") return Math.max(0, scrollLeft);
+  if (scrollLeft < 0) return Math.max(0, -scrollLeft);
+  const max = Math.max(0, scrollWidth - clientWidth);
+  return Math.max(0, max - scrollLeft);
+}
+function buildColumnWindowModel(allVisible, columnWidths, scrollOffset, viewportSize, overscan = 1, flexContainerWidth = viewportSize) {
+  const layoutWidths = chunkUC7PHDM6_cjs.computeLayoutColumnWidths(
+    allVisible,
+    columnWidths,
+    flexContainerWidth
+  );
+  const widthOf = (col) => layoutWidths[col.fieldName] ?? chunkUC7PHDM6_cjs.resolveColumnWidth(col, columnWidths);
+  const { pinnedStart, scrollable: scrollableAll, pinnedEnd, scrollableAbs } = chunkUC7PHDM6_cjs.partitionColumnsByPin(allVisible);
+  const pinnedStartWidth = chunkUC7PHDM6_cjs.sumColumnWidths(pinnedStart, widthOf);
+  const pinnedEndWidth = chunkUC7PHDM6_cjs.sumColumnWidths(pinnedEnd, widthOf);
+  const scrollableWidths = scrollableAll.map(widthOf);
+  const range = chunkUC7PHDM6_cjs.ViewportCalculator.calculateColumns(
+    scrollableWidths,
+    scrollOffset,
+    viewportSize,
+    pinnedStartWidth,
+    overscan,
+    pinnedEndWidth
+  );
+  const scrollable = scrollableAll.slice(range.startIndex, range.endIndex);
+  const scrollableAbsIndices = scrollableAbs.slice(
+    range.startIndex,
+    range.endIndex
+  );
+  const totalScrollable = range.totalScrollableWidth;
+  const spacerCells = (range.spacerStart > 0 ? 1 : 0) + (range.spacerEnd > 0 ? 1 : 0);
+  let startCursor = 0;
+  const startPinOffsets = {};
+  for (const col of pinnedStart) {
+    startPinOffsets[col.fieldName] = startCursor;
+    startCursor += widthOf(col);
+  }
+  let endCursor = 0;
+  const endPinOffsets = {};
+  for (let i = pinnedEnd.length - 1; i >= 0; i -= 1) {
+    const col = pinnedEnd[i];
+    endPinOffsets[col.fieldName] = endCursor;
+    endCursor += widthOf(col);
+  }
+  return {
+    allVisible,
+    pinnedStart,
+    pinned: pinnedStart,
+    pinnedEnd,
+    scrollable,
+    scrollableAbsIndices,
+    spacerStart: range.spacerStart,
+    spacerEnd: range.spacerEnd,
+    pinnedStartWidth,
+    pinnedWidth: pinnedStartWidth,
+    pinnedEndWidth,
+    startPinOffsets,
+    endPinOffsets,
+    totalWidth: pinnedStartWidth + totalScrollable + pinnedEndWidth,
+    layoutWidths,
+    mountedScrollableCount: scrollable.length + spacerCells
+  };
+}
+function ColumnWindowProvider({
+  scrollRef,
+  columns,
+  columnWidths,
+  overscan = 1,
+  onViewportWidthChange,
+  children
+}) {
+  const direction = chunkKUBVDIF7_cjs.useDirection();
+  const [scrollOffset, setScrollOffset] = React2.useState(0);
+  const [viewportSize, setViewportSize] = React2.useState(1024);
+  const allVisible = React2.useMemo(
+    () => columns.filter((c) => !c.hidden),
+    [columns]
+  );
+  React2.useEffect(() => {
+    const el = scrollRef.current;
+    if (!el) return;
+    const update = () => {
+      setScrollOffset(scrollOffsetFromInlineStart(el, direction));
+      const w = el.clientWidth || 1024;
+      setViewportSize(w);
+      onViewportWidthChange?.(w);
+    };
+    update();
+    el.addEventListener("scroll", update, { passive: true });
+    const ro = typeof ResizeObserver !== "undefined" ? new ResizeObserver(() => update()) : null;
+    ro?.observe(el);
+    return () => {
+      el.removeEventListener("scroll", update);
+      ro?.disconnect();
+    };
+  }, [scrollRef, direction, allVisible.length, columnWidths, onViewportWidthChange]);
+  const value = React2.useMemo(
+    () => buildColumnWindowModel(
+      allVisible,
+      columnWidths,
+      scrollOffset,
+      viewportSize,
+      overscan
+    ),
+    [allVisible, columnWidths, scrollOffset, viewportSize, overscan]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(ColumnWindowContext.Provider, { value, children });
+}
+function useColumnWindowOrAll(columns, columnWidths) {
+  const ctx = React2.useContext(ColumnWindowContext);
+  const allVisible = columns.filter((c) => !c.hidden);
+  if (ctx.allVisible.length > 0) return ctx;
+  return buildColumnWindowModel(allVisible, columnWidths, 0, 1e9, 0, 0);
+}
+function renderPinnedColumns(cols, model, renderColumn, keyPrefix) {
+  const nodes = [];
+  for (const col of cols) {
+    const abs = model.allVisible.findIndex((c) => c.fieldName === col.fieldName);
+    nodes.push(
+      /* @__PURE__ */ jsxRuntime.jsx(React2__default.default.Fragment, { children: renderColumn(col, abs >= 0 ? abs : 0) }, `${keyPrefix}-${col.fieldName}`)
+    );
+  }
+  return nodes;
+}
+function ColumnWindowCells({
+  window: model,
+  renderColumn,
+  spacerElement: Spacer,
+  spacerRole = "presentation",
+  spacerStyle
+}) {
+  const nodes = [];
+  nodes.push(
+    ...renderPinnedColumns(model.pinnedStart, model, renderColumn, "pin-start")
+  );
+  if (model.spacerStart > 0) {
+    nodes.push(
+      /* @__PURE__ */ jsxRuntime.jsx(
+        Spacer,
+        {
+          "aria-hidden": true,
+          role: spacerRole,
+          "data-pdg-col-spacer": "start",
+          style: {
+            width: model.spacerStart,
+            minWidth: model.spacerStart,
+            padding: 0,
+            border: "none",
+            ...spacerStyle
+          }
+        },
+        "pdg-col-spacer-start"
+      )
+    );
+  }
+  model.scrollable.forEach((col, i) => {
+    const abs = model.scrollableAbsIndices[i] ?? i;
+    nodes.push(
+      /* @__PURE__ */ jsxRuntime.jsx(React2__default.default.Fragment, { children: renderColumn(col, abs) }, `scr-${col.fieldName}`)
+    );
+  });
+  if (model.spacerEnd > 0) {
+    nodes.push(
+      /* @__PURE__ */ jsxRuntime.jsx(
+        Spacer,
+        {
+          "aria-hidden": true,
+          role: spacerRole,
+          "data-pdg-col-spacer": "end",
+          style: {
+            width: model.spacerEnd,
+            minWidth: model.spacerEnd,
+            padding: 0,
+            border: "none",
+            ...spacerStyle
+          }
+        },
+        "pdg-col-spacer-end"
+      )
+    );
+  }
+  nodes.push(
+    ...renderPinnedColumns(model.pinnedEnd, model, renderColumn, "pin-end")
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: nodes });
+}
+
+exports.ARIA_HEADER_ROW_INDEX = ARIA_HEADER_ROW_INDEX;
+exports.ColumnWindowCells = ColumnWindowCells;
+exports.ColumnWindowProvider = ColumnWindowProvider;
+exports.ariaColIndex = ariaColIndex;
+exports.ariaDataRowIndex = ariaDataRowIndex;
+exports.ariaFooterRowIndex = ariaFooterRowIndex;
+exports.ariaGridRowCount = ariaGridRowCount;
+exports.ariaPinnedBottomRowIndex = ariaPinnedBottomRowIndex;
+exports.ariaPinnedTopRowIndex = ariaPinnedTopRowIndex;
+exports.columnPinCellProps = columnPinCellProps;
+exports.columnPinClassName = columnPinClassName;
+exports.gridCellA11y = gridCellA11y;
+exports.gridCellDomId = gridCellDomId;
+exports.indexPinClassName = indexPinClassName;
+exports.indexPinDataAttr = indexPinDataAttr;
+exports.useColumnWindowOrAll = useColumnWindowOrAll;
+//# sourceMappingURL=chunk-H2LESGMX.cjs.map
+//# sourceMappingURL=chunk-H2LESGMX.cjs.map

package/dist/chunk-H2LESGMX.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../ui/a11y/gridRoles.ts","../ui/columnPin.ts","../ui/virtual/columnWindow.tsx","../ui/virtual/ColumnWindowCells.tsx"],"names":["resolveColumnPinned","isIndexColumn","createContext","computeLayoutColumnWidths","resolveColumnWidth","partitionColumnsByPin","sumColumnWidths","ViewportCalculator","useDirection","useState","useMemo","useEffect","jsx","useContext","React","Fragment"],"mappings":"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","file":"chunk-H2LESGMX.cjs","sourcesContent":["/** Header occupies ARIA row 1. Data rows start at 2 (or after pinned top). */\r\nexport const ARIA_HEADER_ROW_INDEX = 1;\r\n\r\n/** 1-based `aria-colindex` from 0-based visible column order. */\r\nexport function ariaColIndex(visibleIndex: number): number {\r\n  return visibleIndex + 1;\r\n}\r\n\r\n/**\r\n * 1-based `aria-rowindex` for a data row.\r\n * `absoluteIndex` is 0-based in the full collection (not the mounted DOM window).\r\n * `pinnedTopCount` shifts indices when pinned-top rows occupy slots after the header (PR-116).\r\n */\r\nexport function ariaDataRowIndex(\r\n  absoluteIndex: number,\r\n  pinnedTopCount = 0,\r\n): number {\r\n  return absoluteIndex + 2 + pinnedTopCount;\r\n}\r\n\r\n/** Pinned-top rows sit immediately after the header (PR-116). */\r\nexport function ariaPinnedTopRowIndex(indexInPinned: number): number {\r\n  return indexInPinned + 2;\r\n}\r\n\r\n/** Pinned-bottom rows sit after all data rows (PR-116). */\r\nexport function ariaPinnedBottomRowIndex(\r\n  indexInPinned: number,\r\n  dataRowCount: number,\r\n  pinnedTopCount = 0,\r\n): number {\r\n  return pinnedTopCount + dataRowCount + 2 + indexInPinned;\r\n}\r\n\r\nexport function ariaFooterRowIndex(\r\n  dataRowCount: number,\r\n  pinnedTopCount = 0,\r\n  pinnedBottomCount = 0,\r\n): number {\r\n  return dataRowCount + pinnedTopCount + pinnedBottomCount + 2;\r\n}\r\n\r\nexport function ariaGridRowCount(\r\n  dataRowCount: number,\r\n  hasFooter: boolean | number,\r\n  pinnedTopCount = 0,\r\n  pinnedBottomCount = 0,\r\n): number {\r\n  const footerRows =\r\n    typeof hasFooter === 'number' ? hasFooter : hasFooter ? 1 : 0;\r\n  return (\r\n    1 +\r\n    pinnedTopCount +\r\n    dataRowCount +\r\n    pinnedBottomCount +\r\n    footerRows\r\n  );\r\n}\r\n\r\nfunction ariaToken(value: string): string {\r\n  return value.replace(/[^A-Za-z0-9_-]/g, '_');\r\n}\r\n\r\n/** Stable DOM id for `aria-activedescendant` on the grid. */\r\nexport function gridCellDomId(\r\n  tableKey: string,\r\n  rowId: number,\r\n  columnId: string,\r\n): string {\r\n  return `erp-cell-${ariaToken(tableKey)}-${rowId}-${ariaToken(columnId)}`;\r\n}\r\n\r\nexport function isAriaSelectedCell(\r\n  active: { rowId: number; columnId: string } | null | undefined,\r\n  rowId: number,\r\n  columnId: string,\r\n): boolean {\r\n  return !!active && active.rowId === rowId && active.columnId === columnId;\r\n}\r\n\r\nexport function gridCellA11y(\r\n  tableKey: string,\r\n  rowId: number,\r\n  columnId: string,\r\n  active: { rowId: number; columnId: string } | null | undefined,\r\n): { id: string; 'aria-selected': boolean } {\r\n  return {\r\n    id: gridCellDomId(tableKey, rowId, columnId),\r\n    'aria-selected': isAriaSelectedCell(active, rowId, columnId),\r\n  };\r\n}\r\n","import type { CSSProperties } from 'react';\r\n\r\nimport type { ColumnSchema } from '../bootstrap/type';\r\nimport {\r\n  computeEndPinOffsets,\r\n  computePinOffsets,\r\n  resolveColumnPinned,\r\n  type ColumnPinSide,\r\n} from '../engine/dataOps/columnPin';\r\nimport { isIndexColumn, type ColumnWidthHint } from '../engine/columnWidth';\r\n\r\n/** D19: any column may pin; index always pins at inline-start. */\r\nexport function columnPinSide(column: ColumnSchema): ColumnPinSide | null {\r\n  const pin = resolveColumnPinned(column);\r\n  if (pin === 'start' || pin === 'end') return pin;\r\n  return null;\r\n}\r\n\r\nexport function columnPinClassName(column: ColumnWidthHint): string {\r\n  if (isIndexColumn(column)) return 'erp-col-pin-start erp-col-pin-index';\r\n  const side = columnPinSide(column as ColumnSchema);\r\n  if (side === 'start') return 'erp-col-pin-start';\r\n  if (side === 'end') return 'erp-col-pin-end';\r\n  return '';\r\n}\r\n\r\n/** @deprecated Use `columnPinDataAttr` — kept for existing DOM hooks. */\r\nexport function indexPinClassName(column: ColumnWidthHint): string {\r\n  return columnPinClassName(column);\r\n}\r\n\r\nexport function columnPinDataAttr(\r\n  column: ColumnWidthHint,\r\n): ColumnPinSide | 'index' | undefined {\r\n  if (isIndexColumn(column)) return 'index';\r\n  return columnPinSide(column as ColumnSchema) ?? undefined;\r\n}\r\n\r\n/** @deprecated Use `columnPinDataAttr`. */\r\nexport function indexPinDataAttr(\r\n  column: ColumnWidthHint,\r\n): 'index' | undefined {\r\n  const attr = columnPinDataAttr(column);\r\n  return attr === 'index' ? 'index' : undefined;\r\n}\r\n\r\nexport function columnPinStyle(\r\n  column: ColumnSchema,\r\n  startOffsets: Record<string, number>,\r\n  endOffsets: Record<string, number>,\r\n): CSSProperties | undefined {\r\n  const side = columnPinSide(column);\r\n  if (side === 'start') {\r\n    const offset = startOffsets[column.fieldName];\r\n    if (offset === undefined) return undefined;\r\n    return { insetInlineStart: offset };\r\n  }\r\n  if (side === 'end') {\r\n    const offset = endOffsets[column.fieldName];\r\n    if (offset === undefined) return undefined;\r\n    return { insetInlineEnd: offset };\r\n  }\r\n  return undefined;\r\n}\r\n\r\nexport function columnPinCellProps(\r\n  column: ColumnSchema,\r\n  startOffsets: Record<string, number>,\r\n  endOffsets: Record<string, number>,\r\n): {\r\n  className: string;\r\n  'data-erp-col-pin': ReturnType<typeof columnPinDataAttr>;\r\n  style: CSSProperties | undefined;\r\n} {\r\n  return {\r\n    className: columnPinClassName(column),\r\n    'data-erp-col-pin': columnPinDataAttr(column),\r\n    style: columnPinStyle(column, startOffsets, endOffsets),\r\n  };\r\n}\r\n\r\nexport function buildPinOffsetMaps(\r\n  pinnedStart: readonly ColumnSchema[],\r\n  pinnedEnd: readonly ColumnSchema[],\r\n  resolveWidth: (col: ColumnSchema) => number,\r\n): {\r\n  startOffsets: Record<string, number>;\r\n  endOffsets: Record<string, number>;\r\n} {\r\n  return {\r\n    startOffsets: computePinOffsets(pinnedStart, resolveWidth),\r\n    endOffsets: computeEndPinOffsets(pinnedEnd, resolveWidth),\r\n  };\r\n}\r\n","\"use client\";\r\n\r\n\r\n\r\nimport React, {\r\n\r\n  createContext,\r\n\r\n  useContext,\r\n\r\n  useEffect,\r\n\r\n  useMemo,\r\n\r\n  useState,\r\n\r\n  type ReactNode,\r\n\r\n  type RefObject,\r\n\r\n} from 'react';\r\n\r\n\r\n\r\nimport type { ColumnSchema } from '../../bootstrap/type';\r\n\r\nimport { partitionColumnsByPin, sumColumnWidths } from '../../engine/dataOps/columnPin';\r\nimport { computeLayoutColumnWidths } from '../../engine/dataOps/columnLayout';\r\nimport { resolveColumnWidth } from '../../engine/columnWidth';\r\n\r\nimport { ViewportCalculator } from '../../engine/ViewportCalculator';\r\n\r\nimport { useDirection } from '../host';\r\n\r\n\r\n\r\nexport type ColumnWindowModel = {\r\n\r\n  /** Full non-hidden column list (document order). */\r\n\r\n  allVisible: ColumnSchema[];\r\n\r\n  /** Inline-start pinned columns (includes index). */\r\n\r\n  pinnedStart: ColumnSchema[];\r\n\r\n  /** @deprecated alias for pinnedStart */\r\n\r\n  pinned: ColumnSchema[];\r\n\r\n  pinnedEnd: ColumnSchema[];\r\n\r\n  /** Visible scrollable slice only. */\r\n\r\n  scrollable: ColumnSchema[];\r\n\r\n  /** Absolute indices into `allVisible` for scrollable slice entries. */\r\n\r\n  scrollableAbsIndices: number[];\r\n\r\n  spacerStart: number;\r\n\r\n  spacerEnd: number;\r\n\r\n  pinnedStartWidth: number;\r\n\r\n  /** @deprecated alias for pinnedStartWidth */\r\n\r\n  pinnedWidth: number;\r\n\r\n  pinnedEndWidth: number;\r\n\r\n  startPinOffsets: Record<string, number>;\r\n\r\n  endPinOffsets: Record<string, number>;\r\n\r\n  totalWidth: number;\r\n\r\n  /** Effective widths after flex distribution (PR-112). */\r\n  layoutWidths: Record<string, number>;\r\n\r\n  /** Number of `<th>` / data cells that should mount (pins + slice + spacers). */\r\n\r\n  mountedScrollableCount: number;\r\n\r\n};\r\n\r\n\r\n\r\nconst EMPTY: ColumnWindowModel = {\r\n\r\n  allVisible: [],\r\n\r\n  pinnedStart: [],\r\n\r\n  pinned: [],\r\n\r\n  pinnedEnd: [],\r\n\r\n  scrollable: [],\r\n\r\n  scrollableAbsIndices: [],\r\n\r\n  spacerStart: 0,\r\n\r\n  spacerEnd: 0,\r\n\r\n  pinnedStartWidth: 0,\r\n\r\n  pinnedWidth: 0,\r\n\r\n  pinnedEndWidth: 0,\r\n\r\n  startPinOffsets: {},\r\n\r\n  endPinOffsets: {},\r\n\r\n  totalWidth: 0,\r\n\r\n  layoutWidths: {},\r\n\r\n  mountedScrollableCount: 0,\r\n\r\n};\r\n\r\n\r\n\r\nconst ColumnWindowContext = createContext<ColumnWindowModel>(EMPTY);\r\n\r\n\r\n\r\n/** Normalize scroll position to distance from inline-start (px ≥ 0). */\r\n\r\nexport function scrollOffsetFromInlineStart(\r\n\r\n  el: HTMLElement,\r\n\r\n  direction: 'rtl' | 'ltr',\r\n\r\n): number {\r\n\r\n  const { scrollLeft, scrollWidth, clientWidth } = el;\r\n\r\n  if (direction === 'ltr') return Math.max(0, scrollLeft);\r\n\r\n  if (scrollLeft < 0) return Math.max(0, -scrollLeft);\r\n\r\n  const max = Math.max(0, scrollWidth - clientWidth);\r\n\r\n  return Math.max(0, max - scrollLeft);\r\n\r\n}\r\n\r\n\r\n\r\nexport function buildColumnWindowModel(\r\n\r\n  allVisible: ColumnSchema[],\r\n\r\n  columnWidths: Record<string, number> | undefined,\r\n\r\n  scrollOffset: number,\r\n\r\n  viewportSize: number,\r\n\r\n  overscan = 1,\r\n\r\n  flexContainerWidth = viewportSize,\r\n\r\n): ColumnWindowModel {\r\n\r\n  const layoutWidths = computeLayoutColumnWidths(\r\n    allVisible,\r\n    columnWidths,\r\n    flexContainerWidth,\r\n  );\r\n\r\n  const widthOf = (col: ColumnSchema) =>\r\n    layoutWidths[col.fieldName] ?? resolveColumnWidth(col, columnWidths);\r\n\r\n\r\n\r\n  const { pinnedStart, scrollable: scrollableAll, pinnedEnd, scrollableAbs } =\r\n\r\n    partitionColumnsByPin(allVisible);\r\n\r\n\r\n\r\n  const pinnedStartWidth = sumColumnWidths(pinnedStart, widthOf);\r\n\r\n  const pinnedEndWidth = sumColumnWidths(pinnedEnd, widthOf);\r\n\r\n\r\n\r\n  const scrollableWidths = scrollableAll.map(widthOf);\r\n\r\n  const range = ViewportCalculator.calculateColumns(\r\n\r\n    scrollableWidths,\r\n\r\n    scrollOffset,\r\n\r\n    viewportSize,\r\n\r\n    pinnedStartWidth,\r\n\r\n    overscan,\r\n\r\n    pinnedEndWidth,\r\n\r\n  );\r\n\r\n  const scrollable = scrollableAll.slice(range.startIndex, range.endIndex);\r\n\r\n  const scrollableAbsIndices = scrollableAbs.slice(\r\n\r\n    range.startIndex,\r\n\r\n    range.endIndex,\r\n\r\n  );\r\n\r\n  const totalScrollable = range.totalScrollableWidth;\r\n\r\n  const spacerCells =\r\n\r\n    (range.spacerStart > 0 ? 1 : 0) + (range.spacerEnd > 0 ? 1 : 0);\r\n\r\n\r\n\r\n  let startCursor = 0;\r\n\r\n  const startPinOffsets: Record<string, number> = {};\r\n\r\n  for (const col of pinnedStart) {\r\n\r\n    startPinOffsets[col.fieldName] = startCursor;\r\n\r\n    startCursor += widthOf(col);\r\n\r\n  }\r\n\r\n\r\n\r\n  let endCursor = 0;\r\n\r\n  const endPinOffsets: Record<string, number> = {};\r\n\r\n  for (let i = pinnedEnd.length - 1; i >= 0; i -= 1) {\r\n\r\n    const col = pinnedEnd[i]!;\r\n\r\n    endPinOffsets[col.fieldName] = endCursor;\r\n\r\n    endCursor += widthOf(col);\r\n\r\n  }\r\n\r\n\r\n\r\n  return {\r\n\r\n    allVisible,\r\n\r\n    pinnedStart,\r\n\r\n    pinned: pinnedStart,\r\n\r\n    pinnedEnd,\r\n\r\n    scrollable,\r\n\r\n    scrollableAbsIndices,\r\n\r\n    spacerStart: range.spacerStart,\r\n\r\n    spacerEnd: range.spacerEnd,\r\n\r\n    pinnedStartWidth,\r\n\r\n    pinnedWidth: pinnedStartWidth,\r\n\r\n    pinnedEndWidth,\r\n\r\n    startPinOffsets: startPinOffsets,\r\n\r\n    endPinOffsets,\r\n\r\n    totalWidth: pinnedStartWidth + totalScrollable + pinnedEndWidth,\r\n\r\n    layoutWidths,\r\n\r\n    mountedScrollableCount: scrollable.length + spacerCells,\r\n\r\n  };\r\n\r\n}\r\n\r\n\r\n\r\ntype ProviderProps = {\r\n\r\n  scrollRef: RefObject<HTMLElement | null>;\r\n\r\n  columns: ColumnSchema[];\r\n\r\n  columnWidths?: Record<string, number>;\r\n\r\n  overscan?: number;\r\n\r\n  onViewportWidthChange?: (width: number) => void;\r\n\r\n  children: ReactNode;\r\n\r\n};\r\n\r\n\r\n\r\nexport function ColumnWindowProvider({\r\n\r\n  scrollRef,\r\n\r\n  columns,\r\n\r\n  columnWidths,\r\n\r\n  overscan = 1,\r\n\r\n  onViewportWidthChange,\r\n\r\n  children,\r\n\r\n}: ProviderProps) {\r\n\r\n  const direction = useDirection();\r\n\r\n  const [scrollOffset, setScrollOffset] = useState(0);\r\n\r\n  const [viewportSize, setViewportSize] = useState(1024);\r\n\r\n\r\n\r\n  const allVisible = useMemo(\r\n\r\n    () => columns.filter((c) => !c.hidden),\r\n\r\n    [columns],\r\n\r\n  );\r\n\r\n\r\n\r\n  useEffect(() => {\r\n\r\n    const el = scrollRef.current;\r\n\r\n    if (!el) return;\r\n\r\n\r\n\r\n    const update = () => {\r\n\r\n      setScrollOffset(scrollOffsetFromInlineStart(el, direction));\r\n\r\n      const w = el.clientWidth || 1024;\r\n\r\n      setViewportSize(w);\r\n\r\n      onViewportWidthChange?.(w);\r\n\r\n    };\r\n\r\n    update();\r\n\r\n    el.addEventListener('scroll', update, { passive: true });\r\n\r\n    const ro =\r\n\r\n      typeof ResizeObserver !== 'undefined'\r\n\r\n        ? new ResizeObserver(() => update())\r\n\r\n        : null;\r\n\r\n    ro?.observe(el);\r\n\r\n    return () => {\r\n\r\n      el.removeEventListener('scroll', update);\r\n\r\n      ro?.disconnect();\r\n\r\n    };\r\n\r\n  }, [scrollRef, direction, allVisible.length, columnWidths, onViewportWidthChange]);\r\n\r\n\r\n\r\n  const value = useMemo(\r\n\r\n    () =>\r\n\r\n      buildColumnWindowModel(\r\n\r\n        allVisible,\r\n\r\n        columnWidths,\r\n\r\n        scrollOffset,\r\n\r\n        viewportSize,\r\n\r\n        overscan,\r\n\r\n      ),\r\n\r\n    [allVisible, columnWidths, scrollOffset, viewportSize, overscan],\r\n\r\n  );\r\n\r\n\r\n\r\n  return (\r\n\r\n    <ColumnWindowContext.Provider value={value}>\r\n\r\n      {children}\r\n\r\n    </ColumnWindowContext.Provider>\r\n\r\n  );\r\n\r\n}\r\n\r\n\r\n\r\nexport function useColumnWindow(): ColumnWindowModel {\r\n\r\n  return useContext(ColumnWindowContext);\r\n\r\n}\r\n\r\n\r\n\r\n/** Fallback when provider is absent: render every visible column. */\r\n\r\nexport function useColumnWindowOrAll(\r\n\r\n  columns: ColumnSchema[],\r\n\r\n  columnWidths?: Record<string, number>,\r\n\r\n): ColumnWindowModel {\r\n\r\n  const ctx = useContext(ColumnWindowContext);\r\n\r\n  const allVisible = columns.filter((c) => !c.hidden);\r\n\r\n  if (ctx.allVisible.length > 0) return ctx;\r\n\r\n  return buildColumnWindowModel(allVisible, columnWidths, 0, 1e9, 0, 0);\r\n\r\n}\r\n\r\n\r\n","\"use client\";\r\n\r\n\r\n\r\nimport React, { type CSSProperties, type ReactNode } from 'react';\r\n\r\n\r\n\r\nimport type { ColumnSchema } from '../../bootstrap/type';\r\n\r\nimport type { ColumnWindowModel } from './columnWindow';\r\n\r\n\r\n\r\ntype SpacerKind = 'start' | 'end';\r\n\r\n\r\n\r\ntype Props = {\r\n\r\n  window: ColumnWindowModel;\r\n\r\n  /** Render a real pinned / scrollable column cell. */\r\n\r\n  renderColumn: (col: ColumnSchema, absoluteIndex: number) => ReactNode;\r\n\r\n  /** Element type for horizontal spacers (`th` in header, `td` elsewhere). */\r\n\r\n  spacerElement: 'th' | 'td';\r\n\r\n  spacerRole?: 'columnheader' | 'presentation' | 'gridcell';\r\n\r\n  spacerStyle?: CSSProperties;\r\n\r\n};\r\n\r\n\r\n\r\nfunction renderPinnedColumns(\r\n\r\n  cols: ColumnSchema[],\r\n\r\n  model: ColumnWindowModel,\r\n\r\n  renderColumn: Props['renderColumn'],\r\n\r\n  keyPrefix: string,\r\n\r\n) {\r\n\r\n  const nodes: ReactNode[] = [];\r\n\r\n  for (const col of cols) {\r\n\r\n    const abs = model.allVisible.findIndex((c) => c.fieldName === col.fieldName);\r\n\r\n    nodes.push(\r\n\r\n      <React.Fragment key={`${keyPrefix}-${col.fieldName}`}>\r\n\r\n        {renderColumn(col, abs >= 0 ? abs : 0)}\r\n\r\n      </React.Fragment>,\r\n\r\n    );\r\n\r\n  }\r\n\r\n  return nodes;\r\n\r\n}\r\n\r\n\r\n\r\n/**\r\n\r\n * Shared column chrome for header / body / footer (PR-98 / PR-110):\r\n\r\n * pin start → spacerStart → scrollable window → spacerEnd → pin end.\r\n\r\n */\r\n\r\nexport function ColumnWindowCells({\r\n\r\n  window: model,\r\n\r\n  renderColumn,\r\n\r\n  spacerElement: Spacer,\r\n\r\n  spacerRole = 'presentation',\r\n\r\n  spacerStyle,\r\n\r\n}: Props) {\r\n\r\n  const nodes: ReactNode[] = [];\r\n\r\n\r\n\r\n  nodes.push(\r\n\r\n    ...renderPinnedColumns(model.pinnedStart, model, renderColumn, 'pin-start'),\r\n\r\n  );\r\n\r\n\r\n\r\n  if (model.spacerStart > 0) {\r\n\r\n    nodes.push(\r\n\r\n      <Spacer\r\n\r\n        key=\"pdg-col-spacer-start\"\r\n\r\n        aria-hidden\r\n\r\n        role={spacerRole}\r\n\r\n        data-pdg-col-spacer=\"start\"\r\n\r\n        style={{\r\n\r\n          width: model.spacerStart,\r\n\r\n          minWidth: model.spacerStart,\r\n\r\n          padding: 0,\r\n\r\n          border: 'none',\r\n\r\n          ...spacerStyle,\r\n\r\n        }}\r\n\r\n      />,\r\n\r\n    );\r\n\r\n  }\r\n\r\n\r\n\r\n  model.scrollable.forEach((col, i) => {\r\n\r\n    const abs = model.scrollableAbsIndices[i] ?? i;\r\n\r\n    nodes.push(\r\n\r\n      <React.Fragment key={`scr-${col.fieldName}`}>\r\n\r\n        {renderColumn(col, abs)}\r\n\r\n      </React.Fragment>,\r\n\r\n    );\r\n\r\n  });\r\n\r\n\r\n\r\n  if (model.spacerEnd > 0) {\r\n\r\n    nodes.push(\r\n\r\n      <Spacer\r\n\r\n        key=\"pdg-col-spacer-end\"\r\n\r\n        aria-hidden\r\n\r\n        role={spacerRole}\r\n\r\n        data-pdg-col-spacer=\"end\"\r\n\r\n        style={{\r\n\r\n          width: model.spacerEnd,\r\n\r\n          minWidth: model.spacerEnd,\r\n\r\n          padding: 0,\r\n\r\n          border: 'none',\r\n\r\n          ...spacerStyle,\r\n\r\n        }}\r\n\r\n      />,\r\n\r\n    );\r\n\r\n  }\r\n\r\n\r\n\r\n  nodes.push(\r\n\r\n    ...renderPinnedColumns(model.pinnedEnd, model, renderColumn, 'pin-end'),\r\n\r\n  );\r\n\r\n\r\n\r\n  return <>{nodes}</>;\r\n\r\n}\r\n\r\n\r\n\r\nexport type { SpacerKind };\r\n\r\n\r\n"]}