@canvas-components/list-table 0.2.0 → 0.2.1

package/dist/index.js

@@ -1,7 +1,7 @@
+import { stringifyDataIndex, getValueByDataIndex, clamp, copyTextSync, copyText, exportTableToXlsx, isSameDataIndex, exportTableToTxt, exportTableToCsv, downloadJsonFile, mapRowsToExportRecords, copyJson, copyRows, isPointInRect as isPointInRect$1 } from '@canvas-components/utils';
 import { drawBarcodeToCanvas } from '@canvas-components/barcode';
 import { drawCanvasChartToCanvas, getCanvasChartRenderer, resolveCanvasChartTooltipText } from '@canvas-components/chart';
 import { drawQrCodeToCanvas } from '@canvas-components/qrcode';
-import { copyTextSync, copyText, exportTableToXlsx, exportTableToTxt, exportTableToCsv, downloadJsonFile, mapRowsToExportRecords, copyJson, copyRows } from '@canvas-components/utils';
 
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
@@ -68,13 +68,8 @@ var DebugManager = class {
     console.info(`[ListTable Debug] ${label}`, payload);
   }
 };
-
-// src/domain/columns/column-key.ts
-function stringifyColumnDataIndex(dataIndex) {
-  return Array.isArray(dataIndex) ? dataIndex.map((item) => String(item)).join(".") : String(dataIndex);
-}
 function resolveColumnKey(column) {
-  return column.key?.trim() || stringifyColumnDataIndex(column.dataIndex);
+  return column.key?.trim() || stringifyDataIndex(column.dataIndex);
 }
 function ensureColumnKeysInPlace(columns) {
   columns.forEach((column) => {
@@ -1601,27 +1596,6 @@ function clampPageNumber(page, totalPages) {
   }
   return Math.min(Math.max(1, Math.floor(page)), totalPages);
 }
-
-// src/domain/data/get-value-by-data-index.ts
-function getValueByDataIndex(record, dataIndex) {
-  if (dataIndex == null) {
-    return void 0;
-  }
-  const path = Array.isArray(dataIndex) ? dataIndex : [dataIndex];
-  let current = record;
-  for (const key of path) {
-    if (current == null) {
-      return void 0;
-    }
-    if (typeof current !== "object" && !Array.isArray(current)) {
-      return void 0;
-    }
-    current = current[key];
-  }
-  return current;
-}
-
-// src/domain/rows/row-selection.ts
 var maximumTreeDepthCache = /* @__PURE__ */ new WeakMap();
 var ROW_SELECTION_COLUMN_KEY = "__row_selection__";
 var EXPAND_COLUMN_KEY = "__row_expand__";
@@ -3709,8 +3683,6 @@ function resolveLinkTextDecoration(content, hovered = false) {
   }
   return shouldDrawUnderline(content.underline, hovered) ? "underline" : "none";
 }
-
-// src/rendering/cell-content/draw-nested-table-content.ts
 var DEFAULT_COLUMN_WIDTH2 = 140;
 var TABLE_PADDING_X = 12;
 function drawBodyNestedTableContent(params) {
@@ -3931,7 +3903,7 @@ function isNestedTableColumnHighlighted(content, column, columnIndex, highlight)
   }
   return content.highlightColumnDataIndexes?.some(
     (dataIndex) => isSameDataIndex(dataIndex, column.dataIndex)
-  ) === true || highlight?.columnDataIndex === serializeDataIndex(column.dataIndex) || highlight?.columnIndex === columnIndex;
+  ) === true || highlight?.columnDataIndex === stringifyDataIndex(column.dataIndex) || highlight?.columnIndex === columnIndex;
 }
 function resolveNestedTableRowKey(content, record, rowIndex) {
   if (typeof content.rowKey === "function") {
@@ -3944,11 +3916,6 @@ function resolveNestedTableRowKey(content, record, rowIndex) {
   const fallbackKey = record.key;
   return typeof fallbackKey === "string" || typeof fallbackKey === "number" ? fallbackKey : rowIndex;
 }
-function isSameDataIndex(left, right) {
-  const leftPath = Array.isArray(left) ? left : [left];
-  const rightPath = Array.isArray(right) ? right : [right];
-  return leftPath.length === rightPath.length && leftPath.every((key, index) => key === rightPath[index]);
-}
 function pushNestedTableDescriptor(params) {
   const { column, columnIndex, content, drawParams, record, rect, rowIndex } = params;
   const rowKey = record != null && typeof rowIndex === "number" ? resolveNestedTableRowKey(content, record, rowIndex) : void 0;
@@ -3961,14 +3928,11 @@ function pushNestedTableDescriptor(params) {
     contentKey: "nested-table",
     nestedRowKey: rowKey,
     nestedRowIndex: rowIndex,
-    nestedColumnDataIndex: serializeDataIndex(column.dataIndex),
+    nestedColumnDataIndex: stringifyDataIndex(column.dataIndex),
     nestedColumnIndex: columnIndex,
     cursor: "pointer"
   });
 }
-function serializeDataIndex(dataIndex) {
-  return (Array.isArray(dataIndex) ? dataIndex : [dataIndex]).map((item) => String(item)).join(".");
-}
 function drawNestedTableText(params) {
   const {
     align = "left",
@@ -5183,8 +5147,6 @@ function applyTextContentStyle(ctx, content, fallbackColor, theme) {
   ctx.textBaseline = "alphabetic";
   ctx.textAlign = "left";
 }
-
-// src/features/editing/editing-utils.ts
 function canEditCell(column, context) {
   if (!column || column.key === ROW_SELECTION_COLUMN_KEY || column.key === EXPAND_COLUMN_KEY) {
     return false;
@@ -6760,9 +6722,6 @@ function intersectRects(left, right) {
     height: maxY - y
   };
 }
-function clamp(value, min, max) {
-  return Math.min(Math.max(value, min), max);
-}
 
 // src/services/cell-content-action-service.ts
 function emitBodyCellContentClick(params) {
@@ -6978,30 +6937,20 @@ function resolveBodyContentIndex(result, contents) {
   }
   return void 0;
 }
-
-// src/domain/layout/geometry.ts
-function clamp2(value, min, max) {
-  return Math.min(Math.max(value, min), max);
-}
-function isPointInRect2(x, y, rect) {
-  return x >= rect.x && x <= rect.x + rect.width && y >= rect.y && y <= rect.y + rect.height;
-}
-
-// src/domain/layout/scrollbar.ts
 function isPointInScrollbar(x, y, scrollbar) {
-  return isPointInRect2(x, y, scrollbar.decreaseButton) || isPointInRect2(x, y, scrollbar.increaseButton) || isPointInRect2(x, y, scrollbar.track) || isPointInRect2(x, y, scrollbar.thumb);
+  return isPointInRect$1(x, y, scrollbar.decreaseButton) || isPointInRect$1(x, y, scrollbar.increaseButton) || isPointInRect$1(x, y, scrollbar.track) || isPointInRect$1(x, y, scrollbar.thumb);
 }
 function resolveScrollbarRole(x, y, scrollbar) {
-  if (isPointInRect2(x, y, scrollbar.thumb)) {
+  if (isPointInRect$1(x, y, scrollbar.thumb)) {
     return "thumb";
   }
-  if (isPointInRect2(x, y, scrollbar.decreaseButton)) {
+  if (isPointInRect$1(x, y, scrollbar.decreaseButton)) {
     return "decrease-button";
   }
-  if (isPointInRect2(x, y, scrollbar.increaseButton)) {
+  if (isPointInRect$1(x, y, scrollbar.increaseButton)) {
     return "increase-button";
   }
-  if (isPointInRect2(x, y, scrollbar.track)) {
+  if (isPointInRect$1(x, y, scrollbar.track)) {
     return "track";
   }
   return void 0;
@@ -7100,8 +7049,6 @@ function scaleRectByZoom(rect, zoom) {
     height: rect.height * safeZoom
   };
 }
-
-// src/domain/columns/header-reorder.ts
 function resolveHeaderReorderTarget(pointerX, siblings, getBounds) {
   if (siblings.length === 0) {
     return null;
@@ -7128,7 +7075,7 @@ function resolveHeaderReorderTarget(pointerX, siblings, getBounds) {
       }
     }
   }
-  targetSiblingIndex = clamp2(targetSiblingIndex, 0, siblings.length);
+  targetSiblingIndex = clamp(targetSiblingIndex, 0, siblings.length);
   const targetIndicatorX = resolveTargetIndicatorX(
     siblings,
     targetSiblingIndex,
@@ -7719,8 +7666,6 @@ function createListTableAnimationRuntime() {
     carouselScrollAnimation: null
   };
 }
-
-// src/features/scroll/scroll-feature.ts
 var WHEEL_DELTA_MODE_PIXEL = 0;
 var WHEEL_DELTA_MODE_LINE = 1;
 var WHEEL_DELTA_MODE_PAGE = 2;
@@ -7815,7 +7760,7 @@ function stepScrollbarScroll(params) {
   if (area === "horizontal-scrollbar") {
     return {
       ...current,
-      left: clamp2(
+      left: clamp(
         current.left + direction * horizontalStep,
         0,
         viewport.maxScrollLeft
@@ -7824,7 +7769,7 @@ function stepScrollbarScroll(params) {
   }
   return {
     ...current,
-    top: clamp2(
+    top: clamp(
       current.top + direction * rowHeight,
       0,
       viewport.maxScrollTop
@@ -7834,7 +7779,7 @@ function stepScrollbarScroll(params) {
 function jumpScrollbarScroll(params) {
   const { current, axis, pointerValue, track, thumb, viewport } = params;
   if (axis === "horizontal") {
-    const nextThumbX = clamp2(
+    const nextThumbX = clamp(
       pointerValue - thumb.width / 2,
       track.x,
       track.x + track.width - thumb.width
@@ -7845,7 +7790,7 @@ function jumpScrollbarScroll(params) {
       left: ratio2 * viewport.maxScrollLeft
     };
   }
-  const nextThumbY = clamp2(
+  const nextThumbY = clamp(
     pointerValue - thumb.height / 2,
     track.y,
     track.y + track.height - thumb.height
@@ -7858,7 +7803,7 @@ function jumpScrollbarScroll(params) {
 }
 function dragScrollbarScroll(params) {
   const { current, dragging, pointerValue } = params;
-  const nextThumbValue = clamp2(
+  const nextThumbValue = clamp(
     pointerValue - dragging.pointerOffset,
     dragging.trackStart,
     dragging.trackStart + dragging.trackLength - dragging.thumbLength
@@ -7922,7 +7867,7 @@ function resolveVerticalCarouselScroll(params) {
   return {
     nextScroll: {
       ...current,
-      top: clamp2(current.top + Math.max(rowHeight, 1), 0, maxScrollTop)
+      top: clamp(current.top + Math.max(rowHeight, 1), 0, maxScrollTop)
     },
     animate: true,
     shouldStop: false
@@ -7949,7 +7894,7 @@ function resolveHorizontalCarouselScroll(params) {
   return {
     nextScroll: {
       ...current,
-      left: clamp2(nextLeft, 0, maxScrollLeft)
+      left: clamp(nextLeft, 0, maxScrollLeft)
     },
     animate: true,
     shouldStop: false
@@ -7960,7 +7905,7 @@ function resolveColumnBoundaries(columns, maxScrollLeft) {
   let offset = 0;
   columns.forEach((column) => {
     offset += Math.max(column.width, 0);
-    boundaries.push(clamp2(offset, 0, maxScrollLeft));
+    boundaries.push(clamp(offset, 0, maxScrollLeft));
   });
   return Array.from(new Set(boundaries)).filter((value) => value > 0);
 }
@@ -10516,8 +10461,6 @@ var ListTableEditingController = class {
     this.validationMessages = /* @__PURE__ */ new Map();
   }
 };
-
-// src/features/column-resize/column-resize-feature.ts
 function startColumnResizeDrag(params) {
   const { options, leafColumns, columnKey, pointerX } = params;
   for (const leaf of leafColumns) {
@@ -10539,7 +10482,7 @@ function updateColumnResizeDrag(params) {
   const { dragging, pointerX, leafColumns, options } = params;
   const dx = pointerX - dragging.startX;
   const nextWidth = Math.round(
-    clamp2(dragging.startWidth + dx, dragging.minWidth, dragging.maxWidth)
+    clamp(dragging.startWidth + dx, dragging.minWidth, dragging.maxWidth)
   );
   const column = leafColumns.find((item) => item.key === dragging.columnKey);
   if (!column || column.width === nextWidth) {
@@ -12039,8 +11982,6 @@ function moveRowDrag(params) {
 function endRowDragSession() {
   return createIdleRowDragSession();
 }
-
-// src/features/row-drag/row-drag-insertion.ts
 function resolveRowDragInsertionPosition(params) {
   const bodyTop = Math.max(params.bodyTop, 0);
   const bodyBottom = Math.max(params.bodyBottom, bodyTop);
@@ -12057,15 +11998,15 @@ function resolveRowDragInsertionPosition(params) {
   for (const row of rowRects) {
     if (params.pointerY <= (row.top + row.bottom) / 2) {
       return {
-        insertIndex: clamp3(row.rowIndex, 0, rowCount),
-        indicatorY: clamp3(row.top, bodyTop, bodyBottom)
+        insertIndex: clamp(row.rowIndex, 0, rowCount),
+        indicatorY: clamp(row.top, bodyTop, bodyBottom)
       };
     }
   }
   const lastRow = rowRects[rowRects.length - 1];
   return {
-    insertIndex: clamp3(lastRow.rowIndex + 1, 0, rowCount),
-    indicatorY: clamp3(lastRow.bottom, bodyTop, bodyBottom)
+    insertIndex: clamp(lastRow.rowIndex + 1, 0, rowCount),
+    indicatorY: clamp(lastRow.bottom, bodyTop, bodyBottom)
   };
 }
 function resolveVisibleRowRects(descriptors) {
@@ -12088,9 +12029,6 @@ function resolveVisibleRowRects(descriptors) {
   }
   return Array.from(rows.values());
 }
-function clamp3(value, min, max) {
-  return Math.min(Math.max(value, min), max);
-}
 
 // src/services/row-drag-bus.ts
 var RowDragBus = class {
@@ -12676,8 +12614,8 @@ var ListTableRowDragController = class {
     const pointer = this.potentialPointer ?? fallbackPointer;
     return {
       dataUrl,
-      grabOffsetX: clamp4((pointer.x - rect.x) * zoom, 0, rect.width * zoom),
-      grabOffsetY: clamp4((pointer.y - rect.y) * zoom, 0, rect.height * zoom)
+      grabOffsetX: clamp((pointer.x - rect.x) * zoom, 0, rect.width * zoom),
+      grabOffsetY: clamp((pointer.y - rect.y) * zoom, 0, rect.height * zoom)
     };
   }
   showPreview(capture, clientX, clientY) {
@@ -12914,9 +12852,6 @@ function structuredCloneSafe(value) {
     return value;
   }
 }
-function clamp4(value, min, max) {
-  return Math.min(Math.max(value, min), max);
-}
 function resolveValidZoom(value) {
   return typeof value === "number" && Number.isFinite(value) && value > 0 ? value : 1;
 }
@@ -15408,8 +15343,6 @@ function computeScrollbarLayout(params) {
   }
   return layout;
 }
-
-// src/domain/layout/compute-viewport.ts
 function computeViewport(params) {
   const bodyHeight = Math.max(
     params.bodyHeight ?? params.height - params.headerHeight,
@@ -15439,15 +15372,12 @@ function computeViewport(params) {
   return {
     viewport,
     scroll: {
-      left: clamp5(params.scroll.left, 0, resolvedMaxScrollLeft),
-      top: clamp5(params.scroll.top, 0, resolvedMaxScrollTop)
+      left: clamp(params.scroll.left, 0, resolvedMaxScrollLeft),
+      top: clamp(params.scroll.top, 0, resolvedMaxScrollTop)
     },
     centerVisibleWidth
   };
 }
-function clamp5(value, min, max) {
-  return Math.min(Math.max(value, min), max);
-}
 
 // src/domain/rows/body-layout.ts
 function resolveBodyLayout(params) {
@@ -16548,7 +16478,7 @@ function resolveSummaryTextX(params) {
   const maxX = visibleRect.x + visibleRect.width - padding;
   const preferredX = getAlignedTextX(rect, align, padding);
   if (align === "center") {
-    return clamp6(preferredX, minX, maxX);
+    return clamp(preferredX, minX, maxX);
   }
   if (align === "right") {
     return Math.max(Math.min(preferredX, maxX), minX);
@@ -16590,9 +16520,6 @@ function intersectRects2(left, right) {
     height: maxY - y
   };
 }
-function clamp6(value, min, max) {
-  return Math.min(Math.max(value, min), max);
-}
 function isIndexInHighlightRange2(index, range) {
   return Boolean(range && index >= range.start && index <= range.end);
 }
@@ -17517,7 +17444,7 @@ function getTargetMergeColumns(columns, keys) {
     return [];
   }
   return columns.filter(
-    (column) => keys.some((key) => isSameDataIndex2(column.dataIndex, key))
+    (column) => keys.some((key) => isSameDataIndex(column.dataIndex, key))
   );
 }
 function getCellCoverKey(rowIndex, columnKey) {
@@ -17550,14 +17477,6 @@ function normalizeMergeValue(value) {
 function isSameMergeValue(left, right) {
   return normalizeMergeValue(left) === normalizeMergeValue(right);
 }
-function isSameDataIndex2(left, right) {
-  const leftPath = Array.isArray(left) ? left : [left];
-  const rightPath = Array.isArray(right) ? right : [right];
-  if (leftPath.length !== rightPath.length) {
-    return false;
-  }
-  return leftPath.every((key, index) => key === rightPath[index]);
-}
 function getMergedCellWidth(columns, startIndex, colSpan) {
   let width = 0;
   for (let index = startIndex; index < startIndex + colSpan; index += 1) {
@@ -18322,8 +18241,6 @@ function isDragSourceColumn3(column, dragReorder) {
   }
   return column.leafIndex >= dragReorder.sourceLeafStartIndex && column.leafIndex <= dragReorder.sourceLeafEndIndex;
 }
-
-// src/rendering/primitives/header-text-layout.ts
 var ACTION_GAP = 4;
 var ACTION_SIZE = 14;
 var ACTION_PADDING_INLINE = 10;
@@ -18415,16 +18332,13 @@ function getStickyTextX(rect, visibleRect, align, padding) {
   const maxX = visibleRect.x + visibleRect.width - padding;
   const preferredX = getAlignedTextX2(rect, align, padding);
   if (align === "center") {
-    return clamp7(preferredX, minX, maxX);
+    return clamp(preferredX, minX, maxX);
   }
   if (align === "right") {
     return Math.max(Math.min(preferredX, maxX), minX);
   }
   return Math.min(Math.max(preferredX, minX), maxX);
 }
-function clamp7(value, min, max) {
-  return Math.min(Math.max(value, min), max);
-}
 
 // src/rendering/primitives/draw-header.ts
 var ACTION_GAP2 = 4;
@@ -20787,8 +20701,6 @@ var ListTableSelectionController = class {
     this.summarySelected = false;
   }
 };
-
-// src/services/summary-service.ts
 var SUMMARY_ASYNC_BATCH_SIZE = 2e3;
 var SUMMARY_ASYNC_FRAME_BUDGET = 8;
 async function computeSummaryValuesAsync(params) {