@ai-matrx/records-ui 0.115.65 → 0.115.66

package/dist/index.js

@@ -52809,6 +52809,13 @@ function phoneTableActions(actions) {
 
 // src/toolbarFit.ts
 import { useEffect as useEffect123, useLayoutEffect as useLayoutEffect6, useState as useState149 } from "react";
+function widthAtFold(piece, fold) {
+  for (let f = Math.min(fold, (piece.byFold?.length ?? 0) - 1); f >= 0; f -= 1) {
+    const w = piece.byFold?.[f];
+    if (w != null && w > 0) return w;
+  }
+  return piece.full ?? piece.now;
+}
 var FOLDED_GUESS = { look: 104, chooser: 96, tools: 120 };
 var SLOT_MIN = 36;
 function toolbarFold(input) {
@@ -52821,7 +52828,7 @@ function toolbarFold(input) {
   const widthAt = ({ piece, stage, guess }, fold) => {
     if (piece.now === 0 && piece.full === null) return 0;
     if (fold >= stage) return piece.folded ?? (folded >= stage ? piece.now : Math.min(guess, piece.full ?? piece.now));
-    return piece.full ?? piece.now;
+    return widthAtFold(piece, fold);
   };
   const withGap = (width) => width > 0 ? width + gap : 0;
   const shareNow = input.share ? withGap(input.share.now) : 0;
@@ -52864,18 +52871,40 @@ function rowNeeds(row) {
   }
   return { needs: needs + gap * Math.max(0, pieces.length - 1), gap };
 }
+var STAGE_OF = { look: 1, chooser: 2, tools: 3, share: 4 };
+function createFitMemory() {
+  const widths = {
+    look: { full: null, folded: null, byFold: [] },
+    chooser: { full: null, folded: null, byFold: [] },
+    tools: { full: null, folded: null, byFold: [] },
+    share: { full: null, folded: null, byFold: [] }
+  };
+  return {
+    /** Record one piece's measured width (`now`; `present`: the piece is on the row) with the row at `current`. */
+    piece(name, current, now, present) {
+      const w = widths[name];
+      const stage = STAGE_OF[name];
+      if (present && now > 0) {
+        if (current >= stage) w.folded = now;
+        else {
+          if (name === "tools") w.byFold[current] = now;
+          if (name !== "tools" || current === 0 || w.full === null) w.full = now;
+        }
+      }
+      if (!present && current < stage) {
+        w.full = null;
+        w.byFold = [];
+      }
+      return { now, full: w.full, folded: w.folded, byFold: w.byFold };
+    }
+  };
+}
 var useIsoLayoutEffect = typeof window === "undefined" ? useEffect123 : useLayoutEffect6;
 function useToolbarFit(row) {
   const [fold, setFold] = useState149(0);
   useIsoLayoutEffect(() => {
     if (!row) return;
-    const widths = {
-      look: { full: null, folded: null },
-      chooser: { full: null, folded: null },
-      tools: { full: null, folded: null },
-      share: { full: null, folded: null }
-    };
-    const stageOf = { look: 1, chooser: 2, tools: 3, share: 4 };
+    const memory = createFitMemory();
     let current = 0;
     let pending = 0;
     let stopped = false;
@@ -52887,13 +52916,7 @@ function useToolbarFit(row) {
       const read = (name) => {
         const el = name === "tools" ? row.querySelector(":scope > [data-toolbar-fit-slot]") : name === "share" ? row.querySelector('[data-toolbar-fit="share"]') : row.querySelector(`:scope > [data-toolbar-fit="${name}"]`);
         const now = !el ? 0 : name === "tools" ? slotNeeds(el) : naturalWidth(el);
-        const w = widths[name];
-        if (el && now > 0) {
-          if (current >= stageOf[name]) w.folded = now;
-          else w.full = now;
-        }
-        if (!el && current < stageOf[name]) w.full = null;
-        return { now, full: w.full, folded: w.folded };
+        return memory.piece(name, current, now, !!el);
       };
       const look = read("look");
       const chooser = read("chooser");