beautiful-grid 1.0.15 → 1.0.16

package/README.md

@@ -662,6 +662,7 @@ Cell range selection and clipboard copy/paste are enabled by default.
   rowKey='id'
   cellSelectionOptions={{
     enabled: true,
+    multiSelectFocusMode: 'first',
     clearOnEscape: true,
     clearOnOutsideClick: true,
     maxClipboardCells: 100000,
@@ -677,6 +678,7 @@ Cell range selection and clipboard copy/paste are enabled by default.
 
 - `Ctrl+C` / `Cmd+C`: Copies selected cells as Tab-separated (`\t`) values and CRLF (`\r\n`) lines, directly pasteable into Excel or Google Sheets.
 - `Ctrl+V` / `Cmd+V`: Pastes clipboard matrix starting from the focused cell across editable columns.
+- `multiSelectFocusMode: 'last'` makes the last cell selected by a drag the active cell and the paste starting point. The default is `'first'` for backward compatibility.
 - Customize copied text on a per-column basis with `getClipboardText: ({ value, values }) => string`.
 
 ---
@@ -1118,7 +1120,7 @@ Below is a categorized reference of `<BGrid>` props. For exact TypeScript types,
 | `onChangeData`          | `(index, columnIndex, item, column, meta) => void` | -            | Callback fired after a cell edit commits.                    |
 | `onClick`               | `(params: BGridClickParams<T>) => void`            | -            | Cell click callback.                                         |
 | `cellNavigationOptions` | `BGridCellNavigationOptions`                       | -            | Active cell focus, arrow key navigation, and repeat options. |
-| `cellSelectionOptions`  | `BGridCellSelectionOptions`                        | -            | Range drag selection and clipboard copy/paste options.       |
+| `cellSelectionOptions`  | `BGridCellSelectionOptions`                        | -            | Range drag selection, active-cell focus, and clipboard copy/paste options. |
 
 #### Additional Features & Overlays
 

package/cjs/components/CellTextEditorGateway.js

@@ -386,7 +386,7 @@ function CellTextEditorGateway(_a) {
                 event.preventDefault();
                 void commit(event.shiftKey ? 'prev' : 'next');
             }
-        }, onBlur: function (event) {
+        }, onBlur: function () {
             if (!cellEditSession || !isTextEditing)
                 return;
             if (composingRef.current) {

package/cjs/components/ColResizer.js

@@ -80,7 +80,6 @@ function ColResizer(_a) {
     var setColumnResizing = (0, store_1.useAppStore)(function (s) { return s.setColumnResizing; });
     var endCellEdit = (0, store_1.useAppStore)(function (s) { return s.endCellEdit; });
     var disabled = (0, store_1.useAppStore)(function (s) { return s.disabled; });
-    var columnsGroup = (0, store_1.useAppStore)(function (s) { return s.columnsGroup; });
     var onPointerDownResizerHandle = React.useCallback(function (evt, columnIndex) {
         var _a, _b;
         if (disabled)

package/cjs/components/Pagination.js

@@ -48,7 +48,7 @@ var React = __importStar(require("react"));
 var shallow_1 = require("zustand/react/shallow");
 var store_1 = require("../store");
 var number_1 = require("../utils/number");
-function Pagination(props) {
+function Pagination() {
     var _a;
     // [Selector Group 1] Pagination State - 페이지네이션 상태
     var _b = (0, store_1.useAppStore)((0, shallow_1.useShallow)(function (s) { return ({

package/cjs/components/Table.js

@@ -165,16 +165,17 @@ var LazyGridOptionalSurfaces = React.lazy(function () {
 function Table(props) {
     var _a;
     var _this = this;
-    var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8;
+    var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9;
     var store = (0, store_1.useAppStoreApi)();
     var cellSelectionOptions = props.cellSelectionOptions, onChangeData = props.onChangeData, sourceIndexByVisibleIndex = props.sourceIndexByVisibleIndex;
     var cellSelectionEnabled = (_b = cellSelectionOptions === null || cellSelectionOptions === void 0 ? void 0 : cellSelectionOptions.enabled) !== null && _b !== void 0 ? _b : true;
+    var multiSelectFocusMode = (_c = cellSelectionOptions === null || cellSelectionOptions === void 0 ? void 0 : cellSelectionOptions.multiSelectFocusMode) !== null && _c !== void 0 ? _c : 'first';
     var rowKeyRegistryState = (0, react_1.useRef)({
-        sourceData: (_c = props.sourceData) !== null && _c !== void 0 ? _c : props.data,
+        sourceData: (_d = props.sourceData) !== null && _d !== void 0 ? _d : props.data,
         rowKey: props.rowKey,
         registry: (0, TableBody_1.createRowKeyRegistry)(),
     });
-    var currentSourceData = (_d = props.sourceData) !== null && _d !== void 0 ? _d : props.data;
+    var currentSourceData = (_e = props.sourceData) !== null && _e !== void 0 ? _e : props.data;
     if (rowKeyRegistryState.current.sourceData !== currentSourceData ||
         rowKeyRegistryState.current.rowKey !== props.rowKey) {
         rowKeyRegistryState.current = {
@@ -185,7 +186,7 @@ function Table(props) {
     }
     var rowKeyRegistry = rowKeyRegistryState.current.registry;
     // [Selector Group 1] Layout & Dimensions - 레이아웃 차원
-    var _9 = (0, store_1.useAppStore)((0, shallow_1.useShallow)(function (s) { return ({
+    var _10 = (0, store_1.useAppStore)((0, shallow_1.useShallow)(function (s) { return ({
         width: s.width,
         height: s.height,
         containerBorderWidth: s.containerBorderWidth,
@@ -193,31 +194,29 @@ function Table(props) {
         style: s.style,
         itemHeight: s.itemHeight,
         itemPadding: s.itemPadding,
-    }); })), width = _9.width, height = _9.height, containerBorderWidth = _9.containerBorderWidth, className = _9.className, style = _9.style, itemHeight = _9.itemHeight, itemPadding = _9.itemPadding;
+    }); })), width = _10.width, height = _10.height, containerBorderWidth = _10.containerBorderWidth, className = _10.className, style = _10.style, itemHeight = _10.itemHeight, itemPadding = _10.itemPadding;
     // [Selector Group 2] Header, Footer, Summary - 헤더/푸터/요약
-    var _10 = (0, store_1.useAppStore)((0, shallow_1.useShallow)(function (s) { return ({
+    var _11 = (0, store_1.useAppStore)((0, shallow_1.useShallow)(function (s) { return ({
         headerHeight: s.headerHeight,
-        footerHeight: s.footerHeight,
         bottomBarHeight: s.bottomBarHeight,
         summaryHeight: s.summaryHeight,
-        summaryRowHeight: s.summaryRowHeight,
-    }); })), headerHeight = _10.headerHeight, footerHeight = _10.footerHeight, bottomBarHeight = _10.bottomBarHeight, summaryHeight = _10.summaryHeight, summaryRowHeight = _10.summaryRowHeight;
+    }); })), headerHeight = _11.headerHeight, bottomBarHeight = _11.bottomBarHeight, summaryHeight = _11.summaryHeight;
     // [Selector Group 3] Scroll State - 스크롤 상태
-    var _11 = (0, store_1.useAppStore)((0, shallow_1.useShallow)(function (s) { return ({
+    var _12 = (0, store_1.useAppStore)((0, shallow_1.useShallow)(function (s) { return ({
         scrollLeft: s.scrollLeft,
         scrollTop: s.scrollTop,
-    }); })), scrollLeft = _11.scrollLeft, scrollTop = _11.scrollTop;
+    }); })), scrollLeft = _12.scrollLeft, scrollTop = _12.scrollTop;
     // [Selector Group 4] Content, Columns, Data - 컨텐츠 관련
-    var _12 = (0, store_1.useAppStore)((0, shallow_1.useShallow)(function (s) { return ({
+    var _13 = (0, store_1.useAppStore)((0, shallow_1.useShallow)(function (s) { return ({
         contentBodyHeight: s.contentBodyHeight,
         columns: s.columns,
         data: s.data,
         frozenColumnsWidth: s.frozenColumnsWidth,
         frozenRowCount: s.frozenRowCount,
         frozenRowsHeight: s.frozenRowsHeight,
-    }); })), contentBodyHeight = _12.contentBodyHeight, columns = _12.columns, data = _12.data, frozenColumnsWidth = _12.frozenColumnsWidth, frozenRowCount = _12.frozenRowCount, frozenRowsHeight = _12.frozenRowsHeight;
+    }); })), contentBodyHeight = _13.contentBodyHeight, columns = _13.columns, data = _13.data, frozenColumnsWidth = _13.frozenColumnsWidth, frozenRowCount = _13.frozenRowCount, frozenRowsHeight = _13.frozenRowsHeight;
     // [Selector Group 4-1] Cell selection & navigation - 셀 선택 및 내비게이션
-    var _13 = (0, store_1.useAppStore)((0, shallow_1.useShallow)(function (s) { return ({
+    var _14 = (0, store_1.useAppStore)((0, shallow_1.useShallow)(function (s) { return ({
         cellSelectionRange: s.cellSelectionRange,
         cellSelectionRanges: s.cellSelectionRanges,
         activeCell: s.activeCell,
@@ -226,9 +225,9 @@ function Table(props) {
         editItemIndex: s.editItemIndex,
         editable: s.editable,
         handleClick: s.handleClick,
-    }); })), cellSelectionRange = _13.cellSelectionRange, cellSelectionRanges = _13.cellSelectionRanges, activeCell = _13.activeCell, activeCellHost = _13.activeCellHost, cellNavigationOptions = _13.cellNavigationOptions, editItemIndex = _13.editItemIndex, editable = _13.editable, handleClick = _13.handleClick;
+    }); })), cellSelectionRange = _14.cellSelectionRange, cellSelectionRanges = _14.cellSelectionRanges, activeCell = _14.activeCell, activeCellHost = _14.activeCellHost, cellNavigationOptions = _14.cellNavigationOptions, editItemIndex = _14.editItemIndex, editable = _14.editable, handleClick = _14.handleClick;
     // [Selector Group 5] State - 상태
-    var _14 = (0, store_1.useAppStore)((0, shallow_1.useShallow)(function (s) { return ({
+    var _15 = (0, store_1.useAppStore)((0, shallow_1.useShallow)(function (s) { return ({
         rowChecked: s.rowChecked,
         page: s.page,
         loading: s.loading,
@@ -239,8 +238,8 @@ function Table(props) {
         scrollbar: s.scrollbar,
         status: s.status,
         pagination: s.pagination,
-    }); })), rowChecked = _14.rowChecked, page = _14.page, loading = _14.loading, spinning = _14.spinning, disabled = _14.disabled, showLineNumber = _14.showLineNumber, summary = _14.summary, scrollbar = _14.scrollbar, status = _14.status, pagination = _14.pagination;
-    var _15 = (0, store_1.useAppStore)((0, shallow_1.useShallow)(function (s) { return ({
+    }); })), rowChecked = _15.rowChecked, page = _15.page, loading = _15.loading, spinning = _15.spinning, disabled = _15.disabled, showLineNumber = _15.showLineNumber, summary = _15.summary, scrollbar = _15.scrollbar, status = _15.status, pagination = _15.pagination;
+    var _16 = (0, store_1.useAppStore)((0, shallow_1.useShallow)(function (s) { return ({
         searchOpen: s.searchOpen,
         searchOptions: s.searchOptions,
         contextMenuOptions: s.contextMenuOptions,
@@ -249,9 +248,9 @@ function Table(props) {
         storeSourceIndexByVisibleIndex: s.sourceIndexByVisibleIndex,
         storeRowKey: s.rowKey,
         cellInteractionSession: s.cellInteractionSession,
-    }); })), searchOpen = _15.searchOpen, searchOptions = _15.searchOptions, contextMenuOptions = _15.contextMenuOptions, activeSearchMatchIndex = _15.activeSearchMatchIndex, searchMatches = _15.searchMatches, storeSourceIndexByVisibleIndex = _15.storeSourceIndexByVisibleIndex, storeRowKey = _15.storeRowKey, cellInteractionSession = _15.cellInteractionSession;
+    }); })), searchOpen = _16.searchOpen, searchOptions = _16.searchOptions, contextMenuOptions = _16.contextMenuOptions, activeSearchMatchIndex = _16.activeSearchMatchIndex, searchMatches = _16.searchMatches, storeSourceIndexByVisibleIndex = _16.storeSourceIndexByVisibleIndex, storeRowKey = _16.storeRowKey, cellInteractionSession = _16.cellInteractionSession;
     // [Selector Group 6] State Setters - 차원 설정자
-    var _16 = (0, store_1.useAppStore)((0, shallow_1.useShallow)(function (s) { return ({
+    var _17 = (0, store_1.useAppStore)((0, shallow_1.useShallow)(function (s) { return ({
         setHeight: s.setHeight,
         setWidth: s.setWidth,
         setContentBodyHeight: s.setContentBodyHeight,
@@ -266,9 +265,9 @@ function Table(props) {
         setLoading: s.setLoading,
         setSpinning: s.setSpinning,
         setDisabled: s.setDisabled,
-    }); })), setHeight = _16.setHeight, setWidth = _16.setWidth, setContentBodyHeight = _16.setContentBodyHeight, setDisplayItemCount = _16.setDisplayItemCount, setHeaderHeight = _16.setHeaderHeight, setFooterHeight = _16.setFooterHeight, setBottomBarHeight = _16.setBottomBarHeight, setSummaryHeight = _16.setSummaryHeight, setSummaryRowHeight = _16.setSummaryRowHeight, setItemHeight = _16.setItemHeight, setItemPadding = _16.setItemPadding, setLoading = _16.setLoading, setSpinning = _16.setSpinning, setDisabled = _16.setDisabled;
+    }); })), setHeight = _17.setHeight, setWidth = _17.setWidth, setContentBodyHeight = _17.setContentBodyHeight, setDisplayItemCount = _17.setDisplayItemCount, setHeaderHeight = _17.setHeaderHeight, setFooterHeight = _17.setFooterHeight, setBottomBarHeight = _17.setBottomBarHeight, setSummaryHeight = _17.setSummaryHeight, setSummaryRowHeight = _17.setSummaryRowHeight, setItemHeight = _17.setItemHeight, setItemPadding = _17.setItemPadding, setLoading = _17.setLoading, setSpinning = _17.setSpinning, setDisabled = _17.setDisabled;
     // [Selector Group 7] Data & Column Setters - 데이터/열 설정자
-    var _17 = (0, store_1.useAppStore)((0, shallow_1.useShallow)(function (s) { return ({
+    var _18 = (0, store_1.useAppStore)((0, shallow_1.useShallow)(function (s) { return ({
         setData: s.setData,
         setSourceData: s.setSourceData,
         setProcessedData: s.setProcessedData,
@@ -279,9 +278,9 @@ function Table(props) {
         setFrozenColumnIndex: s.setFrozenColumnIndex,
         setFrozenRowCount: s.setFrozenRowCount,
         setFrozenRowsHeight: s.setFrozenRowsHeight,
-    }); })), setData = _17.setData, setSourceData = _17.setSourceData, setProcessedData = _17.setProcessedData, setColumns = _17.setColumns, setColumnsGroup = _17.setColumnsGroup, setColumnGroups = _17.setColumnGroups, setFrozenColumnsWidth = _17.setFrozenColumnsWidth, setFrozenColumnIndex = _17.setFrozenColumnIndex, setFrozenRowCount = _17.setFrozenRowCount, setFrozenRowsHeight = _17.setFrozenRowsHeight;
+    }); })), setData = _18.setData, setSourceData = _18.setSourceData, setProcessedData = _18.setProcessedData, setColumns = _18.setColumns, setColumnsGroup = _18.setColumnsGroup, setColumnGroups = _18.setColumnGroups, setFrozenColumnsWidth = _18.setFrozenColumnsWidth, setFrozenColumnIndex = _18.setFrozenColumnIndex, setFrozenRowCount = _18.setFrozenRowCount, setFrozenRowsHeight = _18.setFrozenRowsHeight;
     // [Selector Group 8] Row & Sort Setters - 행/정렬 설정자
-    var _18 = (0, store_1.useAppStore)((0, shallow_1.useShallow)(function (s) { return ({
+    var _19 = (0, store_1.useAppStore)((0, shallow_1.useShallow)(function (s) { return ({
         setRowChecked: s.setRowChecked,
         setCheckedIndexesMap: s.setCheckedIndexesMap,
         setSort: s.setSort,
@@ -299,9 +298,9 @@ function Table(props) {
         requestSearchOpen: s.requestSearchOpen,
         openContextMenu: s.openContextMenu,
         commitCheckboxCell: s.commitCheckboxCell,
-    }); })), setRowChecked = _18.setRowChecked, setCheckedIndexesMap = _18.setCheckedIndexesMap, setSort = _18.setSort, setSortParams = _18.setSortParams, setDataQuery = _18.setDataQuery, setDataControl = _18.setDataControl, setIcons = _18.setIcons, setColumnVisibilityState = _18.setColumnVisibilityState, setActiveToolbox = _18.setActiveToolbox, setRowKey = _18.setRowKey, setFocusedRowKey = _18.setFocusedRowKey, setEditItem = _18.setEditItem, setSearchOptions = _18.setSearchOptions, setContextMenuOptions = _18.setContextMenuOptions, requestSearchOpen = _18.requestSearchOpen, openContextMenu = _18.openContextMenu, commitCheckboxCell = _18.commitCheckboxCell;
+    }); })), setRowChecked = _19.setRowChecked, setCheckedIndexesMap = _19.setCheckedIndexesMap, setSort = _19.setSort, setSortParams = _19.setSortParams, setDataQuery = _19.setDataQuery, setDataControl = _19.setDataControl, setIcons = _19.setIcons, setColumnVisibilityState = _19.setColumnVisibilityState, setActiveToolbox = _19.setActiveToolbox, setRowKey = _19.setRowKey, setFocusedRowKey = _19.setFocusedRowKey, setEditItem = _19.setEditItem, setSearchOptions = _19.setSearchOptions, setContextMenuOptions = _19.setContextMenuOptions, requestSearchOpen = _19.requestSearchOpen, openContextMenu = _19.openContextMenu, commitCheckboxCell = _19.commitCheckboxCell;
     // [Selector Group 9] Pagination & Display Setters - 페이지/표시 설정자
-    var _19 = (0, store_1.useAppStore)((0, shallow_1.useShallow)(function (s) { return ({
+    var _20 = (0, store_1.useAppStore)((0, shallow_1.useShallow)(function (s) { return ({
         setPage: s.setPage,
         setDisplayPaginationLength: s.setDisplayPaginationLength,
         setShowLineNumber: s.setShowLineNumber,
@@ -317,9 +316,9 @@ function Table(props) {
         setScrollbar: s.setScrollbar,
         setStatus: s.setStatus,
         setPagination: s.setPagination,
-    }); })), setPage = _19.setPage, setDisplayPaginationLength = _19.setDisplayPaginationLength, setShowLineNumber = _19.setShowLineNumber, setMsg = _19.setMsg, setRowClassName = _19.setRowClassName, setCellMergeOptions = _19.setCellMergeOptions, setVariant = _19.setVariant, setSummary = _19.setSummary, setColumnSortable = _19.setColumnSortable, setReorder = _19.setReorder, setClassName = _19.setClassName, setStyle = _19.setStyle, setScrollbar = _19.setScrollbar, setStatus = _19.setStatus, setPagination = _19.setPagination;
+    }); })), setPage = _20.setPage, setDisplayPaginationLength = _20.setDisplayPaginationLength, setShowLineNumber = _20.setShowLineNumber, setMsg = _20.setMsg, setRowClassName = _20.setRowClassName, setCellMergeOptions = _20.setCellMergeOptions, setVariant = _20.setVariant, setSummary = _20.setSummary, setColumnSortable = _20.setColumnSortable, setReorder = _20.setReorder, setClassName = _20.setClassName, setStyle = _20.setStyle, setScrollbar = _20.setScrollbar, setStatus = _20.setStatus, setPagination = _20.setPagination;
     // [Selector Group 10] Edit & Event Setters - 편집/이벤트 설정자
-    var _20 = (0, store_1.useAppStore)((0, shallow_1.useShallow)(function (s) { return ({
+    var _21 = (0, store_1.useAppStore)((0, shallow_1.useShallow)(function (s) { return ({
         setEditable: s.setEditable,
         setEditTrigger: s.setEditTrigger,
         setOnClick: s.setOnClick,
@@ -328,8 +327,8 @@ function Table(props) {
         setOnLoadMore: s.setOnLoadMore,
         setScroll: s.setScroll,
         setInitialized: s.setInitialized,
-    }); })), setEditable = _20.setEditable, setEditTrigger = _20.setEditTrigger, setOnClick = _20.setOnClick, setOnChangeColumns = _20.setOnChangeColumns, setOnChangeData = _20.setOnChangeData, setOnLoadMore = _20.setOnLoadMore, setScroll = _20.setScroll, setInitialized = _20.setInitialized;
-    var _21 = (0, store_1.useAppStore)((0, shallow_1.useShallow)(function (s) { return ({
+    }); })), setEditable = _21.setEditable, setEditTrigger = _21.setEditTrigger, setOnClick = _21.setOnClick, setOnChangeColumns = _21.setOnChangeColumns, setOnChangeData = _21.setOnChangeData, setOnLoadMore = _21.setOnLoadMore, setScroll = _21.setScroll, setInitialized = _21.setInitialized;
+    var _22 = (0, store_1.useAppStore)((0, shallow_1.useShallow)(function (s) { return ({
         setCellSelectionRanges: s.setCellSelectionRanges,
         setCellSelecting: s.setCellSelecting,
         clearCellSelection: s.clearCellSelection,
@@ -337,7 +336,7 @@ function Table(props) {
         moveActiveCell: s.moveActiveCell,
         setCellNavigationOptions: s.setCellNavigationOptions,
         syncActiveCellToBounds: s.syncActiveCellToBounds,
-    }); })), setCellSelectionRanges = _21.setCellSelectionRanges, setCellSelecting = _21.setCellSelecting, clearCellSelection = _21.clearCellSelection, setActiveCell = _21.setActiveCell, moveActiveCell = _21.moveActiveCell, setCellNavigationOptions = _21.setCellNavigationOptions, syncActiveCellToBounds = _21.syncActiveCellToBounds;
+    }); })), setCellSelectionRanges = _22.setCellSelectionRanges, setCellSelecting = _22.setCellSelecting, clearCellSelection = _22.clearCellSelection, setActiveCell = _22.setActiveCell, moveActiveCell = _22.moveActiveCell, setCellNavigationOptions = _22.setCellNavigationOptions, syncActiveCellToBounds = _22.syncActiveCellToBounds;
     var trHeight = itemHeight + itemPadding * 2;
     var rowHeightMetrics = props.rowHeightMetrics;
     var variableRowOffsets = rowHeightMetrics.variable ? rowHeightMetrics.offsets : undefined;
@@ -362,7 +361,7 @@ function Table(props) {
             enabled: scrollbar.variant !== 'native',
         });
     }, [effectiveBodyHeight, logicalBodyContentHeight, scrollbar.variant]);
-    var _22 = __read(React.useState(0), 2), virtualScrollBase = _22[0], setVirtualScrollBase = _22[1];
+    var _23 = __read(React.useState(0), 2), virtualScrollBase = _23[0], setVirtualScrollBase = _23[1];
     var virtualScrollBaseRef = (0, react_1.useRef)(0);
     var containerRef = (0, react_1.useRef)(null);
     var searchPopoverRef = (0, react_1.useRef)(null);
@@ -492,7 +491,7 @@ function Table(props) {
     }, [
         data.length,
         frozenRowCount,
-        (_e = props.reorder) === null || _e === void 0 ? void 0 : _e.enabled,
+        (_f = props.reorder) === null || _f === void 0 ? void 0 : _f.enabled,
         scrollOverscanRows,
         scrollTop,
         scrollableBodyHeight,
@@ -681,7 +680,7 @@ function Table(props) {
     var latestCommittedScrollRef = (0, react_1.useRef)({ top: scrollTop, left: scrollLeft });
     var scrollPropsRef = (0, react_1.useRef)({ top: props.scrollTop, left: props.scrollLeft });
     var syncedDataPropRef = (0, react_1.useRef)(props.data);
-    var _23 = __read(React.useState(null), 2), rowScrollRequest = _23[0], setRowScrollRequest = _23[1];
+    var _24 = __read(React.useState(null), 2), rowScrollRequest = _24[0], setRowScrollRequest = _24[1];
     var sourceColumnsRef = (0, react_1.useRef)(props.sourceColumns);
     sourceColumnsRef.current = props.sourceColumns;
     var getCurrentExportData = (0, react_1.useCallback)(function (options) {
@@ -732,7 +731,7 @@ function Table(props) {
     var selectionMetricsRef = (0, react_1.useRef)({
         columns: columns,
         dataLength: data.length,
-        frozenColumnIndex: (_f = props.frozenColumnIndex) !== null && _f !== void 0 ? _f : 0,
+        frozenColumnIndex: (_g = props.frozenColumnIndex) !== null && _g !== void 0 ? _g : 0,
         frozenRowCount: frozenRowCount,
         frozenColumnsWidth: frozenColumnsWidth !== null && frozenColumnsWidth !== void 0 ? frozenColumnsWidth : 0,
         frozenRowsHeight: frozenRowsHeight,
@@ -921,6 +920,12 @@ function Table(props) {
         var logicalCell = (0, utils_1.resolveLogicalCell)(data, props.cellMergeOptions, cellPosition);
         return __assign(__assign({}, logicalCell.cell), { rowSpan: logicalCell.rowIndexes.length });
     }, [data, props.cellMergeOptions]);
+    var focusLastSelectedCell = (0, react_1.useCallback)(function (cellPosition, hostCell) {
+        if (hostCell === void 0) { hostCell = cellPosition; }
+        if (multiSelectFocusMode !== 'last')
+            return;
+        setActiveCell({ rowIndex: cellPosition.rowIndex, columnIndex: cellPosition.columnIndex }, { rowIndex: hostCell.rowIndex, columnIndex: hostCell.columnIndex });
+    }, [multiSelectFocusMode, setActiveCell]);
     var updateAxisSelectionByTarget = (0, react_1.useCallback)(function (target) {
         var dragState = axisSelectionDragRef.current;
         if (!dragState)
@@ -953,6 +958,7 @@ function Table(props) {
         var physicalCellPosition = getCellPosition(target, containerRef.current);
         var cellPosition = physicalCellPosition ? toLogicalCellPosition(physicalCellPosition) : undefined;
         if (cellSelectionEnabled && cellSelectionDragRef.current && cellPosition) {
+            focusLastSelectedCell(cellPosition, physicalCellPosition !== null && physicalCellPosition !== void 0 ? physicalCellPosition : cellPosition);
             setCellSelectionRanges(updateSelectionDragRange(cellSelectionDragRef.current, getRangeFromDrag(cellSelectionDragRef.current, cellPosition)));
         }
         var targetGrid = target === null || target === void 0 ? void 0 : target.closest('[role="grid"], [role="treegrid"]');
@@ -978,6 +984,7 @@ function Table(props) {
         cellSelectionEnabled,
         clearHoveredRow,
         disabled,
+        focusLastSelectedCell,
         setCellSelectionRanges,
         setHoveredRows,
         toLogicalCellPosition,
@@ -1129,8 +1136,9 @@ function Table(props) {
         if (!cellPosition)
             return;
         var logicalCellPosition = toLogicalCellPosition(cellPosition);
+        focusLastSelectedCell(logicalCellPosition, cellPosition);
         setCellSelectionRanges(updateSelectionDragRange(dragState, getRangeFromDrag(dragState, logicalCellPosition)));
-    }, [setCellSelectionRanges, toLogicalCellPosition]);
+    }, [focusLastSelectedCell, setCellSelectionRanges, toLogicalCellPosition]);
     var runSelectionAutoScroll = (0, react_1.useCallback)(function () {
         selectionAutoScrollRafRef.current = null;
         var dragState = cellSelectionDragRef.current;
@@ -1642,7 +1650,7 @@ function Table(props) {
         setFrozenColumnIndex((_d = props.frozenColumnIndex) !== null && _d !== void 0 ? _d : 0);
     }, [
         props.frozenColumnIndex,
-        (_g = props.reorder) === null || _g === void 0 ? void 0 : _g.enabled,
+        (_h = props.reorder) === null || _h === void 0 ? void 0 : _h.enabled,
         showLineNumber,
         rowChecked,
         itemHeight,
@@ -1660,7 +1668,7 @@ function Table(props) {
         setFrozenRowsHeight((_d = rowHeightMetrics.offsets[nextFrozenRowCount]) !== null && _d !== void 0 ? _d : nextFrozenRowCount * trHeight);
     }, [
         data.length,
-        (_h = props.data) === null || _h === void 0 ? void 0 : _h.length,
+        (_j = props.data) === null || _j === void 0 ? void 0 : _j.length,
         props.frozenRowCount,
         rowHeightMetrics,
         setFrozenRowCount,
@@ -1757,23 +1765,23 @@ function Table(props) {
         }
     }, [
         props.page,
-        (_j = props.page) === null || _j === void 0 ? void 0 : _j.currentPage,
-        (_k = props.page) === null || _k === void 0 ? void 0 : _k.loading,
-        (_l = props.page) === null || _l === void 0 ? void 0 : _l.pageSize,
-        (_m = props.page) === null || _m === void 0 ? void 0 : _m.totalPages,
-        (_o = props.page) === null || _o === void 0 ? void 0 : _o.totalElements,
-        (_p = props.page) === null || _p === void 0 ? void 0 : _p.onChange,
-        (_q = props.page) === null || _q === void 0 ? void 0 : _q.displayPaginationLength,
+        (_k = props.page) === null || _k === void 0 ? void 0 : _k.currentPage,
+        (_l = props.page) === null || _l === void 0 ? void 0 : _l.loading,
+        (_m = props.page) === null || _m === void 0 ? void 0 : _m.pageSize,
+        (_o = props.page) === null || _o === void 0 ? void 0 : _o.totalPages,
+        (_p = props.page) === null || _p === void 0 ? void 0 : _p.totalElements,
+        (_q = props.page) === null || _q === void 0 ? void 0 : _q.onChange,
+        (_r = props.page) === null || _r === void 0 ? void 0 : _r.displayPaginationLength,
         setPage,
         setDisplayPaginationLength,
     ]);
-    var previousPageRef = (0, react_1.useRef)((_r = props.page) === null || _r === void 0 ? void 0 : _r.currentPage);
+    var previousPageRef = (0, react_1.useRef)((_s = props.page) === null || _s === void 0 ? void 0 : _s.currentPage);
     (0, react_1.useEffect)(function () {
         var _a, _b;
         if (previousPageRef.current !== ((_a = props.page) === null || _a === void 0 ? void 0 : _a.currentPage))
             resetScrollPosition('top');
         previousPageRef.current = (_b = props.page) === null || _b === void 0 ? void 0 : _b.currentPage;
-    }, [resetScrollPosition, (_s = props.page) === null || _s === void 0 ? void 0 : _s.currentPage]);
+    }, [resetScrollPosition, (_t = props.page) === null || _t === void 0 ? void 0 : _t.currentPage]);
     // [Group 8] Row key & selection
     (0, react_1.useEffect)(function () {
         setRowKey(props.rowKey);
@@ -1849,10 +1857,10 @@ function Table(props) {
     }, [
         columns.length,
         data.length,
-        (_u = (_t = props.cellNavigationOptions) === null || _t === void 0 ? void 0 : _t.activeCell) === null || _u === void 0 ? void 0 : _u.columnIndex,
-        (_w = (_v = props.cellNavigationOptions) === null || _v === void 0 ? void 0 : _v.activeCell) === null || _w === void 0 ? void 0 : _w.rowIndex,
-        (_y = (_x = props.cellNavigationOptions) === null || _x === void 0 ? void 0 : _x.defaultActiveCell) === null || _y === void 0 ? void 0 : _y.columnIndex,
-        (_0 = (_z = props.cellNavigationOptions) === null || _z === void 0 ? void 0 : _z.defaultActiveCell) === null || _0 === void 0 ? void 0 : _0.rowIndex,
+        (_v = (_u = props.cellNavigationOptions) === null || _u === void 0 ? void 0 : _u.activeCell) === null || _v === void 0 ? void 0 : _v.columnIndex,
+        (_x = (_w = props.cellNavigationOptions) === null || _w === void 0 ? void 0 : _w.activeCell) === null || _x === void 0 ? void 0 : _x.rowIndex,
+        (_z = (_y = props.cellNavigationOptions) === null || _y === void 0 ? void 0 : _y.defaultActiveCell) === null || _z === void 0 ? void 0 : _z.columnIndex,
+        (_1 = (_0 = props.cellNavigationOptions) === null || _0 === void 0 ? void 0 : _0.defaultActiveCell) === null || _1 === void 0 ? void 0 : _1.rowIndex,
         disabled,
         syncActiveCellToBounds,
     ]);
@@ -1987,8 +1995,8 @@ function Table(props) {
         endCellSelectionDrag();
         clearCellSelection();
     }, [cellSelectionEnabled, clearCellSelection, endCellSelectionDrag]);
-    var clearCellSelectionOnEscape = (_2 = (_1 = props.cellSelectionOptions) === null || _1 === void 0 ? void 0 : _1.clearOnEscape) !== null && _2 !== void 0 ? _2 : true;
-    var clearCellSelectionOnOutsideClick = (_4 = (_3 = props.cellSelectionOptions) === null || _3 === void 0 ? void 0 : _3.clearOnOutsideClick) !== null && _4 !== void 0 ? _4 : true;
+    var clearCellSelectionOnEscape = (_3 = (_2 = props.cellSelectionOptions) === null || _2 === void 0 ? void 0 : _2.clearOnEscape) !== null && _3 !== void 0 ? _3 : true;
+    var clearCellSelectionOnOutsideClick = (_5 = (_4 = props.cellSelectionOptions) === null || _4 === void 0 ? void 0 : _4.clearOnOutsideClick) !== null && _5 !== void 0 ? _5 : true;
     var keyboardRuntimeRef = (0, react_1.useRef)({
         activeCell: activeCell,
         cellInteractionSession: cellInteractionSession,
@@ -2007,7 +2015,7 @@ function Table(props) {
         editable: editable,
         editItemIndex: editItemIndex,
         endCellSelectionDrag: endCellSelectionDrag,
-        frozenColumnIndex: (_5 = props.frozenColumnIndex) !== null && _5 !== void 0 ? _5 : 0,
+        frozenColumnIndex: (_6 = props.frozenColumnIndex) !== null && _6 !== void 0 ? _6 : 0,
         frozenRowCount: frozenRowCount,
         height: height,
         handleClick: handleClick,
@@ -2042,7 +2050,7 @@ function Table(props) {
         editable: editable,
         editItemIndex: editItemIndex,
         endCellSelectionDrag: endCellSelectionDrag,
-        frozenColumnIndex: (_6 = props.frozenColumnIndex) !== null && _6 !== void 0 ? _6 : 0,
+        frozenColumnIndex: (_7 = props.frozenColumnIndex) !== null && _7 !== void 0 ? _7 : 0,
         frozenRowCount: frozenRowCount,
         height: height,
         handleClick: handleClick,
@@ -2493,7 +2501,7 @@ function Table(props) {
                 if (gateway instanceof HTMLInputElement) {
                     gateway.focus({ preventScroll: true });
                 }
-            }, "data-scroll-variant": scrollbar.variant, "data-vertical-scrollbar": scrollbar.variant !== 'native' && scrollbar.vertical.visible ? 'visible' : 'hidden', "data-bgrid-cell-selection-enabled": cellSelectionEnabled ? 'true' : 'false', "data-bgrid-frozen-columns": ((_7 = props.frozenColumnIndex) !== null && _7 !== void 0 ? _7 : 0) > 0 ? 'true' : 'false', "data-bgrid-disabled": disabled ? 'true' : undefined, "data-bgrid-variable-row-height": rowHeightMetrics.variable ? 'true' : undefined },
+            }, "data-scroll-variant": scrollbar.variant, "data-vertical-scrollbar": scrollbar.variant !== 'native' && scrollbar.vertical.visible ? 'visible' : 'hidden', "data-bgrid-cell-selection-enabled": cellSelectionEnabled ? 'true' : 'false', "data-bgrid-frozen-columns": ((_8 = props.frozenColumnIndex) !== null && _8 !== void 0 ? _8 : 0) > 0 ? 'true' : 'false', "data-bgrid-disabled": disabled ? 'true' : undefined, "data-bgrid-variable-row-height": rowHeightMetrics.variable ? 'true' : undefined },
             scrollbar.variant !== 'native' && scrollbar.vertical.visible && (React.createElement("div", { className: 'bgrid-vertical-scrollbar-gutter', "aria-hidden": 'true' })),
             scrollbar.variant !== 'native' && scrollbar.vertical.visible && (React.createElement("div", { className: 'bgrid-vertical-scrollbar-area', style: {
                     top: 0,
@@ -2567,7 +2575,7 @@ function Table(props) {
                         React.createElement(Summary, { style: { left: frozenColumnsWidth }, role: 'rfdg-summary' },
                             React.createElement(TableSummary_1.TableSummary, { position: 'bottom' })))))),
             React.createElement(BodyViewport, { ref: bodyContainerRef, style: { top: stickyTopHeight, height: contentBodyHeight }, "data-last": !page ? 'true' : undefined },
-                ((_8 = rowReorderController.preview) === null || _8 === void 0 ? void 0 : _8.visible) && (React.createElement("div", { className: 'bgrid-row-reorder-preview', "data-bgrid-row-reorder-phase": rowReorderController.preview.phase, "aria-hidden": 'true' }, rowReorderController.preview.text)),
+                ((_9 = rowReorderController.preview) === null || _9 === void 0 ? void 0 : _9.visible) && (React.createElement("div", { className: 'bgrid-row-reorder-preview', "data-bgrid-row-reorder-phase": rowReorderController.preview.phase, "aria-hidden": 'true' }, rowReorderController.preview.text)),
                 React.createElement(Loading_1.default, { active: !!spinning, size: 'small' })),
             React.createElement("div", { className: 'bgrid-visually-hidden', role: 'status', "aria-live": 'polite', "aria-atomic": 'true' }, rowReorderController.announcement),
             React.createElement(CellTextEditorGateway_1.CellTextEditorGateway, { containerRef: containerRef }),

package/cjs/components/TableBody.js

@@ -58,11 +58,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getVisibleColumnRange = getVisibleColumnRange;
 exports.createRowKeyRegistry = createRowKeyRegistry;
-exports.BodyTable = BodyTable;
-exports.TableBodyTr = TableBodyTr;
-exports.NoDataTr = NoDataTr;
 var React = __importStar(require("react"));
 var shallow_1 = require("zustand/react/shallow");
 var store_1 = require("../store");
@@ -305,17 +301,6 @@ function TableBody(_a) {
                     React.createElement("td", { className: 'bgrid-empty-cell', colSpan: columns.slice(frozenColumnIndex).length }, msg.emptyList),
                     React.createElement("td", { "data-none": true }))) : null))))));
 }
-function LineNumberTd(_a) {
-    var bordered = _a.bordered, rowStatus = _a.rowStatus, rowIndex = _a.rowIndex, active = _a.active, className = _a.className, children = _a.children, rest = __rest(_a, ["bordered", "rowStatus", "rowIndex", "active", "className", "children"]);
-    return (React.createElement("td", __assign({ className: [
-            'bgrid-line-number-cell',
-            bordered ? 'bordered' : '',
-            active ? 'bgrid-row-axis-active' : '',
-            className !== null && className !== void 0 ? className : '',
-        ]
-            .filter(Boolean)
-            .join(' '), "data-bgrid-row-status": rowStatus, "data-bgrid-axis-selectable": 'true', "data-bgrid-row-axis-active": active ? 'true' : undefined, "data-row-index": rowIndex }, rest), children));
-}
 function getRowStatusLabel(status) {
     if (status === types_1.BGridDataItemStatus.new)
         return 'I';
@@ -335,13 +320,6 @@ function BodyTable(_a) {
             .filter(Boolean)
             .join(' ') }, rest), children));
 }
-function TableBodyTr(_a) {
-    var _b;
-    var itemHeight = _a.itemHeight, itemPadding = _a.itemPadding, rowHeight = _a.rowHeight, active = _a.active, editable = _a.editable, odd = _a.odd, hasOnClick = _a.hasOnClick, className = _a.className, children = _a.children, style = _a.style, rest = __rest(_a, ["itemHeight", "itemPadding", "rowHeight", "active", "editable", "odd", "hasOnClick", "className", "children", "style"]);
-    var clickable = !editable && hasOnClick;
-    var rowClassName = ['bgrid-body-row', active ? 'bgrid-row-active' : '', className !== null && className !== void 0 ? className : ''].filter(Boolean).join(' ');
-    return (React.createElement("tr", __assign({ className: rowClassName, "data-odd": odd ? 'true' : undefined, "data-clickable": clickable ? 'true' : undefined, style: __assign((_b = {}, _b['--bgrid-item-line-height'] = "".concat(itemHeight, "px"), _b['--bgrid-item-cell-height'] = "".concat(rowHeight !== null && rowHeight !== void 0 ? rowHeight : itemHeight + itemPadding * 2, "px"), _b), style) }, rest), children));
-}
 function NoDataTr(_a) {
     var _b;
     var children = _a.children, className = _a.className, itemHeight = _a.itemHeight, itemPadding = _a.itemPadding, style = _a.style, rest = __rest(_a, ["children", "className", "itemHeight", "itemPadding", "style"]);

package/cjs/components/TableBodyRow.js

@@ -94,7 +94,7 @@ var TreeContext_1 = require("./TreeContext");
 function TableBodyCellItemInner(_a) {
     var _this = this;
     var _b, _c, _d, _e;
-    var ri = _a.ri, columnIndex = _a.columnIndex, column = _a.column, canonicalIndex = _a.canonicalIndex, canonicalItem = _a.canonicalItem, valueByRowKey = _a.valueByRowKey, editable = _a.editable, disabled = _a.disabled, editTrigger = _a.editTrigger, rowSpan = _a.rowSpan, isMerged = _a.isMerged, tdEditable = _a.tdEditable, cellEditable = _a.cellEditable, isLogicalEditing = _a.isLogicalEditing, isCheckboxEditor = _a.isCheckboxEditor, isSearchMatch = _a.isSearchMatch, isCurrentSearchMatch = _a.isCurrentSearchMatch, cellInteractionSession = _a.cellInteractionSession, handleClick = _a.handleClick, setEditItem = _a.setEditItem, setItemValue = _a.setItemValue, handleMoveEditFocus = _a.handleMoveEditFocus;
+    var ri = _a.ri, columnIndex = _a.columnIndex, column = _a.column, canonicalIndex = _a.canonicalIndex, canonicalItem = _a.canonicalItem, valueByRowKey = _a.valueByRowKey, editTrigger = _a.editTrigger, rowSpan = _a.rowSpan, isMerged = _a.isMerged, tdEditable = _a.tdEditable, cellEditable = _a.cellEditable, isLogicalEditing = _a.isLogicalEditing, isCheckboxEditor = _a.isCheckboxEditor, isSearchMatch = _a.isSearchMatch, isCurrentSearchMatch = _a.isCurrentSearchMatch, cellInteractionSession = _a.cellInteractionSession, handleClick = _a.handleClick, setEditItem = _a.setEditItem, setItemValue = _a.setItemValue, handleMoveEditFocus = _a.handleMoveEditFocus;
     var resolvedEditTrigger = (_c = (_b = column.editTrigger) !== null && _b !== void 0 ? _b : editTrigger) !== null && _c !== void 0 ? _c : 'dblclick';
     var edited = (0, utils_1.isCellEdited)(canonicalItem, column);
     var valueChanged = (0, utils_1.isCellValueChanged)(canonicalItem, column);
@@ -167,7 +167,7 @@ function TableBodyRowInner(_a) {
     var _b, _c;
     var _this = this;
     var _d;
-    var item = _a.item, data = _a.data, ri = _a.ri, sourceIndex = _a.sourceIndex, columns = _a.columns, startCIdx = _a.startCIdx, endCIdx = _a.endCIdx, frozenColumnIndex = _a.frozenColumnIndex, isLeftRegion = _a.isLeftRegion, showLineNumber = _a.showLineNumber, hasRowChecked = _a.hasRowChecked, isRadio = _a.isRadio, checked = _a.checked, rowCheckedDisabled = _a.rowCheckedDisabled, rowStatus = _a.rowStatus, active = _a.active, className = _a.className, resolvedRowHeight = _a.resolvedRowHeight, itemHeight = _a.itemHeight, itemPadding = _a.itemPadding, editable = _a.editable, disabled = _a.disabled, editTrigger = _a.editTrigger, hasOnClick = _a.hasOnClick, cellMergeOptions = _a.cellMergeOptions, mergeColumns = _a.mergeColumns, odd = _a.odd, variant = _a.variant, rowReorderEnabled = _a.rowReorderEnabled, rowReorderRole = _a.rowReorderRole, rowReorderPhase = _a.rowReorderPhase, rowReorderDirection = _a.rowReorderDirection, rowReorderOffset = _a.rowReorderOffset, reorder = _a.reorder, reorderingInfo = _a.reorderingInfo, searchMatchTokens = _a.searchMatchTokens, currentSearchToken = _a.currentSearchToken, isRowEditing = _a.isRowEditing, cellInteractionSession = _a.cellInteractionSession, handleClick = _a.handleClick, setEditItem = _a.setEditItem, setItemValue = _a.setItemValue, handleMoveEditFocus = _a.handleMoveEditFocus, handleChangeChecked = _a.handleChangeChecked, handleChangeCheckedRadio = _a.handleChangeCheckedRadio, getRowSpan = _a.getRowSpan, onRowReorderPointerDown = _a.onRowReorderPointerDown, onRowReorderKeyDown = _a.onRowReorderKeyDown;
+    var item = _a.item, data = _a.data, ri = _a.ri, columns = _a.columns, startCIdx = _a.startCIdx, endCIdx = _a.endCIdx, frozenColumnIndex = _a.frozenColumnIndex, isLeftRegion = _a.isLeftRegion, showLineNumber = _a.showLineNumber, hasRowChecked = _a.hasRowChecked, isRadio = _a.isRadio, checked = _a.checked, rowCheckedDisabled = _a.rowCheckedDisabled, rowStatus = _a.rowStatus, active = _a.active, className = _a.className, resolvedRowHeight = _a.resolvedRowHeight, itemHeight = _a.itemHeight, editable = _a.editable, disabled = _a.disabled, editTrigger = _a.editTrigger, hasOnClick = _a.hasOnClick, cellMergeOptions = _a.cellMergeOptions, mergeColumns = _a.mergeColumns, odd = _a.odd, variant = _a.variant, rowReorderEnabled = _a.rowReorderEnabled, rowReorderRole = _a.rowReorderRole, rowReorderPhase = _a.rowReorderPhase, rowReorderDirection = _a.rowReorderDirection, rowReorderOffset = _a.rowReorderOffset, reorder = _a.reorder, reorderingInfo = _a.reorderingInfo, searchMatchTokens = _a.searchMatchTokens, currentSearchToken = _a.currentSearchToken, isRowEditing = _a.isRowEditing, cellInteractionSession = _a.cellInteractionSession, handleClick = _a.handleClick, setEditItem = _a.setEditItem, setItemValue = _a.setItemValue, handleMoveEditFocus = _a.handleMoveEditFocus, handleChangeChecked = _a.handleChangeChecked, handleChangeCheckedRadio = _a.handleChangeCheckedRadio, getRowSpan = _a.getRowSpan, onRowReorderPointerDown = _a.onRowReorderPointerDown, onRowReorderKeyDown = _a.onRowReorderKeyDown;
     var tree = (0, TreeContext_1.useTreeContext)();
     var treeRowKey = tree === null || tree === void 0 ? void 0 : tree.getRowKey(item.values);
     var treeMeta = treeRowKey === undefined ? undefined : tree === null || tree === void 0 ? void 0 : tree.metaByRowKey.get(treeRowKey);
@@ -238,7 +238,7 @@ function TableBodyRowInner(_a) {
             var isSearchMatch = searchMatchTokens.has(searchToken);
             var isCurrentSearchMatch = currentSearchToken === searchToken;
             var valueByRowKey = (0, utils_1.getCellValueByRowKey)(column.key, canonicalItem.values);
-            return (React.createElement(TableBodyCellItem, { key: columnIndex, ri: ri, columnIndex: columnIndex, column: column, canonicalIndex: canonicalIndex, canonicalItem: canonicalItem, valueByRowKey: valueByRowKey, isLeftRegion: isLeftRegion, editable: editable, disabled: disabled, editTrigger: editTrigger, rowSpan: rowSpan, isMerged: Boolean(mergeColumns === null || mergeColumns === void 0 ? void 0 : mergeColumns[columnIndex]), tdEditable: tdEditable, cellEditable: cellEditable, isLogicalEditing: isLogicalEditing, isCheckboxEditor: isCheckboxEditor, isSearchMatch: isSearchMatch, isCurrentSearchMatch: isCurrentSearchMatch, cellInteractionSession: isRowEditing ? cellInteractionSession : undefined, handleClick: handleClick, setEditItem: setEditItem, setItemValue: setItemValue, handleMoveEditFocus: handleMoveEditFocus }));
+            return (React.createElement(TableBodyCellItem, { key: columnIndex, ri: ri, columnIndex: columnIndex, column: column, canonicalIndex: canonicalIndex, canonicalItem: canonicalItem, valueByRowKey: valueByRowKey, isLeftRegion: isLeftRegion, editTrigger: editTrigger, rowSpan: rowSpan, isMerged: Boolean(mergeColumns === null || mergeColumns === void 0 ? void 0 : mergeColumns[columnIndex]), tdEditable: tdEditable, cellEditable: cellEditable, isLogicalEditing: isLogicalEditing, isCheckboxEditor: isCheckboxEditor, isSearchMatch: isSearchMatch, isCurrentSearchMatch: isCurrentSearchMatch, cellInteractionSession: isRowEditing ? cellInteractionSession : undefined, handleClick: handleClick, setEditItem: setEditItem, setItemValue: setItemValue, handleMoveEditFocus: handleMoveEditFocus }));
         }),
         !isLeftRegion && React.createElement("td", { "data-none": true, onClick: function () { return handleClick(ri, -1); } })));
 }

package/cjs/components/TableColGroupFrozen.js

@@ -36,7 +36,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var React = __importStar(require("react"));
 var store_1 = require("../store");
 var utils_1 = require("../utils");
-function TableColGroupFrozen(props) {
+function TableColGroupFrozen() {
     var frozenColumnIndex = (0, store_1.useAppStore)(function (s) { return s.frozenColumnIndex; });
     var data = (0, store_1.useAppStore)(function (s) { return s.data; });
     var checkboxHeight = (0, store_1.useAppStore)(function (s) { return Math.min(15, s.itemHeight); });

package/cjs/store/createAppStore.js

@@ -1465,7 +1465,7 @@ function AppStoreProvider(_a) {
                     var columns = __spreadArray([], __read(get().columns), false);
                     var columnMap = [];
                     if (trLevel === 0) {
-                        get().columns.forEach(function (c, i) {
+                        get().columns.forEach(function (_, i) {
                             var cg = columnsGroup.find(function (cg) {
                                 return cg.groupStartIndex <= i && cg.groupEndIndex >= i;
                             });

package/cjs/utils/createPivotData.js

@@ -202,7 +202,7 @@ function getPivotCellContext(item, key) {
     });
 }
 function createRowFieldValues(fields, values) {
-    return fields.reduce(function (acc, field, index) {
+    return fields.reduce(function (acc, _, index) {
         acc[getPivotRowKey(index)] = values[index];
         return acc;
     }, {});

package/cjs/utils/useForceUpdate.js

@@ -52,6 +52,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useForceUpdate = useForceUpdate;
 var React = __importStar(require("react"));
 function useForceUpdate() {
-    var _a = __read(React.useState(0), 2), value = _a[0], setValue = _a[1]; // integer state
+    var _a = __read(React.useState(0), 2), setValue = _a[1]; // integer state
     return function () { return setValue(function (value) { return ++value; }); }; // update the state to force render
 }

package/esm/components/CellTextEditorGateway.js

@@ -267,7 +267,7 @@ export function CellTextEditorGateway({ containerRef }) {
                 event.preventDefault();
                 void commit(event.shiftKey ? 'prev' : 'next');
             }
-        }, onBlur: event => {
+        }, onBlur: () => {
             if (!cellEditSession || !isTextEditing)
                 return;
             if (composingRef.current) {

package/esm/components/ColResizer.js

@@ -6,7 +6,6 @@ function ColResizer({ container, columnIndex, hideHandle, bordered, frozenBounda
     const setColumnResizing = useAppStore(s => s.setColumnResizing);
     const endCellEdit = useAppStore(s => s.endCellEdit);
     const disabled = useAppStore(s => s.disabled);
-    const columnsGroup = useAppStore(s => s.columnsGroup);
     const onPointerDownResizerHandle = React.useCallback((evt, columnIndex) => {
         if (disabled)
             return;

package/esm/components/Pagination.js

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { useShallow } from 'zustand/react/shallow';
 import { useAppStore } from '../store';
 import { toMoney } from '../utils/number';
-function Pagination(props) {
+function Pagination() {
     // [Selector Group 1] Pagination State - 페이지네이션 상태
     const { page, displayPaginationLength, disabled } = useAppStore(useShallow(s => ({
         page: s.page,

package/esm/components/Table.js

@@ -32,6 +32,7 @@ function Table(props) {
     const store = useAppStoreApi();
     const { cellSelectionOptions, onChangeData, sourceIndexByVisibleIndex } = props;
     const cellSelectionEnabled = cellSelectionOptions?.enabled ?? true;
+    const multiSelectFocusMode = cellSelectionOptions?.multiSelectFocusMode ?? 'first';
     const rowKeyRegistryState = useRef({
         sourceData: props.sourceData ?? props.data,
         rowKey: props.rowKey,
@@ -58,12 +59,10 @@ function Table(props) {
         itemPadding: s.itemPadding,
     })));
     // [Selector Group 2] Header, Footer, Summary - 헤더/푸터/요약
-    const { headerHeight, footerHeight, bottomBarHeight, summaryHeight, summaryRowHeight } = useAppStore(useShallow(s => ({
+    const { headerHeight, bottomBarHeight, summaryHeight } = useAppStore(useShallow(s => ({
         headerHeight: s.headerHeight,
-        footerHeight: s.footerHeight,
         bottomBarHeight: s.bottomBarHeight,
         summaryHeight: s.summaryHeight,
-        summaryRowHeight: s.summaryRowHeight,
     })));
     // [Selector Group 3] Scroll State - 스크롤 상태
     const { scrollLeft, scrollTop } = useAppStore(useShallow(s => ({
@@ -762,6 +761,11 @@ function Table(props) {
             rowSpan: logicalCell.rowIndexes.length,
         };
     }, [data, props.cellMergeOptions]);
+    const focusLastSelectedCell = useCallback((cellPosition, hostCell = cellPosition) => {
+        if (multiSelectFocusMode !== 'last')
+            return;
+        setActiveCell({ rowIndex: cellPosition.rowIndex, columnIndex: cellPosition.columnIndex }, { rowIndex: hostCell.rowIndex, columnIndex: hostCell.columnIndex });
+    }, [multiSelectFocusMode, setActiveCell]);
     const updateAxisSelectionByTarget = useCallback((target) => {
         const dragState = axisSelectionDragRef.current;
         if (!dragState)
@@ -793,6 +797,7 @@ function Table(props) {
         const physicalCellPosition = getCellPosition(target, containerRef.current);
         const cellPosition = physicalCellPosition ? toLogicalCellPosition(physicalCellPosition) : undefined;
         if (cellSelectionEnabled && cellSelectionDragRef.current && cellPosition) {
+            focusLastSelectedCell(cellPosition, physicalCellPosition ?? cellPosition);
             setCellSelectionRanges(updateSelectionDragRange(cellSelectionDragRef.current, getRangeFromDrag(cellSelectionDragRef.current, cellPosition)));
         }
         const targetGrid = target?.closest('[role="grid"], [role="treegrid"]');
@@ -818,6 +823,7 @@ function Table(props) {
         cellSelectionEnabled,
         clearHoveredRow,
         disabled,
+        focusLastSelectedCell,
         setCellSelectionRanges,
         setHoveredRows,
         toLogicalCellPosition,
@@ -968,8 +974,9 @@ function Table(props) {
         if (!cellPosition)
             return;
         const logicalCellPosition = toLogicalCellPosition(cellPosition);
+        focusLastSelectedCell(logicalCellPosition, cellPosition);
         setCellSelectionRanges(updateSelectionDragRange(dragState, getRangeFromDrag(dragState, logicalCellPosition)));
-    }, [setCellSelectionRanges, toLogicalCellPosition]);
+    }, [focusLastSelectedCell, setCellSelectionRanges, toLogicalCellPosition]);
     const runSelectionAutoScroll = useCallback(() => {
         selectionAutoScrollRafRef.current = null;
         const dragState = cellSelectionDragRef.current;

package/esm/components/TableBody.js

@@ -7,7 +7,7 @@ import { getCellValueByRowKey, getRowReorderOffset, getRowReorderRole, useBodyDa
 import { TableBodyRow } from './TableBodyRow';
 import { MasterDetailRow } from './MasterDetailCell';
 import { BGridDataItemStatus } from '../types';
-export function getVisibleColumnRange(columns, firstScrollableColumnIndex, scrollLeft, viewportWidth) {
+function getVisibleColumnRange(columns, firstScrollableColumnIndex, scrollLeft, viewportWidth) {
     const lastColumnIndex = columns.length - 1;
     if (firstScrollableColumnIndex > lastColumnIndex) {
         return {
@@ -236,16 +236,6 @@ function TableBody({ rowKeyRegistry, region = 'main', rowRange, style, role, qua
                     React.createElement("td", { className: 'bgrid-empty-cell', colSpan: columns.slice(frozenColumnIndex).length }, msg.emptyList),
                     React.createElement("td", { "data-none": true }))) : null))))));
 }
-function LineNumberTd({ bordered, rowStatus, rowIndex, active, className, children, ...rest }) {
-    return (React.createElement("td", { className: [
-            'bgrid-line-number-cell',
-            bordered ? 'bordered' : '',
-            active ? 'bgrid-row-axis-active' : '',
-            className ?? '',
-        ]
-            .filter(Boolean)
-            .join(' '), "data-bgrid-row-status": rowStatus, "data-bgrid-axis-selectable": 'true', "data-bgrid-row-axis-active": active ? 'true' : undefined, "data-row-index": rowIndex, ...rest }, children));
-}
 function getRowStatusLabel(status) {
     if (status === BGridDataItemStatus.new)
         return 'I';
@@ -255,7 +245,7 @@ function getRowStatusLabel(status) {
         return 'D';
     return undefined;
 }
-export function BodyTable({ variant, className, children, ...rest }) {
+function BodyTable({ variant, className, children, ...rest }) {
     return (React.createElement("table", { className: [
             'bgrid-body-table',
             variant === 'vertical-bordered' ? 'bgrid-body-vertical-bordered' : '',
@@ -264,16 +254,7 @@ export function BodyTable({ variant, className, children, ...rest }) {
             .filter(Boolean)
             .join(' '), ...rest }, children));
 }
-export function TableBodyTr({ itemHeight, itemPadding, rowHeight, active, editable, odd, hasOnClick, className, children, style, ...rest }) {
-    const clickable = !editable && hasOnClick;
-    const rowClassName = ['bgrid-body-row', active ? 'bgrid-row-active' : '', className ?? ''].filter(Boolean).join(' ');
-    return (React.createElement("tr", { className: rowClassName, "data-odd": odd ? 'true' : undefined, "data-clickable": clickable ? 'true' : undefined, style: {
-            ['--bgrid-item-line-height']: `${itemHeight}px`,
-            ['--bgrid-item-cell-height']: `${rowHeight ?? itemHeight + itemPadding * 2}px`,
-            ...style,
-        }, ...rest }, children));
-}
-export function NoDataTr({ children, className, itemHeight, itemPadding, style, ...rest }) {
+function NoDataTr({ children, className, itemHeight, itemPadding, style, ...rest }) {
     return (React.createElement("tr", { className: ['bgrid-empty-row', className ?? ''].filter(Boolean).join(' '), style: {
             ['--bgrid-item-line-height']: `${itemHeight}px`,
             ['--bgrid-item-cell-height']: `${itemHeight + itemPadding * 2}px`,

package/esm/components/TableBodyRow.js

@@ -5,7 +5,7 @@ import { TableBodyCell } from './TableBodyCell';
 import RowSelector from './RowSelector';
 import { GripVertical } from './GripVertical';
 import { useTreeContext } from './TreeContext';
-function TableBodyCellItemInner({ ri, columnIndex, column, canonicalIndex, canonicalItem, valueByRowKey, editable, disabled, editTrigger, rowSpan, isMerged, tdEditable, cellEditable, isLogicalEditing, isCheckboxEditor, isSearchMatch, isCurrentSearchMatch, cellInteractionSession, handleClick, setEditItem, setItemValue, handleMoveEditFocus, }) {
+function TableBodyCellItemInner({ ri, columnIndex, column, canonicalIndex, canonicalItem, valueByRowKey, editTrigger, rowSpan, isMerged, tdEditable, cellEditable, isLogicalEditing, isCheckboxEditor, isSearchMatch, isCurrentSearchMatch, cellInteractionSession, handleClick, setEditItem, setItemValue, handleMoveEditFocus, }) {
     const resolvedEditTrigger = column.editTrigger ?? editTrigger ?? 'dblclick';
     const edited = isCellEdited(canonicalItem, column);
     const valueChanged = isCellValueChanged(canonicalItem, column);
@@ -55,7 +55,7 @@ function TableBodyCellItemInner({ ri, columnIndex, column, canonicalIndex, canon
         React.createElement(TableBodyCell, { index: canonicalIndex, hostIndex: ri, columnIndex: columnIndex, column: column, item: canonicalItem, valueByRowKey: valueByRowKey, handleSave: handleSave, handleCancel: handleCancel, handleMove: handleMove, editable: tdEditable, cellEditable: cellEditable, interactionEditing: isLogicalEditing, editSession: tdEditable && cellInteractionSession?.kind === 'editor' ? cellInteractionSession : undefined })));
 }
 const TableBodyCellItem = React.memo(TableBodyCellItemInner);
-function TableBodyRowInner({ item, data, ri, sourceIndex, columns, startCIdx, endCIdx, frozenColumnIndex, isLeftRegion, showLineNumber, hasRowChecked, isRadio, checked, rowCheckedDisabled, rowStatus, active, className, resolvedRowHeight, itemHeight, itemPadding, editable, disabled, editTrigger, hasOnClick, cellMergeOptions, mergeColumns, odd, variant, rowReorderEnabled, rowReorderRole, rowReorderPhase, rowReorderDirection, rowReorderOffset, reorder, reorderingInfo, searchMatchTokens, currentSearchToken, isRowEditing, cellInteractionSession, handleClick, setEditItem, setItemValue, handleMoveEditFocus, handleChangeChecked, handleChangeCheckedRadio, getRowSpan, onRowReorderPointerDown, onRowReorderKeyDown, }) {
+function TableBodyRowInner({ item, data, ri, columns, startCIdx, endCIdx, frozenColumnIndex, isLeftRegion, showLineNumber, hasRowChecked, isRadio, checked, rowCheckedDisabled, rowStatus, active, className, resolvedRowHeight, itemHeight, editable, disabled, editTrigger, hasOnClick, cellMergeOptions, mergeColumns, odd, variant, rowReorderEnabled, rowReorderRole, rowReorderPhase, rowReorderDirection, rowReorderOffset, reorder, reorderingInfo, searchMatchTokens, currentSearchToken, isRowEditing, cellInteractionSession, handleClick, setEditItem, setItemValue, handleMoveEditFocus, handleChangeChecked, handleChangeCheckedRadio, getRowSpan, onRowReorderPointerDown, onRowReorderKeyDown, }) {
     const tree = useTreeContext();
     const treeRowKey = tree?.getRowKey(item.values);
     const treeMeta = treeRowKey === undefined ? undefined : tree?.metaByRowKey.get(treeRowKey);
@@ -118,7 +118,7 @@ function TableBodyRowInner({ item, data, ri, sourceIndex, columns, startCIdx, en
             const isSearchMatch = searchMatchTokens.has(searchToken);
             const isCurrentSearchMatch = currentSearchToken === searchToken;
             const valueByRowKey = getCellValueByRowKey(column.key, canonicalItem.values);
-            return (React.createElement(TableBodyCellItem, { key: columnIndex, ri: ri, columnIndex: columnIndex, column: column, canonicalIndex: canonicalIndex, canonicalItem: canonicalItem, valueByRowKey: valueByRowKey, isLeftRegion: isLeftRegion, editable: editable, disabled: disabled, editTrigger: editTrigger, rowSpan: rowSpan, isMerged: Boolean(mergeColumns?.[columnIndex]), tdEditable: tdEditable, cellEditable: cellEditable, isLogicalEditing: isLogicalEditing, isCheckboxEditor: isCheckboxEditor, isSearchMatch: isSearchMatch, isCurrentSearchMatch: isCurrentSearchMatch, cellInteractionSession: isRowEditing ? cellInteractionSession : undefined, handleClick: handleClick, setEditItem: setEditItem, setItemValue: setItemValue, handleMoveEditFocus: handleMoveEditFocus }));
+            return (React.createElement(TableBodyCellItem, { key: columnIndex, ri: ri, columnIndex: columnIndex, column: column, canonicalIndex: canonicalIndex, canonicalItem: canonicalItem, valueByRowKey: valueByRowKey, isLeftRegion: isLeftRegion, editTrigger: editTrigger, rowSpan: rowSpan, isMerged: Boolean(mergeColumns?.[columnIndex]), tdEditable: tdEditable, cellEditable: cellEditable, isLogicalEditing: isLogicalEditing, isCheckboxEditor: isCheckboxEditor, isSearchMatch: isSearchMatch, isCurrentSearchMatch: isCurrentSearchMatch, cellInteractionSession: isRowEditing ? cellInteractionSession : undefined, handleClick: handleClick, setEditItem: setEditItem, setItemValue: setItemValue, handleMoveEditFocus: handleMoveEditFocus }));
         }),
         !isLeftRegion && React.createElement("td", { "data-none": true, onClick: () => handleClick(ri, -1) })));
 }

package/esm/components/TableColGroupFrozen.js

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { useAppStore } from '../store';
 import { getLineNumberWidth } from '../utils';
-function TableColGroupFrozen(props) {
+function TableColGroupFrozen() {
     const frozenColumnIndex = useAppStore(s => s.frozenColumnIndex);
     const data = useAppStore(s => s.data);
     const checkboxHeight = useAppStore(s => Math.min(15, s.itemHeight));

package/esm/store/createAppStore.js

@@ -1274,7 +1274,7 @@ export function AppStoreProvider({ children, initialState }) {
                 const columns = [...get().columns];
                 const columnMap = [];
                 if (trLevel === 0) {
-                    get().columns.forEach((c, i) => {
+                    get().columns.forEach((_, i) => {
                         const cg = columnsGroup.find(cg => {
                             return cg.groupStartIndex <= i && cg.groupEndIndex >= i;
                         });

package/esm/utils/createPivotData.js

@@ -160,7 +160,7 @@ function getPivotCellContext(item, key) {
     });
 }
 function createRowFieldValues(fields, values) {
-    return fields.reduce((acc, field, index) => {
+    return fields.reduce((acc, _, index) => {
         acc[getPivotRowKey(index)] = values[index];
         return acc;
     }, {});

package/esm/utils/useForceUpdate.js

@@ -1,5 +1,5 @@
 import * as React from "react";
 export function useForceUpdate() {
-    const [value, setValue] = React.useState(0); // integer state
+    const [, setValue] = React.useState(0); // integer state
     return () => setValue(value => ++value); // update the state to force render
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "beautiful-grid",
-  "version": "1.0.15",
+  "version": "1.0.16",
   "description": "A beautiful, powerful, open-source React Data Grid.",
   "homepage": "https://bgrid.axisj.com",
   "bugs": {

package/style.css

@@ -2576,14 +2576,12 @@
   max-width: 100%;
 }
 
-.bgrid-detail-frozen-row,
-.bgrid-detail-spacer-row {
+.bgrid-detail-frozen-row {
   pointer-events: none;
   max-height: none !important;
 }
 
-.bgrid-body-table > tbody > tr.bgrid-detail-frozen-row > td,
-.bgrid-body-table > tbody > tr.bgrid-detail-spacer-row > td {
+.bgrid-body-table > tbody > tr.bgrid-detail-frozen-row > td {
   padding: 0 !important;
   margin: 0 !important;
   border-top: none !important;

package/types/components/Pagination.d.ts

@@ -1,5 +1,3 @@
 import * as React from 'react';
-interface Props {
-}
-declare function Pagination(props: Props): React.JSX.Element | null;
+declare function Pagination(): React.JSX.Element | null;
 export default Pagination;

package/types/components/TableBody.d.ts

@@ -1,16 +1,10 @@
 import * as React from 'react';
 import { type BGridRowHeightMetrics } from '../utils';
-import { AppModelColumn, BGridProps } from '../types';
-export type BGridBodyRegion = 'left' | 'main';
+type BGridBodyRegion = 'left' | 'main';
 export interface BGridBodyRowRange {
     startRowIndex: number;
     endRowIndex: number;
 }
-export interface BGridVisibleColumnRange {
-    startColumnIndex: number;
-    endColumnIndex: number;
-}
-export declare function getVisibleColumnRange(columns: Pick<AppModelColumn<any>, 'left' | 'width'>[], firstScrollableColumnIndex: number, scrollLeft: number, viewportWidth: number): BGridVisibleColumnRange;
 export interface RowKeyRegistry {
     firstSourceIndexByValue: Map<string, number>;
     warnedDuplicateValues: Set<string>;
@@ -32,24 +26,5 @@ interface Props {
     viewportWidth?: number;
 }
 declare function TableBody({ rowKeyRegistry, region, rowRange, style, role, quadrant, allowRowReorder, onRowReorderPointerDown, onRowReorderKeyDown, rowHeightMetrics, viewportWidth, }: Props): React.JSX.Element;
-interface BodyTableProps extends React.TableHTMLAttributes<HTMLTableElement> {
-    variant: BGridProps<any>['variant'];
-}
-export declare function BodyTable({ variant, className, children, ...rest }: BodyTableProps): React.JSX.Element;
-interface TableBodyTrProps extends React.HTMLAttributes<HTMLTableRowElement> {
-    itemHeight: number;
-    itemPadding: number;
-    rowHeight?: number;
-    active?: boolean;
-    editable?: boolean;
-    odd?: boolean;
-    hasOnClick?: boolean;
-}
-export declare function TableBodyTr({ itemHeight, itemPadding, rowHeight, active, editable, odd, hasOnClick, className, children, style, ...rest }: TableBodyTrProps): React.JSX.Element;
-interface NoDataTrProps extends React.HTMLAttributes<HTMLTableRowElement> {
-    itemHeight: number;
-    itemPadding: number;
-}
-export declare function NoDataTr({ children, className, itemHeight, itemPadding, style, ...rest }: NoDataTrProps): React.JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof TableBody>;
 export default _default;

package/types/components/TableBodyRow.d.ts

@@ -51,6 +51,6 @@ export interface TableBodyRowProps<T> {
     onRowReorderPointerDown?: (event: React.PointerEvent<HTMLButtonElement>, rowIndex: number) => void;
     onRowReorderKeyDown?: (event: React.KeyboardEvent<HTMLButtonElement>, rowIndex: number) => void;
 }
-declare function TableBodyRowInner<T>({ item, data, ri, sourceIndex, columns, startCIdx, endCIdx, frozenColumnIndex, isLeftRegion, showLineNumber, hasRowChecked, isRadio, checked, rowCheckedDisabled, rowStatus, active, className, resolvedRowHeight, itemHeight, itemPadding, editable, disabled, editTrigger, hasOnClick, cellMergeOptions, mergeColumns, odd, variant, rowReorderEnabled, rowReorderRole, rowReorderPhase, rowReorderDirection, rowReorderOffset, reorder, reorderingInfo, searchMatchTokens, currentSearchToken, isRowEditing, cellInteractionSession, handleClick, setEditItem, setItemValue, handleMoveEditFocus, handleChangeChecked, handleChangeCheckedRadio, getRowSpan, onRowReorderPointerDown, onRowReorderKeyDown, }: TableBodyRowProps<T>): React.JSX.Element;
+declare function TableBodyRowInner<T>({ item, data, ri, columns, startCIdx, endCIdx, frozenColumnIndex, isLeftRegion, showLineNumber, hasRowChecked, isRadio, checked, rowCheckedDisabled, rowStatus, active, className, resolvedRowHeight, itemHeight, editable, disabled, editTrigger, hasOnClick, cellMergeOptions, mergeColumns, odd, variant, rowReorderEnabled, rowReorderRole, rowReorderPhase, rowReorderDirection, rowReorderOffset, reorder, reorderingInfo, searchMatchTokens, currentSearchToken, isRowEditing, cellInteractionSession, handleClick, setEditItem, setItemValue, handleMoveEditFocus, handleChangeChecked, handleChangeCheckedRadio, getRowSpan, onRowReorderPointerDown, onRowReorderKeyDown, }: TableBodyRowProps<T>): React.JSX.Element;
 export declare const TableBodyRow: typeof TableBodyRowInner;
 export {};

package/types/components/TableColGroupFrozen.d.ts

@@ -1,6 +1,4 @@
 import * as React from 'react';
-interface Props {
-}
-declare function TableColGroupFrozen(props: Props): React.JSX.Element;
+declare function TableColGroupFrozen(): React.JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof TableColGroupFrozen>;
 export default _default;

package/types/components/TableSummary.d.ts

@@ -3,7 +3,7 @@ import { BGridProps } from '../types';
 interface Props {
     position: NonNullable<BGridProps<any>['summary']>['position'];
 }
-export declare function TableSummary<T>({ position }: Props): React.JSX.Element;
+export declare function TableSummary({ position }: Props): React.JSX.Element;
 interface SummaryTableProps extends React.TableHTMLAttributes<HTMLTableElement> {
     summaryHeight: number;
     variant: BGridProps<any>['variant'];

package/types/types.d.ts

@@ -901,6 +901,8 @@ export interface BGridProps<T> {
     };
     cellSelectionOptions?: {
         enabled?: boolean;
+        /** Controls which cell remains active after a multi-cell selection. */
+        multiSelectFocusMode?: 'first' | 'last';
         clearOnEscape?: boolean;
         clearOnOutsideClick?: boolean;
         maxClipboardCells?: number;