beautiful-grid 1.0.13 → 1.0.15

package/cjs/components/TableSummary.js

@@ -64,61 +64,52 @@ var react_1 = require("react");
 var React = __importStar(require("react"));
 var shallow_1 = require("zustand/react/shallow");
 var store_1 = require("../store");
+var utils_1 = require("../utils");
 var TableColGroup_1 = __importDefault(require("./TableColGroup"));
 function TableSummary(_a) {
     var position = _a.position;
     // [Selector Group 1] Summary Configuration - 요약 설정
     var _b = (0, store_1.useAppStore)((0, shallow_1.useShallow)(function (s) { return ({
         summaryHeight: s.summaryHeight,
+        summaryRowHeight: s.summaryRowHeight,
         summary: s.summary,
         columns: s.columns,
-        columnsGroup: s.columnsGroup,
         frozenColumnIndex: s.frozenColumnIndex,
         variant: s.variant,
         data: s.data,
-    }); })), summaryHeight = _b.summaryHeight, summary = _b.summary, columns = _b.columns, columnsGroup = _b.columnsGroup, frozenColumnIndex = _b.frozenColumnIndex, variant = _b.variant, data = _b.data;
-    var summaryColumns = (0, react_1.useMemo)(function () {
-        var ignoreColumnCnt = 0;
-        return columns.slice(frozenColumnIndex).map(function (column, index) {
-            var _a, _b, _c;
-            var columnIndex = frozenColumnIndex + index;
-            var summaryColumn = (_a = summary === null || summary === void 0 ? void 0 : summary.columns) === null || _a === void 0 ? void 0 : _a.find(function (sc) { return sc.columnIndex === columnIndex; });
-            if (summaryColumn && ((_b = summaryColumn.colSpan) !== null && _b !== void 0 ? _b : 1) > 1) {
-                ignoreColumnCnt = ((_c = summaryColumn.colSpan) !== null && _c !== void 0 ? _c : 1) - 1;
-            }
-            else {
-                if (ignoreColumnCnt > 0) {
-                    ignoreColumnCnt--;
-                    return {};
-                }
-            }
-            return {
-                column: column,
-                columnIndex: columnIndex,
-                summaryColumn: summaryColumn,
-            };
-        });
-    }, [columns, frozenColumnIndex, summary]);
+    }); })), summaryHeight = _b.summaryHeight, summaryRowHeight = _b.summaryRowHeight, summary = _b.summary, columns = _b.columns, frozenColumnIndex = _b.frozenColumnIndex, variant = _b.variant, data = _b.data;
+    var summaryRows = (0, react_1.useMemo)(function () { return (0, utils_1.normalizeSummaryRows)(summary); }, [summary]);
+    var renderedRows = (0, react_1.useMemo)(function () {
+        var targetColumns = columns.slice(frozenColumnIndex);
+        return summaryRows.map(function (row, rowIndex) { return ({
+            row: row,
+            rowIndex: rowIndex,
+            cells: (0, utils_1.buildSummaryRowCells)(targetColumns, row.columns, frozenColumnIndex),
+        }); });
+    }, [summaryRows, columns, frozenColumnIndex]);
     return (React.createElement(SummaryTable, { variant: variant, summaryHeight: summaryHeight, position: position },
         React.createElement(TableColGroup_1.default, null),
-        React.createElement("tbody", { role: 'rfdg-summary' },
-            React.createElement("tr", null,
-                summaryColumns.map(function (_a, index) {
-                    var _b, _c;
-                    var column = _a.column, summaryColumn = _a.summaryColumn, columnIndex = _a.columnIndex;
-                    if (!column)
+        React.createElement("tbody", { role: 'rfdg-summary' }, renderedRows.map(function (_a) {
+            var _b, _c, _d;
+            var row = _a.row, rowIndex = _a.rowIndex, cells = _a.cells;
+            var rowHeight = (_b = row.height) !== null && _b !== void 0 ? _b : summaryRowHeight;
+            return (React.createElement("tr", { key: (_c = row.id) !== null && _c !== void 0 ? _c : rowIndex, className: ['bgrid-summary-row', (_d = row.className) !== null && _d !== void 0 ? _d : ''].filter(Boolean).join(' '), style: __assign(__assign({}, (rowHeight !== undefined ? { height: rowHeight } : {})), row.style) },
+                cells.map(function (cell, index) {
+                    var _a, _b;
+                    if (!cell || !cell.column)
                         return null;
+                    var column = cell.column, summaryColumn = cell.summaryColumn, columnIndex = cell.columnIndex;
                     if (!summaryColumn)
                         return React.createElement("td", { key: index });
-                    return (React.createElement("td", { key: index, style: {
-                            textAlign: summaryColumn.align,
-                        }, colSpan: (_b = summaryColumn.colSpan) !== null && _b !== void 0 ? _b : 1 }, (_c = summaryColumn.itemRender) === null || _c === void 0 ? void 0 : _c.call(summaryColumn, {
+                    return (React.createElement("td", { key: index, className: summaryColumn.className, style: __assign({ textAlign: summaryColumn.align }, summaryColumn.style), colSpan: (_a = summaryColumn.colSpan) !== null && _a !== void 0 ? _a : 1 }, (_b = summaryColumn.itemRender) === null || _b === void 0 ? void 0 : _b.call(summaryColumn, {
                         column: column,
                         columnIndex: columnIndex,
+                        rowIndex: rowIndex,
                         data: data,
                     })));
                 }),
-                React.createElement("td", { "data-none": true })))));
+                React.createElement("td", { "data-none": true })));
+        }))));
 }
 function SummaryTable(_a) {
     var summaryHeight = _a.summaryHeight, variant = _a.variant, position = _a.position, className = _a.className, children = _a.children, rest = __rest(_a, ["summaryHeight", "variant", "position", "className", "children"]);

package/cjs/components/TableSummaryFronzen.js

@@ -1,4 +1,15 @@
 "use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -41,6 +52,7 @@ var React = __importStar(require("react"));
 var react_1 = require("react");
 var shallow_1 = require("zustand/react/shallow");
 var store_1 = require("../store");
+var utils_1 = require("../utils");
 var TableColGroupFrozen_1 = __importDefault(require("./TableColGroupFrozen"));
 var TableHead_1 = require("./TableHead");
 var TableSummary_1 = require("./TableSummary");
@@ -49,57 +61,47 @@ function TableSummaryFrozen(_a) {
     // [Selector Group 1] Summary Configuration - 요약 설정
     var _b = (0, store_1.useAppStore)((0, shallow_1.useShallow)(function (s) { return ({
         summaryHeight: s.summaryHeight,
+        summaryRowHeight: s.summaryRowHeight,
         summary: s.summary,
         columns: s.columns,
-        columnsGroup: s.columnsGroup,
         frozenColumnIndex: s.frozenColumnIndex,
         variant: s.variant,
         data: s.data,
         showLineNumber: s.showLineNumber,
         rowChecked: s.rowChecked,
-    }); })), summaryHeight = _b.summaryHeight, summary = _b.summary, columns = _b.columns, columnsGroup = _b.columnsGroup, frozenColumnIndex = _b.frozenColumnIndex, variant = _b.variant, data = _b.data, showLineNumber = _b.showLineNumber, rowChecked = _b.rowChecked;
+    }); })), summaryHeight = _b.summaryHeight, summaryRowHeight = _b.summaryRowHeight, summary = _b.summary, columns = _b.columns, frozenColumnIndex = _b.frozenColumnIndex, variant = _b.variant, data = _b.data, showLineNumber = _b.showLineNumber, rowChecked = _b.rowChecked;
     var hasRowSelection = !!rowChecked;
-    var summaryColumns = (0, react_1.useMemo)(function () {
-        var ignoreColumnCnt = 0;
-        return columns.slice(0, frozenColumnIndex).map(function (column, index) {
-            var _a, _b, _c;
-            var columnIndex = index;
-            var summaryColumn = (_a = summary === null || summary === void 0 ? void 0 : summary.columns) === null || _a === void 0 ? void 0 : _a.find(function (sc) { return sc.columnIndex === columnIndex; });
-            if (summaryColumn && ((_b = summaryColumn.colSpan) !== null && _b !== void 0 ? _b : 1) > 1) {
-                ignoreColumnCnt = ((_c = summaryColumn.colSpan) !== null && _c !== void 0 ? _c : 1) - 1;
-            }
-            else {
-                if (ignoreColumnCnt > 0) {
-                    ignoreColumnCnt--;
-                    return {};
-                }
-            }
-            return {
-                column: column,
-                columnIndex: columnIndex,
-                summaryColumn: summaryColumn,
-            };
-        });
-    }, [columns, frozenColumnIndex, summary]);
+    var summaryRows = (0, react_1.useMemo)(function () { return (0, utils_1.normalizeSummaryRows)(summary); }, [summary]);
+    var renderedRows = (0, react_1.useMemo)(function () {
+        var targetColumns = columns.slice(0, frozenColumnIndex);
+        return summaryRows.map(function (row, rowIndex) { return ({
+            row: row,
+            rowIndex: rowIndex,
+            cells: (0, utils_1.buildSummaryRowCells)(targetColumns, row.columns, 0),
+        }); });
+    }, [summaryRows, columns, frozenColumnIndex]);
     return (React.createElement(TableSummary_1.SummaryTable, { variant: variant, summaryHeight: summaryHeight, position: position },
         React.createElement(TableColGroupFrozen_1.default, null),
-        React.createElement("tbody", { role: 'rfdg-summay-frozen' },
-            React.createElement("tr", null,
+        React.createElement("tbody", { role: 'rfdg-summay-frozen' }, renderedRows.map(function (_a) {
+            var _b, _c, _d;
+            var row = _a.row, rowIndex = _a.rowIndex, cells = _a.cells;
+            var rowHeight = (_b = row.height) !== null && _b !== void 0 ? _b : summaryRowHeight;
+            return (React.createElement("tr", { key: (_c = row.id) !== null && _c !== void 0 ? _c : rowIndex, className: ['bgrid-summary-row', (_d = row.className) !== null && _d !== void 0 ? _d : ''].filter(Boolean).join(' '), style: __assign(__assign({}, (rowHeight !== undefined ? { height: rowHeight } : {})), row.style) },
                 showLineNumber && React.createElement(TableHead_1.HeadTd, { className: !hasRowSelection ? 'bordered' : '' }, "\u00A0"),
                 hasRowSelection && React.createElement("td", { className: 'bordered' }, "\u00A0"),
-                summaryColumns.map(function (_a, index) {
-                    var _b, _c;
-                    var column = _a.column, summaryColumn = _a.summaryColumn, columnIndex = _a.columnIndex;
-                    if (!column)
+                cells.map(function (cell, index) {
+                    var _a, _b;
+                    if (!cell || !cell.column)
                         return null;
+                    var column = cell.column, summaryColumn = cell.summaryColumn, columnIndex = cell.columnIndex;
                     if (!summaryColumn)
                         return React.createElement("td", { key: index });
-                    return (React.createElement("td", { key: index, style: {
-                            textAlign: summaryColumn.align,
-                        }, colSpan: (_b = summaryColumn.colSpan) !== null && _b !== void 0 ? _b : 1 }, (_c = summaryColumn.itemRender) === null || _c === void 0 ? void 0 : _c.call(summaryColumn, {
+                    return (React.createElement("td", { key: index, className: summaryColumn.className, style: __assign({ textAlign: summaryColumn.align }, summaryColumn.style), colSpan: (_a = summaryColumn.colSpan) !== null && _a !== void 0 ? _a : 1 }, (_b = summaryColumn.itemRender) === null || _b === void 0 ? void 0 : _b.call(summaryColumn, {
                         column: column,
                         columnIndex: columnIndex,
+                        rowIndex: rowIndex,
                         data: data,
                     })));
-                })))));
+                })));
+        }))));
 }

package/cjs/store/createAppStore.js

@@ -223,6 +223,7 @@ function AppStoreProvider(_a) {
                     visible: true,
                 },
                 summaryHeight: (_j = initialState === null || initialState === void 0 ? void 0 : initialState.summaryHeight) !== null && _j !== void 0 ? _j : 30,
+                summaryRowHeight: initialState === null || initialState === void 0 ? void 0 : initialState.summaryRowHeight,
                 itemHeight: (_k = initialState === null || initialState === void 0 ? void 0 : initialState.itemHeight) !== null && _k !== void 0 ? _k : 15,
                 itemPadding: (_l = initialState === null || initialState === void 0 ? void 0 : initialState.itemPadding) !== null && _l !== void 0 ? _l : 7,
                 frozenColumnIndex: (_m = initialState === null || initialState === void 0 ? void 0 : initialState.frozenColumnIndex) !== null && _m !== void 0 ? _m : 0,
@@ -917,6 +918,7 @@ function AppStoreProvider(_a) {
                 setHeaderHeight: function (headerHeight) { return set({ headerHeight: headerHeight }); },
                 setFooterHeight: function (footerHeight) { return set({ footerHeight: footerHeight }); },
                 setSummaryHeight: function (summaryHeight) { return set({ summaryHeight: summaryHeight }); },
+                setSummaryRowHeight: function (summaryRowHeight) { return set({ summaryRowHeight: summaryRowHeight }); },
                 setItemHeight: function (itemHeight) { return set({ itemHeight: itemHeight }); },
                 setItemPadding: function (itemPadding) { return set({ itemPadding: itemPadding }); },
                 setFrozenColumnIndex: function (frozenColumnIndex) { return set({ frozenColumnIndex: frozenColumnIndex }); },

package/cjs/utils/cellSelectionGeometry.js

@@ -15,7 +15,7 @@ exports.getCellSelectionFragments = getCellSelectionFragments;
 exports.clipCellSelectionFragment = clipCellSelectionFragment;
 exports.normalizeCellSelectionRange = normalizeCellSelectionRange;
 function getCellSelectionFragments(_a) {
-    var ranges = _a.ranges, columns = _a.columns, rowCount = _a.rowCount, rowHeight = _a.rowHeight, frozenColumnCount = _a.frozenColumnCount, frozenRowCount = _a.frozenRowCount, frozenColumnsWidth = _a.frozenColumnsWidth, rowOffsets = _a.rowOffsets;
+    var ranges = _a.ranges, columns = _a.columns, rowCount = _a.rowCount, rowHeight = _a.rowHeight, frozenColumnCount = _a.frozenColumnCount, frozenRowCount = _a.frozenRowCount, frozenColumnsWidth = _a.frozenColumnsWidth, rowOffsets = _a.rowOffsets, rowHeights = _a.rowHeights, detailHeights = _a.detailHeights;
     var safeRowCount = Math.max(0, Math.floor(rowCount));
     var safeColumnCount = columns.length;
     var safeRowHeight = Math.max(1, rowHeight);
@@ -55,6 +55,8 @@ function getCellSelectionFragments(_a) {
                 selectedColumns: selectedColumns,
                 rowHeight: safeRowHeight,
                 rowOffsets: rowOffsets,
+                rowHeights: rowHeights,
+                detailHeights: detailHeights,
                 left: frozenDataOffset + getColumnsWidth(columns, 0, leftColumns.start - 1),
                 width: getColumnsWidth(columns, leftColumns.start, leftColumns.end),
                 top: getRowsTop(topRows.start, 0, safeRowHeight, rowOffsets),
@@ -70,6 +72,8 @@ function getCellSelectionFragments(_a) {
                 selectedColumns: selectedColumns,
                 rowHeight: safeRowHeight,
                 rowOffsets: rowOffsets,
+                rowHeights: rowHeights,
+                detailHeights: detailHeights,
                 left: getMainColumnLeft(columns, mainColumns.start, safeFrozenColumnCount),
                 width: getMainColumnRight(columns, mainColumns.end, safeFrozenColumnCount) -
                     getMainColumnLeft(columns, mainColumns.start, safeFrozenColumnCount),
@@ -86,6 +90,8 @@ function getCellSelectionFragments(_a) {
                 selectedColumns: selectedColumns,
                 rowHeight: safeRowHeight,
                 rowOffsets: rowOffsets,
+                rowHeights: rowHeights,
+                detailHeights: detailHeights,
                 left: frozenDataOffset + getColumnsWidth(columns, 0, leftColumns.start - 1),
                 width: getColumnsWidth(columns, leftColumns.start, leftColumns.end),
                 top: getRowsTop(bodyRows.start, safeFrozenRowCount, safeRowHeight, rowOffsets),
@@ -101,6 +107,8 @@ function getCellSelectionFragments(_a) {
                 selectedColumns: selectedColumns,
                 rowHeight: safeRowHeight,
                 rowOffsets: rowOffsets,
+                rowHeights: rowHeights,
+                detailHeights: detailHeights,
                 left: getMainColumnLeft(columns, mainColumns.start, safeFrozenColumnCount),
                 width: getMainColumnRight(columns, mainColumns.end, safeFrozenColumnCount) -
                     getMainColumnLeft(columns, mainColumns.start, safeFrozenColumnCount),
@@ -137,17 +145,14 @@ function normalizeCellSelectionRange(range) {
     };
 }
 function createFragment(_a) {
-    var _b, _c;
-    var rangeIndex = _a.rangeIndex, quadrant = _a.quadrant, rows = _a.rows, columns = _a.columns, selectedRows = _a.selectedRows, selectedColumns = _a.selectedColumns, rowHeight = _a.rowHeight, rowOffsets = _a.rowOffsets, left = _a.left, top = _a.top, width = _a.width;
+    var rangeIndex = _a.rangeIndex, quadrant = _a.quadrant, rows = _a.rows, columns = _a.columns, selectedRows = _a.selectedRows, selectedColumns = _a.selectedColumns, rowHeight = _a.rowHeight, rowOffsets = _a.rowOffsets, rowHeights = _a.rowHeights, detailHeights = _a.detailHeights, left = _a.left, top = _a.top, width = _a.width;
     return {
         rangeIndex: rangeIndex,
         quadrant: quadrant,
         left: left,
         top: top,
         width: width,
-        height: rowOffsets
-            ? ((_b = rowOffsets[rows.end + 1]) !== null && _b !== void 0 ? _b : 0) - ((_c = rowOffsets[rows.start]) !== null && _c !== void 0 ? _c : 0)
-            : (rows.end - rows.start + 1) * rowHeight,
+        height: getRowsHeight(rows.start, rows.end, rowHeight, rowOffsets, rowHeights, detailHeights),
         edges: {
             top: rows.start === selectedRows.start,
             right: columns.end === selectedColumns.end,
@@ -156,6 +161,27 @@ function createFragment(_a) {
         },
     };
 }
+function getRowsHeight(start, end, rowHeight, rowOffsets, rowHeights, detailHeights) {
+    var _a, _b, _c, _d, _e, _f;
+    if (rowHeights && rowHeights[end] !== undefined) {
+        var endRowHeight = rowHeights[end];
+        if (start === end)
+            return endRowHeight;
+        var topStart = rowOffsets ? (_a = rowOffsets[start]) !== null && _a !== void 0 ? _a : 0 : start * rowHeight;
+        var topEnd = rowOffsets ? (_b = rowOffsets[end]) !== null && _b !== void 0 ? _b : 0 : end * rowHeight;
+        return topEnd + endRowHeight - topStart;
+    }
+    if (rowOffsets) {
+        var topStart = (_c = rowOffsets[start]) !== null && _c !== void 0 ? _c : 0;
+        var topEnd = (_d = rowOffsets[end]) !== null && _d !== void 0 ? _d : 0;
+        var detailEnd = (_e = detailHeights === null || detailHeights === void 0 ? void 0 : detailHeights[end]) !== null && _e !== void 0 ? _e : 0;
+        var endRowHeight = Math.max(((_f = rowOffsets[end + 1]) !== null && _f !== void 0 ? _f : (topEnd + rowHeight)) - topEnd - detailEnd, 0);
+        if (start === end)
+            return endRowHeight;
+        return topEnd + endRowHeight - topStart;
+    }
+    return (end - start + 1) * rowHeight;
+}
 function getRowsTop(start, base, rowHeight, rowOffsets) {
     var _a, _b;
     return rowOffsets ? ((_a = rowOffsets[start]) !== null && _a !== void 0 ? _a : 0) - ((_b = rowOffsets[base]) !== null && _b !== void 0 ? _b : 0) : (start - base) * rowHeight;

package/cjs/utils/columnVisibility.js

@@ -94,21 +94,24 @@ function projectCellMergeOptions(options, visibleIndexByOriginalIndex) {
     }, {});
     return __assign(__assign({}, options), { columnsMap: columnsMap });
 }
-function projectSummary(summary, visibleIndexByOriginalIndex) {
+function projectSummaryColumn(sc, vMap) {
+    var _a;
+    var end = sc.columnIndex + ((_a = sc.colSpan) !== null && _a !== void 0 ? _a : 1);
+    var idxs = [];
+    for (var i = sc.columnIndex; i < end; i++) {
+        var v = vMap.get(i);
+        if (v !== undefined)
+            idxs.push(v);
+    }
+    return idxs.length ? [__assign(__assign({}, sc), { columnIndex: idxs[0], colSpan: idxs.length })] : [];
+}
+function projectSummary(summary, vMap) {
     if (!summary)
         return undefined;
-    var columns = summary.columns.flatMap(function (summaryColumn) {
-        var _a;
-        var originalEnd = summaryColumn.columnIndex + ((_a = summaryColumn.colSpan) !== null && _a !== void 0 ? _a : 1);
-        var visibleIndexes = [];
-        for (var index = summaryColumn.columnIndex; index < originalEnd; index += 1) {
-            var visibleIndex = visibleIndexByOriginalIndex.get(index);
-            if (visibleIndex !== undefined)
-                visibleIndexes.push(visibleIndex);
+    var projectCols = function (cols) { return cols.flatMap(function (c) { return projectSummaryColumn(c, vMap); }); };
+    return __assign(__assign(__assign({}, summary), (summary.columns ? { columns: projectCols(summary.columns) } : {})), (summary.rows
+        ? {
+            rows: summary.rows.map(function (r) { return (Array.isArray(r) ? projectCols(r) : __assign(__assign({}, r), { columns: projectCols(r.columns) })); }),
         }
-        if (!visibleIndexes.length)
-            return [];
-        return [__assign(__assign({}, summaryColumn), { columnIndex: visibleIndexes[0], colSpan: visibleIndexes.length })];
-    });
-    return __assign(__assign({}, summary), { columns: columns });
+        : {}));
 }

package/cjs/utils/index.js

@@ -46,3 +46,4 @@ __exportStar(require("./checkedIndexes"), exports);
 __exportStar(require("./exportData"), exports);
 __exportStar(require("./exportCsv"), exports);
 __exportStar(require("./exportExcel"), exports);
+__exportStar(require("./summary"), exports);

package/cjs/utils/rowHeightMetrics.js

@@ -3,9 +3,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.createRowHeightMetrics = createRowHeightMetrics;
 exports.getRowIndexAtOffset = getRowIndexAtOffset;
 exports.lowerBoundRowOffset = lowerBoundRowOffset;
-function createRowHeightMetrics(data, fallbackHeight, getRowHeight) {
+function createRowHeightMetrics(data, fallbackHeight, getRowHeight, masterDetail) {
+    var _a, _b;
     var safeFallback = Number.isFinite(fallbackHeight) && fallbackHeight > 0 ? fallbackHeight : 1;
-    if (!getRowHeight) {
+    var hasMasterDetail = Boolean(masterDetail && masterDetail.expandedKeysSet.size > 0);
+    if (!getRowHeight && !hasMasterDetail) {
         return {
             heights: new Float64Array(0),
             offsets: new Float64Array(0),
@@ -15,17 +17,56 @@ function createRowHeightMetrics(data, fallbackHeight, getRowHeight) {
     }
     var heights = new Float64Array(data.length);
     var offsets = new Float64Array(data.length + 1);
+    var detailHeights = hasMasterDetail ? new Float64Array(data.length) : undefined;
     for (var index = 0; index < data.length; index += 1) {
-        var requestedHeight = getRowHeight(data[index].values, index);
-        var height = Number.isFinite(requestedHeight) && requestedHeight > 0 ? requestedHeight : safeFallback;
-        heights[index] = height;
-        offsets[index + 1] = offsets[index] + height;
+        var item = data[index];
+        var sourceIndex = (_b = (_a = masterDetail === null || masterDetail === void 0 ? void 0 : masterDetail.sourceIndexByVisibleIndex) === null || _a === void 0 ? void 0 : _a[index]) !== null && _b !== void 0 ? _b : index;
+        var masterHeight = safeFallback;
+        if (getRowHeight) {
+            try {
+                var requestedHeight = getRowHeight(item.values, index);
+                masterHeight = Number.isFinite(requestedHeight) && requestedHeight > 0 ? requestedHeight : safeFallback;
+            }
+            catch (_c) {
+                masterHeight = safeFallback;
+            }
+        }
+        heights[index] = masterHeight;
+        var detailHeight = 0;
+        if (hasMasterDetail && masterDetail) {
+            var rowKey = masterDetail.getRowKey(item.values, index);
+            if (rowKey !== undefined && rowKey !== null && masterDetail.expandedKeysSet.has(rowKey)) {
+                var isExpandable = true;
+                if (masterDetail.hasDetail) {
+                    try {
+                        isExpandable = masterDetail.hasDetail(item, sourceIndex);
+                    }
+                    catch (_d) {
+                        isExpandable = false;
+                    }
+                }
+                if (isExpandable) {
+                    try {
+                        var requestedDetailHeight = masterDetail.getDetailHeight(item, sourceIndex);
+                        detailHeight =
+                            Number.isFinite(requestedDetailHeight) && requestedDetailHeight > 0 ? requestedDetailHeight : 200;
+                    }
+                    catch (_e) {
+                        detailHeight = 200;
+                    }
+                }
+            }
+            detailHeights[index] = detailHeight;
+        }
+        var layoutHeight = masterHeight + detailHeight;
+        offsets[index + 1] = offsets[index] + layoutHeight;
     }
     return {
         heights: heights,
         offsets: offsets,
         totalHeight: offsets[data.length],
         variable: true,
+        detailHeights: detailHeights,
     };
 }
 /** Returns the row containing offset, or rowCount when offset is at/after the end. */

package/cjs/utils/summary.js

@@ -0,0 +1,55 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DEFAULT_SUMMARY_ROW_HEIGHT = void 0;
+exports.normalizeSummaryRows = normalizeSummaryRows;
+exports.computeSummaryHeight = computeSummaryHeight;
+exports.buildSummaryRowCells = buildSummaryRowCells;
+exports.DEFAULT_SUMMARY_ROW_HEIGHT = 30;
+function normalizeSummaryRows(summary) {
+    var _a, _b;
+    if (!summary)
+        return [];
+    if ((_a = summary.rows) === null || _a === void 0 ? void 0 : _a.length) {
+        return summary.rows.map(function (row, idx) { var _a; return Array.isArray(row) ? { id: idx, columns: row } : __assign(__assign({}, row), { id: (_a = row.id) !== null && _a !== void 0 ? _a : idx }); });
+    }
+    return ((_b = summary.columns) === null || _b === void 0 ? void 0 : _b.length) ? [{ id: 0, columns: summary.columns }] : [];
+}
+function computeSummaryHeight(options) {
+    var summary = options.summary, summaryHeight = options.summaryHeight, _a = options.summaryRowHeight, summaryRowHeight = _a === void 0 ? exports.DEFAULT_SUMMARY_ROW_HEIGHT : _a;
+    if (!summary)
+        return 0;
+    var rows = normalizeSummaryRows(summary);
+    if (!rows.length)
+        return 0;
+    return summaryHeight !== undefined
+        ? summaryHeight
+        : rows.reduce(function (acc, row) { var _a; return acc + ((_a = row.height) !== null && _a !== void 0 ? _a : summaryRowHeight); }, 0);
+}
+function buildSummaryRowCells(columns, summaryColumns, startIndex) {
+    if (startIndex === void 0) { startIndex = 0; }
+    var ignoreCnt = 0;
+    return columns.map(function (column, i) {
+        var _a, _b;
+        var columnIndex = startIndex + i;
+        var summaryColumn = summaryColumns === null || summaryColumns === void 0 ? void 0 : summaryColumns.find(function (sc) { return sc.columnIndex === columnIndex; });
+        if (summaryColumn && ((_a = summaryColumn.colSpan) !== null && _a !== void 0 ? _a : 1) > 1) {
+            ignoreCnt = ((_b = summaryColumn.colSpan) !== null && _b !== void 0 ? _b : 1) - 1;
+        }
+        else if (ignoreCnt > 0) {
+            ignoreCnt--;
+            return null;
+        }
+        return { column: column, columnIndex: columnIndex, summaryColumn: summaryColumn };
+    });
+}

package/cjs/utils/useRowReorderController.js

@@ -387,7 +387,11 @@ function useRowReorderController(_a) {
             container.style.setProperty('--bgrid-row-reorder-height', "".concat(session.rowHeight, "px"));
             store.getState().clearCellSelection();
             store.getState().closeTransientSurfaces();
-            container.querySelectorAll('.bgrid-row-hover').forEach(function (element) { return element.classList.remove('bgrid-row-hover'); });
+            container.querySelectorAll('.bgrid-row-hover').forEach(function (element) {
+                if (element.closest('[role="grid"], [role="treegrid"]') !== container)
+                    return;
+                element.classList.remove('bgrid-row-hover');
+            });
             store.setState({
                 reorderingInfo: {
                     fromIndex: session.fromIndex,