@rowsncolumns/spreadsheet 10.3.0 → 10.4.0

package/dist/cjs/components/canvas-grid/index.js

@@ -8,7 +8,6 @@ var grid_2 = require("@rowsncolumns/grid");
 var grid_3 = require("@rowsncolumns/grid");
 var grid_4 = require("@rowsncolumns/grid");
 var grid_5 = require("@rowsncolumns/grid");
-var spreadsheet_state_1 = require("@rowsncolumns/spreadsheet-state");
 var ui_1 = require("@rowsncolumns/ui");
 var utils_1 = require("@rowsncolumns/utils");
 var jotai_1 = require("jotai");
@@ -17,6 +16,8 @@ var throttle_1 = tslib_1.__importDefault(require("lodash/throttle"));
 var react_1 = tslib_1.__importStar(require("react"));
 var banded_ranges_1 = require("../../api/banded-ranges");
 var insert_options_1 = require("../../api/insert-options");
+var calculated_column_fill_1 = require("../../api/calculated-column-fill");
+var table_auto_expansion_1 = require("../../api/table-auto-expansion");
 var cf_window_1 = require("../../api/cf-window");
 var selections_1 = require("../../api/selections");
 var spreadsheet_api_1 = require("../../api/spreadsheet-api");
@@ -41,9 +42,12 @@ var use_border_styles_1 = require("../../hooks/use-border-styles");
 var use_callback_ref_1 = require("../../hooks/use-callback-ref");
 var use_cell_popover_1 = require("../../hooks/use-cell-popover");
 var use_cell_renderer_1 = require("../../hooks/use-cell-renderer");
+var use_chart_source_ranges_1 = require("../../hooks/use-chart-source-ranges");
 var use_conditional_formatting_1 = require("../../hooks/use-conditional-formatting");
 var use_context_menu_1 = require("../../hooks/use-context-menu");
 var use_context_setter_1 = require("../../hooks/use-context-setter");
+var use_reveal_chart_embed_1 = require("../../hooks/use-reveal-chart-embed");
+var use_chart_clipboard_1 = require("../../hooks/use-chart-clipboard");
 var use_copy_paste_cut_1 = require("../../hooks/use-copy-paste-cut");
 var use_create_address_from_selection_1 = require("../../hooks/use-create-address-from-selection");
 var use_create_formula_tokenizer_1 = require("../../hooks/use-create-formula-tokenizer");
@@ -53,6 +57,7 @@ var use_editor_change_1 = require("../../hooks/use-editor-change");
 var use_editor_keydown_1 = require("../../hooks/use-editor-keydown");
 var use_editor_submit_1 = require("../../hooks/use-editor-submit");
 var use_embeds_charts_1 = require("../../hooks/use-embeds-charts");
+var chart_sheet_view_1 = require("../chart-sheet-view");
 var use_expand_cell_1 = require("../../hooks/use-expand-cell");
 var use_export_range_1 = require("../../hooks/use-export-range");
 var use_filter_1 = require("../../hooks/use-filter");
@@ -84,6 +89,7 @@ var use_sheet_change_handler_1 = require("../../hooks/use-sheet-change-handler")
 var use_sizer_1 = require("../../hooks/use-sizer");
 var use_stable_ref_1 = require("../../hooks/use-stable-ref");
 var use_structured_reference_selection_1 = require("../../hooks/use-structured-reference-selection");
+var use_table_hit_zones_1 = require("../../hooks/use-table-hit-zones");
 var use_table_resizer_1 = require("../../hooks/use-table-resizer");
 var use_delayed_value_1 = require("../../hooks/use-delayed-value");
 var use_tooltip_1 = require("../../hooks/use-tooltip");
@@ -95,6 +101,9 @@ var fill_series_1 = require("../../api/fill-series");
 var cell_1 = require("../cell");
 var cell_editor_1 = require("../cell-editor");
 var context_menu_1 = require("../context-menu");
+var menu_1 = require("../context-menu/menu");
+var style_1 = require("../context-menu/style");
+var total_row_function_menu_1 = require("../context-menu/total-row-function-menu");
 var fill_handle_1 = require("../fill-handle");
 var filter_box_1 = require("../filter-box");
 var header_cell_1 = require("../header-cell");
@@ -109,8 +118,10 @@ var helpers_2 = require("./helpers");
  * @param CanvasGridMethods
  * @returns
  */
+/** Where the grid focuses when no cell is given (A1); mirrors spreadsheet-state's `defaultCellCoords` without importing it — that package depends on this one. */
+var defaultCellCoords = { rowIndex: 1, columnIndex: 1 };
 function CanvasGridComponent(props, forwardedRef) {
-    var licenseKey = props.licenseKey, sheetId = props.sheetId, instanceId = props.instanceId, _a = props.activeCell, activeCell = _a === void 0 ? config_1.DEFAULT_ACTIVE_CELL : _a, _b = props.selections, selections = _b === void 0 ? config_1.DEFAULT_ARRAY : _b, _c = props.frozenColumnCount, frozenColumnCount = _c === void 0 ? 0 : _c, _d = props.frozenRowCount, frozenRowCount = _d === void 0 ? 0 : _d, _e = props.rowCount, rowCount = _e === void 0 ? config_1.DEFAULT_ROW_COUNT : _e, _f = props.columnCount, columnCount = _f === void 0 ? config_1.DEFAULT_COLUMN_COUNT : _f, autoFocus = props.autoFocus, basicFilter = props.basicFilter, tables = props.tables, namedRanges = props.namedRanges, _g = props.bandedRanges, bandedRanges = _g === void 0 ? config_1.DEFAULT_ARRAY : _g, _h = props.tableBorderColor, tableBorderColor = _h === void 0 ? "#008000" : _h, _j = props.filterIconColor, filterIconColor = _j === void 0 ? "#008000" : _j, conditionalFormats = props.conditionalFormats, _k = props.showFilterIcon, showFilterIcon = _k === void 0 ? true : _k, _l = props.showCalculatedColumnIcon, showCalculatedColumnIcon = _l === void 0 ? true : _l, _m = props.showHeaders, showHeaders = _m === void 0 ? true : _m, _o = props.defaultColumnWidth, defaultColumnWidth = _o === void 0 ? config_1.DEFAULT_COLUMN_WIDTH : _o, _p = props.defaultRowHeight, defaultRowHeight = _p === void 0 ? config_1.DEFAULT_ROW_HEIGHT : _p, _q = props.columnHeaderHeight, columnHeaderHeight = _q === void 0 ? config_1.COLUMN_HEADER_HEIGHT : _q, _r = props.rowHeaderWidth, rowHeaderWidth = _r === void 0 ? config_1.ROW_HEADER_WIDTH : _r, _s = props.gridLineColor, gridLineColor = _s === void 0 ? config_1.GRIDLINE_COLOR : _s, _t = props.cellBackgroundColor, cellBackgroundColor = _t === void 0 ? config_1.DEFAULT_CELL_BACKGROUND_COLOR : _t, _u = props.cellColor, cellColor = _u === void 0 ? config_1.DEFAULT_CELL_COLOR : _u, _v = props.headerBorderColor, headerBorderColor = _v === void 0 ? config_1.DEFAULT_HEADER_BORDER_COLOR : _v, _w = props.headerBackgroundColor, headerBackgroundColor = _w === void 0 ? config_1.DEFAULT_HEADER_BG : _w, _x = props.headerColor, headerColor = _x === void 0 ? config_1.DEFAULT_HEADER_COLOR : _x, _y = props.headerActiveBackgroundColor, headerActiveBackgroundColor = _y === void 0 ? config_1.DEFAULT_HEADER_ACTIVE_BG : _y, _z = props.headerSelectedBackgroundColor, headerSelectedBackgroundColor = _z === void 0 ? config_1.DEFAULT_HEADER_SELECTED_BG : _z, _0 = props.headerSelectedColor, headerSelectedColor = _0 === void 0 ? "white" : _0, _1 = props.headerTableBackgroundColor, headerTableBackgroundColor = _1 === void 0 ? config_1.DEFAULT_HEADER_TABLE_BG : _1, _2 = props.headerTableActiveBackgroundColor, headerTableActiveBackgroundColor = _2 === void 0 ? config_1.DEFAULT_HEADER_ACTIVE_TABLE_BG : _2, _3 = props.headerTableSelectedBackgroundColor, headerTableSelectedBackgroundColor = _3 === void 0 ? config_1.DEFAULT_HEADER_SELECTED_TABLE_BG : _3, _4 = props.frozenShadowColor, frozenShadowColor = _4 === void 0 ? headerBorderColor : _4, _5 = props.frozenShadowThickness, frozenShadowThickness = _5 === void 0 ? 1 : _5, _6 = props.selectionBackgroundColor, selectionBackgroundColor = _6 === void 0 ? config_1.SELECTION_BG : _6, _7 = props.selectionBorderColor, selectionBorderColor = _7 === void 0 ? config_1.SELECTION_BORDER : _7, _8 = props.selectionDragBorderColor, selectionDragBorderColor = _8 === void 0 ? config_1.SELECTION_BORDER : _8, chartSelectedColor = props.chartSelectedColor, _9 = props.chipBackgroundColor, chipBackgroundColor = _9 === void 0 ? config_1.CHIP_COLOR : _9, _10 = props.merges, merges = _10 === void 0 ? config_1.DEFAULT_ARRAY : _10, borderStyles = props.borderStyles, protectedRanges = props.protectedRanges, _11 = props.isWorkbookProtected, isWorkbookProtectedProp = _11 === void 0 ? false : _11, getSheetProtection = props.getSheetProtection, pivotTables = props.pivotTables, charts = props.charts, embeds = props.embeds, slicers = props.slicers, _12 = props.rowMetadata, rowMetadata = _12 === void 0 ? config_1.DEFAULT_ARRAY : _12, _13 = props.columnMetadata, columnMetadata = _13 === void 0 ? config_1.DEFAULT_ARRAY : _13, _14 = props.scale, scale = _14 === void 0 ? 1 : _14, _15 = props.zoomSpeed, zoomSpeed = _15 === void 0 ? 1 : _15, _16 = props.overscanCount, overscanCount = _16 === void 0 ? 3 : _16, _17 = props.enableEditOnEnterKey, enableEditOnEnterKey = _17 === void 0 ? true : _17, _18 = props.enableTextOverflow, enableTextOverflow = _18 === void 0 ? true : _18, _showGridLines = props.showGridLines, _19 = props.showFormulas, showFormulas = _19 === void 0 ? false : _19, _20 = props.protectFormulas, protectFormulas = _20 === void 0 ? false : _20, _21 = props.showFrozenSeparator, showFrozenSeparator = _21 === void 0 ? true : _21, _22 = props.HeaderCell, HeaderCell = _22 === void 0 ? header_cell_1.HeaderCell : _22, _23 = props.Cell, Cell = _23 === void 0 ? cell_1.Cell : _23, _24 = props.SelectionTitleComponent, SelectionTitleComponent = _24 === void 0 ? title_1.SelectionTitle : _24, _25 = props.CellEditor, CellEditor = _25 === void 0 ? cell_editor_1.CellEditor : _25, CellTooltip = props.CellTooltip, _26 = props.ContextMenu, ContextMenu = _26 === void 0 ? context_menu_1.ContextMenu : _26, _27 = props.ContextMenuWrapper, ContextMenuWrapper = _27 === void 0 ? use_context_menu_1.DefaultContextMenuWrapper : _27, _28 = props.FilterBox, FilterBox = _28 === void 0 ? filter_box_1.FilterBox : _28, _29 = props.HeaderMoveDragComponent, HeaderMoveDragComponent = _29 === void 0 ? header_move_1.HeaderMoveDragComponent : _29, SuggestionsDropdown = props.SuggestionsDropdown, _30 = props.stickyEditor, stickyEditor = _30 === void 0 ? true : _30, _31 = props.scrollSnap, scrollSnap = _31 === void 0 ? false : _31, scrollThrottleTimeout = props.scrollThrottleTimeout, preventBrowserDefaultScroll = props.preventBrowserDefaultScroll, _32 = props.mouseMoveThrottleTimeout, mouseMoveThrottleTimeout = _32 === void 0 ? 60 : _32, _33 = props.tooltipIntentInterval, tooltipIntentInterval = _33 === void 0 ? 60 : _33, selectionPolicy = props.selectionPolicy, users = props.users, userId = props.userId, renderCollaboratorCursor = props.renderCollaboratorCursor, functionDescriptions = props.functionDescriptions, _34 = props.showHeaderMenuButton, showHeaderMenuButton = _34 === void 0 ? true : _34, _35 = props.scrollbarSize, scrollbarSize = _35 === void 0 ? config_1.SCROLLBAR_SIZE : _35, _36 = props.theme, theme = _36 === void 0 ? config_1.defaultSpreadsheetTheme : _36, _37 = props.showNotes, showNotes = _37 === void 0 ? true : _37, _38 = props.showComments, showComments = _38 === void 0 ? true : _38, locale = props.locale, formulaLocaleProp = props.formulaLocale, agentSuggestions = props.agentSuggestions, onReviewSuggestion = props.onReviewSuggestion, onShowFormulas = props.onShowFormulas, getDataRowCount = props.getDataRowCount, getChartComponent = props.getChartComponent, getEmbedComponent = props.getEmbedComponent, getSlicerComponent = props.getSlicerComponent, onChange = props.onChange, onChangeBatch = props.onChangeBatch, onExpandCollapse = props.onExpandCollapse, onPivotDrillDown = props.onPivotDrillDown, onDelete = props.onDelete, onChangeEditorValue = props.onChangeEditorValue, onFill = props.onFill, onRequestCalculate = props.onRequestCalculate, onChangeActiveCell = props.onChangeActiveCell, onChangeActiveSheet = props.onChangeActiveSheet, onChangeSelections = props.onChangeSelections, getSheetName = props.getSheetName, getSheetId = props.getSheetId, getCellData = props.getCellData, getNoteProp = props.getNote, getTextFormatRuns = props.getTextFormatRuns, getDataValidation = props.getDataValidation, getEffectiveFormat = props.getEffectiveFormat, getFormattedValueProp = props.getFormattedValue, getTooltipContent = props.getTooltipContent, errorResolutionComponent = props.errorResolutionComponent, getEffectiveValueProp = props.getEffectiveValue, getUserEnteredExtendedValue = props.getUserEnteredExtendedValue, getEffectiveExtendedValue = props.getEffectiveExtendedValue, getSheetRowCount = props.getSheetRowCount, getSheetColumnCount = props.getSheetColumnCount, getCellPopoverContent = props.getCellPopoverContent, onScroll = props.onScroll, onViewPortChange = props.onViewPortChange, _39 = props.windowConditionalFormats, windowConditionalFormats = _39 === void 0 ? false : _39, _40 = props.engineConditionalFormatResults, engineConditionalFormatResults = _40 === void 0 ? false : _40, onResize = props.onResize, onAutoResize = props.onAutoResize, onHideColumn = props.onHideColumn, onHideRow = props.onHideRow, onShowColumn = props.onShowColumn, onShowRow = props.onShowRow, onGroupRows = props.onGroupRows, onUngroupRows = props.onUngroupRows, onCollapseRowGroup = props.onCollapseRowGroup, onExpandRowGroup = props.onExpandRowGroup, onGroupColumns = props.onGroupColumns, onUngroupColumns = props.onUngroupColumns, onCollapseColumnGroup = props.onCollapseColumnGroup, onExpandColumnGroup = props.onExpandColumnGroup, onSetOutlineDepth = props.onSetOutlineDepth, onDeleteRow = props.onDeleteRow, onDeleteColumn = props.onDeleteColumn, onInsertRow = props.onInsertRow, onInsertColumn = props.onInsertColumn, onInsertCellsShiftDown = props.onInsertCellsShiftDown, onInsertCellsShiftRight = props.onInsertCellsShiftRight, onDeleteCellsShiftLeft = props.onDeleteCellsShiftLeft, onDeleteCellsShiftUp = props.onDeleteCellsShiftUp, onClearContents = props.onClearContents, onMoveColumns = props.onMoveColumns, onMoveRows = props.onMoveRows, onSelectNextSheet = props.onSelectNextSheet, onSelectPreviousSheet = props.onSelectPreviousSheet, onCreateNewSheet = props.onCreateNewSheet, onKeyDown = props.onKeyDown, onChangeFormatting = props.onChangeFormatting, onRepeatFormatting = props.onRepeatFormatting, onClearFormatting = props.onClearFormatting, onRequestEditProtectedRange = props.onRequestEditProtectedRange, onMoveChart = props.onMoveChart, onResizeChart = props.onResizeChart, onDeleteChart = props.onDeleteChart, onMoveEmbed = props.onMoveEmbed, onResizeEmbed = props.onResizeEmbed, onDeleteEmbed = props.onDeleteEmbed, onRequestEditEmbed = props.onRequestEditEmbed, onMoveSlicer = props.onMoveSlicer, onResizeSlicer = props.onResizeSlicer, onDeleteSlicer = props.onDeleteSlicer, onRequestEditSlicer = props.onRequestEditSlicer, onFillRange = props.onFillRange, disableFillRightShortcut = props.disableFillRightShortcut, keymap = props.keymap, onCalculateNow = props.onCalculateNow, onRequestGoTo = props.onRequestGoTo, onMoveSelection = props.onMoveSelection, onInsertCutCells = props.onInsertCutCells, onInsertTime = props.onInsertTime, onInsertDate = props.onInsertDate, onInsertDateTime = props.onInsertDateTime, onInsertAutoSum = props.onInsertAutoSum, onUndo = props.onUndo, onRedo = props.onRedo, onPaste = props.onPaste, onCopy = props.onCopy, onCut = props.onCut, onSortColumn = props.onSortColumn, onSortTable = props.onSortTable, onFilterTable = props.onFilterTable, onFilterPivot = props.onFilterPivot, onResizeTable = props.onResizeTable, onRequestEditTable = props.onRequestEditTable, onRequestEditPivotTable = props.onRequestEditPivotTable, onRequestDeletePivotTable = props.onRequestDeletePivotTable, onRemoveTable = props.onRemoveTable, onCreateTable = props.onCreateTable, onInsertTableColumn = props.onInsertTableColumn, onDeleteTableColumn = props.onDeleteTableColumn, onInsertTableRow = props.onInsertTableRow, onDeleteTableRow = props.onDeleteTableRow, onCreateBasicFilter = props.onCreateBasicFilter, onRequestDefineNamedRange = props.onRequestDefineNamedRange, onRequestFormatCells = props.onRequestFormatCells, onRequestConditionalFormat = props.onRequestConditionalFormat, onRequestDataValidation = props.onRequestDataValidation, onRequestInsertComment = props.onRequestInsertComment, onRequestInsertLink = props.onRequestInsertLink, onFreezeColumn = props.onFreezeColumn, onFreezeRow = props.onFreezeRow, onUpdateNote = props.onUpdateNote, onProtectRange = props.onProtectRange, onUnProtectRange = props.onUnProtectRange, onSortRange = props.onSortRange, onRequestSearch = props.onRequestSearch, onRequestReplace = props.onRequestReplace, onRequestResize = props.onRequestResize, _41 = props.getRowHeaderText, getRowHeaderText = _41 === void 0 ? helpers_1.getDefaultRowHeader : _41, _42 = props.getColumnHeaderText, getColumnHeaderText = _42 === void 0 ? helpers_1.getDefaultColumnHeader : _42, getAdditionalCellSpacing = props.getAdditionalCellSpacing, _43 = props.tokenizer, defaultTokenizer = _43 === void 0 ? calculator_1.tokenize : _43, onChangeScale = props.onChangeScale, onRemoveLink = props.onRemoveLink, onSelectLink = props.onSelectLink, onSplitTextToColumns = props.onSplitTextToColumns, onRemoveDuplicates = props.onRemoveDuplicates, onGoalSeek = props.onGoalSeek, onSubtotal = props.onSubtotal, onAdvancedFilter = props.onAdvancedFilter, onRequestExpand = props.onRequestExpand, cellExpandPredicate = props.cellExpandPredicate, _44 = props.StructuredResult, StructuredResult = _44 === void 0 ? cell_structured_1.StructuredResultRenderer : _44, getMentions = props.getMentions, getStructuredPropertiesProp = props.getStructuredProperties, getFunctionParameterSuggestions = props.getFunctionParameterSuggestions, shouldFetchFunctionParameters = props.shouldFetchFunctionParameters, MentionTagComponent = props.MentionTagComponent, MentionDropdownItemComponent = props.MentionDropdownItemComponent, _45 = props.showSelectionResizeHandles, showSelectionResizeHandles = _45 === void 0 ? true : _45, enableMagicFill = props.enableMagicFill, _46 = props.enableQuickEdit, enableQuickEdit = _46 === void 0 ? true : _46, MagicFillComponent = props.MagicFillComponent, MagicFillContent = props.MagicFillContent, QuickEdit = props.QuickEdit, PasteMenu = props.PasteMenu, SuggestionAction = props.SuggestionAction, HiddenRowMarkers = props.HiddenRowMarkers, HiddenColumnMarkers = props.HiddenColumnMarkers, enableResizerOverflow = props.enableResizerOverflow, className = props.className, _47 = props.defaultFontSizePoint, defaultFontSizePoint = _47 === void 0 ? config_1.DEFAULT_FONT_SIZE_PT : _47, readonly = props.readonly, _48 = props.isComparing, isComparing = _48 === void 0 ? false : _48, getCellDiff = props.getCellDiff, enableDataBoundaryNavigation = props.enableDataBoundaryNavigation, footerHeight = props.footerHeight, footerComponent = props.footerComponent, arrowComponents = props.arrowComponents, 
+    var licenseKey = props.licenseKey, sheetId = props.sheetId, sheetType = props.sheetType, _a = props.ChartSheetView, ChartSheetViewComponent = _a === void 0 ? chart_sheet_view_1.ChartSheetView : _a, instanceId = props.instanceId, _b = props.activeCell, activeCell = _b === void 0 ? config_1.DEFAULT_ACTIVE_CELL : _b, _c = props.selections, selections = _c === void 0 ? config_1.DEFAULT_ARRAY : _c, _d = props.frozenColumnCount, frozenColumnCount = _d === void 0 ? 0 : _d, _e = props.frozenRowCount, frozenRowCount = _e === void 0 ? 0 : _e, _f = props.rowCount, rowCount = _f === void 0 ? config_1.DEFAULT_ROW_COUNT : _f, _g = props.columnCount, columnCount = _g === void 0 ? config_1.DEFAULT_COLUMN_COUNT : _g, autoFocus = props.autoFocus, basicFilter = props.basicFilter, tables = props.tables, namedRanges = props.namedRanges, _h = props.bandedRanges, bandedRanges = _h === void 0 ? config_1.DEFAULT_ARRAY : _h, _j = props.tableBorderColor, tableBorderColor = _j === void 0 ? "#008000" : _j, _k = props.filterIconColor, filterIconColor = _k === void 0 ? "#008000" : _k, conditionalFormats = props.conditionalFormats, _l = props.showFilterIcon, showFilterIcon = _l === void 0 ? true : _l, _m = props.showCalculatedColumnIcon, showCalculatedColumnIcon = _m === void 0 ? true : _m, _o = props.showHeaders, showHeaders = _o === void 0 ? true : _o, _p = props.defaultColumnWidth, defaultColumnWidth = _p === void 0 ? config_1.DEFAULT_COLUMN_WIDTH : _p, _q = props.defaultRowHeight, defaultRowHeight = _q === void 0 ? config_1.DEFAULT_ROW_HEIGHT : _q, _r = props.columnHeaderHeight, columnHeaderHeight = _r === void 0 ? config_1.COLUMN_HEADER_HEIGHT : _r, _s = props.rowHeaderWidth, rowHeaderWidth = _s === void 0 ? config_1.ROW_HEADER_WIDTH : _s, _t = props.gridLineColor, gridLineColor = _t === void 0 ? config_1.GRIDLINE_COLOR : _t, _u = props.cellBackgroundColor, cellBackgroundColor = _u === void 0 ? config_1.DEFAULT_CELL_BACKGROUND_COLOR : _u, _v = props.cellColor, cellColor = _v === void 0 ? config_1.DEFAULT_CELL_COLOR : _v, _w = props.headerBorderColor, headerBorderColor = _w === void 0 ? config_1.DEFAULT_HEADER_BORDER_COLOR : _w, _x = props.headerBackgroundColor, headerBackgroundColor = _x === void 0 ? config_1.DEFAULT_HEADER_BG : _x, _y = props.headerColor, headerColor = _y === void 0 ? config_1.DEFAULT_HEADER_COLOR : _y, _z = props.headerActiveBackgroundColor, headerActiveBackgroundColor = _z === void 0 ? config_1.DEFAULT_HEADER_ACTIVE_BG : _z, _0 = props.headerSelectedBackgroundColor, headerSelectedBackgroundColor = _0 === void 0 ? config_1.DEFAULT_HEADER_SELECTED_BG : _0, _1 = props.headerSelectedColor, headerSelectedColor = _1 === void 0 ? "white" : _1, _2 = props.headerTableBackgroundColor, headerTableBackgroundColor = _2 === void 0 ? config_1.DEFAULT_HEADER_TABLE_BG : _2, _3 = props.headerTableActiveBackgroundColor, headerTableActiveBackgroundColor = _3 === void 0 ? config_1.DEFAULT_HEADER_ACTIVE_TABLE_BG : _3, _4 = props.headerTableSelectedBackgroundColor, headerTableSelectedBackgroundColor = _4 === void 0 ? config_1.DEFAULT_HEADER_SELECTED_TABLE_BG : _4, _5 = props.frozenShadowColor, frozenShadowColor = _5 === void 0 ? headerBorderColor : _5, _6 = props.frozenShadowThickness, frozenShadowThickness = _6 === void 0 ? 1 : _6, _7 = props.selectionBackgroundColor, selectionBackgroundColor = _7 === void 0 ? config_1.SELECTION_BG : _7, _8 = props.selectionBorderColor, selectionBorderColor = _8 === void 0 ? config_1.SELECTION_BORDER : _8, _9 = props.selectionDragBorderColor, selectionDragBorderColor = _9 === void 0 ? config_1.SELECTION_BORDER : _9, chartSelectedColor = props.chartSelectedColor, _10 = props.chipBackgroundColor, chipBackgroundColor = _10 === void 0 ? config_1.CHIP_COLOR : _10, _11 = props.merges, merges = _11 === void 0 ? config_1.DEFAULT_ARRAY : _11, borderStyles = props.borderStyles, protectedRanges = props.protectedRanges, _12 = props.isWorkbookProtected, isWorkbookProtectedProp = _12 === void 0 ? false : _12, getSheetProtection = props.getSheetProtection, pivotTables = props.pivotTables, charts = props.charts, onUpdateChart = props.onUpdateChart, onChangeZOrder = props.onChangeZOrder, embeds = props.embeds, slicers = props.slicers, _13 = props.rowMetadata, rowMetadata = _13 === void 0 ? config_1.DEFAULT_ARRAY : _13, _14 = props.columnMetadata, columnMetadata = _14 === void 0 ? config_1.DEFAULT_ARRAY : _14, _15 = props.scale, scale = _15 === void 0 ? 1 : _15, _16 = props.zoomSpeed, zoomSpeed = _16 === void 0 ? 1 : _16, _17 = props.overscanCount, overscanCount = _17 === void 0 ? 3 : _17, _18 = props.enableEditOnEnterKey, enableEditOnEnterKey = _18 === void 0 ? true : _18, _19 = props.enableTextOverflow, enableTextOverflow = _19 === void 0 ? true : _19, _showGridLines = props.showGridLines, _20 = props.showFormulas, showFormulas = _20 === void 0 ? false : _20, _21 = props.protectFormulas, protectFormulas = _21 === void 0 ? false : _21, _22 = props.showFrozenSeparator, showFrozenSeparator = _22 === void 0 ? true : _22, _23 = props.HeaderCell, HeaderCell = _23 === void 0 ? header_cell_1.HeaderCell : _23, _24 = props.Cell, Cell = _24 === void 0 ? cell_1.Cell : _24, _25 = props.SelectionTitleComponent, SelectionTitleComponent = _25 === void 0 ? title_1.SelectionTitle : _25, _26 = props.CellEditor, CellEditor = _26 === void 0 ? cell_editor_1.CellEditor : _26, CellTooltip = props.CellTooltip, _27 = props.ContextMenu, ContextMenu = _27 === void 0 ? context_menu_1.ContextMenu : _27, _28 = props.ContextMenuWrapper, ContextMenuWrapper = _28 === void 0 ? use_context_menu_1.DefaultContextMenuWrapper : _28, _29 = props.FilterBox, FilterBox = _29 === void 0 ? filter_box_1.FilterBox : _29, _30 = props.HeaderMoveDragComponent, HeaderMoveDragComponent = _30 === void 0 ? header_move_1.HeaderMoveDragComponent : _30, SuggestionsDropdown = props.SuggestionsDropdown, _31 = props.stickyEditor, stickyEditor = _31 === void 0 ? true : _31, _32 = props.scrollSnap, scrollSnap = _32 === void 0 ? false : _32, scrollThrottleTimeout = props.scrollThrottleTimeout, preventBrowserDefaultScroll = props.preventBrowserDefaultScroll, _33 = props.mouseMoveThrottleTimeout, mouseMoveThrottleTimeout = _33 === void 0 ? 60 : _33, _34 = props.tooltipIntentInterval, tooltipIntentInterval = _34 === void 0 ? 60 : _34, selectionPolicy = props.selectionPolicy, users = props.users, userId = props.userId, renderCollaboratorCursor = props.renderCollaboratorCursor, functionDescriptions = props.functionDescriptions, _35 = props.showHeaderMenuButton, showHeaderMenuButton = _35 === void 0 ? true : _35, _36 = props.scrollbarSize, scrollbarSize = _36 === void 0 ? config_1.SCROLLBAR_SIZE : _36, _37 = props.theme, theme = _37 === void 0 ? config_1.defaultSpreadsheetTheme : _37, _38 = props.showNotes, showNotes = _38 === void 0 ? true : _38, _39 = props.showComments, showComments = _39 === void 0 ? true : _39, locale = props.locale, formulaLocaleProp = props.formulaLocale, agentSuggestions = props.agentSuggestions, onReviewSuggestion = props.onReviewSuggestion, onShowFormulas = props.onShowFormulas, getDataRowCount = props.getDataRowCount, getChartComponent = props.getChartComponent, getEmbedComponent = props.getEmbedComponent, getSlicerComponent = props.getSlicerComponent, onChange = props.onChange, onChangeBatch = props.onChangeBatch, onExpandCollapse = props.onExpandCollapse, onPivotDrillDown = props.onPivotDrillDown, onDelete = props.onDelete, onChangeEditorValue = props.onChangeEditorValue, onFill = props.onFill, onRequestCalculate = props.onRequestCalculate, onChangeActiveCell = props.onChangeActiveCell, onChangeActiveSheet = props.onChangeActiveSheet, onChangeSelections = props.onChangeSelections, getSheetName = props.getSheetName, getSheetId = props.getSheetId, getCellData = props.getCellData, getNoteProp = props.getNote, getTextFormatRuns = props.getTextFormatRuns, getDataValidation = props.getDataValidation, getEffectiveFormat = props.getEffectiveFormat, getFormattedValueProp = props.getFormattedValue, getTooltipContent = props.getTooltipContent, errorResolutionComponent = props.errorResolutionComponent, getEffectiveValueProp = props.getEffectiveValue, getSparklineGroup = props.getSparklineGroup, getUserEnteredExtendedValue = props.getUserEnteredExtendedValue, getEffectiveExtendedValue = props.getEffectiveExtendedValue, getSheetRowCount = props.getSheetRowCount, getSheetColumnCount = props.getSheetColumnCount, getCellPopoverContent = props.getCellPopoverContent, onScroll = props.onScroll, onViewPortChange = props.onViewPortChange, _40 = props.windowConditionalFormats, windowConditionalFormats = _40 === void 0 ? false : _40, _41 = props.engineConditionalFormatResults, engineConditionalFormatResults = _41 === void 0 ? false : _41, onResize = props.onResize, onAutoResize = props.onAutoResize, onHideColumn = props.onHideColumn, onHideRow = props.onHideRow, onShowColumn = props.onShowColumn, onShowRow = props.onShowRow, onGroupRows = props.onGroupRows, onUngroupRows = props.onUngroupRows, onCollapseRowGroup = props.onCollapseRowGroup, onExpandRowGroup = props.onExpandRowGroup, onGroupColumns = props.onGroupColumns, onUngroupColumns = props.onUngroupColumns, onCollapseColumnGroup = props.onCollapseColumnGroup, onExpandColumnGroup = props.onExpandColumnGroup, onSetOutlineDepth = props.onSetOutlineDepth, onDeleteRow = props.onDeleteRow, onDeleteColumn = props.onDeleteColumn, onInsertRow = props.onInsertRow, onInsertColumn = props.onInsertColumn, onChangeAutoExpandTables = props.onChangeAutoExpandTables, onChangeAutoCalculatedColumns = props.onChangeAutoCalculatedColumns, onInsertCellsShiftDown = props.onInsertCellsShiftDown, onInsertCellsShiftRight = props.onInsertCellsShiftRight, onDeleteCellsShiftLeft = props.onDeleteCellsShiftLeft, onDeleteCellsShiftUp = props.onDeleteCellsShiftUp, onClearContents = props.onClearContents, onMoveColumns = props.onMoveColumns, onMoveRows = props.onMoveRows, onSelectNextSheet = props.onSelectNextSheet, onSelectPreviousSheet = props.onSelectPreviousSheet, onCreateNewSheet = props.onCreateNewSheet, onKeyDown = props.onKeyDown, onChangeFormatting = props.onChangeFormatting, onRepeatFormatting = props.onRepeatFormatting, onClearFormatting = props.onClearFormatting, onRequestEditProtectedRange = props.onRequestEditProtectedRange, onMoveChart = props.onMoveChart, onResizeChart = props.onResizeChart, onDeleteChart = props.onDeleteChart, onCutChart = props.onCutChart, onCopyChart = props.onCopyChart, onMoveEmbed = props.onMoveEmbed, onResizeEmbed = props.onResizeEmbed, onDeleteEmbed = props.onDeleteEmbed, onRequestEditEmbed = props.onRequestEditEmbed, onMoveSlicer = props.onMoveSlicer, onResizeSlicer = props.onResizeSlicer, onDeleteSlicer = props.onDeleteSlicer, onRequestEditSlicer = props.onRequestEditSlicer, onFillRange = props.onFillRange, disableFillRightShortcut = props.disableFillRightShortcut, keymap = props.keymap, onCalculateNow = props.onCalculateNow, onRequestGoTo = props.onRequestGoTo, onMoveSelection = props.onMoveSelection, onInsertCutCells = props.onInsertCutCells, onInsertTime = props.onInsertTime, onInsertDate = props.onInsertDate, onInsertDateTime = props.onInsertDateTime, onInsertAutoSum = props.onInsertAutoSum, onUndo = props.onUndo, onRedo = props.onRedo, onPaste = props.onPaste, onCopy = props.onCopy, onCut = props.onCut, onSortColumn = props.onSortColumn, onSortTable = props.onSortTable, onFilterTable = props.onFilterTable, onFilterPivot = props.onFilterPivot, onResizeTable = props.onResizeTable, onUndoTableAutoExpansion = props.onUndoTableAutoExpansion, onUndoCalculatedColumn = props.onUndoCalculatedColumn, onOverwriteCalculatedColumn = props.onOverwriteCalculatedColumn, onRequestEditTable = props.onRequestEditTable, onRequestEditPivotTable = props.onRequestEditPivotTable, onRequestDeletePivotTable = props.onRequestDeletePivotTable, onRequestCreatePivotChart = props.onRequestCreatePivotChart, onRemoveTable = props.onRemoveTable, onCreateTable = props.onCreateTable, onRequestCreateTable = props.onRequestCreateTable, onInsertTableColumn = props.onInsertTableColumn, onDeleteTableColumn = props.onDeleteTableColumn, onInsertTableRow = props.onInsertTableRow, onDeleteTableRow = props.onDeleteTableRow, onUpdateTable = props.onUpdateTable, onRequestResizeTable = props.onRequestResizeTable, onRequestInsertSlicer = props.onRequestInsertSlicer, onCreateBasicFilter = props.onCreateBasicFilter, onRequestDefineNamedRange = props.onRequestDefineNamedRange, onRequestFormatCells = props.onRequestFormatCells, onRequestConditionalFormat = props.onRequestConditionalFormat, onRequestDataValidation = props.onRequestDataValidation, onRequestInsertComment = props.onRequestInsertComment, onRequestInsertLink = props.onRequestInsertLink, onFreezeColumn = props.onFreezeColumn, onFreezeRow = props.onFreezeRow, onUpdateNote = props.onUpdateNote, onProtectRange = props.onProtectRange, onUnProtectRange = props.onUnProtectRange, onSortRange = props.onSortRange, onRequestSearch = props.onRequestSearch, onRequestReplace = props.onRequestReplace, onRequestResize = props.onRequestResize, _42 = props.getRowHeaderText, getRowHeaderText = _42 === void 0 ? helpers_1.getDefaultRowHeader : _42, _43 = props.getColumnHeaderText, getColumnHeaderText = _43 === void 0 ? helpers_1.getDefaultColumnHeader : _43, getAdditionalCellSpacing = props.getAdditionalCellSpacing, _44 = props.tokenizer, defaultTokenizer = _44 === void 0 ? calculator_1.tokenize : _44, onChangeScale = props.onChangeScale, onRemoveLink = props.onRemoveLink, onSelectLink = props.onSelectLink, onSplitTextToColumns = props.onSplitTextToColumns, onRemoveDuplicates = props.onRemoveDuplicates, onGoalSeek = props.onGoalSeek, onSubtotal = props.onSubtotal, onAdvancedFilter = props.onAdvancedFilter, onRequestExpand = props.onRequestExpand, cellExpandPredicate = props.cellExpandPredicate, _45 = props.StructuredResult, StructuredResult = _45 === void 0 ? cell_structured_1.StructuredResultRenderer : _45, getMentions = props.getMentions, getStructuredPropertiesProp = props.getStructuredProperties, getFunctionParameterSuggestions = props.getFunctionParameterSuggestions, shouldFetchFunctionParameters = props.shouldFetchFunctionParameters, MentionTagComponent = props.MentionTagComponent, MentionDropdownItemComponent = props.MentionDropdownItemComponent, _46 = props.showSelectionResizeHandles, showSelectionResizeHandles = _46 === void 0 ? true : _46, enableMagicFill = props.enableMagicFill, _47 = props.enableQuickEdit, enableQuickEdit = _47 === void 0 ? true : _47, MagicFillComponent = props.MagicFillComponent, MagicFillContent = props.MagicFillContent, QuickEdit = props.QuickEdit, PasteMenu = props.PasteMenu, SuggestionAction = props.SuggestionAction, HiddenRowMarkers = props.HiddenRowMarkers, HiddenColumnMarkers = props.HiddenColumnMarkers, enableResizerOverflow = props.enableResizerOverflow, className = props.className, _48 = props.defaultFontSizePoint, defaultFontSizePoint = _48 === void 0 ? config_1.DEFAULT_FONT_SIZE_PT : _48, readonly = props.readonly, _49 = props.isComparing, isComparing = _49 === void 0 ? false : _49, getCellDiff = props.getCellDiff, enableDataBoundaryNavigation = props.enableDataBoundaryNavigation, footerHeight = props.footerHeight, footerComponent = props.footerComponent, arrowComponents = props.arrowComponents, 
     // Host-driven filter props. `hostHiddenRowRanges`
     // supplies compact [start, end] hidden-row tuples; `getFilterValues` supplies a
     // column's distinct values. Both let a million-row filter render without scanning
@@ -122,7 +133,7 @@ function CanvasGridComponent(props, forwardedRef) {
     // defaults to `getFormattedValue` inside `useGetValuesFromRange`.
     getValidationSourceValue = props.getValidationSourceValue, 
     // Unused props only for api
-    onChangeBorder = props.onChangeBorder, onDuplicateSheet = props.onDuplicateSheet, onCreateConditionalFormattingRule = props.onCreateConditionalFormattingRule, onDeleteConditionalFormattingRule = props.onDeleteConditionalFormattingRule, onUpdateConditionalFormattingRule = props.onUpdateConditionalFormattingRule, onCreateDataValidationRule = props.onCreateDataValidationRule, onUpdateDataValidationRule = props.onUpdateDataValidationRule, onDeleteDataValidationRule = props.onDeleteDataValidationRule, onCreateChart = props.onCreateChart, onDeleteSheet = props.onDeleteSheet, onCreateEmbed = props.onCreateEmbed, onDecreaseIndent = props.onDecreaseIndent, onIncreaseIndent = props.onIncreaseIndent, onChangeTheme = props.onChangeTheme, onChangeDecimals = props.onChangeDecimals, onUpdateSheet = props.onUpdateSheet, onChangeBatchStream = props.onChangeBatchStream, onBlur = props.onBlur, rest = tslib_1.__rest(props, ["licenseKey", "sheetId", "instanceId", "activeCell", "selections", "frozenColumnCount", "frozenRowCount", "rowCount", "columnCount", "autoFocus", "basicFilter", "tables", "namedRanges", "bandedRanges", "tableBorderColor", "filterIconColor", "conditionalFormats", "showFilterIcon", "showCalculatedColumnIcon", "showHeaders", "defaultColumnWidth", "defaultRowHeight", "columnHeaderHeight", "rowHeaderWidth", "gridLineColor", "cellBackgroundColor", "cellColor", "headerBorderColor", "headerBackgroundColor", "headerColor", "headerActiveBackgroundColor", "headerSelectedBackgroundColor", "headerSelectedColor", "headerTableBackgroundColor", "headerTableActiveBackgroundColor", "headerTableSelectedBackgroundColor", "frozenShadowColor", "frozenShadowThickness", "selectionBackgroundColor", "selectionBorderColor", "selectionDragBorderColor", "chartSelectedColor", "chipBackgroundColor", "merges", "borderStyles", "protectedRanges", "isWorkbookProtected", "getSheetProtection", "pivotTables", "charts", "embeds", "slicers", "rowMetadata", "columnMetadata", "scale", "zoomSpeed", "overscanCount", "enableEditOnEnterKey", "enableTextOverflow", "showGridLines", "showFormulas", "protectFormulas", "showFrozenSeparator", "HeaderCell", "Cell", "SelectionTitleComponent", "CellEditor", "CellTooltip", "ContextMenu", "ContextMenuWrapper", "FilterBox", "HeaderMoveDragComponent", "SuggestionsDropdown", "stickyEditor", "scrollSnap", "scrollThrottleTimeout", "preventBrowserDefaultScroll", "mouseMoveThrottleTimeout", "tooltipIntentInterval", "selectionPolicy", "users", "userId", "renderCollaboratorCursor", "functionDescriptions", "showHeaderMenuButton", "scrollbarSize", "theme", "showNotes", "showComments", "locale", "formulaLocale", "agentSuggestions", "onReviewSuggestion", "onShowFormulas", "getDataRowCount", "getChartComponent", "getEmbedComponent", "getSlicerComponent", "onChange", "onChangeBatch", "onExpandCollapse", "onPivotDrillDown", "onDelete", "onChangeEditorValue", "onFill", "onRequestCalculate", "onChangeActiveCell", "onChangeActiveSheet", "onChangeSelections", "getSheetName", "getSheetId", "getCellData", "getNote", "getTextFormatRuns", "getDataValidation", "getEffectiveFormat", "getFormattedValue", "getTooltipContent", "errorResolutionComponent", "getEffectiveValue", "getUserEnteredExtendedValue", "getEffectiveExtendedValue", "getSheetRowCount", "getSheetColumnCount", "getCellPopoverContent", "onScroll", "onViewPortChange", "windowConditionalFormats", "engineConditionalFormatResults", "onResize", "onAutoResize", "onHideColumn", "onHideRow", "onShowColumn", "onShowRow", "onGroupRows", "onUngroupRows", "onCollapseRowGroup", "onExpandRowGroup", "onGroupColumns", "onUngroupColumns", "onCollapseColumnGroup", "onExpandColumnGroup", "onSetOutlineDepth", "onDeleteRow", "onDeleteColumn", "onInsertRow", "onInsertColumn", "onInsertCellsShiftDown", "onInsertCellsShiftRight", "onDeleteCellsShiftLeft", "onDeleteCellsShiftUp", "onClearContents", "onMoveColumns", "onMoveRows", "onSelectNextSheet", "onSelectPreviousSheet", "onCreateNewSheet", "onKeyDown", "onChangeFormatting", "onRepeatFormatting", "onClearFormatting", "onRequestEditProtectedRange", "onMoveChart", "onResizeChart", "onDeleteChart", "onMoveEmbed", "onResizeEmbed", "onDeleteEmbed", "onRequestEditEmbed", "onMoveSlicer", "onResizeSlicer", "onDeleteSlicer", "onRequestEditSlicer", "onFillRange", "disableFillRightShortcut", "keymap", "onCalculateNow", "onRequestGoTo", "onMoveSelection", "onInsertCutCells", "onInsertTime", "onInsertDate", "onInsertDateTime", "onInsertAutoSum", "onUndo", "onRedo", "onPaste", "onCopy", "onCut", "onSortColumn", "onSortTable", "onFilterTable", "onFilterPivot", "onResizeTable", "onRequestEditTable", "onRequestEditPivotTable", "onRequestDeletePivotTable", "onRemoveTable", "onCreateTable", "onInsertTableColumn", "onDeleteTableColumn", "onInsertTableRow", "onDeleteTableRow", "onCreateBasicFilter", "onRequestDefineNamedRange", "onRequestFormatCells", "onRequestConditionalFormat", "onRequestDataValidation", "onRequestInsertComment", "onRequestInsertLink", "onFreezeColumn", "onFreezeRow", "onUpdateNote", "onProtectRange", "onUnProtectRange", "onSortRange", "onRequestSearch", "onRequestReplace", "onRequestResize", "getRowHeaderText", "getColumnHeaderText", "getAdditionalCellSpacing", "tokenizer", "onChangeScale", "onRemoveLink", "onSelectLink", "onSplitTextToColumns", "onRemoveDuplicates", "onGoalSeek", "onSubtotal", "onAdvancedFilter", "onRequestExpand", "cellExpandPredicate", "StructuredResult", "getMentions", "getStructuredProperties", "getFunctionParameterSuggestions", "shouldFetchFunctionParameters", "MentionTagComponent", "MentionDropdownItemComponent", "showSelectionResizeHandles", "enableMagicFill", "enableQuickEdit", "MagicFillComponent", "MagicFillContent", "QuickEdit", "PasteMenu", "SuggestionAction", "HiddenRowMarkers", "HiddenColumnMarkers", "enableResizerOverflow", "className", "defaultFontSizePoint", "readonly", "isComparing", "getCellDiff", "enableDataBoundaryNavigation", "footerHeight", "footerComponent", "arrowComponents", "hostHiddenRowRanges", "getFilterValues", "getFilterColors", "getValidationSourceValue", "onChangeBorder", "onDuplicateSheet", "onCreateConditionalFormattingRule", "onDeleteConditionalFormattingRule", "onUpdateConditionalFormattingRule", "onCreateDataValidationRule", "onUpdateDataValidationRule", "onDeleteDataValidationRule", "onCreateChart", "onDeleteSheet", "onCreateEmbed", "onDecreaseIndent", "onIncreaseIndent", "onChangeTheme", "onChangeDecimals", "onUpdateSheet", "onChangeBatchStream", "onBlur"]);
+    onChangeBorder = props.onChangeBorder, onDuplicateSheet = props.onDuplicateSheet, onCreateConditionalFormattingRule = props.onCreateConditionalFormattingRule, onDeleteConditionalFormattingRule = props.onDeleteConditionalFormattingRule, onUpdateConditionalFormattingRule = props.onUpdateConditionalFormattingRule, onCreateDataValidationRule = props.onCreateDataValidationRule, onUpdateDataValidationRule = props.onUpdateDataValidationRule, onDeleteDataValidationRule = props.onDeleteDataValidationRule, onCreateChart = props.onCreateChart, onDeleteSheet = props.onDeleteSheet, onCreateEmbed = props.onCreateEmbed, onDecreaseIndent = props.onDecreaseIndent, onIncreaseIndent = props.onIncreaseIndent, onChangeTheme = props.onChangeTheme, onChangeDecimals = props.onChangeDecimals, onUpdateSheet = props.onUpdateSheet, onChangeBatchStream = props.onChangeBatchStream, onBlur = props.onBlur, rest = tslib_1.__rest(props, ["licenseKey", "sheetId", "sheetType", "ChartSheetView", "instanceId", "activeCell", "selections", "frozenColumnCount", "frozenRowCount", "rowCount", "columnCount", "autoFocus", "basicFilter", "tables", "namedRanges", "bandedRanges", "tableBorderColor", "filterIconColor", "conditionalFormats", "showFilterIcon", "showCalculatedColumnIcon", "showHeaders", "defaultColumnWidth", "defaultRowHeight", "columnHeaderHeight", "rowHeaderWidth", "gridLineColor", "cellBackgroundColor", "cellColor", "headerBorderColor", "headerBackgroundColor", "headerColor", "headerActiveBackgroundColor", "headerSelectedBackgroundColor", "headerSelectedColor", "headerTableBackgroundColor", "headerTableActiveBackgroundColor", "headerTableSelectedBackgroundColor", "frozenShadowColor", "frozenShadowThickness", "selectionBackgroundColor", "selectionBorderColor", "selectionDragBorderColor", "chartSelectedColor", "chipBackgroundColor", "merges", "borderStyles", "protectedRanges", "isWorkbookProtected", "getSheetProtection", "pivotTables", "charts", "onUpdateChart", "onChangeZOrder", "embeds", "slicers", "rowMetadata", "columnMetadata", "scale", "zoomSpeed", "overscanCount", "enableEditOnEnterKey", "enableTextOverflow", "showGridLines", "showFormulas", "protectFormulas", "showFrozenSeparator", "HeaderCell", "Cell", "SelectionTitleComponent", "CellEditor", "CellTooltip", "ContextMenu", "ContextMenuWrapper", "FilterBox", "HeaderMoveDragComponent", "SuggestionsDropdown", "stickyEditor", "scrollSnap", "scrollThrottleTimeout", "preventBrowserDefaultScroll", "mouseMoveThrottleTimeout", "tooltipIntentInterval", "selectionPolicy", "users", "userId", "renderCollaboratorCursor", "functionDescriptions", "showHeaderMenuButton", "scrollbarSize", "theme", "showNotes", "showComments", "locale", "formulaLocale", "agentSuggestions", "onReviewSuggestion", "onShowFormulas", "getDataRowCount", "getChartComponent", "getEmbedComponent", "getSlicerComponent", "onChange", "onChangeBatch", "onExpandCollapse", "onPivotDrillDown", "onDelete", "onChangeEditorValue", "onFill", "onRequestCalculate", "onChangeActiveCell", "onChangeActiveSheet", "onChangeSelections", "getSheetName", "getSheetId", "getCellData", "getNote", "getTextFormatRuns", "getDataValidation", "getEffectiveFormat", "getFormattedValue", "getTooltipContent", "errorResolutionComponent", "getEffectiveValue", "getSparklineGroup", "getUserEnteredExtendedValue", "getEffectiveExtendedValue", "getSheetRowCount", "getSheetColumnCount", "getCellPopoverContent", "onScroll", "onViewPortChange", "windowConditionalFormats", "engineConditionalFormatResults", "onResize", "onAutoResize", "onHideColumn", "onHideRow", "onShowColumn", "onShowRow", "onGroupRows", "onUngroupRows", "onCollapseRowGroup", "onExpandRowGroup", "onGroupColumns", "onUngroupColumns", "onCollapseColumnGroup", "onExpandColumnGroup", "onSetOutlineDepth", "onDeleteRow", "onDeleteColumn", "onInsertRow", "onInsertColumn", "onChangeAutoExpandTables", "onChangeAutoCalculatedColumns", "onInsertCellsShiftDown", "onInsertCellsShiftRight", "onDeleteCellsShiftLeft", "onDeleteCellsShiftUp", "onClearContents", "onMoveColumns", "onMoveRows", "onSelectNextSheet", "onSelectPreviousSheet", "onCreateNewSheet", "onKeyDown", "onChangeFormatting", "onRepeatFormatting", "onClearFormatting", "onRequestEditProtectedRange", "onMoveChart", "onResizeChart", "onDeleteChart", "onCutChart", "onCopyChart", "onMoveEmbed", "onResizeEmbed", "onDeleteEmbed", "onRequestEditEmbed", "onMoveSlicer", "onResizeSlicer", "onDeleteSlicer", "onRequestEditSlicer", "onFillRange", "disableFillRightShortcut", "keymap", "onCalculateNow", "onRequestGoTo", "onMoveSelection", "onInsertCutCells", "onInsertTime", "onInsertDate", "onInsertDateTime", "onInsertAutoSum", "onUndo", "onRedo", "onPaste", "onCopy", "onCut", "onSortColumn", "onSortTable", "onFilterTable", "onFilterPivot", "onResizeTable", "onUndoTableAutoExpansion", "onUndoCalculatedColumn", "onOverwriteCalculatedColumn", "onRequestEditTable", "onRequestEditPivotTable", "onRequestDeletePivotTable", "onRequestCreatePivotChart", "onRemoveTable", "onCreateTable", "onRequestCreateTable", "onInsertTableColumn", "onDeleteTableColumn", "onInsertTableRow", "onDeleteTableRow", "onUpdateTable", "onRequestResizeTable", "onRequestInsertSlicer", "onCreateBasicFilter", "onRequestDefineNamedRange", "onRequestFormatCells", "onRequestConditionalFormat", "onRequestDataValidation", "onRequestInsertComment", "onRequestInsertLink", "onFreezeColumn", "onFreezeRow", "onUpdateNote", "onProtectRange", "onUnProtectRange", "onSortRange", "onRequestSearch", "onRequestReplace", "onRequestResize", "getRowHeaderText", "getColumnHeaderText", "getAdditionalCellSpacing", "tokenizer", "onChangeScale", "onRemoveLink", "onSelectLink", "onSplitTextToColumns", "onRemoveDuplicates", "onGoalSeek", "onSubtotal", "onAdvancedFilter", "onRequestExpand", "cellExpandPredicate", "StructuredResult", "getMentions", "getStructuredProperties", "getFunctionParameterSuggestions", "shouldFetchFunctionParameters", "MentionTagComponent", "MentionDropdownItemComponent", "showSelectionResizeHandles", "enableMagicFill", "enableQuickEdit", "MagicFillComponent", "MagicFillContent", "QuickEdit", "PasteMenu", "SuggestionAction", "HiddenRowMarkers", "HiddenColumnMarkers", "enableResizerOverflow", "className", "defaultFontSizePoint", "readonly", "isComparing", "getCellDiff", "enableDataBoundaryNavigation", "footerHeight", "footerComponent", "arrowComponents", "hostHiddenRowRanges", "getFilterValues", "getFilterColors", "getValidationSourceValue", "onChangeBorder", "onDuplicateSheet", "onCreateConditionalFormattingRule", "onDeleteConditionalFormattingRule", "onUpdateConditionalFormattingRule", "onCreateDataValidationRule", "onUpdateDataValidationRule", "onDeleteDataValidationRule", "onCreateChart", "onDeleteSheet", "onCreateEmbed", "onDecreaseIndent", "onIncreaseIndent", "onChangeTheme", "onChangeDecimals", "onUpdateSheet", "onChangeBatchStream", "onBlur"]);
     /**
      * Fire onBlur only when the cell editor blurs to an element outside the
      * spreadsheet. Routed through `useEditable` so we hook the always-focused
@@ -138,7 +149,7 @@ function CanvasGridComponent(props, forwardedRef) {
     var showGridLines = _showGridLines !== null && _showGridLines !== void 0 ? _showGridLines : true;
     var gridRef = (0, react_1.useRef)(null);
     // Hovered cell state (immediate, updated on mousemove)
-    var _49 = tslib_1.__read((0, react_1.useState)(), 2), hoveredCell = _49[0], setHoveredCell = _49[1];
+    var _50 = tslib_1.__read((0, react_1.useState)(), 2), hoveredCell = _50[0], setHoveredCell = _50[1];
     // Delayed hovered cell for tooltips and selection titles
     var delayedHoveredCell = (0, use_delayed_value_1.useDelayedValue)(hoveredCell, tooltipIntentInterval);
     // Text overflow functionality
@@ -230,15 +241,17 @@ function CanvasGridComponent(props, forwardedRef) {
     // Cell editor
     var cellEditorInstance = (0, formula_bar_editor_value_atom_1.useCellEditorInstance)();
     // Paste menu
-    var _50 = tslib_1.__read((0, atoms_1.useShowPasteMenu)(), 2), showPasteMenu = _50[0], setShowPasteMenu = _50[1];
+    var _51 = tslib_1.__read((0, atoms_1.useShowPasteMenu)(), 2), showPasteMenu = _51[0], setShowPasteMenu = _51[1];
     // Auto Fill Options smart tag / right-drag fill menu + Series dialog
-    var _51 = tslib_1.__read((0, atoms_1.useFillOptionsState)(), 2), fillOptions = _51[0], setFillOptions = _51[1];
-    var _52 = tslib_1.__read((0, atoms_1.useInsertOptionsState)(), 2), insertOptions = _52[0], setInsertOptions = _52[1];
+    var _52 = tslib_1.__read((0, atoms_1.useFillOptionsState)(), 2), fillOptions = _52[0], setFillOptions = _52[1];
+    var _53 = tslib_1.__read((0, atoms_1.useInsertOptionsState)(), 2), insertOptions = _53[0], setInsertOptions = _53[1];
+    var _54 = tslib_1.__read((0, atoms_1.useTableAutoExpansionState)(), 2), tableAutoExpansion = _54[0], setTableAutoExpansion = _54[1];
+    var _55 = tslib_1.__read((0, atoms_1.useCalculatedColumnFillState)(), 2), calculatedColumnFill = _55[0], setCalculatedColumnFill = _55[1];
     var openFillSeriesDialog = (0, atoms_1.useOpenFillSeriesDialog)();
     // Shared state
     var formulaMode = (0, atoms_1.useFormulaModeValue)();
     var formulaSelections = (0, formula_selections_atom_1.useFormulaSelections)();
-    var _53 = tslib_1.__read((0, editing_cell_atom_1.useEditingCell)(), 2), editingCellCoordinate = _53[0], setEditingCellCoordinate = _53[1];
+    var _56 = tslib_1.__read((0, editing_cell_atom_1.useEditingCell)(), 2), editingCellCoordinate = _56[0], setEditingCellCoordinate = _56[1];
     var setFormulabarEditorValue = (0, formula_bar_editor_value_atom_1.useSetFormulabarEditorValue)();
     /**
      * The formula SYNTAX the editor / formula bar speak (rowsncolumns/spreadsheet#655): Excel follows
@@ -254,7 +267,7 @@ function CanvasGridComponent(props, forwardedRef) {
     var setFormulaState = (0, formula_selection_state_atom_1.useSetFormulaSelectionState)();
     var activeEditor = (0, active_editor_atom_1.useActiveEditor)();
     // Magic fill state
-    var _54 = tslib_1.__read((0, magic_fill_state_atom_1.useQuickEditState)(), 2), quickEditValues = _54[0], setQuickEditState = _54[1];
+    var _57 = tslib_1.__read((0, magic_fill_state_atom_1.useQuickEditState)(), 2), quickEditValues = _57[0], setQuickEditState = _57[1];
     var setNoteEditorCell = (0, atoms_1.useSetNoteEditorCell)();
     var setPinnedTooltip = (0, atoms_1.useSetPinnedTooltip)();
     var setSpreadsheetApi = (0, spreadsheet_api_atom_1.useSetSpreadsheetApi)();
@@ -265,7 +278,7 @@ function CanvasGridComponent(props, forwardedRef) {
     var instanceStore = (0, jotai_1.useStore)({ store: spreadsheet_provider_1.multiInstanceStore });
     // To access closures
     var hoveredCellRef = (0, use_stable_ref_1.useStableRef)(hoveredCell);
-    var _55 = tslib_1.__read((0, use_resize_observer_1.useResizeObserver)(), 2), gridContainerRef = _55[0], _56 = _55[1], width = _56.width, height = _56.height;
+    var _58 = tslib_1.__read((0, use_resize_observer_1.useResizeObserver)(), 2), gridContainerRef = _58[0], _59 = _58[1], width = _59.width, height = _59.height;
     var defaultFrozenDims = showHeaders ? 1 : 0;
     var frozenRows = Math.max(defaultFrozenDims, (frozenRowCount !== null && frozenRowCount !== void 0 ? frozenRowCount : 0) + defaultFrozenDims);
     var frozenColumns = Math.max(defaultFrozenDims, (frozenColumnCount !== null && frozenColumnCount !== void 0 ? frozenColumnCount : 0) + defaultFrozenDims);
@@ -277,9 +290,9 @@ function CanvasGridComponent(props, forwardedRef) {
     var sheetRowCount = Math.min(config_1.MAX_ROW_COUNT + 1, rowCount + 1);
     var sheetColumnCount = Math.min(config_1.MAX_COLUMN_COUNT + 1, columnCount + 1);
     // License key validator
-    var _57 = tslib_1.__read((0, use_licensekey_validator_1.useLicenseKeyValidator)({
+    var _60 = tslib_1.__read((0, use_licensekey_validator_1.useLicenseKeyValidator)({
         licenseKey: licenseKey,
-    }), 3), _ = _57[0], licenseType = _57[1], validatorResult = _57[2];
+    }), 3), _ = _60[0], licenseType = _60[1], validatorResult = _60[2];
     var isRestricted = licenseType === "solo";
     // Grid line width
     var gridLineWidth = 1 * scale;
@@ -593,6 +606,15 @@ function CanvasGridComponent(props, forwardedRef) {
     var tableHeaderCells = (0, react_1.useMemo)(function () {
         return (0, helpers_1.getTableHeaderCells)(activeTables, basicFilter);
     }, [activeTables, basicFilter]);
+    /** A cell on a table's totals row (its in-cell arrow opens the function picker). */
+    var isTableTotalsCell = (0, react_1.useCallback)(function (rowIndex, columnIndex) {
+        return !!(activeTables === null || activeTables === void 0 ? void 0 : activeTables.some(function (table) {
+            return table.totalRow &&
+                rowIndex === table.range.endRowIndex &&
+                columnIndex >= table.range.startColumnIndex &&
+                columnIndex <= table.range.endColumnIndex;
+        }));
+    }, [activeTables]);
     /**
      * Retrieve banded cells
      */
@@ -621,6 +643,13 @@ function CanvasGridComponent(props, forwardedRef) {
         lastScheduledScrollRef.current = Date.now();
         (_a = gridRef.current) === null || _a === void 0 ? void 0 : _a.scrollToCell(cell, align);
     }, []);
+    // Excel scrolls to a chart / picture it has just inserted or restored.
+    var scrollToChart = (0, use_reveal_chart_embed_1.useRevealChartEmbed)({
+        charts: charts,
+        embeds: embeds,
+        sheetId: sheetId,
+        scrollToCell: scrollToCell,
+    });
     /**
      * Scroll to bottom of the sheet
      */
@@ -767,16 +796,20 @@ function CanvasGridComponent(props, forwardedRef) {
      * Focus sheet
      */
     var focusSheet = (0, use_raf_1.useRaf)(function () {
+        var _a;
         // Only suppress refocus when we're certain focus moved to a focusable
         // element outside the grid (e.g. another asset pane in a split view).
         // Mirrors the relatedTarget-outside-grid guard in handleEditorBlur. A
         // user gesture on the grid focuses the tabIndex=0 container first, so
         // this only suppresses render-driven refocus; a null container ref
         // (mid mount/unmount) falls through to the original focus behavior.
-        var activeElement = grid_2.canUseDOM ? document.activeElement : null;
+        // The grid may render into a popout window: read focus from its own
+        // document, never from the bundle's global one.
+        var ownerDocument = (0, grid_2.getOwnerDocument)(gridContainerRef.current);
+        var activeElement = (_a = ownerDocument === null || ownerDocument === void 0 ? void 0 : ownerDocument.activeElement) !== null && _a !== void 0 ? _a : null;
         var gridContainer = gridContainerRef.current;
         if (activeElement &&
-            activeElement !== document.body &&
+            activeElement !== (ownerDocument === null || ownerDocument === void 0 ? void 0 : ownerDocument.body) &&
             gridContainer &&
             !gridContainer.contains(activeElement)) {
             return;
@@ -803,7 +836,13 @@ function CanvasGridComponent(props, forwardedRef) {
      */
     var getRelativePositionFromOffset = (0, react_1.useCallback)(function (x, y) {
         var _a;
-        return (_a = gridRef.current) === null || _a === void 0 ? void 0 : _a.getRelativePositionFromOffset(x, y);
+        var grid = gridRef.current;
+        if (grid) {
+            return grid.getRelativePositionFromOffset(x, y);
+        }
+        // A chartsheet mounts no grid; overlays position against the wrapper itself.
+        var rect = (_a = gridContainerRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
+        return rect ? { x: x - rect.left, y: y - rect.top } : undefined;
     }, []);
     /**
      * Get scroll position
@@ -1106,11 +1145,11 @@ function CanvasGridComponent(props, forwardedRef) {
      * Touch support
      * Mainly for scrolling
      */
-    var _58 = (0, use_touch_1.useTouch)({
+    var _61 = (0, use_touch_1.useTouch)({
         scrollTo: scrollTo,
         scale: scale,
         onChangeScale: onChangeScale,
-    }), onTouchStart = _58.onTouchStart, onDimensionsChange = _58.onDimensionsChange, scrollToTouchDevice = _58.scrollToTouchDevice, onAfterScrollToCell = _58.onAfterScrollToCell;
+    }), onTouchStart = _61.onTouchStart, onDimensionsChange = _61.onDimensionsChange, scrollToTouchDevice = _61.scrollToTouchDevice, onAfterScrollToCell = _61.onAfterScrollToCell;
     /**
      * Conditional-formatting evaluation window: the padded, tile-quantized
      * viewport. The raw viewport lives in a ref (no render per scroll frame);
@@ -1118,7 +1157,7 @@ function CanvasGridComponent(props, forwardedRef) {
      * `startTransition` so the CF recompute is low-priority and interruptible —
      * scrolling never blocks on it.
      */
-    var _59 = tslib_1.__read((0, react_1.useState)(cf_window_1.CF_INITIAL_WINDOW), 2), cfWindow = _59[0], setCfWindow = _59[1];
+    var _62 = tslib_1.__read((0, react_1.useState)(cf_window_1.CF_INITIAL_WINDOW), 2), cfWindow = _62[0], setCfWindow = _62[1];
     var cfWindowRef = (0, react_1.useRef)(null);
     var handleViewPortChange = (0, react_1.useCallback)(function (viewport) {
         onViewPortChange === null || onViewPortChange === void 0 ? void 0 : onViewPortChange(viewport);
@@ -1196,7 +1235,7 @@ function CanvasGridComponent(props, forwardedRef) {
      * We are generating conditionalFormatting on the component level,
      */
     var getEffectiveCellFormat = (0, react_1.useCallback)(function (sheetId, rowIndex, columnIndex) {
-        var _a, _b, _c, _d, _e, _f, _g, _h;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
         var cellFormat = getCellFormat(sheetId, rowIndex, columnIndex);
         var isHyperlink = Boolean(getHyperlink(sheetId, rowIndex, columnIndex));
         var conditionalCellFormat = getConditionalCellFormat(sheetId, rowIndex, columnIndex);
@@ -1234,14 +1273,14 @@ function CanvasGridComponent(props, forwardedRef) {
         // time — `uf.textFormat.underline` is merged on top below, so a user
         // who explicitly sets underline=false still wins.
         var defaultTextFormat = {
-            bold: isTableHeader(rowIndex, columnIndex) &&
+            bold: (_f = (_e = bandedCellFormat === null || bandedCellFormat === void 0 ? void 0 : bandedCellFormat.textFormat) === null || _e === void 0 ? void 0 : _e.bold) !== null && _f !== void 0 ? _f : (isTableHeader(rowIndex, columnIndex) &&
                 isTableHeaderThemed(rowIndex, columnIndex)
                 ? true
-                : undefined,
+                : undefined),
             fontFamily: theme.primaryFontFamily,
             color: isHyperlink
                 ? theme.themeColors.hyperlink
-                : (_g = (_f = patternColor !== null && patternColor !== void 0 ? patternColor : (_e = bandedCellFormat === null || bandedCellFormat === void 0 ? void 0 : bandedCellFormat.textFormat) === null || _e === void 0 ? void 0 : _e.color) !== null && _f !== void 0 ? _f : conditionalFormatColor) !== null && _g !== void 0 ? _g : (0, themes_1.getStringifiedColor)(cellColor, theme),
+                : (_j = (_h = patternColor !== null && patternColor !== void 0 ? patternColor : (_g = bandedCellFormat === null || bandedCellFormat === void 0 ? void 0 : bandedCellFormat.textFormat) === null || _g === void 0 ? void 0 : _g.color) !== null && _h !== void 0 ? _h : conditionalFormatColor) !== null && _j !== void 0 ? _j : (0, themes_1.getStringifiedColor)(cellColor, theme),
             underline: isHyperlink ? true : undefined,
         };
         var mergedFormat = (0, merge_1.default)({
@@ -1252,7 +1291,7 @@ function CanvasGridComponent(props, forwardedRef) {
         // hyperlink color.
         if (patternColor &&
             !isHyperlink &&
-            !((_h = conditionalCellFormat === null || conditionalCellFormat === void 0 ? void 0 : conditionalCellFormat.textFormat) === null || _h === void 0 ? void 0 : _h.color)) {
+            !((_k = conditionalCellFormat === null || conditionalCellFormat === void 0 ? void 0 : conditionalCellFormat.textFormat) === null || _k === void 0 ? void 0 : _k.color)) {
             mergedFormat.textFormat = tslib_1.__assign(tslib_1.__assign({}, mergedFormat.textFormat), { color: patternColor });
         }
         return tslib_1.__assign(tslib_1.__assign({}, bandedCellFormat), mergedFormat);
@@ -1364,14 +1403,14 @@ function CanvasGridComponent(props, forwardedRef) {
         tokenizer: formulaLocale.isCanonical ? defaultTokenizer : localeTokenizerBase,
     });
     // Helper function to convert a selection to readable selection address
-    var _60 = tslib_1.__read((0, use_create_address_from_selection_1.useCreateAddressFromSelection)({
+    var _63 = tslib_1.__read((0, use_create_address_from_selection_1.useCreateAddressFromSelection)({
         sheetId: sheetId,
         rowCount: rowCount,
         columnCount: columnCount,
         tables: tables !== null && tables !== void 0 ? tables : undefined,
         namedRanges: namedRanges !== null && namedRanges !== void 0 ? namedRanges : undefined,
         merges: merges,
-    }), 2), getAddressFromSelection = _60[0], getR1C1AddressFromSelection = _60[1];
+    }), 2), getAddressFromSelection = _63[0], getR1C1AddressFromSelection = _63[1];
     /**
      * Exports a data region as image
      */
@@ -1417,7 +1456,7 @@ function CanvasGridComponent(props, forwardedRef) {
      * Get user entered value from a range
      * of cells
      */
-    var _61 = tslib_1.__read((0, use_get_values_from_range_1.useGetValuesFromRange)({
+    var _64 = tslib_1.__read((0, use_get_values_from_range_1.useGetValuesFromRange)({
         sheetId: sheetId,
         getSelectionsFromFormula: getSelectionsFromFormula,
         getFormattedValue: getFormattedValue,
@@ -1425,7 +1464,7 @@ function CanvasGridComponent(props, forwardedRef) {
         getSheetId: getSheetId,
         onRequestCalculate: onRequestCalculate,
         getValidationSourceValue: getValidationSourceValue,
-    }), 3), getFormattedValuesFromAddress = _61[0], getEffectiveValuesFromRange = _61[1], getFormattedValuesFromAddressAsync = _61[2];
+    }), 3), getFormattedValuesFromAddress = _64[0], getEffectiveValuesFromRange = _64[1], getFormattedValuesFromAddressAsync = _64[2];
     /**
      * Get all formatted values from range as a single 1d array
      */
@@ -1762,7 +1801,7 @@ function CanvasGridComponent(props, forwardedRef) {
      * O(n)
      * Reduces Space Complexity by using `all`
      */
-    var _62 = tslib_1.__read((0, use_selected_rows_columns_1.useSelectedRowsColumns)({
+    var _65 = tslib_1.__read((0, use_selected_rows_columns_1.useSelectedRowsColumns)({
         activeCell: activeCell,
         selections: selections,
         selectionLeftBound: selectionLeftBound,
@@ -1770,7 +1809,7 @@ function CanvasGridComponent(props, forwardedRef) {
         rowCount: rowCount,
         columnCount: columnCount,
         getCellBounds: getCellBounds,
-    }), 6), selectedRows = _62[0], selectedColumns = _62[1], selectedRowHeaders = _62[2], selectedColumnHeaders = _62[3], selectedRowHeadersIds = _62[4], selectedColumnHeadersIds = _62[5];
+    }), 6), selectedRows = _65[0], selectedColumns = _65[1], selectedRowHeaders = _65[2], selectedColumnHeaders = _65[3], selectedRowHeadersIds = _65[4], selectedColumnHeadersIds = _65[5];
     // Named ranges for editor dropdown
     var getNamedRanges = (0, use_callback_ref_1.useCallbackRef)((0, react_1.useCallback)(function () {
         return namedRanges === null || namedRanges === void 0 ? void 0 : namedRanges.map(function (range) { return ({
@@ -1840,7 +1879,7 @@ function CanvasGridComponent(props, forwardedRef) {
      * user can select entire column or row when selecting
      * header cells
      */
-    var _63 = (0, use_selection_interceptors_1.useSelectionInterceptors)({
+    var _66 = (0, use_selection_interceptors_1.useSelectionInterceptors)({
         sheetId: sheetId,
         rowCount: rowCount,
         columnCount: columnCount,
@@ -1856,7 +1895,7 @@ function CanvasGridComponent(props, forwardedRef) {
         onChangeActiveCell: onChangeActiveCell,
         scrollToCell: scrollToCell,
         isMergedCell: isMergedCell,
-    }), onMouseDownInterceptor = _63.onMouseDownInterceptor, onMouseMoveInterceptor = _63.onMouseMoveInterceptor;
+    }), onMouseDownInterceptor = _66.onMouseDownInterceptor, onMouseMoveInterceptor = _66.onMouseMoveInterceptor;
     /**
      * When user selections full rows
      * or columns, we have to ignore
@@ -1888,7 +1927,8 @@ function CanvasGridComponent(props, forwardedRef) {
         /* Data validation arrow */
         var dataValidation = getDataValidationRule(sheetId, rowIndex, columnIndex);
         var additionalCellSpacing = (_a = getAdditionalCellSpacing === null || getAdditionalCellSpacing === void 0 ? void 0 : getAdditionalCellSpacing(sheetId, rowIndex, columnIndex)) !== null && _a !== void 0 ? _a : 0;
-        var showArrow = (0, validation_1.showValidationDropdownArrow)(dataValidation);
+        var showArrow = (0, validation_1.showValidationDropdownArrow)(dataValidation) ||
+            isTableTotalsCell(rowIndex, columnIndex);
         var showChip = getCellMetaType(sheetId, rowIndex, columnIndex) === "people";
         var _d = tslib_1.__read(getCellGroupingInfo(sheetId, rowIndex, columnIndex), 1), expandable = _d[0];
         var iconSpacing = config_1.DEFAULT_CELL_SPACING;
@@ -1938,13 +1978,14 @@ function CanvasGridComponent(props, forwardedRef) {
         getCellGroupingInfo,
         getAdditionalCellSpacing,
         getEffectiveCellFormat,
+        isTableTotalsCell,
     ]);
     /**
      * Column resizer
      * Enables auto resizing
      * rows and columns
      */
-    var _64 = (0, use_sizer_1.useSizer)({
+    var _67 = (0, use_sizer_1.useSizer)({
         frozenRows: frozenRows,
         frozenColumns: frozenColumns,
         scale: scale,
@@ -1967,7 +2008,7 @@ function CanvasGridComponent(props, forwardedRef) {
         getDataRowCount: getDataRowCount,
         fontSize: defaultFontSizePoint,
         resizeStrategy: "full",
-    }), getColumnWidth = _64.getColumnWidth, getRowHeight = _64.getRowHeight, getCellDimensions = _64.getCellDimensions, getCellDimensionsStable = _64.getCellDimensionsStable, getTextDimension = _64.getTextDimension;
+    }), getColumnWidth = _67.getColumnWidth, getRowHeight = _67.getRowHeight, getCellDimensions = _67.getCellDimensions, getCellDimensionsStable = _67.getCellDimensionsStable, getTextDimension = _67.getTextDimension;
     /**
      * Called when user tries to
      * autofit a column or row
@@ -1987,14 +2028,19 @@ function CanvasGridComponent(props, forwardedRef) {
     ]);
     /* Check if sheet is focused */
     var isSheetFocused = (0, react_1.useCallback)(function () {
-        return grid_2.canUseDOM ? document.activeElement === (cellEditorInstance === null || cellEditorInstance === void 0 ? void 0 : cellEditorInstance.el()) : false;
+        var _a;
+        var editorElement = cellEditorInstance === null || cellEditorInstance === void 0 ? void 0 : cellEditorInstance.el();
+        if (!editorElement) {
+            return false;
+        }
+        return ((_a = (0, grid_2.getOwnerDocument)(editorElement)) === null || _a === void 0 ? void 0 : _a.activeElement) === editorElement;
     }, [cellEditorInstance]);
     /**
      * Get Cell Editor
      */
     var getEditor = (0, react_1.useCallback)(function (props) {
-        var _a = props.cell, cell = _a === void 0 ? spreadsheet_state_1.defaultCellCoords : _a, sheetId = props.sheetId, _b = props.editingSheetId, editingSheetId = _b === void 0 ? sheetId : _b;
-        var _c = cell !== null && cell !== void 0 ? cell : spreadsheet_state_1.defaultCellCoords, rowIndex = _c.rowIndex, columnIndex = _c.columnIndex;
+        var _a = props.cell, cell = _a === void 0 ? defaultCellCoords : _a, sheetId = props.sheetId, _b = props.editingSheetId, editingSheetId = _b === void 0 ? sheetId : _b;
+        var _c = cell !== null && cell !== void 0 ? cell : defaultCellCoords, rowIndex = _c.rowIndex, columnIndex = _c.columnIndex;
         var cellFormat = !(0, utils_1.isNil)(props.editingSheetId)
             ? getEffectiveCellFormat(props.editingSheetId, rowIndex, columnIndex)
             : undefined;
@@ -2041,7 +2087,7 @@ function CanvasGridComponent(props, forwardedRef) {
     /**
      * Popover cell
      */
-    var _65 = (0, use_cell_popover_1.useCellPopover)({
+    var _68 = (0, use_cell_popover_1.useCellPopover)({
         sheetId: sheetId,
         getCellPopoverContent: getCellPopoverContent !== null && getCellPopoverContent !== void 0 ? getCellPopoverContent : getFormattedValue,
         getCellOffsetFromCoords: getCellOffsetFromCoords,
@@ -2049,7 +2095,7 @@ function CanvasGridComponent(props, forwardedRef) {
         isFrozenColumn: isFrozenColumn,
         isFrozenRow: isFrozenRow,
         onChangeActiveSheet: onChangeActiveSheet,
-    }), popoverComponent = _65.popoverComponent, popoverRange = _65.popoverRange, showCellPopover = _65.showCellPopover, hideCellPopover = _65.hideCellPopover;
+    }), popoverComponent = _68.popoverComponent, popoverRange = _68.popoverRange, showCellPopover = _68.showCellPopover, hideCellPopover = _68.hideCellPopover;
     /**
      * Get tooltip component of a cell
      * Only error, invalid values are
@@ -2279,6 +2325,103 @@ function CanvasGridComponent(props, forwardedRef) {
     (0, react_1.useEffect)(function () {
         setInsertOptions(null);
     }, [activeCell.rowIndex, activeCell.columnIndex, sheetId, setInsertOptions]);
+    /**
+     * Excel's AutoCorrect smart tag after a table auto-expanded. "Undo Table
+     * AutoExpansion" resizes the table back to its pre-growth range and clears
+     * what the growth wrote (calculated-column formulas, generated headers,
+     * inherited formats) in one undo step — the user's own value stays, like
+     * Excel; "Stop Automatically Expanding Tables" hands the option to the host.
+     */
+    var handleChooseTableAutoExpansionOption = (0, react_1.useCallback)(function (option) {
+        if (!tableAutoExpansion)
+            return;
+        if (option === "undo") {
+            if (onUndoTableAutoExpansion) {
+                onUndoTableAutoExpansion(tableAutoExpansion);
+            }
+            else {
+                var table = tables === null || tables === void 0 ? void 0 : tables.find(function (candidate) {
+                    return candidate.id === tableAutoExpansion.tableId &&
+                        candidate.sheetId === tableAutoExpansion.sheetId;
+                });
+                if (table) {
+                    onResizeTable === null || onResizeTable === void 0 ? void 0 : onResizeTable(tableAutoExpansion.sheetId, table, tableAutoExpansion.previousRange);
+                }
+            }
+        }
+        else {
+            onChangeAutoExpandTables === null || onChangeAutoExpandTables === void 0 ? void 0 : onChangeAutoExpandTables(false);
+        }
+        setTableAutoExpansion(null);
+        focusSheet();
+    }, [
+        tableAutoExpansion,
+        tables,
+        onResizeTable,
+        onUndoTableAutoExpansion,
+        onChangeAutoExpandTables,
+        setTableAutoExpansion,
+        focusSheet,
+    ]);
+    // The tag survives the commit's own cursor advance (Enter / Tab) and any cell
+    // of the grown table; moving anywhere else, or switching sheet, drops it.
+    (0, react_1.useEffect)(function () {
+        if (tableAutoExpansion &&
+            !(0, table_auto_expansion_1.keepsTableAutoExpansionTag)(tableAutoExpansion, sheetId, activeCell)) {
+            setTableAutoExpansion(null);
+        }
+    }, [
+        tableAutoExpansion,
+        activeCell.rowIndex,
+        activeCell.columnIndex,
+        activeCell,
+        sheetId,
+        setTableAutoExpansion,
+    ]);
+    /**
+     * Excel's AutoCorrect smart tag after a formula typed into a table column.
+     * "Undo Calculated Column" reverts the fill alone (the typed cell keeps its
+     * formula); "Overwrite all cells in this column with this formula" fills the
+     * column over the cells that kept it from filling; "Stop automatically
+     * creating calculated columns" hands the option to the host.
+     */
+    var handleChooseCalculatedColumnOption = (0, react_1.useCallback)(function (option) {
+        if (!calculatedColumnFill)
+            return;
+        if (option === "undo") {
+            onUndoCalculatedColumn === null || onUndoCalculatedColumn === void 0 ? void 0 : onUndoCalculatedColumn(calculatedColumnFill);
+        }
+        else if (option === "overwrite") {
+            onOverwriteCalculatedColumn === null || onOverwriteCalculatedColumn === void 0 ? void 0 : onOverwriteCalculatedColumn(calculatedColumnFill);
+        }
+        else {
+            onChangeAutoCalculatedColumns === null || onChangeAutoCalculatedColumns === void 0 ? void 0 : onChangeAutoCalculatedColumns(false);
+        }
+        setCalculatedColumnFill(null);
+        focusSheet();
+    }, [
+        calculatedColumnFill,
+        onUndoCalculatedColumn,
+        onOverwriteCalculatedColumn,
+        onChangeAutoCalculatedColumns,
+        setCalculatedColumnFill,
+        focusSheet,
+    ]);
+    // The tag survives the commit's own cursor advance and any cell of the
+    // column; moving anywhere else, or switching sheet, drops it.
+    (0, react_1.useEffect)(function () {
+        if (calculatedColumnFill &&
+            !(0, calculated_column_fill_1.keepsCalculatedColumnTag)(calculatedColumnFill, sheetId, activeCell)) {
+            setCalculatedColumnFill(null);
+        }
+    }, [
+        calculatedColumnFill,
+        activeCell.rowIndex,
+        activeCell.columnIndex,
+        activeCell,
+        sheetId,
+        setCalculatedColumnFill,
+    ]);
     /**
      * Run Excel's Series dialog result: the target range's first row (Series
      * in Columns) / first column (Rows) is the seed line; `stop` may shrink or
@@ -2371,7 +2514,7 @@ function CanvasGridComponent(props, forwardedRef) {
     /**
      * Handle grid selections
      */
-    var _66 = (0, use_selection_1.useSelection)({
+    var _69 = (0, use_selection_1.useSelection)({
         sheetId: sheetId,
         getDataRowCount: getDataRowCount,
         enableDataBoundaryNavigation: enableDataBoundaryNavigation,
@@ -2410,11 +2553,13 @@ function CanvasGridComponent(props, forwardedRef) {
         isColumnHeader: isColumnHeader,
         isTouchDevice: helpers_1.isTouchDevice,
         dataRegionBoundaries: dataRegionBoundaries,
-    }), onMouseDownSelection = _66.onMouseDown, onPointerDownSelection = _66.onPointerDown, onKeyDownSelection = _66.onKeyDown, fillSelection = _66.fillSelection, fillShrink = _66.fillShrink, onFillHandleMouseDown = _66.onFillHandleMouseDown, onFillHandleDoubleClick = _66.onFillHandleDoubleClick, isDragging = _66.isDragging, isFilling = _66.isFilling, isSelectionInProgress = _66.isSelectionInProgress, draggedSelection = _66.draggedSelection, onSelectionMouseDown = _66.onSelectionMouseDown, setActiveCell = _66.setActiveCell, initialDraggedSelection = _66.initialDraggedSelection, updateSelectionStartEndReference = _66.updateSelectionStartEndReference, selectColumn = _66.selectColumn, getContentfulGridRangeAroundCell = _66.getContentfulGridRangeAroundCell, newSelection = _66.newSelection, modifySelection = _66.modifySelection, clearSelections = _66.clearSelections;
+        tables: tables,
+        onInsertTableRow: onInsertTableRow,
+    }), onMouseDownSelection = _69.onMouseDown, onPointerDownSelection = _69.onPointerDown, onKeyDownSelection = _69.onKeyDown, fillSelection = _69.fillSelection, fillShrink = _69.fillShrink, onFillHandleMouseDown = _69.onFillHandleMouseDown, onFillHandleDoubleClick = _69.onFillHandleDoubleClick, isDragging = _69.isDragging, isFilling = _69.isFilling, isSelectionInProgress = _69.isSelectionInProgress, draggedSelection = _69.draggedSelection, onSelectionMouseDown = _69.onSelectionMouseDown, setActiveCell = _69.setActiveCell, initialDraggedSelection = _69.initialDraggedSelection, updateSelectionStartEndReference = _69.updateSelectionStartEndReference, selectColumn = _69.selectColumn, getContentfulGridRangeAroundCell = _69.getContentfulGridRangeAroundCell, newSelection = _69.newSelection, modifySelection = _69.modifySelection, clearSelections = _69.clearSelections;
     /**
      * Copy, Paste and Cut hook
      */
-    var _67 = (0, use_copy_paste_cut_1.useCopyPasteCut)({
+    var _70 = (0, use_copy_paste_cut_1.useCopyPasteCut)({
         activeCell: activeCell,
         selections: selections,
         sheetId: sheetId,
@@ -2422,7 +2567,38 @@ function CanvasGridComponent(props, forwardedRef) {
         onPaste: onPaste,
         onCopy: onCopy,
         onCut: onCut,
-    }), copiedSelections = _67.copiedSelections, isCutPending = _67.isCutPending, copiedSheetId = _67.copiedSheetId, cancelCut = _67.cancelCut, clearCopiedSelections = _67.clearCopiedSelections, copy = _67.copy, cut = _67.cut, paste = _67.paste, onInternalCopy = _67.onInternalCopy, onInternalCut = _67.onInternalCut, onInternalPaste = _67.onInternalPaste;
+    }), copiedSelections = _70.copiedSelections, isCutPending = _70.isCutPending, copiedSheetId = _70.copiedSheetId, cancelCut = _70.cancelCut, clearCopiedSelections = _70.clearCopiedSelections, copy = _70.copy, cut = _70.cut, paste = _70.paste, onInternalCopy = _70.onInternalCopy, onInternalCut = _70.onInternalCut, onInternalPaste = _70.onInternalPaste;
+    /**
+     * Ctrl+C / Ctrl+X / Ctrl+V / Ctrl+D on a selected chart. The focused chart is
+     * the target of those events (see `EmbedDraggable`); a paste that lands in the
+     * cell editor while a chart is on the clipboard is claimed here first.
+     */
+    var chartClipboard = (0, use_chart_clipboard_1.useChartClipboard)({
+        sheetId: sheetId,
+        activeCell: activeCell,
+        charts: charts,
+        readonly: readonly,
+        onCreateChart: onCreateChart,
+        onDeleteChart: onDeleteChart,
+        onCopyChart: onCopyChart,
+        onCutChart: onCutChart,
+        focusSheet: focusSheet,
+    });
+    var copyChart = chartClipboard.copyChart, cutChart = chartClipboard.cutChart, pasteChart = chartClipboard.pasteChart, duplicateChart = chartClipboard.duplicateChart, clearChartClipboard = chartClipboard.clearChartClipboard;
+    var handleEditorCopy = (0, react_1.useCallback)(function (e) {
+        clearChartClipboard();
+        onInternalCopy(e);
+    }, [clearChartClipboard, onInternalCopy]);
+    var handleEditorCut = (0, react_1.useCallback)(function (e) {
+        clearChartClipboard();
+        onInternalCut(e);
+    }, [clearChartClipboard, onInternalCut]);
+    var handleEditorPaste = (0, react_1.useCallback)(function (e) {
+        if (pasteChart(e)) {
+            return;
+        }
+        onInternalPaste(e);
+    }, [pasteChart, onInternalPaste]);
     /**
      * Context menu "Insert Cut Cells" (Excel: Ctrl+X, right-click the destination). A cut of
      * whole rows / columns dropped on a row / column header inserts them BEFORE the clicked
@@ -2663,14 +2839,18 @@ function CanvasGridComponent(props, forwardedRef) {
     });
     /**
      * Get bounds of chart overlay
-     * Within the grid body
+     * Within the grid body: from the first cell's top-left corner to the last
+     * row's bottom edge and last column's right edge, so an object can never be
+     * dragged or resized past the sheet (Excel snaps it back inside).
      */
     var getChartBounds = (0, react_1.useCallback)(function () {
         return {
             left: getColumnOffset(1),
             top: getRowOffset(1),
+            right: getColumnOffset(columnCount + 1),
+            bottom: getRowOffset(rowCount + 1),
         };
-    }, [getRowOffset, getColumnOffset]);
+    }, [getRowOffset, getColumnOffset, rowCount, columnCount]);
     // Show notes editor
     var onInsertNote = (0, react_1.useCallback)(function (sheetId, cell) {
         setNoteEditorCell(tslib_1.__assign(tslib_1.__assign({}, cell), { sheetId: sheetId }));
@@ -2709,11 +2889,40 @@ function CanvasGridComponent(props, forwardedRef) {
         });
         focusSheet();
     }, [setQuickEditState, enableQuickEdit, focusSheet]);
+    /**
+     * Opens the cell editor pre-filled (the totals row's "More Functions…").
+     * `editCell` comes from `useEditable` below; this stable wrapper lets the
+     * context menu reach it.
+     */
+    var requestEditCell = (0, use_callback_ref_1.useCallbackRef)(function (targetSheetId, cell, initialValue) {
+        return editCell(targetSheetId, cell, initialValue);
+    });
+    /**
+     * The context menu's table Select items: replace the selection with a
+     * range and park the active cell at its top-left, without scrolling.
+     */
+    var selectRangeFromMenu = (0, react_1.useCallback)(function (targetSheetId, range) {
+        setActiveCell(targetSheetId, { rowIndex: range.startRowIndex, columnIndex: range.startColumnIndex }, false);
+        onChangeSelections === null || onChangeSelections === void 0 ? void 0 : onChangeSelections(targetSheetId, [{ range: range }]);
+    }, [setActiveCell, onChangeSelections]);
+    // Excel's table hit zones (header top edge / corner / row left edge).
+    var _71 = (0, use_table_hit_zones_1.useTableHitZones)({
+        sheetId: sheetId,
+        tables: activeTables,
+        selections: selections,
+        frozenRows: frozenRows,
+        frozenColumns: frozenColumns,
+        getCellCoordsFromOffset: getCellCoordsFromOffset,
+        getRelativePositionFromOffset: getRelativePositionFromOffset,
+        getCellOffsetFromCoords: getCellOffsetFromCoords,
+        getScrollPosition: getScrollPosition,
+        onSelectRange: selectRangeFromMenu,
+    }), tableHitCursor = _71.cursor, onMouseMoveTableHitZones = _71.onMouseMove, onMouseDownTableHitZones = _71.onMouseDown, clearTableHitZone = _71.clearHitZone;
     /**
      * Get context Menu component
      */
     var getContextMenu = (0, react_1.useCallback)(function (cell) {
-        return (react_1.default.createElement(ContextMenu, { activeCell: activeCell, selections: selections, sheetId: sheetId, frozenRows: frozenRows, frozenColumns: frozenColumns, onHideColumn: isRestricted ? undefined : onHideColumn, onShowColumn: isRestricted ? undefined : onShowColumn, onShowRow: isRestricted ? undefined : onShowRow, onHideRow: isRestricted ? undefined : onHideRow, onGroupRows: isRestricted ? undefined : onGroupRows, onUngroupRows: isRestricted ? undefined : onUngroupRows, onGroupColumns: isRestricted ? undefined : onGroupColumns, onUngroupColumns: isRestricted ? undefined : onUngroupColumns, isHiddenColumn: isHiddenColumn, isHiddenRow: isHiddenRow, onDeleteColumn: onDeleteColumn, onDeleteRow: onDeleteRow, onInsertRow: insertRowWithOptions, onInsertColumn: insertColumnWithOptions, rowCount: rowCount, columnCount: columnCount, onInsertCellsShiftDown: onInsertCellsShiftDown, onInsertCellsShiftRight: onInsertCellsShiftRight, onDeleteCellsShiftLeft: onDeleteCellsShiftLeft, onDeleteCellsShiftUp: onDeleteCellsShiftUp, onClearContents: onClearContents, onFreezeColumn: onFreezeColumn, onFreezeRow: onFreezeRow, focusSheet: focusSheet, onSortColumn: onSortColumn, onInsertNote: onInsertNote, onProtectRange: onProtectRange, onUnProtectRange: onUnProtectRange, onSortRange: onSortRange, onRequestDefineNamedRange: onRequestDefineNamedRange, protectedRanges: protectedRanges, isRowHeader: isRowHeader(cell.columnIndex), isColumnHeader: isColumnHeader(cell.rowIndex), selectedRowHeadersIds: selectedRowHeadersIds, selectedColumnHeadersIds: selectedColumnHeadersIds, onCopy: copy, onCut: cut, hasCutSelection: isCutPending && copiedSheetId === sheetId, onInsertCutCells: insertCutCellsFromMenu, onPaste: paste, onRequestPasteSpecial: requestPasteSpecial, onRequestEvaluateFormula: requestEvaluateFormula, onRequestAddWatch: requestAddWatch, isActiveCellFormula: Boolean(getFormulaValue(sheetId, activeCell.rowIndex, activeCell.columnIndex)), onRequestResize: onRequestResize, isSheetFocused: isSheetFocused, tables: activeTables, pivotTables: pivotTables, basicFilter: basicFilter, onRequestEditTable: onRequestEditTable, onRequestEditPivotTable: onRequestEditPivotTable, onRemoveTable: onRemoveTable, onRequestDeletePivotTable: onRequestDeletePivotTable, onPivotDrillDown: onPivotDrillDown, onRequestFormatCells: onRequestFormatCells, onRequestConditionalFormat: onRequestConditionalFormat, onRequestDataValidation: onRequestDataValidation, onClearFormatting: onClearFormatting, onCreateTable: onCreateTable, onCreateBasicFilter: onCreateBasicFilter, onInsertTableColumn: onInsertTableColumn, onDeleteTableColumn: onDeleteTableColumn, onInsertTableRow: onInsertTableRow, onDeleteTableRow: onDeleteTableRow, onFilterTable: onFilterTable, onSortTable: onSortTable, getFormattedValue: getFormattedValue, getFormattedValuesFromRange: getFormattedValuesFromRange, isTableHeader: isTableHeader, readonly: readonly, onSplitTextToColumns: onSplitTextToColumns, onRemoveDuplicates: onRemoveDuplicates, onGoalSeek: onGoalSeek, onSubtotal: onSubtotal, onAdvancedFilter: onAdvancedFilter, onChange: onChange, getCellData: getCellData, onAddQuickEdit: onAddQuickEdit, enableMagicFill: enableMagicFill }));
+        return (react_1.default.createElement(ContextMenu, { activeCell: activeCell, selections: selections, sheetId: sheetId, frozenRows: frozenRows, frozenColumns: frozenColumns, onHideColumn: isRestricted ? undefined : onHideColumn, onShowColumn: isRestricted ? undefined : onShowColumn, onShowRow: isRestricted ? undefined : onShowRow, onHideRow: isRestricted ? undefined : onHideRow, onGroupRows: isRestricted ? undefined : onGroupRows, onUngroupRows: isRestricted ? undefined : onUngroupRows, onGroupColumns: isRestricted ? undefined : onGroupColumns, onUngroupColumns: isRestricted ? undefined : onUngroupColumns, isHiddenColumn: isHiddenColumn, isHiddenRow: isHiddenRow, onDeleteColumn: onDeleteColumn, onDeleteRow: onDeleteRow, onInsertRow: insertRowWithOptions, onInsertColumn: insertColumnWithOptions, rowCount: rowCount, columnCount: columnCount, onInsertCellsShiftDown: onInsertCellsShiftDown, onInsertCellsShiftRight: onInsertCellsShiftRight, onDeleteCellsShiftLeft: onDeleteCellsShiftLeft, onDeleteCellsShiftUp: onDeleteCellsShiftUp, onClearContents: onClearContents, onFreezeColumn: onFreezeColumn, onFreezeRow: onFreezeRow, focusSheet: focusSheet, onSortColumn: onSortColumn, onInsertNote: onInsertNote, onProtectRange: onProtectRange, onUnProtectRange: onUnProtectRange, onSortRange: onSortRange, onRequestDefineNamedRange: onRequestDefineNamedRange, protectedRanges: protectedRanges, isRowHeader: isRowHeader(cell.columnIndex), isColumnHeader: isColumnHeader(cell.rowIndex), selectedRowHeadersIds: selectedRowHeadersIds, selectedColumnHeadersIds: selectedColumnHeadersIds, onCopy: copy, onCut: cut, hasCutSelection: isCutPending && copiedSheetId === sheetId, onInsertCutCells: insertCutCellsFromMenu, onPaste: paste, onRequestPasteSpecial: requestPasteSpecial, onRequestEvaluateFormula: requestEvaluateFormula, onRequestAddWatch: requestAddWatch, isActiveCellFormula: Boolean(getFormulaValue(sheetId, activeCell.rowIndex, activeCell.columnIndex)), onRequestResize: onRequestResize, isSheetFocused: isSheetFocused, tables: activeTables, pivotTables: pivotTables, basicFilter: basicFilter, onRequestEditTable: onRequestEditTable, onRequestResizeTable: onRequestResizeTable, onRequestInsertSlicer: onRequestInsertSlicer, onRequestEditPivotTable: onRequestEditPivotTable, onRemoveTable: onRemoveTable, onRequestDeletePivotTable: onRequestDeletePivotTable, onRequestCreatePivotChart: onRequestCreatePivotChart, onPivotDrillDown: onPivotDrillDown, onRequestFormatCells: onRequestFormatCells, onRequestConditionalFormat: onRequestConditionalFormat, onRequestDataValidation: onRequestDataValidation, onClearFormatting: onClearFormatting, onCreateTable: onCreateTable, onRequestCreateTable: onRequestCreateTable, onCreateBasicFilter: onCreateBasicFilter, onInsertTableColumn: onInsertTableColumn, onDeleteTableColumn: onDeleteTableColumn, onInsertTableRow: onInsertTableRow, onDeleteTableRow: onDeleteTableRow, onUpdateTable: onUpdateTable, onRequestEditCell: requestEditCell, onSelectRange: selectRangeFromMenu, onFilterTable: onFilterTable, onSortTable: onSortTable, getFormattedValue: getFormattedValue, getFormattedValuesFromRange: getFormattedValuesFromRange, isTableHeader: isTableHeader, readonly: readonly, onSplitTextToColumns: onSplitTextToColumns, onRemoveDuplicates: onRemoveDuplicates, onGoalSeek: onGoalSeek, onSubtotal: onSubtotal, onAdvancedFilter: onAdvancedFilter, onChange: onChange, getCellData: getCellData, onAddQuickEdit: onAddQuickEdit, enableMagicFill: enableMagicFill }));
     }, [
         isRestricted,
         activeCell,
@@ -2764,6 +2973,8 @@ function CanvasGridComponent(props, forwardedRef) {
         onFilterTable,
         onSortTable,
         onRequestEditTable,
+        onRequestResizeTable,
+        onRequestInsertSlicer,
         onRequestEditPivotTable,
         onRemoveTable,
         onRequestFormatCells,
@@ -2772,8 +2983,12 @@ function CanvasGridComponent(props, forwardedRef) {
         onRequestDataValidation,
         onCreateBasicFilter,
         onCreateTable,
+        onRequestCreateTable,
         onDeleteTableColumn,
         onInsertTableRow,
+        onUpdateTable,
+        requestEditCell,
+        selectRangeFromMenu,
         getFormattedValue,
         getFormattedValuesFromRange,
         onInsertTableColumn,
@@ -2789,6 +3004,7 @@ function CanvasGridComponent(props, forwardedRef) {
         onChange,
         getCellData,
         onRequestDeletePivotTable,
+        onRequestCreatePivotChart,
         isHiddenColumn,
         isHiddenRow,
         onShowColumn,
@@ -2803,7 +3019,7 @@ function CanvasGridComponent(props, forwardedRef) {
      * Displays Context menu when user right clicks
      * the grid
      */
-    var _68 = (0, use_context_menu_1.useContextMenu)({
+    var _72 = (0, use_context_menu_1.useContextMenu)({
         getCellCoordsFromOffset: getCellCoordsFromOffset,
         getRelativePositionFromOffset: getRelativePositionFromOffset,
         isRowHeader: isRowHeader,
@@ -2812,7 +3028,7 @@ function CanvasGridComponent(props, forwardedRef) {
         getCellOffsetFromCoords: getCellOffsetFromCoords,
         getScrollPosition: getScrollPosition,
         ContextMenuWrapper: ContextMenuWrapper,
-    }), onContextMenu = _68.onContextMenu, contextMenuComponent = _68.contextMenuComponent, onRequestCloseContextMenu = _68.onRequestClose, showContextMenu = _68.showContextMenu;
+    }), onContextMenu = _72.onContextMenu, contextMenuComponent = _72.contextMenuComponent, onRequestCloseContextMenu = _72.onRequestClose, showContextMenu = _72.showContextMenu;
     /**
      * Shortcut handlers for formatting
      * TODO: Decide on the output
@@ -2852,6 +3068,7 @@ function CanvasGridComponent(props, forwardedRef) {
         onUndo: onUndo,
         onRedo: onRedo,
         onCreateTable: onCreateTable,
+        onRequestCreateTable: onRequestCreateTable,
         onCreateBasicFilter: onCreateBasicFilter,
         clearCopiedSelections: clearCopiedSelections,
         onRequestSearch: onRequestSearch,
@@ -2892,7 +3109,7 @@ function CanvasGridComponent(props, forwardedRef) {
     /**
      * Allow grid to be ediable
      */
-    var _69 = (0, use_editable_1.useEditable)({
+    var _73 = (0, use_editable_1.useEditable)({
         sheetId: sheetId,
         enableEditOnEnterKey: enableEditOnEnterKey,
         canEdit: canEditCell,
@@ -2938,14 +3155,16 @@ function CanvasGridComponent(props, forwardedRef) {
         scrollToCell: scrollToCell,
         containerWidth: width,
         containerHeight: height,
-        onCopy: onInternalCopy,
-        onPaste: onInternalPaste,
-        onCut: onInternalCut,
-    }), onMouseDownEditable = _69.onMouseDown, onDoubleClickEditable = _69.onDoubleClick, editorComponent = _69.editorComponent, isEditInProgress = _69.isEditInProgress, makeEditable = _69.makeEditable, editCell = _69.editCell, setEditorValue = _69.setEditorValue, hideEditor = _69.hideEditor, getNextFocusableCell = _69.getNextFocusableCell, submitEditor = _69.submitEditor, cancelEditor = _69.cancelEditor, commit = _69.commit;
+        onCopy: handleEditorCopy,
+        onPaste: handleEditorPaste,
+        onCut: handleEditorCut,
+        tables: tables,
+        onInsertTableRow: onInsertTableRow,
+    }), onMouseDownEditable = _73.onMouseDown, onDoubleClickEditable = _73.onDoubleClick, editorComponent = _73.editorComponent, isEditInProgress = _73.isEditInProgress, makeEditable = _73.makeEditable, editCell = _73.editCell, setEditorValue = _73.setEditorValue, hideEditor = _73.hideEditor, getNextFocusableCell = _73.getNextFocusableCell, submitEditor = _73.submitEditor, cancelEditor = _73.cancelEditor, commit = _73.commit;
     /**
      * Move rows and columns
      */
-    var _70 = (0, use_move_columns_rows_1.useMoveColumnsAndRows)({
+    var _74 = (0, use_move_columns_rows_1.useMoveColumnsAndRows)({
         getCellOffsetFromCoords: getCellOffsetFromCoords,
         getCellCoordsFromOffset: getCellCoordsFromOffset,
         getRelativePositionFromOffset: getRelativePositionFromOffset,
@@ -2968,11 +3187,11 @@ function CanvasGridComponent(props, forwardedRef) {
         sheetId: sheetId,
         disabled: isRestricted,
         HeaderMoveDragComponent: HeaderMoveDragComponent,
-    }), draggableColumns = _70.draggableColumns, draggableRows = _70.draggableRows, isDraggingRowsAndColumns = _70.isDragging;
+    }), draggableColumns = _74.draggableColumns, draggableRows = _74.draggableRows, isDraggingRowsAndColumns = _74.isDragging;
     /**
      * Header actions
      */
-    var _71 = (0, use_header_actions_1.useHeaderActions)({
+    var _75 = (0, use_header_actions_1.useHeaderActions)({
         activeCell: isSelectionInProgress || isFilling || isDragging ? null : hoveredCell,
         getScrollPosition: getScrollPosition,
         getCellOffsetFromCoords: getCellOffsetFromCoords,
@@ -2999,7 +3218,7 @@ function CanvasGridComponent(props, forwardedRef) {
         selectedRowHeadersIds: selectedRowHeadersIds,
         selectedColumnHeadersIds: selectedColumnHeadersIds,
         enableResizerOverflow: enableResizerOverflow,
-    }), headerMenuComponent = _71.headerMenuComponent, isHeaderMenuInFrozenColumn = _71.isHeaderMenuInFrozenColumn, headerResizer = _71.headerResizer, isDraggingHeader = _71.isDragging;
+    }), headerMenuComponent = _75.headerMenuComponent, isHeaderMenuInFrozenColumn = _75.isHeaderMenuInFrozenColumn, headerResizer = _75.headerResizer, isDraggingHeader = _75.isDragging;
     /**
      * Close tooltip
      */
@@ -3041,7 +3260,7 @@ function CanvasGridComponent(props, forwardedRef) {
     /**
      * Show basicFilter panels
      */
-    var _72 = (0, use_filter_1.useFilter)({
+    var _76 = (0, use_filter_1.useFilter)({
         sheetId: sheetId,
         scale: scale,
         theme: theme,
@@ -3066,9 +3285,9 @@ function CanvasGridComponent(props, forwardedRef) {
         // Live filter state so the open popup tracks Auto-apply spec changes.
         basicFilter: basicFilter,
         tables: activeTables,
-    }), showFilter = _72.showFilter, hideFilter = _72.hideFilter, filterComponent = _72.filterComponent;
+    }), showFilter = _76.showFilter, hideFilter = _76.hideFilter, filterComponent = _76.filterComponent;
     // Table resize
-    var _73 = (0, use_table_resizer_1.useTableResizer)({
+    var _77 = (0, use_table_resizer_1.useTableResizer)({
         sheetId: sheetId,
         tables: tables !== null && tables !== void 0 ? tables : undefined,
         theme: theme,
@@ -3079,11 +3298,11 @@ function CanvasGridComponent(props, forwardedRef) {
         scrollToCell: scrollToCell,
         onResizeTable: onResizeTable,
         focusSheet: focusSheet,
-    }), tableResizers = _73.tableResizers, isResizingTable = _73.isResizingTable;
+    }), tableResizers = _77.tableResizers, isResizingTable = _77.isResizingTable;
     /**
      * Displays resizable/draggable charts
      */
-    var _74 = (0, use_embeds_charts_1.useEmbedsCharts)({
+    var _78 = (0, use_embeds_charts_1.useEmbedsCharts)({
         charts: charts,
         embeds: embeds,
         slicers: slicers,
@@ -3094,14 +3313,20 @@ function CanvasGridComponent(props, forwardedRef) {
         getCellOffsetFromCoords: getCellOffsetFromCoords,
         getAbsolutePositionFromOffset: getAbsolutePositionFromOffset,
         getCellCoordsFromOffset: getCellCoordsFromOffset,
+        getRelativePositionFromOffset: getRelativePositionFromOffset,
         getScrollPosition: getScrollPosition,
+        ContextMenuWrapper: ContextMenuWrapper,
+        focusSheet: focusSheet,
         selectedColor: chartSelectedColor,
         onMoveChart: onMoveChart,
         onResizeChart: onResizeChart,
+        chartClipboard: chartClipboard,
         onMoveEmbed: onMoveEmbed,
         onResizeEmbed: onResizeEmbed,
         onDeleteEmbed: onDeleteEmbed,
         onDeleteChart: onDeleteChart,
+        onUpdateChart: onUpdateChart,
+        onChangeZOrder: onChangeZOrder,
         onRequestEditEmbed: onRequestEditEmbed,
         onMoveSlicer: onMoveSlicer,
         onResizeSlicer: onResizeSlicer,
@@ -3120,7 +3345,7 @@ function CanvasGridComponent(props, forwardedRef) {
         backgroundColor: cellBackgroundColor,
         disabled: isRestricted,
         readonly: readonly,
-    }), chartComponents = _74.chartComponents, embedComponents = _74.embedComponents, slicerComponents = _74.slicerComponents, onMouseDownCharts = _74.onMouseDown;
+    }), chartComponents = _78.chartComponents, embedComponents = _78.embedComponents, slicerComponents = _78.slicerComponents, embedContextMenuComponent = _78.contextMenuComponent, onMouseDownCharts = _78.onMouseDown, requestChartContextMenu = _78.requestChartContextMenu;
     /**
      * Callback when user clicks Filter icon
      * Show Filter dropdown here
@@ -3175,6 +3400,57 @@ function CanvasGridComponent(props, forwardedRef) {
             onExpandCollapse === null || onExpandCollapse === void 0 ? void 0 : onExpandCollapse(sheetId, cell, groupKeys, newExpandedState, childrenCount);
         }
     }, [onExpandCollapse, getCellGroupKeys, getChildrenCount]);
+    /**
+     * The totals-function picker a totals cell's in-cell arrow opens (Excel):
+     * anchored at the cell's bottom-right corner like the filter dropdown.
+     */
+    var _79 = tslib_1.__read((0, react_1.useState)(null), 2), totalsPicker = _79[0], setTotalsPicker = _79[1];
+    var closeTotalsPicker = (0, react_1.useCallback)(function () { return setTotalsPicker(null); }, []);
+    var handleTotalsArrowClick = (0, react_1.useCallback)(function (cell) {
+        var table = activeTables === null || activeTables === void 0 ? void 0 : activeTables.find(function (candidate) {
+            return candidate.totalRow &&
+                cell.rowIndex === candidate.range.endRowIndex &&
+                (0, grid_4.isCellWithinBounds)(cell, candidate.range);
+        });
+        var cellPosition = getCellOffsetFromCoords(cell);
+        var scrollPosition = getScrollPosition();
+        if (!table || !cellPosition) {
+            return;
+        }
+        var _a = cellPosition.x, x = _a === void 0 ? 0 : _a, _b = cellPosition.y, y = _b === void 0 ? 0 : _b, _c = cellPosition.width, width = _c === void 0 ? 0 : _c, _d = cellPosition.height, height = _d === void 0 ? 0 : _d;
+        var scrollX = isFrozenColumn(cell.columnIndex)
+            ? 0
+            : scrollPosition.scrollLeft;
+        var scrollY = isFrozenRow(cell.rowIndex) ? 0 : scrollPosition.scrollTop;
+        setActiveCell(sheetId, cell, false);
+        setTotalsPicker({
+            table: table,
+            cell: cell,
+            left: x + width - scrollX,
+            top: y + height - scrollY,
+        });
+    }, [
+        activeTables,
+        getCellOffsetFromCoords,
+        getScrollPosition,
+        isFrozenColumn,
+        isFrozenRow,
+        setActiveCell,
+        sheetId,
+    ]);
+    var totalsPickerComponent = totalsPicker ? (react_1.default.createElement(style_1.StyledContextMenuWrapper, { style: {
+            transform: "translate3d(".concat(totalsPicker.left, "px, ").concat(totalsPicker.top, "px, 0)"),
+        } },
+        react_1.default.createElement(menu_1.ContextMenuDropdown, { isOpen: true, onOpenChange: function (open) {
+                if (!open)
+                    closeTotalsPicker();
+            } },
+            react_1.default.createElement(ui_1.DropdownMenuPortal, null,
+                react_1.default.createElement(ui_1.DropdownMenuContent, { align: "end", sideOffset: 0, onCloseAutoFocus: function (event) {
+                        event.preventDefault();
+                        focusSheet();
+                    }, onMouseMove: function (e) { return e.stopPropagation(); } },
+                    react_1.default.createElement(total_row_function_menu_1.TotalRowFunctionMenuItems, { sheetId: sheetId, table: totalsPicker.table, cell: totalsPicker.cell, readonly: readonly, getCellData: getCellData, onChange: onChange, onClearContents: onClearContents, onUpdateTable: onUpdateTable, onRequestEditCell: requestEditCell })))))) : null;
     /**
      * Capture mouse move events
      */
@@ -3185,8 +3461,10 @@ function CanvasGridComponent(props, forwardedRef) {
             isDraggingHeader ||
             isSelectionInProgress ||
             isFilling) {
+            clearTableHitZone();
             return;
         }
+        onMouseMoveTableHitZones(e);
         var coords = getCellCoordsFromOffset(e.clientX, e.clientY);
         if (!coords || (0, grid_5.isEqualCells)(hoveredCellRef.current, coords)) {
             return;
@@ -3200,6 +3478,8 @@ function CanvasGridComponent(props, forwardedRef) {
         isSelectionInProgress,
         isFilling,
         hoveredCellRef,
+        onMouseMoveTableHitZones,
+        clearTableHitZone,
     ]);
     // Mouse move throttler
     var mouseMoveThrottler = (0, use_callback_ref_1.useCallbackRef)((0, throttle_1.default)(handleMouseMove, mouseMoveThrottleTimeout, {
@@ -3233,8 +3513,12 @@ function CanvasGridComponent(props, forwardedRef) {
         if (formulaMode && isMetaKey) {
             setFormulaState(function (prev) { return (tslib_1.__assign(tslib_1.__assign({}, prev), { selectionMode: "append" })); });
         }
-        // Pass it on to use selection hook
-        onMouseDownSelection(e);
+        // A table hit zone (header edge / corner / row edge) selects the table
+        // part instead of starting a cell selection.
+        if (!onMouseDownTableHitZones(e)) {
+            // Pass it on to use selection hook
+            onMouseDownSelection(e);
+        }
         // Charts
         onMouseDownCharts === null || onMouseDownCharts === void 0 ? void 0 : onMouseDownCharts();
         /**
@@ -3246,6 +3530,7 @@ function CanvasGridComponent(props, forwardedRef) {
         }
         // Hide filter
         hideFilter();
+        closeTotalsPicker();
         // Hide popover
         hideCellPopover();
         // Hide paste mnenu
@@ -3256,8 +3541,10 @@ function CanvasGridComponent(props, forwardedRef) {
         onUnpinTooltip();
     }, [
         onMouseDownSelection,
+        onMouseDownTableHitZones,
         onRequestCloseContextMenu,
         hideFilter,
+        closeTotalsPicker,
         onMouseDownCharts,
         formulaMode,
         setFormulaState,
@@ -3378,8 +3665,10 @@ function CanvasGridComponent(props, forwardedRef) {
     /**
      * Render Cells in the grid
      */
-    var _75 = tslib_1.__read((0, use_cell_renderer_1.useCellRenderer)({
+    var _80 = tslib_1.__read((0, use_cell_renderer_1.useCellRenderer)({
         sheetId: sheetId,
+        isTableTotalsCell: isTableTotalsCell,
+        onTotalsArrowClick: handleTotalsArrowClick,
         formulaLocale: formulaLocale,
         showGridLines: showGridLines,
         scale: scale,
@@ -3418,6 +3707,7 @@ function CanvasGridComponent(props, forwardedRef) {
         getNote: getNote,
         getComment: getComment,
         getEffectiveValue: getEffectiveValue,
+        getSparklineGroup: getSparklineGroup,
         getFormattedValue: getFormattedValue,
         getCellImageUrl: getCellImageUrl,
         getEffectiveCellFormat: getEffectiveCellFormat,
@@ -3445,7 +3735,7 @@ function CanvasGridComponent(props, forwardedRef) {
         onOverflow: handleOverflow,
         isComparing: isComparing,
         getCellDiff: getCellDiff,
-    }), 4), cellBackgroundRenderer = _75[0], cellRenderer = _75[1], cellOverlayRenderer = _75[2], headerCellRenderer = _75[3];
+    }), 4), cellBackgroundRenderer = _80[0], cellRenderer = _80[1], cellOverlayRenderer = _80[2], headerCellRenderer = _80[3];
     /**
      * When user selects a selection for moving
      * If its a table, we select the entire column
@@ -3481,11 +3771,25 @@ function CanvasGridComponent(props, forwardedRef) {
         tokenizer: localeTokenizer,
     });
     // Selection move: drag a formula reference via its border covers
-    var _76 = (0, use_selection_move_1.useSelectionMove)({
+    var _81 = (0, use_selection_move_1.useSelectionMove)({
         getCellCoordsFromOffset: getCellCoordsFromOffset,
         scrollToCell: scrollToCell,
         tokenizer: localeTokenizer,
-    }), onMouseDownMoveSelection = _76.onMouseDownMoveSelection, isDraggingMoveSelection = _76.isDragging;
+    }), onMouseDownMoveSelection = _81.onMouseDownMoveSelection, isDraggingMoveSelection = _81.isDragging;
+    /**
+     * Selected chart: outline its source ranges on this sheet and re-bind
+     * them when a corner handle is dragged (Excel's chart data highlight).
+     */
+    var _82 = (0, use_chart_source_ranges_1.useChartSourceRanges)({
+        charts: charts,
+        sheetId: sheetId,
+        getSheetName: getSheetName,
+        readonly: readonly,
+        onUpdateChart: onUpdateChart,
+        getCellBounds: getCellBounds,
+        getCellCoordsFromOffset: getCellCoordsFromOffset,
+        scrollToCell: scrollToCell,
+    }), chartSourceBorderStyles = _82.chartSourceBorderStyles, onMouseDownChartSourceResizeHandle = _82.onMouseDownChartSourceResizeHandle;
     /**
      * Hide fill handle
      * 1. When user is in edit mode
@@ -3498,9 +3802,9 @@ function CanvasGridComponent(props, forwardedRef) {
     /**
      * Flashing
      */
-    var _77 = (0, use_flash_1.useFlash)({
+    var _83 = (0, use_flash_1.useFlash)({
         theme: theme,
-    }), flash = _77.flash, mark = _77.mark, unmark = _77.unmark, onFlashEnd = _77.onFlashEnd, flashingBorders = _77.flashingBorders;
+    }), flash = _83.flash, mark = _83.mark, unmark = _83.unmark, onFlashEnd = _83.onFlashEnd, flashingBorders = _83.flashingBorders;
     // Cache hover ids
     var cachedHoveredSelectionIds = (0, use_hovered_selection_ids_1.useHoveredSelectionIds)({
         selections: selections,
@@ -3518,6 +3822,7 @@ function CanvasGridComponent(props, forwardedRef) {
         isFillShrink: fillShrink !== undefined,
         onSelectionMouseDown: onSelectionElementMouseDown,
         onMouseDownResizeHandle: onMouseDownResizeHandle,
+        onMouseDownChartSourceResizeHandle: onMouseDownChartSourceResizeHandle,
         onMouseDownMoveSelection: onMouseDownMoveSelection,
         isDraggingMoveSelection: isDraggingMoveSelection,
         onChangeActiveCell: onChangeActiveCell,
@@ -3550,6 +3855,12 @@ function CanvasGridComponent(props, forwardedRef) {
         onCloseFillOptions: handleCloseFillOptions,
         insertOptions: insertOptions,
         onChooseInsertOption: handleChooseInsertOption,
+        tableAutoExpansion: tableAutoExpansion,
+        canStopAutoExpandingTables: !!onChangeAutoExpandTables,
+        onChooseTableAutoExpansionOption: handleChooseTableAutoExpansionOption,
+        calculatedColumnFill: calculatedColumnFill,
+        canStopAutoCalculatedColumns: !!onChangeAutoCalculatedColumns,
+        onChooseCalculatedColumnOption: handleChooseCalculatedColumnOption,
         hoveredCell: delayedHoveredCell,
         onRemoveQuickEdit: onRemoveQuickEdit,
         onAddQuickEdit: onAddQuickEdit,
@@ -3584,8 +3895,13 @@ function CanvasGridComponent(props, forwardedRef) {
         agentSuggestions: agentSuggestions,
         quickEditValues: quickEditValues,
     });
+    // A selected chart's source outlines draw on top of the other range borders.
+    var gridBorderStyles = (0, react_1.useMemo)(function () {
+        return chartSourceBorderStyles.length
+            ? tslib_1.__spreadArray(tslib_1.__spreadArray([], tslib_1.__read(finalBorderStyles), false), tslib_1.__read(chartSourceBorderStyles), false) : finalBorderStyles;
+    }, [finalBorderStyles, chartSourceBorderStyles]);
     // Hidden column markers
-    var _78 = tslib_1.__read((0, use_hidden_dimension_markers_1.useHiddenDimensionMarkers)({
+    var _84 = tslib_1.__read((0, use_hidden_dimension_markers_1.useHiddenDimensionMarkers)({
         sheetId: sheetId,
         columnMetadata: columnMetadata,
         rowMetadata: rowMetadata,
@@ -3598,7 +3914,7 @@ function CanvasGridComponent(props, forwardedRef) {
         columnCount: columnCount,
         HiddenRowMarkers: HiddenRowMarkers,
         HiddenColumnMarkers: HiddenColumnMarkers,
-    }), 4), hiddenColumnMarkers = _78[0], frozenHiddenColumnMarkers = _78[1], hiddenRowMarkers = _78[2], frozenHiddenRowMarkers = _78[3];
+    }), 4), hiddenColumnMarkers = _84[0], frozenHiddenColumnMarkers = _84[1], hiddenRowMarkers = _84[2], frozenHiddenRowMarkers = _84[3];
     // Zoom lister
     var onMouseWheel = (0, use_scale_listener_1.useScaleListener)({
         zoomSpeed: zoomSpeed,
@@ -3714,6 +4030,7 @@ function CanvasGridComponent(props, forwardedRef) {
         getNextFocusableCell: getNextFocusableCell,
         onEditorKeyDown: onEditorKeyDown,
         scrollToCell: scrollToCell,
+        scrollToChart: scrollToChart,
         scrollToBottom: scrollToBottom,
         focusSheet: focusSheet,
         canEditCell: canEditCell,
@@ -3833,7 +4150,7 @@ function CanvasGridComponent(props, forwardedRef) {
         }
         // Wait for sheet change to finish
         requestAnimationFrame(function () {
-            var _a;
+            var _a, _b;
             // If user is not in formula mode and changing sheet.
             // The edit belongs to the sheet it was started on, so flush it —
             // `hideEditor()` alone threw the typed value away, leaving the cell
@@ -3870,7 +4187,7 @@ function CanvasGridComponent(props, forwardedRef) {
                 // Keep focus back on sheet
                 // Check if user is focused on the context menu
                 if (grid_2.canUseDOM &&
-                    ((_a = document.activeElement) === null || _a === void 0 ? void 0 : _a.getAttribute("role")) !== "menu") {
+                    ((_b = (_a = (0, grid_2.getOwnerDocument)(gridContainerRef.current)) === null || _a === void 0 ? void 0 : _a.activeElement) === null || _b === void 0 ? void 0 : _b.getAttribute("role")) !== "menu") {
                     focusSheet();
                 }
             }
@@ -3886,6 +4203,10 @@ function CanvasGridComponent(props, forwardedRef) {
             scrollToCell: scrollToCell,
             commit: commit,
             openFillSeriesDialog: function () { var _a; return (_a = openFillSeriesDialogForRef.current) === null || _a === void 0 ? void 0 : _a.call(openFillSeriesDialogForRef); },
+            copyChart: copyChart,
+            cutChart: cutChart,
+            pasteChart: pasteChart,
+            duplicateChart: duplicateChart,
         };
         setSpreadsheetApi(new spreadsheet_api_1.SpreadsheetApi(propsReferenceRef, stableMethods, store, instanceStore, instanceId));
     }, []);
@@ -3950,6 +4271,13 @@ function CanvasGridComponent(props, forwardedRef) {
      * in formula mode
      */
     var enableSelectionDrag = !isSelectionInProgress && !isEditInProgress && !formulaMode;
+    // A chartsheet IS its chart: no grid, headers, editor or cell menus — only the chart and its
+    // context menu (Excel).
+    if (sheetType === "chartsheet") {
+        return (react_1.default.createElement("div", tslib_1.__assign({ className: (0, ui_1.cn)("rnc-canvas-wrapper after:box-border before:box-border [&_*]:box-border flex min-h-0 min-w-0 relative z-[1] flex-1 bg-rnc-background", className), ref: gridContainerRef, role: "application", "aria-label": "Chart sheet" }, rest),
+            react_1.default.createElement(ChartSheetViewComponent, { sheetId: sheetId, chart: charts === null || charts === void 0 ? void 0 : charts.find(function (chart) { var _a; return ((_a = chart.position) === null || _a === void 0 ? void 0 : _a.sheetId) === sheetId; }), width: width, height: height, theme: theme, backgroundColor: cellBackgroundColor, readonly: readonly, getChartComponent: getChartComponent, onDeleteChart: onDeleteChart, onUpdateChart: onUpdateChart, onRequestContextMenu: requestChartContextMenu }),
+            embedContextMenuComponent));
+    }
     return (react_1.default.createElement("div", tslib_1.__assign({ className: (0, ui_1.cn)("rnc-canvas-wrapper after:box-border before:box-border [&_*]:box-border flex min-h-0 min-w-0 relative z-[1] flex-1 bg-rnc-background", className), ref: gridContainerRef, 
         // The grid paints to <canvas>, so there is no per-cell DOM for a screen
         // reader to traverse. role="application" passes keystrokes through to our
@@ -3964,11 +4292,11 @@ function CanvasGridComponent(props, forwardedRef) {
         // Bind to outer container, so it always takes
         // priority over other components
         // generated by hooks
-        onMouseMove: mouseMoveThrottler, onWheel: onMouseWheel }, rest),
+        onMouseMove: mouseMoveThrottler, onWheel: onMouseWheel }, rest, { style: tableHitCursor ? tslib_1.__assign(tslib_1.__assign({}, rest.style), { cursor: tableHitCursor }) : rest.style }),
         width === 0 || height === 0 ? (react_1.default.createElement("div", { className: "flex border-solid border-rnc-border border border-t border-b flex-1 justify-center items-center" },
             react_1.default.createElement("div", { className: "space-y-2" },
                 react_1.default.createElement(ui_1.Skeleton, { className: "h-4 w-[250px]" }),
-                react_1.default.createElement(ui_1.Skeleton, { className: "h-4 w-[250px]" })))) : (react_1.default.createElement(grid_5.Grid, { ref: gridRef, overscanCount: overscanCount, rowCount: sheetRowCount, columnCount: sheetColumnCount, rowHeight: rowHeight, columnWidth: columnWidth, itemRenderer: cellRenderer, headerRenderer: headerCellRenderer, selectionRenderer: selectionRenderer, gridLineColor: gridLineColor, gridLineWidth: gridLineWidth, borderStyles: finalBorderStyles, mergedCells: merges, scale: scale, width: width, height: height, frozenColumns: frozenColumns, frozenRows: frozenRows, activeCell: activeCell, selections: formulaMode ? formulaSelections : selections, FillHandle: fill_handle_1.FillHandle, showFillHandle: showFillHandle, fillHandleSize: fillHandleSize, showGridLines: showGridLines, enableCellOverlay: true, enableCellBackground: true, enableSelectionDrag: enableSelectionDrag, showFrozenColumnShadow: showFrozenSeparator, showFrozenRowShadow: showFrozenSeparator, selectionBorderColor: selectionBorderColor, selectionBackgroundColor: selectionBackgroundColor, fillhandleBorderColor: cellBackgroundColor, isDraggingSelection: isDragging, fillSelection: fillShrinkOverlay !== null && fillShrinkOverlay !== void 0 ? fillShrinkOverlay : fillSelection, onPointerDown: handlePointerDown, onPointerUp: handlePointerUp, onMouseDown: handleMouseDown, onDoubleClick: handleDoubleClick, onFillHandleMouseDown: onFillHandleMouseDown, onFillHandleDoubleClick: onFillHandleDoubleClick, 
+                react_1.default.createElement(ui_1.Skeleton, { className: "h-4 w-[250px]" })))) : (react_1.default.createElement(grid_5.Grid, { ref: gridRef, overscanCount: overscanCount, rowCount: sheetRowCount, columnCount: sheetColumnCount, rowHeight: rowHeight, columnWidth: columnWidth, itemRenderer: cellRenderer, headerRenderer: headerCellRenderer, selectionRenderer: selectionRenderer, gridLineColor: gridLineColor, gridLineWidth: gridLineWidth, borderStyles: gridBorderStyles, mergedCells: merges, scale: scale, width: width, height: height, frozenColumns: frozenColumns, frozenRows: frozenRows, activeCell: activeCell, selections: formulaMode ? formulaSelections : selections, FillHandle: fill_handle_1.FillHandle, showFillHandle: showFillHandle, fillHandleSize: fillHandleSize, showGridLines: showGridLines, enableCellOverlay: true, enableCellBackground: true, enableSelectionDrag: enableSelectionDrag, showFrozenColumnShadow: showFrozenSeparator, showFrozenRowShadow: showFrozenSeparator, selectionBorderColor: selectionBorderColor, selectionBackgroundColor: selectionBackgroundColor, fillhandleBorderColor: cellBackgroundColor, isDraggingSelection: isDragging, fillSelection: fillShrinkOverlay !== null && fillShrinkOverlay !== void 0 ? fillShrinkOverlay : fillSelection, onPointerDown: handlePointerDown, onPointerUp: handlePointerUp, onMouseDown: handleMouseDown, onDoubleClick: handleDoubleClick, onFillHandleMouseDown: onFillHandleMouseDown, onFillHandleDoubleClick: onFillHandleDoubleClick, 
             // Dimension of fill handle
             scrollToCellOffset: 4, scrollbarSize: scrollbarSize, isHiddenCell: isHiddenCell, isHiddenColumn: isHiddenColumn, isHiddenRow: isHiddenRow, visibleRowRanges: visibleRowRanges, isHiddenOverlay: isHiddenOverlay, isHiddenBackground: isHiddenBackground, overlayRenderer: cellOverlayRenderer, backgroundRenderer: cellBackgroundRenderer, shadowSettings: shadowSettings, onScroll: handleScroll, onViewPortChange: handleViewPortChange, autoFocus: autoFocus, snap: scrollSnap, scrollThrottleTimeout: scrollThrottleTimeout, preventBrowserDefaultScroll: preventBrowserDefaultScroll, showHeaders: showHeaders, gridChildren: gridChildren, onTouchStart: onTouchStart, onDimensionsChange: onDimensionsChange, extendScrollSize: helpers_1.isTouchDevice || helpers_1.isFirefox, isTouchDevice: helpers_1.isTouchDevice, frozenShadowThickness: frozenShadowThickness, onAfterScrollToCell: onAfterScrollToCell, estimatedRowHeight: defaultRowHeight, estimatedColumnWidth: defaultColumnWidth, footerHeight: footerHeight, footerComponent: footerComponent, getOverflowBuffer: getOverflowBuffer, getFrozenColumnOverflowCells: getFrozenColumnOverflowCells })),
         tooltipComponent,
@@ -3976,7 +4304,9 @@ function CanvasGridComponent(props, forwardedRef) {
         draggableColumns,
         draggableRows,
         contextMenuComponent,
+        embedContextMenuComponent,
         filterComponent,
+        totalsPickerComponent,
         headerResizer,
         validatorResult,
         react_1.default.createElement("div", { "aria-live": "polite", "aria-atomic": "true", style: {