@rowsncolumns/spreadsheet-state 29.1.1 → 29.1.2

package/dist/cjs/atoms/editing-data-validation-id.atom.d.ts

@@ -1,7 +1,22 @@
+import type { DataValidationRuleRecord } from "@rowsncolumns/spreadsheet";
 export declare const editingDataValidationId: import("jotai").PrimitiveAtom<string | number | undefined> & {
     init: string | number | undefined;
 };
 export declare const useEditingDataValidationIdValue: () => string | number | undefined;
 export declare const useSetEditingDataValidationId: () => (args_0: string | number | ((prev: string | number | undefined) => string | number | undefined) | undefined) => void;
 export declare const useEditingDataValidationIdState: () => [string | number | undefined, (args_0: string | number | ((prev: string | number | undefined) => string | number | undefined) | undefined) => void];
+/**
+ * A data-validation rule the editor is composing that does NOT exist in the
+ * document yet — Excel's Data Validation dialog is transactional (nothing is
+ * written until OK). Insert → Dropdown / the ribbon's Data Validation button
+ * seed this atom instead of creating the rule; the `DataValidationEditor`
+ * resolves the editing id against it when no persisted rule matches, creates
+ * it on Save and discards it on Cancel / close.
+ */
+export declare const draftDataValidationRule: import("jotai").PrimitiveAtom<DataValidationRuleRecord | undefined> & {
+    init: DataValidationRuleRecord | undefined;
+};
+export declare const useDraftDataValidationRuleValue: () => DataValidationRuleRecord | undefined;
+export declare const useSetDraftDataValidationRule: () => (args_0: DataValidationRuleRecord | ((prev: DataValidationRuleRecord | undefined) => DataValidationRuleRecord | undefined) | undefined) => void;
+export declare const useDraftDataValidationRuleState: () => [DataValidationRuleRecord | undefined, (args_0: DataValidationRuleRecord | ((prev: DataValidationRuleRecord | undefined) => DataValidationRuleRecord | undefined) | undefined) => void];
 //# sourceMappingURL=editing-data-validation-id.atom.d.ts.map

package/dist/cjs/atoms/editing-data-validation-id.atom.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"editing-data-validation-id.atom.d.ts","sourceRoot":"","sources":["../../../atoms/editing-data-validation-id.atom.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,uBAAuB;;CAExB,CAAC;AAEb,eAAO,MAAM,+BAA+B,mCACL,CAAC;AAExC,eAAO,MAAM,6BAA6B,4HACL,CAAC;AAEtC,eAAO,MAAM,+BAA+B,2JACV,CAAC"}
+{"version":3,"file":"editing-data-validation-id.atom.d.ts","sourceRoot":"","sources":["../../../atoms/editing-data-validation-id.atom.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,2BAA2B,CAAC;AAI1E,eAAO,MAAM,uBAAuB;;CAExB,CAAC;AAEb,eAAO,MAAM,+BAA+B,mCACL,CAAC;AAExC,eAAO,MAAM,6BAA6B,4HACL,CAAC;AAEtC,eAAO,MAAM,+BAA+B,2JACV,CAAC;AAEnC;;;;;;;GAOG;AACH,eAAO,MAAM,uBAAuB;;CAExB,CAAC;AAEb,eAAO,MAAM,+BAA+B,4CACL,CAAC;AAExC,eAAO,MAAM,6BAA6B,uJACL,CAAC;AAEtC,eAAO,MAAM,+BAA+B,+LACV,CAAC"}

package/dist/cjs/atoms/editing-data-validation-id.atom.js

@@ -10,3 +10,21 @@ export var useSetEditingDataValidationId = function () {
 export var useEditingDataValidationIdState = function () {
     return useAtom(editingDataValidationId);
 };
+/**
+ * A data-validation rule the editor is composing that does NOT exist in the
+ * document yet — Excel's Data Validation dialog is transactional (nothing is
+ * written until OK). Insert → Dropdown / the ribbon's Data Validation button
+ * seed this atom instead of creating the rule; the `DataValidationEditor`
+ * resolves the editing id against it when no persisted rule matches, creates
+ * it on Save and discards it on Cancel / close.
+ */
+export var draftDataValidationRule = atom(undefined);
+export var useDraftDataValidationRuleValue = function () {
+    return useAtomValue(draftDataValidationRule);
+};
+export var useSetDraftDataValidationRule = function () {
+    return useSetAtom(draftDataValidationRule);
+};
+export var useDraftDataValidationRuleState = function () {
+    return useAtom(draftDataValidationRule);
+};

package/dist/cjs/components/editors/data-validation-editor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"data-validation-editor.d.ts","sourceRoot":"","sources":["../../../../components/editors/data-validation-editor.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EACV,eAAe,EACf,wBAAwB,EACzB,MAAM,2BAA2B,CAAC;AAoBnC,OAAO,KAA4D,MAAM,OAAO,CAAC;AAIjF,OAAO,KAAK,EACV,mBAAmB,EACnB,mBAAmB,EACpB,MAAM,mCAAmC,CAAC;AAQ3C,KAAK,yBAAyB,GAAG;IAC/B,eAAe,CAAC,EAAE,wBAAwB,EAAE,CAAC;IAC7C,OAAO,EAAE,MAAM,CAAC;IAChB,oBAAoB,CAAC,EAAE,eAAe,CAAC,sBAAsB,CAAC,CAAC;IAC/D,aAAa,EAAE,UAAU,CACvB,OAAO,mBAAmB,CAC3B,CAAC,6BAA6B,CAAC,CAAC;IACjC,YAAY,EAAE,UAAU,CACtB,OAAO,mBAAmB,CAC3B,CAAC,4BAA4B,CAAC,CAAC;IAChC,YAAY,EAAE,UAAU,CACtB,OAAO,mBAAmB,CAC3B,CAAC,4BAA4B,CAAC,CAAC;IAChC,YAAY,EAAE,UAAU,CACtB,OAAO,mBAAmB,CAC3B,CAAC,4BAA4B,CAAC,CAAC;IAChC;;OAEG;IACH,kBAAkB,CAAC,EAAE,mBAAmB,CAAC,oBAAoB,CAAC,CAAC;CAChE,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,GAAI,kIASlC,yBAAyB,sBA+O3B,CAAC;AAEF,eAAO,MAAM,0BAA0B,GAAI,eAExC;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,sBAyBA,CAAC"}
+{"version":3,"file":"data-validation-editor.d.ts","sourceRoot":"","sources":["../../../../components/editors/data-validation-editor.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EACV,eAAe,EACf,wBAAwB,EACzB,MAAM,2BAA2B,CAAC;AAoBnC,OAAO,KAAkD,MAAM,OAAO,CAAC;AAOvE,OAAO,KAAK,EACV,mBAAmB,EACnB,mBAAmB,EACpB,MAAM,mCAAmC,CAAC;AAQ3C,KAAK,yBAAyB,GAAG;IAC/B,eAAe,CAAC,EAAE,wBAAwB,EAAE,CAAC;IAC7C,OAAO,EAAE,MAAM,CAAC;IAChB,oBAAoB,CAAC,EAAE,eAAe,CAAC,sBAAsB,CAAC,CAAC;IAC/D,aAAa,EAAE,UAAU,CACvB,OAAO,mBAAmB,CAC3B,CAAC,6BAA6B,CAAC,CAAC;IACjC,YAAY,EAAE,UAAU,CACtB,OAAO,mBAAmB,CAC3B,CAAC,4BAA4B,CAAC,CAAC;IAChC,YAAY,EAAE,UAAU,CACtB,OAAO,mBAAmB,CAC3B,CAAC,4BAA4B,CAAC,CAAC;IAChC,YAAY,EAAE,UAAU,CACtB,OAAO,mBAAmB,CAC3B,CAAC,4BAA4B,CAAC,CAAC;IAChC;;OAEG;IACH,kBAAkB,CAAC,EAAE,mBAAmB,CAAC,oBAAoB,CAAC,CAAC;CAChE,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,GAAI,kIASlC,yBAAyB,sBAoP3B,CAAC;AAEF,eAAO,MAAM,0BAA0B,GAAI,eAExC;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,sBAyBA,CAAC"}

package/dist/cjs/components/editors/data-validation-editor.js

@@ -3,9 +3,9 @@ import { CopyIcon, Cross2Icon, Pencil2Icon, PlusIcon, TrashIcon, } from "@rowsnc
 import { CONDITION_LABELS, getUserSelections, useFocusSheet, useFormulaRangeHelpers, useSpreadsheetApi, } from "@rowsncolumns/spreadsheet";
 import { Button, Dialog, DialogBody, DialogCloseButton, DialogContent, DialogTitle, IconButton, Separator, Stack, } from "@rowsncolumns/ui";
 import { uuid } from "@rowsncolumns/utils";
-import React, { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import React, { useCallback, useEffect, useMemo, useRef } from "react";
 import { useDataValidationDialogState } from "../../atoms/dialog-state.atom";
-import { useEditingDataValidationIdState } from "../../atoms/editing-data-validation-id.atom";
+import { useDraftDataValidationRuleState, useEditingDataValidationIdState, } from "../../atoms/editing-data-validation-id.atom";
 import { DataValidationRuleEditor } from "./data-validation-rule-editor";
 import { SheetFilterEmptyState, SheetFilterSelect, useSheetFilter, } from "./sheet-filter";
 /**
@@ -16,10 +16,12 @@ import { SheetFilterEmptyState, SheetFilterSelect, useSheetFilter, } from "./she
 export var DataValidationEditor = function (_a) {
     var sheetId = _a.sheetId, dataValidations = _a.dataValidations, functionDescriptions = _a.functionDescriptions, idCreationStrategy = _a.idCreationStrategy, onDeleteRules = _a.onDeleteRules, onDeleteRule = _a.onDeleteRule, onCreateRule = _a.onCreateRule, onUpdateRule = _a.onUpdateRule;
     var _b = __read(useEditingDataValidationIdState(), 2), editingId = _b[0], setEditingId = _b[1];
-    // Deferred create: "Add rule" holds the new rule as a local draft and only persists
-    // it on Save — Excel's dialog is transactional (no rule exists until OK), and an
-    // eagerly-created stub would survive Cancel/close as a blank, conditionless rule.
-    var _c = __read(useState(), 2), draftRule = _c[0], setDraftRule = _c[1];
+    // Deferred create: "Add rule" and the seeded openers (Insert → Dropdown, the ribbon's
+    // Data Validation button via `useOnRequestDataValidation`) hold the new rule as a draft
+    // and only persist it on Save — Excel's dialog is transactional (no rule exists until
+    // OK), and an eagerly-created stub would survive Cancel/close as a real rule (a blank
+    // conditionless one, or a placeholder list that rejects every existing cell value).
+    var _c = __read(useDraftDataValidationRuleState(), 2), draftRule = _c[0], setDraftRule = _c[1];
     var api = useSpreadsheetApi();
     var rangeToFormula = useFormulaRangeHelpers({
         sheetId: sheetId,
@@ -74,19 +76,22 @@ export var DataValidationEditor = function (_a) {
             ? draftRule
             : dataValidations === null || dataValidations === void 0 ? void 0 : dataValidations.find(function (rule) { return rule.id === editingId; });
     }, [dataValidations, editingId, draftRule]);
-    // The editing id lives in a shared atom that outlives this editor. If the dialog
-    // closes while a draft is being edited, clear it on unmount — otherwise reopening
-    // the dialog resolves an id with no rule, hiding the Add rule / Remove all footer.
+    // The editing id and the draft live in shared atoms that outlive this editor. If the
+    // dialog closes while a draft is being edited, clear both on unmount — otherwise
+    // reopening the dialog resumes the abandoned draft instead of showing the rule list.
     var unmountCleanupRef = useRef({ editingId: undefined, draftId: undefined });
     useEffect(function () {
         unmountCleanupRef.current = { editingId: editingId, draftId: draftRule === null || draftRule === void 0 ? void 0 : draftRule.id };
     }, [editingId, draftRule]);
     useEffect(function () { return function () {
         var _a = unmountCleanupRef.current, editingId = _a.editingId, draftId = _a.draftId;
-        if (draftId !== undefined && editingId === draftId) {
-            setEditingId(undefined);
+        if (draftId !== undefined) {
+            setDraftRule(undefined);
+            if (editingId === draftId) {
+                setEditingId(undefined);
+            }
         }
-    }; }, [setEditingId]);
+    }; }, [setEditingId, setDraftRule]);
     var unMark = function () {
         api === null || api === void 0 ? void 0 : api.unmark();
     };

package/dist/cjs/hooks/use-on-request-data-validation.d.ts

@@ -2,6 +2,13 @@ import type { useDataValidationRules } from "./use-data-validation-rules";
 type UseOnRequestDataValidationProps = {
     onCreateDataValidationRule?: ReturnType<typeof useDataValidationRules>["onCreateDataValidationRule"];
 };
+/**
+ * Opens the Data Validation dialog. A seeded rule is NOT written to the document
+ * while the dialog is showing it: Excel's dialog is transactional (nothing exists
+ * until OK), so the rule is handed to the editor as a draft that Save creates and
+ * Cancel / close discards. Only a seeded rule with the edit UI suppressed
+ * (Insert → Checkbox) is created immediately — there is no dialog to confirm it.
+ */
 export declare const useOnRequestDataValidation: ({ onCreateDataValidationRule, }: UseOnRequestDataValidationProps) => (sheetId: number, activeCell: import("@rowsncolumns/grid").CellInterface, selections: import("@rowsncolumns/grid").SelectionArea<import("@rowsncolumns/spreadsheet").SelectionAttributes>[], initialDataValidationRule?: import("@rowsncolumns/common-types").DataValidationRuleRecord, showEditUI?: boolean) => void;
 export {};
 //# sourceMappingURL=use-on-request-data-validation.d.ts.map

package/dist/cjs/hooks/use-on-request-data-validation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-on-request-data-validation.d.ts","sourceRoot":"","sources":["../../../hooks/use-on-request-data-validation.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AAE1E,KAAK,+BAA+B,GAAG;IACrC,0BAA0B,CAAC,EAAE,UAAU,CACrC,OAAO,sBAAsB,CAC9B,CAAC,4BAA4B,CAAC,CAAC;CACjC,CAAC;AAEF,eAAO,MAAM,0BAA0B,GAAI,iCAExC,+BAA+B,0TA4BjC,CAAC"}
+{"version":3,"file":"use-on-request-data-validation.d.ts","sourceRoot":"","sources":["../../../hooks/use-on-request-data-validation.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AAE1E,KAAK,+BAA+B,GAAG;IACrC,0BAA0B,CAAC,EAAE,UAAU,CACrC,OAAO,sBAAsB,CAC9B,CAAC,4BAA4B,CAAC,CAAC;CACjC,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,0BAA0B,GAAI,iCAExC,+BAA+B,0TAgCjC,CAAC"}

package/dist/cjs/hooks/use-on-request-data-validation.js

@@ -1,23 +1,35 @@
 import { useCallback } from "react";
 import { useSetDataValidationDialogAState } from "../atoms/dialog-state.atom";
-import { useSetEditingDataValidationId } from "../atoms/editing-data-validation-id.atom";
+import { useSetDraftDataValidationRule, useSetEditingDataValidationId, } from "../atoms/editing-data-validation-id.atom";
+/**
+ * Opens the Data Validation dialog. A seeded rule is NOT written to the document
+ * while the dialog is showing it: Excel's dialog is transactional (nothing exists
+ * until OK), so the rule is handed to the editor as a draft that Save creates and
+ * Cancel / close discards. Only a seeded rule with the edit UI suppressed
+ * (Insert → Checkbox) is created immediately — there is no dialog to confirm it.
+ */
 export var useOnRequestDataValidation = function (_a) {
     var onCreateDataValidationRule = _a.onCreateDataValidationRule;
     var onOpenChange = useSetDataValidationDialogAState();
     var setEditingDataValidationId = useSetEditingDataValidationId();
+    var setDraftDataValidationRule = useSetDraftDataValidationRule();
     return useCallback(function (sheetId, activeCell, selections, initialDataValidationRule, showEditUI) {
         if (showEditUI === void 0) { showEditUI = true; }
-        if (initialDataValidationRule) {
-            // Create a new rule
-            onCreateDataValidationRule === null || onCreateDataValidationRule === void 0 ? void 0 : onCreateDataValidationRule(initialDataValidationRule);
-        }
-        if (showEditUI) {
-            // Open dialog
-            onOpenChange(true);
+        if (!showEditUI) {
             if (initialDataValidationRule) {
-                // Set editing id
-                setEditingDataValidationId(initialDataValidationRule.id);
+                onCreateDataValidationRule === null || onCreateDataValidationRule === void 0 ? void 0 : onCreateDataValidationRule(initialDataValidationRule);
             }
+            return;
+        }
+        if (initialDataValidationRule) {
+            setDraftDataValidationRule(initialDataValidationRule);
+            setEditingDataValidationId(initialDataValidationRule.id);
         }
-    }, [onOpenChange, setEditingDataValidationId, onCreateDataValidationRule]);
+        onOpenChange(true);
+    }, [
+        onOpenChange,
+        setEditingDataValidationId,
+        setDraftDataValidationRule,
+        onCreateDataValidationRule,
+    ]);
 };

package/dist/esm/atoms/editing-data-validation-id.atom.d.ts

@@ -1,7 +1,22 @@
+import type { DataValidationRuleRecord } from "@rowsncolumns/spreadsheet";
 export declare const editingDataValidationId: import("jotai").PrimitiveAtom<string | number | undefined> & {
     init: string | number | undefined;
 };
 export declare const useEditingDataValidationIdValue: () => string | number | undefined;
 export declare const useSetEditingDataValidationId: () => (args_0: string | number | ((prev: string | number | undefined) => string | number | undefined) | undefined) => void;
 export declare const useEditingDataValidationIdState: () => [string | number | undefined, (args_0: string | number | ((prev: string | number | undefined) => string | number | undefined) | undefined) => void];
+/**
+ * A data-validation rule the editor is composing that does NOT exist in the
+ * document yet — Excel's Data Validation dialog is transactional (nothing is
+ * written until OK). Insert → Dropdown / the ribbon's Data Validation button
+ * seed this atom instead of creating the rule; the `DataValidationEditor`
+ * resolves the editing id against it when no persisted rule matches, creates
+ * it on Save and discards it on Cancel / close.
+ */
+export declare const draftDataValidationRule: import("jotai").PrimitiveAtom<DataValidationRuleRecord | undefined> & {
+    init: DataValidationRuleRecord | undefined;
+};
+export declare const useDraftDataValidationRuleValue: () => DataValidationRuleRecord | undefined;
+export declare const useSetDraftDataValidationRule: () => (args_0: DataValidationRuleRecord | ((prev: DataValidationRuleRecord | undefined) => DataValidationRuleRecord | undefined) | undefined) => void;
+export declare const useDraftDataValidationRuleState: () => [DataValidationRuleRecord | undefined, (args_0: DataValidationRuleRecord | ((prev: DataValidationRuleRecord | undefined) => DataValidationRuleRecord | undefined) | undefined) => void];
 //# sourceMappingURL=editing-data-validation-id.atom.d.ts.map

package/dist/esm/atoms/editing-data-validation-id.atom.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"editing-data-validation-id.atom.d.ts","sourceRoot":"","sources":["../../../atoms/editing-data-validation-id.atom.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,uBAAuB;;CAExB,CAAC;AAEb,eAAO,MAAM,+BAA+B,mCACL,CAAC;AAExC,eAAO,MAAM,6BAA6B,4HACL,CAAC;AAEtC,eAAO,MAAM,+BAA+B,2JACV,CAAC"}
+{"version":3,"file":"editing-data-validation-id.atom.d.ts","sourceRoot":"","sources":["../../../atoms/editing-data-validation-id.atom.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,2BAA2B,CAAC;AAI1E,eAAO,MAAM,uBAAuB;;CAExB,CAAC;AAEb,eAAO,MAAM,+BAA+B,mCACL,CAAC;AAExC,eAAO,MAAM,6BAA6B,4HACL,CAAC;AAEtC,eAAO,MAAM,+BAA+B,2JACV,CAAC;AAEnC;;;;;;;GAOG;AACH,eAAO,MAAM,uBAAuB;;CAExB,CAAC;AAEb,eAAO,MAAM,+BAA+B,4CACL,CAAC;AAExC,eAAO,MAAM,6BAA6B,uJACL,CAAC;AAEtC,eAAO,MAAM,+BAA+B,+LACV,CAAC"}

package/dist/esm/atoms/editing-data-validation-id.atom.js

@@ -4,3 +4,15 @@ export const editingDataValidationId = atom(undefined);
 export const useEditingDataValidationIdValue = () => useAtomValue(editingDataValidationId);
 export const useSetEditingDataValidationId = () => useSetAtom(editingDataValidationId);
 export const useEditingDataValidationIdState = () => useAtom(editingDataValidationId);
+/**
+ * A data-validation rule the editor is composing that does NOT exist in the
+ * document yet — Excel's Data Validation dialog is transactional (nothing is
+ * written until OK). Insert → Dropdown / the ribbon's Data Validation button
+ * seed this atom instead of creating the rule; the `DataValidationEditor`
+ * resolves the editing id against it when no persisted rule matches, creates
+ * it on Save and discards it on Cancel / close.
+ */
+export const draftDataValidationRule = atom(undefined);
+export const useDraftDataValidationRuleValue = () => useAtomValue(draftDataValidationRule);
+export const useSetDraftDataValidationRule = () => useSetAtom(draftDataValidationRule);
+export const useDraftDataValidationRuleState = () => useAtom(draftDataValidationRule);

package/dist/esm/components/editors/data-validation-editor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"data-validation-editor.d.ts","sourceRoot":"","sources":["../../../../components/editors/data-validation-editor.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EACV,eAAe,EACf,wBAAwB,EACzB,MAAM,2BAA2B,CAAC;AAoBnC,OAAO,KAA4D,MAAM,OAAO,CAAC;AAIjF,OAAO,KAAK,EACV,mBAAmB,EACnB,mBAAmB,EACpB,MAAM,mCAAmC,CAAC;AAQ3C,KAAK,yBAAyB,GAAG;IAC/B,eAAe,CAAC,EAAE,wBAAwB,EAAE,CAAC;IAC7C,OAAO,EAAE,MAAM,CAAC;IAChB,oBAAoB,CAAC,EAAE,eAAe,CAAC,sBAAsB,CAAC,CAAC;IAC/D,aAAa,EAAE,UAAU,CACvB,OAAO,mBAAmB,CAC3B,CAAC,6BAA6B,CAAC,CAAC;IACjC,YAAY,EAAE,UAAU,CACtB,OAAO,mBAAmB,CAC3B,CAAC,4BAA4B,CAAC,CAAC;IAChC,YAAY,EAAE,UAAU,CACtB,OAAO,mBAAmB,CAC3B,CAAC,4BAA4B,CAAC,CAAC;IAChC,YAAY,EAAE,UAAU,CACtB,OAAO,mBAAmB,CAC3B,CAAC,4BAA4B,CAAC,CAAC;IAChC;;OAEG;IACH,kBAAkB,CAAC,EAAE,mBAAmB,CAAC,oBAAoB,CAAC,CAAC;CAChE,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,GAAI,kIASlC,yBAAyB,sBA+O3B,CAAC;AAEF,eAAO,MAAM,0BAA0B,GAAI,eAExC;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,sBAyBA,CAAC"}
+{"version":3,"file":"data-validation-editor.d.ts","sourceRoot":"","sources":["../../../../components/editors/data-validation-editor.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EACV,eAAe,EACf,wBAAwB,EACzB,MAAM,2BAA2B,CAAC;AAoBnC,OAAO,KAAkD,MAAM,OAAO,CAAC;AAOvE,OAAO,KAAK,EACV,mBAAmB,EACnB,mBAAmB,EACpB,MAAM,mCAAmC,CAAC;AAQ3C,KAAK,yBAAyB,GAAG;IAC/B,eAAe,CAAC,EAAE,wBAAwB,EAAE,CAAC;IAC7C,OAAO,EAAE,MAAM,CAAC;IAChB,oBAAoB,CAAC,EAAE,eAAe,CAAC,sBAAsB,CAAC,CAAC;IAC/D,aAAa,EAAE,UAAU,CACvB,OAAO,mBAAmB,CAC3B,CAAC,6BAA6B,CAAC,CAAC;IACjC,YAAY,EAAE,UAAU,CACtB,OAAO,mBAAmB,CAC3B,CAAC,4BAA4B,CAAC,CAAC;IAChC,YAAY,EAAE,UAAU,CACtB,OAAO,mBAAmB,CAC3B,CAAC,4BAA4B,CAAC,CAAC;IAChC,YAAY,EAAE,UAAU,CACtB,OAAO,mBAAmB,CAC3B,CAAC,4BAA4B,CAAC,CAAC;IAChC;;OAEG;IACH,kBAAkB,CAAC,EAAE,mBAAmB,CAAC,oBAAoB,CAAC,CAAC;CAChE,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,GAAI,kIASlC,yBAAyB,sBAoP3B,CAAC;AAEF,eAAO,MAAM,0BAA0B,GAAI,eAExC;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,sBAyBA,CAAC"}

package/dist/esm/components/editors/data-validation-editor.js

@@ -2,9 +2,9 @@ import { CopyIcon, Cross2Icon, Pencil2Icon, PlusIcon, TrashIcon, } from "@rowsnc
 import { CONDITION_LABELS, getUserSelections, useFocusSheet, useFormulaRangeHelpers, useSpreadsheetApi, } from "@rowsncolumns/spreadsheet";
 import { Button, Dialog, DialogBody, DialogCloseButton, DialogContent, DialogTitle, IconButton, Separator, Stack, } from "@rowsncolumns/ui";
 import { uuid } from "@rowsncolumns/utils";
-import React, { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import React, { useCallback, useEffect, useMemo, useRef } from "react";
 import { useDataValidationDialogState } from "../../atoms/dialog-state.atom";
-import { useEditingDataValidationIdState } from "../../atoms/editing-data-validation-id.atom";
+import { useDraftDataValidationRuleState, useEditingDataValidationIdState, } from "../../atoms/editing-data-validation-id.atom";
 import { DataValidationRuleEditor } from "./data-validation-rule-editor";
 import { SheetFilterEmptyState, SheetFilterSelect, useSheetFilter, } from "./sheet-filter";
 /**
@@ -14,10 +14,12 @@ import { SheetFilterEmptyState, SheetFilterSelect, useSheetFilter, } from "./she
  */
 export const DataValidationEditor = ({ sheetId, dataValidations, functionDescriptions, idCreationStrategy, onDeleteRules, onDeleteRule, onCreateRule, onUpdateRule, }) => {
     const [editingId, setEditingId] = useEditingDataValidationIdState();
-    // Deferred create: "Add rule" holds the new rule as a local draft and only persists
-    // it on Save — Excel's dialog is transactional (no rule exists until OK), and an
-    // eagerly-created stub would survive Cancel/close as a blank, conditionless rule.
-    const [draftRule, setDraftRule] = useState();
+    // Deferred create: "Add rule" and the seeded openers (Insert → Dropdown, the ribbon's
+    // Data Validation button via `useOnRequestDataValidation`) hold the new rule as a draft
+    // and only persist it on Save — Excel's dialog is transactional (no rule exists until
+    // OK), and an eagerly-created stub would survive Cancel/close as a real rule (a blank
+    // conditionless one, or a placeholder list that rejects every existing cell value).
+    const [draftRule, setDraftRule] = useDraftDataValidationRuleState();
     const api = useSpreadsheetApi();
     const { rangeToFormula } = useFormulaRangeHelpers({
         sheetId,
@@ -73,19 +75,22 @@ export const DataValidationEditor = ({ sheetId, dataValidations, functionDescrip
     const activeRule = useMemo(() => draftRule && draftRule.id === editingId
         ? draftRule
         : dataValidations?.find((rule) => rule.id === editingId), [dataValidations, editingId, draftRule]);
-    // The editing id lives in a shared atom that outlives this editor. If the dialog
-    // closes while a draft is being edited, clear it on unmount — otherwise reopening
-    // the dialog resolves an id with no rule, hiding the Add rule / Remove all footer.
+    // The editing id and the draft live in shared atoms that outlive this editor. If the
+    // dialog closes while a draft is being edited, clear both on unmount — otherwise
+    // reopening the dialog resumes the abandoned draft instead of showing the rule list.
     const unmountCleanupRef = useRef({ editingId: undefined, draftId: undefined });
     useEffect(() => {
         unmountCleanupRef.current = { editingId, draftId: draftRule?.id };
     }, [editingId, draftRule]);
     useEffect(() => () => {
         const { editingId, draftId } = unmountCleanupRef.current;
-        if (draftId !== undefined && editingId === draftId) {
-            setEditingId(undefined);
+        if (draftId !== undefined) {
+            setDraftRule(undefined);
+            if (editingId === draftId) {
+                setEditingId(undefined);
+            }
         }
-    }, [setEditingId]);
+    }, [setEditingId, setDraftRule]);
     const unMark = () => {
         api?.unmark();
     };

package/dist/esm/hooks/use-on-request-data-validation.d.ts

@@ -2,6 +2,13 @@ import type { useDataValidationRules } from "./use-data-validation-rules";
 type UseOnRequestDataValidationProps = {
     onCreateDataValidationRule?: ReturnType<typeof useDataValidationRules>["onCreateDataValidationRule"];
 };
+/**
+ * Opens the Data Validation dialog. A seeded rule is NOT written to the document
+ * while the dialog is showing it: Excel's dialog is transactional (nothing exists
+ * until OK), so the rule is handed to the editor as a draft that Save creates and
+ * Cancel / close discards. Only a seeded rule with the edit UI suppressed
+ * (Insert → Checkbox) is created immediately — there is no dialog to confirm it.
+ */
 export declare const useOnRequestDataValidation: ({ onCreateDataValidationRule, }: UseOnRequestDataValidationProps) => (sheetId: number, activeCell: import("@rowsncolumns/grid").CellInterface, selections: import("@rowsncolumns/grid").SelectionArea<import("@rowsncolumns/spreadsheet").SelectionAttributes>[], initialDataValidationRule?: import("@rowsncolumns/common-types").DataValidationRuleRecord, showEditUI?: boolean) => void;
 export {};
 //# sourceMappingURL=use-on-request-data-validation.d.ts.map

package/dist/esm/hooks/use-on-request-data-validation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-on-request-data-validation.d.ts","sourceRoot":"","sources":["../../../hooks/use-on-request-data-validation.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AAE1E,KAAK,+BAA+B,GAAG;IACrC,0BAA0B,CAAC,EAAE,UAAU,CACrC,OAAO,sBAAsB,CAC9B,CAAC,4BAA4B,CAAC,CAAC;CACjC,CAAC;AAEF,eAAO,MAAM,0BAA0B,GAAI,iCAExC,+BAA+B,0TA4BjC,CAAC"}
+{"version":3,"file":"use-on-request-data-validation.d.ts","sourceRoot":"","sources":["../../../hooks/use-on-request-data-validation.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AAE1E,KAAK,+BAA+B,GAAG;IACrC,0BAA0B,CAAC,EAAE,UAAU,CACrC,OAAO,sBAAsB,CAC9B,CAAC,4BAA4B,CAAC,CAAC;CACjC,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,0BAA0B,GAAI,iCAExC,+BAA+B,0TAgCjC,CAAC"}

package/dist/esm/hooks/use-on-request-data-validation.js

@@ -1,21 +1,33 @@
 import { useCallback } from "react";
 import { useSetDataValidationDialogAState } from "../atoms/dialog-state.atom";
-import { useSetEditingDataValidationId } from "../atoms/editing-data-validation-id.atom";
+import { useSetDraftDataValidationRule, useSetEditingDataValidationId, } from "../atoms/editing-data-validation-id.atom";
+/**
+ * Opens the Data Validation dialog. A seeded rule is NOT written to the document
+ * while the dialog is showing it: Excel's dialog is transactional (nothing exists
+ * until OK), so the rule is handed to the editor as a draft that Save creates and
+ * Cancel / close discards. Only a seeded rule with the edit UI suppressed
+ * (Insert → Checkbox) is created immediately — there is no dialog to confirm it.
+ */
 export const useOnRequestDataValidation = ({ onCreateDataValidationRule, }) => {
     const onOpenChange = useSetDataValidationDialogAState();
     const setEditingDataValidationId = useSetEditingDataValidationId();
+    const setDraftDataValidationRule = useSetDraftDataValidationRule();
     return useCallback((sheetId, activeCell, selections, initialDataValidationRule, showEditUI = true) => {
-        if (initialDataValidationRule) {
-            // Create a new rule
-            onCreateDataValidationRule?.(initialDataValidationRule);
-        }
-        if (showEditUI) {
-            // Open dialog
-            onOpenChange(true);
+        if (!showEditUI) {
             if (initialDataValidationRule) {
-                // Set editing id
-                setEditingDataValidationId(initialDataValidationRule.id);
+                onCreateDataValidationRule?.(initialDataValidationRule);
             }
+            return;
+        }
+        if (initialDataValidationRule) {
+            setDraftDataValidationRule(initialDataValidationRule);
+            setEditingDataValidationId(initialDataValidationRule.id);
         }
-    }, [onOpenChange, setEditingDataValidationId, onCreateDataValidationRule]);
+        onOpenChange(true);
+    }, [
+        onOpenChange,
+        setEditingDataValidationId,
+        setDraftDataValidationRule,
+        onCreateDataValidationRule,
+    ]);
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rowsncolumns/spreadsheet-state",
-  "version": "29.1.1",
+  "version": "29.1.2",
   "main": "./dist/cjs/index.js",
   "module": "./dist/esm/index.js",
   "types": "./dist/esm/index.d.ts",