@rowsncolumns/spreadsheet 10.2.68

package/dist/esm/components/toolbar/view-menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"view-menu.d.ts","sourceRoot":"","sources":["../../../../components/toolbar/view-menu.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAe,MAAM,OAAO,CAAC;AAIpC,KAAK,aAAa,GAAG;IACnB,6CAA6C;IAC7C,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,iDAAiD;IACjD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,uDAAuD;IACvD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,iBAAiB,CAAC,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI,CAAC;IACxC,oBAAoB,CAAC,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI,CAAC;IAC3C,eAAe,CAAC,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI,CAAC;CACvC,CAAC;AAEF;;;;;;;;;GASG;AACH,eAAO,MAAM,QAAQ,sIAQhB,aAAa,uBA0DjB,CAAC"}

package/dist/esm/components/toolbar/view-menu.js

@@ -0,0 +1,41 @@
+import { CheckIcon, MdOutlineArrowDropDown } from "@rowsncolumns/icons";
+import { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuItemIndicator, DropdownMenuPortal, DropdownMenuTrigger, IconButton, } from "@rowsncolumns/ui";
+import React, { memo } from "react";
+import { useFocusSheet } from "../../atoms";
+/**
+ * View menu — workbook-level view toggles. Mirrors Excel / Sheets'
+ * "View" menu. Today exposes:
+ *   - Show gridlines  → `showGridLines` prop on canvas grid
+ *   - Show formulas   → `showFormulas` prop on canvas grid
+ *                       (Ctrl+\` continues to work)
+ *
+ * Hosts that don't pass the toggle callbacks see the corresponding
+ * item rendered as a disabled, read-only indicator of state.
+ */
+export const ViewMenu = memo(({ showGridLines = true, showFormulas = false, showHeaders = true, onToggleGridLines, onToggleShowFormulas, onToggleHeaders, }) => {
+    const focusSheet = useFocusSheet();
+    return (React.createElement(DropdownMenu, { modal: false },
+        React.createElement(DropdownMenuTrigger, { asChild: true },
+            React.createElement(IconButton, { size: "xl", tooltip: "View", className: "gap-1" },
+                React.createElement("div", { className: "text-xs" }, "View"),
+                React.createElement(MdOutlineArrowDropDown, null))),
+        React.createElement(DropdownMenuPortal, null,
+            React.createElement(DropdownMenuContent, { align: "start", onCloseAutoFocus: (event) => {
+                    event.preventDefault();
+                    focusSheet?.();
+                } },
+                React.createElement(DropdownMenuCheckboxItem, { checked: showGridLines, disabled: !onToggleGridLines, onCheckedChange: (checked) => onToggleGridLines?.(checked) },
+                    React.createElement(DropdownMenuItemIndicator, null,
+                        React.createElement(CheckIcon, null)),
+                    React.createElement("div", { className: "flex-1 text-xs pr-4" }, "Gridlines")),
+                React.createElement(DropdownMenuCheckboxItem, { checked: showHeaders, disabled: !onToggleHeaders, onCheckedChange: (checked) => onToggleHeaders?.(checked) },
+                    React.createElement(DropdownMenuItemIndicator, null,
+                        React.createElement(CheckIcon, null)),
+                    React.createElement("div", { className: "flex-1 text-xs pr-4" }, "Headings")),
+                React.createElement(DropdownMenuCheckboxItem, { checked: showFormulas, disabled: !onToggleShowFormulas, onCheckedChange: (checked) => onToggleShowFormulas?.(checked) },
+                    React.createElement(DropdownMenuItemIndicator, null,
+                        React.createElement(CheckIcon, null)),
+                    React.createElement("div", { className: "flex-1 text-xs pr-4" }, "Show formulas"),
+                    React.createElement("div", { className: "text-xs text-rnc-muted-foreground pl-4" }, "Ctrl+`"))))));
+});
+ViewMenu.displayName = "ViewMenu";

package/dist/esm/components/validation-alert-dialog/index.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+/**
+ * Blocking data-validation alert. Driven by `validationAlertAtom` — opened by
+ * the commit-time enforcement gate in `useEditorSubmit`. Mounted inside the
+ * canvas grid so it is always present.
+ *
+ * - `stop`: single OK button; the value was already rejected.
+ * - `warning` / `information`: OK (keep the value) / Cancel (discard) — Excel's
+ *   "allow override" behaviour.
+ */
+export declare const ValidationAlertDialog: {
+    (): React.JSX.Element | null;
+    displayName: string;
+};
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/validation-alert-dialog/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../components/validation-alert-dialog/index.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,MAAM,OAAO,CAAC;AAkC1B;;;;;;;;GAQG;AACH,eAAO,MAAM,qBAAqB;;;CA0DjC,CAAC"}

package/dist/esm/components/validation-alert-dialog/index.js

@@ -0,0 +1,63 @@
+import { CrossCircledIcon, ExclamationTriangleIcon, InfoCircledIcon, } from "@rowsncolumns/icons";
+import { Button, Dialog, DialogBody, DialogContent, DialogTitle } from "@rowsncolumns/ui";
+import React from "react";
+import { useValidationAlertState } from "../../atoms/validation-alert.atom";
+const DEFAULTS = {
+    stop: {
+        title: "Invalid input",
+        message: "The value you entered isn't valid. A user has restricted values that can be entered into this cell.",
+    },
+    warning: {
+        title: "Invalid input",
+        message: "The value you entered isn't valid. Do you want to continue?",
+    },
+    information: {
+        title: "Invalid input",
+        message: "The value you entered isn't valid.",
+    },
+};
+const StyleIcon = ({ style }) => {
+    if (style === "stop") {
+        return React.createElement(CrossCircledIcon, { className: "text-rnc-destructive" });
+    }
+    if (style === "warning") {
+        return React.createElement(ExclamationTriangleIcon, { className: "text-rnc-warning" });
+    }
+    return React.createElement(InfoCircledIcon, { className: "text-blue-700" });
+};
+/**
+ * Blocking data-validation alert. Driven by `validationAlertAtom` — opened by
+ * the commit-time enforcement gate in `useEditorSubmit`. Mounted inside the
+ * canvas grid so it is always present.
+ *
+ * - `stop`: single OK button; the value was already rejected.
+ * - `warning` / `information`: OK (keep the value) / Cancel (discard) — Excel's
+ *   "allow override" behaviour.
+ */
+export const ValidationAlertDialog = () => {
+    const [state, setState] = useValidationAlertState();
+    if (!state) {
+        return null;
+    }
+    const { style, title, message, confirm, resolve } = state;
+    const defaults = DEFAULTS[style];
+    const close = (proceed) => {
+        resolve(proceed);
+        setState(null);
+    };
+    return (React.createElement(Dialog, { modal: true, open: true, onOpenChange: (open) => {
+            if (!open)
+                close(false);
+        } },
+        React.createElement(DialogContent, { className: "w-[420px] max-w-[90vw] pointer-events-auto" },
+            React.createElement(DialogTitle, null,
+                React.createElement("span", { className: "flex items-center gap-2" },
+                    React.createElement(StyleIcon, { style: style }),
+                    title || defaults.title)),
+            React.createElement(DialogBody, { className: "flex flex-col gap-4" },
+                React.createElement("p", { className: "m-0 text-sm font-system whitespace-pre-wrap" }, message || defaults.message),
+                React.createElement("div", { className: "flex justify-end gap-2" }, confirm ? (React.createElement(React.Fragment, null,
+                    React.createElement(Button, { variant: "outline", size: "sm", onClick: () => close(false) }, "Cancel"),
+                    React.createElement(Button, { size: "sm", autoFocus: true, onClick: () => close(true) }, "OK"))) : (React.createElement(Button, { size: "sm", autoFocus: true, onClick: () => close(true) }, "OK")))))));
+};
+ValidationAlertDialog.displayName = "ValidationAlertDialog";

package/dist/esm/config.d.ts

@@ -0,0 +1,107 @@
+import type { CONDITION_TYPES } from "@rowsncolumns/common-types";
+import type { CellInterface, ScrollCoords } from "@rowsncolumns/grid";
+import type { SpreadsheetTheme } from "./components/canvas-grid/typings";
+import type { OverlayPosition, TextFormat } from "./types";
+export declare const DEFAULT_ACTIVE_CELL: CellInterface;
+export declare const DEFAULT_SELECTIONS: readonly never[];
+export declare const DEFAULT_ARRAY: Array<any>;
+export declare const FROZEN_EMPTY_ARRAY: readonly never[];
+export declare const DEFAULT_SCROLL_POSITION: ScrollCoords;
+export declare const MAX_ROW_COUNT = 1048576;
+export declare const MAX_COLUMN_COUNT = 16384;
+export declare const DEFAULT_ROW_COUNT = 1000;
+export declare const DEFAULT_COLUMN_COUNT = 100;
+export declare const DEFAULT_FONT_SIZE_PT = 10;
+export declare const DEFAULT_ROW_HEIGHT = 21;
+export declare const DEFAULT_COLUMN_WIDTH = 100;
+export declare const ROW_HEADER_WIDTH = 46;
+export declare const COLUMN_HEADER_HEIGHT = 24;
+export declare const OUTLINE_GUTTER_LEVEL_PX = 17;
+export declare const OUTLINE_GUTTER_PAD_PX = 4;
+export declare const DEFAULT_CELL_SPACING = 2.5;
+export declare const INDENT_SPACING = 4;
+export declare const MIN_COLUMN_WIDTH = 24;
+export declare const CELL_VERTICAL_ALIGNMENT = "bottom";
+export declare const CELL_HORIZONTAL_ALIGNMENT = "left";
+export declare const EDITOR_VERTICAL_ALIGNMENT = "flex-end";
+export declare const EDITOR_FORMULA_VERTICAL_ALIGNMENT = "flex-start";
+export declare const FORMULA_FONT_CONFIG: Readonly<{
+    fontFamily: "var(--rnc-formula-font-family)";
+    fontSize: 14;
+}>;
+export declare const DEFAULT_TEXT_FORMAT: Readonly<{
+    fontSize: 10;
+}>;
+export declare const DEFAULT_CELL_FORMAT: Readonly<{
+    textFormat: Readonly<{
+        fontSize: 10;
+    }>;
+}>;
+export declare const HEADER_TEXT_FORMAT: TextFormat;
+export declare const DEFAULT_CELL_COLOR = "#333333";
+export declare const DEFAULT_CELL_COLOR_DARK = "#ffffff";
+export declare const DEFAULT_CELL_BACKGROUND_COLOR = "#ffffff";
+export declare const DEFAULT_CELL_BACKGROUND_COLOR_DARK = "rgb(3,7,17)";
+export declare const GRIDLINE_COLOR = "rgb(218, 218, 218)";
+export declare const GRIDLINE_COLOR_DARK = "rgb(58,59,62)";
+export declare const DEFAULT_HEADER_COLOR = "#333333";
+export declare const DEFAULT_HEADER_COLOR_DARK = "#ffffff";
+export declare const DEFAULT_HEADER_BORDER_COLOR = "rgb(183, 187, 184)";
+export declare const DEFAULT_HEADER_BORDER_COLOR_DARK = "rgb(80, 80, 80)";
+export declare const DEFAULT_HEADER_BG = "rgb(248,249,250)";
+export declare const DEFAULT_HEADER_BG_DARK = "rgb(48,49,52)";
+export declare const DEFAULT_HEADER_ACTIVE_BG = "rgb(233,234,237)";
+export declare const DEFAULT_HEADER_ACTIVE_BG_DARK = "rgb(71,71,73)";
+export declare const DEFAULT_HEADER_SELECTED_BG = "rgb(96,99,104)";
+export declare const DEFAULT_HEADER_TABLE_BG = "rgb(233,244,235)";
+export declare const DEFAULT_HEADER_TABLE_BG_DARK = "rgb(26, 54, 28)";
+export declare const DEFAULT_HEADER_ACTIVE_TABLE_BG = "rgb(211,233,215)";
+export declare const DEFAULT_HEADER_ACTIVE_TABLE_BG_DARK = "rgb(19, 41, 21)";
+export declare const DEFAULT_HEADER_SELECTED_TABLE_BG = "rgb(60,126,64)";
+export declare const SELECTION_BG = "rgb(14, 101, 235, 0.1)";
+export declare const SELECTION_BORDER = "#1a73e8";
+export declare const DEFAULT_OVERLAY_POSITION: OverlayPosition;
+export declare const defaultSpreadsheetTheme: SpreadsheetTheme;
+export declare const ARROW_DOWN_ICON_PATH = "M7 10l5 5 5-5z";
+export declare const ARROW_DOWN_WIDTH = 16;
+export declare const ARROW_DOWN_COLOR = "#808080";
+export declare const CHIP_SPACING = 2.5;
+export declare const CHIP_HEIGHT = 18;
+export declare const CHIP_RADIUS = 4;
+export declare const CHIP_COLOR = "#ddd";
+export declare const CHIP_COLOR_DARK = "#444";
+export declare const CALCULATED_ICON_WIDTH = 10;
+export declare const CALCULATED_ICON_HEIGHT = 16;
+export declare const FITLER_ICON_PATH = "M7.41 8.59 12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z";
+export declare const FUNNEL_ICON_PATH = "M19 6h-14c-1.1 0-1.4.6-.6 1.4l4.2 4.2c.8.8 1.4 2.3 1.4 3.4v5l4-2v-3.5c0-.8.6-2.1 1.4-2.9l4.2-4.2c.8-.8.5-1.4-.6-1.4z";
+export declare const FILTER_ICON_WIDTH = 15;
+export declare const CHECKBOX_ICON_PATH = "M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z";
+export declare const CHECKBOX_CHECKED_ICON_PATH = "M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z";
+export declare const CHECKBOX_ICON_COLOR = "#808080";
+export declare const CHECKBOX_ICON_ACTIVE_COLOR = "#444";
+export declare const CHECKBOX_ICON_WIDTH = 16;
+export declare const EXPAND_ICON_PATH = "M11 5h2v6h6v2h-6v6h-2v-6H5v-2h6V5z";
+export declare const COLLAPSE_ICON_PATH = "M5 11h14v2H5v-2z";
+export declare const EXPAND_COLLAPSE_ICON_WIDTH = 12;
+export declare const CF_ICON_WIDTH = 14;
+export declare const CF_ICON_SPACING = 4;
+export declare const HEADER_MENU_DIM = 15;
+export declare const INVALID_COLOR = "#FF5621";
+export declare const ERROR_COLOR = "#ff0000";
+export declare const NOTE_COLOR = "#E68500";
+export declare const COMMENT_COLOR = "#FAB00B";
+export declare const DEFAULT_CELL_INPUT_LINE_HEIGHT = "23px";
+export declare const FORMULA_BAR_HEIGHT = 23;
+export declare const SCROLLBAR_SIZE = 13;
+export declare const SCROLLBAR_SIZE_FIREFOX = 16;
+export declare const CONDITION_LABELS: Array<{
+    condition: (typeof CONDITION_TYPES)[number];
+    label: string;
+}>;
+export declare const CONDITION_NONE = "NONE";
+export declare const VALIDATION_CONDITION_LABELS: typeof CONDITION_LABELS;
+export declare const BLANK_LABEL = "(Blanks)";
+export declare const EMAIL_REGEX: RegExp;
+export declare const URL_REGEX: RegExp;
+export declare const IndexedColors: readonly string[];
+//# sourceMappingURL=config.d.ts.map

package/dist/esm/config.d.ts.map

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

package/dist/esm/config.js

@@ -0,0 +1,266 @@
+import { availableThemes } from "./themes";
+export const DEFAULT_ACTIVE_CELL = Object.freeze({
+    rowIndex: 1,
+    columnIndex: 1,
+});
+export const DEFAULT_SELECTIONS = Object.freeze([]);
+export const DEFAULT_ARRAY = [];
+export const FROZEN_EMPTY_ARRAY = DEFAULT_SELECTIONS;
+export const DEFAULT_SCROLL_POSITION = Object.freeze({
+    scrollLeft: 0,
+    scrollTop: 0,
+});
+// Max row count allowed by excel
+export const MAX_ROW_COUNT = 1_048_576;
+// Max column count allowed by excel
+export const MAX_COLUMN_COUNT = 16_384;
+// default counts
+export const DEFAULT_ROW_COUNT = 1000;
+export const DEFAULT_COLUMN_COUNT = 100;
+export const DEFAULT_FONT_SIZE_PT = 10;
+export const DEFAULT_ROW_HEIGHT = 21;
+export const DEFAULT_COLUMN_WIDTH = 100;
+export const ROW_HEADER_WIDTH = 46;
+export const COLUMN_HEADER_HEIGHT = 24;
+// Outline gutter: pixels added per outline level. The gutter sits to
+// the LEFT of the row-number column (or ABOVE column letters) when a
+// sheet has any grouped rows / columns. Width = `levels *
+// OUTLINE_GUTTER_LEVEL_PX + OUTLINE_GUTTER_PAD_PX`. Lane size must be
+// >= the level-selector button size or the lanes' buttons will overlap.
+export const OUTLINE_GUTTER_LEVEL_PX = 17;
+export const OUTLINE_GUTTER_PAD_PX = 4;
+export const DEFAULT_CELL_SPACING = 2.5;
+export const INDENT_SPACING = 4;
+export const MIN_COLUMN_WIDTH = 24;
+export const CELL_VERTICAL_ALIGNMENT = "bottom";
+export const CELL_HORIZONTAL_ALIGNMENT = "left";
+export const EDITOR_VERTICAL_ALIGNMENT = "flex-end";
+export const EDITOR_FORMULA_VERTICAL_ALIGNMENT = "flex-start";
+export const FORMULA_FONT_CONFIG = Object.freeze({
+    fontFamily: "var(--rnc-formula-font-family)",
+    fontSize: 14,
+});
+export const DEFAULT_TEXT_FORMAT = Object.freeze({
+    fontSize: 10,
+});
+export const DEFAULT_CELL_FORMAT = Object.freeze({
+    textFormat: DEFAULT_TEXT_FORMAT,
+});
+export const HEADER_TEXT_FORMAT = Object.freeze({
+    fontSize: 10,
+    fontFamily: "var(--rnc-header-font-family)",
+});
+// Colors
+export const DEFAULT_CELL_COLOR = "#333333";
+export const DEFAULT_CELL_COLOR_DARK = "#ffffff";
+export const DEFAULT_CELL_BACKGROUND_COLOR = "#ffffff";
+export const DEFAULT_CELL_BACKGROUND_COLOR_DARK = "rgb(3,7,17)";
+export const GRIDLINE_COLOR = "rgb(218, 218, 218)";
+export const GRIDLINE_COLOR_DARK = "rgb(58,59,62)";
+export const DEFAULT_HEADER_COLOR = "#333333";
+export const DEFAULT_HEADER_COLOR_DARK = "#ffffff";
+export const DEFAULT_HEADER_BORDER_COLOR = "rgb(183, 187, 184)";
+export const DEFAULT_HEADER_BORDER_COLOR_DARK = "rgb(80, 80, 80)";
+export const DEFAULT_HEADER_BG = "rgb(248,249,250)";
+export const DEFAULT_HEADER_BG_DARK = "rgb(48,49,52)";
+export const DEFAULT_HEADER_ACTIVE_BG = "rgb(233,234,237)";
+export const DEFAULT_HEADER_ACTIVE_BG_DARK = "rgb(71,71,73)";
+export const DEFAULT_HEADER_SELECTED_BG = "rgb(96,99,104)";
+export const DEFAULT_HEADER_TABLE_BG = "rgb(233,244,235)";
+export const DEFAULT_HEADER_TABLE_BG_DARK = "rgb(26, 54, 28)";
+export const DEFAULT_HEADER_ACTIVE_TABLE_BG = "rgb(211,233,215)";
+export const DEFAULT_HEADER_ACTIVE_TABLE_BG_DARK = "rgb(19, 41, 21)";
+export const DEFAULT_HEADER_SELECTED_TABLE_BG = "rgb(60,126,64)";
+export const SELECTION_BG = "rgb(14, 101, 235, 0.1)";
+export const SELECTION_BORDER = "#1a73e8";
+// Embed/Charts
+export const DEFAULT_OVERLAY_POSITION = {
+    anchorCell: DEFAULT_ACTIVE_CELL,
+    heightPixels: 400,
+    widthPixels: 400,
+};
+// Theme
+export const defaultSpreadsheetTheme = availableThemes[0];
+// List arrow
+export const ARROW_DOWN_ICON_PATH = "M7 10l5 5 5-5z";
+export const ARROW_DOWN_WIDTH = 16;
+export const ARROW_DOWN_COLOR = "#808080";
+// Chip
+export const CHIP_SPACING = 2.5;
+export const CHIP_HEIGHT = 18;
+export const CHIP_RADIUS = 4;
+export const CHIP_COLOR = "#ddd";
+export const CHIP_COLOR_DARK = "#444";
+// Calculated column
+export const CALCULATED_ICON_WIDTH = 10;
+export const CALCULATED_ICON_HEIGHT = 16;
+// Filter
+export const FITLER_ICON_PATH = "M7.41 8.59 12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z";
+export const FUNNEL_ICON_PATH = "M19 6h-14c-1.1 0-1.4.6-.6 1.4l4.2 4.2c.8.8 1.4 2.3 1.4 3.4v5l4-2v-3.5c0-.8.6-2.1 1.4-2.9l4.2-4.2c.8-.8.5-1.4-.6-1.4z";
+export const FILTER_ICON_WIDTH = 15;
+// Checkbox
+export const CHECKBOX_ICON_PATH = "M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z";
+export const CHECKBOX_CHECKED_ICON_PATH = "M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z";
+export const CHECKBOX_ICON_COLOR = "#808080";
+export const CHECKBOX_ICON_ACTIVE_COLOR = "#444";
+export const CHECKBOX_ICON_WIDTH = 16;
+// Collapsible icon
+export const EXPAND_ICON_PATH = "M11 5h2v6h6v2h-6v6h-2v-6H5v-2h6V5z";
+export const COLLAPSE_ICON_PATH = "M5 11h14v2H5v-2z";
+export const EXPAND_COLLAPSE_ICON_WIDTH = 12;
+// Conditional format iconSet glyph reserved on the left of the cell
+export const CF_ICON_WIDTH = 14;
+export const CF_ICON_SPACING = 4;
+// Header menu
+export const HEADER_MENU_DIM = 15;
+// Invalid cell
+export const INVALID_COLOR = "#FF5621";
+// Error cell
+export const ERROR_COLOR = "#ff0000";
+// Note cell
+export const NOTE_COLOR = "#E68500";
+// Comment cell
+export const COMMENT_COLOR = "#FAB00B";
+// CellInput
+export const DEFAULT_CELL_INPUT_LINE_HEIGHT = "23px";
+// Formula bar
+export const FORMULA_BAR_HEIGHT = 23;
+// Scrollbar
+export const SCROLLBAR_SIZE = 13;
+export const SCROLLBAR_SIZE_FIREFOX = 16;
+export const CONDITION_LABELS = [
+    { condition: "NUMBER_GREATER", label: "Greater than" },
+    { condition: "NUMBER_GREATER_THAN_EQ", label: "Greater than or equal to" },
+    { condition: "NUMBER_LESS", label: "Less than" },
+    { condition: "NUMBER_LESS_THAN_EQ", label: "Less than or equal to" },
+    { condition: "NUMBER_EQ", label: "Equal to" },
+    { condition: "NUMBER_NOT_EQ", label: "Not equal to" },
+    { condition: "NUMBER_BETWEEN", label: "Between" },
+    { condition: "NUMBER_NOT_BETWEEN", label: "Not between" },
+    { condition: "NUMBER_ABOVE_AVERAGE", label: "Above average" },
+    { condition: "NUMBER_BELOW_AVERAGE", label: "Below average" },
+    { condition: "TEXT_CONTAINS", label: "Text contains" },
+    { condition: "TEXT_NOT_CONTAINS", label: "Text does not contain" },
+    { condition: "TEXT_STARTS_WITH", label: "Text starts with" },
+    { condition: "TEXT_ENDS_WITH", label: "Text ends with" },
+    { condition: "TEXT_EQ", label: "Text is exactly" },
+    { condition: "TEXT_NOT_EQ", label: "Text is not equal" },
+    { condition: "TEXT_IS_EMAIL", label: "Text is email" },
+    { condition: "TEXT_IS_URL", label: "Text is URL" },
+    { condition: "DATE_EQ", label: "Date is equal to" },
+    { condition: "DATE_BEFORE", label: "Date is before" },
+    { condition: "DATE_AFTER", label: "Date is after" },
+    { condition: "DATE_ON_OR_BEFORE", label: "Date is on or before" },
+    { condition: "DATE_ON_OR_AFTER", label: "Date is on or after" },
+    { condition: "DATE_BETWEEN", label: "Date is between" },
+    { condition: "DATE_NOT_BETWEEN", label: "Date is not between" },
+    { condition: "DATE_IS_VALID", label: "Date is valid" },
+    { condition: "DATE_TODAY", label: "Today" },
+    { condition: "DATE_YESTERDAY", label: "Yesterday" },
+    { condition: "DATE_TOMORROW", label: "Tomorrow" },
+    { condition: "DATE_LAST_7_DAYS", label: "Last 7 days" },
+    { condition: "DATE_LAST_WEEK", label: "Last week" },
+    { condition: "DATE_THIS_WEEK", label: "This week" },
+    { condition: "DATE_NEXT_WEEK", label: "Next week" },
+    { condition: "DATE_LAST_MONTH", label: "Last month" },
+    { condition: "DATE_THIS_MONTH", label: "This month" },
+    { condition: "DATE_NEXT_MONTH", label: "Next month" },
+    { condition: "BLANK", label: "Is empty" },
+    { condition: "NOT_BLANK", label: "Is not empty" },
+    { condition: "ERROR", label: "Errors" },
+    { condition: "NOT_ERROR", label: "No errors" },
+    { condition: "CUSTOM_FORMULA", label: "Custom formula" },
+];
+export const CONDITION_NONE = "NONE";
+export const VALIDATION_CONDITION_LABELS = [
+    {
+        condition: "ONE_OF_LIST",
+        label: "Dropdown",
+    },
+    {
+        condition: "ONE_OF_RANGE",
+        label: "Dropdown (from a range)",
+    },
+    {
+        condition: "BOOLEAN",
+        label: "Checkbox",
+    },
+    ...CONDITION_LABELS,
+];
+export const BLANK_LABEL = "(Blanks)";
+export const EMAIL_REGEX = /(?:[a-z0-9!#$%&'*+\/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+\/=?^_`{|}~-]+)*|"(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21\x23-\x5b\x5d-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])*")@(?:(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?|\[(?:(?:(2(5[0-5]|[0-4][0-9])|1[0-9][0-9]|[1-9]?[0-9]))\.){3}(?:(2(5[0-5]|[0-4][0-9])|1[0-9][0-9]|[1-9]?[0-9])|[a-z0-9-]*[a-z0-9]:(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21-\x5a\x53-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])+)\])/;
+export const URL_REGEX = /^https?:\/\/(?:www\.)?[-a-zA-Z0-9@:%._\+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b(?:[-a-zA-Z0-9()@:%_\+.~#?&\/=]*)$/;
+export const IndexedColors = Object.freeze([
+    // 0-7
+    "#000000",
+    "#FFFFFF",
+    "#FF0000",
+    "#00FF00",
+    "#0000FF",
+    "#FFFF00",
+    "#FF00FF",
+    "#00FFFF",
+    // 8-15
+    "#000000",
+    "#FFFFFF",
+    "#FF0000",
+    "#00FF00",
+    "#0000FF",
+    "#FFFF00",
+    "#FF00FF",
+    "#00FFFF",
+    // 16-23
+    "#800000",
+    "#008000",
+    "#000080",
+    "#808000",
+    "#800080",
+    "#008080",
+    "#C0C0C0",
+    "#808080",
+    // 24-31
+    "#9999FF",
+    "#993366",
+    "#FFFFCC",
+    "#CCFFFF",
+    "#660066",
+    "#FF8080",
+    "#0066CC",
+    "#CCCCFF",
+    // 32-39
+    "#000080",
+    "#FF00FF",
+    "#FFFF00",
+    "#00FFFF",
+    "#800080",
+    "#800000",
+    "#008080",
+    "#0000FF",
+    // 40-47
+    "#00CCFF",
+    "#CCFFFF",
+    "#CCFFCC",
+    "#FFFF99",
+    "#99CCFF",
+    "#FF99CC",
+    "#CC99FF",
+    "#FFCC99",
+    // 48-55
+    "#3366FF",
+    "#33CCCC",
+    "#99CC00",
+    "#FFCC00",
+    "#FF9900",
+    "#FF6600",
+    "#666699",
+    "#969696",
+    // 56-63
+    "#003366",
+    "#339966",
+    "#003300",
+    "#333300",
+    "#993300",
+    "#993366",
+    "#333399",
+    "#333333",
+]);

package/dist/esm/helpers/merged-cell-borders.d.ts

@@ -0,0 +1,26 @@
+import type { CellInterface } from "@rowsncolumns/grid";
+import type { CellFormat } from "../types";
+type CellBounds = {
+    startRowIndex: number;
+    endRowIndex: number;
+    startColumnIndex: number;
+    endColumnIndex: number;
+};
+/**
+ * Render-time borders for a cell, composing merged-cell boundary borders.
+ *
+ * A merged range is painted as a single rectangle read from its top-left
+ * anchor cell, but border formatting stays on the cells the user applied
+ * it to: the range's right border is stored on its right-edge cell and
+ * the bottom border on its bottom-edge cell (e.g. "Outer borders" around
+ * A1:C3 with A2:C2 merged stores the right edge on C2, which anchor A2
+ * knows nothing about). Without this composition those edges never
+ * render. The anchor's own right/bottom borders are interior to the
+ * merged rectangle and are hidden, matching Excel.
+ *
+ * Rendering-only: stored cell formats are unchanged, so unmerging
+ * restores the original per-cell borders and exports are unaffected.
+ */
+export declare const getCellBordersForRendering: (sheetId: number, cell: CellInterface, isMergedCell: boolean | undefined, getCellBounds: (cell: CellInterface) => CellBounds, getEffectiveCellFormat: (sheetId: number, rowIndex: number, columnIndex: number) => CellFormat | undefined | null) => CellFormat["borders"];
+export {};
+//# sourceMappingURL=merged-cell-borders.d.ts.map

package/dist/esm/helpers/merged-cell-borders.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"merged-cell-borders.d.ts","sourceRoot":"","sources":["../../../helpers/merged-cell-borders.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAExD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAE3C,KAAK,UAAU,GAAG;IAChB,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;IACpB,gBAAgB,EAAE,MAAM,CAAC;IACzB,cAAc,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,0BAA0B,GACrC,SAAS,MAAM,EACf,MAAM,aAAa,EACnB,cAAc,OAAO,GAAG,SAAS,EACjC,eAAe,CAAC,IAAI,EAAE,aAAa,KAAK,UAAU,EAClD,wBAAwB,CACtB,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,MAAM,EAChB,WAAW,EAAE,MAAM,KAChB,UAAU,GAAG,SAAS,GAAG,IAAI,KACjC,UAAU,CAAC,SAAS,CA2CtB,CAAC"}

package/dist/esm/helpers/merged-cell-borders.js

@@ -0,0 +1,42 @@
+/**
+ * Render-time borders for a cell, composing merged-cell boundary borders.
+ *
+ * A merged range is painted as a single rectangle read from its top-left
+ * anchor cell, but border formatting stays on the cells the user applied
+ * it to: the range's right border is stored on its right-edge cell and
+ * the bottom border on its bottom-edge cell (e.g. "Outer borders" around
+ * A1:C3 with A2:C2 merged stores the right edge on C2, which anchor A2
+ * knows nothing about). Without this composition those edges never
+ * render. The anchor's own right/bottom borders are interior to the
+ * merged rectangle and are hidden, matching Excel.
+ *
+ * Rendering-only: stored cell formats are unchanged, so unmerging
+ * restores the original per-cell borders and exports are unaffected.
+ */
+export const getCellBordersForRendering = (sheetId, cell, isMergedCell, getCellBounds, getEffectiveCellFormat) => {
+    const anchorBorders = getEffectiveCellFormat(sheetId, cell.rowIndex, cell.columnIndex)?.borders;
+    if (!isMergedCell) {
+        return anchorBorders;
+    }
+    const bounds = getCellBounds(cell);
+    // Effective-format resolution is expensive (conditional formats, table
+    // banding, deep merge), so skip boundary lookups that resolve to the
+    // anchor itself: in a single-column merge the right edge is the anchor's
+    // own column, in a single-row merge the bottom edge is the anchor's row.
+    const right = bounds.endColumnIndex === cell.columnIndex
+        ? anchorBorders?.right
+        : getEffectiveCellFormat(sheetId, bounds.startRowIndex, bounds.endColumnIndex)?.borders?.right;
+    const bottom = bounds.endRowIndex === cell.rowIndex
+        ? anchorBorders?.bottom
+        : getEffectiveCellFormat(sheetId, bounds.endRowIndex, bounds.startColumnIndex)?.borders?.bottom;
+    // Composition runs on every paint; skip the allocation when it would
+    // reproduce the anchor's borders unchanged.
+    if (right === anchorBorders?.right && bottom === anchorBorders?.bottom) {
+        return anchorBorders;
+    }
+    return {
+        ...anchorBorders,
+        right,
+        bottom,
+    };
+};