@grafloria/element 0.4.33 → 0.4.34

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@grafloria/element",
-  "version": "0.4.33",
+  "version": "0.4.34",
   "type": "module",
   "main": "./src/index.js",
   "types": "./src/index.d.ts",

package/src/lib/dashboard-kit/dashboard.js

@@ -1323,7 +1323,7 @@ export function createDashboardHandle(ctx) {
         },
         focusWidget(id) {
             var _a;
-            const b = binders.get((_a = viewOfWidget.get(id)) !== null && _a !== void 0 ? _a : '');
+            const b = binders.get((_a = boardOfWidget(id)) !== null && _a !== void 0 ? _a : '');
             if (!b)
                 return false;
             if (b.focusWidget(id))
@@ -1344,7 +1344,7 @@ export function createDashboardHandle(ctx) {
                     b.selectWidget(undefined);
                 return true;
             }
-            const b = binders.get((_a = viewOfWidget.get(id)) !== null && _a !== void 0 ? _a : '');
+            const b = binders.get((_a = boardOfWidget(id)) !== null && _a !== void 0 ? _a : '');
             return !!b && b.selectWidget(id);
         },
         getSelectedWidget() {
@@ -1628,16 +1628,39 @@ export function createDashboardHandle(ctx) {
             ctx.hosts.clear();
         },
     };
+    /**
+     * The board that HOLDS a widget NOW — live membership, the way toJSON reads
+     * it. A cross-board drag moves membership through the binder's own
+     * commands, which the mount-time map never sees; a handle that kept asking
+     * the widget's FIRST board answered `cell: null` for a tile that had just
+     * been dropped into a page. The map is the fallback for a widget that is
+     * not a member yet (an add still committing).
+     */
+    const boardOfWidget = (id) => {
+        var _a, _b, _c, _d;
+        for (const [cid, g] of ctx.boardGroups)
+            if ((_a = g.members) === null || _a === void 0 ? void 0 : _a.has(id))
+                return cid;
+        const model = (_b = ctx.apiRef) === null || _b === void 0 ? void 0 : _b.getModel();
+        if (model)
+            for (const vid of binders.keys())
+                if ((_d = (_c = model.getGroup(vid)) === null || _c === void 0 ? void 0 : _c.members) === null || _d === void 0 ? void 0 : _d.has(id))
+                    return vid;
+        return viewOfWidget.get(id);
+    };
     function makeWidgetHandle(id) {
         const spec = specById.get(id);
-        const viewId = viewOfWidget.get(id);
-        if (!spec || !viewId)
+        if (!spec || !boardOfWidget(id))
             return undefined;
-        const binder = () => binders.get(viewId);
+        const board = () => { var _a; return (_a = boardOfWidget(id)) !== null && _a !== void 0 ? _a : ''; };
+        const binder = () => binders.get(board());
         const node = () => { var _a; return (_a = ctx.apiRef) === null || _a === void 0 ? void 0 : _a.getModel().getNode(id); };
         return {
             id,
-            viewId,
+            get viewId() {
+                var _a;
+                return (_a = boardOfWidget(id)) !== null && _a !== void 0 ? _a : '';
+            },
             get node() {
                 return node();
             },
@@ -1716,8 +1739,8 @@ export function createDashboardHandle(ctx) {
                     // the parent board and the parent's re-pack, as ONE undoable batch.
                     // Undo restores the groups as fresh GroupModels, so the history
                     // handler re-binds the container's grid (ctx.rebindContainer).
-                    const parentGroup = ctx.boardGroups.get(viewId);
-                    const parentBinder = binders.get(viewId);
+                    const parentGroup = ctx.boardGroups.get(board());
+                    const parentBinder = binders.get(board());
                     const model = (_a = ctx.apiRef) === null || _a === void 0 ? void 0 : _a.getModel();
                     if (!parentGroup || !parentBinder || !model)
                         return;
@@ -1751,7 +1774,7 @@ export function createDashboardHandle(ctx) {
                         }
                     };
                     removeSubtree(id);
-                    const registry = registryOf(id, viewId, spec);
+                    const registry = registryOf(id, board(), spec);
                     cmds.push(...nodeRemovals, ...unregisters, new RegisterWidgetCommand(registry, 'unregister'));
                     (_c = binders.get(id)) === null || _c === void 0 ? void 0 : _c.dispose();
                     binders.delete(id);
@@ -1762,7 +1785,7 @@ export function createDashboardHandle(ctx) {
                     return;
                 }
                 const n = node();
-                const group = ctx.boardGroups.get(viewId);
+                const group = ctx.boardGroups.get(board());
                 const b = binder();
                 if (!n || !group || !b)
                     return;
@@ -1775,11 +1798,11 @@ export function createDashboardHandle(ctx) {
                 // The un-registration is the LAST command so that undo — which runs
                 // the batch in reverse — re-registers the spec BEFORE the node and its
                 // membership come back and the painter is asked to paint it (D2).
-                const registry = registryOf(id, viewId, spec);
+                const registry = registryOf(id, board(), spec);
                 // …and the page it emptied, if it was one, closes with it — in which
                 // case everything rides INSIDE one sequence, or the batch could never
                 // undo (a membership command cannot undo once its group is gone).
-                const closing = (_g = (_f = ctx.closePageIfEmptied) === null || _f === void 0 ? void 0 : _f.call(ctx, viewId, id)) !== null && _g !== void 0 ? _g : [];
+                const closing = (_g = (_f = ctx.closePageIfEmptied) === null || _f === void 0 ? void 0 : _f.call(ctx, board(), id)) !== null && _g !== void 0 ? _g : [];
                 const cmds = [
                     ...survivors,
                     new RemoveFromGroupCommand(group.id, id),

package/src/lib/dashboard-kit/grid-binder.js

@@ -394,7 +394,38 @@ export function bindDashboardGrid(api, group, options = {}) {
         return e;
     };
     /** The effective row bound a gesture must respect: the strip's, else the fit capacity. */
-    const bound = () => maxRows !== null && maxRows !== void 0 ? maxRows : capacity;
+    const bound = () => { var _a; return (_a = squeezeRoom !== null && squeezeRoom !== void 0 ? squeezeRoom : maxRows) !== null && _a !== void 0 ? _a : capacity; };
+    /** Move the LIVE bound (the engine's too), the way escalation does. */
+    const setLiveBound = (n) => {
+        maxRows = n;
+        engine.maxRows = n;
+    };
+    /**
+     * Rows a SQUEEZE may use while a tile arrives by hand — the engine's bound
+     * only. The binder's `maxRows` also sets the GEOMETRY (`rows()`), and
+     * raising it to the room made every tile shrink to a 29-row grid the
+     * moment the ghost entered; the rows must shrink only as far as the
+     * content actually reaches.
+     */
+    let squeezeRoom;
+    const setSqueeze = (n) => {
+        squeezeRoom = n;
+        engine.maxRows = n !== null && n !== void 0 ? n : maxRows;
+    };
+    /**
+     * The rows a NESTED board's live frame holds at the row floor. A page's
+     * height is its container's and a section's is its slab's, so a full one
+     * cannot ask for room the way the main fit board does (`fitCapacity` reads
+     * the design height, which a nested board hands to its parent as 0).
+     */
+    const elasticRows = () => {
+        if (designRows === undefined)
+            return undefined;
+        const fh = frame().height;
+        if (fh <= 0)
+            return undefined;
+        return Math.max(1, Math.floor((fh - 2 * padding + gap) / (minRowHeight + gap)));
+    };
     /**
      * The rows the design height can hold at the row floor — what 'bounded' fit
      * enforces. A board is never bounded BELOW what it already holds: a document
@@ -2404,6 +2435,7 @@ export function bindDashboardGrid(api, group, options = {}) {
     const adopt = (
     // Only the id is used: a tab page arriving here is a GROUP, not a node.
     node, world, pxSize, opts = {}) => {
+        var _a;
         if (disposed)
             return null;
         const f = frame();
@@ -2416,8 +2448,29 @@ export function bindDashboardGrid(api, group, options = {}) {
         if (b !== undefined)
             span.h = Math.max(1, Math.min(b, span.h));
         engine.beginGesture(); // pre-entry snapshot — abort() restores it
-        const entered = engine.add({ id: node.id, x: 0, y: engine.rows(), w: span.w, h: span.h });
+        // A FULL nested board SQUEEZES for a tile arriving by hand, the way a fit
+        // board squeezes for its own. Its bound is the design the escalation path
+        // grows through the parent, and a page has no parent tile to grow (its
+        // height is its container's): so the rows shrink toward the floor instead
+        // of refusing the drop with no sign of why — the fluid demo's Filters page
+        // took a KPI dragged onto it and showed nothing at all. abort() puts the
+        // bound back; a commit keeps what the board then holds.
+        const squeezeBefore = squeezeRoom;
+        let entered = engine.add({ id: node.id, x: 0, y: engine.rows(), w: span.w, h: span.h });
+        // Only a board with NO parent tile to grow through squeezes — a page. A
+        // full SECTION keeps refusing (grid-options s05: refused, then joined once
+        // a strip was removed); growing its slab for a dropped tile is the
+        // escalation path's, not a squeeze's, and is not built yet.
+        if (!entered && !parentPeer()) {
+            const room = elasticRows();
+            if (room !== undefined && room > ((_a = bound()) !== null && _a !== void 0 ? _a : 0)) {
+                setSqueeze(room);
+                span.h = Math.max(1, Math.min(room, span.h));
+                entered = engine.add({ id: node.id, x: 0, y: engine.rows(), w: span.w, h: span.h });
+            }
+        }
         if (!entered) {
+            setSqueeze(squeezeBefore);
             engine.endGesture();
             return null; // a bounded, full board refuses the adoption
         }
@@ -2518,6 +2571,7 @@ export function bindDashboardGrid(api, group, options = {}) {
                 if (engine.getItem(node.id))
                     engine.remove(node.id);
                 engine.cancelGesture(); // pre-entry layout, memory cleared
+                setSqueeze(squeezeBefore);
                 adoptedGhostId = null;
                 disarmGlideSoon();
                 project();
@@ -2553,6 +2607,11 @@ export function bindDashboardGrid(api, group, options = {}) {
                     });
                 }
                 engine.endGesture();
+                if (squeezeRoom !== undefined) {
+                    // What the board now HOLDS is its bound, not the squeeze's room.
+                    squeezeRoom = undefined;
+                    setLiveBound(liveBound(engine.getItems()));
+                }
                 adoptedGhostId = null;
                 disarmGlideSoon();
                 syncPlaceholder();