react-glide-table 1.2.0 → 1.3.0

package/README.md

@@ -234,9 +234,12 @@ Opt in with `enableColumnFreeze`. Mark columns with `frozen` — sticky insets a
 | ---------------------------------- | --------------------------------------- |
 | `enableColumnFreeze`               | Turn on sticky freeze (default `false`) |
 | `Column.frozen` / `meta.frozen`    | `true` / `"left"` or `"right"`          |
-| `data-frozen` / `data-freeze-edge` | State hooks for custom styling          |
+| `data-frozen`                      | `"left"` / `"right"` on frozen cells    |
+| `data-freeze-edge`                 | `"left"` / `"right"` / `"both"` on island boundaries |
 
-Helpers (`/core`): `buildColumnFreezeOffsets`, `getColumnFreezeStyle`, `resolveColumnFreezeSide`.
+Helpers (`/core`): `buildColumnFreezeOffsets`, `getColumnFreezeEdgeAttr`, `getColumnFreezeStyle`, `resolveColumnFreezeSide`.
+
+Contiguous same-side freezes share one island (shadow only on the outer boundary). A gap between frozen columns creates separate islands, so both sides of the gap get an edge shadow.
 
 ## Public API
 

package/dist/compound.cjs

@@ -396,6 +396,13 @@ function resolveColumnFreezeSide(frozen) {
   if (frozen === "right") return "right";
   return void 0;
 }
+function getColumnFreezeEdgeAttr(offset) {
+  if (!offset) return void 0;
+  if (offset.edgeLeft && offset.edgeRight) return "both";
+  if (offset.edgeLeft) return "left";
+  if (offset.edgeRight) return "right";
+  return void 0;
+}
 function buildColumnFreezeOffsets(columns) {
   const result = /* @__PURE__ */ new Map();
   let leftOffset = 0;
@@ -407,6 +414,8 @@ function buildColumnFreezeOffsets(columns) {
       side: "left",
       offset: leftOffset,
       isEdge: false,
+      edgeLeft: false,
+      edgeRight: false,
       stack: 0
     });
     leftOffset += column.size;
@@ -414,7 +423,6 @@ function buildColumnFreezeOffsets(columns) {
   leftIds.forEach((id, index) => {
     const entry = result.get(id);
     if (!entry) return;
-    entry.isEdge = index === leftIds.length - 1;
     entry.stack = leftIds.length - index;
   });
   let rightOffset = 0;
@@ -427,6 +435,8 @@ function buildColumnFreezeOffsets(columns) {
       side: "right",
       offset: rightOffset,
       isEdge: false,
+      edgeLeft: false,
+      edgeRight: false,
       stack: 0
     });
     rightOffset += column.size;
@@ -434,9 +444,20 @@ function buildColumnFreezeOffsets(columns) {
   rightIds.forEach((id, index) => {
     const entry = result.get(id);
     if (!entry) return;
-    entry.isEdge = index === rightIds.length - 1;
     entry.stack = rightIds.length - index;
   });
+  columns.forEach((column, index) => {
+    if (!column.side) return;
+    const entry = result.get(column.id);
+    if (!entry) return;
+    const prevSide = index > 0 ? columns[index - 1]?.side : void 0;
+    const nextSide = index < columns.length - 1 ? columns[index + 1]?.side : void 0;
+    entry.edgeLeft = prevSide !== column.side;
+    entry.edgeRight = nextSide !== column.side;
+    if (index === 0) entry.edgeLeft = false;
+    if (index === columns.length - 1) entry.edgeRight = false;
+    entry.isEdge = entry.edgeLeft || entry.edgeRight;
+  });
   return result;
 }
 function getColumnFreezeStyle(offset, options) {
@@ -1117,7 +1138,7 @@ function DataTableRow({
             "data-editable": editable ? "" : void 0,
             "data-editing": isEditing ? "" : void 0,
             "data-frozen": freezeOffset?.side,
-            "data-freeze-edge": freezeOffset?.isEdge ? "" : void 0,
+            "data-freeze-edge": getColumnFreezeEdgeAttr(freezeOffset),
             onMouseDown: (event) => {
               if (isEditing) {
                 event.stopPropagation();
@@ -2417,7 +2438,7 @@ function DataTable({
                       {
                         "data-resizing": header.column.getIsResizing() ? "" : void 0,
                         "data-frozen": freezeOffset?.side,
-                        "data-freeze-edge": freezeOffset?.isEdge ? "" : void 0,
+                        "data-freeze-edge": getColumnFreezeEdgeAttr(freezeOffset),
                         style: Object.keys(headerStyle).length > 0 ? headerStyle : void 0,
                         className: cn(
                           "data-table-head-cell",

package/dist/compound.d.cts

@@ -1,7 +1,7 @@
 import * as react from 'react';
 import { ReactNode, ReactElement } from 'react';
-import { g as DataTableProps, T as TableColumnProps, j as TableProps } from './types-D031_07N.cjs';
-export { a as ColumnFreezeMeta, c as ColumnFreezeSide, d as DataTableClassNames, f as DataTableLabels, h as DataTableSlots, P as PasteMode, R as RowSelectionMode, i as RowsPastePayload } from './types-D031_07N.cjs';
+import { h as DataTableProps, T as TableColumnProps, k as TableProps } from './types-B4uHdkrY.cjs';
+export { b as ColumnFreezeMeta, d as ColumnFreezeSide, e as DataTableClassNames, g as DataTableLabels, i as DataTableSlots, P as PasteMode, R as RowSelectionMode, j as RowsPastePayload } from './types-B4uHdkrY.cjs';
 export { ColumnDef, ColumnResizeMode, ColumnSizingState, RowSelectionState } from '@tanstack/react-table';
 
 /**

package/dist/compound.d.ts

@@ -1,7 +1,7 @@
 import * as react from 'react';
 import { ReactNode, ReactElement } from 'react';
-import { g as DataTableProps, T as TableColumnProps, j as TableProps } from './types-D031_07N.js';
-export { a as ColumnFreezeMeta, c as ColumnFreezeSide, d as DataTableClassNames, f as DataTableLabels, h as DataTableSlots, P as PasteMode, R as RowSelectionMode, i as RowsPastePayload } from './types-D031_07N.js';
+import { h as DataTableProps, T as TableColumnProps, k as TableProps } from './types-B4uHdkrY.js';
+export { b as ColumnFreezeMeta, d as ColumnFreezeSide, e as DataTableClassNames, g as DataTableLabels, i as DataTableSlots, P as PasteMode, R as RowSelectionMode, j as RowsPastePayload } from './types-B4uHdkrY.js';
 export { ColumnDef, ColumnResizeMode, ColumnSizingState, RowSelectionState } from '@tanstack/react-table';
 
 /**

package/dist/compound.js

@@ -368,6 +368,13 @@ function resolveColumnFreezeSide(frozen) {
   if (frozen === "right") return "right";
   return void 0;
 }
+function getColumnFreezeEdgeAttr(offset) {
+  if (!offset) return void 0;
+  if (offset.edgeLeft && offset.edgeRight) return "both";
+  if (offset.edgeLeft) return "left";
+  if (offset.edgeRight) return "right";
+  return void 0;
+}
 function buildColumnFreezeOffsets(columns) {
   const result = /* @__PURE__ */ new Map();
   let leftOffset = 0;
@@ -379,6 +386,8 @@ function buildColumnFreezeOffsets(columns) {
       side: "left",
       offset: leftOffset,
       isEdge: false,
+      edgeLeft: false,
+      edgeRight: false,
       stack: 0
     });
     leftOffset += column.size;
@@ -386,7 +395,6 @@ function buildColumnFreezeOffsets(columns) {
   leftIds.forEach((id, index) => {
     const entry = result.get(id);
     if (!entry) return;
-    entry.isEdge = index === leftIds.length - 1;
     entry.stack = leftIds.length - index;
   });
   let rightOffset = 0;
@@ -399,6 +407,8 @@ function buildColumnFreezeOffsets(columns) {
       side: "right",
       offset: rightOffset,
       isEdge: false,
+      edgeLeft: false,
+      edgeRight: false,
       stack: 0
     });
     rightOffset += column.size;
@@ -406,9 +416,20 @@ function buildColumnFreezeOffsets(columns) {
   rightIds.forEach((id, index) => {
     const entry = result.get(id);
     if (!entry) return;
-    entry.isEdge = index === rightIds.length - 1;
     entry.stack = rightIds.length - index;
   });
+  columns.forEach((column, index) => {
+    if (!column.side) return;
+    const entry = result.get(column.id);
+    if (!entry) return;
+    const prevSide = index > 0 ? columns[index - 1]?.side : void 0;
+    const nextSide = index < columns.length - 1 ? columns[index + 1]?.side : void 0;
+    entry.edgeLeft = prevSide !== column.side;
+    entry.edgeRight = nextSide !== column.side;
+    if (index === 0) entry.edgeLeft = false;
+    if (index === columns.length - 1) entry.edgeRight = false;
+    entry.isEdge = entry.edgeLeft || entry.edgeRight;
+  });
   return result;
 }
 function getColumnFreezeStyle(offset, options) {
@@ -1089,7 +1110,7 @@ function DataTableRow({
             "data-editable": editable ? "" : void 0,
             "data-editing": isEditing ? "" : void 0,
             "data-frozen": freezeOffset?.side,
-            "data-freeze-edge": freezeOffset?.isEdge ? "" : void 0,
+            "data-freeze-edge": getColumnFreezeEdgeAttr(freezeOffset),
             onMouseDown: (event) => {
               if (isEditing) {
                 event.stopPropagation();
@@ -2400,7 +2421,7 @@ function DataTable({
                       {
                         "data-resizing": header.column.getIsResizing() ? "" : void 0,
                         "data-frozen": freezeOffset?.side,
-                        "data-freeze-edge": freezeOffset?.isEdge ? "" : void 0,
+                        "data-freeze-edge": getColumnFreezeEdgeAttr(freezeOffset),
                         style: Object.keys(headerStyle).length > 0 ? headerStyle : void 0,
                         className: cn(
                           "data-table-head-cell",

package/dist/core.cjs

@@ -41,6 +41,7 @@ __export(core_exports, {
   getCellEditDraftValue: () => getCellEditDraftValue,
   getCellSelectionEdgeStyle: () => getCellSelectionEdgeStyle,
   getColumnEditType: () => getColumnEditType,
+  getColumnFreezeEdgeAttr: () => getColumnFreezeEdgeAttr,
   getColumnFreezeStyle: () => getColumnFreezeStyle,
   getColumnSizeStyle: () => getColumnSizeStyle,
   getRowIndexInMergedCell: () => getRowIndexInMergedCell,
@@ -1000,6 +1001,13 @@ function resolveColumnFreezeSide(frozen) {
   if (frozen === "right") return "right";
   return void 0;
 }
+function getColumnFreezeEdgeAttr(offset) {
+  if (!offset) return void 0;
+  if (offset.edgeLeft && offset.edgeRight) return "both";
+  if (offset.edgeLeft) return "left";
+  if (offset.edgeRight) return "right";
+  return void 0;
+}
 function buildColumnFreezeOffsets(columns) {
   const result = /* @__PURE__ */ new Map();
   let leftOffset = 0;
@@ -1011,6 +1019,8 @@ function buildColumnFreezeOffsets(columns) {
       side: "left",
       offset: leftOffset,
       isEdge: false,
+      edgeLeft: false,
+      edgeRight: false,
       stack: 0
     });
     leftOffset += column.size;
@@ -1018,7 +1028,6 @@ function buildColumnFreezeOffsets(columns) {
   leftIds.forEach((id, index) => {
     const entry = result.get(id);
     if (!entry) return;
-    entry.isEdge = index === leftIds.length - 1;
     entry.stack = leftIds.length - index;
   });
   let rightOffset = 0;
@@ -1031,6 +1040,8 @@ function buildColumnFreezeOffsets(columns) {
       side: "right",
       offset: rightOffset,
       isEdge: false,
+      edgeLeft: false,
+      edgeRight: false,
       stack: 0
     });
     rightOffset += column.size;
@@ -1038,9 +1049,20 @@ function buildColumnFreezeOffsets(columns) {
   rightIds.forEach((id, index) => {
     const entry = result.get(id);
     if (!entry) return;
-    entry.isEdge = index === rightIds.length - 1;
     entry.stack = rightIds.length - index;
   });
+  columns.forEach((column, index) => {
+    if (!column.side) return;
+    const entry = result.get(column.id);
+    if (!entry) return;
+    const prevSide = index > 0 ? columns[index - 1]?.side : void 0;
+    const nextSide = index < columns.length - 1 ? columns[index + 1]?.side : void 0;
+    entry.edgeLeft = prevSide !== column.side;
+    entry.edgeRight = nextSide !== column.side;
+    if (index === 0) entry.edgeLeft = false;
+    if (index === columns.length - 1) entry.edgeRight = false;
+    entry.isEdge = entry.edgeLeft || entry.edgeRight;
+  });
   return result;
 }
 function getColumnFreezeStyle(offset, options) {
@@ -1710,6 +1732,7 @@ function getColumnSizeStyle(size, options) {
   getCellEditDraftValue,
   getCellSelectionEdgeStyle,
   getColumnEditType,
+  getColumnFreezeEdgeAttr,
   getColumnFreezeStyle,
   getColumnSizeStyle,
   getRowIndexInMergedCell,

package/dist/core.d.cts

@@ -1,5 +1,5 @@
-import { n as CellEditType, d as DataTableClassNames, R as RowSelectionMode, b as ColumnFreezeOffset, g as DataTableProps, f as DataTableLabels, e as DataTableCopyActions, P as PasteMode, i as RowsPastePayload } from './types-D031_07N.cjs';
-export { C as ColumnFreezeColumnInput, a as ColumnFreezeMeta, c as ColumnFreezeSide, D as DEFAULT_DATA_TABLE_LABELS, k as buildColumnFreezeOffsets, l as getColumnFreezeStyle, r as resolveColumnFreezeSide, m as resolveDataTableLabels } from './types-D031_07N.cjs';
+import { p as CellEditType, e as DataTableClassNames, R as RowSelectionMode, c as ColumnFreezeOffset, h as DataTableProps, g as DataTableLabels, f as DataTableCopyActions, P as PasteMode, j as RowsPastePayload } from './types-B4uHdkrY.cjs';
+export { C as ColumnFreezeColumnInput, a as ColumnFreezeEdgeSide, b as ColumnFreezeMeta, d as ColumnFreezeSide, D as DEFAULT_DATA_TABLE_LABELS, l as buildColumnFreezeOffsets, m as getColumnFreezeEdgeAttr, n as getColumnFreezeStyle, r as resolveColumnFreezeSide, o as resolveDataTableLabels } from './types-B4uHdkrY.cjs';
 import { Row, ColumnDef, Table, Updater, RowSelectionState } from '@tanstack/react-table';
 export { ColumnDef, ColumnResizeMode, ColumnSizingState, RowSelectionState } from '@tanstack/react-table';
 import { Virtualizer, VirtualItem } from '@tanstack/react-virtual';

package/dist/core.d.ts

@@ -1,5 +1,5 @@
-import { n as CellEditType, d as DataTableClassNames, R as RowSelectionMode, b as ColumnFreezeOffset, g as DataTableProps, f as DataTableLabels, e as DataTableCopyActions, P as PasteMode, i as RowsPastePayload } from './types-D031_07N.js';
-export { C as ColumnFreezeColumnInput, a as ColumnFreezeMeta, c as ColumnFreezeSide, D as DEFAULT_DATA_TABLE_LABELS, k as buildColumnFreezeOffsets, l as getColumnFreezeStyle, r as resolveColumnFreezeSide, m as resolveDataTableLabels } from './types-D031_07N.js';
+import { p as CellEditType, e as DataTableClassNames, R as RowSelectionMode, c as ColumnFreezeOffset, h as DataTableProps, g as DataTableLabels, f as DataTableCopyActions, P as PasteMode, j as RowsPastePayload } from './types-B4uHdkrY.js';
+export { C as ColumnFreezeColumnInput, a as ColumnFreezeEdgeSide, b as ColumnFreezeMeta, d as ColumnFreezeSide, D as DEFAULT_DATA_TABLE_LABELS, l as buildColumnFreezeOffsets, m as getColumnFreezeEdgeAttr, n as getColumnFreezeStyle, r as resolveColumnFreezeSide, o as resolveDataTableLabels } from './types-B4uHdkrY.js';
 import { Row, ColumnDef, Table, Updater, RowSelectionState } from '@tanstack/react-table';
 export { ColumnDef, ColumnResizeMode, ColumnSizingState, RowSelectionState } from '@tanstack/react-table';
 import { Virtualizer, VirtualItem } from '@tanstack/react-virtual';

package/dist/core.js

@@ -940,6 +940,13 @@ function resolveColumnFreezeSide(frozen) {
   if (frozen === "right") return "right";
   return void 0;
 }
+function getColumnFreezeEdgeAttr(offset) {
+  if (!offset) return void 0;
+  if (offset.edgeLeft && offset.edgeRight) return "both";
+  if (offset.edgeLeft) return "left";
+  if (offset.edgeRight) return "right";
+  return void 0;
+}
 function buildColumnFreezeOffsets(columns) {
   const result = /* @__PURE__ */ new Map();
   let leftOffset = 0;
@@ -951,6 +958,8 @@ function buildColumnFreezeOffsets(columns) {
       side: "left",
       offset: leftOffset,
       isEdge: false,
+      edgeLeft: false,
+      edgeRight: false,
       stack: 0
     });
     leftOffset += column.size;
@@ -958,7 +967,6 @@ function buildColumnFreezeOffsets(columns) {
   leftIds.forEach((id, index) => {
     const entry = result.get(id);
     if (!entry) return;
-    entry.isEdge = index === leftIds.length - 1;
     entry.stack = leftIds.length - index;
   });
   let rightOffset = 0;
@@ -971,6 +979,8 @@ function buildColumnFreezeOffsets(columns) {
       side: "right",
       offset: rightOffset,
       isEdge: false,
+      edgeLeft: false,
+      edgeRight: false,
       stack: 0
     });
     rightOffset += column.size;
@@ -978,9 +988,20 @@ function buildColumnFreezeOffsets(columns) {
   rightIds.forEach((id, index) => {
     const entry = result.get(id);
     if (!entry) return;
-    entry.isEdge = index === rightIds.length - 1;
     entry.stack = rightIds.length - index;
   });
+  columns.forEach((column, index) => {
+    if (!column.side) return;
+    const entry = result.get(column.id);
+    if (!entry) return;
+    const prevSide = index > 0 ? columns[index - 1]?.side : void 0;
+    const nextSide = index < columns.length - 1 ? columns[index + 1]?.side : void 0;
+    entry.edgeLeft = prevSide !== column.side;
+    entry.edgeRight = nextSide !== column.side;
+    if (index === 0) entry.edgeLeft = false;
+    if (index === columns.length - 1) entry.edgeRight = false;
+    entry.isEdge = entry.edgeLeft || entry.edgeRight;
+  });
   return result;
 }
 function getColumnFreezeStyle(offset, options) {
@@ -1649,6 +1670,7 @@ export {
   getCellEditDraftValue,
   getCellSelectionEdgeStyle,
   getColumnEditType,
+  getColumnFreezeEdgeAttr,
   getColumnFreezeStyle,
   getColumnSizeStyle,
   getRowIndexInMergedCell,

package/dist/index.cjs

@@ -44,6 +44,7 @@ __export(src_exports, {
   getCellEditDraftValue: () => getCellEditDraftValue,
   getCellSelectionEdgeStyle: () => getCellSelectionEdgeStyle,
   getColumnEditType: () => getColumnEditType,
+  getColumnFreezeEdgeAttr: () => getColumnFreezeEdgeAttr,
   getColumnFreezeStyle: () => getColumnFreezeStyle,
   getColumnSizeStyle: () => getColumnSizeStyle,
   getRowIndexInMergedCell: () => getRowIndexInMergedCell,
@@ -1011,6 +1012,13 @@ function resolveColumnFreezeSide(frozen) {
   if (frozen === "right") return "right";
   return void 0;
 }
+function getColumnFreezeEdgeAttr(offset) {
+  if (!offset) return void 0;
+  if (offset.edgeLeft && offset.edgeRight) return "both";
+  if (offset.edgeLeft) return "left";
+  if (offset.edgeRight) return "right";
+  return void 0;
+}
 function buildColumnFreezeOffsets(columns) {
   const result = /* @__PURE__ */ new Map();
   let leftOffset = 0;
@@ -1022,6 +1030,8 @@ function buildColumnFreezeOffsets(columns) {
       side: "left",
       offset: leftOffset,
       isEdge: false,
+      edgeLeft: false,
+      edgeRight: false,
       stack: 0
     });
     leftOffset += column.size;
@@ -1029,7 +1039,6 @@ function buildColumnFreezeOffsets(columns) {
   leftIds.forEach((id, index) => {
     const entry = result.get(id);
     if (!entry) return;
-    entry.isEdge = index === leftIds.length - 1;
     entry.stack = leftIds.length - index;
   });
   let rightOffset = 0;
@@ -1042,6 +1051,8 @@ function buildColumnFreezeOffsets(columns) {
       side: "right",
       offset: rightOffset,
       isEdge: false,
+      edgeLeft: false,
+      edgeRight: false,
       stack: 0
     });
     rightOffset += column.size;
@@ -1049,9 +1060,20 @@ function buildColumnFreezeOffsets(columns) {
   rightIds.forEach((id, index) => {
     const entry = result.get(id);
     if (!entry) return;
-    entry.isEdge = index === rightIds.length - 1;
     entry.stack = rightIds.length - index;
   });
+  columns.forEach((column, index) => {
+    if (!column.side) return;
+    const entry = result.get(column.id);
+    if (!entry) return;
+    const prevSide = index > 0 ? columns[index - 1]?.side : void 0;
+    const nextSide = index < columns.length - 1 ? columns[index + 1]?.side : void 0;
+    entry.edgeLeft = prevSide !== column.side;
+    entry.edgeRight = nextSide !== column.side;
+    if (index === 0) entry.edgeLeft = false;
+    if (index === columns.length - 1) entry.edgeRight = false;
+    entry.isEdge = entry.edgeLeft || entry.edgeRight;
+  });
   return result;
 }
 function getColumnFreezeStyle(offset, options) {
@@ -2122,7 +2144,7 @@ function DataTableRow({
             "data-editable": editable ? "" : void 0,
             "data-editing": isEditing ? "" : void 0,
             "data-frozen": freezeOffset?.side,
-            "data-freeze-edge": freezeOffset?.isEdge ? "" : void 0,
+            "data-freeze-edge": getColumnFreezeEdgeAttr(freezeOffset),
             onMouseDown: (event) => {
               if (isEditing) {
                 event.stopPropagation();
@@ -2485,7 +2507,7 @@ function DataTable({
                       {
                         "data-resizing": header.column.getIsResizing() ? "" : void 0,
                         "data-frozen": freezeOffset?.side,
-                        "data-freeze-edge": freezeOffset?.isEdge ? "" : void 0,
+                        "data-freeze-edge": getColumnFreezeEdgeAttr(freezeOffset),
                         style: Object.keys(headerStyle).length > 0 ? headerStyle : void 0,
                         className: cn(
                           "data-table-head-cell",
@@ -2972,6 +2994,7 @@ var Table = Object.assign(TableRoot, {
   getCellEditDraftValue,
   getCellSelectionEdgeStyle,
   getColumnEditType,
+  getColumnFreezeEdgeAttr,
   getColumnFreezeStyle,
   getColumnSizeStyle,
   getRowIndexInMergedCell,

package/dist/index.d.cts

@@ -1,4 +1,4 @@
-export { C as ColumnFreezeColumnInput, a as ColumnFreezeMeta, b as ColumnFreezeOffset, c as ColumnFreezeSide, D as DEFAULT_DATA_TABLE_LABELS, d as DataTableClassNames, e as DataTableCopyActions, f as DataTableLabels, g as DataTableProps, h as DataTableSlots, P as PasteMode, R as RowSelectionMode, i as RowsPastePayload, T as TableColumnProps, j as TableProps, k as buildColumnFreezeOffsets, l as getColumnFreezeStyle, r as resolveColumnFreezeSide, m as resolveDataTableLabels } from './types-D031_07N.cjs';
+export { C as ColumnFreezeColumnInput, a as ColumnFreezeEdgeSide, b as ColumnFreezeMeta, c as ColumnFreezeOffset, d as ColumnFreezeSide, D as DEFAULT_DATA_TABLE_LABELS, e as DataTableClassNames, f as DataTableCopyActions, g as DataTableLabels, h as DataTableProps, i as DataTableSlots, P as PasteMode, R as RowSelectionMode, j as RowsPastePayload, T as TableColumnProps, k as TableProps, l as buildColumnFreezeOffsets, m as getColumnFreezeEdgeAttr, n as getColumnFreezeStyle, r as resolveColumnFreezeSide, o as resolveDataTableLabels } from './types-B4uHdkrY.cjs';
 export { CELL_SELECTION_EDGES_CLASS, CellSelectionBounds, ColumnRowSpanMap, CopyRowEntry, CopySelectionMode, DEFAULT_TREE_CHILDREN_FIELD, DEFAULT_TREE_ID_FIELD, DEFAULT_TREE_PARENT_ID_FIELD, DEFAULT_TREE_QTY_FIELD, DragState, EditingCell, RowSpanInfo, TreeRow, UseConvertTreeDataParams, UseGlideTableOptions, UseGlideTableResult, applyCellEdit, applyFillData, applySelectionUpdater, buildColumnRowSpanMap, buildRowsPastePayload, canExpandRow, collectCopyRowEntries, collectCopyRows, collectFillChanges, collectRowSpanColumns, flattenSubtreeRows, getCellEditDraftValue, getCellSelectionEdgeStyle, getColumnEditType, getColumnSizeStyle, getRowIndexInMergedCell, hasCellSelectionEdges, isCellInSelection, isColumnEditable, isEditablePasteTarget, measureMergedSpanRowHeights, parseCellEditValue, parseClipboardTSV, parseClipboardTSVWithDepths, resolvePasteColumnIds, resolveRowSelection, resolveRowSpanAt, rowRangeToHeightRatios, serializeCopyRowsToTSV, serializeSelectionToTSV, toggleExpandedRowId, useCellEdit, useCellSelection, useConvertTreeData, useGlideTable, writeSelectionToClipboard } from './core.cjs';
 export { DataTable, Table, TableCompoundComponent, createTable } from './compound.cjs';
 export { ColumnDef, ColumnResizeMode, ColumnSizingState, RowSelectionState } from '@tanstack/react-table';

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-export { C as ColumnFreezeColumnInput, a as ColumnFreezeMeta, b as ColumnFreezeOffset, c as ColumnFreezeSide, D as DEFAULT_DATA_TABLE_LABELS, d as DataTableClassNames, e as DataTableCopyActions, f as DataTableLabels, g as DataTableProps, h as DataTableSlots, P as PasteMode, R as RowSelectionMode, i as RowsPastePayload, T as TableColumnProps, j as TableProps, k as buildColumnFreezeOffsets, l as getColumnFreezeStyle, r as resolveColumnFreezeSide, m as resolveDataTableLabels } from './types-D031_07N.js';
+export { C as ColumnFreezeColumnInput, a as ColumnFreezeEdgeSide, b as ColumnFreezeMeta, c as ColumnFreezeOffset, d as ColumnFreezeSide, D as DEFAULT_DATA_TABLE_LABELS, e as DataTableClassNames, f as DataTableCopyActions, g as DataTableLabels, h as DataTableProps, i as DataTableSlots, P as PasteMode, R as RowSelectionMode, j as RowsPastePayload, T as TableColumnProps, k as TableProps, l as buildColumnFreezeOffsets, m as getColumnFreezeEdgeAttr, n as getColumnFreezeStyle, r as resolveColumnFreezeSide, o as resolveDataTableLabels } from './types-B4uHdkrY.js';
 export { CELL_SELECTION_EDGES_CLASS, CellSelectionBounds, ColumnRowSpanMap, CopyRowEntry, CopySelectionMode, DEFAULT_TREE_CHILDREN_FIELD, DEFAULT_TREE_ID_FIELD, DEFAULT_TREE_PARENT_ID_FIELD, DEFAULT_TREE_QTY_FIELD, DragState, EditingCell, RowSpanInfo, TreeRow, UseConvertTreeDataParams, UseGlideTableOptions, UseGlideTableResult, applyCellEdit, applyFillData, applySelectionUpdater, buildColumnRowSpanMap, buildRowsPastePayload, canExpandRow, collectCopyRowEntries, collectCopyRows, collectFillChanges, collectRowSpanColumns, flattenSubtreeRows, getCellEditDraftValue, getCellSelectionEdgeStyle, getColumnEditType, getColumnSizeStyle, getRowIndexInMergedCell, hasCellSelectionEdges, isCellInSelection, isColumnEditable, isEditablePasteTarget, measureMergedSpanRowHeights, parseCellEditValue, parseClipboardTSV, parseClipboardTSVWithDepths, resolvePasteColumnIds, resolveRowSelection, resolveRowSpanAt, rowRangeToHeightRatios, serializeCopyRowsToTSV, serializeSelectionToTSV, toggleExpandedRowId, useCellEdit, useCellSelection, useConvertTreeData, useGlideTable, writeSelectionToClipboard } from './core.js';
 export { DataTable, Table, TableCompoundComponent, createTable } from './compound.js';
 export { ColumnDef, ColumnResizeMode, ColumnSizingState, RowSelectionState } from '@tanstack/react-table';

package/dist/index.js

@@ -948,6 +948,13 @@ function resolveColumnFreezeSide(frozen) {
   if (frozen === "right") return "right";
   return void 0;
 }
+function getColumnFreezeEdgeAttr(offset) {
+  if (!offset) return void 0;
+  if (offset.edgeLeft && offset.edgeRight) return "both";
+  if (offset.edgeLeft) return "left";
+  if (offset.edgeRight) return "right";
+  return void 0;
+}
 function buildColumnFreezeOffsets(columns) {
   const result = /* @__PURE__ */ new Map();
   let leftOffset = 0;
@@ -959,6 +966,8 @@ function buildColumnFreezeOffsets(columns) {
       side: "left",
       offset: leftOffset,
       isEdge: false,
+      edgeLeft: false,
+      edgeRight: false,
       stack: 0
     });
     leftOffset += column.size;
@@ -966,7 +975,6 @@ function buildColumnFreezeOffsets(columns) {
   leftIds.forEach((id, index) => {
     const entry = result.get(id);
     if (!entry) return;
-    entry.isEdge = index === leftIds.length - 1;
     entry.stack = leftIds.length - index;
   });
   let rightOffset = 0;
@@ -979,6 +987,8 @@ function buildColumnFreezeOffsets(columns) {
       side: "right",
       offset: rightOffset,
       isEdge: false,
+      edgeLeft: false,
+      edgeRight: false,
       stack: 0
     });
     rightOffset += column.size;
@@ -986,9 +996,20 @@ function buildColumnFreezeOffsets(columns) {
   rightIds.forEach((id, index) => {
     const entry = result.get(id);
     if (!entry) return;
-    entry.isEdge = index === rightIds.length - 1;
     entry.stack = rightIds.length - index;
   });
+  columns.forEach((column, index) => {
+    if (!column.side) return;
+    const entry = result.get(column.id);
+    if (!entry) return;
+    const prevSide = index > 0 ? columns[index - 1]?.side : void 0;
+    const nextSide = index < columns.length - 1 ? columns[index + 1]?.side : void 0;
+    entry.edgeLeft = prevSide !== column.side;
+    entry.edgeRight = nextSide !== column.side;
+    if (index === 0) entry.edgeLeft = false;
+    if (index === columns.length - 1) entry.edgeRight = false;
+    entry.isEdge = entry.edgeLeft || entry.edgeRight;
+  });
   return result;
 }
 function getColumnFreezeStyle(offset, options) {
@@ -2059,7 +2080,7 @@ function DataTableRow({
             "data-editable": editable ? "" : void 0,
             "data-editing": isEditing ? "" : void 0,
             "data-frozen": freezeOffset?.side,
-            "data-freeze-edge": freezeOffset?.isEdge ? "" : void 0,
+            "data-freeze-edge": getColumnFreezeEdgeAttr(freezeOffset),
             onMouseDown: (event) => {
               if (isEditing) {
                 event.stopPropagation();
@@ -2422,7 +2443,7 @@ function DataTable({
                       {
                         "data-resizing": header.column.getIsResizing() ? "" : void 0,
                         "data-frozen": freezeOffset?.side,
-                        "data-freeze-edge": freezeOffset?.isEdge ? "" : void 0,
+                        "data-freeze-edge": getColumnFreezeEdgeAttr(freezeOffset),
                         style: Object.keys(headerStyle).length > 0 ? headerStyle : void 0,
                         className: cn(
                           "data-table-head-cell",
@@ -2908,6 +2929,7 @@ export {
   getCellEditDraftValue,
   getCellSelectionEdgeStyle,
   getColumnEditType,
+  getColumnFreezeEdgeAttr,
   getColumnFreezeStyle,
   getColumnSizeStyle,
   getRowIndexInMergedCell,

package/dist/{types-D031_07N.d.cts → types-B4uHdkrY.d.cts}

@@ -13,24 +13,34 @@ type ColumnFreezeColumnInput = {
     size: number;
     side?: ColumnFreezeSide;
 };
+/** Which outer sides of a freeze island get a divider shadow. */
+type ColumnFreezeEdgeSide = "left" | "right" | "both";
 type ColumnFreezeOffset = {
     side: ColumnFreezeSide;
     /** Cumulative sticky inset (`left` or `right` in px). */
     offset: number;
-    /** Inner edge of the sticky group (shadow / divider). */
+    /** True when this cell is on an island boundary (any side). */
     isEdge: boolean;
+    /** Shadow toward the previous column (scrollable / other island). */
+    edgeLeft: boolean;
+    /** Shadow toward the next column (scrollable / other island). */
+    edgeRight: boolean;
     /** Relative stack order within the freeze side (higher = closer to the viewport edge). */
     stack: number;
 };
 /** Normalize column `frozen` meta into a sticky side. */
 declare function resolveColumnFreezeSide(frozen?: ColumnFreezeMeta): ColumnFreezeSide | undefined;
+/** Serialize freeze-edge flags for `data-freeze-edge`. */
+declare function getColumnFreezeEdgeAttr(offset: Pick<ColumnFreezeOffset, "edgeLeft" | "edgeRight"> | undefined): ColumnFreezeEdgeSide | undefined;
 /**
  * Build sticky insets for frozen columns without changing DOM/column order.
  *
  * - `left`: `left = Σ(widths of left-frozen columns before this one)`
  * - `right`: `right = Σ(widths of right-frozen columns after this one)`
  *
- * Middle columns may be frozen; non-frozen neighbors scroll underneath.
+ * Contiguous same-side freezes form one island — only the outer boundaries
+ * get edge shadows. Gaps between same-side freezes create separate islands,
+ * so both sides of the gap receive a shadow.
  */
 declare function buildColumnFreezeOffsets(columns: ColumnFreezeColumnInput[]): Map<string, ColumnFreezeOffset>;
 /** Sticky position styles for a frozen header or body cell. */
@@ -364,4 +374,4 @@ type TableProps<T extends Record<string, unknown>> = Omit<DataTableProps<T>, "co
     children: ReactNode;
 };
 
-export { type ColumnFreezeColumnInput as C, DEFAULT_DATA_TABLE_LABELS as D, type PasteMode as P, type RowSelectionMode as R, type TableColumnProps as T, type ColumnFreezeMeta as a, type ColumnFreezeOffset as b, type ColumnFreezeSide as c, type DataTableClassNames as d, type DataTableCopyActions as e, type DataTableLabels as f, type DataTableProps as g, type DataTableSlots as h, type RowsPastePayload as i, type TableProps as j, buildColumnFreezeOffsets as k, getColumnFreezeStyle as l, resolveDataTableLabels as m, type CellEditType as n, resolveColumnFreezeSide as r };
+export { type ColumnFreezeColumnInput as C, DEFAULT_DATA_TABLE_LABELS as D, type PasteMode as P, type RowSelectionMode as R, type TableColumnProps as T, type ColumnFreezeEdgeSide as a, type ColumnFreezeMeta as b, type ColumnFreezeOffset as c, type ColumnFreezeSide as d, type DataTableClassNames as e, type DataTableCopyActions as f, type DataTableLabels as g, type DataTableProps as h, type DataTableSlots as i, type RowsPastePayload as j, type TableProps as k, buildColumnFreezeOffsets as l, getColumnFreezeEdgeAttr as m, getColumnFreezeStyle as n, resolveDataTableLabels as o, type CellEditType as p, resolveColumnFreezeSide as r };

package/dist/{types-D031_07N.d.ts → types-B4uHdkrY.d.ts}

@@ -13,24 +13,34 @@ type ColumnFreezeColumnInput = {
     size: number;
     side?: ColumnFreezeSide;
 };
+/** Which outer sides of a freeze island get a divider shadow. */
+type ColumnFreezeEdgeSide = "left" | "right" | "both";
 type ColumnFreezeOffset = {
     side: ColumnFreezeSide;
     /** Cumulative sticky inset (`left` or `right` in px). */
     offset: number;
-    /** Inner edge of the sticky group (shadow / divider). */
+    /** True when this cell is on an island boundary (any side). */
     isEdge: boolean;
+    /** Shadow toward the previous column (scrollable / other island). */
+    edgeLeft: boolean;
+    /** Shadow toward the next column (scrollable / other island). */
+    edgeRight: boolean;
     /** Relative stack order within the freeze side (higher = closer to the viewport edge). */
     stack: number;
 };
 /** Normalize column `frozen` meta into a sticky side. */
 declare function resolveColumnFreezeSide(frozen?: ColumnFreezeMeta): ColumnFreezeSide | undefined;
+/** Serialize freeze-edge flags for `data-freeze-edge`. */
+declare function getColumnFreezeEdgeAttr(offset: Pick<ColumnFreezeOffset, "edgeLeft" | "edgeRight"> | undefined): ColumnFreezeEdgeSide | undefined;
 /**
  * Build sticky insets for frozen columns without changing DOM/column order.
  *
  * - `left`: `left = Σ(widths of left-frozen columns before this one)`
  * - `right`: `right = Σ(widths of right-frozen columns after this one)`
  *
- * Middle columns may be frozen; non-frozen neighbors scroll underneath.
+ * Contiguous same-side freezes form one island — only the outer boundaries
+ * get edge shadows. Gaps between same-side freezes create separate islands,
+ * so both sides of the gap receive a shadow.
  */
 declare function buildColumnFreezeOffsets(columns: ColumnFreezeColumnInput[]): Map<string, ColumnFreezeOffset>;
 /** Sticky position styles for a frozen header or body cell. */
@@ -364,4 +374,4 @@ type TableProps<T extends Record<string, unknown>> = Omit<DataTableProps<T>, "co
     children: ReactNode;
 };
 
-export { type ColumnFreezeColumnInput as C, DEFAULT_DATA_TABLE_LABELS as D, type PasteMode as P, type RowSelectionMode as R, type TableColumnProps as T, type ColumnFreezeMeta as a, type ColumnFreezeOffset as b, type ColumnFreezeSide as c, type DataTableClassNames as d, type DataTableCopyActions as e, type DataTableLabels as f, type DataTableProps as g, type DataTableSlots as h, type RowsPastePayload as i, type TableProps as j, buildColumnFreezeOffsets as k, getColumnFreezeStyle as l, resolveDataTableLabels as m, type CellEditType as n, resolveColumnFreezeSide as r };
+export { type ColumnFreezeColumnInput as C, DEFAULT_DATA_TABLE_LABELS as D, type PasteMode as P, type RowSelectionMode as R, type TableColumnProps as T, type ColumnFreezeEdgeSide as a, type ColumnFreezeMeta as b, type ColumnFreezeOffset as c, type ColumnFreezeSide as d, type DataTableClassNames as e, type DataTableCopyActions as f, type DataTableLabels as g, type DataTableProps as h, type DataTableSlots as i, type RowsPastePayload as j, type TableProps as k, buildColumnFreezeOffsets as l, getColumnFreezeEdgeAttr as m, getColumnFreezeStyle as n, resolveDataTableLabels as o, type CellEditType as p, resolveColumnFreezeSide as r };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-glide-table",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/zpxlffjrm/react-glide-table.git"