@pibit.ai/cure-design-system 0.3.28 → 0.3.33

package/dist/patterns/table/cellRangeSelection.d.ts

@@ -0,0 +1,83 @@
+/** Re-export the shared drag threshold so cell-range and row-reorder stay aligned. */
+export declare const CELL_RANGE_DRAG_THRESHOLD_PX = 5;
+export type TableCellCoord = {
+    rowId: string;
+    columnKey: string;
+    sourceIndex: number | null;
+};
+/** Controlled rectangular cell selection (Excel-style). One rectangle only. */
+export type TableCellSelection = {
+    /** Where the range started (drag / Shift origin). */
+    anchor: TableCellCoord;
+    /** Active end of the range (keyboard focus / drag tip). */
+    focus: TableCellCoord;
+};
+/** Normalized rectangle in display order for copy/paste. */
+export type TableCellRangeRect = {
+    rowIds: string[];
+    columnKeys: string[];
+    sourceIndices: Array<number | null>;
+    /** Top-left of the rectangle (min row/col in display order). */
+    start: TableCellCoord;
+    /** Bottom-right of the rectangle. */
+    end: TableCellCoord;
+};
+export type CellRangeEdgeFlags = {
+    top: boolean;
+    bottom: boolean;
+    left: boolean;
+    right: boolean;
+};
+export type CellRangeVisualState = {
+    inRange: boolean;
+    isAnchor: boolean;
+    isFocus: boolean;
+    /** True when the selection is a single cell (anchor === focus). */
+    isSingle: boolean;
+    edges: CellRangeEdgeFlags;
+};
+/** Inclusive min/max indices for the selection against the current grid axes. */
+export declare function getSelectionIndexBounds(selection: TableCellSelection, rowIds: readonly string[], columnKeys: readonly string[]): {
+    rowMin: number;
+    rowMax: number;
+    colMin: number;
+    colMax: number;
+} | null;
+export declare function isSingleCellSelection(selection: TableCellSelection): boolean;
+export declare function buildCellRangeRect(selection: TableCellSelection, rowIds: readonly string[], columnKeys: readonly string[]): TableCellRangeRect | null;
+export declare function getCellRangeVisualState(selection: TableCellSelection | null | undefined, rowId: string, columnKey: string, rowIds: readonly string[], columnKeys: readonly string[]): CellRangeVisualState;
+/** Inset box-shadow sides forming a continuous 2px brand border around the range. */
+export declare function cellRangeEdgeBoxShadow(edges: CellRangeEdgeFlags): string | undefined;
+/**
+ * Auto-scroll deltas for drag interactions (cell range or shared with future features).
+ * Same edge intensity model as row reorder, plus horizontal axis.
+ */
+export declare function getDragScrollDeltas(scrollContainer: HTMLElement, clientX: number, clientY: number, edgePx?: number, maxSpeedPx?: number): {
+    dx: number;
+    dy: number;
+};
+export declare function resolveCellCoordFromElement(cell: HTMLElement): TableCellCoord | null;
+/**
+ * First selectable data cell of the row a keystroke came from.
+ *
+ * Row chrome (selection checkbox, row actions, delete button) is marked `data-grid-no-range`, so a
+ * keystroke that starts there resolves to no cell at all. Anchoring on the row's first data cell
+ * keeps the leading column inside the range instead of starting one column in.
+ */
+export declare function resolveRowAnchorCoordFromTarget(target: EventTarget | null, container: HTMLElement | null): TableCellCoord | null;
+/** Find the grid cell under the pointer (for drag updates while scrolling). */
+export declare function hitTestGridCell(container: HTMLElement, clientX: number, clientY: number): HTMLElement | null;
+export declare function canStartCellRangeFromTarget(target: EventTarget | null, container: HTMLElement | null): HTMLElement | null;
+export declare function selectionFromSingleCell(cell: TableCellCoord): TableCellSelection;
+/**
+ * Selection after a keyboard move from `current` towards `neighbor` (`null` at a grid edge).
+ *
+ * `extend` is Shift+Arrow. Starting a range with nothing selected yet anchors on `current`, not on
+ * `neighbor` — anchoring on the neighbor would drop the column the user started from and shift the
+ * whole range one column across.
+ *
+ * Returns `selection` unchanged when the move is a no-op, and `null` when there is nothing to
+ * select (plain arrow at a grid edge).
+ */
+export declare function nextKeyboardCellSelection(current: TableCellCoord, neighbor: TableCellCoord | null, selection: TableCellSelection | null | undefined, extend: boolean): TableCellSelection | null;
+//# sourceMappingURL=cellRangeSelection.d.ts.map

package/dist/patterns/table/cellRangeSelection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cellRangeSelection.d.ts","sourceRoot":"","sources":["../../../src/patterns/table/cellRangeSelection.ts"],"names":[],"mappings":"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"}

package/dist/patterns/table/cellRangeSelection.js

@@ -0,0 +1,162 @@
+import { ROW_REORDER_ATTR as p, ROW_DRAG_THRESHOLD_PX as b, ROW_DRAG_SCROLL_EDGE_PX as E, ROW_DRAG_SCROLL_MAX_PX as _ } from "./rowReorderDrag.js";
+const y = b;
+function M(n, t) {
+  return n.indexOf(t);
+}
+function x(n, t, o) {
+  const r = M(t, n.anchor.rowId), l = M(t, n.focus.rowId), i = M(o, n.anchor.columnKey), e = M(o, n.focus.columnKey);
+  return r < 0 || l < 0 || i < 0 || e < 0 ? null : {
+    rowMin: Math.min(r, l),
+    rowMax: Math.max(r, l),
+    colMin: Math.min(i, e),
+    colMax: Math.max(i, e)
+  };
+}
+function w(n) {
+  return n.anchor.rowId === n.focus.rowId && n.anchor.columnKey === n.focus.columnKey;
+}
+function A(n, t, o) {
+  const r = x(n, t, o);
+  if (!r) return null;
+  const { rowMin: l, rowMax: i, colMin: e, colMax: u } = r, s = t.slice(l, i + 1), a = o.slice(e, u + 1), f = s.map((c) => c === n.anchor.rowId ? n.anchor.sourceIndex : c === n.focus.rowId ? n.focus.sourceIndex : null), h = {
+    rowId: s[0],
+    columnKey: a[0],
+    sourceIndex: f[0] ?? null
+  }, m = {
+    rowId: s[s.length - 1],
+    columnKey: a[a.length - 1],
+    sourceIndex: f[f.length - 1] ?? null
+  };
+  return {
+    rowIds: s,
+    columnKeys: a,
+    sourceIndices: f,
+    start: h,
+    end: m
+  };
+}
+function L(n, t, o, r, l) {
+  const i = {
+    top: !1,
+    bottom: !1,
+    left: !1,
+    right: !1
+  };
+  if (!n)
+    return {
+      inRange: !1,
+      isAnchor: !1,
+      isFocus: !1,
+      isSingle: !1,
+      edges: i
+    };
+  const e = x(n, r, l), u = M(r, t), s = M(l, o);
+  if (!e || u < 0 || s < 0)
+    return {
+      inRange: !1,
+      isAnchor: !1,
+      isFocus: !1,
+      isSingle: w(n),
+      edges: i
+    };
+  const a = u >= e.rowMin && u <= e.rowMax && s >= e.colMin && s <= e.colMax, f = n.anchor.rowId === t && n.anchor.columnKey === o, h = n.focus.rowId === t && n.focus.columnKey === o, m = w(n);
+  return {
+    inRange: a,
+    isAnchor: f,
+    isFocus: h,
+    isSingle: m,
+    edges: a ? {
+      top: u === e.rowMin,
+      bottom: u === e.rowMax,
+      left: s === e.colMin,
+      right: s === e.colMax
+    } : i
+  };
+}
+function T(n) {
+  const t = "var(--color-border-brand, var(--color-brand-500, #7f56d9))", o = [];
+  return n.top && o.push(`inset 0 2px 0 0 ${t}`), n.bottom && o.push(`inset 0 -2px 0 0 ${t}`), n.left && o.push(`inset 2px 0 0 0 ${t}`), n.right && o.push(`inset -2px 0 0 0 ${t}`), o.length > 0 ? o.join(", ") : void 0;
+}
+function H(n, t, o, r = E, l = _) {
+  const {
+    scrollTop: i,
+    scrollLeft: e,
+    scrollHeight: u,
+    scrollWidth: s,
+    clientHeight: a,
+    clientWidth: f
+  } = n, h = u - a, m = s - f, c = n.getBoundingClientRect();
+  let R = 0;
+  if (h > 0) {
+    if (o < c.top + r) {
+      const d = o < c.top ? 1 : (c.top + r - o) / r;
+      R = -Math.ceil(l * Math.min(1, Math.max(0, d))), i <= 0 && (R = 0);
+    } else if (o > c.bottom - r) {
+      const d = o > c.bottom ? 1 : (o - (c.bottom - r)) / r;
+      R = Math.ceil(l * Math.min(1, Math.max(0, d))), i >= h && (R = 0);
+    }
+  }
+  let g = 0;
+  if (m > 0) {
+    if (t < c.left + r) {
+      const d = t < c.left ? 1 : (c.left + r - t) / r;
+      g = -Math.ceil(l * Math.min(1, Math.max(0, d))), e <= 0 && (g = 0);
+    } else if (t > c.right - r) {
+      const d = t > c.right ? 1 : (t - (c.right - r)) / r;
+      g = Math.ceil(l * Math.min(1, Math.max(0, d))), e >= m && (g = 0);
+    }
+  }
+  return { dx: g, dy: R };
+}
+function C(n) {
+  const t = n.getAttribute("data-grid-row-id"), o = n.getAttribute("data-grid-col-key");
+  if (!t || !o) return null;
+  const r = n.getAttribute("data-grid-source-index"), l = r != null && r !== "" ? Number(r) : NaN;
+  return {
+    rowId: t,
+    columnKey: o,
+    sourceIndex: Number.isNaN(l) ? null : l
+  };
+}
+function O(n, t) {
+  if (!(n instanceof HTMLElement) || !t || !t.contains(n)) return null;
+  const o = n.closest(`[${p}]`);
+  if (!(o instanceof HTMLElement) || !t.contains(o)) return null;
+  const r = o.querySelector("[data-grid-cell]");
+  return !r || r.closest("[data-grid-no-range]") ? null : C(r);
+}
+function D(n, t, o) {
+  const r = document.elementFromPoint(t, o);
+  if (!(r instanceof Element)) return null;
+  const l = r.closest("[data-grid-cell]");
+  return !(l instanceof HTMLElement) || !n.contains(l) || l.closest("[data-grid-no-range]") ? null : l;
+}
+function F(n, t) {
+  if (!(n instanceof HTMLElement) || !t || !t.contains(n) || n.closest("[data-grid-no-range]") || n.closest(
+    'input, textarea, select, [contenteditable]:not([contenteditable="false"]), [role="textbox"]'
+  ))
+    return null;
+  const o = n.closest("[data-grid-cell]");
+  return !(o instanceof HTMLElement) || !t.contains(o) ? null : o;
+}
+function I(n) {
+  return { anchor: n, focus: n };
+}
+function N(n, t, o, r) {
+  return r ? o ? t ? { anchor: o.anchor, focus: t } : o : { anchor: n, focus: t ?? n } : t ? I(t) : null;
+}
+export {
+  y as CELL_RANGE_DRAG_THRESHOLD_PX,
+  A as buildCellRangeRect,
+  F as canStartCellRangeFromTarget,
+  T as cellRangeEdgeBoxShadow,
+  L as getCellRangeVisualState,
+  H as getDragScrollDeltas,
+  x as getSelectionIndexBounds,
+  D as hitTestGridCell,
+  w as isSingleCellSelection,
+  N as nextKeyboardCellSelection,
+  C as resolveCellCoordFromElement,
+  O as resolveRowAnchorCoordFromTarget,
+  I as selectionFromSingleCell
+};

package/dist/patterns/table/cellRangeSelection.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=cellRangeSelection.test.d.ts.map

package/dist/patterns/table/cellRangeSelection.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cellRangeSelection.test.d.ts","sourceRoot":"","sources":["../../../src/patterns/table/cellRangeSelection.test.ts"],"names":[],"mappings":""}

package/dist/patterns/table/index.d.ts

@@ -1,6 +1,7 @@
 export { Table, TableCard, TableCell, TableRowActionsDropdown } from './table';
 export { TableWrapper, type TableWrapperProps } from './TableWrapper';
-export type { TableWrapperPaginationConfig, TableWrapperToolbarConfig, BulkActionContext, TableWrapperEditChrome, TableWrapperSelectedKeys, TableWrapperSelectionChange, ColumnConfig, } from './types';
+export type { TableWrapperPaginationConfig, TableWrapperToolbarConfig, BulkActionContext, TableWrapperEditChrome, TableWrapperSelectedKeys, TableWrapperSelectionChange, ColumnConfig, TableCellCoord, TableCellRangeRect, TableCellSelection, } from './types';
+export { buildCellRangeRect, getCellRangeVisualState, getDragScrollDeltas, isSingleCellSelection, selectionFromSingleCell, } from './cellRangeSelection';
 export { TablePagination, type TablePaginationConfig, type TablePaginationProps } from './TablePagination';
 export { PaginationCardDefault } from './pagination-card';
 export { Pagination } from './pagination-base';

package/dist/patterns/table/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/patterns/table/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAC/E,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACtE,YAAY,EACV,4BAA4B,EAC5B,yBAAyB,EACzB,iBAAiB,EACjB,sBAAsB,EACtB,wBAAwB,EACxB,2BAA2B,EAC3B,YAAY,GACb,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,eAAe,EAAE,KAAK,qBAAqB,EAAE,KAAK,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAC3G,OAAO,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,gBAAgB,EAAE,KAAK,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAC7E,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EAAE,iBAAiB,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAC9F,OAAO,EACL,YAAY,EACZ,oBAAoB,EACpB,yBAAyB,EACzB,oBAAoB,EACpB,iBAAiB,EACjB,kBAAkB,EAClB,aAAa,EACb,eAAe,EACf,mBAAmB,EACnB,gBAAgB,EAChB,gBAAgB,EAChB,cAAc,EACd,aAAa,EACb,mBAAmB,EACnB,0BAA0B,EAC1B,qBAAqB,EACrB,cAAc,EACd,sBAAsB,EACtB,kBAAkB,EAClB,SAAS,EACT,kBAAkB,EAClB,8BAA8B,EAC9B,gBAAgB,EAChB,kBAAkB,GACnB,MAAM,WAAW,CAAC;AACnB,YAAY,EACV,gBAAgB,EAChB,cAAc,EACd,gBAAgB,EAChB,mBAAmB,EACnB,oBAAoB,EACpB,eAAe,EACf,iBAAiB,EACjB,iBAAiB,EACjB,kBAAkB,EAClB,0BAA0B,EAC1B,oBAAoB,EACpB,sBAAsB,EACtB,eAAe,EACf,qBAAqB,EACrB,gBAAgB,EAChB,sBAAsB,EACtB,gBAAgB,EAChB,aAAa,EACb,eAAe,EACf,iBAAiB,EACjB,QAAQ,GACT,MAAM,WAAW,CAAC;AACnB,OAAO,EACL,eAAe,EACf,yBAAyB,EACzB,kBAAkB,EAClB,YAAY,EACZ,aAAa,EACb,eAAe,EACf,kBAAkB,EAClB,KAAK,gBAAgB,EACrB,KAAK,YAAY,EACjB,KAAK,YAAY,GAClB,MAAM,6BAA6B,CAAC;AACrC,OAAO,EACL,qBAAqB,EACrB,gBAAgB,EAChB,qBAAqB,EACrB,WAAW,EACX,kCAAkC,EAClC,0BAA0B,EAC1B,0BAA0B,EAC1B,6BAA6B,EAC7B,uBAAuB,EACvB,KAAK,yBAAyB,EAC9B,KAAK,qBAAqB,EAC1B,KAAK,kBAAkB,EACvB,KAAK,iBAAiB,GACvB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EACL,yBAAyB,EACzB,KAAK,6BAA6B,EAClC,KAAK,4BAA4B,GAClC,MAAM,0BAA0B,CAAC;AAClC,OAAO,EACL,sBAAsB,EACtB,wBAAwB,GACzB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EACL,0BAA0B,EAC1B,qBAAqB,EACrB,KAAK,+BAA+B,GACrC,MAAM,0BAA0B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/patterns/table/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAC/E,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACtE,YAAY,EACV,4BAA4B,EAC5B,yBAAyB,EACzB,iBAAiB,EACjB,sBAAsB,EACtB,wBAAwB,EACxB,2BAA2B,EAC3B,YAAY,EACZ,cAAc,EACd,kBAAkB,EAClB,kBAAkB,GACnB,MAAM,SAAS,CAAC;AACjB,OAAO,EACL,kBAAkB,EAClB,uBAAuB,EACvB,mBAAmB,EACnB,qBAAqB,EACrB,uBAAuB,GACxB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,eAAe,EAAE,KAAK,qBAAqB,EAAE,KAAK,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAC3G,OAAO,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,gBAAgB,EAAE,KAAK,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAC7E,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EAAE,iBAAiB,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAC9F,OAAO,EACL,YAAY,EACZ,oBAAoB,EACpB,yBAAyB,EACzB,oBAAoB,EACpB,iBAAiB,EACjB,kBAAkB,EAClB,aAAa,EACb,eAAe,EACf,mBAAmB,EACnB,gBAAgB,EAChB,gBAAgB,EAChB,cAAc,EACd,aAAa,EACb,mBAAmB,EACnB,0BAA0B,EAC1B,qBAAqB,EACrB,cAAc,EACd,sBAAsB,EACtB,kBAAkB,EAClB,SAAS,EACT,kBAAkB,EAClB,8BAA8B,EAC9B,gBAAgB,EAChB,kBAAkB,GACnB,MAAM,WAAW,CAAC;AACnB,YAAY,EACV,gBAAgB,EAChB,cAAc,EACd,gBAAgB,EAChB,mBAAmB,EACnB,oBAAoB,EACpB,eAAe,EACf,iBAAiB,EACjB,iBAAiB,EACjB,kBAAkB,EAClB,0BAA0B,EAC1B,oBAAoB,EACpB,sBAAsB,EACtB,eAAe,EACf,qBAAqB,EACrB,gBAAgB,EAChB,sBAAsB,EACtB,gBAAgB,EAChB,aAAa,EACb,eAAe,EACf,iBAAiB,EACjB,QAAQ,GACT,MAAM,WAAW,CAAC;AACnB,OAAO,EACL,eAAe,EACf,yBAAyB,EACzB,kBAAkB,EAClB,YAAY,EACZ,aAAa,EACb,eAAe,EACf,kBAAkB,EAClB,KAAK,gBAAgB,EACrB,KAAK,YAAY,EACjB,KAAK,YAAY,GAClB,MAAM,6BAA6B,CAAC;AACrC,OAAO,EACL,qBAAqB,EACrB,gBAAgB,EAChB,qBAAqB,EACrB,WAAW,EACX,kCAAkC,EAClC,0BAA0B,EAC1B,0BAA0B,EAC1B,6BAA6B,EAC7B,uBAAuB,EACvB,KAAK,yBAAyB,EAC9B,KAAK,qBAAqB,EAC1B,KAAK,kBAAkB,EACvB,KAAK,iBAAiB,GACvB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EACL,yBAAyB,EACzB,KAAK,6BAA6B,EAClC,KAAK,4BAA4B,GAClC,MAAM,0BAA0B,CAAC;AAClC,OAAO,EACL,sBAAsB,EACtB,wBAAwB,GACzB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EACL,0BAA0B,EAC1B,qBAAqB,EACrB,KAAK,+BAA+B,GACrC,MAAM,0BAA0B,CAAC"}

package/dist/patterns/table/rowReorderDrag.d.ts

@@ -1,7 +1,11 @@
-import { FC } from 'react';
+import { CSSProperties, FC } from 'react';
 export declare const ROW_REORDER_ATTR = "data-row-reorder-id";
 export declare const ROW_SOURCE_INDEX_ATTR = "data-source-index";
 export declare const ROW_DRAG_THRESHOLD_PX = 5;
+/** Edge zone (px) inside the scrollport that triggers auto-scroll while dragging. */
+export declare const ROW_DRAG_SCROLL_EDGE_PX = 40;
+/** Max scroll speed (px per animation frame) at the edge / outside the scrollport. */
+export declare const ROW_DRAG_SCROLL_MAX_PX = 18;
 export type RowDragPreviewMetrics = {
     left: number;
     top: number;
@@ -30,6 +34,8 @@ export type RowDragSession = {
     /** Live clone of the source `<tr>` for the floating preview. */
     rowClone: HTMLTableRowElement;
 };
+/** Ghost styling for the source row — inline so consumers don't need Tailwind to scan these utilities. */
+export declare const ROW_DRAG_SOURCE_STYLE: CSSProperties;
 export declare function measureRowPreview(rowEl: HTMLTableRowElement): RowDragPreviewMetrics;
 export declare function cloneRowForPreview(rowEl: HTMLTableRowElement): HTMLTableRowElement;
 type DropTargetResult = {
@@ -43,6 +49,13 @@ type DropTargetResult = {
  * (index after moving the dragged row out of its original position).
  */
 export declare function computeDropTarget(container: HTMLElement, clientY: number, fromSourceIndex: number, draggedRowId: string): DropTargetResult | null;
+/**
+ * Scroll delta for auto-scroll while dragging. Speeds up toward the edge and
+ * stays at max speed when the pointer is outside the scrollport (above/below).
+ */
+export declare function getRowDragScrollDelta(scrollContainer: HTMLElement, clientY: number, edgePx?: number, maxSpeedPx?: number): number;
+/** Hide the drop line when its Y falls outside the visible scrollport. */
+export declare function clipDropLineToScrollport(dropLineY: number, scrollContainer: HTMLElement): number | null;
 type FloatingRowPreviewProps = {
     session: RowDragSession;
 };

package/dist/patterns/table/rowReorderDrag.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"rowReorderDrag.d.ts","sourceRoot":"","sources":["../../../src/patterns/table/rowReorderDrag.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA2B,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAIzD,eAAO,MAAM,gBAAgB,wBAAwB,CAAC;AACtD,eAAO,MAAM,qBAAqB,sBAAsB,CAAC;AACzD,eAAO,MAAM,qBAAqB,IAAI,CAAC;AAEvC,MAAM,MAAM,qBAAqB,GAAG;IAClC,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,cAAc,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,eAAe,EAAE,MAAM,CAAC;IACxB,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC9B,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,qDAAqD;IACrD,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,qBAAqB,CAAC;IAC/B,sEAAsE;IACtE,aAAa,EAAE,MAAM,CAAC;IACtB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;IACtB,gEAAgE;IAChE,QAAQ,EAAE,mBAAmB,CAAC;CAC/B,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,mBAAmB,GAAG,qBAAqB,CAcnF;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,mBAAmB,GAAG,mBAAmB,CAalF;AAED,KAAK,gBAAgB,GAAG;IACtB,aAAa,EAAE,MAAM,CAAC;IACtB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF;;;GAGG;AACH,wBAAgB,iBAAiB,CAC/B,SAAS,EAAE,WAAW,EACtB,OAAO,EAAE,MAAM,EACf,eAAe,EAAE,MAAM,EACvB,YAAY,EAAE,MAAM,GACnB,gBAAgB,GAAG,IAAI,CA8DzB;AAED,KAAK,uBAAuB,GAAG;IAC7B,OAAO,EAAE,cAAc,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CAkD1D,CAAC;AAEF,KAAK,sBAAsB,GAAG;IAC5B,CAAC,EAAE,MAAM,CAAC;IACV,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,CAYtD,CAAC"}
+{"version":3,"file":"rowReorderDrag.d.ts","sourceRoot":"","sources":["../../../src/patterns/table/rowReorderDrag.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA2B,KAAK,aAAa,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAI7E,eAAO,MAAM,gBAAgB,wBAAwB,CAAC;AACtD,eAAO,MAAM,qBAAqB,sBAAsB,CAAC;AACzD,eAAO,MAAM,qBAAqB,IAAI,CAAC;AAEvC,qFAAqF;AACrF,eAAO,MAAM,uBAAuB,KAAK,CAAC;AAC1C,sFAAsF;AACtF,eAAO,MAAM,sBAAsB,KAAK,CAAC;AAEzC,MAAM,MAAM,qBAAqB,GAAG;IAClC,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,cAAc,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,eAAe,EAAE,MAAM,CAAC;IACxB,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC9B,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,qDAAqD;IACrD,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,qBAAqB,CAAC;IAC/B,sEAAsE;IACtE,aAAa,EAAE,MAAM,CAAC;IACtB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;IACtB,gEAAgE;IAChE,QAAQ,EAAE,mBAAmB,CAAC;CAC/B,CAAC;AAEF,0GAA0G;AAC1G,eAAO,MAAM,qBAAqB,EAAE,aAInC,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,mBAAmB,GAAG,qBAAqB,CAcnF;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,mBAAmB,GAAG,mBAAmB,CAalF;AAED,KAAK,gBAAgB,GAAG;IACtB,aAAa,EAAE,MAAM,CAAC;IACtB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF;;;GAGG;AACH,wBAAgB,iBAAiB,CAC/B,SAAS,EAAE,WAAW,EACtB,OAAO,EAAE,MAAM,EACf,eAAe,EAAE,MAAM,EACvB,YAAY,EAAE,MAAM,GACnB,gBAAgB,GAAG,IAAI,CA8DzB;AAED;;;GAGG;AACH,wBAAgB,qBAAqB,CACnC,eAAe,EAAE,WAAW,EAC5B,OAAO,EAAE,MAAM,EACf,MAAM,SAA0B,EAChC,UAAU,SAAyB,GAClC,MAAM,CAqBR;AAED,0EAA0E;AAC1E,wBAAgB,wBAAwB,CACtC,SAAS,EAAE,MAAM,EACjB,eAAe,EAAE,WAAW,GAC3B,MAAM,GAAG,IAAI,CAIf;AAED,KAAK,uBAAuB,GAAG;IAC7B,OAAO,EAAE,cAAc,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CAoD1D,CAAC;AAEF,KAAK,sBAAsB,GAAG;IAC5B,CAAC,EAAE,MAAM,CAAC;IACV,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,CActD,CAAC"}

package/dist/patterns/table/rowReorderDrag.js

@@ -1,120 +1,151 @@
-import { jsx as v } from "react/jsx-runtime";
-import { useRef as I, useLayoutEffect as N } from "react";
+import { jsx as x } from "react/jsx-runtime";
+import { useRef as _, useLayoutEffect as E } from "react";
 import { createPortal as A } from "react-dom";
-import { cx as E } from "../../utils/cn.js";
-const y = "data-row-reorder-id", C = "data-source-index", _ = 5;
-function O(n) {
-  const t = n.getBoundingClientRect(), e = n.closest("table"), u = Array.from(n.children).map(
+import { cx as L } from "../../utils/cn.js";
+const R = "data-row-reorder-id", C = "data-source-index", W = 5, D = 40, O = 18, B = {
+  opacity: 0.4,
+  filter: "blur(1.5px)",
+  pointerEvents: "none"
+};
+function M(r) {
+  const e = r.getBoundingClientRect(), t = r.closest("table"), d = Array.from(r.children).map(
     (i) => i.getBoundingClientRect().width
   );
   return {
-    left: t.left,
-    top: t.top,
-    width: t.width,
-    height: t.height,
-    cellWidths: u,
-    tableClassName: (e == null ? void 0 : e.className) ?? ""
+    left: e.left,
+    top: e.top,
+    width: e.width,
+    height: e.height,
+    cellWidths: d,
+    tableClassName: (t == null ? void 0 : t.className) ?? ""
   };
 }
-function D(n) {
-  const t = n.cloneNode(!0);
-  return t.removeAttribute(y), t.removeAttribute(C), t.removeAttribute("id"), t.querySelectorAll("[id]").forEach((e) => e.removeAttribute("id")), t.querySelectorAll("button, input, a, [tabindex]").forEach((e) => {
-    e.setAttribute("tabindex", "-1"), (e instanceof HTMLButtonElement || e instanceof HTMLInputElement) && (e.disabled = !0);
-  }), t;
+function X(r) {
+  const e = r.cloneNode(!0);
+  return e.removeAttribute(R), e.removeAttribute(C), e.removeAttribute("id"), e.querySelectorAll("[id]").forEach((t) => t.removeAttribute("id")), e.querySelectorAll("button, input, a, [tabindex]").forEach((t) => {
+    t.setAttribute("tabindex", "-1"), (t instanceof HTMLButtonElement || t instanceof HTMLInputElement) && (t.disabled = !0);
+  }), e;
 }
-function S(n, t, e, u) {
-  var w, x;
+function H(r, e, t, d) {
+  var y, w;
   const i = Array.from(
-    n.querySelectorAll(`tr[${y}]`)
+    r.querySelectorAll(`tr[${R}]`)
   );
   if (i.length === 0) return null;
-  const m = (w = i[0]) == null ? void 0 : w.closest("table"), d = m == null ? void 0 : m.getBoundingClientRect(), b = (d == null ? void 0 : d.left) ?? i[0].getBoundingClientRect().left, f = (d == null ? void 0 : d.width) ?? i[0].getBoundingClientRect().width, o = i.map((r) => {
-    const g = r.getBoundingClientRect(), R = Number(r.getAttribute(C));
+  const u = (y = i[0]) == null ? void 0 : y.closest("table"), s = u == null ? void 0 : u.getBoundingClientRect(), f = (s == null ? void 0 : s.left) ?? i[0].getBoundingClientRect().left, c = (s == null ? void 0 : s.width) ?? i[0].getBoundingClientRect().width, o = i.map((n) => {
+    const g = n.getBoundingClientRect(), v = Number(n.getAttribute(C));
     return {
-      rowId: r.getAttribute(y) ?? "",
-      sourceIndex: Number.isFinite(R) ? R : 0,
+      rowId: n.getAttribute(R) ?? "",
+      sourceIndex: Number.isFinite(v) ? v : 0,
       top: g.top,
       bottom: g.bottom,
       mid: (g.top + g.bottom) / 2
     };
   });
-  let s = o.length, h = ((x = o[o.length - 1]) == null ? void 0 : x.bottom) ?? 0;
-  for (let r = 0; r < o.length; r++)
-    if (t < o[r].mid) {
-      s = r, h = o[r].top;
+  let l = o.length, p = ((w = o[o.length - 1]) == null ? void 0 : w.bottom) ?? 0;
+  for (let n = 0; n < o.length; n++)
+    if (e < o[n].mid) {
+      l = n, p = o[n].top;
       break;
     }
-  const p = o.findIndex(
-    (r) => r.rowId === u || r.sourceIndex === e
+  const b = o.findIndex(
+    (n) => n.rowId === d || n.sourceIndex === t
   );
-  if (p < 0) return null;
-  let a = s;
-  p < s && (a = s - 1);
-  const c = o.map((r) => r.sourceIndex), [l] = c.splice(p, 1);
-  return c.splice(a, 0, l), a = c.indexOf(l), {
-    toSourceIndex: a,
-    dropLineY: h,
-    dropLineLeft: b,
-    dropLineWidth: f
+  if (b < 0) return null;
+  let h = l;
+  b < l && (h = l - 1);
+  const a = o.map((n) => n.sourceIndex), [m] = a.splice(b, 1);
+  return a.splice(h, 0, m), h = a.indexOf(m), {
+    toSourceIndex: h,
+    dropLineY: p,
+    dropLineLeft: f,
+    dropLineWidth: c
   };
 }
-const $ = ({ session: n }) => {
-  const t = I(null), { preview: e, startX: u, startY: i, currentX: m, currentY: d, rowClone: b } = n;
-  return N(() => {
-    const f = t.current;
-    if (!f) return;
-    f.replaceChildren();
+function $(r, e, t = D, d = O) {
+  const { scrollTop: i, scrollHeight: u, clientHeight: s } = r, f = u - s;
+  if (f <= 0) return 0;
+  const c = r.getBoundingClientRect();
+  let o = 0;
+  if (e < c.top + t) {
+    const l = e < c.top ? 1 : (c.top + t - e) / t;
+    o = -Math.ceil(d * Math.min(1, Math.max(0, l)));
+  } else if (e > c.bottom - t) {
+    const l = e > c.bottom ? 1 : (e - (c.bottom - t)) / t;
+    o = Math.ceil(d * Math.min(1, Math.max(0, l)));
+  }
+  return o < 0 && i <= 0 || o > 0 && i >= f ? 0 : o;
+}
+function G(r, e) {
+  const t = e.getBoundingClientRect();
+  return r < t.top || r > t.bottom ? null : r;
+}
+const k = ({ session: r }) => {
+  const e = _(null), { preview: t, startX: d, startY: i, currentX: u, currentY: s, rowClone: f } = r;
+  return E(() => {
+    const c = e.current;
+    if (!c) return;
+    c.replaceChildren();
     const o = document.createElement("table");
-    o.className = e.tableClassName, o.style.width = `${e.width}px`, o.style.height = `${e.height}px`, o.style.tableLayout = "fixed", o.style.borderCollapse = "collapse", o.style.background = "var(--color-bg-primary, #fff)";
-    const s = document.createElement("tbody"), h = b.cloneNode(!0);
-    Array.from(h.children).forEach((p, a) => {
-      const c = e.cellWidths[a];
-      if (c == null) return;
-      const l = p;
-      l.style.width = `${c}px`, l.style.minWidth = `${c}px`, l.style.maxWidth = `${c}px`, l.style.background = "var(--color-bg-primary, #fff)";
-    }), s.appendChild(h), o.appendChild(s), f.appendChild(o);
-  }, [e, b]), A(
-    /* @__PURE__ */ v(
+    o.className = t.tableClassName, o.style.width = `${t.width}px`, o.style.height = `${t.height}px`, o.style.tableLayout = "fixed", o.style.borderCollapse = "collapse", o.style.background = "var(--color-bg-primary, #fff)";
+    const l = document.createElement("tbody"), p = f.cloneNode(!0);
+    Array.from(p.children).forEach((b, h) => {
+      const a = t.cellWidths[h];
+      if (a == null) return;
+      const m = b;
+      m.style.width = `${a}px`, m.style.minWidth = `${a}px`, m.style.maxWidth = `${a}px`, m.style.background = "var(--color-bg-primary, #fff)";
+    }), l.appendChild(p), o.appendChild(l), c.appendChild(o);
+  }, [t, f]), A(
+    /* @__PURE__ */ x(
       "div",
       {
-        ref: t,
+        ref: e,
         "aria-hidden": !0,
-        className: E(
-          "pointer-events-none fixed z-[10000] overflow-hidden rounded-md border border-brand bg-primary shadow-lg",
+        className: L(
+          "pointer-events-none fixed z-[10000] overflow-hidden rounded-md bg-primary shadow-lg",
           "cursor-grabbing"
         ),
         style: {
-          left: e.left + (m - u),
-          top: e.top + (d - i),
-          width: e.width,
-          height: e.height
+          left: t.left + (u - d),
+          top: t.top + (s - i),
+          width: t.width,
+          height: t.height,
+          // Inline border so npm consumers don't depend on Tailwind scanning `border-brand`.
+          border: "1px solid var(--color-border-brand, var(--color-brand-500, #7f56d9))"
         }
       }
     ),
     document.body
   );
-}, P = ({ y: n, left: t, width: e }) => A(
-  /* @__PURE__ */ v(
+}, q = ({ y: r, left: e, width: t }) => A(
+  /* @__PURE__ */ x(
     "div",
     {
       "aria-hidden": !0,
-      className: "pointer-events-none fixed z-[10000] h-0.5 bg-border-brand",
+      className: "pointer-events-none fixed z-[10000] h-0.5",
       style: {
-        top: n - 1,
-        left: t,
-        width: e
+        top: r - 1,
+        left: e,
+        width: t,
+        // Inline color — same reliability reason as the floating preview border.
+        backgroundColor: "var(--color-border-brand, var(--color-brand-500, #7f56d9))"
       }
     }
   ),
   document.body
 );
 export {
-  P as DropIndicatorLine,
-  $ as FloatingRowPreview,
-  _ as ROW_DRAG_THRESHOLD_PX,
-  y as ROW_REORDER_ATTR,
+  q as DropIndicatorLine,
+  k as FloatingRowPreview,
+  D as ROW_DRAG_SCROLL_EDGE_PX,
+  O as ROW_DRAG_SCROLL_MAX_PX,
+  B as ROW_DRAG_SOURCE_STYLE,
+  W as ROW_DRAG_THRESHOLD_PX,
+  R as ROW_REORDER_ATTR,
   C as ROW_SOURCE_INDEX_ATTR,
-  D as cloneRowForPreview,
-  S as computeDropTarget,
-  O as measureRowPreview
+  G as clipDropLineToScrollport,
+  X as cloneRowForPreview,
+  H as computeDropTarget,
+  $ as getRowDragScrollDelta,
+  M as measureRowPreview
 };

package/dist/patterns/table/rowReorderDrag.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=rowReorderDrag.test.d.ts.map

package/dist/patterns/table/rowReorderDrag.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rowReorderDrag.test.d.ts","sourceRoot":"","sources":["../../../src/patterns/table/rowReorderDrag.test.ts"],"names":[],"mappings":""}

package/dist/patterns/table/table.js

@@ -200,7 +200,7 @@ const $ = ({
         const S = o ? {
           position: "sticky",
           [o]: t,
-          zIndex: 30
+          zIndex: 20
         } : {};
         return { ...typeof p.style == "function" ? p.style(m) : p.style || {}, ...S };
       },
@@ -334,7 +334,7 @@ const U = ({ className: s, children: i, sticky: n, stickyOffset: a = 0, ...o })
         const p = n ? {
           position: "sticky",
           [n]: a,
-          zIndex: 20,
+          zIndex: 10,
           backgroundColor: "white",
           boxShadow: n === "right" ? "inset 2px 0 0px 0px var(--color-border-tertiary)" : "inset -2px 0 0px 0px var(--color-border-tertiary)"
         } : {};

package/dist/patterns/table/types.d.ts

@@ -3,6 +3,8 @@ import { TablePaginationConfig } from './TablePagination';
 import { UndoRedoToolConfig } from './toolbar/TableToolbar';
 import { LegacyFilterToolConfig, LegacySortToolConfig } from './toolbar/legacyToolbarTypes';
 import { AlignToolConfig, GroupByToolConfig, HideFieldsToolConfig, RowHeightToolConfig, SearchToolConfig, SummaryToolConfig, CellAlignment, ColumnMenuAction, ColumnMenuCapabilities, RowActionsConfig, RowGroup, SummaryFooterRowProps } from './toolbar';
+import { TableCellRangeRect, TableCellSelection } from './cellRangeSelection';
+export type { TableCellCoord, TableCellRangeRect, TableCellSelection } from './cellRangeSelection';
 /** Value type used for alignment defaults and aggregation eligibility. */
 export type TableColumnValueType = "string" | "number" | "currency" | "date" | "percentage" | "decimal_percentage" | "array" | "link";
 /**
@@ -142,5 +144,32 @@ export type TableWrapperProps = {
         sourceIndex: number | null;
     }) => void;
     renderColumnHeaderMenuExtraItems?: (column: TableColumnMenuSchema) => ReactNode;
+    /**
+     * Controlled Excel-style rectangular cell selection. Opt-in: pass both
+     * `cellSelection` and `onCellSelectionChange` (typically only in edit mode).
+     * When set, enables drag / Shift+click / Shift+arrow range selection and
+     * Cmd/Ctrl+C·V hooks via `onCopyCells` / `onPasteCells`.
+     */
+    cellSelection?: TableCellSelection | null;
+    onCellSelectionChange?: (selection: TableCellSelection | null) => void;
+    /** Fired on copy when a cell range is selected (not while editing a cell). */
+    onCopyCells?: (payload: {
+        selection: TableCellSelection;
+        rect: TableCellRangeRect;
+        event: ClipboardEvent;
+    }) => void;
+    /** Fired on paste when a cell range is selected (not while editing a cell). */
+    onPasteCells?: (payload: {
+        selection: TableCellSelection;
+        rect: TableCellRangeRect;
+        text: string;
+        event: ClipboardEvent;
+    }) => void;
+    /** Fired on Delete/Backspace when a cell range is selected (not while editing a cell). */
+    onClearCells?: (payload: {
+        selection: TableCellSelection;
+        rect: TableCellRangeRect;
+        event: KeyboardEvent;
+    }) => void;
 };
 //# sourceMappingURL=types.d.ts.map