@grafloria/element 0.4.40 → 0.4.41

package/package.json

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

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

@@ -1051,6 +1051,30 @@ export function createDashboardHandle(ctx) {
         const label = (_e = pageSpec.title) !== null && _e !== void 0 ? _e : pageId;
         const size = { width: (_g = (_f = pg.size) === null || _f === void 0 ? void 0 : _f.width) !== null && _g !== void 0 ? _g : 0, height: ((_j = (_h = pg.size) === null || _h === void 0 ? void 0 : _h.height) !== null && _j !== void 0 ? _j : 0) + tabStripReserve(tabsOpts, 1) };
         const remaining = [...((_k = from.members) !== null && _k !== void 0 ? _k : [])].filter((m) => m !== pageId && !!model.getGroup(m));
+        // The page that was showing when the gesture began. Undo puts the tab
+        // back — and shows THAT page again, not the one the container switched to
+        // when the tab left (the live walk: Filters showing, tear out, undo, Alerts
+        // showing — 0.4.41). It goes FIRST in each move sequence so its undo runs
+        // LAST, after the tab is back among the pages: a sync fired in between by
+        // a neighbour's reflow would otherwise reset a page that is not there yet.
+        const showing = ctx.activeTab.get(containerId);
+        const showingAgain = () => new RegisterWidgetCommand({
+            register: () => { },
+            unregister: () => {
+                var _a, _b, _c, _d;
+                const cg = (_a = ctx.boardGroups.get(containerId)) !== null && _a !== void 0 ? _a : model.getGroup(containerId);
+                const spec = specById.get(containerId);
+                if (!showing || !cg || !spec || ctx.activeTab.get(containerId) === showing)
+                    return;
+                if (!((_b = spec.widgets) !== null && _b !== void 0 ? _b : []).some((p) => p.id === showing) || !((_c = cg.members) === null || _c === void 0 ? void 0 : _c.has(showing)))
+                    return;
+                ctx.activeTab.set(containerId, showing);
+                spec.active = showing;
+                const cw = (_d = cg.getMetadata('containerWidget')) !== null && _d !== void 0 ? _d : {};
+                cg.setMetadata('containerWidget', Object.assign(Object.assign({}, cw), { active: showing }));
+                teleport(ctx.container, () => { var _a; return (_a = ctx.syncTabs) === null || _a === void 0 ? void 0 : _a.call(ctx, containerId); });
+            },
+        }, 'register');
         return {
             arrivingId: W,
             label,
@@ -1120,6 +1144,7 @@ export function createDashboardHandle(ctx) {
                 };
                 const move = [
                     new SequenceCommand('Move tab out', [
+                        showingAgain(),
                         new AddGroupCommand(g),
                         new RemoveFromGroupCommand(containerId, pageId),
                         new AddToGroupCommand(W, pageId),
@@ -1202,6 +1227,7 @@ export function createDashboardHandle(ctx) {
                 };
                 const move = [
                     new SequenceCommand('Move tab', [
+                        showingAgain(),
                         new RemoveFromGroupCommand(containerId, pageId),
                         new AddToGroupCommand(targetId, pageId),
                         new RegisterWidgetCommand(joined, 'register'),