@rowsncolumns/spreadsheet 10.3.0 → 10.4.0

package/dist/cjs/components/context-menu/index.js

@@ -8,21 +8,23 @@ var ui_1 = require("@rowsncolumns/ui");
 var utils_1 = require("@rowsncolumns/utils");
 var react_1 = tslib_1.__importStar(require("react"));
 var multi_selection_1 = require("../../api/multi-selection");
+var table_1 = require("../../api/table");
 var validation_1 = require("../../api/validation");
 var atoms_1 = require("../../atoms");
 var advanced_filter_dialog_atom_1 = require("../../atoms/advanced-filter-dialog.atom");
 var goal_seek_dialog_atom_1 = require("../../atoms/goal-seek-dialog.atom");
 var insert_cells_dialog_atom_1 = require("../../atoms/insert-cells-dialog.atom");
 var remove_duplicates_dialog_atom_1 = require("../../atoms/remove-duplicates-dialog.atom");
+var sparkline_dialog_atom_1 = require("../../atoms/sparkline-dialog.atom");
 var subtotal_dialog_atom_1 = require("../../atoms/subtotal-dialog.atom");
 var text_to_columns_dialog_atom_1 = require("../../atoms/text-to-columns-dialog.atom");
 var validation_alert_atom_1 = require("../../atoms/validation-alert.atom");
 var config_1 = require("../../config");
 var helpers_1 = require("../../helpers");
-var total_row_functions_1 = require("./total-row-functions");
+var total_row_function_menu_1 = require("./total-row-function-menu");
 var ContextMenu = function (_a) {
     var _b, _c, _d;
-    var isRowHeader = _a.isRowHeader, isColumnHeader = _a.isColumnHeader, activeCell = _a.activeCell, selections = _a.selections, basicFilter = _a.basicFilter, isTableHeader = _a.isTableHeader, onClearContents = _a.onClearContents, onHideColumn = _a.onHideColumn, onHideRow = _a.onHideRow, onGroupRows = _a.onGroupRows, onUngroupRows = _a.onUngroupRows, onGroupColumns = _a.onGroupColumns, onUngroupColumns = _a.onUngroupColumns, onDeleteRow = _a.onDeleteRow, onDeleteColumn = _a.onDeleteColumn, onInsertColumn = _a.onInsertColumn, onInsertRow = _a.onInsertRow, onInsertCellsShiftDown = _a.onInsertCellsShiftDown, onInsertCellsShiftRight = _a.onInsertCellsShiftRight, onDeleteCellsShiftLeft = _a.onDeleteCellsShiftLeft, onDeleteCellsShiftUp = _a.onDeleteCellsShiftUp, onFreezeRow = _a.onFreezeRow, onFreezeColumn = _a.onFreezeColumn, onCopy = _a.onCopy, onCut = _a.onCut, hasCutSelection = _a.hasCutSelection, onInsertCutCells = _a.onInsertCutCells, onPaste = _a.onPaste, onRequestPasteSpecial = _a.onRequestPasteSpecial, onRequestEvaluateFormula = _a.onRequestEvaluateFormula, onRequestAddWatch = _a.onRequestAddWatch, isActiveCellFormula = _a.isActiveCellFormula, onInsertNote = _a.onInsertNote, onProtectRange = _a.onProtectRange, onUnProtectRange = _a.onUnProtectRange, onSortRange = _a.onSortRange, onSortColumn = _a.onSortColumn, onRequestDefineNamedRange = _a.onRequestDefineNamedRange, onRequestResize = _a.onRequestResize, onRequestEditTable = _a.onRequestEditTable, onRequestEditPivotTable = _a.onRequestEditPivotTable, onRequestDeletePivotTable = _a.onRequestDeletePivotTable, onPivotDrillDown = _a.onPivotDrillDown, onRequestFormatCells = _a.onRequestFormatCells, onRequestConditionalFormat = _a.onRequestConditionalFormat, onRequestDataValidation = _a.onRequestDataValidation, onRemoveTable = _a.onRemoveTable, onClearFormatting = _a.onClearFormatting, onCreateTable = _a.onCreateTable, onCreateBasicFilter = _a.onCreateBasicFilter, onFilterTable = _a.onFilterTable, onSortTable = _a.onSortTable, getFormattedValuesFromRange = _a.getFormattedValuesFromRange, focusSheet = _a.focusSheet, isSheetFocused = _a.isSheetFocused, getFormattedValue = _a.getFormattedValue, onInsertTableColumn = _a.onInsertTableColumn, onDeleteTableColumn = _a.onDeleteTableColumn, onInsertTableRow = _a.onInsertTableRow, onDeleteTableRow = _a.onDeleteTableRow, onSplitTextToColumns = _a.onSplitTextToColumns, onRemoveDuplicates = _a.onRemoveDuplicates, onGoalSeek = _a.onGoalSeek, onSubtotal = _a.onSubtotal, onAdvancedFilter = _a.onAdvancedFilter, onChange = _a.onChange, getCellData = _a.getCellData, isHiddenColumn = _a.isHiddenColumn, isHiddenRow = _a.isHiddenRow, onShowColumn = _a.onShowColumn, onShowRow = _a.onShowRow, tables = _a.tables, pivotTables = _a.pivotTables, protectedRanges = _a.protectedRanges, sheetId = _a.sheetId, frozenRows = _a.frozenRows, frozenColumns = _a.frozenColumns, selectedRowHeadersIds = _a.selectedRowHeadersIds, selectedColumnHeadersIds = _a.selectedColumnHeadersIds, rowCount = _a.rowCount, columnCount = _a.columnCount, _e = _a.readonly, readonly = _e === void 0 ? false : _e, onAddQuickEdit = _a.onAddQuickEdit, enableMagicFill = _a.enableMagicFill;
+    var isRowHeader = _a.isRowHeader, isColumnHeader = _a.isColumnHeader, activeCell = _a.activeCell, selections = _a.selections, basicFilter = _a.basicFilter, isTableHeader = _a.isTableHeader, onClearContents = _a.onClearContents, onHideColumn = _a.onHideColumn, onHideRow = _a.onHideRow, onGroupRows = _a.onGroupRows, onUngroupRows = _a.onUngroupRows, onGroupColumns = _a.onGroupColumns, onUngroupColumns = _a.onUngroupColumns, onDeleteRow = _a.onDeleteRow, onDeleteColumn = _a.onDeleteColumn, onInsertColumn = _a.onInsertColumn, onInsertRow = _a.onInsertRow, onInsertCellsShiftDown = _a.onInsertCellsShiftDown, onInsertCellsShiftRight = _a.onInsertCellsShiftRight, onDeleteCellsShiftLeft = _a.onDeleteCellsShiftLeft, onDeleteCellsShiftUp = _a.onDeleteCellsShiftUp, onFreezeRow = _a.onFreezeRow, onFreezeColumn = _a.onFreezeColumn, onCopy = _a.onCopy, onCut = _a.onCut, hasCutSelection = _a.hasCutSelection, onInsertCutCells = _a.onInsertCutCells, onPaste = _a.onPaste, onRequestPasteSpecial = _a.onRequestPasteSpecial, onRequestEvaluateFormula = _a.onRequestEvaluateFormula, onRequestAddWatch = _a.onRequestAddWatch, isActiveCellFormula = _a.isActiveCellFormula, onInsertNote = _a.onInsertNote, onProtectRange = _a.onProtectRange, onUnProtectRange = _a.onUnProtectRange, onSortRange = _a.onSortRange, onSortColumn = _a.onSortColumn, onRequestDefineNamedRange = _a.onRequestDefineNamedRange, onRequestResize = _a.onRequestResize, onRequestEditTable = _a.onRequestEditTable, onRequestResizeTable = _a.onRequestResizeTable, onRequestInsertSlicer = _a.onRequestInsertSlicer, onRequestEditPivotTable = _a.onRequestEditPivotTable, onRequestDeletePivotTable = _a.onRequestDeletePivotTable, onRequestCreatePivotChart = _a.onRequestCreatePivotChart, onPivotDrillDown = _a.onPivotDrillDown, onRequestFormatCells = _a.onRequestFormatCells, onRequestConditionalFormat = _a.onRequestConditionalFormat, onRequestDataValidation = _a.onRequestDataValidation, onRemoveTable = _a.onRemoveTable, onClearFormatting = _a.onClearFormatting, onCreateTable = _a.onCreateTable, onRequestCreateTable = _a.onRequestCreateTable, onCreateBasicFilter = _a.onCreateBasicFilter, onFilterTable = _a.onFilterTable, onSortTable = _a.onSortTable, getFormattedValuesFromRange = _a.getFormattedValuesFromRange, focusSheet = _a.focusSheet, isSheetFocused = _a.isSheetFocused, getFormattedValue = _a.getFormattedValue, onInsertTableColumn = _a.onInsertTableColumn, onDeleteTableColumn = _a.onDeleteTableColumn, onInsertTableRow = _a.onInsertTableRow, onDeleteTableRow = _a.onDeleteTableRow, onSplitTextToColumns = _a.onSplitTextToColumns, onRemoveDuplicates = _a.onRemoveDuplicates, onGoalSeek = _a.onGoalSeek, onSubtotal = _a.onSubtotal, onAdvancedFilter = _a.onAdvancedFilter, onChange = _a.onChange, onUpdateTable = _a.onUpdateTable, onRequestEditCell = _a.onRequestEditCell, onSelectRange = _a.onSelectRange, getCellData = _a.getCellData, isHiddenColumn = _a.isHiddenColumn, isHiddenRow = _a.isHiddenRow, onShowColumn = _a.onShowColumn, onShowRow = _a.onShowRow, tables = _a.tables, pivotTables = _a.pivotTables, protectedRanges = _a.protectedRanges, sheetId = _a.sheetId, frozenRows = _a.frozenRows, frozenColumns = _a.frozenColumns, selectedRowHeadersIds = _a.selectedRowHeadersIds, selectedColumnHeadersIds = _a.selectedColumnHeadersIds, rowCount = _a.rowCount, columnCount = _a.columnCount, _e = _a.readonly, readonly = _e === void 0 ? false : _e, onAddQuickEdit = _a.onAddQuickEdit, enableMagicFill = _a.enableMagicFill;
     var isHeader = isColumnHeader || isRowHeader;
     var shouldFocusSheetRef = (0, react_1.useRef)(true);
     var multiColumnTitle = (0, helpers_1.generateMultiDimTitle)(selectedColumnHeadersIds, "y");
@@ -255,6 +257,40 @@ var ContextMenu = function (_a) {
         var range = _a.range;
         return (0, grid_1.isCellWithinBounds)(activeCell, range);
     }); }, [tables, activeCell]);
+    // Excel sparkline group under the active cell (a run of same-option =SPARKLINE() cells). Only
+    // offered while a `SparklineDialogHost` is mounted — the Edit entry has nowhere to go without one.
+    var isSparklineDialogMounted = (0, sparkline_dialog_atom_1.useIsSparklineDialogMounted)();
+    var openSparklineDialog = (0, sparkline_dialog_atom_1.useOpenSparklineDialog)();
+    var getSparklineFormula = (0, react_1.useCallback)(function (targetSheetId, rowIndex, columnIndex) {
+        var _a;
+        var formula = (_a = (0, utils_1.getCellUserEnteredValue)(getCellData === null || getCellData === void 0 ? void 0 : getCellData(targetSheetId, rowIndex, columnIndex))) === null || _a === void 0 ? void 0 : _a.fv;
+        return (0, utils_1.isSparklineFormula)(formula) ? formula : undefined;
+    }, [getCellData]);
+    var activeSparklineGroup = (0, react_1.useMemo)(function () {
+        return isSparklineDialogMounted && getCellData
+            ? (0, utils_1.resolveSparklineGroup)({
+                sheetId: sheetId,
+                cell: activeCell,
+                getFormula: getSparklineFormula,
+            })
+            : undefined;
+    }, [isSparklineDialogMounted, getCellData, sheetId, activeCell, getSparklineFormula]);
+    // Clear Selected Sparklines: the SPARKLINE cells inside the selection (Excel leaves the rest alone).
+    var clearSparklineCells = (0, react_1.useCallback)(function (cells) {
+        var targets = cells.filter(function (cell) {
+            return getSparklineFormula(sheetId, cell.rowIndex, cell.columnIndex);
+        });
+        if (!targets.length)
+            return;
+        onClearContents === null || onClearContents === void 0 ? void 0 : onClearContents(sheetId, targets[0], targets.map(function (cell) { return ({
+            range: {
+                startRowIndex: cell.rowIndex,
+                endRowIndex: cell.rowIndex,
+                startColumnIndex: cell.columnIndex,
+                endColumnIndex: cell.columnIndex,
+            },
+        }); }));
+    }, [getSparklineFormula, onClearContents, sheetId]);
     // Check for active pivot table
     var activePivotTable = (0, react_1.useMemo)(function () {
         return pivotTables === null || pivotTables === void 0 ? void 0 : pivotTables.find(function (_a) {
@@ -264,6 +300,11 @@ var ContextMenu = function (_a) {
     }, [pivotTables, activeCell]);
     // Check if the active cell is table header
     var isActiveCellTableHeader = isTableHeader(activeCell.rowIndex, activeCell.columnIndex);
+    // Excel's "Delete table rows" only ever removes body rows: the header and totals rows are
+    // dropped from the selection, and the item is hidden when nothing else is selected.
+    var deletableTableRowIndexes = activeTable
+        ? (0, table_1.getDeletableTableRowIndexes)(activeTable, selectedRowIndexes)
+        : selectedRowIndexes;
     // Basic filter
     var activeBasicFilter = basicFilter && (0, grid_1.isCellWithinBounds)(activeCell, basicFilter.range)
         ? basicFilter
@@ -453,15 +494,50 @@ var ContextMenu = function (_a) {
     // Totals-row function picker: the active cell sits on a table's totals row.
     var isActiveCellTableTotal = !!(activeTable === null || activeTable === void 0 ? void 0 : activeTable.totalRow) &&
         activeCell.rowIndex === activeTable.range.endRowIndex;
-    var activeTotalRowFunction = (0, react_1.useMemo)(function () {
-        var _a, _b;
-        if (!isActiveCellTableTotal) {
-            return "none";
+    /**
+     * The selection clipped to the active table, in table terms (Excel's table
+     * Insert / Select items): the selected data-body rows (none when only the
+     * header / totals row is selected), the selected rows including header and
+     * totals, and the selected columns. Counts follow the selection — N
+     * selected rows insert N table rows.
+     */
+    var tableSelection = (0, react_1.useMemo)(function () {
+        var _a, _b, _c;
+        if (!activeTable) {
+            return undefined;
         }
-        var cellData = getCellData === null || getCellData === void 0 ? void 0 : getCellData(sheetId, activeCell.rowIndex, activeCell.columnIndex);
-        var ue = (_a = cellData === null || cellData === void 0 ? void 0 : cellData.ue) !== null && _a !== void 0 ? _a : cellData === null || cellData === void 0 ? void 0 : cellData.userEnteredValue;
-        return (0, total_row_functions_1.getTotalRowFunctionFromFormula)((_b = ue === null || ue === void 0 ? void 0 : ue.fv) !== null && _b !== void 0 ? _b : ue === null || ue === void 0 ? void 0 : ue.formulaValue);
-    }, [isActiveCellTableTotal, getCellData, sheetId, activeCell]);
+        var range = activeTable.range;
+        var firstBodyRow = range.startRowIndex + (((_a = activeTable.headerRow) !== null && _a !== void 0 ? _a : true) ? 1 : 0);
+        var lastDataRow = range.endRowIndex - (activeTable.totalRow ? 1 : 0);
+        var sel = selection.range;
+        var clip = function (start, end, lo, hi) {
+            var s = Math.max(start, lo);
+            var e = Math.min(end, hi);
+            return e >= s ? { start: s, end: e, count: e - s + 1 } : undefined;
+        };
+        var activeColumn = {
+            start: activeCell.columnIndex,
+            end: activeCell.columnIndex,
+            count: 1,
+        };
+        var bodyRows = clip(sel.startRowIndex, sel.endRowIndex, firstBodyRow, lastDataRow);
+        return {
+            firstBodyRow: firstBodyRow,
+            lastDataRow: lastDataRow,
+            bodyRows: bodyRows,
+            rows: (_b = clip(sel.startRowIndex, sel.endRowIndex, range.startRowIndex, range.endRowIndex)) !== null && _b !== void 0 ? _b : {
+                start: activeCell.rowIndex,
+                end: activeCell.rowIndex,
+                count: 1,
+            },
+            columns: (_c = clip(sel.startColumnIndex, sel.endColumnIndex, range.startColumnIndex, range.endColumnIndex)) !== null && _c !== void 0 ? _c : activeColumn,
+            touchesLastDataRow: !!bodyRows && bodyRows.end === lastDataRow && lastDataRow >= firstBodyRow,
+        };
+    }, [activeTable, selection.range, activeCell]);
+    /** `rowData` for `onInsertTableRow`: one blank record per row to insert. */
+    var blankTableRows = function (count) {
+        return Array.from({ length: count }, function () { return ({}); });
+    };
     // Sort table or filter
     var onSortTableOrFilterView = (0, react_1.useCallback)(function (direction) {
         // Found a table
@@ -777,28 +853,40 @@ var ContextMenu = function (_a) {
                         "Insert",
                         react_1.default.createElement(ui_1.DropdownRightSlot, null,
                             react_1.default.createElement(icons_1.ChevronRightIcon, null))),
-                    react_1.default.createElement(ui_1.DropdownMenuSubContent, { sideOffset: 2, alignOffset: -5 }, activeTable ? (react_1.default.createElement(react_1.default.Fragment, null,
+                    react_1.default.createElement(ui_1.DropdownMenuSubContent, { sideOffset: 2, alignOffset: -5 }, activeTable && tableSelection ? (react_1.default.createElement(react_1.default.Fragment, null,
                         isActiveCellTableHeader ? null : (react_1.default.createElement(ui_1.DropdownMenuItem, { onClick: function () {
-                                onInsertTableRow === null || onInsertTableRow === void 0 ? void 0 : onInsertTableRow(activeTable, activeCell.rowIndex -
-                                    activeTable.range.startRowIndex);
+                                var _a, _b;
+                                // Above the selected body rows; from the totals
+                                // row, above the totals row (Excel).
+                                var bodyRows = tableSelection.bodyRows, lastDataRow = tableSelection.lastDataRow;
+                                onInsertTableRow === null || onInsertTableRow === void 0 ? void 0 : onInsertTableRow(activeTable, ((_a = bodyRows === null || bodyRows === void 0 ? void 0 : bodyRows.start) !== null && _a !== void 0 ? _a : lastDataRow + 1) -
+                                    activeTable.range.startRowIndex, blankTableRows((_b = bodyRows === null || bodyRows === void 0 ? void 0 : bodyRows.count) !== null && _b !== void 0 ? _b : 1));
+                            }, disabled: readonly },
+                            react_1.default.createElement(ui_1.DropdownLeftSlot, null,
+                                react_1.default.createElement(icons_1.PlusIcon, null)),
+                            "Table Rows Above")),
+                        tableSelection.touchesLastDataRow ? (react_1.default.createElement(ui_1.DropdownMenuItem, { onClick: function () {
+                                var _a;
+                                var bodyRows = tableSelection.bodyRows, lastDataRow = tableSelection.lastDataRow;
+                                onInsertTableRow === null || onInsertTableRow === void 0 ? void 0 : onInsertTableRow(activeTable, lastDataRow + 1 - activeTable.range.startRowIndex, blankTableRows((_a = bodyRows === null || bodyRows === void 0 ? void 0 : bodyRows.count) !== null && _a !== void 0 ? _a : 1));
                             }, disabled: readonly },
                             react_1.default.createElement(ui_1.DropdownLeftSlot, null,
                                 react_1.default.createElement(icons_1.PlusIcon, null)),
-                            "Insert table row")),
+                            "Table Row Below")) : null,
                         react_1.default.createElement(ui_1.DropdownMenuItem, { onClick: function () {
-                                onInsertTableColumn === null || onInsertTableColumn === void 0 ? void 0 : onInsertTableColumn(activeTable, activeCell.columnIndex -
-                                    activeTable.range.startColumnIndex, grid_1.Direction.Left);
+                                var columns = tableSelection.columns;
+                                onInsertTableColumn === null || onInsertTableColumn === void 0 ? void 0 : onInsertTableColumn(activeTable, columns.start - activeTable.range.startColumnIndex, grid_1.Direction.Left, columns.count);
                             }, disabled: readonly },
                             react_1.default.createElement(ui_1.DropdownLeftSlot, null,
                                 react_1.default.createElement(icons_1.ArrowLeftIcon, null)),
-                            "Insert table column to the left"),
+                            "Table Columns to the Left"),
                         react_1.default.createElement(ui_1.DropdownMenuItem, { onClick: function () {
-                                onInsertTableColumn === null || onInsertTableColumn === void 0 ? void 0 : onInsertTableColumn(activeTable, activeCell.columnIndex -
-                                    activeTable.range.startColumnIndex, grid_1.Direction.Right);
+                                var columns = tableSelection.columns;
+                                onInsertTableColumn === null || onInsertTableColumn === void 0 ? void 0 : onInsertTableColumn(activeTable, columns.end - activeTable.range.startColumnIndex, grid_1.Direction.Right, columns.count);
                             }, disabled: readonly },
                             react_1.default.createElement(ui_1.DropdownLeftSlot, null,
                                 react_1.default.createElement(icons_1.ArrowRightIcon, null)),
-                            "Insert table column to the right"))) : (react_1.default.createElement(react_1.default.Fragment, null,
+                            "Table Columns to the Right"))) : (react_1.default.createElement(react_1.default.Fragment, null,
                         react_1.default.createElement(ui_1.DropdownMenuItem, { onClick: function () {
                                 return onInsertRow === null || onInsertRow === void 0 ? void 0 : onInsertRow(sheetId, activeCell.rowIndex, selectedRowIndexes.length);
                             }, disabled: readonly },
@@ -838,8 +926,8 @@ var ContextMenu = function (_a) {
                         react_1.default.createElement(ui_1.DropdownRightSlot, null,
                             react_1.default.createElement(icons_1.ChevronRightIcon, null))),
                     react_1.default.createElement(ui_1.DropdownMenuSubContent, { sideOffset: 2, alignOffset: -5 }, activeTable ? (react_1.default.createElement(react_1.default.Fragment, null,
-                        isActiveCellTableHeader ? null : (react_1.default.createElement(ui_1.DropdownMenuItem, { onClick: function () {
-                                return onDeleteTableRow === null || onDeleteTableRow === void 0 ? void 0 : onDeleteTableRow(activeTable, selectedRowIndexes);
+                        deletableTableRowIndexes.length === 0 ? null : (react_1.default.createElement(ui_1.DropdownMenuItem, { onClick: function () {
+                                return onDeleteTableRow === null || onDeleteTableRow === void 0 ? void 0 : onDeleteTableRow(activeTable, deletableTableRowIndexes);
                             }, disabled: readonly },
                             react_1.default.createElement(ui_1.DropdownLeftSlot, null,
                                 react_1.default.createElement(icons_1.TrashIcon, null)),
@@ -880,6 +968,38 @@ var ContextMenu = function (_a) {
                     react_1.default.createElement(ui_1.DropdownLeftSlot, null,
                         react_1.default.createElement(icons_1.TrashIcon, null)),
                     deleteCellsLabel)),
+                activeTable && tableSelection && onSelectRange ? (react_1.default.createElement(ui_1.DropdownMenuSub, null,
+                    react_1.default.createElement(ui_1.DropdownMenuSubTrigger, null,
+                        react_1.default.createElement(ui_1.DropdownLeftSlot, null,
+                            react_1.default.createElement(icons_1.ViewGridIcon, null)),
+                        "Select",
+                        react_1.default.createElement(ui_1.DropdownRightSlot, null,
+                            react_1.default.createElement(icons_1.ChevronRightIcon, null))),
+                    react_1.default.createElement(ui_1.DropdownMenuSubContent, { sideOffset: 2, alignOffset: -5 },
+                        react_1.default.createElement(ui_1.DropdownMenuItem, { onClick: function () {
+                                return onSelectRange(sheetId, {
+                                    startRowIndex: tableSelection.firstBodyRow,
+                                    endRowIndex: Math.max(tableSelection.firstBodyRow, tableSelection.lastDataRow),
+                                    startColumnIndex: tableSelection.columns.start,
+                                    endColumnIndex: tableSelection.columns.end,
+                                });
+                            } }, "Table Column Data"),
+                        react_1.default.createElement(ui_1.DropdownMenuItem, { onClick: function () {
+                                return onSelectRange(sheetId, {
+                                    startRowIndex: activeTable.range.startRowIndex,
+                                    endRowIndex: activeTable.range.endRowIndex,
+                                    startColumnIndex: tableSelection.columns.start,
+                                    endColumnIndex: tableSelection.columns.end,
+                                });
+                            } }, "Entire Table Column"),
+                        react_1.default.createElement(ui_1.DropdownMenuItem, { onClick: function () {
+                                return onSelectRange(sheetId, {
+                                    startRowIndex: tableSelection.rows.start,
+                                    endRowIndex: tableSelection.rows.end,
+                                    startColumnIndex: activeTable.range.startColumnIndex,
+                                    endColumnIndex: activeTable.range.endColumnIndex,
+                                });
+                            } }, "Table Row")))) : null,
                 react_1.default.createElement(ui_1.DropdownMenuSeparator, null),
                 react_1.default.createElement(ui_1.DropdownMenuSub, null,
                     react_1.default.createElement(ui_1.DropdownMenuSubTrigger, { disabled: readonly },
@@ -920,27 +1040,31 @@ var ContextMenu = function (_a) {
                         react_1.default.createElement(ui_1.DropdownRightSlot, null,
                             react_1.default.createElement(icons_1.ChevronRightIcon, null))),
                     react_1.default.createElement(ui_1.DropdownMenuSubContent, { sideOffset: 2, alignOffset: -5 },
+                        onUpdateTable ? (react_1.default.createElement(ui_1.DropdownMenuCheckboxItem, { checked: !!activeTable.totalRow, disabled: readonly, onSelect: function () {
+                                return onUpdateTable(sheetId, activeTable.id, {
+                                    totalRow: !activeTable.totalRow,
+                                });
+                            } },
+                            react_1.default.createElement(ui_1.DropdownMenuItemIndicator, null,
+                                react_1.default.createElement(icons_1.CheckIcon, null)),
+                            "Totals Row")) : null,
                         react_1.default.createElement(ui_1.DropdownMenuItem, { onClick: function () { return onRemoveTable === null || onRemoveTable === void 0 ? void 0 : onRemoveTable(activeTable); }, disabled: readonly }, "Convert to range"),
                         react_1.default.createElement(ui_1.DropdownMenuItem, { onClick: function () { return onRequestEditTable === null || onRequestEditTable === void 0 ? void 0 : onRequestEditTable(activeTable); }, disabled: readonly }, "Edit table"),
+                        onRequestResizeTable ? (react_1.default.createElement(ui_1.DropdownMenuItem, { onClick: function () {
+                                shouldFocusSheetRef.current = false;
+                                onRequestResizeTable(activeTable);
+                            }, disabled: readonly }, "Resize Table\u2026")) : null,
+                        onRequestInsertSlicer ? (react_1.default.createElement(ui_1.DropdownMenuItem, { onClick: function () {
+                                shouldFocusSheetRef.current = false;
+                                onRequestInsertSlicer(activeTable);
+                            }, disabled: readonly }, "Insert Slicer\u2026")) : null,
                         isActiveCellTableTotal ? (react_1.default.createElement(ui_1.DropdownMenuSub, null,
                             react_1.default.createElement(ui_1.DropdownMenuSubTrigger, { disabled: readonly },
                                 "Total row function",
                                 react_1.default.createElement(ui_1.DropdownRightSlot, null,
                                     react_1.default.createElement(icons_1.ChevronRightIcon, null))),
-                            react_1.default.createElement(ui_1.DropdownMenuSubContent, { sideOffset: 2, alignOffset: -5 }, total_row_functions_1.TOTAL_ROW_FUNCTIONS.map(function (option) { return (react_1.default.createElement(ui_1.DropdownMenuCheckboxItem, { key: option.id, checked: activeTotalRowFunction === option.id, disabled: readonly, onSelect: function () {
-                                    var formula = (0, total_row_functions_1.getTotalRowFunctionFormula)(option.id, activeTable, activeCell.columnIndex);
-                                    if (formula === undefined) {
-                                        return;
-                                    }
-                                    if (formula === "") {
-                                        onClearContents === null || onClearContents === void 0 ? void 0 : onClearContents(sheetId, activeCell, (0, grid_1.selectionFromActiveCell)(activeCell));
-                                        return;
-                                    }
-                                    onChange === null || onChange === void 0 ? void 0 : onChange(sheetId, activeCell, formula, null);
-                                } },
-                                react_1.default.createElement(ui_1.DropdownMenuItemIndicator, null,
-                                    react_1.default.createElement(icons_1.CheckIcon, null)),
-                                option.label)); })))) : null))) : null,
+                            react_1.default.createElement(ui_1.DropdownMenuSubContent, { sideOffset: 2, alignOffset: -5 },
+                                react_1.default.createElement(total_row_function_menu_1.TotalRowFunctionMenuItems, { sheetId: sheetId, table: activeTable, cell: activeCell, readonly: readonly, getCellData: getCellData, onChange: onChange, onClearContents: onClearContents, onUpdateTable: onUpdateTable, onRequestEditCell: onRequestEditCell })))) : null))) : null,
                 activePivotTable ? (react_1.default.createElement(ui_1.DropdownMenuSub, null,
                     react_1.default.createElement(ui_1.DropdownMenuSubTrigger, { disabled: readonly },
                         react_1.default.createElement(ui_1.DropdownLeftSlot, null,
@@ -955,13 +1079,61 @@ var ContextMenu = function (_a) {
                         react_1.default.createElement(ui_1.DropdownMenuItem, { onClick: function () { return onRequestEditPivotTable === null || onRequestEditPivotTable === void 0 ? void 0 : onRequestEditPivotTable(activePivotTable); }, disabled: readonly }, "Edit PivotTable"),
                         react_1.default.createElement(ui_1.DropdownMenuItem, { onClick: function () {
                                 return onRequestDeletePivotTable === null || onRequestDeletePivotTable === void 0 ? void 0 : onRequestDeletePivotTable(activePivotTable.pivotId);
-                            }, disabled: readonly }, "Delete PivotTable")))) : null,
+                            }, disabled: readonly }, "Delete PivotTable"),
+                        onRequestCreatePivotChart ? (react_1.default.createElement(ui_1.DropdownMenuItem, { onClick: function () {
+                                return onRequestCreatePivotChart(sheetId, activeCell, selections, activePivotTable.pivotId);
+                            }, disabled: readonly }, "PivotChart")) : null))) : null,
+                activeSparklineGroup ? (react_1.default.createElement(ui_1.DropdownMenuSub, null,
+                    react_1.default.createElement(ui_1.DropdownMenuSubTrigger, { disabled: readonly },
+                        "Sparklines",
+                        react_1.default.createElement(ui_1.DropdownRightSlot, null,
+                            react_1.default.createElement(icons_1.ChevronRightIcon, null))),
+                    react_1.default.createElement(ui_1.DropdownMenuSubContent, { sideOffset: 2, alignOffset: -5 },
+                        react_1.default.createElement(ui_1.DropdownMenuItem, { disabled: readonly, onClick: function () {
+                                shouldFocusSheetRef.current = false;
+                                openSparklineDialog({ mode: "edit", group: activeSparklineGroup });
+                            } }, "Edit Group Location & Data\u2026"),
+                        react_1.default.createElement(ui_1.DropdownMenuItem, { disabled: readonly, onClick: function () {
+                                var e_5, _a, e_6, _b;
+                                var cells = [];
+                                try {
+                                    for (var _c = tslib_1.__values(selections.length
+                                        ? selections
+                                        : (0, grid_1.selectionFromActiveCell)(activeCell)), _d = _c.next(); !_d.done; _d = _c.next()) {
+                                        var range = _d.value.range;
+                                        try {
+                                            for (var _e = (e_6 = void 0, tslib_1.__values((0, utils_1.iterateCellsInRange)(range))), _f = _e.next(); !_f.done; _f = _e.next()) {
+                                                var _g = tslib_1.__read(_f.value, 2), rowIndex = _g[0], columnIndex = _g[1];
+                                                cells.push({ rowIndex: rowIndex, columnIndex: columnIndex });
+                                            }
+                                        }
+                                        catch (e_6_1) { e_6 = { error: e_6_1 }; }
+                                        finally {
+                                            try {
+                                                if (_f && !_f.done && (_b = _e.return)) _b.call(_e);
+                                            }
+                                            finally { if (e_6) throw e_6.error; }
+                                        }
+                                    }
+                                }
+                                catch (e_5_1) { e_5 = { error: e_5_1 }; }
+                                finally {
+                                    try {
+                                        if (_d && !_d.done && (_a = _c.return)) _a.call(_c);
+                                    }
+                                    finally { if (e_5) throw e_5.error; }
+                                }
+                                clearSparklineCells(cells);
+                            } }, "Clear Selected Sparklines"),
+                        react_1.default.createElement(ui_1.DropdownMenuItem, { disabled: readonly, onClick: function () {
+                                return clearSparklineCells(activeSparklineGroup.members.map(function (m) { return m.cell; }));
+                            } }, "Clear Selected Sparkline Groups")))) : null,
                 react_1.default.createElement(ui_1.DropdownMenuSeparator, null),
                 activeTable ? null : (react_1.default.createElement(react_1.default.Fragment, null,
                     react_1.default.createElement(ui_1.DropdownMenuItem, { onClick: function () {
                             // We have to shift the focus to note editor
                             shouldFocusSheetRef.current = false;
-                            onCreateTable === null || onCreateTable === void 0 ? void 0 : onCreateTable(sheetId, activeCell, selections, undefined, "TableStyleLight1", {
+                            var bandedRange = {
                                 rowProperties: {
                                     firstBandColor: {
                                         theme: 1,
@@ -996,7 +1168,13 @@ var ContextMenu = function (_a) {
                                         },
                                     },
                                 },
-                            });
+                            };
+                            if (onRequestCreateTable) {
+                                onRequestCreateTable(sheetId, activeCell, selections, "TableStyleLight1", bandedRange);
+                            }
+                            else {
+                                onCreateTable === null || onCreateTable === void 0 ? void 0 : onCreateTable(sheetId, activeCell, selections, undefined, "TableStyleLight1", bandedRange);
+                            }
                         }, disabled: readonly },
                         react_1.default.createElement(ui_1.DropdownLeftSlot, null,
                             react_1.default.createElement(icons_1.TableIcon, null)),

package/dist/cjs/components/context-menu/total-row-function-menu.d.ts

@@ -0,0 +1,33 @@
+import type { CellInterface } from "@rowsncolumns/grid";
+import React from "react";
+import type { TableView } from "../../types";
+import type { CanvasGridProps } from "../canvas-grid/typings";
+export type TotalRowFunctionMenuItemsProps = {
+    sheetId: number;
+    table: TableView;
+    /** The totals-row cell the picker acts on. */
+    cell: CellInterface;
+    readonly?: boolean;
+    /** Reads the cell's formula to highlight its current function when the column records none. */
+    getCellData?: CanvasGridProps["getCellData"];
+    /** Writes the chosen aggregation formula into the cell (fallback without `onUpdateTable`). */
+    onChange?: CanvasGridProps["onChange"];
+    /** Clears the cell for "None" (fallback without `onUpdateTable`). */
+    onClearContents?: CanvasGridProps["onClearContents"];
+    /**
+     * Records the choice as the column's `totalsRowFunction`: both engines derive
+     * the totals cell from it and regenerate it when the totals row is toggled off
+     * and on. Without it the picker writes the formula with `onChange`.
+     */
+    onUpdateTable?: CanvasGridProps["onUpdateTable"];
+    /** Opens the cell editor pre-filled, for "More Functions…" (omitted when absent). */
+    onRequestEditCell?: (sheetId: number, cell: CellInterface, initialValue?: string) => void;
+};
+/**
+ * Excel's totals-row function list (None / Average / Count / … / Var, then
+ * "More Functions…") for one totals cell — the items of the context menu's
+ * "Total row function" submenu and of the dropdown the totals cell's in-cell
+ * arrow opens.
+ */
+export declare const TotalRowFunctionMenuItems: ({ sheetId, table, cell, readonly, getCellData, onChange, onClearContents, onUpdateTable, onRequestEditCell, }: TotalRowFunctionMenuItemsProps) => React.JSX.Element;
+//# sourceMappingURL=total-row-function-menu.d.ts.map

package/dist/cjs/components/context-menu/total-row-function-menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"total-row-function-menu.d.ts","sourceRoot":"","sources":["../../../../components/context-menu/total-row-function-menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AASxD,OAAO,KAAkB,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAS9D,MAAM,MAAM,8BAA8B,GAAG;IAC3C,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,SAAS,CAAC;IACjB,8CAA8C;IAC9C,IAAI,EAAE,aAAa,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+FAA+F;IAC/F,WAAW,CAAC,EAAE,eAAe,CAAC,aAAa,CAAC,CAAC;IAC7C,8FAA8F;IAC9F,QAAQ,CAAC,EAAE,eAAe,CAAC,UAAU,CAAC,CAAC;IACvC,qEAAqE;IACrE,eAAe,CAAC,EAAE,eAAe,CAAC,iBAAiB,CAAC,CAAC;IACrD;;;;OAIG;IACH,aAAa,CAAC,EAAE,eAAe,CAAC,eAAe,CAAC,CAAC;IACjD,qFAAqF;IACrF,iBAAiB,CAAC,EAAE,CAClB,OAAO,EAAE,MAAM,EACf,IAAI,EAAE,aAAa,EACnB,YAAY,CAAC,EAAE,MAAM,KAClB,IAAI,CAAC;CACX,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,yBAAyB,GAAI,+GAUvC,8BAA8B,sBAiEhC,CAAC"}

package/dist/cjs/components/context-menu/total-row-function-menu.js

@@ -0,0 +1,58 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TotalRowFunctionMenuItems = void 0;
+var tslib_1 = require("tslib");
+var grid_1 = require("@rowsncolumns/grid");
+var icons_1 = require("@rowsncolumns/icons");
+var ui_1 = require("@rowsncolumns/ui");
+var react_1 = tslib_1.__importStar(require("react"));
+var total_row_functions_1 = require("./total-row-functions");
+/**
+ * Excel's totals-row function list (None / Average / Count / … / Var, then
+ * "More Functions…") for one totals cell — the items of the context menu's
+ * "Total row function" submenu and of the dropdown the totals cell's in-cell
+ * arrow opens.
+ */
+var TotalRowFunctionMenuItems = function (_a) {
+    var sheetId = _a.sheetId, table = _a.table, cell = _a.cell, readonly = _a.readonly, getCellData = _a.getCellData, onChange = _a.onChange, onClearContents = _a.onClearContents, onUpdateTable = _a.onUpdateTable, onRequestEditCell = _a.onRequestEditCell;
+    var activeFunction = (0, react_1.useMemo)(function () {
+        var _a, _b, _c, _d;
+        // The column's recorded function is the source of truth; a totals cell
+        // without one (typed by hand, or from a file) is read off its formula.
+        var recorded = (_b = (_a = table.columns) === null || _a === void 0 ? void 0 : _a[cell.columnIndex - table.range.startColumnIndex]) === null || _b === void 0 ? void 0 : _b.totalsRowFunction;
+        if (recorded && recorded !== "custom") {
+            return recorded;
+        }
+        var cellData = getCellData === null || getCellData === void 0 ? void 0 : getCellData(sheetId, cell.rowIndex, cell.columnIndex);
+        var ue = (_c = cellData === null || cellData === void 0 ? void 0 : cellData.ue) !== null && _c !== void 0 ? _c : cellData === null || cellData === void 0 ? void 0 : cellData.userEnteredValue;
+        return (0, total_row_functions_1.getTotalRowFunctionFromFormula)((_d = ue === null || ue === void 0 ? void 0 : ue.fv) !== null && _d !== void 0 ? _d : ue === null || ue === void 0 ? void 0 : ue.formulaValue);
+    }, [table, getCellData, sheetId, cell]);
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        total_row_functions_1.TOTAL_ROW_FUNCTIONS.map(function (option) { return (react_1.default.createElement(ui_1.DropdownMenuCheckboxItem, { key: option.id, checked: activeFunction === option.id, disabled: readonly, onSelect: function () {
+                var columns = onUpdateTable
+                    ? (0, total_row_functions_1.withTotalRowFunction)(table, cell.columnIndex, option.id)
+                    : undefined;
+                if (columns) {
+                    onUpdateTable === null || onUpdateTable === void 0 ? void 0 : onUpdateTable(sheetId, table.id, { columns: columns });
+                    return;
+                }
+                var formula = (0, total_row_functions_1.getTotalRowFunctionFormula)(option.id, table, cell.columnIndex);
+                if (formula === undefined) {
+                    return;
+                }
+                if (formula === "") {
+                    onClearContents === null || onClearContents === void 0 ? void 0 : onClearContents(sheetId, cell, (0, grid_1.selectionFromActiveCell)(cell));
+                    return;
+                }
+                onChange === null || onChange === void 0 ? void 0 : onChange(sheetId, cell, formula, null);
+            } },
+            react_1.default.createElement(ui_1.DropdownMenuItemIndicator, null,
+                react_1.default.createElement(icons_1.CheckIcon, null)),
+            option.label)); }),
+        onRequestEditCell ? (react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement(ui_1.DropdownMenuSeparator, null),
+            react_1.default.createElement(ui_1.DropdownMenuItem, { disabled: readonly, onSelect: function () {
+                    return onRequestEditCell(sheetId, cell, total_row_functions_1.MORE_FUNCTIONS_INITIAL_VALUE);
+                } }, "More Functions\u2026"))) : null));
+};
+exports.TotalRowFunctionMenuItems = TotalRowFunctionMenuItems;

package/dist/cjs/components/context-menu/total-row-functions.d.ts

@@ -1,9 +1,11 @@
+import { escapeStructuredColumnName, getTotalsRowFunctionFromFormula, type TotalsRowFunction } from "@rowsncolumns/utils";
 import type { TableView } from "../../types";
 /**
- * The aggregations Excel offers in a table's totals-row dropdown, each backed
- * by the `SUBTOTAL` function number that ignores hidden (filtered) rows.
+ * The aggregations Excel offers in a table's totals-row dropdown — the
+ * `totalsRowFunction` values a column records (`custom` is what "More
+ * Functions…" produces and is not a picker entry).
  */
-export type TotalRowFunction = "none" | "average" | "count" | "countNumbers" | "max" | "min" | "sum" | "stdDev" | "var";
+export type TotalRowFunction = Exclude<TotalsRowFunction, "custom">;
 export type TotalRowFunctionOption = {
     id: TotalRowFunction;
     label: string;
@@ -11,11 +13,9 @@ export type TotalRowFunctionOption = {
     subtotal?: number;
 };
 export declare const TOTAL_ROW_FUNCTIONS: TotalRowFunctionOption[];
-/**
- * Escape a column name for use inside a structured reference: `[`, `]`, `#`
- * and `'` are prefixed with `'`, as Excel does.
- */
-export declare const escapeStructuredColumnName: (name: string) => string;
+/** What "More Functions…" pre-fills in the cell editor for a custom totals formula. */
+export declare const MORE_FUNCTIONS_INITIAL_VALUE = "=SUBTOTAL(";
+export { escapeStructuredColumnName, getTotalsRowFunctionFromFormula as getTotalRowFunctionFromFormula };
 /**
  * Formula for a totals-row cell, e.g. `=SUBTOTAL(109,Table1[Amount])`.
  * Qualified with the table name so it evaluates from any engine and matches
@@ -24,9 +24,9 @@ export declare const escapeStructuredColumnName: (name: string) => string;
  */
 export declare const getTotalRowFunctionFormula: (fn: TotalRowFunction, table: Pick<TableView, "title" | "columns" | "range">, columnIndex: number) => string | undefined;
 /**
- * Recognise the aggregation a totals-row formula uses, so the picker can show
- * the active choice. Both the hidden-row-aware (1xx) and plain (1–11)
- * `SUBTOTAL` numbers map to the same option; anything else is "none".
+ * The table's columns with `columnIndex`'s `totalsRowFunction` set to `fn` —
+ * the shape `onUpdateTable` persists so the choice survives toggling the totals
+ * row off and on. `undefined` when the column list does not cover the cell.
  */
-export declare const getTotalRowFunctionFromFormula: (formula: string | null | undefined) => TotalRowFunction;
+export declare const withTotalRowFunction: (table: Pick<TableView, "columns" | "range">, columnIndex: number, fn: TotalRowFunction) => TableView["columns"] | undefined;
 //# sourceMappingURL=total-row-functions.d.ts.map

package/dist/cjs/components/context-menu/total-row-functions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"total-row-functions.d.ts","sourceRoot":"","sources":["../../../../components/context-menu/total-row-functions.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAE7C;;;GAGG;AACH,MAAM,MAAM,gBAAgB,GACxB,MAAM,GACN,SAAS,GACT,OAAO,GACP,cAAc,GACd,KAAK,GACL,KAAK,GACL,KAAK,GACL,QAAQ,GACR,KAAK,CAAC;AAEV,MAAM,MAAM,sBAAsB,GAAG;IACnC,EAAE,EAAE,gBAAgB,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,iEAAiE;IACjE,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,sBAAsB,EAUvD,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,0BAA0B,GAAI,MAAM,MAAM,WACnB,CAAC;AAErC;;;;;GAKG;AACH,eAAO,MAAM,0BAA0B,GACrC,IAAI,gBAAgB,EACpB,OAAO,IAAI,CAAC,SAAS,EAAE,OAAO,GAAG,SAAS,GAAG,OAAO,CAAC,EACrD,aAAa,MAAM,KAClB,MAAM,GAAG,SAaX,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,8BAA8B,GACzC,SAAS,MAAM,GAAG,IAAI,GAAG,SAAS,KACjC,gBAgBF,CAAC"}
+{"version":3,"file":"total-row-functions.d.ts","sourceRoot":"","sources":["../../../../components/context-menu/total-row-functions.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,0BAA0B,EAE1B,+BAA+B,EAE/B,KAAK,iBAAiB,EACvB,MAAM,qBAAqB,CAAC;AAE7B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAE7C;;;;GAIG;AACH,MAAM,MAAM,gBAAgB,GAAG,OAAO,CAAC,iBAAiB,EAAE,QAAQ,CAAC,CAAC;AAEpE,MAAM,MAAM,sBAAsB,GAAG;IACnC,EAAE,EAAE,gBAAgB,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,iEAAiE;IACjE,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,sBAAsB,EAgBrD,CAAC;AAEJ,uFAAuF;AACvF,eAAO,MAAM,4BAA4B,eAAe,CAAC;AAEzD,OAAO,EAAE,0BAA0B,EAAE,+BAA+B,IAAI,8BAA8B,EAAE,CAAC;AAEzG;;;;;GAKG;AACH,eAAO,MAAM,0BAA0B,GACrC,IAAI,gBAAgB,EACpB,OAAO,IAAI,CAAC,SAAS,EAAE,OAAO,GAAG,SAAS,GAAG,OAAO,CAAC,EACrD,aAAa,MAAM,KAClB,MAAM,GAAG,SAUX,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,GAC/B,OAAO,IAAI,CAAC,SAAS,EAAE,SAAS,GAAG,OAAO,CAAC,EAC3C,aAAa,MAAM,EACnB,IAAI,gBAAgB,KACnB,SAAS,CAAC,SAAS,CAAC,GAAG,SASzB,CAAC"}