@rowsncolumns/spreadsheet-state 29.2.0 → 29.3.2

package/dist/esm/components/editors/conditional-format-rule-editor.js

@@ -1,6 +1,6 @@
 import { useIsomorphicLayoutEffect } from "@rowsncolumns/grid";
 import { CrossCircledIcon } from "@rowsncolumns/icons";
-import { BackgroundColorSelector, BorderSelector, ButtonBold, ButtonItalic, ButtonStrikethrough, ButtonUnderline, CONDITION_LABELS, CONDITION_NONE, FormulaInput, getStringifiedColor, ICON_SET_COLORS, ICON_SET_GLYPHS, shouldShowFromValue, shouldShowToValue, TextColorSelector, useFormulaInputState, useFormulaRangeHelpers, } from "@rowsncolumns/spreadsheet";
+import { BackgroundColorSelector, BorderSelector, ButtonBold, ButtonItalic, ButtonStrikethrough, ButtonUnderline, CONDITION_LABELS, CONDITION_NONE, FormulaInput, getStringifiedColor, shouldShowFromValue, shouldShowToValue, TextColorSelector, useFormulaInputState, useFormulaRangeHelpers, } from "@rowsncolumns/spreadsheet";
 import { Button, IconButton, Input, Select, SelectContent, SelectItem, SelectPortal, SelectTrigger, SelectValue, Stack, } from "@rowsncolumns/ui";
 import { isNil, uuid } from "@rowsncolumns/utils";
 import { useFormik } from "formik";
@@ -8,6 +8,8 @@ import isEqual from "lodash/isEqual";
 import omit from "lodash/omit";
 import React, { useEffect, useMemo, useRef, useState } from "react";
 import { getBorderWidthFromStyle, getCSSBorderStyleFromStyle, } from "../../api/border";
+import { ConditionalFormatDataBarOptions, DEFAULT_DATA_BAR_RULE, } from "./conditional-format-data-bar-options";
+import { ConditionalFormatIconSetOptions, defaultIconThresholds, } from "./conditional-format-icon-set-options";
 export const createBorderCSSFromBorder = (borders, theme) => {
     if (!borders) {
         return {};
@@ -45,6 +47,44 @@ export const createRulePreviewStyle = (format, theme) => {
         ...createBorderCSSFromBorder(format?.borders, theme),
     };
 };
+/** Excel's "Format only values that are above or below average" choices. */
+export const AVERAGE_OPTIONS = [
+    { key: "above", label: "above", type: "NUMBER_ABOVE_AVERAGE" },
+    { key: "below", label: "below", type: "NUMBER_BELOW_AVERAGE" },
+    {
+        key: "equalAbove",
+        label: "equal or above",
+        type: "NUMBER_ABOVE_AVERAGE",
+        equalAverage: true,
+    },
+    {
+        key: "equalBelow",
+        label: "equal or below",
+        type: "NUMBER_BELOW_AVERAGE",
+        equalAverage: true,
+    },
+    ...[1, 2, 3].map((stdDev) => ({
+        key: `above${stdDev}`,
+        label: `${stdDev} std dev above`,
+        type: "NUMBER_ABOVE_AVERAGE",
+        stdDev,
+    })),
+    ...[1, 2, 3].map((stdDev) => ({
+        key: `below${stdDev}`,
+        label: `${stdDev} std dev below`,
+        type: "NUMBER_BELOW_AVERAGE",
+        stdDev,
+    })),
+];
+export const averageOptionKey = (rule) => {
+    const above = rule?.condition?.type !== "NUMBER_BELOW_AVERAGE";
+    if (rule?.stdDev) {
+        return `${above ? "above" : "below"}${rule.stdDev}`;
+    }
+    if (rule?.equalAverage)
+        return above ? "equalAbove" : "equalBelow";
+    return above ? "above" : "below";
+};
 const ensureFormula = (value) => {
     if (!value)
         return undefined;
@@ -220,10 +260,7 @@ export const ConditionalFormatRuleEditor = ({ sheetId, conditionalFormatRule, th
         if (selectedTab === "iconSetRule" && !values.iconSetRule) {
             setFieldValue("iconSetRule", {
                 iconSet: "3TrafficLights1",
-                thresholds: [
-                    { type: "PERCENT", value: 33 },
-                    { type: "PERCENT", value: 67 },
-                ],
+                thresholds: defaultIconThresholds(3),
             });
         }
     }, [selectedTab, values.iconSetRule]);
@@ -232,11 +269,7 @@ export const ConditionalFormatRuleEditor = ({ sheetId, conditionalFormatRule, th
     // "Single color" on reopen). Mirrors the topBottomRule/distinctRule effects.
     useIsomorphicLayoutEffect(() => {
         if (selectedTab === "dataBarRule" && !values.dataBarRule) {
-            setFieldValue("dataBarRule", {
-                minpoint: { type: "MIN" },
-                maxpoint: { type: "MAX" },
-                color: "#638ec6",
-            });
+            setFieldValue("dataBarRule", DEFAULT_DATA_BAR_RULE);
         }
     }, [selectedTab, values.dataBarRule]);
     const len = values.ranges.length;
@@ -363,6 +396,21 @@ export const ConditionalFormatRuleEditor = ({ sheetId, conditionalFormatRule, th
                                 conditionLabelOptions.map(({ condition, label }) => {
                                     return (React.createElement(SelectItem, { key: condition, value: condition }, label));
                                 }))))),
+                booleanRule?.condition?.type === "NUMBER_ABOVE_AVERAGE" ||
+                    booleanRule?.condition?.type === "NUMBER_BELOW_AVERAGE" ? (React.createElement(Stack, { direction: "vertical", className: "gap-1 pb-3" },
+                    React.createElement("label", { className: "font-system text-sm" }, "Format values that are"),
+                    React.createElement(Select, { value: averageOptionKey(booleanRule), onValueChange: (key) => {
+                            const option = AVERAGE_OPTIONS.find((o) => o.key === key);
+                            if (!option)
+                                return;
+                            setFieldValue("booleanRule.condition.type", option.type);
+                            setFieldValue("booleanRule.equalAverage", option.equalAverage || undefined);
+                            setFieldValue("booleanRule.stdDev", option.stdDev);
+                        } },
+                        React.createElement(SelectTrigger, { className: "text-sm", "aria-label": "Average option" },
+                            React.createElement(SelectValue, null)),
+                        React.createElement(SelectPortal, null,
+                            React.createElement(SelectContent, null, AVERAGE_OPTIONS.map((option) => (React.createElement(SelectItem, { key: option.key, value: option.key }, option.label)))))))) : null,
                 React.createElement(Stack, { direction: "vertical", className: "gap-1  pb-3" },
                     showFromValue ? (values.booleanRule?.condition?.type === "CUSTOM_FORMULA" ? (React.createElement(FormulaInput, { onChange: (value) => updateBooleanRuleInputs(value, undefined, "CUSTOM_FORMULA", false), value: fromValue ?? "=", required: true, placeholder: "Enter a formula", autoFocus: true, functionDescriptions: functionDescriptions })) : (React.createElement(Input, { value: fromValue ?? "", type: "text", name: "fromValue", onChange: (e) => updateBooleanRuleInputs(e.target.value, toValue), className: "text-xs", placeholder: "Value or formula" }))) : null,
                     showToValue ? (React.createElement(Input, { value: toValue ?? "", type: "text", name: "toValue", onChange: (e) => updateBooleanRuleInputs(fromValue, e.target.value), className: "text-xs", placeholder: "Value or formula" })) : null),
@@ -538,81 +586,8 @@ export const ConditionalFormatRuleEditor = ({ sheetId, conditionalFormatRule, th
                 React.createElement(Stack, { direction: "vertical", className: "gap-1 pb-3" },
                     React.createElement("label", { className: "font-system text-sm" }, "Preview"),
                     React.createElement("div", { className: "p-2 text-center shadow-lg", style: createRulePreviewStyle(distinctRule?.format, theme) }, "AaBbCcYyZz")))),
-            selectedTab === "iconSetRule" && (React.createElement(Stack, { direction: "vertical", className: "gap-1 pb-1" },
-                React.createElement("label", { className: "font-system text-sm" }, "Icon set"),
-                React.createElement(Select, { value: iconSetRule?.iconSet ?? "3TrafficLights1", onValueChange: (value) => {
-                        // Default thresholds at 33% / 67% to bucket the value range
-                        // into 3 equal slices when switching to a 3-icon set, etc.
-                        const familyDefaults = {
-                            "3": [{ value: 33 }, { value: 67 }],
-                            "4": [{ value: 25 }, { value: 50 }, { value: 75 }],
-                            "5": [
-                                { value: 20 },
-                                { value: 40 },
-                                { value: 60 },
-                                { value: 80 },
-                            ],
-                        };
-                        const count = value.startsWith("5")
-                            ? "5"
-                            : value.startsWith("4")
-                                ? "4"
-                                : "3";
-                        setFieldValue("iconSetRule.iconSet", value);
-                        if (!iconSetRule?.thresholds?.length) {
-                            setFieldValue("iconSetRule.thresholds", familyDefaults[count].map((t) => ({
-                                type: "PERCENT",
-                                value: t.value,
-                            })));
-                        }
-                    } },
-                    React.createElement(SelectTrigger, { className: "text-sm mb-0 w-64" },
-                        React.createElement(SelectValue, { placeholder: "3 Traffic Lights" })),
-                    React.createElement(SelectPortal, null,
-                        React.createElement(SelectContent, null, [
-                            ["3Arrows", "3 Arrows"],
-                            ["3TrafficLights1", "3 Traffic Lights"],
-                            ["3Signs", "3 Signs"],
-                            ["3Symbols", "3 Symbols"],
-                            ["3Flags", "3 Flags"],
-                            ["4Arrows", "4 Arrows"],
-                            ["4Rating", "4 Rating"],
-                            ["4TrafficLights", "4 Traffic Lights"],
-                            ["5Arrows", "5 Arrows"],
-                            ["5Rating", "5 Rating"],
-                            ["5Quarters", "5 Quarters"],
-                        ].map(([family, label]) => {
-                            const glyphs = ICON_SET_GLYPHS[family];
-                            const colors = ICON_SET_COLORS[family];
-                            return (React.createElement(SelectItem, { key: family, value: family },
-                                React.createElement("span", { className: "inline-flex items-center gap-2" },
-                                    React.createElement("span", null, label),
-                                    React.createElement("span", { className: "inline-flex gap-0.5" }, glyphs.map((glyph, i) => (React.createElement("span", { key: i, style: { color: colors[i] } }, glyph)))))));
-                        })))),
-                React.createElement("label", { className: "font-system text-sm mt-2 inline-flex items-center gap-2" },
-                    React.createElement("input", { type: "checkbox", checked: !!iconSetRule?.reverse, onChange: (e) => {
-                            setFieldValue("iconSetRule.reverse", e.target.checked);
-                        } }),
-                    "Reverse icon order"))),
-            selectedTab === "dataBarRule" && (React.createElement(Stack, { direction: "vertical", className: "gap-1 pb-1" },
-                React.createElement("label", { className: "font-system text-sm" }, "Bar color"),
-                React.createElement(Input, { type: "color", value: typeof dataBarRule?.color === "string"
-                        ? dataBarRule.color
-                        : "#638ec6", onChange: (e) => {
-                        setFieldValue("dataBarRule.color", e.target.value);
-                        if (!dataBarRule?.minpoint) {
-                            setFieldValue("dataBarRule.minpoint", { type: "MIN" });
-                        }
-                        if (!dataBarRule?.maxpoint) {
-                            setFieldValue("dataBarRule.maxpoint", { type: "MAX" });
-                        }
-                    }, className: "w-24 h-8" }),
-                React.createElement("label", { className: "font-system text-sm mt-2" }, "Negative color (optional)"),
-                React.createElement(Input, { type: "color", value: typeof dataBarRule?.negativeColor === "string"
-                        ? dataBarRule.negativeColor
-                        : "#dc2626", onChange: (e) => {
-                        setFieldValue("dataBarRule.negativeColor", e.target.value);
-                    }, className: "w-24 h-8" })))),
+            selectedTab === "iconSetRule" && (React.createElement(ConditionalFormatIconSetOptions, { rule: iconSetRule, onChange: (next) => setFieldValue("iconSetRule", next) })),
+            selectedTab === "dataBarRule" && (React.createElement(ConditionalFormatDataBarOptions, { rule: dataBarRule, theme: theme, onChange: (next) => setFieldValue("dataBarRule", next) }))),
         React.createElement("div", { className: "flex gap-1 py-2" },
             React.createElement(Button, { type: "submit", variant: "primary", size: "xs" }, "Save"),
             React.createElement(Button, { size: "xs", onClick: onCancelForm, type: "button" }, "Cancel"))));

package/dist/esm/components/editors/sheet-filter.d.ts

@@ -1,17 +1,24 @@
 import React from "react";
 /**
- * "all", or a specific sheet id a rule list is narrowed to.
+ * "all", "selection" (Excel's "Show formatting rules for: Current Selection"), or a specific sheet
+ * id a rule list is narrowed to.
  */
-export type SheetFilter = number | "all";
+export type SheetFilter = number | "all" | "selection";
+type FilterRange = {
+    sheetId?: number;
+    startRowIndex?: number;
+    endRowIndex?: number;
+    startColumnIndex?: number;
+    endColumnIndex?: number;
+};
 type RuleWithRanges = {
-    ranges?: {
-        sheetId?: number;
-    }[];
+    ranges?: FilterRange[];
 };
 /**
- * A rule belongs to a sheet when any of its ranges targets that sheet.
+ * A rule belongs to a sheet when any of its ranges targets that sheet, and to the current selection
+ * when any of its ranges overlaps a selected range.
  */
-export declare function filterRulesBySheet<T extends RuleWithRanges>(rules: T[], filter: SheetFilter): T[];
+export declare function filterRulesBySheet<T extends RuleWithRanges>(rules: T[], filter: SheetFilter, selectionRanges?: readonly FilterRange[]): T[];
 /**
  * Sheet ids that appear in at least one rule's ranges, in first-seen order.
  */
@@ -51,17 +58,21 @@ export declare function getFilterableSheetIds(rules: RuleWithRanges[], sheetId:
  *
  * `workbookSheetIds` is the workbook's sheets in tab order; see getFilterableSheetIds.
  */
-export declare function useSheetFilter<T extends RuleWithRanges>(sheetId: number, rules: T[], workbookSheetIds?: readonly number[]): {
+export declare function useSheetFilter<T extends RuleWithRanges>(sheetId: number, rules: T[], workbookSheetIds?: readonly number[], 
+/** The selected ranges (with `sheetId`), read when "Current selection" is chosen. */
+getSelectionRanges?: () => readonly FilterRange[]): {
     sheetFilter: SheetFilter;
     setSheetFilter: React.Dispatch<React.SetStateAction<SheetFilter>>;
     filterableSheetIds: number[];
     visibleRules: T[];
     showFilter: boolean;
 };
-export declare const SheetFilterSelect: ({ value, sheetIds, onValueChange, }: {
+export declare const SheetFilterSelect: ({ value, sheetIds, onValueChange, offerSelection, }: {
     value: SheetFilter;
     sheetIds: number[];
     onValueChange: (value: SheetFilter) => void;
+    /** Offer "Current selection" (the Conditional Formatting Rules Manager does). */
+    offerSelection?: boolean;
 }) => React.JSX.Element;
 export declare const SheetFilterEmptyState: ({ sheetFilter, label, }: {
     sheetFilter: SheetFilter;

package/dist/esm/components/editors/sheet-filter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sheet-filter.d.ts","sourceRoot":"","sources":["../../../../components/editors/sheet-filter.tsx"],"names":[],"mappings":"AASA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAE5D;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,KAAK,CAAC;AAEzC,KAAK,cAAc,GAAG;IACpB,MAAM,CAAC,EAAE;QAAE,OAAO,CAAC,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;CACjC,CAAC;AAEF;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,CAAC,SAAS,cAAc,EACzD,KAAK,EAAE,CAAC,EAAE,EACV,MAAM,EAAE,WAAW,GAClB,CAAC,EAAE,CAML;AAED;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,cAAc,EAAE,GAAG,MAAM,EAAE,CAUtE;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,qBAAqB,CAAC,EACpC,SAAS,EACT,WAAW,EACX,OAAO,GACR,EAAE;IACD,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,WAAW,CAAC;IACzB,OAAO,EAAE,MAAM,CAAC;CACjB,GAAG,OAAO,CAEV;AAED;;;;;;;;GAQG;AACH,wBAAgB,qBAAqB,CACnC,KAAK,EAAE,cAAc,EAAE,EACvB,OAAO,EAAE,MAAM,EACf,gBAAgB,CAAC,EAAE,SAAS,MAAM,EAAE,GACnC,MAAM,EAAE,CAKV;AAED;;;;;;;GAOG;AACH,wBAAgB,cAAc,CAAC,CAAC,SAAS,cAAc,EACrD,OAAO,EAAE,MAAM,EACf,KAAK,EAAE,CAAC,EAAE,EACV,gBAAgB,CAAC,EAAE,SAAS,MAAM,EAAE;;;;;;EA8BrC;AAED,eAAO,MAAM,iBAAiB,GAAI,qCAI/B;IACD,KAAK,EAAE,WAAW,CAAC;IACnB,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,aAAa,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;CAC7C,sBA6BA,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAAI,yBAGnC;IACD,WAAW,EAAE,WAAW,CAAC;IACzB,KAAK,EAAE,MAAM,CAAC;CACf,sBAKA,CAAC"}
+{"version":3,"file":"sheet-filter.d.ts","sourceRoot":"","sources":["../../../../components/editors/sheet-filter.tsx"],"names":[],"mappings":"AASA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAE5D;;;GAGG;AACH,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,KAAK,GAAG,WAAW,CAAC;AAEvD,KAAK,WAAW,GAAG;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,KAAK,cAAc,GAAG;IACpB,MAAM,CAAC,EAAE,WAAW,EAAE,CAAC;CACxB,CAAC;AASF;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,CAAC,SAAS,cAAc,EACzD,KAAK,EAAE,CAAC,EAAE,EACV,MAAM,EAAE,WAAW,EACnB,eAAe,GAAE,SAAS,WAAW,EAAO,GAC3C,CAAC,EAAE,CAYL;AAED;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,cAAc,EAAE,GAAG,MAAM,EAAE,CAUtE;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,qBAAqB,CAAC,EACpC,SAAS,EACT,WAAW,EACX,OAAO,GACR,EAAE;IACD,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,WAAW,CAAC;IACzB,OAAO,EAAE,MAAM,CAAC;CACjB,GAAG,OAAO,CAEV;AAED;;;;;;;;GAQG;AACH,wBAAgB,qBAAqB,CACnC,KAAK,EAAE,cAAc,EAAE,EACvB,OAAO,EAAE,MAAM,EACf,gBAAgB,CAAC,EAAE,SAAS,MAAM,EAAE,GACnC,MAAM,EAAE,CAKV;AAED;;;;;;;GAOG;AACH,wBAAgB,cAAc,CAAC,CAAC,SAAS,cAAc,EACrD,OAAO,EAAE,MAAM,EACf,KAAK,EAAE,CAAC,EAAE,EACV,gBAAgB,CAAC,EAAE,SAAS,MAAM,EAAE;AACpC,qFAAqF;AACrF,kBAAkB,CAAC,EAAE,MAAM,SAAS,WAAW,EAAE;;;;;;EAoClD;AAED,eAAO,MAAM,iBAAiB,GAAI,qDAK/B;IACD,KAAK,EAAE,WAAW,CAAC;IACnB,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,aAAa,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;IAC5C,iFAAiF;IACjF,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,sBAkCA,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAAI,yBAGnC;IACD,WAAW,EAAE,WAAW,CAAC;IACzB,KAAK,EAAE,MAAM,CAAC;CACf,sBASA,CAAC"}

package/dist/esm/components/editors/sheet-filter.js

@@ -1,13 +1,22 @@
 import { useGetSheetName } from "@rowsncolumns/spreadsheet";
 import { Select, SelectContent, SelectItem, SelectPortal, SelectTrigger, SelectValue, } from "@rowsncolumns/ui";
 import React, { useEffect, useMemo, useState } from "react";
+const rangesIntersect = (a, b) => a.sheetId === b.sheetId &&
+    (a.startRowIndex ?? 0) <= (b.endRowIndex ?? Number.MAX_SAFE_INTEGER) &&
+    (b.startRowIndex ?? 0) <= (a.endRowIndex ?? Number.MAX_SAFE_INTEGER) &&
+    (a.startColumnIndex ?? 0) <= (b.endColumnIndex ?? Number.MAX_SAFE_INTEGER) &&
+    (b.startColumnIndex ?? 0) <= (a.endColumnIndex ?? Number.MAX_SAFE_INTEGER);
 /**
- * A rule belongs to a sheet when any of its ranges targets that sheet.
+ * A rule belongs to a sheet when any of its ranges targets that sheet, and to the current selection
+ * when any of its ranges overlaps a selected range.
  */
-export function filterRulesBySheet(rules, filter) {
-    return filter === "all"
-        ? rules
-        : rules.filter((rule) => rule.ranges?.some((range) => range.sheetId === filter));
+export function filterRulesBySheet(rules, filter, selectionRanges = []) {
+    if (filter === "all")
+        return rules;
+    if (filter === "selection") {
+        return rules.filter((rule) => rule.ranges?.some((range) => selectionRanges.some((selected) => rangesIntersect(range, selected))));
+    }
+    return rules.filter((rule) => rule.ranges?.some((range) => range.sheetId === filter));
 }
 /**
  * Sheet ids that appear in at least one rule's ranges, in first-seen order.
@@ -61,13 +70,19 @@ export function getFilterableSheetIds(rules, sheetId, workbookSheetIds) {
  *
  * `workbookSheetIds` is the workbook's sheets in tab order; see getFilterableSheetIds.
  */
-export function useSheetFilter(sheetId, rules, workbookSheetIds) {
+export function useSheetFilter(sheetId, rules, workbookSheetIds, 
+/** The selected ranges (with `sheetId`), read when "Current selection" is chosen. */
+getSelectionRanges) {
     const [sheetFilter, setSheetFilter] = useState(sheetId);
     useEffect(() => {
         setSheetFilter(sheetId);
     }, [sheetId]);
     const filterableSheetIds = useMemo(() => getFilterableSheetIds(rules, sheetId, workbookSheetIds), [rules, sheetId, workbookSheetIds]);
-    const visibleRules = useMemo(() => filterRulesBySheet(rules, sheetFilter), [rules, sheetFilter]);
+    const sheetRules = useMemo(() => sheetFilter === "selection" ? rules : filterRulesBySheet(rules, sheetFilter), [rules, sheetFilter]);
+    // The selection can move while the (non-modal) dialog is open, so it is read on every render.
+    const visibleRules = sheetFilter === "selection"
+        ? filterRulesBySheet(rules, "selection", getSelectionRanges?.() ?? [])
+        : sheetRules;
     const showFilter = shouldShowSheetFilter({
         ruleCount: rules.length,
         sheetFilter,
@@ -81,21 +96,26 @@ export function useSheetFilter(sheetId, rules, workbookSheetIds) {
         showFilter,
     };
 }
-export const SheetFilterSelect = ({ value, sheetIds, onValueChange, }) => {
+export const SheetFilterSelect = ({ value, sheetIds, onValueChange, offerSelection = false, }) => {
     const getSheetName = useGetSheetName();
     return (React.createElement("div", { className: "flex items-center gap-2 p-2 text-sm border-0 border-solid border-b border-rnc-border" },
         React.createElement("label", { className: "text-rnc-muted-foreground whitespace-nowrap" }, "Show rules for"),
-        React.createElement(Select, { value: value === "all" ? "all" : String(value), onValueChange: (next) => {
-                onValueChange(next === "all" ? "all" : Number(next));
+        React.createElement(Select, { value: typeof value === "number" ? String(value) : value, onValueChange: (next) => {
+                onValueChange(next === "all" || next === "selection" ? next : Number(next));
             } },
             React.createElement(SelectTrigger, { className: "text-sm" },
                 React.createElement(SelectValue, null)),
             React.createElement(SelectPortal, null,
                 React.createElement(SelectContent, null,
+                    offerSelection ? (React.createElement(SelectItem, { value: "selection" }, "Current selection")) : null,
                     React.createElement(SelectItem, { value: "all" }, "All sheets"),
                     sheetIds.map((id) => (React.createElement(SelectItem, { key: id, value: String(id) }, getSheetName?.(id) ?? `Sheet ${id}`))))))));
 };
 export const SheetFilterEmptyState = ({ sheetFilter, label, }) => (React.createElement("div", { className: "p-4 text-sm text-rnc-muted-foreground text-center" },
     "No ",
     label,
-    sheetFilter === "all" ? "" : " in this sheet"));
+    sheetFilter === "all"
+        ? ""
+        : sheetFilter === "selection"
+            ? " in the current selection"
+            : " in this sheet"));

package/dist/esm/hooks/use-conditional-formatting-rules.d.ts

@@ -1,4 +1,5 @@
 import type { ConditionalFormatRule } from "@rowsncolumns/spreadsheet";
+import { type ConditionalFormatPriorityUpdate } from "../interface/conditional-formatting-rules";
 import type { useCalculation } from "./use-calculation";
 import type { SpreadsheetPatch } from "./use-undo-redo";
 export type UseConditionalFormattingRulesProps = {
@@ -17,6 +18,7 @@ export declare const useConditionalFormattingRules: ({ enqueueCalculation, creat
     onCreateConditionalFormattingRule: (rule: ConditionalFormatRule) => void;
     onUpdateConditionalFormattingRule: (updatedRule: ConditionalFormatRule, previousRule: ConditionalFormatRule) => void;
     onDeleteConditionalFormattingRule: (rule: ConditionalFormatRule) => void;
+    onReorderConditionalFormattingRules: (updates: ConditionalFormatPriorityUpdate[]) => void;
     onPreviewConditionalFormattingRule: (rule: ConditionalFormatRule) => void;
 };
 //# sourceMappingURL=use-conditional-formatting-rules.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"use-conditional-formatting-rules.d.ts","sourceRoot":"","sources":["../../../hooks/use-conditional-formatting-rules.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAUvE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAcxD,MAAM,MAAM,kCAAkC,GAAG;IAC/C,kBAAkB,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC,oBAAoB,CAAC,CAAC;IAC5E;;;OAGG;IACH,aAAa,EAAE,MAAM,CAAC,OAAO,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACzD;;OAEG;IACH,0BAA0B,CAAC,EAAE,KAAK,CAAC,QAAQ,CACzC,KAAK,CAAC,cAAc,CAAC,qBAAqB,EAAE,CAAC,CAC9C,CAAC;CACH,CAAC;AAEF,eAAO,MAAM,6BAA6B,GAAI,oEAI3C,kCAAkC;8CAK1B,qBAAqB;qDAwBb,qBAAqB,gBACpB,qBAAqB;8CA2B9B,qBAAqB;+CAuBrB,qBAAqB;CAgB/B,CAAC"}
+{"version":3,"file":"use-conditional-formatting-rules.d.ts","sourceRoot":"","sources":["../../../hooks/use-conditional-formatting-rules.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAGvE,OAAO,EAGL,KAAK,+BAA+B,EAIrC,MAAM,2CAA2C,CAAC;AAEnD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAcxD,MAAM,MAAM,kCAAkC,GAAG;IAC/C,kBAAkB,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC,oBAAoB,CAAC,CAAC;IAC5E;;;OAGG;IACH,aAAa,EAAE,MAAM,CAAC,OAAO,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACzD;;OAEG;IACH,0BAA0B,CAAC,EAAE,KAAK,CAAC,QAAQ,CACzC,KAAK,CAAC,cAAc,CAAC,qBAAqB,EAAE,CAAC,CAC9C,CAAC;CACH,CAAC;AAEF,eAAO,MAAM,6BAA6B,GAAI,oEAI3C,kCAAkC;8CAK1B,qBAAqB;qDAwBb,qBAAqB,gBACpB,qBAAqB;8CA2B9B,qBAAqB;mDAuBlB,+BAA+B,EAAE;+CAyBpC,qBAAqB;CAiB/B,CAAC"}

package/dist/esm/hooks/use-conditional-formatting-rules.js

@@ -1,5 +1,5 @@
 import { useCallback } from "react";
-import { createConditionalFormattingRule, deleteConditionalFormattingRule, previewConditionalFormattingRule, updateConditionalFormattingRule, } from "../interface/conditional-formatting-rules";
+import { createConditionalFormattingRule, deleteConditionalFormattingRule, previewConditionalFormattingRule, reorderConditionalFormattingRules, updateConditionalFormattingRule, } from "../interface/conditional-formatting-rules";
 import { useCanEditSheet } from "./use-can-edit-cellrange";
 // CF rules carry one or more ranges; each range names a sheetId. A
 // rule is editable only if EVERY sheet it touches is editable.
@@ -64,6 +64,23 @@ export const useConditionalFormattingRules = ({ enqueueCalculation, createHistor
         createHistory,
         canEditSheet,
     ]);
+    // Rules Manager Move Up / Move Down — one undo step
+    const onReorderConditionalFormattingRules = useCallback((updates) => {
+        if (updates.some(({ rule }) => !ruleSheetsEditable(rule, canEditSheet))) {
+            console.debug("Cannot reorder conditional formatting rules — one of their ranges is on a protected sheet.");
+            return;
+        }
+        reorderConditionalFormattingRules({
+            enqueueCalculation,
+            createHistory,
+            onChangeConditionalFormats,
+        })(updates);
+    }, [
+        enqueueCalculation,
+        createHistory,
+        onChangeConditionalFormats,
+        canEditSheet,
+    ]);
     // on Preview conditional formatting — non-destructive, no gate
     const onPreviewConditionalFormattingRule = useCallback((rule) => {
         previewConditionalFormattingRule({
@@ -76,6 +93,7 @@ export const useConditionalFormattingRules = ({ enqueueCalculation, createHistor
         onCreateConditionalFormattingRule,
         onUpdateConditionalFormattingRule,
         onDeleteConditionalFormattingRule,
+        onReorderConditionalFormattingRules,
         onPreviewConditionalFormattingRule,
     };
 };

package/dist/esm/hooks/use-spreadsheet-state.d.ts

@@ -434,6 +434,7 @@ export declare const useSpreadsheetState: <T extends CellData = CellData, S exte
     selections: import("@rowsncolumns/grid").SelectionArea<SelectionAttributes>[];
     showGridLines: import("@rowsncolumns/spreadsheet").Maybe<boolean>;
     showRowColHeaders: import("@rowsncolumns/spreadsheet").Maybe<boolean>;
+    showZeros: import("@rowsncolumns/spreadsheet").Maybe<boolean>;
     zoomScale: import("@rowsncolumns/spreadsheet").Maybe<number>;
     rowCount: number;
     columnCount: number;
@@ -656,6 +657,7 @@ export declare const useSpreadsheetState: <T extends CellData = CellData, S exte
     onCreateConditionalFormattingRule: (rule: ConditionalFormatRule) => void;
     onUpdateConditionalFormattingRule: (updatedRule: ConditionalFormatRule, previousRule: ConditionalFormatRule) => void;
     onDeleteConditionalFormattingRule: (rule: ConditionalFormatRule) => void;
+    onReorderConditionalFormattingRules: (updates: import("../interface/conditional-formatting-rules").ConditionalFormatPriorityUpdate[]) => void;
     onPreviewConditionalFormattingRule: (rule: ConditionalFormatRule) => void;
     onRequestDataValidation: (sheetId: number, activeCell: import("@rowsncolumns/grid").CellInterface, selections: import("@rowsncolumns/grid").SelectionArea<SelectionAttributes>[], initialDataValidationRule?: DataValidationRuleRecord, showEditUI?: boolean) => void;
     onDeleteDataValidationRules: (rules: DataValidationRuleRecord[]) => void;

package/dist/esm/hooks/use-spreadsheet-state.d.ts.map

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

package/dist/esm/hooks/use-spreadsheet-state.js

@@ -363,7 +363,7 @@ sanitizeHtml, }) => {
     // Get current active cell
     const getSelections = useCallbackRef(useCallback(() => selections, [selections]));
     // Extract row count and column count
-    const { rowCount: _rowCount = DEFAULT_ROW_COUNT, columnCount: _columnCount = DEFAULT_COLUMN_COUNT, frozenColumnCount, frozenRowCount, rowMetadata, columnMetadata, merges, showGridLines, showRowColHeaders, zoomScale, basicFilter, } = useMemo(() => {
+    const { rowCount: _rowCount = DEFAULT_ROW_COUNT, columnCount: _columnCount = DEFAULT_COLUMN_COUNT, frozenColumnCount, frozenRowCount, rowMetadata, columnMetadata, merges, showGridLines, showRowColHeaders, showZeros, zoomScale, basicFilter, } = useMemo(() => {
         const sheet = sheets.find((sheet) => sheet.sheetId === activeSheetId);
         // For collaboration mode
         // when someone deletes a sheet
@@ -2008,7 +2008,7 @@ sanitizeHtml, }) => {
         onStreamEnd,
     });
     // Conditional format actions
-    const { onCreateConditionalFormattingRule, onUpdateConditionalFormattingRule, onDeleteConditionalFormattingRule, onPreviewConditionalFormattingRule, } = useConditionalFormattingRules({
+    const { onCreateConditionalFormattingRule, onUpdateConditionalFormattingRule, onDeleteConditionalFormattingRule, onReorderConditionalFormattingRules, onPreviewConditionalFormattingRule, } = useConditionalFormattingRules({
         enqueueCalculation,
         onChangeConditionalFormats,
         createHistory,
@@ -2206,6 +2206,7 @@ sanitizeHtml, }) => {
         selections,
         showGridLines,
         showRowColHeaders,
+        showZeros,
         zoomScale,
         rowCount,
         columnCount,
@@ -2396,6 +2397,7 @@ sanitizeHtml, }) => {
         onCreateConditionalFormattingRule,
         onUpdateConditionalFormattingRule,
         onDeleteConditionalFormattingRule,
+        onReorderConditionalFormattingRules,
         onPreviewConditionalFormattingRule,
         onRequestDataValidation,
         onDeleteDataValidationRules,

package/dist/esm/interface/change-border.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"change-border.d.ts","sourceRoot":"","sources":["../../../interface/change-border.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,aAAa,EACb,SAAS,EACT,aAAa,EACd,MAAM,4BAA4B,CAAC;AAEpC,OAAO,KAAK,EAEV,cAAc,EACd,WAAW,EACX,QAAQ,EACR,KAAK,EACL,mBAAmB,EACnB,KAAK,EACN,MAAM,2BAA2B,CAAC;AAMnC,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,mCAAmC,CAAC;AAGpF;;;;;;;GAOG;AACH,eAAO,MAAM,mBAAmB,GAC9B,OAAO,SAAS,EAChB,QAAQ,SAAS,SAAS,EAAE,GAAG,SAAS,KACvC,SAoCF,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,CAAC,SAAS,QAAQ,EAAE,CAAC,SAAS,KAAK,EAAE,kGAO/D,0BAA0B,CAAC,CAAC,EAAE,CAAC,CAAC,MAE/B,SAAS,MAAM,EACf,YAAY,aAAa,EACzB,YAAY,aAAa,CAAC,mBAAmB,CAAC,EAAE,EAChD,UAAU,cAAc,EACxB,OAAO,KAAK,GAAG,SAAS,EACxB,QAAO,WAAW,GAAG,SAAmB,SA8I3C,CAAC"}
+{"version":3,"file":"change-border.d.ts","sourceRoot":"","sources":["../../../interface/change-border.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,aAAa,EACb,SAAS,EACT,aAAa,EACd,MAAM,4BAA4B,CAAC;AAEpC,OAAO,KAAK,EAEV,cAAc,EACd,WAAW,EACX,QAAQ,EACR,KAAK,EACL,mBAAmB,EACnB,KAAK,EACN,MAAM,2BAA2B,CAAC;AAMnC,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,mCAAmC,CAAC;AAGpF;;;;;;;GAOG;AACH,eAAO,MAAM,mBAAmB,GAC9B,OAAO,SAAS,EAChB,QAAQ,SAAS,SAAS,EAAE,GAAG,SAAS,KACvC,SAoCF,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,CAAC,SAAS,QAAQ,EAAE,CAAC,SAAS,KAAK,EAAE,kGAO/D,0BAA0B,CAAC,CAAC,EAAE,CAAC,CAAC,MAE/B,SAAS,MAAM,EACf,YAAY,aAAa,EACzB,YAAY,aAAa,CAAC,mBAAmB,CAAC,EAAE,EAChD,UAAU,cAAc,EACxB,OAAO,KAAK,GAAG,SAAS,EACxB,QAAO,WAAW,GAAG,SAAmB,SAuJ3C,CAAC"}

package/dist/esm/interface/change-border.js

@@ -68,12 +68,19 @@ export const changeBorder = ({ createHistory, onChangeSheetData, locale, cellXfs
                             cellXfsRegistry,
                             getDataValidationById,
                         });
-                        // Selected border
+                        // Selected border. A border without a colour clears the edge it
+                        // lands on (`SheetCell.setBorder`).
                         const selectedBorder = {
                             color,
                             style,
                             width: getBorderWidthFromStyle(style),
                         };
+                        if (location === "none") {
+                            sheetCell.clearAllBorders();
+                        }
+                        if (location === "diagonalUp" || location === "diagonalDown") {
+                            sheetCell.setBorder(location, selectedBorder);
+                        }
                         if (location === "all") {
                             sheetCell.setAllBorders({
                                 color,

package/dist/esm/interface/conditional-formatting-rules.d.ts

@@ -1,7 +1,17 @@
-import type { ConditionalFormatRule } from "@rowsncolumns/spreadsheet";
+import { type ConditionalFormatRule } from "@rowsncolumns/spreadsheet";
 import type { UseConditionalFormattingRulesProps } from "../hooks/use-conditional-formatting-rules";
 export declare const createConditionalFormattingRule: ({ enqueueCalculation, createHistory, onChangeConditionalFormats, }: UseConditionalFormattingRulesProps) => (rule: ConditionalFormatRule) => void;
 export declare const updateConditionalFormattingRule: ({ enqueueCalculation, createHistory, onChangeConditionalFormats, }: UseConditionalFormattingRulesProps) => (updatedRule: ConditionalFormatRule, previousRule: ConditionalFormatRule) => void;
 export declare const deleteConditionalFormattingRule: ({ enqueueCalculation, createHistory, onChangeConditionalFormats, }: UseConditionalFormattingRulesProps) => (rule: ConditionalFormatRule) => void;
+/** One precedence change (Move Up / Move Down): the rule and its new `priority`. */
+export type ConditionalFormatPriorityUpdate = {
+    rule: ConditionalFormatRule;
+    priority: number;
+};
+/**
+ * Apply the `priority` updates of a Rules Manager reorder as ONE undoable change (Excel's Move Up /
+ * Move Down). Priority only orders the rules, so no cell re-evaluates.
+ */
+export declare const reorderConditionalFormattingRules: ({ createHistory, onChangeConditionalFormats, }: UseConditionalFormattingRulesProps) => (updates: ConditionalFormatPriorityUpdate[]) => void;
 export declare const previewConditionalFormattingRule: ({ onChangeConditionalFormats, }: UseConditionalFormattingRulesProps) => (rule: ConditionalFormatRule) => void;
 //# sourceMappingURL=conditional-formatting-rules.d.ts.map

package/dist/esm/interface/conditional-formatting-rules.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"conditional-formatting-rules.d.ts","sourceRoot":"","sources":["../../../interface/conditional-formatting-rules.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAMvE,OAAO,KAAK,EAAE,kCAAkC,EAAE,MAAM,2CAA2C,CAAC;AAEpG,eAAO,MAAM,+BAA+B,GAAI,oEAI7C,kCAAkC,MAC3B,MAAM,qBAAqB,SAoCpC,CAAC;AAEF,eAAO,MAAM,+BAA+B,GAAI,oEAI7C,kCAAkC,MAEjC,aAAa,qBAAqB,EAClC,cAAc,qBAAqB,SA8CtC,CAAC;AAEF,eAAO,MAAM,+BAA+B,GAAI,oEAI7C,kCAAkC,MAC3B,MAAM,qBAAqB,SAuCpC,CAAC;AAEF,eAAO,MAAM,gCAAgC,GAAI,iCAE9C,kCAAkC,MAC3B,MAAM,qBAAqB,SAcpC,CAAC"}
+{"version":3,"file":"conditional-formatting-rules.d.ts","sourceRoot":"","sources":["../../../interface/conditional-formatting-rules.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,qBAAqB,EAE3B,MAAM,2BAA2B,CAAC;AAMnC,OAAO,KAAK,EAAE,kCAAkC,EAAE,MAAM,2CAA2C,CAAC;AAEpG,eAAO,MAAM,+BAA+B,GAAI,oEAI7C,kCAAkC,MAC3B,MAAM,qBAAqB,SAqCpC,CAAC;AAEF,eAAO,MAAM,+BAA+B,GAAI,oEAI7C,kCAAkC,MAEjC,aAAa,qBAAqB,EAClC,cAAc,qBAAqB,SA8CtC,CAAC;AAEF,eAAO,MAAM,+BAA+B,GAAI,oEAI7C,kCAAkC,MAC3B,MAAM,qBAAqB,SAuCpC,CAAC;AAEF,oFAAoF;AACpF,MAAM,MAAM,+BAA+B,GAAG;IAC5C,IAAI,EAAE,qBAAqB,CAAC;IAC5B,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,iCAAiC,GAAI,gDAG/C,kCAAkC,MAC3B,SAAS,+BAA+B,EAAE,SA0BnD,CAAC;AAEF,eAAO,MAAM,gCAAgC,GAAI,iCAE9C,kCAAkC,MAC3B,MAAM,qBAAqB,SAcpC,CAAC"}

package/dist/esm/interface/conditional-formatting-rules.js

@@ -1,3 +1,4 @@
+import { withTopConditionalFormatPriority, } from "@rowsncolumns/spreadsheet";
 import { iterateCellsInRange } from "@rowsncolumns/utils";
 import { produceWithPatches } from "immer";
 import { isConditionalFormatFormulaRule } from "../api/conditional-format";
@@ -7,7 +8,8 @@ export const createConditionalFormattingRule = ({ enqueueCalculation, createHist
         const saveHistory = createHistory();
         onChangeConditionalFormats?.((prevConditionalFormats) => {
             const [nextState, patches, inversePatches] = produceWithPatches(prevConditionalFormats, (draft) => {
-                draft.push(rule);
+                // Excel adds a new rule at the TOP of the precedence list.
+                draft.push(withTopConditionalFormatPriority(rule, draft));
                 // Formula rule (include formula-backed rules too)
                 if (isConditionalFormatFormulaRule(rule)) {
                     for (const range of rule.ranges) {
@@ -105,6 +107,32 @@ export const deleteConditionalFormattingRule = ({ enqueueCalculation, createHist
         });
     };
 };
+/**
+ * Apply the `priority` updates of a Rules Manager reorder as ONE undoable change (Excel's Move Up /
+ * Move Down). Priority only orders the rules, so no cell re-evaluates.
+ */
+export const reorderConditionalFormattingRules = ({ createHistory, onChangeConditionalFormats, }) => {
+    return (updates) => {
+        if (!updates.length)
+            return;
+        const priorityById = new Map(updates.map(({ rule, priority }) => [rule.id, priority]));
+        const saveHistory = createHistory();
+        onChangeConditionalFormats?.((prevConditionalFormats) => {
+            const [nextState, patches, inversePatches] = produceWithPatches(prevConditionalFormats, (draft) => {
+                for (const rule of draft) {
+                    const priority = priorityById.get(rule.id);
+                    if (priority !== undefined) {
+                        rule.priority = priority;
+                    }
+                }
+            });
+            saveHistory({
+                conditionalFormats: { patches, inversePatches },
+            });
+            return nextState;
+        });
+    };
+};
 export const previewConditionalFormattingRule = ({ onChangeConditionalFormats, }) => {
     return (rule) => {
         // Preview is the user editing the rule live; drop xlsxSource so the

package/dist/esm/sheet-cell.d.ts

@@ -287,6 +287,7 @@ export declare class SheetCell<T extends CellData = CellData> {
             relativeIndent?: import("@rowsncolumns/spreadsheet").Maybe<number>;
             textRotation?: import("@rowsncolumns/spreadsheet").Maybe<number | "vertical">;
             shrinkToFit?: import("@rowsncolumns/spreadsheet").Maybe<boolean>;
+            readingOrder?: import("@rowsncolumns/spreadsheet").Maybe<import("@rowsncolumns/spreadsheet").ReadingOrder>;
             fillPattern?: import("@rowsncolumns/spreadsheet").Maybe<import("@rowsncolumns/spreadsheet").FillPattern>;
             foregroundColor?: import("@rowsncolumns/spreadsheet").Maybe<import("@rowsncolumns/spreadsheet").Color>;
             foregroundColorTheme?: import("@rowsncolumns/spreadsheet").Maybe<import("@rowsncolumns/spreadsheet").ColorTheme>;
@@ -296,6 +297,7 @@ export declare class SheetCell<T extends CellData = CellData> {
                 color?: import("@rowsncolumns/spreadsheet").Maybe<string>;
                 iconSet?: import("@rowsncolumns/spreadsheet").Maybe<string>;
                 iconId?: import("@rowsncolumns/spreadsheet").Maybe<number>;
+                hideValue?: boolean;
             }>;
             conditionalDataBar?: import("@rowsncolumns/spreadsheet").Maybe<{
                 color: string;
@@ -303,6 +305,12 @@ export declare class SheetCell<T extends CellData = CellData> {
                 negative?: boolean;
                 borderColor?: string;
                 direction?: "leftToRight" | "rightToLeft";
+                barStart?: number;
+                barEnd?: number;
+                gradient?: boolean;
+                axisPosition?: number;
+                axisColor?: string;
+                hideValue?: boolean;
             }>;
         } | {
             styleId: string;