@fileverse-dev/fortune-react 1.3.13-create-3 → 1.3.13-create-5

package/lib/components/SheetOverlay/helper.js

@@ -9,14 +9,18 @@ exports.decrementColumn = decrementColumn;
 exports.decrementRow = decrementRow;
 exports.getCursorPosition = getCursorPosition;
 exports.getFunctionNameFromFormulaCaretSpans = getFunctionNameFromFormulaCaretSpans;
+exports.getSelectionOffsets = getSelectionOffsets;
 exports.incrementColumn = incrementColumn;
 exports.incrementRow = incrementRow;
+exports.isEditorUndoRedoKeyEvent = isEditorUndoRedoKeyEvent;
 exports.isLetterNumberPattern = isLetterNumberPattern;
 exports.moveCursorToEnd = moveCursorToEnd;
 exports.numberToColumn = numberToColumn;
 exports.removeLastSpan = removeLastSpan;
 exports.setCursorPosition = setCursorPosition;
+exports.setSelectionOffsets = setSelectionOffsets;
 exports.shouldShowFormulaFunctionList = shouldShowFormulaFunctionList;
+exports.shouldUseCustomEditorHistory = shouldUseCustomEditorHistory;
 function moveCursorToEnd(editableDiv) {
   editableDiv.focus();
   var range = document.createRange();
@@ -37,6 +41,44 @@ function getCursorPosition(editableDiv) {
   preRange.setEnd(range.endContainer, range.endOffset);
   return preRange.toString().length;
 }
+function getSelectionOffsets(editableDiv) {
+  var selection = window.getSelection();
+  if (!selection || selection.rangeCount === 0) {
+    var caret = getCursorPosition(editableDiv);
+    return {
+      start: caret,
+      end: caret
+    };
+  }
+  var range = selection.getRangeAt(0);
+  if (!editableDiv.contains(range.startContainer) || !editableDiv.contains(range.endContainer)) {
+    var caret = getCursorPosition(editableDiv);
+    return {
+      start: caret,
+      end: caret
+    };
+  }
+  var startRange = range.cloneRange();
+  startRange.selectNodeContents(editableDiv);
+  startRange.setEnd(range.startContainer, range.startOffset);
+  var start = startRange.toString().length;
+  var endRange = range.cloneRange();
+  endRange.selectNodeContents(editableDiv);
+  endRange.setEnd(range.endContainer, range.endOffset);
+  var end = endRange.toString().length;
+  return {
+    start: Math.max(0, Math.min(start, end)),
+    end: Math.max(start, end)
+  };
+}
+function isEditorUndoRedoKeyEvent(e) {
+  if (!e.metaKey && !e.ctrlKey) return false;
+  if (e.code === "KeyZ" || e.code === "KeyY") return true;
+  return e.keyCode === 90 || e.keyCode === 89;
+}
+function shouldUseCustomEditorHistory(editorInnerTextTrimmed, historyActive) {
+  return historyActive || editorInnerTextTrimmed.length > 0;
+}
 function setCursorPosition(editableDiv, targetOffset) {
   var _a, _b;
   editableDiv.focus();
@@ -63,6 +105,43 @@ function setCursorPosition(editableDiv, targetOffset) {
   selection.removeAllRanges();
   selection.addRange(range);
 }
+function setSelectionOffsets(editableDiv, startOffset, endOffset) {
+  editableDiv.focus();
+  var selection = window.getSelection();
+  if (!selection) return;
+  var startTarget = Math.max(0, Math.min(startOffset, endOffset));
+  var endTarget = Math.max(startTarget, endOffset);
+  var walker = document.createTreeWalker(editableDiv, NodeFilter.SHOW_TEXT);
+  var resolve = function resolve(target) {
+    var _a, _b;
+    var remaining = target;
+    var node = walker.nextNode();
+    while (node) {
+      var len = (_b = (_a = node.textContent) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0;
+      if (remaining <= len) return {
+        node: node,
+        offset: remaining
+      };
+      remaining -= len;
+      node = walker.nextNode();
+    }
+    return null;
+  };
+  walker.currentNode = editableDiv;
+  var startPos = resolve(startTarget);
+  walker.currentNode = editableDiv;
+  var endPos = resolve(endTarget);
+  var range = document.createRange();
+  if (startPos && endPos) {
+    range.setStart(startPos.node, startPos.offset);
+    range.setEnd(endPos.node, endPos.offset);
+  } else {
+    range.selectNodeContents(editableDiv);
+    range.collapse(false);
+  }
+  selection.removeAllRanges();
+  selection.addRange(range);
+}
 function buildFormulaSuggestionText(editableDiv, formulaName) {
   var fullText = editableDiv.innerText || "";
   var selection = window.getSelection();

package/lib/components/SheetOverlay/index.css

@@ -145,12 +145,6 @@
   margin: 0px 0 0 0px;
 }
 
-.fortune-selection-copy .fortune-copy {
-  position: absolute;
-  z-index: 18;
-  background-color: transparent;
-}
-
 .fortune-selection-copy-hc {
   position: absolute;
   top: 0;
@@ -330,7 +324,7 @@
   max-height: 9900px;
   max-width: 9900px;
   border: 2px #efc703 solid;
-  padding: 0 2px;
+  padding: 2px 2px;
   margin: 0;
   resize: none;
   overflow: hidden;
@@ -363,6 +357,14 @@
   color: forestgreen;
 }
 
+.luckysheet-formula-text-calc,
+.luckysheet-formula-text-lpar,
+.luckysheet-formula-text-comma,
+.luckysheet-formula-text-rpar {
+  padding-left: 2px;
+  padding-right: 2px;
+}
+
 .luckysheet-cell-flow {
   margin: 0;
   padding: 0;
@@ -647,50 +649,6 @@
   cursor: se-resize;
 }
 
-.fortune-selection-copy-top {
-  left: 0;
-  right: 0;
-  height: 2px;
-  top: 0;
-  background-position: bottom;
-  /* background-image: url("EwaAntH.gif"); */
-}
-
-.fortune-selection-copy-right {
-  top: 0;
-  bottom: 0;
-  width: 2px;
-  right: 0;
-  /* background-image: url("EwaAntV.gif"); */
-}
-
-.fortune-selection-copy-bottom {
-  left: 0;
-  right: 0;
-  height: 2px;
-  bottom: 0;
-  /* background-image: url("EwaAntH.gif"); */
-}
-
-.fortune-selection-copy-left {
-  top: 0;
-  bottom: 0;
-  width: 2px;
-  left: 0;
-  background-position: right;
-  /* background-image: url("EwaAntV.gif"); */
-}
-
-.fortune-selection-copy-hc {
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  border: 2px dashed #12a5ff;
-  z-index: 8;
-}
-
 .luckysheet-modal-dialog-resize {
   position: absolute;
   border: 2px solid #0188fb;
@@ -765,39 +723,8 @@
   cursor: se-resize;
 }
 
-.fortune-formula-functionrange-highlight .fortune-copy {
-  background-image: none;
-  background: #0188fb;
-  position: absolute;
-  z-index: 18;
+.fortune-formula-functionrange-highlight {
   cursor: move;
-  opacity: 0.9;
-  box-sizing: content-box;
-  /*border: 1px solid #fff;*/
-}
-
-.fortune-formula-functionrange-highlight .fortune-selection-copy-top {
-  top: -2px;
-  border-top: 2px solid #fff;
-  border-bottom: 2px solid #fff;
-}
-
-.fortune-formula-functionrange-highlight .fortune-selection-copy-right {
-  right: -2px;
-  border-left: 2px solid #fff;
-  border-right: 2px solid #fff;
-}
-
-.fortune-formula-functionrange-highlight .fortune-selection-copy-bottom {
-  bottom: -2px;
-  border-top: 2px solid #fff;
-  border-bottom: 2px solid #fff;
-}
-
-.fortune-formula-functionrange-highlight .fortune-selection-copy-left {
-  left: -2px;
-  border-left: 2px solid #fff;
-  border-right: 2px solid #fff;
 }
 
 .fortune-formula-functionrange-highlight .fortune-selection-copy-hc {

package/lib/components/SheetOverlay/index.js

@@ -294,14 +294,6 @@ var SheetOverlay = function SheetOverlay() {
     className: "fortune-selection-copy fortune-formula-functionrange-select",
     style: context.formulaRangeSelect
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "fortune-selection-copy-top fortune-copy"
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    className: "fortune-selection-copy-right fortune-copy"
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    className: "fortune-selection-copy-bottom fortune-copy"
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    className: "fortune-selection-copy-left fortune-copy"
-  }), /*#__PURE__*/_react.default.createElement("div", {
     className: "fortune-selection-copy-hc"
   }))), context.formulaRangeHighlight.map(function (v) {
     var rangeIndex = v.rangeIndex,
@@ -311,16 +303,7 @@ var SheetOverlay = function SheetOverlay() {
       id: "fortune-formula-functionrange-highlight",
       className: "fortune-selection-highlight fortune-formula-functionrange-highlight",
       style: _lodash.default.omit(v, "backgroundColor")
-    }, ["top", "right", "bottom", "left"].map(function (d) {
-      return /*#__PURE__*/_react.default.createElement("div", {
-        key: d,
-        "data-type": d,
-        className: "fortune-selection-copy-".concat(d, " fortune-copy"),
-        style: {
-          backgroundColor: backgroundColor
-        }
-      });
-    }), /*#__PURE__*/_react.default.createElement("div", {
+    }, /*#__PURE__*/_react.default.createElement("div", {
       className: "fortune-selection-copy-hc",
       style: formulaRangeHighlightHcStyle(backgroundColor)
     }));
@@ -373,14 +356,6 @@ var SheetOverlay = function SheetOverlay() {
         height: row - row_pre - 1
       }
     }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "fortune-selection-copy-top fortune-copy"
-    }), /*#__PURE__*/_react.default.createElement("div", {
-      className: "fortune-selection-copy-right fortune-copy"
-    }), /*#__PURE__*/_react.default.createElement("div", {
-      className: "fortune-selection-copy-bottom fortune-copy"
-    }), /*#__PURE__*/_react.default.createElement("div", {
-      className: "fortune-selection-copy-left fortune-copy"
-    }), /*#__PURE__*/_react.default.createElement("div", {
       className: "fortune-selection-copy-hc"
     }));
   }))), /*#__PURE__*/_react.default.createElement("div", {

package/lib/components/Toolbar/ColorPicker.js

@@ -19,8 +19,9 @@ var ColorPicker = function ColorPicker(_a) {
       return /*#__PURE__*/_react.default.createElement("div", {
         key: c,
         className: "fortune-toolbar-color-picker-item",
-        onClick: function onClick() {
-          return onPick(c);
+        onMouseDown: function onMouseDown(e) {
+          e.preventDefault();
+          onPick(c);
         },
         tabIndex: 0,
         style: {

package/lib/components/Toolbar/CustomColor.js

@@ -13,11 +13,15 @@ var CustomColor = exports.CustomColor = function CustomColor(_a) {
   var onCustomPick = _a.onCustomPick,
     onColorPick = _a.onColorPick;
   return /*#__PURE__*/_react.default.createElement("div", {
-    id: "fortune-custom-color"
+    id: "fortune-custom-color",
+    onMouseDown: function onMouseDown(e) {
+      e.preventDefault();
+    }
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "color-reset",
-    onClick: function onClick() {
-      return onCustomPick(undefined);
+    onMouseDown: function onMouseDown(e) {
+      e.preventDefault();
+      onCustomPick(undefined);
     },
     tabIndex: 0
   }, /*#__PURE__*/_react.default.createElement(_SVGIcon.default, {

package/lib/components/Toolbar/index.js

@@ -472,6 +472,14 @@ var Toolbar = function Toolbar(_a) {
     settings = _f.settings,
     handleUndo = _f.handleUndo,
     handleRedo = _f.handleRedo;
+  var restoreEditorFocusAfterToolbarAction = (0, _react.useCallback)(function () {
+    if (context.luckysheetCellUpdate.length === 0) return;
+    requestAnimationFrame(function () {
+      var owner = (0, _fortuneCore.getFormulaEditorOwner)(context);
+      var target = owner === "fx" ? refs.fxInput.current : refs.cellInput.current;
+      target === null || target === void 0 ? void 0 : target.focus();
+    });
+  }, [context, refs.cellInput, refs.fxInput]);
   var contextRef = (0, _react.useRef)(context);
   var containerRef = (0, _react.useRef)(null);
   var _g = (0, _react.useState)(-1),
@@ -1721,7 +1729,8 @@ var Toolbar = function Toolbar(_a) {
   return /*#__PURE__*/_react.default.createElement("div", {
     ref: containerRef,
     className: "fortune-toolbar",
-    "aria-label": toolbar.toolbar
+    "aria-label": toolbar.toolbar,
+    onMouseUpCapture: restoreEditorFocusAfterToolbarAction
   }, /*#__PURE__*/_react.default.createElement(_dataVerificationPortal.default, {
     visible: showDataValidation
   }), /*#__PURE__*/_react.default.createElement(_conditionalFormatPortal.default, {

package/lib/hooks/useFormulaEditorHistory.d.ts

@@ -2,22 +2,22 @@ import { type RefObject } from "react";
 import { type Context } from "@fileverse-dev/fortune-core";
 import type { SetContextOptions } from "../context";
 export type FormulaHistoryEntry = {
-    text: string;
+    html: string;
     caret: number;
-    spanValues: string[];
 };
 export type FormulaEditorHistoryPrimary = "cell" | "fx";
 type SetContext = (recipe: (ctx: Context) => void, options?: SetContextOptions) => void;
-export declare function useFormulaEditorHistory(primaryRef: RefObject<HTMLDivElement | null>, cellInputRef: RefObject<HTMLDivElement | null>, fxInputRef: RefObject<HTMLDivElement | null>, setContext: SetContext, primary: FormulaEditorHistoryPrimary): {
+export declare function useFormulaEditorHistory(primaryRef: RefObject<HTMLDivElement | null>, cellInputRef: RefObject<HTMLDivElement | null>, fxInputRef: RefObject<HTMLDivElement | null>, _setContext: SetContext, primary: FormulaEditorHistoryPrimary): {
     formulaHistoryRef: RefObject<{
         active: boolean;
         entries: FormulaHistoryEntry[];
         index: number;
     }>;
     preTextRef: RefObject<string>;
-    preFormulaSpanValuesRef: RefObject<string[] | null>;
     resetFormulaHistory: () => void;
     handleFormulaHistoryUndoRedo: (isRedo: boolean) => boolean;
+    capturePreEditorHistoryState: () => void;
+    appendEditorHistoryFromPrimaryEditor: (getCaret: () => number) => void;
     capturePreFormulaState: () => void;
     appendFormulaHistoryFromPrimaryEditor: (getCaret: () => number) => void;
 };

package/lib/hooks/useFormulaEditorHistory.js

@@ -5,50 +5,56 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useFormulaEditorHistory = useFormulaEditorHistory;
 var _react = require("react");
-var _lodash = _interopRequireDefault(require("lodash"));
 var _fortuneCore = require("@fileverse-dev/fortune-core");
 var _helper = require("../components/SheetOverlay/helper");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 var MAX_FORMULA_HISTORY = 100;
-function useFormulaEditorHistory(primaryRef, cellInputRef, fxInputRef, setContext, primary) {
+function normalizeEditorHtmlSnapshot(html) {
+  var stripped = (html !== null && html !== void 0 ? html : "").replace(/\u200B/g, "").trim();
+  if (stripped === "" || stripped === "<br>" || stripped === "<div><br></div>" || stripped === "<div></div>") {
+    return "";
+  }
+  return html !== null && html !== void 0 ? html : "";
+}
+function useFormulaEditorHistory(primaryRef, cellInputRef, fxInputRef, _setContext, primary) {
   var preTextRef = (0, _react.useRef)("");
-  var preFormulaSpanValuesRef = (0, _react.useRef)(null);
+  var preHtmlRef = (0, _react.useRef)("");
+  var preCaretRef = (0, _react.useRef)(0);
+  var startedFromEmptyRef = (0, _react.useRef)(true);
   var formulaHistoryRef = (0, _react.useRef)({
     active: false,
     entries: [],
     index: -1
   });
+  var isApplyingHistoryRef = (0, _react.useRef)(false);
   var resetFormulaHistory = (0, _react.useCallback)(function () {
     formulaHistoryRef.current = {
       active: false,
       entries: [],
       index: -1
     };
-    preFormulaSpanValuesRef.current = null;
+    preHtmlRef.current = "";
+    preCaretRef.current = 0;
+    startedFromEmptyRef.current = true;
   }, []);
   var pushFormulaHistoryEntry = (0, _react.useCallback)(function (entry) {
     var history = formulaHistoryRef.current;
     var current = history.entries[history.index];
-    if (current && current.spanValues.length > 0 && entry.spanValues.length > 0 && _lodash.default.isEqual(current.spanValues, entry.spanValues)) {
-      return;
-    }
-    if (current && current.spanValues.length === 0 && entry.spanValues.length === 0 && current.text === entry.text && current.caret === entry.caret) {
+    if (current && current.html === entry.html) {
       return;
     }
     var nextEntries = history.entries.slice(0, history.index + 1);
     nextEntries.push(entry);
-    if (nextEntries.length > MAX_FORMULA_HISTORY) {
-      nextEntries.shift();
-    }
+    if (nextEntries.length > MAX_FORMULA_HISTORY) nextEntries.shift();
     history.entries = nextEntries;
     history.index = nextEntries.length - 1;
     history.active = true;
   }, []);
-  var applyFormulaHistoryEntry = (0, _react.useCallback)(function (entry) {
+  var applyFormulaHistoryEntry = (0, _react.useCallback)(function (entry, preserveSelection) {
+    var _a, _b, _c;
     var primaryEl = primaryRef.current;
     if (!primaryEl) return;
-    var safeText = (0, _fortuneCore.escapeScriptTag)(entry.text || "");
-    var html = safeText.startsWith("=") ? (0, _fortuneCore.functionHTMLGenerate)(safeText) : (0, _fortuneCore.escapeHTMLTag)(safeText);
+    isApplyingHistoryRef.current = true;
+    var html = (0, _fortuneCore.escapeScriptTag)((_a = entry.html) !== null && _a !== void 0 ? _a : "");
     var cell = cellInputRef.current;
     var fx = fxInputRef.current;
     primaryEl.innerHTML = html;
@@ -57,70 +63,91 @@ function useFormulaEditorHistory(primaryRef, cellInputRef, fxInputRef, setContex
     } else if (cell) {
       cell.innerHTML = html;
     }
-    (0, _helper.setCursorPosition)(primaryEl, Math.min(entry.caret, entry.text.length));
-    setContext(function (draftCtx) {
-      if (primary === "cell") {
-        if (!cellInputRef.current) return;
-        (0, _fortuneCore.handleFormulaInput)(draftCtx, fxInputRef.current, cellInputRef.current, 0);
-      } else {
-        if (!fxInputRef.current) return;
-        (0, _fortuneCore.handleFormulaInput)(draftCtx, cellInputRef.current, fxInputRef.current, 0);
-      }
+    var textLen = (_c = (_b = primaryEl.innerText) === null || _b === void 0 ? void 0 : _b.length) !== null && _c !== void 0 ? _c : 0;
+    if (preserveSelection && preserveSelection.end > preserveSelection.start && textLen > 0) {
+      var start = Math.max(0, Math.min(preserveSelection.start, textLen));
+      var end = Math.max(start, Math.min(preserveSelection.end, textLen));
+      (0, _helper.setSelectionOffsets)(primaryEl, start, end);
+    } else {
+      (0, _helper.setCursorPosition)(primaryEl, Math.max(0, textLen));
+    }
+    requestAnimationFrame(function () {
+      requestAnimationFrame(function () {
+        setTimeout(function () {
+          isApplyingHistoryRef.current = false;
+        }, 120);
+      });
     });
-  }, [cellInputRef, fxInputRef, primary, primaryRef, setContext]);
+  }, [cellInputRef, fxInputRef, primary, primaryRef]);
   var handleFormulaHistoryUndoRedo = (0, _react.useCallback)(function (isRedo) {
+    var _a, _b;
     var history = formulaHistoryRef.current;
     if (!history.active || history.entries.length === 0) return false;
     var nextIndex = isRedo ? history.index + 1 : history.index - 1;
-    if (nextIndex < 0 || nextIndex >= history.entries.length) return true;
+    if (nextIndex < 0 || nextIndex >= history.entries.length) {
+      if (!isRedo && nextIndex < 0 && startedFromEmptyRef.current) {
+        var liveHtml = normalizeEditorHtmlSnapshot((_b = (_a = primaryRef.current) === null || _a === void 0 ? void 0 : _a.innerHTML) !== null && _b !== void 0 ? _b : "");
+        if (liveHtml !== "") {
+          history.entries[0] = {
+            html: "",
+            caret: 0
+          };
+          history.index = 0;
+          var currentSelection_1 = primaryRef.current ? (0, _helper.getSelectionOffsets)(primaryRef.current) : undefined;
+          applyFormulaHistoryEntry(history.entries[0], currentSelection_1);
+          return true;
+        }
+      }
+      return false;
+    }
     history.index = nextIndex;
-    applyFormulaHistoryEntry(history.entries[nextIndex]);
+    var entry = history.entries[nextIndex];
+    var currentSelection = primaryRef.current ? (0, _helper.getSelectionOffsets)(primaryRef.current) : undefined;
+    applyFormulaHistoryEntry(entry, currentSelection);
     return true;
-  }, [applyFormulaHistoryEntry]);
-  var capturePreFormulaState = (0, _react.useCallback)(function () {
+  }, [applyFormulaHistoryEntry, primaryRef]);
+  var capturePreEditorHistoryState = (0, _react.useCallback)(function () {
+    var _a;
     var el = primaryRef.current;
     if (!el) return;
     preTextRef.current = el.innerText;
-    preFormulaSpanValuesRef.current = Array.from(el.querySelectorAll("span.fortune-formula-functionrange-cell")).map(function (node) {
-      var _a;
-      return (_a = node.textContent) !== null && _a !== void 0 ? _a : "";
-    });
+    preHtmlRef.current = el.innerHTML;
+    preCaretRef.current = (0, _helper.getCursorPosition)(el);
+    if (!formulaHistoryRef.current.active) {
+      startedFromEmptyRef.current = normalizeEditorHtmlSnapshot((_a = preHtmlRef.current) !== null && _a !== void 0 ? _a : "") === "";
+    }
   }, [primaryRef]);
-  var appendFormulaHistoryFromPrimaryEditor = (0, _react.useCallback)(function (getCaret) {
+  var appendEditorHistoryFromPrimaryEditor = (0, _react.useCallback)(function (getCaret) {
     var _a, _b;
+    if (isApplyingHistoryRef.current) return;
     var el = primaryRef.current;
     if (!el) return;
-    var currentText = el.innerText || "";
-    if (currentText.startsWith("=")) {
-      var caret = getCaret();
-      var spanValues = Array.from(el.querySelectorAll("span.fortune-formula-functionrange-cell")).map(function (node) {
-        var _a;
-        return (_a = node.textContent) !== null && _a !== void 0 ? _a : "";
-      });
-      if (!formulaHistoryRef.current.active) {
-        var seedText = preTextRef.current || "";
-        pushFormulaHistoryEntry({
-          text: seedText,
-          caret: Math.min(caret, seedText.length),
-          spanValues: (_b = (_a = preFormulaSpanValuesRef.current) !== null && _a !== void 0 ? _a : spanValues) !== null && _b !== void 0 ? _b : []
-        });
-      }
+    var preHtmlSnapshot = normalizeEditorHtmlSnapshot((_a = preHtmlRef.current) !== null && _a !== void 0 ? _a : "");
+    var snapshotHtml = normalizeEditorHtmlSnapshot((_b = el.innerHTML) !== null && _b !== void 0 ? _b : "");
+    var caret = getCaret();
+    var history = formulaHistoryRef.current;
+    var wasInactive = !history.active || history.entries.length === 0;
+    if (wasInactive) {
+      startedFromEmptyRef.current = preHtmlSnapshot === "";
+      var seedHtml = preHtmlSnapshot === snapshotHtml ? "" : preHtmlSnapshot !== null && preHtmlSnapshot !== void 0 ? preHtmlSnapshot : "";
       pushFormulaHistoryEntry({
-        text: currentText,
-        caret: caret,
-        spanValues: spanValues
+        html: seedHtml,
+        caret: preCaretRef.current
       });
-    } else if (formulaHistoryRef.current.active) {
-      resetFormulaHistory();
     }
-  }, [primaryRef, pushFormulaHistoryEntry, resetFormulaHistory]);
+    pushFormulaHistoryEntry({
+      html: snapshotHtml,
+      caret: caret
+    });
+  }, [primaryRef, pushFormulaHistoryEntry]);
   return {
     formulaHistoryRef: formulaHistoryRef,
     preTextRef: preTextRef,
-    preFormulaSpanValuesRef: preFormulaSpanValuesRef,
     resetFormulaHistory: resetFormulaHistory,
     handleFormulaHistoryUndoRedo: handleFormulaHistoryUndoRedo,
-    capturePreFormulaState: capturePreFormulaState,
-    appendFormulaHistoryFromPrimaryEditor: appendFormulaHistoryFromPrimaryEditor
+    capturePreEditorHistoryState: capturePreEditorHistoryState,
+    appendEditorHistoryFromPrimaryEditor: appendEditorHistoryFromPrimaryEditor,
+    capturePreFormulaState: capturePreEditorHistoryState,
+    appendFormulaHistoryFromPrimaryEditor: appendEditorHistoryFromPrimaryEditor
   };
 }

package/lib/hooks/useRerenderOnFormulaCaret.d.ts

@@ -1,2 +1,2 @@
 import { type RefObject } from "react";
-export declare function useRerenderOnFormulaCaret(editorRef: RefObject<HTMLDivElement | null>, editSessionActive: boolean): void;
+export declare function useRerenderOnFormulaCaret(editorRef: RefObject<HTMLDivElement | null>, editSessionActive: boolean, onAfterCaretMove?: () => void): void;

package/lib/hooks/useRerenderOnFormulaCaret.js

@@ -5,15 +5,17 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useRerenderOnFormulaCaret = useRerenderOnFormulaCaret;
 var _react = require("react");
-function useRerenderOnFormulaCaret(editorRef, editSessionActive) {
+function useRerenderOnFormulaCaret(editorRef, editSessionActive, onAfterCaretMove) {
   var _a = (0, _react.useState)(0),
     bump = _a[1];
+  var onAfterCaretMoveRef = (0, _react.useRef)(onAfterCaretMove);
+  onAfterCaretMoveRef.current = onAfterCaretMove;
   (0, _react.useEffect)(function () {
     if (!editSessionActive) {
       return function () {};
     }
     var onSelectionChange = function onSelectionChange() {
-      var _a, _b;
+      var _a, _b, _c;
       var el = editorRef.current;
       if (!el) return;
       var text = (_b = (_a = el.innerText) === null || _a === void 0 ? void 0 : _a.trim()) !== null && _b !== void 0 ? _b : "";
@@ -25,6 +27,7 @@ function useRerenderOnFormulaCaret(editorRef, editSessionActive) {
       bump(function (n) {
         return n + 1;
       });
+      (_c = onAfterCaretMoveRef.current) === null || _c === void 0 ? void 0 : _c.call(onAfterCaretMoveRef);
     };
     document.addEventListener("selectionchange", onSelectionChange);
     return function () {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fileverse-dev/fortune-react",
-  "version": "1.3.13-create-3",
+  "version": "1.3.13-create-5",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
   "module": "es/index.js",
@@ -16,7 +16,7 @@
     "tsc": "tsc"
   },
   "dependencies": {
-    "@fileverse-dev/fortune-core": "1.3.13-create-3",
+    "@fileverse-dev/fortune-core": "1.3.13-create-5",
     "@fileverse/ui": "5.0.0",
     "@tippyjs/react": "^4.2.6",
     "@types/regenerator-runtime": "^0.13.6",