@floegence/floe-webapp-core 0.36.10 → 0.36.12

package/dist/components/workbench/WorkbenchContextMenu.js

@@ -1,44 +1,49 @@
-import { insert as a, createComponent as d, addEventListener as b, effect as v, className as f, setStyleProperty as m, template as l, delegateEvents as h } from "solid-js/web";
-import { For as x } from "solid-js";
-import { cn as k } from "../../utils/cn.js";
-var _ = /* @__PURE__ */ l("<div role=menu class=workbench-context-menu data-floe-workbench-boundary=true>"), p = /* @__PURE__ */ l("<div role=separator aria-orientation=horizontal class=workbench-context-menu__separator>"), w = /* @__PURE__ */ l("<button type=button role=menuitem><span class=workbench-context-menu__label>");
-function $(n) {
-  return n.kind === "action";
+import { spread as d, mergeProps as v, insert as a, createComponent as s, addEventListener as f, effect as b, className as _, template as c, delegateEvents as p } from "solid-js/web";
+import { For as h } from "solid-js";
+import { cn as x } from "../../utils/cn.js";
+import { WORKBENCH_CONTEXT_MENU_ATTR as k } from "./workbenchContextMenuDismiss.js";
+var w = /* @__PURE__ */ c("<div role=menu class=workbench-context-menu data-floe-workbench-boundary=true>"), C = /* @__PURE__ */ c("<div role=separator aria-orientation=horizontal class=workbench-context-menu__separator>"), $ = /* @__PURE__ */ c("<button type=button role=menuitem><span class=workbench-context-menu__label>");
+function E(r) {
+  return r.kind === "action";
 }
-function E(n) {
+function M(r) {
   return (() => {
-    var r = _();
-    return r.$$contextmenu = (e) => e.preventDefault(), a(r, d(x, {
+    var o = w();
+    return d(o, v({
+      [k]: "true"
+    }, {
+      get style() {
+        return {
+          left: `${r.x}px`,
+          top: `${r.y}px`
+        };
+      },
+      onContextMenu: (e) => e.preventDefault()
+    }), !1, !0), a(o, s(h, {
       get each() {
-        return n.items;
+        return r.items;
       },
       children: (e) => {
-        if (!$(e))
-          return p();
-        const c = e.icon;
+        if (!E(e))
+          return C();
+        const m = e.icon;
         return (() => {
-          var t = w(), i = t.firstChild;
-          return b(t, "click", e.onSelect, !0), a(t, d(c, {
+          var t = $(), l = t.firstChild;
+          return f(t, "click", e.onSelect, !0), a(t, s(m, {
             class: "h-3.5 w-3.5"
-          }), i), a(i, () => e.label), v((o) => {
-            var u = k("workbench-context-menu__item", e.destructive && "is-destructive"), s = e.disabled;
-            return u !== o.e && f(t, o.e = u), s !== o.t && (t.disabled = o.t = s), o;
+          }), l), a(l, () => e.label), b((n) => {
+            var i = x("workbench-context-menu__item", e.destructive && "is-destructive"), u = e.disabled;
+            return i !== n.e && _(t, n.e = i), u !== n.t && (t.disabled = n.t = u), n;
           }, {
             e: void 0,
             t: void 0
           }), t;
         })();
       }
-    })), v((e) => {
-      var c = `${n.x}px`, t = `${n.y}px`;
-      return c !== e.e && m(r, "left", e.e = c), t !== e.t && m(r, "top", e.t = t), e;
-    }, {
-      e: void 0,
-      t: void 0
-    }), r;
+    })), o;
   })();
 }
-h(["contextmenu", "click"]);
+p(["click"]);
 export {
-  E as WorkbenchContextMenu
+  M as WorkbenchContextMenu
 };

package/dist/components/workbench/WorkbenchSurface.d.ts

@@ -5,9 +5,12 @@ export interface WorkbenchSurfaceApi {
         worldX?: number;
         worldY?: number;
     }) => WorkbenchWidgetItem | null;
+    clearSelection: () => void;
     focusWidget: (widget: WorkbenchWidgetItem, options?: {
         centerViewport?: boolean;
     }) => WorkbenchWidgetItem;
+    fitWidget: (widget: WorkbenchWidgetItem) => WorkbenchWidgetItem;
+    overviewWidget: (widget: WorkbenchWidgetItem) => WorkbenchWidgetItem;
     findWidgetByType: (type: WorkbenchWidgetType) => WorkbenchWidgetItem | null;
 }
 export interface WorkbenchSurfaceProps {

package/dist/components/workbench/WorkbenchSurface.js

@@ -1,42 +1,53 @@
-import { insert as c, createComponent as a, Portal as k, addEventListener as s, effect as p, className as b, template as m, delegateEvents as C } from "solid-js/web";
-import { createEffect as d, onCleanup as g, Show as W } from "solid-js";
-import { isTypingElement as A } from "../../utils/dom.js";
-import { WorkbenchCanvas as y } from "./WorkbenchCanvas.js";
+import { insert as c, createComponent as a, Portal as h, addEventListener as p, effect as k, className as W, template as g, delegateEvents as b } from "solid-js/web";
+import { createEffect as s, onCleanup as u, Show as C } from "solid-js";
+import { isTypingElement as y } from "../../utils/dom.js";
+import { WorkbenchCanvas as A } from "./WorkbenchCanvas.js";
 import { WorkbenchContextMenu as D } from "./WorkbenchContextMenu.js";
 import { WorkbenchFilterBar as x } from "./WorkbenchFilterBar.js";
 import { WorkbenchHud as S } from "./WorkbenchHud.js";
-import { WorkbenchLockButton as F } from "./WorkbenchLockButton.js";
-import { useWorkbenchModel as M } from "./useWorkbenchModel.js";
-var L = /* @__PURE__ */ m("<div class=workbench-menu-backdrop data-floe-workbench-boundary=true>"), R = /* @__PURE__ */ m("<div><div class=workbench-surface__body data-floe-workbench-canvas-frame=true>");
-const E = "F1";
-function U(i) {
-  const e = M({
+import { WorkbenchLockButton as M } from "./WorkbenchLockButton.js";
+import { installWorkbenchContextMenuDismissListeners as F } from "./workbenchContextMenuDismiss.js";
+import { useWorkbenchModel as L } from "./useWorkbenchModel.js";
+var R = /* @__PURE__ */ g("<div class=workbench-menu-backdrop data-floe-workbench-boundary=true>"), E = /* @__PURE__ */ g("<div><div class=workbench-surface__body data-floe-workbench-canvas-frame=true>");
+const _ = "F1";
+function P(i) {
+  const e = L({
     state: () => i.state(),
     setState: (t) => i.setState(t),
     widgetDefinitions: () => i.widgetDefinitions,
     onClose: () => {
     }
   });
-  d(() => {
+  s(() => {
     i.onApiReady?.({
       ensureWidget: (t, r) => e.widgetActions.ensureWidget(t, r) ?? null,
+      clearSelection: () => e.selection.clear(),
       focusWidget: (t, r) => e.navigation.focusWidget(t, r),
+      fitWidget: (t) => e.navigation.fitWidget(t),
+      overviewWidget: (t) => e.navigation.overviewWidget(t),
       findWidgetByType: (t) => e.queries.findWidgetByType(t)
-    }), g(() => {
+    }), u(() => {
       i.onApiReady?.(null);
     });
   });
-  const u = () => i.lockShortcut === void 0 ? E : i.lockShortcut;
-  d(() => {
+  const d = () => i.lockShortcut === void 0 ? _ : i.lockShortcut;
+  s(() => {
+    if (typeof window > "u" || !e.contextMenu.state()) return;
+    const t = F({
+      ownerWindow: window,
+      onDismiss: e.contextMenu.close
+    });
+    u(() => t());
+  }), s(() => {
     if (i.enableKeyboard === !1 || typeof document > "u") return;
-    const t = u(), r = (n) => {
+    const t = d(), r = (n) => {
       if (n.defaultPrevented || n.isComposing) return;
       if (t !== null && n.key === t) {
         n.preventDefault(), e.lock.toggle();
         return;
       }
       const o = n.target;
-      if (!(o instanceof Element && A(o)))
+      if (!(o instanceof Element && y(o)))
         switch (n.key) {
           case "ArrowUp":
             n.preventDefault(), e.navigation.handleArrowNavigation("up");
@@ -56,26 +67,26 @@ function U(i) {
             break;
         }
     };
-    document.addEventListener("keydown", r, !0), g(() => document.removeEventListener("keydown", r, !0));
+    document.addEventListener("keydown", r, !0), u(() => document.removeEventListener("keydown", r, !0));
   });
-  const f = (t, r) => {
+  const m = (t, r) => {
     const n = document.querySelector('[data-floe-workbench-canvas-frame="true"]');
     if (!n) return null;
     const o = n.getBoundingClientRect();
     if (t < o.left || t > o.right || r < o.top || r > o.bottom)
       return null;
-    const v = t - o.left, h = r - o.top, l = e.viewport();
+    const w = t - o.left, v = r - o.top, l = e.viewport();
     return {
-      worldX: (v - l.x) / l.scale,
-      worldY: (h - l.y) / l.scale
+      worldX: (w - l.x) / l.scale,
+      worldY: (v - l.y) / l.scale
     };
-  }, w = (t, r, n) => {
-    const o = f(r, n);
+  }, f = (t, r, n) => {
+    const o = m(r, n);
     o && e.widgetActions.addWidgetAtCursor(t, o.worldX, o.worldY);
   };
   return (() => {
-    var t = R(), r = t.firstChild;
-    return c(r, a(y, {
+    var t = E(), r = t.firstChild;
+    return c(r, a(A, {
       get widgetDefinitions() {
         return e.widgetDefinitions();
       },
@@ -130,7 +141,7 @@ function U(i) {
       get onRequestDelete() {
         return e.widgetActions.deleteWidget;
       }
-    })), c(t, a(F, {
+    })), c(t, a(M, {
       get locked() {
         return e.locked();
       },
@@ -138,7 +149,7 @@ function U(i) {
         return e.lock.toggle;
       },
       get shortcutLabel() {
-        return u() ?? void 0;
+        return d() ?? void 0;
       }
     }), null), c(t, a(x, {
       get widgetDefinitions() {
@@ -156,7 +167,7 @@ function U(i) {
       get onShowAll() {
         return e.filter.showAll;
       },
-      onCreateAt: w
+      onCreateAt: f
     }), null), c(t, a(S, {
       get scaleLabel() {
         return e.scaleLabel();
@@ -167,16 +178,16 @@ function U(i) {
       get onZoomIn() {
         return e.hud.zoomIn;
       }
-    }), null), c(t, a(W, {
+    }), null), c(t, a(C, {
       get when() {
         return e.contextMenu.state();
       },
       get children() {
-        return a(k, {
+        return a(h, {
           get children() {
             return [(() => {
-              var n = L();
-              return s(n, "contextmenu", e.contextMenu.retarget, !0), s(n, "click", e.contextMenu.close, !0), n;
+              var n = R();
+              return p(n, "contextmenu", e.contextMenu.retarget, !0), n;
             })(), a(D, {
               get x() {
                 return e.contextMenu.position()?.left ?? 0;
@@ -191,10 +202,10 @@ function U(i) {
           }
         });
       }
-    }), null), p(() => b(t, `workbench-surface${i.class ? ` ${i.class}` : ""}`)), t;
+    }), null), k(() => W(t, `workbench-surface${i.class ? ` ${i.class}` : ""}`)), t;
   })();
 }
-C(["click", "contextmenu"]);
+b(["contextmenu"]);
 export {
-  U as WorkbenchSurface
+  P as WorkbenchSurface
 };

package/dist/components/workbench/index.d.ts

@@ -4,4 +4,4 @@ export { WorkbenchContextMenu, type WorkbenchContextMenuItem, type WorkbenchCont
 export { useWorkbenchModel, type UseWorkbenchModelOptions } from './useWorkbenchModel';
 export { WIDGET_REGISTRY, createWorkbenchFilterState, getWidgetEntry, isValidWorkbenchWidgetType, resolveWorkbenchWidgetDefinitions, type WidgetRegistryEntry, } from './widgets/widgetRegistry';
 export * from './types';
-export { sanitizeWorkbenchState, createDefaultWorkbenchState, createWorkbenchId, createWorkbenchProjectedRect, createWorkbenchRenderLayerMap, createWorkbenchWidgetSurfaceMetrics, resolveWorkbenchWidgetRenderMode, type WorkbenchRenderLayerMap, } from './workbenchHelpers';
+export { sanitizeWorkbenchState, createDefaultWorkbenchState, createWorkbenchId, createWorkbenchProjectedRect, createWorkbenchRenderLayerMap, createWorkbenchViewportCenteredOnWidget, createWorkbenchViewportFitForWidget, createWorkbenchWidgetSurfaceMetrics, resolveWorkbenchWidgetRenderMode, type WorkbenchRenderLayerMap, } from './workbenchHelpers';

package/dist/components/workbench/useWorkbenchModel.d.ts

@@ -36,6 +36,7 @@ export declare function useWorkbenchModel(options: UseWorkbenchModelOptions): {
         openCanvasContextMenu: (event: InfiniteCanvasContextMenuEvent) => void;
         openWidgetContextMenu: (event: MouseEvent, item: WorkbenchWidgetItem) => void;
         selectWidget: (widgetId: string) => void;
+        clearSelection: () => void;
         startOptimisticFront: (widgetId: string) => void;
         commitFront: (widgetId: string) => void;
         commitMove: (widgetId: string, position: {
@@ -66,6 +67,11 @@ export declare function useWorkbenchModel(options: UseWorkbenchModelOptions): {
         focusWidget: (widget: WorkbenchWidgetItem, options?: {
             centerViewport?: boolean;
         }) => WorkbenchWidgetItem<WorkbenchWidgetType>;
+        fitWidget: (widget: WorkbenchWidgetItem) => WorkbenchWidgetItem<WorkbenchWidgetType>;
+        overviewWidget: (widget: WorkbenchWidgetItem) => WorkbenchWidgetItem<WorkbenchWidgetType>;
+    };
+    selection: {
+        clear: () => void;
     };
     widgetActions: {
         deleteSelected: () => void;