@rowsncolumns/spreadsheet-state 29.2.0 → 29.3.2

package/dist/cjs/components/editors/cell-format/fill-tab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fill-tab.d.ts","sourceRoot":"","sources":["../../../../../components/editors/cell-format/fill-tab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAS5E,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,MAAM,MAAM,YAAY,GAAG;IACzB,IAAI,EAAE,QAAQ,CAAC;IACf,QAAQ,CAAC,IAAI,EAAE,QAAQ,GAAG,IAAI,CAAC;IAC/B,KAAK,EAAE,gBAAgB,CAAC;CACzB,CAAC;AAYF;;;;GAIG;AACH,eAAO,MAAM,OAAO,GAAI,2BAA2B,YAAY,sBA8E9D,CAAC"}

package/dist/cjs/components/editors/cell-format/fill-tab.js

@@ -0,0 +1,54 @@
+import { __assign, __read } from "tslib";
+import { getStringifiedColor, gradientToCss, GradientFillPicker, PatternFillPicker, STANDARD_COLORS, } from "@rowsncolumns/spreadsheet";
+import { Button, ColorPicker, HexColorPicker } from "@rowsncolumns/ui";
+import React, { useState } from "react";
+/** CSS for the Sample box (gradient, else the solid colour; patterns show their base colour). */
+var sampleStyle = function (fill, theme) {
+    var _a, _b;
+    return ((_b = (_a = fill.gradient) === null || _a === void 0 ? void 0 : _a.stops) === null || _b === void 0 ? void 0 : _b.length)
+        ? { backgroundImage: gradientToCss(fill.gradient) }
+        : {
+            backgroundColor: fill.backgroundColor
+                ? getStringifiedColor(fill.backgroundColor, theme)
+                : undefined,
+        };
+};
+/**
+ * Format Cells → Fill: Background Color (No Color, the palette, More
+ * Colors…), Fill Effects… (two-colour gradient), Pattern Color and Pattern
+ * Style, and a Sample. A solid colour replaces a gradient, as in Excel.
+ */
+export var FillTab = function (_a) {
+    var fill = _a.fill, onChange = _a.onChange, theme = _a.theme;
+    var _b = __read(useState("none"), 2), panel = _b[0], setPanel = _b[1];
+    var solid = fill.backgroundColor
+        ? getStringifiedColor(fill.backgroundColor, theme)
+        : undefined;
+    var pickSolid = function (color) {
+        return onChange(__assign(__assign({}, fill), { backgroundColor: color, gradient: undefined }));
+    };
+    return (React.createElement("div", { className: "grid grid-cols-[1fr_200px] gap-4" },
+        React.createElement("div", { className: "flex flex-col gap-2" },
+            React.createElement("span", { className: "font-system text-sm" }, "Background Color"),
+            React.createElement(Button, { size: "xs", variant: "outline", className: "justify-center", onClick: function () {
+                    return onChange({
+                        backgroundColor: undefined,
+                        fillPattern: undefined,
+                        foregroundColor: undefined,
+                        gradient: undefined,
+                    });
+                } }, "No Color"),
+            React.createElement("div", { role: "group", "aria-label": "Background color", className: "flex flex-col gap-1" },
+                React.createElement(ColorPicker, { value: solid, onChange: pickSolid, className: "flex-wrap gap-1" }),
+                React.createElement(ColorPicker, { value: solid, colors: STANDARD_COLORS, onChange: pickSolid, className: "gap-1" })),
+            React.createElement("div", { className: "flex gap-2" },
+                React.createElement(Button, { size: "xs", variant: "outline", "aria-expanded": panel === "effects", onClick: function () { return setPanel(panel === "effects" ? "none" : "effects"); } }, "Fill Effects..."),
+                React.createElement(Button, { size: "xs", variant: "outline", "aria-expanded": panel === "more", onClick: function () { return setPanel(panel === "more" ? "none" : "more"); } }, "More Colors...")),
+            panel === "more" ? (React.createElement(HexColorPicker, { value: solid !== null && solid !== void 0 ? solid : "#FFFFFF", onChange: pickSolid })) : null,
+            panel === "effects" ? (React.createElement("div", { "data-testid": "fill-effects" },
+                React.createElement(GradientFillPicker, { fill: fill, theme: theme, onChangeFill: onChange }))) : null),
+        React.createElement("div", { className: "flex flex-col gap-2" },
+            React.createElement(PatternFillPicker, { fill: fill, theme: theme, onChangeFill: onChange }),
+            React.createElement("span", { className: "font-system text-sm" }, "Sample"),
+            React.createElement("div", { "data-testid": "fill-sample", className: "h-10 rounded-sm border border-solid border-rnc-border", style: sampleStyle(fill, theme) }))));
+};

package/dist/cjs/components/editors/cell-format/font-tab.d.ts

@@ -0,0 +1,18 @@
+import type { SpreadsheetTheme, TextFormat, UnderlineStyle } from "@rowsncolumns/spreadsheet";
+import React from "react";
+type UnderlineChoice = "none" | UnderlineStyle;
+/** Excel's Underline list. */
+export declare const UNDERLINE_OPTIONS: {
+    value: UnderlineChoice;
+    label: string;
+}[];
+export type FontTabProps = {
+    textFormat: TextFormat;
+    onChange(patch: Partial<TextFormat>): void;
+    theme: SpreadsheetTheme;
+    isDarkMode?: boolean;
+};
+/** Format Cells → Font. */
+export declare const FontTab: ({ textFormat, onChange, theme, isDarkMode, }: FontTabProps) => React.JSX.Element;
+export {};
+//# sourceMappingURL=font-tab.d.ts.map

package/dist/cjs/components/editors/cell-format/font-tab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"font-tab.d.ts","sourceRoot":"","sources":["../../../../../components/editors/cell-format/font-tab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,gBAAgB,EAChB,UAAU,EACV,cAAc,EACf,MAAM,2BAA2B,CAAC;AAOnC,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,KAAK,eAAe,GAAG,MAAM,GAAG,cAAc,CAAC;AAS/C,8BAA8B;AAC9B,eAAO,MAAM,iBAAiB,EAAE;IAAE,KAAK,EAAE,eAAe,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,EAMxE,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IACzB,UAAU,EAAE,UAAU,CAAC;IACvB,QAAQ,CAAC,KAAK,EAAE,OAAO,CAAC,UAAU,CAAC,GAAG,IAAI,CAAC;IAC3C,KAAK,EAAE,gBAAgB,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAoCF,2BAA2B;AAC3B,eAAO,MAAM,OAAO,GAAI,8CAKrB,YAAY,sBA2Gd,CAAC"}

package/dist/cjs/components/editors/cell-format/font-tab.js

@@ -0,0 +1,99 @@
+import { FontFamilySelector, FontSizeSelector, getStringifiedColor, TextColorSelector, } from "@rowsncolumns/spreadsheet";
+import React from "react";
+import { CheckboxField, ListBox, SelectField } from "./list-box";
+var FONT_STYLES = [
+    { value: "regular", label: "Regular" },
+    { value: "italic", label: "Italic" },
+    { value: "bold", label: "Bold" },
+    { value: "boldItalic", label: "Bold Italic" },
+];
+/** Excel's Underline list. */
+export var UNDERLINE_OPTIONS = [
+    { value: "none", label: "None" },
+    { value: "single", label: "Single" },
+    { value: "double", label: "Double" },
+    { value: "singleAccounting", label: "Single Accounting" },
+    { value: "doubleAccounting", label: "Double Accounting" },
+];
+/** CSS for the Preview box: the double / accounting underlines as CSS decorations. */
+var previewStyle = function (tf, theme) {
+    var _a, _b;
+    var style = tf.underline ? (_a = tf.underlineStyle) !== null && _a !== void 0 ? _a : "single" : undefined;
+    var lines = [
+        style ? "underline" : "",
+        tf.strikethrough ? "line-through" : "",
+    ]
+        .filter(Boolean)
+        .join(" ");
+    return {
+        fontFamily: (_b = tf.fontFamily) !== null && _b !== void 0 ? _b : undefined,
+        fontSize: tf.fontSize ? "".concat(tf.fontSize, "pt") : undefined,
+        fontWeight: tf.bold ? "bold" : undefined,
+        fontStyle: tf.italic ? "italic" : undefined,
+        color: tf.color ? getStringifiedColor(tf.color, theme) : undefined,
+        textDecorationLine: lines || undefined,
+        textDecorationStyle: style === "double" || style === "doubleAccounting" ? "double" : undefined,
+        textUnderlineOffset: style === "singleAccounting" || style === "doubleAccounting"
+            ? "0.3em"
+            : undefined,
+        verticalAlign: tf.baselineOffset === "superscript"
+            ? "super"
+            : tf.baselineOffset === "subscript"
+                ? "sub"
+                : undefined,
+    };
+};
+/** Format Cells → Font. */
+export var FontTab = function (_a) {
+    var _b;
+    var textFormat = _a.textFormat, onChange = _a.onChange, theme = _a.theme, isDarkMode = _a.isDarkMode;
+    var fontStyle = textFormat.bold && textFormat.italic
+        ? "boldItalic"
+        : textFormat.bold
+            ? "bold"
+            : textFormat.italic
+                ? "italic"
+                : "regular";
+    var underline = textFormat.underline
+        ? (_b = textFormat.underlineStyle) !== null && _b !== void 0 ? _b : "single"
+        : "none";
+    return (React.createElement("div", { className: "flex flex-col gap-3" },
+        React.createElement("div", { className: "grid grid-cols-[1fr_120px_80px] gap-2" },
+            React.createElement("div", { className: "flex flex-col gap-1" },
+                React.createElement("span", { className: "font-system text-sm" }, "Font"),
+                React.createElement(FontFamilySelector, { theme: theme, value: textFormat.fontFamily, onChange: function (fontFamily) { return onChange({ fontFamily: fontFamily }); }, triggerVariant: "outline" })),
+            React.createElement("div", { className: "flex flex-col gap-1" },
+                React.createElement("span", { className: "font-system text-sm" }, "Font style"),
+                React.createElement(ListBox, { label: "Font style", value: fontStyle, items: FONT_STYLES, onChange: function (value) {
+                        return onChange({
+                            bold: value === "bold" || value === "boldItalic",
+                            italic: value === "italic" || value === "boldItalic",
+                        });
+                    } })),
+            React.createElement("div", { className: "flex flex-col gap-1" },
+                React.createElement("span", { className: "font-system text-sm" }, "Size"),
+                React.createElement(FontSizeSelector, { value: textFormat.fontSize, onChange: function (fontSize) { return onChange({ fontSize: fontSize }); } }))),
+        React.createElement("div", { className: "grid grid-cols-2 gap-2" },
+            React.createElement(SelectField, { label: "Underline", value: underline, options: UNDERLINE_OPTIONS, onChange: function (value) {
+                    return onChange(value === "none"
+                        ? { underline: false }
+                        : { underline: true, underlineStyle: value });
+                } }),
+            React.createElement("div", { className: "flex flex-col gap-1" },
+                React.createElement("span", { className: "font-system text-sm" }, "Color"),
+                React.createElement(TextColorSelector, { color: textFormat.color, theme: theme, isDarkMode: isDarkMode, onChange: function (color) { return onChange({ color: color }); } }))),
+        React.createElement("div", { className: "grid grid-cols-2 gap-2" },
+            React.createElement("fieldset", { className: "flex flex-col gap-1.5 border-0 p-0" },
+                React.createElement("legend", { className: "pb-1 font-system text-sm" }, "Effects"),
+                React.createElement(CheckboxField, { label: "Strikethrough", checked: !!textFormat.strikethrough, onChange: function (strikethrough) { return onChange({ strikethrough: strikethrough }); } }),
+                React.createElement(CheckboxField, { label: "Superscript", checked: textFormat.baselineOffset === "superscript", onChange: function (on) {
+                        return onChange({ baselineOffset: on ? "superscript" : null });
+                    } }),
+                React.createElement(CheckboxField, { label: "Subscript", checked: textFormat.baselineOffset === "subscript", onChange: function (on) {
+                        return onChange({ baselineOffset: on ? "subscript" : null });
+                    } })),
+            React.createElement("div", { className: "flex flex-col gap-1" },
+                React.createElement("span", { className: "font-system text-sm" }, "Preview"),
+                React.createElement("div", { "data-testid": "font-preview", className: "flex h-14 items-center justify-center overflow-hidden rounded-sm border border-solid border-rnc-border bg-rnc-background" },
+                    React.createElement("span", { style: previewStyle(textFormat, theme) }, "AaBbCcYyZz"))))));
+};

package/dist/cjs/components/editors/cell-format/list-box.d.ts

@@ -0,0 +1,35 @@
+import React from "react";
+export type ListBoxItem<T extends string> = {
+    value: T;
+    label: React.ReactNode;
+};
+/**
+ * Excel's always-open selection lists (Category, Type, Font style, Line
+ * style …): a listbox with arrow-key navigation, not a dropdown.
+ */
+export declare const ListBox: <T extends string>({ label, items, value, onChange, className, }: {
+    label: string;
+    items: ListBoxItem<T>[];
+    value: T | undefined;
+    onChange(value: T): void;
+    className?: string;
+}) => React.JSX.Element;
+/** A labelled native checkbox (Excel's Text control / Effects / Protection boxes). */
+export declare const CheckboxField: ({ label, checked, disabled, onChange, }: {
+    label: string;
+    checked: boolean;
+    disabled?: boolean;
+    onChange(checked: boolean): void;
+}) => React.JSX.Element;
+/** A labelled native select for the short option lists. */
+export declare const SelectField: <T extends string>({ label, value, options, onChange, disabled, }: {
+    label: string;
+    value: T;
+    options: {
+        value: T;
+        label: string;
+    }[];
+    onChange(value: T): void;
+    disabled?: boolean;
+}) => React.JSX.Element;
+//# sourceMappingURL=list-box.d.ts.map

package/dist/cjs/components/editors/cell-format/list-box.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-box.d.ts","sourceRoot":"","sources":["../../../../../components/editors/cell-format/list-box.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,MAAM,IAAI;IAC1C,KAAK,EAAE,CAAC,CAAC;IACT,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,OAAO,GAAI,CAAC,SAAS,MAAM,EAAE,+CAMvC;IACD,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC;IACxB,KAAK,EAAE,CAAC,GAAG,SAAS,CAAC;IACrB,QAAQ,CAAC,KAAK,EAAE,CAAC,GAAG,IAAI,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,sBAoCA,CAAC;AAEF,sFAAsF;AACtF,eAAO,MAAM,aAAa,GAAI,yCAK3B;IACD,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,CAAC;CAClC,sBAcA,CAAC;AAEF,2DAA2D;AAC3D,eAAO,MAAM,WAAW,GAAI,CAAC,SAAS,MAAM,EAAE,gDAM3C;IACD,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,CAAC,CAAC;IACT,OAAO,EAAE;QAAE,KAAK,EAAE,CAAC,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IACvC,QAAQ,CAAC,KAAK,EAAE,CAAC,GAAG,IAAI,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,sBAiBA,CAAC"}

package/dist/cjs/components/editors/cell-format/list-box.js

@@ -0,0 +1,37 @@
+import React from "react";
+/**
+ * Excel's always-open selection lists (Category, Type, Font style, Line
+ * style …): a listbox with arrow-key navigation, not a dropdown.
+ */
+export var ListBox = function (_a) {
+    var label = _a.label, items = _a.items, value = _a.value, onChange = _a.onChange, _b = _a.className, className = _b === void 0 ? "" : _b;
+    var index = items.findIndex(function (item) { return item.value === value; });
+    return (React.createElement("div", { role: "listbox", "aria-label": label, tabIndex: 0, className: "max-h-[180px] overflow-auto rounded-sm border border-solid border-rnc-border text-xs outline-none focus-visible:ring-1 focus-visible:ring-rnc-primary ".concat(className), onKeyDown: function (event) {
+            if (event.key !== "ArrowDown" && event.key !== "ArrowUp")
+                return;
+            event.preventDefault();
+            var step = event.key === "ArrowDown" ? 1 : -1;
+            var next = items[Math.max(0, Math.min(items.length - 1, index + step))];
+            if (next)
+                onChange(next.value);
+        } }, items.map(function (item) {
+        var selected = item.value === value;
+        return (React.createElement("div", { key: item.value, role: "option", "aria-selected": selected, className: "cursor-default px-1.5 py-0.5 ".concat(selected
+                ? "bg-rnc-primary text-rnc-primary-foreground"
+                : "hover:bg-rnc-muted"), onClick: function () { return onChange(item.value); } }, item.label));
+    })));
+};
+/** A labelled native checkbox (Excel's Text control / Effects / Protection boxes). */
+export var CheckboxField = function (_a) {
+    var label = _a.label, checked = _a.checked, disabled = _a.disabled, onChange = _a.onChange;
+    return (React.createElement("label", { className: "flex items-center gap-1.5 font-system text-xs ".concat(disabled ? "opacity-50" : "") },
+        React.createElement("input", { type: "checkbox", checked: checked, disabled: disabled, onChange: function (event) { return onChange(event.target.checked); } }),
+        label));
+};
+/** A labelled native select for the short option lists. */
+export var SelectField = function (_a) {
+    var label = _a.label, value = _a.value, options = _a.options, onChange = _a.onChange, disabled = _a.disabled;
+    return (React.createElement("label", { className: "flex flex-col gap-1 font-system text-sm" },
+        label,
+        React.createElement("select", { "aria-label": label, className: "rounded-sm border border-solid border-rnc-border bg-rnc-background px-1 py-1 text-xs text-rnc-foreground", value: value, disabled: disabled, onChange: function (event) { return onChange(event.target.value); } }, options.map(function (option) { return (React.createElement("option", { key: option.value, value: option.value }, option.label)); }))));
+};

package/dist/cjs/components/editors/cell-format/number-formats.d.ts

@@ -0,0 +1,90 @@
+import type { NumberFormat, NumberFormatType } from "@rowsncolumns/spreadsheet";
+export type NumberCategoryId = "general" | "number" | "currency" | "accounting" | "date" | "time" | "percentage" | "fraction" | "scientific" | "text" | "special" | "custom";
+export type NumberCategory = {
+    id: NumberCategoryId;
+    name: string;
+    type: NumberFormatType;
+    description: string;
+};
+/** Excel's category list, in Excel's order. */
+export declare const NUMBER_CATEGORIES: NumberCategory[];
+/** Excel's four "Negative numbers" styles. */
+export type NegativeStyle = "minus" | "red" | "parens" | "redParens";
+export declare const NEGATIVE_STYLES: NegativeStyle[];
+/** Number: decimal places, 1000 separator, negative numbers. */
+export declare const buildNumberPattern: ({ decimals, thousands, negative, }: {
+    decimals: number;
+    thousands: boolean;
+    negative: NegativeStyle;
+}) => string;
+/** Currency: decimal places, symbol, negative numbers. */
+export declare const buildCurrencyPattern: ({ decimals, symbol, negative, }: {
+    decimals: number;
+    symbol: string;
+    negative: NegativeStyle;
+}) => string;
+/**
+ * Accounting: decimal places and symbol. The symbol sits at the left edge
+ * (`* ` repeats the space to fill the cell), zero shows a dash, and the `_(`
+ * / `_)` paddings line the decimal points up across positive and negative.
+ */
+export declare const buildAccountingPattern: ({ decimals, symbol, }: {
+    decimals: number;
+    symbol: string;
+}) => string;
+export declare const buildPercentPattern: (decimals: number) => string;
+export declare const buildScientificPattern: (decimals: number) => string;
+/** Excel's Currency / Accounting symbol list (a representative subset). */
+export declare const CURRENCY_SYMBOLS: {
+    symbol: string;
+    label: string;
+}[];
+export declare const FRACTION_TYPES: {
+    label: string;
+    pattern: string;
+}[];
+/** Excel's Special types for English (United States). */
+export declare const SPECIAL_TYPES: {
+    label: string;
+    pattern: string;
+}[];
+/** Locales offered by the Date / Time / Special "Locale (location)" list. */
+export type FormatLocale = {
+    /** BCP-47 tag. */
+    tag: string;
+    label: string;
+    /** Windows LCID (hex) written as Excel's `[$-xxxx]` locale prefix. */
+    lcid: string;
+    /** Day before month in the short date. */
+    dayFirst: boolean;
+};
+export declare const FORMAT_LOCALES: FormatLocale[];
+export declare const findFormatLocale: (tag: string | undefined) => FormatLocale;
+/**
+ * The Date / Time types for a locale. The default locale's codes are written
+ * bare (they follow the workbook); another locale's carry Excel's
+ * `[$-lcid]` prefix so the cell keeps that locale's names and order.
+ */
+export declare const getDateTimeTypes: (kind: "date" | "time", locale: FormatLocale, defaultLocale: FormatLocale) => string[];
+/** The locale a format code's `[$-lcid]` prefix names, if any. */
+export declare const getPatternLocale: (pattern: string | null | undefined) => FormatLocale | undefined;
+/** The pieces the Number / Currency options read back off a code. */
+export declare const parseNumericPattern: (pattern: string | null | undefined) => {
+    decimals: number;
+    thousands: boolean;
+    negative: NegativeStyle;
+    symbol: string;
+};
+/** Which category a cell's number format opens the Number tab on. */
+export declare const detectCategory: (format: NumberFormat | null | undefined) => NumberCategoryId;
+/** The format a category gets when it is first picked (Excel's defaults). */
+export declare const defaultFormatForCategory: (id: NumberCategoryId, { currencySymbol, locale, defaultLocale, }: {
+    currencySymbol: string;
+    locale: FormatLocale;
+    defaultLocale: FormatLocale;
+}) => NumberFormat | null;
+/** Excel's Custom type list (the built-in codes). */
+export declare const CUSTOM_PATTERNS: string[];
+/** The NumberFormatType a typed custom code is closest to. */
+export declare const inferTypeFromPattern: (pattern: string) => NumberFormatType;
+//# sourceMappingURL=number-formats.d.ts.map

package/dist/cjs/components/editors/cell-format/number-formats.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"number-formats.d.ts","sourceRoot":"","sources":["../../../../../components/editors/cell-format/number-formats.ts"],"names":[],"mappings":"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"}