@rowsncolumns/spreadsheet 10.6.0 → 10.6.4

package/dist/cjs/hooks/use-border-styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-border-styles.d.ts","sourceRoot":"","sources":["../../../hooks/use-border-styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,SAAS,EACT,aAAa,EACb,aAAa,EAEd,MAAM,oBAAoB,CAAC;AAS5B,OAAO,KAAK,EACV,eAAe,EACf,UAAU,EACV,qBAAqB,EACrB,gBAAgB,EACjB,MAAM,mCAAmC,CAAC;AAI3C,OAAO,KAAK,EAEV,gBAAgB,EAChB,MAAM,EAEN,SAAS,EACV,MAAM,UAAU,CAAC;AAClB,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAG5C,MAAM,MAAM,oBAAoB,GAAG;IACjC,UAAU,CAAC,EAAE,aAAa,GAAG,IAAI,CAAC;IAClC,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,aAAa,GAAG,IAAI,CAAC;IACnC,MAAM,CAAC,EAAE,eAAe,CAAC,QAAQ,CAAC,CAAC;IACnC,WAAW,CAAC,EAAE,eAAe,CAAC,aAAa,CAAC,CAAC;IAC7C,WAAW,CAAC,EAAE,eAAe,CAAC,aAAa,CAAC,CAAC;IAC7C,KAAK,CAAC,EAAE,eAAe,CAAC,OAAO,CAAC,CAAC;IACjC,MAAM,CAAC,EAAE,eAAe,CAAC,QAAQ,CAAC,CAAC;IACnC,wBAAwB,CAAC,EAAE,eAAe,CAAC,0BAA0B,CAAC,CAAC;IACvE,YAAY,CAAC,EAAE,eAAe,CAAC,cAAc,CAAC,CAAC;IAC/C,eAAe,CAAC,EAAE,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC,iBAAiB,CAAC,CAAC;IACjE,gBAAgB,CAAC,EAAE,aAAa,EAAE,CAAC;IACnC,gBAAgB,CAAC,EAAE,aAAa,CAAC;IACjC,uBAAuB,CAAC,EAAE,aAAa,CAAC;IACxC,gBAAgB,EAAE,MAAM,CAAC;IACzB,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,wBAAwB,EAAE,MAAM,CAAC;IACjC,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,0BAA0B,CAAC,EAAE,MAAM,CAAC;IACpC,KAAK,EAAE,gBAAgB,CAAC;IACxB,gBAAgB,EAAE,eAAe,CAAC,kBAAkB,CAAC,CAAC;IACtD,eAAe,EAAE,qBAAqB,EAAE,CAAC;CAC1C,CAAC;AA8BF,eAAO,MAAM,mCAAmC,GAC9C,WAAW,aAAa,CAAC,SAAS,CAAC,EACnC,SAAQ,SAAS,EAAE,GAAG,SAAS,GAAG,IAAS,oFAoC5C,CAAC;AAyCF,eAAO,MAAM,eAAe,GAAI,gXAsB7B,oBAAoB,iBAwYtB,CAAC"}
+{"version":3,"file":"use-border-styles.d.ts","sourceRoot":"","sources":["../../../hooks/use-border-styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,SAAS,EACT,aAAa,EACb,aAAa,EAEd,MAAM,oBAAoB,CAAC;AAS5B,OAAO,KAAK,EACV,eAAe,EACf,UAAU,EACV,qBAAqB,EACrB,gBAAgB,EACjB,MAAM,mCAAmC,CAAC;AAG3C,OAAO,KAAK,EACV,gBAAgB,EAChB,MAAM,EAEN,SAAS,EACV,MAAM,UAAU,CAAC;AAClB,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAG5C,MAAM,MAAM,oBAAoB,GAAG;IACjC,UAAU,CAAC,EAAE,aAAa,GAAG,IAAI,CAAC;IAClC,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,aAAa,GAAG,IAAI,CAAC;IACnC,MAAM,CAAC,EAAE,eAAe,CAAC,QAAQ,CAAC,CAAC;IACnC,WAAW,CAAC,EAAE,eAAe,CAAC,aAAa,CAAC,CAAC;IAC7C,WAAW,CAAC,EAAE,eAAe,CAAC,aAAa,CAAC,CAAC;IAC7C,KAAK,CAAC,EAAE,eAAe,CAAC,OAAO,CAAC,CAAC;IACjC,MAAM,CAAC,EAAE,eAAe,CAAC,QAAQ,CAAC,CAAC;IACnC,wBAAwB,CAAC,EAAE,eAAe,CAAC,0BAA0B,CAAC,CAAC;IACvE,YAAY,CAAC,EAAE,eAAe,CAAC,cAAc,CAAC,CAAC;IAC/C,eAAe,CAAC,EAAE,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC,iBAAiB,CAAC,CAAC;IACjE,gBAAgB,CAAC,EAAE,aAAa,EAAE,CAAC;IACnC,gBAAgB,CAAC,EAAE,aAAa,CAAC;IACjC,uBAAuB,CAAC,EAAE,aAAa,CAAC;IACxC,gBAAgB,EAAE,MAAM,CAAC;IACzB,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,wBAAwB,EAAE,MAAM,CAAC;IACjC,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,0BAA0B,CAAC,EAAE,MAAM,CAAC;IACpC,KAAK,EAAE,gBAAgB,CAAC;IACxB,gBAAgB,EAAE,eAAe,CAAC,kBAAkB,CAAC,CAAC;IACtD,eAAe,EAAE,qBAAqB,EAAE,CAAC;CAC1C,CAAC;AA8BF,eAAO,MAAM,mCAAmC,GAC9C,WAAW,aAAa,CAAC,SAAS,CAAC,EACnC,SAAQ,SAAS,EAAE,GAAG,SAAS,GAAG,IAAS,oFAoC5C,CAAC;AA4BF,eAAO,MAAM,eAAe,GAAI,gXAsB7B,oBAAoB,iBA0XtB,CAAC"}

package/dist/cjs/hooks/use-border-styles.js

@@ -11,7 +11,6 @@ var react_1 = require("react");
 var atoms_1 = require("../atoms");
 var config_1 = require("../config");
 var helpers_1 = require("../helpers");
-var themes_1 = require("../themes");
 var use_memo_compare_1 = require("./use-memo-compare");
 /**
  * Checks if the user is dragging a table or basicFilter
@@ -100,19 +99,6 @@ var getDraggedColumnStyle = function (direction, borderColor) {
             };
     }
 };
-// Get first table border color
-var getTableBorder = function (properties) {
-    var _a, _b;
-    if (properties.headerBorder) {
-        return (_a = properties.headerBorder.left) === null || _a === void 0 ? void 0 : _a.color;
-    }
-    if (properties.firstBandBorder) {
-        return (_b = properties.firstBandBorder.bottom) === null || _b === void 0 ? void 0 : _b.color;
-    }
-    if (properties.headerColor) {
-        return properties.headerColor;
-    }
-};
 var useBorderStyles = function (_a) {
     var draggedSelection = _a.draggedSelection, initialDraggedSelection = _a.initialDraggedSelection, users = _a.users, currentUserId = _a.userId, renderCollaboratorCursor = _a.renderCollaboratorCursor, currentSheetId = _a.sheetId, borderStyles = _a.borderStyles, flashingBorders = _a.flashingBorders, copiedSelections = _a.copiedSelections, selectionDragBorderColor = _a.selectionDragBorderColor, _b = _a.selectionBorderColor, selectionBorderColor = _b === void 0 ? config_1.SELECTION_BORDER : _b, tableBorderColor = _a.tableBorderColor, _c = _a.pivotTableBorderColor, pivotTableBorderColor = _c === void 0 ? tableBorderColor : _c, tables = _a.tables, pivotTables = _a.pivotTables, basicFilter = _a.basicFilter, hoveredCell = _a.hoveredCell, activeCell = _a.activeCell, theme = _a.theme, agentSuggestions = _a.agentSuggestions, quickEditValues = _a.quickEditValues;
     var getAddressFromSelection = (0, atoms_1.useGetAddressFromSelection)();
@@ -210,24 +196,17 @@ var useBorderStyles = function (_a) {
         var styles = [];
         // Tables
         tables === null || tables === void 0 ? void 0 : tables.forEach(function (table) {
-            var _a, _b, _c, _d, _e;
             if (table.sheetId === currentSheetId) {
                 var range = table.range, id = table.id;
                 var isWithinBounds = cachedRangeIds.has(id);
-                var hasBorder = ((_a = table.bandedRange) === null || _a === void 0 ? void 0 : _a.rowProperties) ||
-                    ((_b = table.bandedRange) === null || _b === void 0 ? void 0 : _b.columnProperties);
-                var tableBorder = hasBorder && ((_c = table.bandedRange) === null || _c === void 0 ? void 0 : _c.rowProperties)
-                    ? (_e = (0, themes_1.getStringifiedColor)(getTableBorder((_d = table.bandedRange) === null || _d === void 0 ? void 0 : _d.rowProperties), theme)) !== null && _e !== void 0 ? _e : tableBorderColor
-                    : tableBorderColor;
                 styles.push({
                     index: id,
                     title: isWithinBounds ? table.title : undefined,
                     type: "table",
                     range: range,
-                    style: {
-                        strokeWidth: tableBorder || !hasBorder ? 1 : 0,
-                        stroke: tableBorder,
-                    },
+                    // Excel draws no outline round a table: its own borders come from
+                    // the table style. The entry stays for the name tag and dragging.
+                    style: { strokeWidth: 0 },
                     table: table,
                     draggable: true,
                 });
@@ -366,10 +345,8 @@ var useBorderStyles = function (_a) {
                     index: id,
                     type: "table",
                     range: range,
-                    style: {
-                        strokeWidth: 1,
-                        stroke: tableBorderColor,
-                    },
+                    // No outline round an AutoFilter range either (Excel).
+                    style: { strokeWidth: 0 },
                     title: isWithinBounds ? (_a = basicFilter.title) !== null && _a !== void 0 ? _a : undefined : undefined,
                     draggable: false,
                 });

package/dist/cjs/hooks/use-cell-renderer.d.ts

@@ -62,6 +62,11 @@ export type CellRendererProps<T extends CellData = CellData> = {
      * stays canonical. Canonical when omitted.
      */
     formulaLocale?: FormulaLocale;
+    /**
+     * Number-format locale (BCP 47) the cells' formatted values were rendered
+     * with — the painter re-derives `*` fill / `_` / `?` widths with it.
+     */
+    locale?: string;
     /**
      * Get error value of a cell
      * @param rowIndex
@@ -131,15 +136,42 @@ export type CellRendererProps<T extends CellData = CellData> = {
      * @param rowIndex
      * @param columnIndex
      */
-    getMaximumOverflowTextWidth(formattedValue: string | undefined, sheetId: number, rowIndex: number, columnIndex: number, canOverflowToNextCell: (next: CellInterface) => boolean, textFormat: TextFormat | undefined | null, shouldWrap: boolean | undefined, direction: Direction): [
+    getMaximumOverflowTextWidth(formattedValue: string | undefined, sheetId: number, rowIndex: number, columnIndex: number, canOverflowToNextCell: (next: CellInterface) => boolean, textFormat: TextFormat | undefined | null, shouldWrap: boolean | undefined, direction: Direction, 
+    /**
+     * Centred text: spill half the excess each way. The third tuple entry
+     * is then the width claimed on the left.
+     */
+    centered?: boolean): [
         number,
         [
             columnIndex: number,
             columnOffset: number,
             columnWidth: number,
             cellBackground?: Color | null
-        ][]
+        ][],
+        number?
     ];
+    /**
+     * Center Across Selection (`centerContinuous`): the empty neighbours on
+     * either side that carry the same alignment, as
+     * `[totalWidth, columnSpans, leftWidth]`, or `undefined` when there are
+     * none.
+     */
+    /**
+     * The active cell: a data-validation list shows its dropdown button beside
+     * it only.
+     */
+    activeCell?: CellInterface | null;
+    getCenterAcrossSelectionSpan?(sheetId: number, rowIndex: number, columnIndex: number): [
+        number,
+        [
+            columnIndex: number,
+            columnOffset: number,
+            columnWidth: number,
+            cellBackground?: Color | null
+        ][],
+        number
+    ] | undefined;
     /**
      * Get dimensions of a text
      * @param sheetId
@@ -248,5 +280,5 @@ export type CellRendererProps<T extends CellData = CellData> = {
      */
     getDefaultHorizontalAlignment(sheetId: number, rowIndex: number, columnIndex: number): HorizontalAlign | undefined;
 };
-export declare const useCellRenderer: <T extends CellData = CellData>({ sheetId, scale, showGridLines, showZeros, isRowHeader, isColumnHeader, selectedRows, selectedColumns, selectedRowHeaders, selectedColumnHeaders, cellBackgroundColor, headerBorderColor, headerBackgroundColor, headerColor, headerActiveBackgroundColor, headerSelectedBackgroundColor, headerSelectedColor, headerTableBackgroundColor, headerTableActiveBackgroundColor, headerTableSelectedBackgroundColor, chipBackgroundColor, filterIconColor, showCalculatedColumnIcon, enableTextOverflow, showHeaders, theme, getDefaultHorizontalAlignment, isTableFilterVisible, columnContainsTable, rowsContainsTable, canOverflowToNextCell, getTableHeaderSortOrder, getDataValidation, getErrorValue, formulaLocale, getEffectiveValue, getSparklineGroup, getFormattedValue, getNote, getComment, getEffectiveCellFormat, getCellBounds, getCellImageUrl, getCellMetaType, getRowHeaderText, getColumnHeaderText, getMaximumOverflowTextWidth, getTextDimension, getCellGroupingInfo, getTextFormatRuns, onRequestEdit, onFilterClick, onCheckboxClick, isTableHeader, isTableTotalsCell, onTotalsArrowClick, isCalculatedColumnHeader, isTableHeaderFilterActive, HeaderCell, Cell, StructuredResult, gridLineWidth, showNotes, showComments, defaultFontSizePoint, lineHeightMode, readonly, onExpandCollapse, onOverflow, isComparing, getCellDiff, }: CellRendererProps<T>) => readonly [(props: RendererProps) => React.JSX.Element | null, (props: RendererProps) => React.JSX.Element, (props: RendererProps) => React.JSX.Element | null, (props: RendererProps) => React.JSX.Element | null | undefined, (cells: RendererProps[]) => React.JSX.Element];
+export declare const useCellRenderer: <T extends CellData = CellData>({ sheetId, scale, showGridLines, showZeros, isRowHeader, isColumnHeader, selectedRows, selectedColumns, selectedRowHeaders, selectedColumnHeaders, cellBackgroundColor, headerBorderColor, headerBackgroundColor, headerColor, headerActiveBackgroundColor, headerSelectedBackgroundColor, headerSelectedColor, headerTableBackgroundColor, headerTableActiveBackgroundColor, headerTableSelectedBackgroundColor, chipBackgroundColor, filterIconColor, showCalculatedColumnIcon, enableTextOverflow, showHeaders, theme, getDefaultHorizontalAlignment, isTableFilterVisible, columnContainsTable, rowsContainsTable, canOverflowToNextCell, getTableHeaderSortOrder, getDataValidation, getErrorValue, formulaLocale, locale, getEffectiveValue, getSparklineGroup, getFormattedValue, getNote, getComment, getEffectiveCellFormat, getCellBounds, getCellImageUrl, getCellMetaType, getRowHeaderText, getColumnHeaderText, getMaximumOverflowTextWidth, getCenterAcrossSelectionSpan, activeCell, getTextDimension, getCellGroupingInfo, getTextFormatRuns, onRequestEdit, onFilterClick, onCheckboxClick, isTableHeader, isTableTotalsCell, onTotalsArrowClick, isCalculatedColumnHeader, isTableHeaderFilterActive, HeaderCell, Cell, StructuredResult, gridLineWidth, showNotes, showComments, defaultFontSizePoint, lineHeightMode, readonly, onExpandCollapse, onOverflow, isComparing, getCellDiff, }: CellRendererProps<T>) => readonly [(props: RendererProps) => React.JSX.Element | null, (props: RendererProps) => React.JSX.Element, (props: RendererProps) => React.JSX.Element | null, (props: RendererProps) => React.JSX.Element | null | undefined, (cells: RendererProps[]) => React.JSX.Element];
 //# sourceMappingURL=use-cell-renderer.d.ts.map

package/dist/cjs/hooks/use-cell-renderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-cell-renderer.d.ts","sourceRoot":"","sources":["../../../hooks/use-cell-renderer.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"use-cell-renderer.d.ts","sourceRoot":"","sources":["../../../hooks/use-cell-renderer.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/hooks/use-cell-renderer.js

@@ -11,6 +11,7 @@ var validation_1 = require("../api/validation");
 var alignment_1 = require("../components/cell/alignment");
 var cell_background_1 = require("../components/cell/cell-background");
 var cell_backgrounds_1 = require("../components/cell/cell-backgrounds");
+var number_format_layout_1 = require("../components/cell/number-format-layout");
 var cell_diff_1 = require("../components/cell-diff");
 var cell_overlay_1 = require("../components/cell-overlay");
 var config_1 = require("../config");
@@ -20,13 +21,13 @@ var themes_1 = require("../themes");
 var show_zeros_1 = require("./show-zeros");
 var use_cell_diff_highlight_1 = require("./use-cell-diff-highlight");
 var useCellRenderer = function (_a) {
-    var sheetId = _a.sheetId, scale = _a.scale, showGridLines = _a.showGridLines, showZeros = _a.showZeros, isRowHeader = _a.isRowHeader, isColumnHeader = _a.isColumnHeader, selectedRows = _a.selectedRows, selectedColumns = _a.selectedColumns, selectedRowHeaders = _a.selectedRowHeaders, selectedColumnHeaders = _a.selectedColumnHeaders, cellBackgroundColor = _a.cellBackgroundColor, headerBorderColor = _a.headerBorderColor, headerBackgroundColor = _a.headerBackgroundColor, headerColor = _a.headerColor, headerActiveBackgroundColor = _a.headerActiveBackgroundColor, headerSelectedBackgroundColor = _a.headerSelectedBackgroundColor, headerSelectedColor = _a.headerSelectedColor, headerTableBackgroundColor = _a.headerTableBackgroundColor, headerTableActiveBackgroundColor = _a.headerTableActiveBackgroundColor, headerTableSelectedBackgroundColor = _a.headerTableSelectedBackgroundColor, chipBackgroundColor = _a.chipBackgroundColor, filterIconColor = _a.filterIconColor, showCalculatedColumnIcon = _a.showCalculatedColumnIcon, enableTextOverflow = _a.enableTextOverflow, showHeaders = _a.showHeaders, theme = _a.theme, getDefaultHorizontalAlignment = _a.getDefaultHorizontalAlignment, isTableFilterVisible = _a.isTableFilterVisible, columnContainsTable = _a.columnContainsTable, rowsContainsTable = _a.rowsContainsTable, canOverflowToNextCell = _a.canOverflowToNextCell, getTableHeaderSortOrder = _a.getTableHeaderSortOrder, getDataValidation = _a.getDataValidation, getErrorValue = _a.getErrorValue, formulaLocale = _a.formulaLocale, getEffectiveValue = _a.getEffectiveValue, getSparklineGroup = _a.getSparklineGroup, getFormattedValue = _a.getFormattedValue, getNote = _a.getNote, getComment = _a.getComment, getEffectiveCellFormat = _a.getEffectiveCellFormat, getCellBounds = _a.getCellBounds, getCellImageUrl = _a.getCellImageUrl, getCellMetaType = _a.getCellMetaType, getRowHeaderText = _a.getRowHeaderText, getColumnHeaderText = _a.getColumnHeaderText, getMaximumOverflowTextWidth = _a.getMaximumOverflowTextWidth, getTextDimension = _a.getTextDimension, getCellGroupingInfo = _a.getCellGroupingInfo, getTextFormatRuns = _a.getTextFormatRuns, onRequestEdit = _a.onRequestEdit, onFilterClick = _a.onFilterClick, onCheckboxClick = _a.onCheckboxClick, isTableHeader = _a.isTableHeader, isTableTotalsCell = _a.isTableTotalsCell, onTotalsArrowClick = _a.onTotalsArrowClick, isCalculatedColumnHeader = _a.isCalculatedColumnHeader, isTableHeaderFilterActive = _a.isTableHeaderFilterActive, HeaderCell = _a.HeaderCell, Cell = _a.Cell, StructuredResult = _a.StructuredResult, gridLineWidth = _a.gridLineWidth, showNotes = _a.showNotes, showComments = _a.showComments, defaultFontSizePoint = _a.defaultFontSizePoint, lineHeightMode = _a.lineHeightMode, readonly = _a.readonly, onExpandCollapse = _a.onExpandCollapse, onOverflow = _a.onOverflow, _b = _a.isComparing, isComparing = _b === void 0 ? false : _b, getCellDiff = _a.getCellDiff;
+    var sheetId = _a.sheetId, scale = _a.scale, showGridLines = _a.showGridLines, showZeros = _a.showZeros, isRowHeader = _a.isRowHeader, isColumnHeader = _a.isColumnHeader, selectedRows = _a.selectedRows, selectedColumns = _a.selectedColumns, selectedRowHeaders = _a.selectedRowHeaders, selectedColumnHeaders = _a.selectedColumnHeaders, cellBackgroundColor = _a.cellBackgroundColor, headerBorderColor = _a.headerBorderColor, headerBackgroundColor = _a.headerBackgroundColor, headerColor = _a.headerColor, headerActiveBackgroundColor = _a.headerActiveBackgroundColor, headerSelectedBackgroundColor = _a.headerSelectedBackgroundColor, headerSelectedColor = _a.headerSelectedColor, headerTableBackgroundColor = _a.headerTableBackgroundColor, headerTableActiveBackgroundColor = _a.headerTableActiveBackgroundColor, headerTableSelectedBackgroundColor = _a.headerTableSelectedBackgroundColor, chipBackgroundColor = _a.chipBackgroundColor, filterIconColor = _a.filterIconColor, showCalculatedColumnIcon = _a.showCalculatedColumnIcon, enableTextOverflow = _a.enableTextOverflow, showHeaders = _a.showHeaders, theme = _a.theme, getDefaultHorizontalAlignment = _a.getDefaultHorizontalAlignment, isTableFilterVisible = _a.isTableFilterVisible, columnContainsTable = _a.columnContainsTable, rowsContainsTable = _a.rowsContainsTable, canOverflowToNextCell = _a.canOverflowToNextCell, getTableHeaderSortOrder = _a.getTableHeaderSortOrder, getDataValidation = _a.getDataValidation, getErrorValue = _a.getErrorValue, formulaLocale = _a.formulaLocale, locale = _a.locale, getEffectiveValue = _a.getEffectiveValue, getSparklineGroup = _a.getSparklineGroup, getFormattedValue = _a.getFormattedValue, getNote = _a.getNote, getComment = _a.getComment, getEffectiveCellFormat = _a.getEffectiveCellFormat, getCellBounds = _a.getCellBounds, getCellImageUrl = _a.getCellImageUrl, getCellMetaType = _a.getCellMetaType, getRowHeaderText = _a.getRowHeaderText, getColumnHeaderText = _a.getColumnHeaderText, getMaximumOverflowTextWidth = _a.getMaximumOverflowTextWidth, getCenterAcrossSelectionSpan = _a.getCenterAcrossSelectionSpan, activeCell = _a.activeCell, getTextDimension = _a.getTextDimension, getCellGroupingInfo = _a.getCellGroupingInfo, getTextFormatRuns = _a.getTextFormatRuns, onRequestEdit = _a.onRequestEdit, onFilterClick = _a.onFilterClick, onCheckboxClick = _a.onCheckboxClick, isTableHeader = _a.isTableHeader, isTableTotalsCell = _a.isTableTotalsCell, onTotalsArrowClick = _a.onTotalsArrowClick, isCalculatedColumnHeader = _a.isCalculatedColumnHeader, isTableHeaderFilterActive = _a.isTableHeaderFilterActive, HeaderCell = _a.HeaderCell, Cell = _a.Cell, StructuredResult = _a.StructuredResult, gridLineWidth = _a.gridLineWidth, showNotes = _a.showNotes, showComments = _a.showComments, defaultFontSizePoint = _a.defaultFontSizePoint, lineHeightMode = _a.lineHeightMode, readonly = _a.readonly, onExpandCollapse = _a.onExpandCollapse, onOverflow = _a.onOverflow, _b = _a.isComparing, isComparing = _b === void 0 ? false : _b, getCellDiff = _a.getCellDiff;
     // Version comparison diff highlighting - only active when isComparing is true
     var _c = (0, use_cell_diff_highlight_1.useCellDiffHighlight)(isComparing ? getCellDiff : undefined), mergeCellFormatWithDiff = _c.mergeCellFormatWithDiff, getDiffHighlight = _c.getDiffHighlight;
     // Edit
     var onRequestEditCell = (0, react_1.useCallback)(function (cell) { return onRequestEdit === null || onRequestEdit === void 0 ? void 0 : onRequestEdit(sheetId, cell); }, [sheetId, onRequestEdit]);
     var cellRenderer = (0, react_1.useCallback)(function (props) {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
         var rowIndex = props.rowIndex, columnIndex = props.columnIndex, isMergedCell = props.isMergedCell;
         // Body cell
         var rawFormattedValue = getFormattedValue(sheetId, rowIndex, columnIndex);
@@ -34,12 +35,17 @@ var useCellRenderer = function (_a) {
         var effectiveCellFormat = getEffectiveCellFormat(sheetId, rowIndex, columnIndex);
         // Checkbox for boolean values (Checkbox icon)
         var effectiveValue = getEffectiveValue(sheetId, rowIndex, columnIndex);
-        var formattedValue = (0, show_zeros_1.applyShowZeros)(rawFormattedValue, effectiveValue, showZeros);
+        // "Show Bar Only" / "Show Icon Only" conditional formats hide the value.
+        var hideConditionalValue = Boolean(((_a = effectiveCellFormat === null || effectiveCellFormat === void 0 ? void 0 : effectiveCellFormat.conditionalDataBar) === null || _a === void 0 ? void 0 : _a.hideValue) ||
+            ((_b = effectiveCellFormat === null || effectiveCellFormat === void 0 ? void 0 : effectiveCellFormat.conditionalIcon) === null || _b === void 0 ? void 0 : _b.hideValue));
+        var formattedValue = hideConditionalValue
+            ? ""
+            : (0, show_zeros_1.applyShowZeros)(rawFormattedValue, effectiveValue, showZeros);
         var dataValidation = getDataValidation(sheetId, rowIndex, columnIndex);
-        var validationType = (_a = dataValidation === null || dataValidation === void 0 ? void 0 : dataValidation.condition) === null || _a === void 0 ? void 0 : _a.type;
+        var validationType = (_c = dataValidation === null || dataValidation === void 0 ? void 0 : dataValidation.condition) === null || _c === void 0 ? void 0 : _c.type;
         var horizontalAlignment = effectiveCellFormat === null || effectiveCellFormat === void 0 ? void 0 : effectiveCellFormat.horizontalAlignment;
         // Expandable
-        var _l = tslib_1.__read(getCellGroupingInfo(sheetId, rowIndex, columnIndex), 2), expandable = _l[0], expanded = _l[1];
+        var _q = tslib_1.__read(getCellGroupingInfo(sheetId, rowIndex, columnIndex), 2), expandable = _q[0], expanded = _q[1];
         // Display style
         var showChip = getCellMetaType(sheetId, rowIndex, columnIndex) === "people";
         // Image url
@@ -49,7 +55,13 @@ var useCellRenderer = function (_a) {
         // Show dropdown arrow: a data-validation list, or a table totals cell
         // whose arrow opens the totals-function picker.
         var showTotalsArrow = !showFilter && !!(isTableTotalsCell === null || isTableTotalsCell === void 0 ? void 0 : isTableTotalsCell(rowIndex, columnIndex));
-        var showArrow = (0, validation_1.showValidationDropdownArrow)(dataValidation) || showTotalsArrow;
+        // Excel shows a list's in-cell dropdown button only beside the active
+        // cell, outside its right edge — it never takes room from the value.
+        var showValidationArrow = !showTotalsArrow &&
+            (activeCell === null || activeCell === void 0 ? void 0 : activeCell.rowIndex) === rowIndex &&
+            (activeCell === null || activeCell === void 0 ? void 0 : activeCell.columnIndex) === columnIndex &&
+            (0, validation_1.showValidationDropdownArrow)(dataValidation);
+        var showArrow = showValidationArrow || showTotalsArrow;
         // Has notes
         var showNote = showNotes
             ? !!getNote(sheetId, rowIndex, columnIndex)
@@ -66,7 +78,8 @@ var useCellRenderer = function (_a) {
         // repeats the text to the cell edge — none of them ever spill into
         // the neighbouring cells.
         var wrapStrategy = effectiveCellFormat === null || effectiveCellFormat === void 0 ? void 0 : effectiveCellFormat.wrapStrategy;
-        var wrapsByAlignment = (0, alignment_1.alignmentImpliesWrap)(horizontalAlignment);
+        var wrapsByAlignment = (0, alignment_1.alignmentImpliesWrap)(horizontalAlignment) ||
+            (0, alignment_1.verticalAlignmentImpliesWrap)(effectiveCellFormat === null || effectiveCellFormat === void 0 ? void 0 : effectiveCellFormat.verticalAlignment);
         var fillsCell = (0, alignment_1.isFillAlignment)(horizontalAlignment);
         var shouldWrap = wrapStrategy === "wrap" || wrapsByAlignment;
         var isWrapEnabled = (wrapStrategy !== null && wrapStrategy !== void 0 ? wrapStrategy : "overflow") === "overflow" &&
@@ -78,7 +91,7 @@ var useCellRenderer = function (_a) {
         // Indent
         var isRightAligned = horizontalAlignment === "right";
         // Only strings which are right aligned can overflow to neighbours
-        var isStringValue = !(0, utils_1.isNil)((_b = effectiveValue === null || effectiveValue === void 0 ? void 0 : effectiveValue.sv) !== null && _b !== void 0 ? _b : effectiveValue === null || effectiveValue === void 0 ? void 0 : effectiveValue.stringValue);
+        var isStringValue = !(0, utils_1.isNil)((_d = effectiveValue === null || effectiveValue === void 0 ? void 0 : effectiveValue.sv) !== null && _d !== void 0 ? _d : effectiveValue === null || effectiveValue === void 0 ? void 0 : effectiveValue.stringValue);
         var overflowRight = isRightAligned && isStringValue;
         // shrinkToFit and rotated text both keep the text inside the cell,
         // so they must not spill into neighbours regardless of wrapStrategy.
@@ -87,30 +100,44 @@ var useCellRenderer = function (_a) {
             Number.isFinite(numericRotation) &&
             numericRotation !== 0;
         var containsTextInside = !!(effectiveCellFormat === null || effectiveCellFormat === void 0 ? void 0 : effectiveCellFormat.shrinkToFit) || hasNumericRotation;
-        var shouldOverflow = enableTextOverflow &&
+        var isCentered = horizontalAlignment === "center";
+        var isCenterAcross = horizontalAlignment === "centerContinuous";
+        var canSpill = enableTextOverflow &&
             isWrapEnabled &&
-            !dataValidation &&
             !showFilter &&
             !isCalculatedColumn &&
-            !showArrow &&
+            !showTotalsArrow &&
             !expandable &&
             !containsTextInside &&
             // Following Excel and Google sheets behavior
             // Text does not overflow merged cells
-            !isMergedCell &&
-            (isRightAligned ? isStringValue : true) &&
-            canOverflowToNextCell({
-                rowIndex: rowIndex,
-                columnIndex: columnIndex + (isRightAligned ? -1 : 1),
-            });
-        var _m = tslib_1.__read(shouldOverflow
-            ? getMaximumOverflowTextWidth(displayFormattedValue, sheetId, rowIndex, columnIndex, 
-            // Investigate why isHiddenCell and the instance from Sheet-Grid differs
-            canOverflowToNextCell, effectiveCellFormat === null || effectiveCellFormat === void 0 ? void 0 : effectiveCellFormat.textFormat, shouldWrap, isRightAligned ? grid_1.Direction.Left : grid_1.Direction.Right)
-            : [
-                props.width,
-                config_1.DEFAULT_ARRAY,
-            ], 2), cellWidth = _m[0], columnSpans = _m[1];
+            !isMergedCell;
+        // Center Across Selection: the text centres over the run of empty
+        // neighbours that share the alignment, however short it is.
+        var centerAcrossSpan = canSpill && isCenterAcross && !(0, utils_1.isNilOrBlank)(displayFormattedValue)
+            ? getCenterAcrossSelectionSpan === null || getCenterAcrossSelectionSpan === void 0 ? void 0 : getCenterAcrossSelectionSpan(sheetId, rowIndex, columnIndex)
+            : undefined;
+        var shouldOverflow = !!centerAcrossSpan ||
+            (canSpill &&
+                (isRightAligned ? isStringValue : true) &&
+                (isCentered
+                    ? canOverflowToNextCell({ rowIndex: rowIndex, columnIndex: columnIndex - 1 }) ||
+                        canOverflowToNextCell({ rowIndex: rowIndex, columnIndex: columnIndex + 1 })
+                    : canOverflowToNextCell({
+                        rowIndex: rowIndex,
+                        columnIndex: columnIndex + (isRightAligned ? -1 : 1),
+                    })));
+        var _r = tslib_1.__read(centerAcrossSpan
+            ? centerAcrossSpan
+            : shouldOverflow
+                ? getMaximumOverflowTextWidth(displayFormattedValue, sheetId, rowIndex, columnIndex, 
+                // Investigate why isHiddenCell and the instance from Sheet-Grid differs
+                canOverflowToNextCell, effectiveCellFormat === null || effectiveCellFormat === void 0 ? void 0 : effectiveCellFormat.textFormat, shouldWrap, isRightAligned ? grid_1.Direction.Left : grid_1.Direction.Right, isCentered)
+                : [
+                    props.width,
+                    config_1.DEFAULT_ARRAY,
+                    undefined,
+                ], 3), cellWidth = _r[0], columnSpans = _r[1], overflowLeft = _r[2];
         if (shouldOverflow && cellWidth > props.width) {
             // Report the full visual width as the required buffer
             // This ensures that even if we scroll to the far right of the overflow,
@@ -146,7 +173,7 @@ var useCellRenderer = function (_a) {
         var errorValue = getErrorValue(sheetId, rowIndex, columnIndex);
         var isInvalid = (errorValue === null || errorValue === void 0 ? void 0 : errorValue.type) === "Invalid";
         var showCheckbox = !errorValue && validationType === "BOOLEAN";
-        var isChecked = ((_c = effectiveValue === null || effectiveValue === void 0 ? void 0 : effectiveValue.bv) !== null && _c !== void 0 ? _c : effectiveValue === null || effectiveValue === void 0 ? void 0 : effectiveValue.boolValue) === true;
+        var isChecked = ((_e = effectiveValue === null || effectiveValue === void 0 ? void 0 : effectiveValue.bv) !== null && _e !== void 0 ? _e : effectiveValue === null || effectiveValue === void 0 ? void 0 : effectiveValue.boolValue) === true;
         // Error from formula calculation (Error icon). Both engines store the canonical spelling
         // (`#VALUE!`); the grid paints the formula locale's (`#ЗНАЧ!`).
         var isError = (errorValue === null || errorValue === void 0 ? void 0 : errorValue.type) === "Error";
@@ -162,17 +189,24 @@ var useCellRenderer = function (_a) {
             diffHighlight &&
             diffHighlight.diffState !== "unchanged") {
             // Get text color from format or use default
-            var textColor = ((_d = effectiveCellFormat === null || effectiveCellFormat === void 0 ? void 0 : effectiveCellFormat.textFormat) === null || _d === void 0 ? void 0 : _d.color)
+            var textColor = ((_f = effectiveCellFormat === null || effectiveCellFormat === void 0 ? void 0 : effectiveCellFormat.textFormat) === null || _f === void 0 ? void 0 : _f.color)
                 ? (0, themes_1.getStringifiedColor)(effectiveCellFormat.textFormat.color, theme)
                 : undefined;
             // Measure old value width for proper spacing in modified cells
             // Use the old format for accurate measurement (bold text is wider than normal)
             var oldValueWidth = diffHighlight.oldFormattedValue
-                ? getTextDimension(sheetId, rowIndex, columnIndex, diffHighlight.oldFormattedValue, (_f = (_e = diffHighlight.oldFormat) === null || _e === void 0 ? void 0 : _e.textFormat) !== null && _f !== void 0 ? _f : undefined).width
+                ? getTextDimension(sheetId, rowIndex, columnIndex, diffHighlight.oldFormattedValue, (_h = (_g = diffHighlight.oldFormat) === null || _g === void 0 ? void 0 : _g.textFormat) !== null && _h !== void 0 ? _h : undefined).width
                 : undefined;
-            return (react_1.default.createElement(cell_diff_1.CellDiff, tslib_1.__assign({ diffHighlight: diffHighlight, value: formattedValue, defaultColor: textColor, scale: scale, fontSizePt: defaultFontSizePoint, fontFamily: (_g = effectiveCellFormat === null || effectiveCellFormat === void 0 ? void 0 : effectiveCellFormat.textFormat) === null || _g === void 0 ? void 0 : _g.fontFamily, bold: (_h = effectiveCellFormat === null || effectiveCellFormat === void 0 ? void 0 : effectiveCellFormat.textFormat) === null || _h === void 0 ? void 0 : _h.bold, italic: (_j = effectiveCellFormat === null || effectiveCellFormat === void 0 ? void 0 : effectiveCellFormat.textFormat) === null || _j === void 0 ? void 0 : _j.italic, horizontalAlignment: effectiveCellFormat === null || effectiveCellFormat === void 0 ? void 0 : effectiveCellFormat.horizontalAlignment, verticalAlignment: effectiveCellFormat === null || effectiveCellFormat === void 0 ? void 0 : effectiveCellFormat.verticalAlignment, oldValueWidth: oldValueWidth }, props)));
+            return (react_1.default.createElement(cell_diff_1.CellDiff, tslib_1.__assign({ diffHighlight: diffHighlight, value: formattedValue, defaultColor: textColor, scale: scale, fontSizePt: defaultFontSizePoint, fontFamily: (_j = effectiveCellFormat === null || effectiveCellFormat === void 0 ? void 0 : effectiveCellFormat.textFormat) === null || _j === void 0 ? void 0 : _j.fontFamily, bold: (_k = effectiveCellFormat === null || effectiveCellFormat === void 0 ? void 0 : effectiveCellFormat.textFormat) === null || _k === void 0 ? void 0 : _k.bold, italic: (_l = effectiveCellFormat === null || effectiveCellFormat === void 0 ? void 0 : effectiveCellFormat.textFormat) === null || _l === void 0 ? void 0 : _l.italic, horizontalAlignment: effectiveCellFormat === null || effectiveCellFormat === void 0 ? void 0 : effectiveCellFormat.horizontalAlignment, verticalAlignment: (effectiveCellFormat === null || effectiveCellFormat === void 0 ? void 0 : effectiveCellFormat.verticalAlignment)
+                    ? (0, alignment_1.resolveCanvasVerticalAlign)(effectiveCellFormat.verticalAlignment)
+                    : undefined, oldValueWidth: oldValueWidth }, props)));
         }
-        return (react_1.default.createElement(Cell, tslib_1.__assign({ value: displayValue, cellFormat: effectiveCellFormat, scale: scale, defaultBackgroundColor: cellBackgroundColor, onRequestEdit: onRequestEditCell, onArrowClick: showTotalsArrow ? onTotalsArrowClick : undefined, showArrow: showArrow, showFilter: showFilter, isCalculatedColumn: isCalculatedColumn, showCheckbox: showCheckbox, showChip: showChip, chipBackgroundColor: chipBackgroundColor, filterIconColor: filterIconColor, onFilterClick: onFilterClick, onCheckboxClick: onCheckboxClick, isChecked: isChecked, isInvalid: isInvalid, isError: isError, imageUrl: imageUrl, isFilterActive: isFilterActive, enableOverflow: enableOverflow, cellWidth: cellWidth, showNote: showNote, showComment: showComment, showCalculatedColumnIcon: showCalculatedColumnIcon, theme: theme, expandable: expandable, expanded: expanded, textWidth: textWidth, columnSpans: columnSpans, overflowRight: overflowRight, showGridLines: showGridLines, structuredValue: effectiveValue === null || effectiveValue === void 0 ? void 0 : effectiveValue.structuredValue, sparklineGroupAxis: ((_k = effectiveValue === null || effectiveValue === void 0 ? void 0 : effectiveValue.structuredValue) === null || _k === void 0 ? void 0 : _k.kind) === "sparkline" &&
+        var numberFormatLayout = isError
+            ? undefined
+            : (0, number_format_layout_1.getCellNumberFormatLayout)((_m = effectiveCellFormat === null || effectiveCellFormat === void 0 ? void 0 : effectiveCellFormat.numberFormat) === null || _m === void 0 ? void 0 : _m.pattern, (_o = (0, utils_1.getExtendedValueNumber)(effectiveValue)) !== null && _o !== void 0 ? _o : (0, utils_1.getExtendedValueString)(effectiveValue), displayValue, locale);
+        return (react_1.default.createElement(Cell, tslib_1.__assign({ value: displayValue, numberFormatLayout: numberFormatLayout, cellFormat: effectiveCellFormat, scale: scale, defaultBackgroundColor: cellBackgroundColor, onRequestEdit: onRequestEditCell, onArrowClick: showTotalsArrow ? onTotalsArrowClick : undefined, showArrow: showArrow, arrowOutside: showValidationArrow, showFilter: showFilter, isCalculatedColumn: isCalculatedColumn, showCheckbox: showCheckbox, showChip: showChip, chipBackgroundColor: chipBackgroundColor, filterIconColor: filterIconColor, onFilterClick: onFilterClick, onCheckboxClick: onCheckboxClick, isChecked: isChecked, isInvalid: isInvalid, isError: isError, imageUrl: imageUrl, isFilterActive: isFilterActive, enableOverflow: enableOverflow, cellWidth: cellWidth, showNote: showNote, showComment: showComment, showCalculatedColumnIcon: showCalculatedColumnIcon, theme: theme, expandable: expandable, expanded: expanded, textWidth: textWidth, columnSpans: columnSpans, overflowRight: overflowRight, overflowLeft: enableOverflow && (isCentered || centerAcrossSpan)
+                ? overflowLeft !== null && overflowLeft !== void 0 ? overflowLeft : 0
+                : undefined, centerOnSpan: !!centerAcrossSpan, showGridLines: showGridLines, structuredValue: effectiveValue === null || effectiveValue === void 0 ? void 0 : effectiveValue.structuredValue, sparklineGroupAxis: ((_p = effectiveValue === null || effectiveValue === void 0 ? void 0 : effectiveValue.structuredValue) === null || _p === void 0 ? void 0 : _p.kind) === "sparkline" &&
                 getSparklineGroup
                 ? (0, sparkline_math_1.sparklineGroupAxisFor)(effectiveValue.structuredValue, function () { return getSparklineGroup(sheetId, { rowIndex: rowIndex, columnIndex: columnIndex }); }, function (cell) {
                     var _a;
@@ -190,6 +224,7 @@ var useCellRenderer = function (_a) {
         sheetId,
         scale,
         showGridLines,
+        showZeros,
         theme,
         showNotes,
         showComments,
@@ -209,6 +244,7 @@ var useCellRenderer = function (_a) {
         getDataValidation,
         getErrorValue,
         formulaLocale,
+        locale,
         getEffectiveValue,
         getSparklineGroup,
         getFormattedValue,
@@ -218,6 +254,8 @@ var useCellRenderer = function (_a) {
         getNote,
         getComment,
         getMaximumOverflowTextWidth,
+        getCenterAcrossSelectionSpan,
+        activeCell,
         getCellGroupingInfo,
         onCheckboxClick,
         onFilterClick,
@@ -313,28 +351,28 @@ var useCellRenderer = function (_a) {
         var strokeDiagonalUpStyle = (_m = borders === null || borders === void 0 ? void 0 : borders.diagonalUp) === null || _m === void 0 ? void 0 : _m.style;
         var strokeDiagonalDownStyle = (_o = borders === null || borders === void 0 ? void 0 : borders.diagonalDown) === null || _o === void 0 ? void 0 : _o.style;
         /* Border width */
-        var strokeTopWidth = (strokeTopStyle === "double" ? 3 : (_q = (_p = borders === null || borders === void 0 ? void 0 : borders.top) === null || _p === void 0 ? void 0 : _p.width) !== null && _q !== void 0 ? _q : 0) * scale;
-        var strokeBottomWidth = (strokeBottomStyle === "double" ? 3 : (_s = (_r = borders === null || borders === void 0 ? void 0 : borders.bottom) === null || _r === void 0 ? void 0 : _r.width) !== null && _s !== void 0 ? _s : 0) *
+        var strokeTopWidth = (strokeTopStyle === "double" ? 3 : (0, helpers_1.getBorderStyleWidth)((_p = borders === null || borders === void 0 ? void 0 : borders.top) === null || _p === void 0 ? void 0 : _p.style, (_q = borders === null || borders === void 0 ? void 0 : borders.top) === null || _q === void 0 ? void 0 : _q.width)) * scale;
+        var strokeBottomWidth = (strokeBottomStyle === "double" ? 3 : (0, helpers_1.getBorderStyleWidth)((_r = borders === null || borders === void 0 ? void 0 : borders.bottom) === null || _r === void 0 ? void 0 : _r.style, (_s = borders === null || borders === void 0 ? void 0 : borders.bottom) === null || _s === void 0 ? void 0 : _s.width)) *
             scale;
-        var strokeLeftWidth = (strokeLeftStyle === "double" ? 3 : (_u = (_t = borders === null || borders === void 0 ? void 0 : borders.left) === null || _t === void 0 ? void 0 : _t.width) !== null && _u !== void 0 ? _u : 0) * scale;
-        var strokeRightWidth = (strokeRightStyle === "double" ? 3 : (_w = (_v = borders === null || borders === void 0 ? void 0 : borders.right) === null || _v === void 0 ? void 0 : _v.width) !== null && _w !== void 0 ? _w : 0) *
+        var strokeLeftWidth = (strokeLeftStyle === "double" ? 3 : (0, helpers_1.getBorderStyleWidth)((_t = borders === null || borders === void 0 ? void 0 : borders.left) === null || _t === void 0 ? void 0 : _t.style, (_u = borders === null || borders === void 0 ? void 0 : borders.left) === null || _u === void 0 ? void 0 : _u.width)) * scale;
+        var strokeRightWidth = (strokeRightStyle === "double" ? 3 : (0, helpers_1.getBorderStyleWidth)((_v = borders === null || borders === void 0 ? void 0 : borders.right) === null || _v === void 0 ? void 0 : _v.style, (_w = borders === null || borders === void 0 ? void 0 : borders.right) === null || _w === void 0 ? void 0 : _w.width)) *
             scale;
         var strokeDiagonalUpWidth = (strokeDiagonalUpStyle === "double"
             ? 3
-            : (_y = (_x = borders === null || borders === void 0 ? void 0 : borders.diagonalUp) === null || _x === void 0 ? void 0 : _x.width) !== null && _y !== void 0 ? _y : 0) * scale;
+            : (0, helpers_1.getBorderStyleWidth)((_x = borders === null || borders === void 0 ? void 0 : borders.diagonalUp) === null || _x === void 0 ? void 0 : _x.style, (_y = borders === null || borders === void 0 ? void 0 : borders.diagonalUp) === null || _y === void 0 ? void 0 : _y.width)) * scale;
         var strokeDiagonalDownWidth = (strokeDiagonalDownStyle === "double"
             ? 3
-            : (_0 = (_z = borders === null || borders === void 0 ? void 0 : borders.diagonalDown) === null || _z === void 0 ? void 0 : _z.width) !== null && _0 !== void 0 ? _0 : 0) * scale;
+            : (0, helpers_1.getBorderStyleWidth)((_z = borders === null || borders === void 0 ? void 0 : borders.diagonalDown) === null || _z === void 0 ? void 0 : _z.style, (_0 = borders === null || borders === void 0 ? void 0 : borders.diagonalDown) === null || _0 === void 0 ? void 0 : _0.width)) * scale;
         // Double inset
         var strokeDoubleInsetWidth = 1 * scale;
         /* Border style */
-        var strokeTopDash = (0, helpers_1.convertBorderStyleToDashArray)((_1 = borders === null || borders === void 0 ? void 0 : borders.top) === null || _1 === void 0 ? void 0 : _1.style);
-        var strokeBottomDash = (0, helpers_1.convertBorderStyleToDashArray)((_2 = borders === null || borders === void 0 ? void 0 : borders.bottom) === null || _2 === void 0 ? void 0 : _2.style);
-        var strokeLeftDash = (0, helpers_1.convertBorderStyleToDashArray)((_3 = borders === null || borders === void 0 ? void 0 : borders.left) === null || _3 === void 0 ? void 0 : _3.style);
-        var strokeRightDash = (0, helpers_1.convertBorderStyleToDashArray)((_4 = borders === null || borders === void 0 ? void 0 : borders.right) === null || _4 === void 0 ? void 0 : _4.style);
-        var strokeDiagonalUpDash = (0, helpers_1.convertBorderStyleToDashArray)((_5 = borders === null || borders === void 0 ? void 0 : borders.diagonalUp) === null || _5 === void 0 ? void 0 : _5.style);
-        var strokeDiagonalDownDash = (0, helpers_1.convertBorderStyleToDashArray)((_6 = borders === null || borders === void 0 ? void 0 : borders.diagonalDown) === null || _6 === void 0 ? void 0 : _6.style);
-        return (0, cell_overlay_1.CellOverlayRenderer)(tslib_1.__assign(tslib_1.__assign({}, props), { strokeDoubleInsetWidth: strokeDoubleInsetWidth, strokeTopColor: strokeTopColor, strokeBottomColor: strokeBottomColor, strokeLeftColor: strokeLeftColor, strokeRightColor: strokeRightColor, strokeDiagonalUpColor: strokeDiagonalUpColor, strokeDiagonalDownColor: strokeDiagonalDownColor, strokeTopWidth: strokeTopWidth, strokeBottomWidth: strokeBottomWidth, strokeLeftWidth: strokeLeftWidth, strokeRightWidth: strokeRightWidth, strokeDiagonalUpWidth: strokeDiagonalUpWidth, strokeDiagonalDownWidth: strokeDiagonalDownWidth, strokeTopDash: strokeTopDash, strokeBottomDash: strokeBottomDash, strokeLeftDash: strokeLeftDash, strokeRightDash: strokeRightDash, strokeDiagonalUpDash: strokeDiagonalUpDash, strokeDiagonalDownDash: strokeDiagonalDownDash, strokeTopStyle: strokeTopStyle, strokeBottomStyle: strokeBottomStyle, strokeLeftStyle: strokeLeftStyle, strokeRightStyle: strokeRightStyle, cellBackgroundColor: finalCellBackgroundColor }));
+        var strokeTopDash = (0, helpers_1.convertBorderStyleToDashArray)((_1 = borders === null || borders === void 0 ? void 0 : borders.top) === null || _1 === void 0 ? void 0 : _1.style, scale);
+        var strokeBottomDash = (0, helpers_1.convertBorderStyleToDashArray)((_2 = borders === null || borders === void 0 ? void 0 : borders.bottom) === null || _2 === void 0 ? void 0 : _2.style, scale);
+        var strokeLeftDash = (0, helpers_1.convertBorderStyleToDashArray)((_3 = borders === null || borders === void 0 ? void 0 : borders.left) === null || _3 === void 0 ? void 0 : _3.style, scale);
+        var strokeRightDash = (0, helpers_1.convertBorderStyleToDashArray)((_4 = borders === null || borders === void 0 ? void 0 : borders.right) === null || _4 === void 0 ? void 0 : _4.style, scale);
+        var strokeDiagonalUpDash = (0, helpers_1.convertBorderStyleToDashArray)((_5 = borders === null || borders === void 0 ? void 0 : borders.diagonalUp) === null || _5 === void 0 ? void 0 : _5.style, scale);
+        var strokeDiagonalDownDash = (0, helpers_1.convertBorderStyleToDashArray)((_6 = borders === null || borders === void 0 ? void 0 : borders.diagonalDown) === null || _6 === void 0 ? void 0 : _6.style, scale);
+        return (0, cell_overlay_1.CellOverlayRenderer)(tslib_1.__assign(tslib_1.__assign({}, props), { strokeDoubleInsetWidth: strokeDoubleInsetWidth, strokeTopColor: strokeTopColor, strokeBottomColor: strokeBottomColor, strokeLeftColor: strokeLeftColor, strokeRightColor: strokeRightColor, strokeDiagonalUpColor: strokeDiagonalUpColor, strokeDiagonalDownColor: strokeDiagonalDownColor, strokeTopWidth: strokeTopWidth, strokeBottomWidth: strokeBottomWidth, strokeLeftWidth: strokeLeftWidth, strokeRightWidth: strokeRightWidth, strokeDiagonalUpWidth: strokeDiagonalUpWidth, strokeDiagonalDownWidth: strokeDiagonalDownWidth, strokeTopDash: strokeTopDash, strokeBottomDash: strokeBottomDash, strokeLeftDash: strokeLeftDash, strokeRightDash: strokeRightDash, strokeDiagonalUpDash: strokeDiagonalUpDash, strokeDiagonalDownDash: strokeDiagonalDownDash, strokeTopStyle: strokeTopStyle, strokeBottomStyle: strokeBottomStyle, strokeLeftStyle: strokeLeftStyle, strokeRightStyle: strokeRightStyle, strokeDiagonalUpStyle: strokeDiagonalUpStyle, strokeDiagonalDownStyle: strokeDiagonalDownStyle, cellBackgroundColor: finalCellBackgroundColor }));
     }, [
         getEffectiveCellFormat,
         getCellBounds,
@@ -357,11 +395,11 @@ var useCellRenderer = function (_a) {
          */
         var fillPattern = (_a = effectiveCellFormat === null || effectiveCellFormat === void 0 ? void 0 : effectiveCellFormat.fillPattern) !== null && _a !== void 0 ? _a : null;
         var gradient = (_b = effectiveCellFormat === null || effectiveCellFormat === void 0 ? void 0 : effectiveCellFormat.gradient) !== null && _b !== void 0 ? _b : null;
-        var hasPaintedPattern = fillPattern && fillPattern !== "none" && fillPattern !== "solid"
+        // A pattern with no colour of its own paints in Excel's Automatic
+        // (black); a solid pattern needs its foreground.
+        var hasPaintedPattern = fillPattern === "solid"
             ? !!(effectiveCellFormat === null || effectiveCellFormat === void 0 ? void 0 : effectiveCellFormat.foregroundColor)
-            : fillPattern === "solid"
-                ? !!(effectiveCellFormat === null || effectiveCellFormat === void 0 ? void 0 : effectiveCellFormat.foregroundColor)
-                : false;
+            : !!fillPattern && fillPattern !== "none";
         var hasGradient = !!gradient && ((_d = (_c = gradient.stops) === null || _c === void 0 ? void 0 : _c.length) !== null && _d !== void 0 ? _d : 0) > 0;
         var showFillRectange = !(0, utils_1.isNil)(effectiveCellFormat === null || effectiveCellFormat === void 0 ? void 0 : effectiveCellFormat.backgroundColor) ||
             isMergedCell ||

package/dist/cjs/hooks/use-conditional-formatting.d.ts

@@ -1,4 +1,5 @@
 import { type GridRange } from "@rowsncolumns/grid";
+import { type CfRangeStats } from "../api/cf-overlays";
 import type { CanvasGridProps, SpreadsheetTheme } from "../components/canvas-grid/typings";
 import type { CellData, CellFormat, ConditionalFormatRule, CustomFormulaResult } from "../types";
 /**
@@ -38,6 +39,17 @@ export type UseConditionalFormattingProps<T extends CellData> = {
      * JS computation. Omit for engine-free documents.
      */
     getConditionalFormatResult?: (sheetId: number, rowIndex: number, columnIndex: number, ruleId: ConditionalFormatRule["id"]) => unknown;
+    /**
+     * Whole-range statistics of a rule's numeric covered cells, for hosts whose
+     * cell data is windowed (an engine that only streams the visible slice).
+     * Used for rules cut to the evaluation window, so data bars, colour
+     * scales, icon sets, top/bottom-N and averages resolve over the rule's
+     * full range. Return `sorted` for percentile / rank thresholds. Hosts
+     * should cache per rule and invalidate on edit; without this prop the
+     * hook computes the statistics itself from `getValidationValue` and
+     * caches them per rule until the data changes.
+     */
+    getConditionalFormatRuleStats?: (sheetId: number, rule: ConditionalFormatRule) => CfRangeStats | null | undefined;
 };
-export declare const useConditionalFormatting: <T extends CellData>({ sheetId, theme, conditionalFormats, locale, getValidationValue, isNumberValue, getSheetRowCount, getSheetColumnCount, window: evaluationWindow, getConditionalFormatResult, }: UseConditionalFormattingProps<T>) => Map<string, CellFormat | undefined>;
+export declare const useConditionalFormatting: <T extends CellData>({ sheetId, theme, conditionalFormats, locale, getValidationValue, isNumberValue, getSheetRowCount, getSheetColumnCount, window: evaluationWindow, getConditionalFormatResult, getConditionalFormatRuleStats, }: UseConditionalFormattingProps<T>) => Map<string, CellFormat | undefined>;
 //# sourceMappingURL=use-conditional-formatting.d.ts.map

package/dist/cjs/hooks/use-conditional-formatting.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-conditional-formatting.d.ts","sourceRoot":"","sources":["../../../hooks/use-conditional-formatting.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,KAAK,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAoBpE,OAAO,KAAK,EACV,eAAe,EACf,gBAAgB,EACjB,MAAM,mCAAmC,CAAC;AAC3C,OAAO,KAAK,EACV,QAAQ,EACR,UAAU,EACV,qBAAqB,EACrB,mBAAmB,EACpB,MAAM,UAAU,CAAC;AAGlB;;;;;;GAMG;AACH,eAAO,MAAM,sBAAsB,GACjC,QAAQ,UAAU,EAClB,OAAO,UAAU,KAChB,UAYF,CAAC;AAaF,MAAM,MAAM,6BAA6B,CAAC,CAAC,SAAS,QAAQ,IAAI;IAC9D,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,gBAAgB,CAAC;IACxB,kBAAkB,CAAC,EAAE,qBAAqB,EAAE,CAAC;IAC7C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,kBAAkB,EAAE,CAClB,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,MAAM,EAChB,WAAW,EAAE,MAAM,EACnB,IAAI,CAAC,EAAE,qBAAqB,KACzB,mBAAmB,CAAC;IACzB,aAAa,CACX,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,MAAM,EAChB,WAAW,EAAE,MAAM,GAClB,OAAO,CAAC;IACX,gBAAgB,EAAE,eAAe,CAAC,kBAAkB,CAAC,CAAC;IACtD,mBAAmB,EAAE,eAAe,CAAC,qBAAqB,CAAC,CAAC;IAC5D;;;;;;;OAOG;IACH,MAAM,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IAC1B;;;;;;;;;OASG;IACH,0BAA0B,CAAC,EAAE,CAC3B,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,MAAM,EAChB,WAAW,EAAE,MAAM,EACnB,MAAM,EAAE,qBAAqB,CAAC,IAAI,CAAC,KAChC,OAAO,CAAC;CACd,CAAC;AAEF,eAAO,MAAM,wBAAwB,GAAI,CAAC,SAAS,QAAQ,EAAE,iLAW1D,6BAA6B,CAAC,CAAC,CAAC,wCA0pBlC,CAAC"}
+{"version":3,"file":"use-conditional-formatting.d.ts","sourceRoot":"","sources":["../../../hooks/use-conditional-formatting.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,KAAK,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAWpE,OAAO,EAIL,KAAK,YAAY,EAKlB,MAAM,oBAAoB,CAAC;AAK5B,OAAO,KAAK,EACV,eAAe,EACf,gBAAgB,EACjB,MAAM,mCAAmC,CAAC;AAG3C,OAAO,KAAK,EACV,QAAQ,EACR,UAAU,EACV,qBAAqB,EACrB,mBAAmB,EACpB,MAAM,UAAU,CAAC;AAElB;;;;;;GAMG;AACH,eAAO,MAAM,sBAAsB,GACjC,QAAQ,UAAU,EAClB,OAAO,UAAU,KAChB,UAYF,CAAC;AAmCF,MAAM,MAAM,6BAA6B,CAAC,CAAC,SAAS,QAAQ,IAAI;IAC9D,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,gBAAgB,CAAC;IACxB,kBAAkB,CAAC,EAAE,qBAAqB,EAAE,CAAC;IAC7C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,kBAAkB,EAAE,CAClB,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,MAAM,EAChB,WAAW,EAAE,MAAM,EACnB,IAAI,CAAC,EAAE,qBAAqB,KACzB,mBAAmB,CAAC;IACzB,aAAa,CACX,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,MAAM,EAChB,WAAW,EAAE,MAAM,GAClB,OAAO,CAAC;IACX,gBAAgB,EAAE,eAAe,CAAC,kBAAkB,CAAC,CAAC;IACtD,mBAAmB,EAAE,eAAe,CAAC,qBAAqB,CAAC,CAAC;IAC5D;;;;;;;OAOG;IACH,MAAM,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IAC1B;;;;;;;;;OASG;IACH,0BAA0B,CAAC,EAAE,CAC3B,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,MAAM,EAChB,WAAW,EAAE,MAAM,EACnB,MAAM,EAAE,qBAAqB,CAAC,IAAI,CAAC,KAChC,OAAO,CAAC;IACb;;;;;;;;;OASG;IACH,6BAA6B,CAAC,EAAE,CAC9B,OAAO,EAAE,MAAM,EACf,IAAI,EAAE,qBAAqB,KACxB,YAAY,GAAG,IAAI,GAAG,SAAS,CAAC;CACtC,CAAC;AAEF,eAAO,MAAM,wBAAwB,GAAI,CAAC,SAAS,QAAQ,EAAE,gNAY1D,6BAA6B,CAAC,CAAC,CAAC,wCA0vBlC,CAAC"}