@rowsncolumns/spreadsheet 10.5.17 → 10.6.4

package/dist/esm/atoms/index.js

@@ -23,6 +23,10 @@ export * from "./go-to-dialog.atom";
 export * from "./move-overwrite-confirm.atom";
 export * from "./evaluate-formula-dialog.atom";
 export * from "./remove-duplicates-dialog.atom";
+export * from "./text-to-columns-dialog.atom";
+export * from "./subtotal-dialog.atom";
+export * from "./goal-seek-dialog.atom";
+export * from "./advanced-filter-dialog.atom";
 export * from "./watch-window.atom";
 export * from "./insert-cells-dialog.atom";
 export * from "./insert-options.atom";

package/dist/esm/components/canvas-grid/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../components/canvas-grid/index.tsx"],"names":[],"mappings":"AAqDA,OAAO,KASN,MAAM,OAAO,CAAC;AAyNf,OAAO,KAAK,EAGV,QAAQ,EAWT,MAAM,aAAa,CAAC;AAoBrB,OAAO,KAAK,EACV,wBAAwB,EACxB,iBAAiB,EACjB,eAAe,EAEhB,MAAM,WAAW,CAAC;AA+jMnB,eAAO,MAAM,UAAU,EAA4C,CACjE,CAAC,SAAS,QAAQ,CAAC,GAAG,CAAC,EAEvB,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,GACvB,wBAAwB,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAA;CAAE,KAChE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../components/canvas-grid/index.tsx"],"names":[],"mappings":"AAsDA,OAAO,KASN,MAAM,OAAO,CAAC;AAgOf,OAAO,KAAK,EAGV,QAAQ,EAWT,MAAM,aAAa,CAAC;AAoBrB,OAAO,KAAK,EACV,wBAAwB,EACxB,iBAAiB,EACjB,eAAe,EAEhB,MAAM,WAAW,CAAC;AA6sMnB,eAAO,MAAM,UAAU,EAA4C,CACjE,CAAC,SAAS,QAAQ,CAAC,GAAG,CAAC,EAEvB,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,GACvB,wBAAwB,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAA;CAAE,KAChE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC"}

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

@@ -5,7 +5,7 @@ import { getBoundedCells, MouseButtonCodes } from "@rowsncolumns/grid";
 import { isCellWithinBounds } from "@rowsncolumns/grid";
 import { cellIdentifier, Grid as BaseGrid, isEqualCells, } from "@rowsncolumns/grid";
 import { cn, DropdownMenuContent, DropdownMenuPortal, Skeleton, tryParseRichText, } from "@rowsncolumns/ui";
-import { cellToAddress, getCellEffectiveFormat, getContrastColor, getFormulaLocale, getEffectiveDataValidationConditionType, isConditionalFormatFormulaRule, isDataValidationFormulaRule, isNil, isNilOrBlank, iterateCellsInRange, localizeCellInput, localizeFormula, localizeFunctionDescriptions, log, resolveDefaultHorizontalAlignment, ssfFormatColor, uuid, } from "@rowsncolumns/utils";
+import { cellToAddress, getCellEffectiveFormat, getContrastColor, getFormulaLocale, getEffectiveDataValidationConditionType, isConditionalFormatFormulaRule, isDataValidationFormulaRule, isNil, isNilOrBlank, iterateCellsInRange, localizeCellInput, localizeFormula, localizeFunctionDescriptions, log, resolveDefaultHorizontalAlignment, ssfFormat, ssfFormatColor, uuid, } from "@rowsncolumns/utils";
 import { useStore } from "jotai";
 import merge from "lodash/merge";
 import throttle from "lodash/throttle";
@@ -14,6 +14,7 @@ import { getBandedCells } from "../../api/banded-ranges";
 import { clearRangeForInsertedBand, formatsForInsertOption, insertedBandHasValues, } from "../../api/insert-options";
 import { keepsCalculatedColumnTag, } from "../../api/calculated-column-fill";
 import { keepsTableAutoExpansionTag, } from "../../api/table-auto-expansion";
+import { isConditionalFormatNumberCell, isDarkCssColor, } from "../../api/cf-overlays";
 import { CF_INITIAL_WINDOW, cfWindowForViewport, isSameCfWindow, } from "../../api/cf-window";
 import { generateSelectionsFromFormula } from "../../api/selections";
 import { SpreadsheetApi } from "../../api/spreadsheet-api";
@@ -21,7 +22,7 @@ import { findActiveTableWithinCell } from "../../api/table";
 import { getDataValidationTooltipContent } from "../../api/validation-tooltip";
 import { resolveGoToSpecial } from "../../api/go-to-special";
 import { checkExcelValidationValue, isFormulaEntry, } from "../../api/excel-validation-kinds";
-import { checkBooleanRule, decideValidationCommit, isCellLockedUnderProtection, isProtectedCell, isProtectedSheet, showValidationDropdownArrow, } from "../../api/validation";
+import { checkBooleanRule, decideValidationCommit, isCellFormulaHiddenUnderProtection, isCellLockedUnderProtection, isProtectedCell, isProtectedSheet, } from "../../api/validation";
 import { useFormulaModeValue, useIsEvaluateFormulaDialogMounted, useIsGoToDialogMounted, useIsMoveOverwriteConfirmMounted, useIsPasteSpecialDialogMounted, useOpenEvaluateFormulaDialog, useOpenGoToDialog, useOpenMoveOverwriteConfirm, useOpenPasteSpecialDialog, useSetNoteEditorCell, useSetPinnedTooltip, useFillOptionsState, useInsertOptionsState, useTableAutoExpansionState, useCalculatedColumnFillState, useOpenFillSeriesDialog, useShowPasteMenu, useShowValidationAlert, } from "../../atoms";
 import { useActiveEditor } from "../../atoms/active-editor.atom";
 import { useAddWatch, useIsWatchWindowMounted, useSetWatchWindowContext, } from "../../atoms/watch-window.atom";
@@ -32,12 +33,14 @@ import { useFormulaSelections } from "../../atoms/formula-selections.atom";
 import { useQuickEditState } from "../../atoms/magic-fill-state.atom";
 import { useOnHideFormulaHelp, useOnShowFormulaHelp, useShowFormulaHelpValue, } from "../../atoms/show-formula-help.atom";
 import { useSetSpreadsheetApi } from "../../atoms/spreadsheet-api.atom";
-import { ARROW_DOWN_WIDTH, CALCULATED_ICON_WIDTH, CELL_HORIZONTAL_ALIGNMENT, CF_ICON_SPACING, CF_ICON_WIDTH, CHIP_COLOR, CHIP_SPACING, COLUMN_HEADER_HEIGHT, DEFAULT_ACTIVE_CELL, DEFAULT_ARRAY, DEFAULT_CELL_BACKGROUND_COLOR, DEFAULT_CELL_COLOR, DEFAULT_CELL_SPACING, DEFAULT_COLUMN_COUNT, DEFAULT_COLUMN_WIDTH, DEFAULT_FONT_SIZE_PT, DEFAULT_HEADER_ACTIVE_BG, DEFAULT_HEADER_ACTIVE_TABLE_BG, DEFAULT_HEADER_BG, DEFAULT_HEADER_BORDER_COLOR, DEFAULT_HEADER_COLOR, DEFAULT_HEADER_SELECTED_BG, DEFAULT_HEADER_SELECTED_TABLE_BG, DEFAULT_HEADER_TABLE_BG, DEFAULT_ROW_COUNT, DEFAULT_ROW_HEIGHT, DEFAULT_SCROLL_POSITION, defaultSpreadsheetTheme, EXPAND_COLLAPSE_ICON_WIDTH, FILTER_ICON_WIDTH, GRIDLINE_COLOR, HEADER_TEXT_FORMAT, INDENT_SPACING, MAX_COLUMN_COUNT, MAX_ROW_COUNT, MIN_COLUMN_WIDTH, ROW_HEADER_WIDTH, SCROLLBAR_SIZE, SELECTION_BG, SELECTION_BORDER, } from "../../config";
+import { ARROW_DOWN_WIDTH, CALCULATED_ICON_WIDTH, CELL_HORIZONTAL_ALIGNMENT, CF_ICON_SPACING, CF_ICON_WIDTH, CHIP_COLOR, CHIP_SPACING, COLUMN_HEADER_HEIGHT, DEFAULT_ACTIVE_CELL, DEFAULT_ARRAY, DEFAULT_CELL_BACKGROUND_COLOR, DEFAULT_CELL_COLOR, DEFAULT_CELL_SPACING, DEFAULT_COLUMN_COUNT, DEFAULT_COLUMN_WIDTH, DEFAULT_FONT_SIZE_PT, DEFAULT_HEADER_ACTIVE_BG, DEFAULT_HEADER_ACTIVE_TABLE_BG, DEFAULT_HEADER_BG, DEFAULT_HEADER_BORDER_COLOR, DEFAULT_HEADER_COLOR, DEFAULT_HEADER_SELECTED_BG, DEFAULT_HEADER_SELECTED_TABLE_BG, DEFAULT_HEADER_TABLE_BG, DEFAULT_ROW_COUNT, DEFAULT_ROW_HEIGHT, DEFAULT_SCROLL_POSITION, defaultSpreadsheetTheme, EXPAND_COLLAPSE_ICON_WIDTH, FILTER_ICON_WIDTH, GRIDLINE_COLOR, HEADER_TEXT_FORMAT, FILTER_BUTTON_GLYPH_COLOR, INDENT_SPACING, MAX_COLUMN_COUNT, MAX_ROW_COUNT, MIN_COLUMN_WIDTH, ROW_HEADER_WIDTH, SCROLLBAR_SIZE, SELECTION_BG, SELECTION_BORDER, } from "../../config";
 import { definedProps, getCellEffectiveValue, getCellFormattedValue, getCellUserEnteredValue, getDefaultColumnHeader, getDefaultRowHeader, getExtendedValueBool, getExtendedValueError, getExtendedValueFormula, getExtendedValueNumber, getExtendedValueString, getTableHeaderCells, isFirefox, isStyleReference, isTouchDevice, toEditorRangeValuesAsync, } from "../../helpers";
 import { useBorderStyles } from "../../hooks/use-border-styles";
 import { useCallbackRef } from "../../hooks/use-callback-ref";
 import { useCellPopover } from "../../hooks/use-cell-popover";
 import { useCellRenderer } from "../../hooks/use-cell-renderer";
+import { blocksOverflow, walkOverflowColumns } from "./overflow";
+import { getPageBreakBorderStyles } from "./page-breaks";
 import { useChartSourceRanges } from "../../hooks/use-chart-source-ranges";
 import { useConditionalFormatting } from "../../hooks/use-conditional-formatting";
 import { DefaultContextMenuWrapper, useContextMenu, } from "../../hooks/use-context-menu";
@@ -127,7 +130,7 @@ function isDetachedEditor(editor) {
     return element != null && !element.isConnected;
 }
 function CanvasGridComponent(props, forwardedRef) {
-    const { licenseKey, sheetId, sheetType, ChartSheetView: ChartSheetViewComponent = ChartSheetView, instanceId, activeCell = DEFAULT_ACTIVE_CELL, selections = DEFAULT_ARRAY, frozenColumnCount = 0, frozenRowCount = 0, rowCount = DEFAULT_ROW_COUNT, columnCount = DEFAULT_COLUMN_COUNT, autoFocus, basicFilter, tables, namedRanges, bandedRanges = DEFAULT_ARRAY, tableBorderColor = "#008000", filterIconColor = "#008000", conditionalFormats, showFilterIcon = true, showCalculatedColumnIcon = true, showHeaders = true, defaultColumnWidth = DEFAULT_COLUMN_WIDTH, defaultRowHeight = DEFAULT_ROW_HEIGHT, lineHeightMode = "fontMetrics", columnHeaderHeight = COLUMN_HEADER_HEIGHT, rowHeaderWidth = ROW_HEADER_WIDTH, gridLineColor = GRIDLINE_COLOR, cellBackgroundColor = DEFAULT_CELL_BACKGROUND_COLOR, cellColor = DEFAULT_CELL_COLOR, headerBorderColor = DEFAULT_HEADER_BORDER_COLOR, headerBackgroundColor = DEFAULT_HEADER_BG, headerColor = DEFAULT_HEADER_COLOR, headerActiveBackgroundColor = DEFAULT_HEADER_ACTIVE_BG, headerSelectedBackgroundColor = DEFAULT_HEADER_SELECTED_BG, headerSelectedColor = "white", headerTableBackgroundColor = DEFAULT_HEADER_TABLE_BG, headerTableActiveBackgroundColor = DEFAULT_HEADER_ACTIVE_TABLE_BG, headerTableSelectedBackgroundColor = DEFAULT_HEADER_SELECTED_TABLE_BG, frozenShadowColor = headerBorderColor, frozenShadowThickness = 1, selectionBackgroundColor = SELECTION_BG, selectionBorderColor = SELECTION_BORDER, selectionStrokeWidth, showActiveCellBorderInSelection, selectionDragBorderColor = SELECTION_BORDER, chartSelectedColor, chipBackgroundColor = CHIP_COLOR, merges = DEFAULT_ARRAY, borderStyles, protectedRanges, isWorkbookProtected: isWorkbookProtectedProp = false, getSheetProtection, pivotTables, charts, onUpdateChart, onChangeZOrder, embeds, slicers, rowMetadata = DEFAULT_ARRAY, columnMetadata = DEFAULT_ARRAY, scale = 1, zoomSpeed = 1, overscanCount = 3, enableEditOnEnterKey: enableEditOnEnterKeyProp, shouldHandleKeyDown, enableTextOverflow = true, showGridLines: _showGridLines, showFormulas = false, protectFormulas = false, showFrozenSeparator = true, HeaderCell = DefaultHeaderCell, Cell = DefaultCell, SelectionTitleComponent = SelectionTitle, CellEditor = DefaultCellEditor, CellTooltip, ContextMenu = DefaultContextMenu, ContextMenuWrapper = DefaultContextMenuWrapper, FilterBox = DefaultFilterBox, HeaderMoveDragComponent = DefaultHeaderMoveDragComponent, SuggestionsDropdown, stickyEditor = true, scrollSnap = false, scrollThrottleTimeout, preventBrowserDefaultScroll, mouseMoveThrottleTimeout = 60, tooltipIntentInterval = 60, selectionPolicy, users, userId, renderCollaboratorCursor, functionDescriptions, showHeaderMenuButton = true, scrollbarSize = SCROLLBAR_SIZE, theme = defaultSpreadsheetTheme, showNotes = true, showComments = true, locale, formulaLocale: formulaLocaleProp, agentSuggestions, onReviewSuggestion, onShowFormulas, getDataRowCount, getDataRegion, getChartComponent, getEmbedComponent, getSlicerComponent, onChange, onChangeBatch, onExpandCollapse, onPivotDrillDown, onDelete, onChangeEditorValue, onFill, onRequestCalculate, onChangeActiveCell, onChangeActiveSheet, onChangeSelections, getSheetName, getSheetId, getCellData, getNote: getNoteProp, getTextFormatRuns, getDataValidation, getEffectiveFormat, getFormattedValue: getFormattedValueProp, getTooltipContent, errorResolutionComponent, getEffectiveValue: getEffectiveValueProp, getSparklineGroup, getUserEnteredExtendedValue, getEffectiveExtendedValue, getSheetRowCount, getSheetColumnCount, getCellPopoverContent, onScroll, onViewPortChange, windowConditionalFormats = false, engineConditionalFormatResults = false, 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, batchHistory, 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 = getDefaultRowHeader, getColumnHeaderText = getDefaultColumnHeader, getAdditionalCellSpacing, tokenizer: defaultTokenizer = defaultFormulaTokenizer, onChangeScale, onRemoveLink, onSelectLink, onSplitTextToColumns, onRemoveDuplicates, onGoalSeek, onSubtotal, onAdvancedFilter, onRequestExpand, cellExpandPredicate, StructuredResult = DefaultStructuredResult, getMentions, getStructuredProperties: getStructuredPropertiesProp, getFunctionParameterSuggestions, shouldFetchFunctionParameters, MentionTagComponent, MentionDropdownItemComponent, showSelectionResizeHandles = true, enableMagicFill, enableQuickEdit = true, MagicFillComponent, MagicFillContent, QuickEdit, PasteMenu, SuggestionAction, HiddenRowMarkers, HiddenColumnMarkers, enableResizerOverflow, className, defaultFontSizePoint = DEFAULT_FONT_SIZE_PT, defaultCellFormat, readonly, isComparing = false, getCellDiff, enableDataBoundaryNavigation, footerHeight, footerComponent, arrowComponents, 
+    const { licenseKey, sheetId, sheetType, ChartSheetView: ChartSheetViewComponent = ChartSheetView, instanceId, activeCell = DEFAULT_ACTIVE_CELL, selections = DEFAULT_ARRAY, frozenColumnCount = 0, frozenRowCount = 0, rowCount = DEFAULT_ROW_COUNT, columnCount = DEFAULT_COLUMN_COUNT, autoFocus, basicFilter, tables, namedRanges, bandedRanges = DEFAULT_ARRAY, tableBorderColor = "#008000", filterIconColor = FILTER_BUTTON_GLYPH_COLOR, conditionalFormats, showFilterIcon = true, showCalculatedColumnIcon = true, showHeaders = true, defaultColumnWidth = DEFAULT_COLUMN_WIDTH, defaultRowHeight = DEFAULT_ROW_HEIGHT, lineHeightMode = "fontMetrics", columnHeaderHeight = COLUMN_HEADER_HEIGHT, rowHeaderWidth = ROW_HEADER_WIDTH, gridLineColor = GRIDLINE_COLOR, cellBackgroundColor = DEFAULT_CELL_BACKGROUND_COLOR, cellColor = DEFAULT_CELL_COLOR, headerBorderColor = DEFAULT_HEADER_BORDER_COLOR, headerBackgroundColor = DEFAULT_HEADER_BG, headerColor = DEFAULT_HEADER_COLOR, headerActiveBackgroundColor = DEFAULT_HEADER_ACTIVE_BG, headerSelectedBackgroundColor = DEFAULT_HEADER_SELECTED_BG, headerSelectedColor = "white", headerTableBackgroundColor = DEFAULT_HEADER_TABLE_BG, headerTableActiveBackgroundColor = DEFAULT_HEADER_ACTIVE_TABLE_BG, headerTableSelectedBackgroundColor = DEFAULT_HEADER_SELECTED_TABLE_BG, frozenShadowColor = headerBorderColor, frozenShadowThickness = 1, selectionBackgroundColor = SELECTION_BG, selectionBorderColor = SELECTION_BORDER, selectionStrokeWidth, showActiveCellBorderInSelection, selectionDragBorderColor = SELECTION_BORDER, chartSelectedColor, chipBackgroundColor = CHIP_COLOR, merges = DEFAULT_ARRAY, borderStyles, protectedRanges, isWorkbookProtected: isWorkbookProtectedProp = false, getSheetProtection, pivotTables, charts, onUpdateChart, onChangeZOrder, embeds, slicers, rowMetadata = DEFAULT_ARRAY, columnMetadata = DEFAULT_ARRAY, scale = 1, zoomSpeed = 1, overscanCount = 3, enableEditOnEnterKey: enableEditOnEnterKeyProp, shouldHandleKeyDown, enableTextOverflow = true, showGridLines: _showGridLines, showZeros, pageBreaks, showFormulas = false, protectFormulas = false, showFrozenSeparator = true, HeaderCell = DefaultHeaderCell, Cell = DefaultCell, SelectionTitleComponent = SelectionTitle, CellEditor = DefaultCellEditor, CellTooltip, ContextMenu = DefaultContextMenu, ContextMenuWrapper = DefaultContextMenuWrapper, FilterBox = DefaultFilterBox, HeaderMoveDragComponent = DefaultHeaderMoveDragComponent, SuggestionsDropdown, stickyEditor = true, scrollSnap = false, scrollThrottleTimeout, preventBrowserDefaultScroll, mouseMoveThrottleTimeout = 60, tooltipIntentInterval = 60, selectionPolicy, users, userId, renderCollaboratorCursor, functionDescriptions, showHeaderMenuButton = true, scrollbarSize = SCROLLBAR_SIZE, theme = defaultSpreadsheetTheme, showNotes = true, showComments = true, locale, formulaLocale: formulaLocaleProp, agentSuggestions, onReviewSuggestion, onShowFormulas, getDataRowCount, getDataRegion, getChartComponent, getEmbedComponent, getSlicerComponent, onChange, onChangeBatch, onExpandCollapse, onPivotDrillDown, onDelete, onChangeEditorValue, onFill, onRequestCalculate, onChangeActiveCell, onChangeActiveSheet, onChangeSelections, getSheetName, getSheetId, getCellData, getNote: getNoteProp, getTextFormatRuns, getDataValidation, getEffectiveFormat, getFormattedValue: getFormattedValueProp, getTooltipContent, errorResolutionComponent, getEffectiveValue: getEffectiveValueProp, getSparklineGroup, getUserEnteredExtendedValue, getEffectiveExtendedValue, getSheetRowCount, getSheetColumnCount, getCellPopoverContent, onScroll, onViewPortChange, windowConditionalFormats = false, engineConditionalFormatResults = false, getConditionalFormatRuleStats, 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, batchHistory, 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 = getDefaultRowHeader, getColumnHeaderText = getDefaultColumnHeader, getAdditionalCellSpacing, tokenizer: defaultTokenizer = defaultFormulaTokenizer, onChangeScale, onRemoveLink, onSelectLink, onSplitTextToColumns, onRemoveDuplicates, onGoalSeek, onSubtotal, onAdvancedFilter, onRequestExpand, cellExpandPredicate, StructuredResult = DefaultStructuredResult, getMentions, getStructuredProperties: getStructuredPropertiesProp, getFunctionParameterSuggestions, shouldFetchFunctionParameters, MentionTagComponent, MentionDropdownItemComponent, showSelectionResizeHandles = true, enableMagicFill, enableQuickEdit = true, MagicFillComponent, MagicFillContent, QuickEdit, PasteMenu, SuggestionAction, HiddenRowMarkers, HiddenColumnMarkers, enableResizerOverflow, className, defaultFontSizePoint = DEFAULT_FONT_SIZE_PT, defaultCellFormat, readonly, isComparing = false, getCellDiff, enableDataBoundaryNavigation, footerHeight, footerComponent, 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
@@ -978,10 +981,7 @@ function CanvasGridComponent(props, forwardedRef) {
     /**
      * Check if a cell data is a number
      */
-    const isNumberValue = useCallback((sheetId, rowIndex, columnIndex) => {
-        const cellFormat = getCellFormat?.(sheetId, rowIndex, columnIndex);
-        return !!cellFormat?.numberFormat?.type;
-    }, [getCellFormat]);
+    const isNumberValue = useCallback((sheetId, rowIndex, columnIndex) => isConditionalFormatNumberCell(getEffectiveValue(sheetId, rowIndex, columnIndex), getCellFormat?.(sheetId, rowIndex, columnIndex)), [getCellFormat, getEffectiveValue]);
     /**
      * Get value entered by the user in a cell
      * If its a formula cell, formulaValue is used
@@ -1098,6 +1098,7 @@ function CanvasGridComponent(props, forwardedRef) {
         getConditionalFormatResult: engineConditionalFormatResults
             ? getFormulaValidationValue
             : undefined,
+        getConditionalFormatRuleStats,
     });
     /**
      * Get conditional format of a cell
@@ -1105,6 +1106,28 @@ function CanvasGridComponent(props, forwardedRef) {
     const getConditionalCellFormat = useCallback((sheetId, rowIndex, columnIndex) => {
         return conditionalFormatByCell.get(cellIdentifier(rowIndex, columnIndex));
     }, [conditionalFormatByCell]);
+    /**
+     * The text a cell paints: a true conditional format's number format
+     * (Format Cells ▸ Number in the rule) re-formats a numeric value, as in
+     * Excel; otherwise the cell's own formatted value.
+     */
+    const getDisplayFormattedValue = useCallback((sheetId, rowIndex, columnIndex) => {
+        const pattern = conditionalFormatByCell.get(cellIdentifier(rowIndex, columnIndex))?.numberFormat?.pattern;
+        if (pattern && !(showFormulas && !protectFormulas)) {
+            const numberValue = getExtendedValueNumber(getEffectiveValue(sheetId, rowIndex, columnIndex));
+            if (typeof numberValue === "number") {
+                return ssfFormat(pattern, numberValue, locale);
+            }
+        }
+        return getFormattedValue(sheetId, rowIndex, columnIndex);
+    }, [
+        conditionalFormatByCell,
+        getEffectiveValue,
+        getFormattedValue,
+        locale,
+        protectFormulas,
+        showFormulas,
+    ]);
     /**
      * Get conditional format of a cell
      */
@@ -1163,14 +1186,17 @@ function CanvasGridComponent(props, forwardedRef) {
         const { textFormat: _textFormat, ...rest } = defaultCellFormat;
         return Object.keys(rest).length ? rest : undefined;
     }, [defaultCellFormat]);
+    const isDarkGrid = useMemo(() => isDarkCssColor(getStringifiedColor(cellBackgroundColor, theme)), [cellBackgroundColor, theme]);
     const getEffectiveCellFormat = useCallback((sheetId, rowIndex, columnIndex) => {
         const cellFormat = getCellFormat(sheetId, rowIndex, columnIndex);
         const isHyperlink = Boolean(getHyperlink(sheetId, rowIndex, columnIndex));
         const conditionalCellFormat = getConditionalCellFormat(sheetId, rowIndex, columnIndex);
         const bandedCellFormat = getBandedCellFormat(sheetId, rowIndex, columnIndex);
-        // Conditional format cell color for
-        // light and dark themes
-        const conditionalFormatColor = conditionalCellFormat?.backgroundColor &&
+        // A fill-only rule keeps the cell's font colour (Excel). Only a dark
+        // grid swaps to a contrasting text colour, so the default light text
+        // stays readable on the rule's (usually light) fill.
+        const conditionalFormatColor = isDarkGrid &&
+            conditionalCellFormat?.backgroundColor &&
             !conditionalCellFormat?.textFormat?.color
             ? getContrastColor(getStringifiedColor(conditionalCellFormat.backgroundColor, theme), getStringifiedColor({ theme: 1 }, theme), getStringifiedColor({ theme: 1, tint: 1 }, theme))
             : undefined;
@@ -1253,6 +1279,7 @@ function CanvasGridComponent(props, forwardedRef) {
         cellColor,
         defaultCellTextFormat,
         defaultCellFormatRest,
+        isDarkGrid,
     ]);
     /**
      * Get horizontal alignment of editor
@@ -1614,37 +1641,24 @@ function CanvasGridComponent(props, forwardedRef) {
      * Can a cell overflow to adjoining cell
      */
     const canOverflowToNextCell = useCallback(({ rowIndex, columnIndex }) => {
-        if (isRowHeader(columnIndex) || isColumnHeader(rowIndex)) {
-            return false;
-        }
-        if (isTableHeader(rowIndex, columnIndex)) {
-            return false;
-        }
-        if (isBandedCell(rowIndex, columnIndex)) {
-            return false;
-        }
-        if (getDataValidationRule(sheetId, rowIndex, columnIndex)) {
-            return false;
-        }
-        const [expandable] = getCellGroupingInfo(sheetId, rowIndex, columnIndex);
-        if (expandable) {
-            return false;
-        }
-        const formattedValue = getFormattedValue?.(sheetId, rowIndex, columnIndex);
-        return (getNote(sheetId, rowIndex, columnIndex) === undefined &&
-            isNilOrBlank(formattedValue) &&
-            getCellImageUrl(sheetId, rowIndex, columnIndex) === undefined);
+        // Only content stops the spill (Excel): a value, a formula result
+        // (`=""` included), an image. Data validation, notes, tables and
+        // banding are not content.
+        return !blocksOverflow({
+            isHeader: isRowHeader(columnIndex) || isColumnHeader(rowIndex),
+            isExpandable: getCellGroupingInfo(sheetId, rowIndex, columnIndex)[0],
+            formattedValue: getFormattedValue?.(sheetId, rowIndex, columnIndex),
+            effectiveValue: getEffectiveValue(sheetId, rowIndex, columnIndex),
+            hasImage: getCellImageUrl(sheetId, rowIndex, columnIndex) !== undefined,
+        });
     }, [
         sheetId,
         getFormattedValue,
+        getEffectiveValue,
         getCellGroupingInfo,
         getCellImageUrl,
-        getNote,
-        getDataValidationRule,
         isRowHeader,
         isColumnHeader,
-        isTableHeader,
-        isBandedCell,
     ]);
     /**
      * If a cell is hidden,
@@ -1863,18 +1877,19 @@ function CanvasGridComponent(props, forwardedRef) {
         if (axis === "x") {
             return 0;
         }
-        /* Data validation arrow */
-        const dataValidation = getDataValidationRule(sheetId, rowIndex, columnIndex);
         const additionalCellSpacing = getAdditionalCellSpacing?.(sheetId, rowIndex, columnIndex) ?? 0;
-        const showArrow = showValidationDropdownArrow(dataValidation) ||
-            isTableTotalsCell(rowIndex, columnIndex);
+        // A data-validation list's dropdown paints beside the active cell, so
+        // only the table totals arrow takes room inside the cell.
+        const showArrow = isTableTotalsCell(rowIndex, columnIndex);
         const showChip = getCellMetaType(sheetId, rowIndex, columnIndex) === "people";
         const [expandable] = getCellGroupingInfo(sheetId, rowIndex, columnIndex);
         const iconSpacing = DEFAULT_CELL_SPACING;
         const expandableSpacing = expandable
             ? (EXPAND_COLLAPSE_ICON_WIDTH + iconSpacing) * scale
             : 0;
-        const indentSpacing = (getCellIndent(sheetId, rowIndex, columnIndex) ?? 0) * INDENT_SPACING;
+        const indentSpacing = (getCellIndent(sheetId, rowIndex, columnIndex) ?? 0) *
+            INDENT_SPACING *
+            scale;
         // Cell has dropdown icon
         const arrowSpacing = showArrow
             ? (ARROW_DOWN_WIDTH + iconSpacing) * scale
@@ -1907,7 +1922,6 @@ function CanvasGridComponent(props, forwardedRef) {
             additionalCellSpacing);
     }, [
         isTableFilterVisible,
-        getDataValidationRule,
         getCellMetaType,
         getCellIndent,
         showCalculatedColumnIcon,
@@ -1937,7 +1951,7 @@ function CanvasGridComponent(props, forwardedRef) {
         isHiddenColumn,
         getTextFormat,
         getTextFormatRuns,
-        getTextValue: getFormattedValue,
+        getTextValue: getDisplayFormattedValue,
         getSpacing: getCellSpacing,
         getActualCellWidth,
         shouldWrapCell,
@@ -3615,11 +3629,58 @@ function CanvasGridComponent(props, forwardedRef) {
         }
         onKeyDownEditable(e);
     }, [onKeyDownEditable]);
+    /**
+     * Center Across Selection: a `centerContinuous` cell centres its text over
+     * the empty neighbours on either side that carry the same alignment
+     * (Format Cells ▸ Alignment ▸ Horizontal).
+     */
+    const getCenterAcrossSelectionSpan = useCallback((sheetId, rowIndex, columnIndex) => {
+        const canSpan = (index) => getEffectiveCellFormat(sheetId, rowIndex, index)
+            ?.horizontalAlignment === "centerContinuous" &&
+            canOverflowToNextCell({ rowIndex, columnIndex: index });
+        const scaledWidth = (index) => columnWidth(index) * scale;
+        const left = walkOverflowColumns({
+            start: columnIndex,
+            step: -1,
+            need: Infinity,
+            canOverflow: canSpan,
+            columnWidth: scaledWidth,
+        });
+        const right = walkOverflowColumns({
+            start: columnIndex,
+            step: 1,
+            need: Infinity,
+            canOverflow: canSpan,
+            columnWidth: scaledWidth,
+        });
+        if (!left.columns.length && !right.columns.length)
+            return undefined;
+        const spans = [];
+        for (const index of [...left.columns, ...right.columns]) {
+            spans.push([
+                index,
+                getColumnOffset(index),
+                scaledWidth(index),
+                getEffectiveCellFormat(sheetId, rowIndex, index)?.backgroundColor,
+            ]);
+        }
+        return [
+            scaledWidth(columnIndex) + left.width + right.width,
+            spans,
+            left.width,
+        ];
+    }, [
+        canOverflowToNextCell,
+        columnWidth,
+        getColumnOffset,
+        getEffectiveCellFormat,
+        scale,
+    ]);
     /**
      * Get maximum text width
      * before it overflows into next cell
      */
-    const getMaximumOverflowTextWidth = useCallback((formattedValue, sheetId, rowIndex, columnIndex, canOverflowToNextCell, textFormat, shouldWrapOverride, direction = Direction.Right) => {
+    const getMaximumOverflowTextWidth = useCallback((formattedValue, sheetId, rowIndex, columnIndex, canOverflowToNextCell, textFormat, shouldWrapOverride, direction = Direction.Right, centered = false) => {
         // A format override makes the sizer measure the whole text
         // uniformly, ignoring per-segment rich-text runs. For cells that
         // carry runs (e.g. imported xlsx titles with mixed font sizes),
@@ -3634,6 +3695,41 @@ function CanvasGridComponent(props, forwardedRef) {
         if (textWidth < colWidth) {
             return [textWidth, DEFAULT_ARRAY];
         }
+        if (centered) {
+            // Centred text spills half its excess each way (Excel); a blocked
+            // side clips while the text stays centred on its own cell.
+            const need = (textWidth - colWidth) / 2;
+            const scaledWidth = (index) => columnWidth(index) * scale;
+            const canOverflow = (index) => canOverflowToNextCell({ rowIndex, columnIndex: index });
+            const left = walkOverflowColumns({
+                start: columnIndex,
+                step: -1,
+                need,
+                canOverflow,
+                columnWidth: scaledWidth,
+            });
+            const right = walkOverflowColumns({
+                start: columnIndex,
+                step: 1,
+                need,
+                canOverflow,
+                columnWidth: scaledWidth,
+            });
+            const spans = [];
+            for (const index of [...left.columns, ...right.columns]) {
+                spans.push([
+                    index,
+                    getColumnOffset(index),
+                    scaledWidth(index),
+                    getEffectiveCellFormat(sheetId, rowIndex, index)?.backgroundColor,
+                ]);
+            }
+            return [
+                colWidth + Math.min(left.width, need) + Math.min(right.width, need),
+                spans,
+                Math.min(left.width, need),
+            ];
+        }
         let start = columnIndex;
         const columnSpans = [];
         const isMovingRight = direction === Direction.Right;
@@ -3672,7 +3768,9 @@ function CanvasGridComponent(props, forwardedRef) {
         isTableTotalsCell,
         onTotalsArrowClick: handleTotalsArrowClick,
         formulaLocale,
+        locale,
         showGridLines,
+        showZeros,
         scale,
         enableTextOverflow,
         isRowHeader,
@@ -3710,7 +3808,7 @@ function CanvasGridComponent(props, forwardedRef) {
         getComment,
         getEffectiveValue,
         getSparklineGroup,
-        getFormattedValue,
+        getFormattedValue: getDisplayFormattedValue,
         getCellImageUrl,
         getEffectiveCellFormat,
         getCellBounds,
@@ -3718,6 +3816,8 @@ function CanvasGridComponent(props, forwardedRef) {
         getRowHeaderText,
         getColumnHeaderText,
         getMaximumOverflowTextWidth,
+        getCenterAcrossSelectionSpan,
+        activeCell,
         getTextDimension,
         getCellGroupingInfo,
         getTextFormatRuns,
@@ -3906,9 +4006,16 @@ function CanvasGridComponent(props, forwardedRef) {
         quickEditValues,
     });
     // A selected chart's source outlines draw on top of the other range borders.
-    const gridBorderStyles = useMemo(() => chartSourceBorderStyles.length
-        ? [...finalBorderStyles, ...chartSourceBorderStyles]
-        : finalBorderStyles, [finalBorderStyles, chartSourceBorderStyles]);
+    // Page breaks (when the host shows them) dash across the sheet, Excel's
+    // Normal-view page-break lines.
+    const pageBreakBorderStyles = useMemo(() => getPageBreakBorderStyles(pageBreaks, rowCount, columnCount), [pageBreaks, rowCount, columnCount]);
+    const gridBorderStyles = useMemo(() => chartSourceBorderStyles.length || pageBreakBorderStyles.length
+        ? [
+            ...pageBreakBorderStyles,
+            ...finalBorderStyles,
+            ...chartSourceBorderStyles,
+        ]
+        : finalBorderStyles, [finalBorderStyles, chartSourceBorderStyles, pageBreakBorderStyles]);
     // Hidden column markers
     const [hiddenColumnMarkers, frozenHiddenColumnMarkers, hiddenRowMarkers, frozenHiddenRowMarkers,] = useHiddenDimensionMarkers({
         sheetId,
@@ -4217,6 +4324,13 @@ function CanvasGridComponent(props, forwardedRef) {
             return;
         }
         const { rowIndex, columnIndex } = activeCell;
+        // Excel's Format Cells ▸ Protection ▸ Hidden: while the sheet is protected, a hidden
+        // cell's contents never show in the formula bar ("Protect a worksheet").
+        if (isCellFormulaHiddenUnderProtection(getSheetProtection?.(sheetId), getCellData?.(sheetId, rowIndex, columnIndex)?.protection)) {
+            setFormulabarEditorValue("");
+            setFormulaBarTextFormatRuns(undefined);
+            return;
+        }
         const value = getUserEnteredStringValue(sheetId, rowIndex, columnIndex);
         const textFormatRuns = getTextFormatRuns?.(sheetId, rowIndex, columnIndex);
         // Update formula bar input (in the grid's formula locale, like the cell editor)
@@ -4227,6 +4341,8 @@ function CanvasGridComponent(props, forwardedRef) {
         formulaMode,
         sheetId,
         editingCellCoordinate,
+        getSheetProtection,
+        getCellData,
         getUserEnteredStringValue,
         formulaLocale,
         setFormulabarEditorValue,

package/dist/esm/components/canvas-grid/overflow.d.ts

@@ -0,0 +1,37 @@
+import type { ExtendedValue } from "@rowsncolumns/common-types";
+/** What the grid knows about the cell text wants to spill into. */
+export type OverflowNeighbour = {
+    formattedValue?: string | null;
+    effectiveValue?: ExtendedValue | null;
+    hasImage?: boolean;
+    /** An outline expand / collapse button paints in the cell. */
+    isExpandable?: boolean;
+    /** Row / column header cells. */
+    isHeader?: boolean;
+    /**
+     * Present for the matrix test's sake: none of these block overflow in
+     * Excel, so the decision below never reads them.
+     */
+    hasDataValidation?: boolean;
+    hasNote?: boolean;
+    isTableCell?: boolean;
+    isBanded?: boolean;
+};
+/** Does this cell stop text spilling from its neighbour? */
+export declare const blocksOverflow: (cell: OverflowNeighbour) => boolean;
+/**
+ * Columns text claims walking from `start` by `step` (±1) until `need`
+ * pixels are covered or a blocking cell stops it.
+ */
+export declare const walkOverflowColumns: ({ start, step, need, canOverflow, columnWidth, maxSteps, }: {
+    start: number;
+    step: 1 | -1;
+    need: number;
+    canOverflow: (columnIndex: number) => boolean;
+    columnWidth: (columnIndex: number) => number;
+    maxSteps?: number;
+}) => {
+    columns: number[];
+    width: number;
+};
+//# sourceMappingURL=overflow.d.ts.map

package/dist/esm/components/canvas-grid/overflow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"overflow.d.ts","sourceRoot":"","sources":["../../../../components/canvas-grid/overflow.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAGhE,mEAAmE;AACnE,MAAM,MAAM,iBAAiB,GAAG;IAC9B,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,cAAc,CAAC,EAAE,aAAa,GAAG,IAAI,CAAC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8DAA8D;IAC9D,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,iCAAiC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAaF,4DAA4D;AAC5D,eAAO,MAAM,cAAc,GAAI,MAAM,iBAAiB,KAAG,OAK1B,CAAC;AAEhC;;;GAGG;AACH,eAAO,MAAM,mBAAmB,GAAI,4DAOjC;IACD,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,OAAO,CAAC;IAC9C,WAAW,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,MAAM,CAAC;IAC7C,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,KAAG;IAAE,OAAO,EAAE,MAAM,EAAE,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAWrC,CAAC"}

package/dist/esm/components/canvas-grid/overflow.js

@@ -0,0 +1,39 @@
+// Text overflow into neighbouring cells, the way Excel decides it.
+//
+// Excel lets text spill over a neighbour only while that neighbour is empty:
+// a cell holding anything — a formula returning "" included — stops it.
+// Formatting, data validation, notes, table membership and banding never
+// do; they are not content.
+import { isNilOrBlank } from "@rowsncolumns/utils";
+const hasValue = (value) => !!value &&
+    (value.nv != null ||
+        value.numberValue != null ||
+        value.sv != null ||
+        value.stringValue != null ||
+        value.bv != null ||
+        value.boolValue != null ||
+        value.ev != null ||
+        value.errorValue != null);
+/** Does this cell stop text spilling from its neighbour? */
+export const blocksOverflow = (cell) => !!cell.isHeader ||
+    !!cell.isExpandable ||
+    !!cell.hasImage ||
+    !isNilOrBlank(cell.formattedValue) ||
+    hasValue(cell.effectiveValue);
+/**
+ * Columns text claims walking from `start` by `step` (±1) until `need`
+ * pixels are covered or a blocking cell stops it.
+ */
+export const walkOverflowColumns = ({ start, step, need, canOverflow, columnWidth, maxSteps = 512, }) => {
+    const columns = [];
+    let width = 0;
+    let column = start;
+    for (let i = 0; i < maxSteps && width < need; i++) {
+        column += step;
+        if (column < 0 || !canOverflow(column))
+            break;
+        columns.push(column);
+        width += columnWidth(column);
+    }
+    return { columns, width };
+};

package/dist/esm/components/canvas-grid/page-breaks.d.ts

@@ -0,0 +1,15 @@
+import type { AreaStyle } from "@rowsncolumns/grid";
+export type SheetPageBreaks = {
+    /** 1-based rows AFTER which a page break falls (`<rowBreaks><brk id>`). */
+    rowBreaks?: number[] | null;
+    /** 1-based columns after which a page break falls. */
+    columnBreaks?: number[] | null;
+};
+export declare const PAGE_BREAK_COLOR = "#7F7F7F";
+/**
+ * Range styles that paint the page-break dashes. Grid rows and columns are
+ * 1-based like the break ids, so a break after row N is the bottom edge of
+ * grid row N.
+ */
+export declare const getPageBreakBorderStyles: (pageBreaks: SheetPageBreaks | null | undefined, rowCount: number, columnCount: number) => AreaStyle[];
+//# sourceMappingURL=page-breaks.d.ts.map

package/dist/esm/components/canvas-grid/page-breaks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-breaks.d.ts","sourceRoot":"","sources":["../../../../components/canvas-grid/page-breaks.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAEpD,MAAM,MAAM,eAAe,GAAG;IAC5B,2EAA2E;IAC3E,SAAS,CAAC,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;IAC5B,sDAAsD;IACtD,YAAY,CAAC,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;CAChC,CAAC;AAEF,eAAO,MAAM,gBAAgB,YAAY,CAAC;AAE1C;;;;GAIG;AACH,eAAO,MAAM,wBAAwB,GACnC,YAAY,eAAe,GAAG,IAAI,GAAG,SAAS,EAC9C,UAAU,MAAM,EAChB,aAAa,MAAM,KAClB,SAAS,EAyCX,CAAC"}

package/dist/esm/components/canvas-grid/page-breaks.js

@@ -0,0 +1,50 @@
+export const PAGE_BREAK_COLOR = "#7F7F7F";
+/**
+ * Range styles that paint the page-break dashes. Grid rows and columns are
+ * 1-based like the break ids, so a break after row N is the bottom edge of
+ * grid row N.
+ */
+export const getPageBreakBorderStyles = (pageBreaks, rowCount, columnCount) => {
+    const styles = [];
+    for (const row of pageBreaks?.rowBreaks ?? []) {
+        if (row < 1 || row >= rowCount)
+            continue;
+        styles.push({
+            index: `page-break-row-${row}`,
+            type: "border",
+            range: {
+                startRowIndex: row,
+                endRowIndex: row,
+                startColumnIndex: 1,
+                endColumnIndex: columnCount - 1,
+            },
+            style: {
+                strokeWidth: 0,
+                strokeBottomWidth: 1,
+                strokeBottomColor: PAGE_BREAK_COLOR,
+                strokeStyle: "dashed",
+            },
+        });
+    }
+    for (const column of pageBreaks?.columnBreaks ?? []) {
+        if (column < 1 || column >= columnCount)
+            continue;
+        styles.push({
+            index: `page-break-column-${column}`,
+            type: "border",
+            range: {
+                startRowIndex: 1,
+                endRowIndex: rowCount - 1,
+                startColumnIndex: column,
+                endColumnIndex: column,
+            },
+            style: {
+                strokeWidth: 0,
+                strokeRightWidth: 1,
+                strokeRightColor: PAGE_BREAK_COLOR,
+                strokeStyle: "dashed",
+            },
+        });
+    }
+    return styles;
+};