@rowsncolumns/spreadsheet 10.6.4 → 10.7.0

package/dist/cjs/components/cell-structured/sparkline-math.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.clampToExtents = exports.sparklineGroupAxisFor = exports.sparklineGroupAxisExtents = exports.resolveSparklineExtents = exports.resolveSparklineSeries = void 0;
+exports.resolveDefaultSparklineColors = exports.OFFICE_DEFAULT_SPARKLINE_COLORS = exports.EXCEL_DEFAULT_SPARKLINE_STYLE = exports.clampToExtents = exports.sparklineGroupAxisFor = exports.sparklineGroupAxisExtents = exports.resolveSparklineExtents = exports.resolveSparklineSeries = void 0;
 var tslib_1 = require("tslib");
 var isNumber = function (item) {
     return typeof item === "number" && !isNaN(item);
@@ -197,3 +197,50 @@ exports.sparklineGroupAxisFor = sparklineGroupAxisFor;
  */
 var clampToExtents = function (value, min, max) { return Math.min(Math.max(value, min), max); };
 exports.clampToExtents = clampToExtents;
+/**
+ * Excel's Sparkline Style 1, what Excel gives every new sparkline group: Accent 1 darker 50% for the
+ * series and markers, Accent 2 for negative points, Accent 1 for high/low, Accent 1 lighter 40% for
+ * first/last. Theme references, so they resolve through the workbook's theme.
+ */
+exports.EXCEL_DEFAULT_SPARKLINE_STYLE = {
+    series: { theme: 4, tint: -0.499984740745262 },
+    negative: { theme: 5 },
+    markers: { theme: 4, tint: -0.499984740745262 },
+    high: { theme: 4 },
+    low: { theme: 4 },
+    first: { theme: 4, tint: 0.39997558519241921 },
+    last: { theme: 4, tint: 0.39997558519241921 },
+};
+/** Style 1 under the Office 2013–2022 theme (Accent 1 #4472C4, Accent 2 #ED7D31): the painter's
+ * fallback when no theme resolves it. */
+exports.OFFICE_DEFAULT_SPARKLINE_COLORS = {
+    series: "#203864",
+    negative: "#ED7D31",
+    markers: "#203864",
+    high: "#4472C4",
+    low: "#4472C4",
+    first: "#8FAADC",
+    last: "#8FAADC",
+};
+/** Excel's default sparkline colours resolved through a theme (`resolve` maps a theme colour to CSS). */
+var resolveDefaultSparklineColors = function (resolve) {
+    var e_6, _a;
+    var out = tslib_1.__assign({}, exports.OFFICE_DEFAULT_SPARKLINE_COLORS);
+    try {
+        for (var _b = tslib_1.__values(Object.keys(exports.EXCEL_DEFAULT_SPARKLINE_STYLE)), _c = _b.next(); !_c.done; _c = _b.next()) {
+            var key = _c.value;
+            var color = resolve(exports.EXCEL_DEFAULT_SPARKLINE_STYLE[key]);
+            if (color)
+                out[key] = color;
+        }
+    }
+    catch (e_6_1) { e_6 = { error: e_6_1 }; }
+    finally {
+        try {
+            if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
+        }
+        finally { if (e_6) throw e_6.error; }
+    }
+    return out;
+};
+exports.resolveDefaultSparklineColors = resolveDefaultSparklineColors;

package/dist/cjs/components/cell-structured/sparkline.d.ts

@@ -2,5 +2,5 @@ import type { SparkLineResult } from "@rowsncolumns/common-types";
 import React from "react";
 import type { StructuredResultProps } from "./types";
 export type SparklineProps = StructuredResultProps & SparkLineResult;
-export declare const Sparkline: ({ x, y, width, height, data, options, color, sparklineGroupAxis, }: SparklineProps) => React.JSX.Element;
+export declare const Sparkline: ({ x, y, width, height, data, options, sparklineGroupAxis, sparklineDefaultColors: defaultColors, }: SparklineProps) => React.JSX.Element;
 //# sourceMappingURL=sparkline.d.ts.map

package/dist/cjs/components/cell-structured/sparkline.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sparkline.d.ts","sourceRoot":"","sources":["../../../../components/cell-structured/sparkline.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAGlE,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAErD,MAAM,MAAM,cAAc,GAAG,qBAAqB,GAAG,eAAe,CAAC;AAoBrE,eAAO,MAAM,SAAS,GAAI,oEASvB,cAAc,sBA8QhB,CAAC"}
+{"version":3,"file":"sparkline.d.ts","sourceRoot":"","sources":["../../../../components/cell-structured/sparkline.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAGlE,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAErD,MAAM,MAAM,cAAc,GAAG,qBAAqB,GAAG,eAAe,CAAC;AAoBrE,eAAO,MAAM,SAAS,GAAI,oGASvB,cAAc,sBA4NhB,CAAC"}

package/dist/cjs/components/cell-structured/sparkline.js

@@ -18,17 +18,18 @@ var drawDiamond = function (ctx, x, y, size, fillColor) {
     ctx.fill();
 };
 var Sparkline = function (_a) {
-    var x = _a.x, y = _a.y, width = _a.width, height = _a.height, data = _a.data, options = _a.options, color = _a.color, sparklineGroupAxis = _a.sparklineGroupAxis;
+    var x = _a.x, y = _a.y, width = _a.width, height = _a.height, data = _a.data, options = _a.options, sparklineGroupAxis = _a.sparklineGroupAxis, _b = _a.sparklineDefaultColors, defaultColors = _b === void 0 ? sparkline_math_1.OFFICE_DEFAULT_SPARKLINE_COLORS : _b;
     var sparkLineFunction = (0, react_2.useCallback)(function (ctx, shape) {
-        var _a, _b, _c, _d, _e;
+        var _a, _b;
         // Guard against undefined data (formula not yet evaluated)
         if (!data || !Array.isArray(data)) {
             return;
         }
         var padding = 4;
         var paddingTop = 4;
-        var lineColor = (_b = (_a = options === null || options === void 0 ? void 0 : options.color) !== null && _a !== void 0 ? _a : color) !== null && _b !== void 0 ? _b : "#000000";
-        var fillColor = (_d = (_c = options === null || options === void 0 ? void 0 : options.color) !== null && _c !== void 0 ? _c : color) !== null && _d !== void 0 ? _d : "#000000";
+        // Excel paints the series in the group's colour, Style 1's when it has none — never the cell's.
+        var lineColor = (_a = options === null || options === void 0 ? void 0 : options.color) !== null && _a !== void 0 ? _a : defaultColors.series;
+        var fillColor = lineColor;
         var lineWidth = typeof (options === null || options === void 0 ? void 0 : options.lineweight) === "number" && options.lineweight > 0
             ? options.lineweight
             : 1;
@@ -39,13 +40,13 @@ var Sparkline = function (_a) {
         // options this compacts empties exactly like the legacy
         // `data.filter(isNumber)` path did.
         var slots = (0, sparkline_math_1.resolveSparklineSeries)(data, options);
-        var type = (_e = options === null || options === void 0 ? void 0 : options.charttype) !== null && _e !== void 0 ? _e : "line";
+        var type = (_b = options === null || options === void 0 ? void 0 : options.charttype) !== null && _b !== void 0 ? _b : "line";
         var minColumnHeight = 1;
         // For winloss, we need to handle positive/negative differently
         var isWinLoss = type === "winloss";
         // Axis extents with Excel's manual-min/max semantics
         // (minaxistype/maxaxistype "custom" → manual value).
-        var _f = (0, sparkline_math_1.resolveSparklineExtents)(slots, options, isWinLoss, sparklineGroupAxis), effectiveMin = _f.min, effectiveMax = _f.max;
+        var _c = (0, sparkline_math_1.resolveSparklineExtents)(slots, options, isWinLoss, sparklineGroupAxis), effectiveMin = _c.min, effectiveMax = _c.max;
         // Calculate scales. Gap/span slots keep their x position, so the
         // slot count (not the numeric count) drives the x scale.
         var xScale = (width - 2 * padding) / (slots.length - (type === "line" ? 1 : 0));
@@ -74,36 +75,28 @@ var Sparkline = function (_a) {
         var lastDataIndex = slots.reduce(function (m, slot) { return (slot.dataIndex > m ? slot.dataIndex : m); }, -1);
         // Store points for markers
         var points = [];
-        // Per-column color resolution for "column" sparklines. Excel
-        // highlights individual columns when `high`/`low`/`first`/`last`/
-        // `negative` flags are on, painting the relevant column with its
-        // dedicated color override. We compute the fill per column rather
-        // than batching every rect into one fill so each column can have
-        // its own color.
-        var pickColumnColor = function (value, slotIndex, dataIndex) {
+        // Excel's point highlights: each of Negative / High / Low / First / Last Points colours its
+        // point (a column, a bar or a line marker) only while it is checked — none is by default.
+        var pointHighlight = function (value, slotIndex, dataIndex) {
             var _a, _b, _c, _d, _e;
-            var isHigh = slotIndex === maxSlotIndex;
-            var isLow = slotIndex === minSlotIndex;
-            var isFirst = dataIndex === 0;
-            var isLast = dataIndex >= 0 && dataIndex === lastDataIndex;
-            var isNegative = value < 0;
-            if ((options === null || options === void 0 ? void 0 : options.negative) && isNegative) {
-                return (_a = options.colorNegative) !== null && _a !== void 0 ? _a : "#FF0000";
+            if ((options === null || options === void 0 ? void 0 : options.negative) && value < 0) {
+                return (_a = options.colorNegative) !== null && _a !== void 0 ? _a : defaultColors.negative;
             }
-            if ((options === null || options === void 0 ? void 0 : options.high) && isHigh) {
-                return (_b = options.colorHigh) !== null && _b !== void 0 ? _b : "#00B050";
+            if ((options === null || options === void 0 ? void 0 : options.high) && slotIndex === maxSlotIndex) {
+                return (_b = options.colorHigh) !== null && _b !== void 0 ? _b : defaultColors.high;
             }
-            if ((options === null || options === void 0 ? void 0 : options.low) && isLow) {
-                return (_c = options.colorLow) !== null && _c !== void 0 ? _c : "#FF0000";
+            if ((options === null || options === void 0 ? void 0 : options.low) && slotIndex === minSlotIndex) {
+                return (_c = options.colorLow) !== null && _c !== void 0 ? _c : defaultColors.low;
             }
-            if ((options === null || options === void 0 ? void 0 : options.first) && isFirst) {
-                return (_d = options.colorFirst) !== null && _d !== void 0 ? _d : fillColor;
+            if ((options === null || options === void 0 ? void 0 : options.first) && dataIndex === 0) {
+                return (_d = options.colorFirst) !== null && _d !== void 0 ? _d : defaultColors.first;
             }
-            if ((options === null || options === void 0 ? void 0 : options.last) && isLast) {
-                return (_e = options.colorLast) !== null && _e !== void 0 ? _e : fillColor;
+            if ((options === null || options === void 0 ? void 0 : options.last) && dataIndex >= 0 && dataIndex === lastDataIndex) {
+                return (_e = options.colorLast) !== null && _e !== void 0 ? _e : defaultColors.last;
             }
-            return fillColor;
+            return undefined;
         };
+        var pickColumnColor = function (value, slotIndex, dataIndex) { var _a; return (_a = pointHighlight(value, slotIndex, dataIndex)) !== null && _a !== void 0 ? _a : fillColor; };
         // Draw the horizontal (zero) axis when requested via the `axis`
         // (displayXAxis) option. Only meaningful when zero falls inside
         // the vertical extents; winloss already anchors bars on zeroY.
@@ -133,7 +126,6 @@ var Sparkline = function (_a) {
         // straight across the gap.
         var penDown = false;
         slots.forEach(function (slot, index) {
-            var _a, _b;
             var pointX = padding + index * xScale;
             if (slot.value == null) {
                 // Empty slot: nothing painted. Gap breaks the line; span
@@ -177,21 +169,10 @@ var Sparkline = function (_a) {
                 var columnX = pointX + (xScale - columnWidth) / 2;
                 var barHeight = Math.abs(clamped) * yScale;
                 var barY = clamped >= 0 ? zeroY - barHeight : zeroY;
-                // Use different colors for positive/negative
-                ctx.fillStyle =
-                    value >= 0
-                        ? (_a = options === null || options === void 0 ? void 0 : options.color) !== null && _a !== void 0 ? _a : "#00B050"
-                        : (_b = options === null || options === void 0 ? void 0 : options.colorNegative) !== null && _b !== void 0 ? _b : "#FF0000";
+                // Wins and losses both paint in the series colour; Negative Points (and the other
+                // point toggles) recolour their bars, as on a column sparkline.
+                ctx.fillStyle = pickColumnColor(value, index, slot.dataIndex);
                 ctx.fillRect(columnX, barY, columnWidth, Math.max(barHeight, 2));
-                // Store points for diamond markers
-                var markerY = clamped >= 0 ? zeroY - barHeight : zeroY + barHeight;
-                points.push({
-                    x: pointX + xScale / 2,
-                    y: markerY,
-                    value: value,
-                    slotIndex: index,
-                    dataIndex: slot.dataIndex,
-                });
             }
         });
         // Stroke the line for 'line' type. Column sparklines are filled
@@ -199,58 +180,21 @@ var Sparkline = function (_a) {
         if (type === "line") {
             ctx.stroke();
         }
-        // Draw markers - enabled by default for line sparklines, always for winloss
-        // Can be disabled with markers: false
-        var showMarkers = (options === null || options === void 0 ? void 0 : options.markers) !== false && (type === "line" || isWinLoss);
-        if (showMarkers && points.length > 0) {
-            var markerSize_1 = isWinLoss ? 4 : 3;
+        // Excel's markers are a line sparkline's: every point gets one only with "Markers" checked,
+        // and a checked point toggle marks its own point in its colour. Nothing by default.
+        if (type === "line") {
+            var markerSize_1 = 3;
             points.forEach(function (point) {
-                var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
-                var markerColor;
-                // Determine marker color based on value and position.
-                // First/last follow the data order (dataIndex), so under
-                // `rtl` the "first" marker paints at the right edge.
-                var isFirst = point.dataIndex === 0;
-                var isLast = point.dataIndex >= 0 && point.dataIndex === lastDataIndex;
-                var isHigh = point.slotIndex === maxSlotIndex;
-                var isLow = point.slotIndex === minSlotIndex;
-                var isNegative = point.value < 0;
-                if (isWinLoss) {
-                    // Win/loss: green for positive, red for negative
-                    markerColor = isNegative
-                        ? (_a = options === null || options === void 0 ? void 0 : options.colorNegative) !== null && _a !== void 0 ? _a : "#FF0000"
-                        : (_c = (_b = options === null || options === void 0 ? void 0 : options.colorHigh) !== null && _b !== void 0 ? _b : options === null || options === void 0 ? void 0 : options.color) !== null && _c !== void 0 ? _c : "#00B050";
-                }
-                else {
-                    // Line sparkline: use high/low colors for min/max points
-                    if (isHigh && isLow) {
-                        // Same point is both high and low (single point or all same)
-                        markerColor = (_e = (_d = options === null || options === void 0 ? void 0 : options.colorHigh) !== null && _d !== void 0 ? _d : options === null || options === void 0 ? void 0 : options.color) !== null && _e !== void 0 ? _e : lineColor;
-                    }
-                    else if (isHigh) {
-                        markerColor = (_f = options === null || options === void 0 ? void 0 : options.colorHigh) !== null && _f !== void 0 ? _f : "#00B050";
-                    }
-                    else if (isLow) {
-                        markerColor = (_g = options === null || options === void 0 ? void 0 : options.colorLow) !== null && _g !== void 0 ? _g : "#FF0000";
-                    }
-                    else if (isFirst && (options === null || options === void 0 ? void 0 : options.colorFirst)) {
-                        markerColor = options.colorFirst;
-                    }
-                    else if (isLast && (options === null || options === void 0 ? void 0 : options.colorLast)) {
-                        markerColor = options.colorLast;
-                    }
-                    else if (isNegative) {
-                        markerColor = (_h = options === null || options === void 0 ? void 0 : options.colorNegative) !== null && _h !== void 0 ? _h : "#FF0000";
-                    }
-                    else {
-                        markerColor =
-                            (_k = (_j = options === null || options === void 0 ? void 0 : options.colorMarkers) !== null && _j !== void 0 ? _j : options === null || options === void 0 ? void 0 : options.color) !== null && _k !== void 0 ? _k : lineColor;
-                    }
+                var _a, _b;
+                var markerColor = (_a = pointHighlight(point.value, point.slotIndex, point.dataIndex)) !== null && _a !== void 0 ? _a : ((options === null || options === void 0 ? void 0 : options.markers)
+                    ? (_b = options.colorMarkers) !== null && _b !== void 0 ? _b : defaultColors.markers
+                    : undefined);
+                if (markerColor) {
+                    drawDiamond(ctx, point.x, point.y, markerSize_1, markerColor);
                 }
-                drawDiamond(ctx, point.x, point.y, markerSize_1, markerColor);
             });
         }
-    }, [data, options, color, sparklineGroupAxis]);
+    }, [data, options, sparklineGroupAxis, defaultColors]);
     return (react_1.default.createElement(react_konva_1.Shape, { x: x, y: y, width: width, height: height, sceneFunc: sparkLineFunction, listening: false }));
 };
 exports.Sparkline = Sparkline;

package/dist/cjs/components/cell-structured/types.d.ts

@@ -1,11 +1,17 @@
 import type { StructuredResult } from "@rowsncolumns/common-types";
 import type { CellProps } from "../cell/typings";
+import type { SparklineDefaultColors } from "./sparkline-math";
 export type StructuredResultProps<S extends StructuredResult = StructuredResult> = Pick<CellProps<S>, "structuredValue" | "sparklineGroupAxis"> & {
     x: number;
     y: number;
     width: number;
     height: number;
     color?: string;
+    /**
+     * The colours a sparkline paints where its formula sets none: Excel's Style 1 through the
+     * workbook theme. Without it, Style 1 under the Office 2013–2022 theme.
+     */
+    sparklineDefaultColors?: SparklineDefaultColors;
     textX?: number;
     textY?: number;
     textWidth?: number;

package/dist/cjs/components/cell-structured/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../components/cell-structured/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAEnE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAEjD,MAAM,MAAM,qBAAqB,CAC/B,CAAC,SAAS,gBAAgB,GAAG,gBAAgB,IAC3C,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,iBAAiB,GAAG,oBAAoB,CAAC,GAAG;IACjE,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../components/cell-structured/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAEnE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AACjD,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,kBAAkB,CAAC;AAE/D,MAAM,MAAM,qBAAqB,CAC/B,CAAC,SAAS,gBAAgB,GAAG,gBAAgB,IAC3C,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,iBAAiB,GAAG,oBAAoB,CAAC,GAAG;IACjE,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,sBAAsB,CAAC,EAAE,sBAAsB,CAAC;IAEhD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC"}

package/dist/cjs/components/data-table-dialog/index.d.ts

@@ -0,0 +1,22 @@
+import React from "react";
+/** Excel's refusal for an empty dialog or a reference that is not one cell. */
+export declare const DATA_TABLE_INPUT_MESSAGE = "Input cell reference is not valid.";
+export type DataTableDialogProps = {
+    /** Controls visibility. */
+    open: boolean;
+    onOpenChange(open: boolean): void;
+    /**
+     * Creates the table over the current selection (formula row / column and
+     * input values included) with the given A1 input cells, either of which may
+     * be empty. Resolves to Excel's refusal message when the engine refused
+     * (e.g. "Cannot change part of a data table."), `undefined` on success.
+     */
+    onApply(rowInputCell: string | undefined, columnInputCell: string | undefined): Promise<string | undefined> | string | undefined;
+};
+/**
+ * Excel's Data ▸ What-If Analysis ▸ Data Table… dialog: Row input cell /
+ * Column input cell. One of them makes a one-variable table, both a
+ * two-variable table.
+ */
+export declare const DataTableDialog: React.MemoExoticComponent<({ open, onOpenChange, onApply }: DataTableDialogProps) => React.JSX.Element>;
+//# sourceMappingURL=index.d.ts.map

package/dist/cjs/components/data-table-dialog/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../components/data-table-dialog/index.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAiD,MAAM,OAAO,CAAC;AAEtE,+EAA+E;AAC/E,eAAO,MAAM,wBAAwB,uCAAuC,CAAC;AAE7E,MAAM,MAAM,oBAAoB,GAAG;IACjC,2BAA2B;IAC3B,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI,CAAC;IAClC;;;;;OAKG;IACH,OAAO,CACL,YAAY,EAAE,MAAM,GAAG,SAAS,EAChC,eAAe,EAAE,MAAM,GAAG,SAAS,GAClC,OAAO,CAAC,MAAM,GAAG,SAAS,CAAC,GAAG,MAAM,GAAG,SAAS,CAAC;CACrD,CAAC;AAKF;;;;GAIG;AACH,eAAO,MAAM,eAAe,8DAA0C,oBAAoB,uBAoGxF,CAAC"}

package/dist/cjs/components/data-table-dialog/index.js

@@ -0,0 +1,93 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DataTableDialog = exports.DATA_TABLE_INPUT_MESSAGE = void 0;
+var tslib_1 = require("tslib");
+var icons_1 = require("@rowsncolumns/icons");
+var ui_1 = require("@rowsncolumns/ui");
+var utils_1 = require("@rowsncolumns/utils");
+var react_1 = tslib_1.__importStar(require("react"));
+/** Excel's refusal for an empty dialog or a reference that is not one cell. */
+exports.DATA_TABLE_INPUT_MESSAGE = "Input cell reference is not valid.";
+var isCellReference = function (text) {
+    return /^\$?[A-Za-z]{1,3}\$?\d+$/.test(text.trim()) && (0, utils_1.addressToCell)(text.trim()) != null;
+};
+/**
+ * Excel's Data ▸ What-If Analysis ▸ Data Table… dialog: Row input cell /
+ * Column input cell. One of them makes a one-variable table, both a
+ * two-variable table.
+ */
+exports.DataTableDialog = (0, react_1.memo)(function (_a) {
+    var open = _a.open, onOpenChange = _a.onOpenChange, onApply = _a.onApply;
+    var _b = tslib_1.__read((0, react_1.useState)(""), 2), rowInput = _b[0], setRowInput = _b[1];
+    var _c = tslib_1.__read((0, react_1.useState)(""), 2), columnInput = _c[0], setColumnInput = _c[1];
+    var _d = tslib_1.__read((0, react_1.useState)(undefined), 2), error = _d[0], setError = _d[1];
+    var _e = tslib_1.__read((0, react_1.useState)(false), 2), busy = _e[0], setBusy = _e[1];
+    (0, react_1.useEffect)(function () {
+        if (open) {
+            setRowInput("");
+            setColumnInput("");
+            setError(undefined);
+            setBusy(false);
+        }
+    }, [open]);
+    var submit = (0, react_1.useCallback)(function (event) { return tslib_1.__awaiter(void 0, void 0, void 0, function () {
+        var row, column, refusal;
+        return tslib_1.__generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    event.preventDefault();
+                    row = rowInput.trim();
+                    column = columnInput.trim();
+                    if ((row === "" && column === "") ||
+                        (row !== "" && !isCellReference(row)) ||
+                        (column !== "" && !isCellReference(column))) {
+                        setError(exports.DATA_TABLE_INPUT_MESSAGE);
+                        return [2 /*return*/];
+                    }
+                    setBusy(true);
+                    _a.label = 1;
+                case 1:
+                    _a.trys.push([1, , 3, 4]);
+                    return [4 /*yield*/, onApply(row === "" ? undefined : row.replace(/\$/g, "").toUpperCase(), column === "" ? undefined : column.replace(/\$/g, "").toUpperCase())];
+                case 2:
+                    refusal = _a.sent();
+                    if (refusal) {
+                        setError(refusal);
+                        return [2 /*return*/];
+                    }
+                    onOpenChange(false);
+                    return [3 /*break*/, 4];
+                case 3:
+                    setBusy(false);
+                    return [7 /*endfinally*/];
+                case 4: return [2 /*return*/];
+            }
+        });
+    }); }, [rowInput, columnInput, onApply, onOpenChange]);
+    return (react_1.default.createElement(ui_1.Dialog, { open: open, onOpenChange: onOpenChange },
+        react_1.default.createElement(ui_1.DialogContent, { className: "w-[320px] max-w-[92vw] pointer-events-auto" },
+            react_1.default.createElement(ui_1.DialogTitle, null, "Data Table"),
+            react_1.default.createElement(ui_1.DialogDescription, null, "Substitute each value of the selection's first row and column into the input cells."),
+            react_1.default.createElement(ui_1.DialogCloseButton, { onClick: function () { return onOpenChange(false); } },
+                react_1.default.createElement(icons_1.Cross1Icon, null)),
+            react_1.default.createElement(ui_1.DialogBody, { className: "flex flex-col gap-3 font-system text-sm" },
+                react_1.default.createElement("form", { className: "flex flex-col gap-3", onSubmit: submit },
+                    react_1.default.createElement("label", { className: "flex flex-col gap-1 text-xs font-medium" },
+                        "Row input cell:",
+                        react_1.default.createElement(ui_1.Input, { autoFocus: true, value: rowInput, "aria-label": "Row input cell", onChange: function (e) {
+                                setRowInput(e.target.value);
+                                setError(undefined);
+                            } })),
+                    react_1.default.createElement("label", { className: "flex flex-col gap-1 text-xs font-medium" },
+                        "Column input cell:",
+                        react_1.default.createElement(ui_1.Input, { value: columnInput, "aria-label": "Column input cell", onChange: function (e) {
+                                setColumnInput(e.target.value);
+                                setError(undefined);
+                            } })),
+                    error ? (react_1.default.createElement("div", { role: "alert", className: "text-xs text-rnc-destructive" }, error)) : null,
+                    react_1.default.createElement(ui_1.Separator, null),
+                    react_1.default.createElement("div", { className: "flex justify-end gap-2" },
+                        react_1.default.createElement(ui_1.Button, { type: "button", variant: "outline", size: "sm", onClick: function () { return onOpenChange(false); } }, "Cancel"),
+                        react_1.default.createElement(ui_1.Button, { type: "submit", size: "sm", disabled: busy }, "OK")))))));
+});
+exports.DataTableDialog.displayName = "DataTableDialog";

package/dist/cjs/components/error-check-smart-tag/index.d.ts

@@ -0,0 +1,27 @@
+import React from "react";
+import { type ErrorCheckKind, type ErrorCheckOption } from "../../api/error-checking";
+export type ErrorCheckSmartTagProps = {
+    /** The active cell's rectangle; the button sits beside it (left, or right in column A). */
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    kind: ErrorCheckKind;
+    /** The error value's name (`#VALUE!`) for a formula error. */
+    errorName?: string;
+    open: boolean;
+    onOpenChange(open: boolean): void;
+    onChooseOption(option: ErrorCheckOption): void;
+};
+/**
+ * Excel's error-checking smart tag: beside the active cell when that cell carries the green ◤.
+ * The menu names the error, then offers Convert to Number (numbers stored as text), Help on this
+ * Error, Ignore Error, Edit in Formula Bar and Error Checking Options. Alt+Shift+F10 opens it
+ * ("Alt+Shift+F10: displays the menu or message for an Error Checking button" —
+ * https://support.microsoft.com/en-us/office/keyboard-shortcuts-in-excel-1798d9d5-842a-42b8-9c99-9b7213f0040f).
+ */
+export declare const ErrorCheckSmartTag: {
+    ({ x, y, width, kind, errorName, open, onOpenChange, onChooseOption, }: ErrorCheckSmartTagProps): React.JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=index.d.ts.map

package/dist/cjs/components/error-check-smart-tag/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../components/error-check-smart-tag/index.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,gBAAgB,EAEtB,MAAM,0BAA0B,CAAC;AAElC,MAAM,MAAM,uBAAuB,GAAG;IACpC,2FAA2F;IAC3F,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,cAAc,CAAC;IACrB,8DAA8D;IAC9D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI,CAAC;IAClC,cAAc,CAAC,MAAM,EAAE,gBAAgB,GAAG,IAAI,CAAC;CAChD,CAAC;AAYF;;;;;;GAMG;AACH,eAAO,MAAM,kBAAkB;4EAS5B,uBAAuB;;CAgDzB,CAAC"}

package/dist/cjs/components/error-check-smart-tag/index.js

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ErrorCheckSmartTag = void 0;
+var tslib_1 = require("tslib");
+var ui_1 = require("@rowsncolumns/ui");
+var react_1 = tslib_1.__importDefault(require("react"));
+var error_checking_1 = require("../../api/error-checking");
+var BUTTON_SIZE = 22;
+/** Excel's error-checking button: a yellow diamond with an exclamation mark. */
+var WarningIcon = function () { return (react_1.default.createElement("svg", { width: "14", height: "14", viewBox: "0 0 24 24", "aria-hidden": "true" },
+    react_1.default.createElement("path", { d: "M12 1.5 22.5 12 12 22.5 1.5 12z", fill: "#F2C811", stroke: "#8A6D00", strokeWidth: "1" }),
+    react_1.default.createElement("path", { d: "M11 6.5h2v8h-2zM11 16.5h2v2h-2z", fill: "#1F1F1F" }))); };
+/**
+ * Excel's error-checking smart tag: beside the active cell when that cell carries the green ◤.
+ * The menu names the error, then offers Convert to Number (numbers stored as text), Help on this
+ * Error, Ignore Error, Edit in Formula Bar and Error Checking Options. Alt+Shift+F10 opens it
+ * ("Alt+Shift+F10: displays the menu or message for an Error Checking button" —
+ * https://support.microsoft.com/en-us/office/keyboard-shortcuts-in-excel-1798d9d5-842a-42b8-9c99-9b7213f0040f).
+ */
+var ErrorCheckSmartTag = function (_a) {
+    var x = _a.x, y = _a.y, width = _a.width, kind = _a.kind, errorName = _a.errorName, open = _a.open, onOpenChange = _a.onOpenChange, onChooseOption = _a.onChooseOption;
+    var left = x >= BUTTON_SIZE + 2 ? x - BUTTON_SIZE - 2 : x + width + 2;
+    return (react_1.default.createElement("div", { className: "absolute pointer-events-auto flex items-start justify-start", style: { left: left, top: y }, onMouseDown: function (e) { return e.stopPropagation(); }, "data-testid": "error-check-smart-tag" },
+        react_1.default.createElement(ui_1.DropdownMenu, { modal: false, open: open, onOpenChange: onOpenChange },
+            react_1.default.createElement(ui_1.DropdownMenuTrigger, { asChild: true },
+                react_1.default.createElement(ui_1.IconButton, { tooltip: "Error Checking", "aria-label": "Error Checking", className: "shadow-sm bg-rnc-background border-rnc-border border border-solid rounded-md" },
+                    react_1.default.createElement(WarningIcon, null))),
+            react_1.default.createElement(ui_1.DropdownMenuPortal, null,
+                react_1.default.createElement(ui_1.DropdownMenuContent, { align: "start", onCloseAutoFocus: function (event) { return event.preventDefault(); } },
+                    react_1.default.createElement(ui_1.DropdownMenuLabel, null, (0, error_checking_1.getErrorCheckTitle)(kind, errorName)),
+                    kind === "numberStoredAsText" ? (react_1.default.createElement(ui_1.DropdownMenuItem, { onSelect: function () { return onChooseOption("convertToNumber"); } }, "Convert to Number")) : null,
+                    react_1.default.createElement(ui_1.DropdownMenuItem, { onSelect: function () { return onChooseOption("help"); } }, "Help on this Error"),
+                    react_1.default.createElement(ui_1.DropdownMenuItem, { onSelect: function () { return onChooseOption("ignore"); } }, "Ignore Error"),
+                    react_1.default.createElement(ui_1.DropdownMenuItem, { onSelect: function () { return onChooseOption("editInFormulaBar"); } }, "Edit in Formula Bar"),
+                    react_1.default.createElement(ui_1.DropdownMenuSeparator, null),
+                    react_1.default.createElement(ui_1.DropdownMenuItem, { onSelect: function () { return onChooseOption("options"); } }, "Error Checking Options\u2026"))))));
+};
+exports.ErrorCheckSmartTag = ErrorCheckSmartTag;
+exports.ErrorCheckSmartTag.displayName = "ErrorCheckSmartTag";

package/dist/cjs/components/forecast-sheet-dialog/index.d.ts

@@ -0,0 +1,26 @@
+import React from "react";
+/** What the dialog asks for (the `create-forecast-sheet` command's options). */
+export type ForecastSheetOptions = {
+    chartType: "line" | "column";
+    /** Forecast End as typed (a number or a date the host parses). */
+    forecastEnd?: string;
+    /** Fraction, e.g. 0.95; 0 = no confidence bounds. */
+    confidenceInterval: number;
+    /** `undefined` = detect automatically. */
+    seasonality?: number;
+};
+export type ForecastSheetDialogProps = {
+    open: boolean;
+    onOpenChange(open: boolean): void;
+    /** Default Forecast End shown in the field (the host's suggestion), optional. */
+    initialForecastEnd?: string;
+    /** Creates the sheet; resolves to Excel's refusal message, or `undefined` once done. */
+    onCreate(options: ForecastSheetOptions): Promise<string | undefined> | string | undefined;
+};
+/**
+ * Excel's Create Forecast Worksheet dialog: Line or Column chart, Forecast
+ * End, and the Options — Confidence Interval and Seasonality (automatic or
+ * set manually). The timeline and values are the host's selection.
+ */
+export declare const ForecastSheetDialog: React.MemoExoticComponent<({ open, onOpenChange, initialForecastEnd, onCreate }: ForecastSheetDialogProps) => React.JSX.Element>;
+//# sourceMappingURL=index.d.ts.map

package/dist/cjs/components/forecast-sheet-dialog/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../components/forecast-sheet-dialog/index.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAiD,MAAM,OAAO,CAAC;AAEtE,gFAAgF;AAChF,MAAM,MAAM,oBAAoB,GAAG;IACjC,SAAS,EAAE,MAAM,GAAG,QAAQ,CAAC;IAC7B,kEAAkE;IAClE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qDAAqD;IACrD,kBAAkB,EAAE,MAAM,CAAC;IAC3B,0CAA0C;IAC1C,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG;IACrC,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI,CAAC;IAClC,iFAAiF;IACjF,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,wFAAwF;IACxF,QAAQ,CAAC,OAAO,EAAE,oBAAoB,GAAG,OAAO,CAAC,MAAM,GAAG,SAAS,CAAC,GAAG,MAAM,GAAG,SAAS,CAAC;CAC3F,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,mFACyB,wBAAwB,uBA6HhF,CAAC"}

package/dist/cjs/components/forecast-sheet-dialog/index.js

@@ -0,0 +1,92 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ForecastSheetDialog = void 0;
+var tslib_1 = require("tslib");
+var icons_1 = require("@rowsncolumns/icons");
+var ui_1 = require("@rowsncolumns/ui");
+var react_1 = tslib_1.__importStar(require("react"));
+/**
+ * Excel's Create Forecast Worksheet dialog: Line or Column chart, Forecast
+ * End, and the Options — Confidence Interval and Seasonality (automatic or
+ * set manually). The timeline and values are the host's selection.
+ */
+exports.ForecastSheetDialog = (0, react_1.memo)(function (_a) {
+    var open = _a.open, onOpenChange = _a.onOpenChange, initialForecastEnd = _a.initialForecastEnd, onCreate = _a.onCreate;
+    var _b = tslib_1.__read((0, react_1.useState)("line"), 2), chartType = _b[0], setChartType = _b[1];
+    var _c = tslib_1.__read((0, react_1.useState)(initialForecastEnd !== null && initialForecastEnd !== void 0 ? initialForecastEnd : ""), 2), end = _c[0], setEnd = _c[1];
+    var _d = tslib_1.__read((0, react_1.useState)(true), 2), withInterval = _d[0], setWithInterval = _d[1];
+    var _e = tslib_1.__read((0, react_1.useState)("95"), 2), interval = _e[0], setInterval = _e[1];
+    var _f = tslib_1.__read((0, react_1.useState)(true), 2), autoSeason = _f[0], setAutoSeason = _f[1];
+    var _g = tslib_1.__read((0, react_1.useState)(""), 2), season = _g[0], setSeason = _g[1];
+    var _h = tslib_1.__read((0, react_1.useState)(undefined), 2), error = _h[0], setError = _h[1];
+    (0, react_1.useEffect)(function () {
+        if (open) {
+            setEnd(initialForecastEnd !== null && initialForecastEnd !== void 0 ? initialForecastEnd : "");
+            setError(undefined);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [open]);
+    var submit = (0, react_1.useCallback)(function (event) { return tslib_1.__awaiter(void 0, void 0, void 0, function () {
+        var percent, length, refusal;
+        return tslib_1.__generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    event.preventDefault();
+                    percent = Number(interval);
+                    if (withInterval && !(percent > 0 && percent < 100)) {
+                        setError("Confidence Interval must be between 0% and 100%.");
+                        return [2 /*return*/];
+                    }
+                    length = Number(season);
+                    if (!autoSeason && !(Number.isInteger(length) && length >= 0)) {
+                        setError("Seasonality must be a whole number.");
+                        return [2 /*return*/];
+                    }
+                    return [4 /*yield*/, onCreate(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign({ chartType: chartType }, (end.trim() !== "" ? { forecastEnd: end.trim() } : {})), { confidenceInterval: withInterval ? percent / 100 : 0 }), (autoSeason ? {} : { seasonality: length })))];
+                case 1:
+                    refusal = _a.sent();
+                    if (refusal) {
+                        setError(refusal);
+                        return [2 /*return*/];
+                    }
+                    onOpenChange(false);
+                    return [2 /*return*/];
+            }
+        });
+    }); }, [interval, withInterval, season, autoSeason, chartType, end, onCreate, onOpenChange]);
+    return (react_1.default.createElement(ui_1.Dialog, { open: open, onOpenChange: onOpenChange },
+        react_1.default.createElement(ui_1.DialogContent, { className: "w-[380px] max-w-[92vw] pointer-events-auto" },
+            react_1.default.createElement(ui_1.DialogTitle, null, "Create Forecast Worksheet"),
+            react_1.default.createElement(ui_1.DialogDescription, null, "Forecast the selected timeline and values on a new sheet with a chart."),
+            react_1.default.createElement(ui_1.DialogCloseButton, { onClick: function () { return onOpenChange(false); } },
+                react_1.default.createElement(icons_1.Cross1Icon, null)),
+            react_1.default.createElement(ui_1.DialogBody, { className: "flex flex-col gap-3 font-system text-sm" },
+                react_1.default.createElement("form", { className: "flex flex-col gap-3", onSubmit: submit },
+                    react_1.default.createElement("div", { className: "flex items-center gap-3 text-xs" }, ["line", "column"].map(function (t) { return (react_1.default.createElement("label", { key: t, className: "flex items-center gap-1" },
+                        react_1.default.createElement("input", { type: "radio", checked: chartType === t, onChange: function () { return setChartType(t); } }),
+                        t === "line" ? "Line chart" : "Column chart")); })),
+                    react_1.default.createElement("label", { className: "flex flex-col gap-1 text-xs font-medium" },
+                        "Forecast End:",
+                        react_1.default.createElement(ui_1.Input, { autoFocus: true, "aria-label": "Forecast End", value: end, onChange: function (e) { return setEnd(e.target.value); } })),
+                    react_1.default.createElement("div", { className: "flex items-center gap-2 text-xs" },
+                        react_1.default.createElement("label", { className: "flex items-center gap-2" },
+                            react_1.default.createElement("input", { type: "checkbox", checked: withInterval, onChange: function (e) { return setWithInterval(e.target.checked); } }),
+                            "Confidence Interval"),
+                        react_1.default.createElement(ui_1.Input, { className: "w-16", "aria-label": "Confidence Interval (%)", value: interval, disabled: !withInterval, onChange: function (e) { return setInterval(e.target.value); } }),
+                        "%"),
+                    react_1.default.createElement("div", { className: "flex flex-col gap-1 text-xs" },
+                        "Seasonality",
+                        react_1.default.createElement("label", { className: "flex items-center gap-2" },
+                            react_1.default.createElement("input", { type: "radio", checked: autoSeason, onChange: function () { return setAutoSeason(true); } }),
+                            "Detect Automatically"),
+                        react_1.default.createElement("label", { className: "flex items-center gap-2" },
+                            react_1.default.createElement("input", { type: "radio", checked: !autoSeason, onChange: function () { return setAutoSeason(false); } }),
+                            "Set Manually",
+                            react_1.default.createElement(ui_1.Input, { className: "w-16", "aria-label": "Season length", value: season, disabled: autoSeason, onChange: function (e) { return setSeason(e.target.value); } }))),
+                    error ? (react_1.default.createElement("div", { role: "alert", className: "text-xs text-rnc-destructive" }, error)) : null,
+                    react_1.default.createElement(ui_1.Separator, null),
+                    react_1.default.createElement("div", { className: "flex justify-end gap-2" },
+                        react_1.default.createElement(ui_1.Button, { type: "button", variant: "outline", size: "sm", onClick: function () { return onOpenChange(false); } }, "Cancel"),
+                        react_1.default.createElement(ui_1.Button, { type: "submit", size: "sm" }, "Create")))))));
+});
+exports.ForecastSheetDialog.displayName = "ForecastSheetDialog";