@floegence/floe-webapp-core 0.36.74 → 0.36.76

package/dist/components/workbench/WorkbenchCanvasField.js

@@ -1,13 +1,13 @@
-import { insert as l, memo as u, createComponent as c, effect as M, template as W } from "solid-js/web";
+import { insert as l, memo as u, createComponent as c, effect as W, template as M } from "solid-js/web";
 import { createMemo as a, createSignal as E, For as I } from "solid-js";
 import { resolveWorkbenchInteractionAdapter as B } from "./workbenchInteractionAdapter.js";
-import { WORKBENCH_BACKGROUND_REGION_FILTER_ID as x, WORKBENCH_TEXT_FILTER_ID as N, WORKBENCH_STICKY_FILTER_ID as _ } from "./types.js";
-import { createWorkbenchRenderLayerMap as A } from "./workbenchHelpers.js";
+import { WORKBENCH_BACKGROUND_REGION_FILTER_ID as x, WORKBENCH_TEXT_FILTER_ID as N, WORKBENCH_STICKY_FILTER_ID as A } from "./types.js";
+import { createWorkbenchRenderLayerMap as _ } from "./workbenchHelpers.js";
 import { getWidgetEntry as D } from "./widgets/widgetRegistry.js";
 import { WorkbenchWidget as V } from "./WorkbenchWidget.js";
-import { WorkbenchPlacementPreview as s } from "./WorkbenchPlacementPreview.js";
-import { WorkbenchBackgroundLayerView as P, WorkbenchAnnotationLayerView as j, WorkbenchLayerControlOverlayView as G, createWorkbenchTextEditorRegistry as T, WorkbenchStickyNote as q } from "./WorkbenchLayerObjects.js";
-var z = /* @__PURE__ */ W("<div class=workbench-canvas__field><div class=workbench-canvas__grid aria-hidden=true></div><div class=workbench-work-layer>");
+import { WorkbenchPlacementPreview as P } from "./WorkbenchPlacementPreview.js";
+import { WorkbenchBackgroundLayerView as j, WorkbenchAnnotationLayerView as s, WorkbenchLayerControlOverlayView as G, createWorkbenchTextEditorRegistry as T, WorkbenchStickyNote as q } from "./WorkbenchLayerObjects.js";
+var z = /* @__PURE__ */ M("<div class=workbench-canvas__field><div class=workbench-canvas__grid aria-hidden=true></div><div class=workbench-work-layer>");
 function U(e) {
   const d = a((i) => {
     const m = e.widgetById().get(e.widgetId);
@@ -74,6 +74,9 @@ function U(e) {
     get onSelect() {
       return e.onSelectWidget;
     },
+    get onActivate() {
+      return e.onActivateWidget;
+    },
     get onContextMenu() {
       return e.onWidgetContextMenu;
     },
@@ -161,7 +164,7 @@ function $(e) {
   });
 }
 function te(e) {
-  const d = a(() => B(e.interactionAdapter)), n = a(() => e.widgets.map((r) => r.id)), i = a(() => new Map(e.widgets.map((r) => [r.id, r]))), m = a(() => (e.stickyNotes ?? []).map((r) => r.id)), f = a(() => new Map((e.stickyNotes ?? []).map((r) => [r.id, r]))), R = T(), v = a(() => e.textEditorRegistry ?? R), C = a(() => A([...e.widgets, ...e.stickyNotes ?? []])), b = a(() => e.selectedObject?.kind === "widget" ? e.selectedObject.id : e.selectedWidgetId), L = a(() => e.locked || !!e.workLayerLocked), [O, h] = E(null), y = a(() => e.layerGeometryPreview === void 0 ? O() : e.layerGeometryPreview), w = (r) => {
+  const d = a(() => B(e.interactionAdapter)), n = a(() => e.widgets.map((r) => r.id)), i = a(() => new Map(e.widgets.map((r) => [r.id, r]))), m = a(() => (e.stickyNotes ?? []).map((r) => r.id)), f = a(() => new Map((e.stickyNotes ?? []).map((r) => [r.id, r]))), R = T(), v = a(() => e.textEditorRegistry ?? R), C = a(() => _([...e.widgets, ...e.stickyNotes ?? []])), b = a(() => e.selectedObject?.kind === "widget" ? e.selectedObject.id : e.selectedWidgetId), L = a(() => e.locked || !!e.workLayerLocked), [O, h] = E(null), y = a(() => e.layerGeometryPreview === void 0 ? O() : e.layerGeometryPreview), w = (r) => {
     if (e.onLayerGeometryPreview) {
       e.onLayerGeometryPreview(r);
       return;
@@ -172,7 +175,7 @@ function te(e) {
     var r = z(), F = r.firstChild, k = F.nextSibling;
     return l(r, (() => {
       var g = u(() => !!S());
-      return () => g() ? [c(P, {
+      return () => g() ? [c(j, {
         get items() {
           return e.backgroundLayers ?? [];
         },
@@ -195,7 +198,7 @@ function te(e) {
         onSelect: (t) => e.onSelectBackgroundLayer?.(t),
         onContextMenu: (t, o) => e.onBackgroundLayerContextMenu?.(t, o),
         onCommitMove: (t, o) => e.onCommitBackgroundMove?.(t, o)
-      }), c(j, {
+      }), c(s, {
         get items() {
           return e.annotations ?? [];
         },
@@ -264,6 +267,9 @@ function te(e) {
         get onSelectWidget() {
           return e.onSelectWidget;
         },
+        get onActivateWidget() {
+          return e.onActivateWidget;
+        },
         get onWidgetContextMenu() {
           return e.onWidgetContextMenu;
         },
@@ -321,7 +327,7 @@ function te(e) {
           return L();
         },
         get filtered() {
-          return u(() => !e.workLayerLocked)() && e.filters[_] === !1;
+          return u(() => !e.workLayerLocked)() && e.filters[A] === !1;
         },
         get onSelectStickyNote() {
           return e.onSelectStickyNote;
@@ -391,7 +397,7 @@ function te(e) {
         onUpdateBackgroundLayer: (t, o) => e.onUpdateBackgroundLayer?.(t, o),
         onDeleteBackgroundLayer: (t) => e.onDeleteBackgroundLayer?.(t)
       }) : null;
-    })(), null), l(r, c(s, {
+    })(), null), l(r, c(P, {
       get preview() {
         return e.placementPreview;
       },
@@ -399,7 +405,7 @@ function te(e) {
       get viewport() {
         return e.viewport;
       }
-    }), null), M(() => r.classList.toggle("is-work-layer-muted", !!e.workLayerLocked)), r;
+    }), null), W(() => r.classList.toggle("is-work-layer-muted", !!e.workLayerLocked)), r;
   })();
 }
 export {

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

@@ -1,3 +1,4 @@
+import { type UIFirstSelectionEvent } from '../../utils/uiFirstSelection';
 import { type WorkbenchContextMenuItem } from './WorkbenchContextMenu';
 import type { WorkbenchState, WorkbenchAnnotationItem, WorkbenchBackgroundLayer, WorkbenchBackgroundLayerDefaults, WorkbenchBackgroundLayerPatch, WorkbenchContextMenuState, WorkbenchInteractionAdapter, WorkbenchStickyNoteItem, WorkbenchStickyNotePatch, WorkbenchTextAnnotationDefaults, WorkbenchTextAnnotationPatch, WorkbenchWidgetDefinition, WorkbenchWidgetItem, WorkbenchWidgetType } from './types';
 export interface WorkbenchCreateAtOptions {
@@ -67,5 +68,10 @@ export interface WorkbenchSurfaceProps {
     onRequestDelete?: (widgetId: string) => void;
     onLayoutInteractionStart?: () => void;
     onLayoutInteractionEnd?: () => void;
+    /** Defer pointer/focus widget activation until the visual selection has painted. */
+    widgetActivationMode?: 'sync' | 'after-paint';
+    onWidgetActivationEvent?: (event: UIFirstSelectionEvent<string | null, {
+        bringToFront: boolean;
+    }>) => void;
 }
 export declare function WorkbenchSurface(props: WorkbenchSurfaceProps): import("solid-js").JSX.Element;