@floegence/floe-webapp-core 0.40.13 → 0.40.15

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

@@ -1,6 +1,6 @@
 import { type UIFirstSelectionEvent } from '../../utils/uiFirstSelection';
 import { type WorkbenchContextMenuItem } from './WorkbenchContextMenu';
-import { type WorkbenchDockItemActivation, type WorkbenchDockAction } from './WorkbenchFilterBar';
+import { type WorkbenchDockItemActivation, type WorkbenchDockAction, type WorkbenchExternalDockDragController, type WorkbenchExternalDockDragItem } from './WorkbenchFilterBar';
 import type { WorkbenchState, WorkbenchAnnotationItem, WorkbenchBackgroundLayer, WorkbenchBackgroundLayerDefaults, WorkbenchBackgroundLayerPatch, WorkbenchContextMenuState, WorkbenchInteractionAdapter, WorkbenchStickyNoteItem, WorkbenchStickyNotePatch, WorkbenchTextAnnotationDefaults, WorkbenchTextAnnotationPatch, WorkbenchWidgetDefinition, WorkbenchWidgetItem, WorkbenchWidgetType } from './types';
 export interface WorkbenchCreateAtOptions {
     worldX?: number;
@@ -69,6 +69,8 @@ export interface WorkbenchSurfaceProps {
     onRequestDelete?: (widgetId: string) => void;
     onDockItemClick?: (item: WorkbenchDockItemActivation) => boolean | void;
     dockActions?: readonly WorkbenchDockAction[];
+    registerExternalDockDragController?: (controller: WorkbenchExternalDockDragController | null) => void;
+    onExternalDockDrop?: (item: WorkbenchExternalDockDragItem) => void;
     onLayoutInteractionStart?: () => void;
     onLayoutInteractionEnd?: () => void;
     /** Defer pointer/focus widget activation until the visual selection has painted. */

package/dist/components/workbench/WorkbenchSurface.js

@@ -1,5 +1,5 @@
-import { use as j, spread as K, mergeProps as Z, insert as v, createComponent as l, Portal as G, addEventListener as J, template as R, delegateEvents as Q } from "solid-js/web";
-import { createSignal as C, createMemo as w, untrack as h, createEffect as k, onCleanup as A, Show as ee } from "solid-js";
+import { use as j, spread as K, mergeProps as Z, insert as v, createComponent as l, Portal as G, addEventListener as J, template as E, delegateEvents as Q } from "solid-js/web";
+import { createSignal as W, createMemo as w, untrack as h, createEffect as k, onCleanup as A, Show as ee } from "solid-js";
 import { clientToCanvasWorld as B } from "../ui/canvasGeometry.js";
 import { createUIFirstSelection as te } from "../../utils/uiFirstSelection.js";
 import { WorkbenchCanvas as ne } from "./WorkbenchCanvas.js";
@@ -12,7 +12,7 @@ import { createContextMenuPosition as de, WORKBENCH_CONTEXT_MENU_WIDTH_PX as ue,
 import { resolveWorkbenchWidgetPlacementPreview as le, resolveWorkbenchToolPlacementPreview as ge } from "./workbenchPlacement.js";
 import { useWorkbenchModel as we } from "./useWorkbenchModel.js";
 import { resolveWorkbenchInteractionAdapter as me } from "./workbenchInteractionAdapter.js";
-var fe = /* @__PURE__ */ R("<div class=workbench-menu-backdrop data-floe-workbench-boundary=true>"), ve = /* @__PURE__ */ R("<div><div class=workbench-surface__body data-floe-workbench-canvas-frame=true>");
+var fe = /* @__PURE__ */ E("<div class=workbench-menu-backdrop data-floe-workbench-boundary=true>"), ve = /* @__PURE__ */ E("<div><div class=workbench-surface__body data-floe-workbench-canvas-frame=true>");
 const ke = "F1";
 function T(i) {
   if (i)
@@ -24,7 +24,7 @@ function T(i) {
       i.focus();
     }
 }
-function Re(i) {
+function Ee(i) {
   const t = we({
     state: () => i.state(),
     setState: (e) => i.setState(e),
@@ -44,7 +44,7 @@ function Re(i) {
       t.canvas.selectWidget(e), n?.bringToFront && t.canvas.commitFront(e);
     },
     onEvent: (e) => i.onWidgetActivationEvent?.(e)
-  }), F = () => i.widgetActivationMode === "after-paint" ? u.visual() : t.selectedWidgetId(), N = () => {
+  }), R = () => i.widgetActivationMode === "after-paint" ? u.visual() : t.selectedWidgetId(), F = () => {
     if (i.widgetActivationMode !== "after-paint" || !u.pending())
       return t.selectedObject();
     const e = u.visual();
@@ -52,7 +52,7 @@ function Re(i) {
       kind: "widget",
       id: e
     } : null;
-  }, O = (e) => {
+  }, N = (e) => {
     if (i.widgetActivationMode === "after-paint") {
       if (u.pending() && u.visual() === e) return;
       u.request(e, {
@@ -61,7 +61,7 @@ function Re(i) {
       return;
     }
     t.canvas.selectWidget(e);
-  }, E = (e) => {
+  }, O = (e) => {
     if (i.widgetActivationMode === "after-paint") {
       if (u.pending() && u.visual() === e) return;
       u.request(e, {
@@ -70,7 +70,7 @@ function Re(i) {
       return;
     }
     t.canvas.selectWidget(e), t.canvas.commitFront(e);
-  }, [s, X] = C(null), [_, q] = C(null), c = w(() => me(i.interactionAdapter)), [p, g] = C(h(() => c().createInitialInputOwner())), S = w(() => {
+  }, [s, X] = W(null), [_, q] = W(null), c = w(() => me(i.interactionAdapter)), [p, g] = W(h(() => c().createInitialInputOwner())), S = w(() => {
     const e = i.launcherWidgetTypes;
     return !e || e.length <= 0 ? null : new Set(e);
   }), Y = w(() => {
@@ -93,7 +93,7 @@ function Re(i) {
       widget: d,
       closeMenu: t.contextMenu.close
     });
-  }), M = w(() => {
+  }), D = w(() => {
     const e = t.contextMenu.state();
     if (!e) return;
     const n = b(), o = n.filter((a) => a.kind === "action").length, r = n.filter((a) => a.kind === "separator").length;
@@ -115,7 +115,7 @@ function Re(i) {
     }
     const f = s();
     f && e instanceof Node && f.contains(e) && g(r.createCanvasInputOwner(o));
-  }, I = (e = "selection_cleared") => {
+  }, M = (e = "selection_cleared") => {
     const n = c(), o = s();
     t.selection.clear(), g(n.createCanvasInputOwner(e)), queueMicrotask(() => {
       if (!o || typeof document > "u") return;
@@ -164,7 +164,7 @@ function Re(i) {
         const n = y();
         return t.widgetActions.addBackgroundLayerAtCursor(e?.worldX ?? n.worldX, e?.worldY ?? n.worldY) ?? null;
       },
-      clearSelection: () => I("selection_cleared"),
+      clearSelection: () => M("selection_cleared"),
       focusWidget: (e, n) => {
         const o = t.navigation.focusWidget(e, n);
         return m(o.id), o;
@@ -202,7 +202,7 @@ function Re(i) {
       i.onApiReady?.(null);
     });
   });
-  const D = () => i.lockShortcut === void 0 ? ke : i.lockShortcut;
+  const I = () => i.lockShortcut === void 0 ? ke : i.lockShortcut;
   k(() => {
     if (typeof window > "u" || !t.contextMenu.state()) return;
     const e = ce({
@@ -227,7 +227,7 @@ function Re(i) {
     });
   }), k(() => {
     if (i.enableKeyboard === !1 || typeof document > "u") return;
-    const e = D(), n = (o) => {
+    const e = I(), n = (o) => {
       if (!(o.defaultPrevented || o.isComposing)) {
         if (e !== null && o.key === e) {
           o.preventDefault(), t.lock.toggle();
@@ -261,7 +261,7 @@ function Re(i) {
     };
     document.addEventListener("keydown", n, !0), A(() => document.removeEventListener("keydown", n, !0));
   });
-  const W = (e, n, o) => {
+  const C = (e, n, o) => {
     if (o?.canvasFrame)
       return B(o.canvasFrame, t.viewport(), {
         clientX: e,
@@ -275,10 +275,10 @@ function Re(i) {
       clientY: n
     });
   }, z = (e, n, o, r) => {
-    const a = W(n, o, r);
+    const a = C(n, o, r);
     a && t.widgetActions.addWidgetAtWorldCenter(e, a.worldX, a.worldY);
   }, H = (e, n, o, r) => {
-    const a = W(n, o, r);
+    const a = C(n, o, r);
     if (a) {
       if (e === "sticky-note") {
         t.widgetActions.addStickyNoteAtCursor(a.worldX, a.worldY);
@@ -291,11 +291,11 @@ function Re(i) {
       e === "background-region" && t.widgetActions.addBackgroundLayerAtCursor(a.worldX, a.worldY);
     }
   }, U = (e) => {
-    e.button === 0 && (c().findWidgetRoot(e.target) || I("background_pointer"));
+    e.button === 0 && (c().findWidgetRoot(e.target) || M("background_pointer"));
   }, $ = w(() => {
     const e = _();
     if (!e) return null;
-    const n = W(e.clientX, e.clientY, e);
+    const n = C(e.clientX, e.clientY, e);
     return n ? e.kind === "widget" ? le({
       type: e.id,
       widgetDefinitions: t.widgetDefinitions(),
@@ -354,10 +354,10 @@ function Re(i) {
         return t.canvasFrameSize();
       },
       get selectedWidgetId() {
-        return F();
+        return R();
       },
       get selectedObject() {
-        return N();
+        return F();
       },
       get mode() {
         return t.mode();
@@ -387,8 +387,8 @@ function Re(i) {
         return t.canvas.openCanvasContextMenu;
       },
       onCanvasPointerDown: U,
-      onSelectWidget: O,
-      onActivateWidget: E,
+      onSelectWidget: N,
+      onActivateWidget: O,
       get onWidgetContextMenu() {
         return t.canvas.openWidgetContextMenu;
       },
@@ -483,7 +483,7 @@ function Re(i) {
         return t.lock.toggle;
       },
       get shortcutLabel() {
-        return D() ?? void 0;
+        return I() ?? void 0;
       }
     }), null), v(e, l(re, {
       get widgetDefinitions() {
@@ -519,6 +519,12 @@ function Re(i) {
       get dockActions() {
         return i.dockActions;
       },
+      get registerExternalDockDragController() {
+        return i.registerExternalDockDragController;
+      },
+      get onExternalDockDrop() {
+        return i.onExternalDockDrop;
+      },
       onDragPreviewChange: q
     }), null), v(e, l(ie, {
       get scaleLabel() {
@@ -546,10 +552,10 @@ function Re(i) {
               return J(o, "contextmenu", t.contextMenu.retarget, !0), o;
             })(), l(oe, {
               get x() {
-                return M()?.left ?? 0;
+                return D()?.left ?? 0;
               },
               get y() {
-                return M()?.top ?? 0;
+                return D()?.top ?? 0;
               },
               get items() {
                 return b();
@@ -563,5 +569,5 @@ function Re(i) {
 }
 Q(["contextmenu"]);
 export {
-  Re as WorkbenchSurface
+  Ee as WorkbenchSurface
 };

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

@@ -1,6 +1,6 @@
 export { WorkbenchOverlay, type WorkbenchOverlayProps, } from './WorkbenchOverlay';
 export { WorkbenchSurface, type WorkbenchSurfaceApi, type WorkbenchCreateAtOptions, type WorkbenchCreateWidgetOptions, type WorkbenchContextMenuItemsResolver, type WorkbenchSurfaceProps, } from './WorkbenchSurface';
-export type { WorkbenchDockAction, WorkbenchDockItemActivation } from './WorkbenchFilterBar';
+export type { WorkbenchDockAction, WorkbenchDockItemActivation, WorkbenchExternalDockDragController, WorkbenchExternalDockDragItem, } from './WorkbenchFilterBar';
 export { WorkbenchContextMenu, type WorkbenchContextMenuItem, type WorkbenchContextMenuProps, } from './WorkbenchContextMenu';
 export { useWorkbenchModel, type UseWorkbenchModelOptions } from './useWorkbenchModel';
 export { WIDGET_REGISTRY, createWorkbenchFilterState, getWidgetEntry, isValidWorkbenchWidgetType, resolveWorkbenchWidgetDefinitions, type WidgetRegistryEntry, } from './widgets/widgetRegistry';