@floegence/floe-webapp-core 0.36.41 → 0.36.43

package/dist/components/ui/floatingWindowGeometry.d.ts

@@ -5,6 +5,18 @@ export interface FloatingWindowRect {
     width: number;
     height: number;
 }
+export interface FloatingWindowViewportInsets {
+    top?: number;
+    right?: number;
+    bottom?: number;
+    left?: number;
+}
+export interface FloatingWindowViewport {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+}
 interface PointerPosition {
     x: number;
     y: number;
@@ -24,6 +36,7 @@ interface ResolveFloatingWindowRectOptions {
     minSize: Size;
     maxSize: Size;
     viewport: Size;
+    viewportInsets?: FloatingWindowViewportInsets;
     mobile: boolean;
     mobilePadding: number;
 }
@@ -32,10 +45,12 @@ interface NormalizeFloatingWindowRectOptions {
     minSize: Size;
     maxSize: Size;
     viewport: Size;
+    viewportInsets?: FloatingWindowViewportInsets;
     mobile: boolean;
     mobilePadding: number;
     center?: boolean;
 }
+export declare function resolveFloatingWindowViewport(viewport: Size, insets?: FloatingWindowViewportInsets): FloatingWindowViewport;
 export declare function resolveFloatingWindowRect(options: ResolveFloatingWindowRectOptions): FloatingWindowRect;
 export declare function normalizeFloatingWindowRect(options: NormalizeFloatingWindowRectOptions): FloatingWindowRect;
 export {};

package/dist/components/ui/floatingWindowGeometry.js

@@ -1,65 +1,97 @@
-function l(o, h, e) {
-  return Math.max(h, Math.min(e, o));
+function x(e, i, m) {
+  return Math.max(i, Math.min(m, e));
 }
-function z(o, h, e) {
-  const a = Math.max(0, e), t = Math.min(o, a), n = Math.max(t, Math.min(h, a));
-  return { min: t, max: n };
+function l(e, i, m) {
+  const s = Math.max(0, m), o = Math.min(e, s), c = Math.max(o, Math.min(i, s));
+  return { min: o, max: c };
 }
-function S(o) {
+function z(e) {
+  const i = Number(e);
+  return Number.isFinite(i) && i > 0 ? i : 0;
+}
+function X(e, i = {}) {
+  const m = Math.max(0, e.width), s = Math.max(0, e.height), o = Math.min(z(i.left), m), c = Math.min(z(i.top), s), n = Math.min(z(i.right), Math.max(0, m - o)), d = Math.min(z(i.bottom), Math.max(0, s - c));
+  return {
+    x: o,
+    y: c,
+    width: Math.max(0, m - o - n),
+    height: Math.max(0, s - c - d)
+  };
+}
+function Y(e) {
+  return e.x + e.width;
+}
+function H(e) {
+  return e.y + e.height;
+}
+function I(e) {
   const {
-    mode: h,
-    pointer: e,
-    dragStartPos: a,
-    dragStartRect: t,
-    resizeStartPos: n,
-    resizeStartRect: i,
-    resizeHandle: m,
-    minSize: g,
-    maxSize: d,
-    viewport: s,
-    mobile: x,
-    mobilePadding: M
-  } = o, r = e.x - (h === "drag" ? a.x : n.x), w = e.y - (h === "drag" ? a.y : n.y);
-  if (h === "drag")
+    mode: i,
+    pointer: m,
+    dragStartPos: s,
+    dragStartRect: o,
+    resizeStartPos: c,
+    resizeStartRect: n,
+    resizeHandle: d,
+    minSize: r,
+    maxSize: t,
+    viewport: R,
+    viewportInsets: S,
+    mobile: y,
+    mobilePadding: f
+  } = e, a = X(R, S), g = Y(a), w = H(a), u = m.x - (i === "drag" ? s.x : c.x), p = m.y - (i === "drag" ? s.y : c.y);
+  if (i === "drag") {
+    const h = Math.max(a.x, g - o.width), M = Math.max(a.y, w - o.height);
     return {
-      ...t,
-      x: x ? M : Math.max(0, Math.min(s.width - t.width, t.x + r)),
-      y: Math.max(0, Math.min(s.height - t.height, t.y + w))
+      ...o,
+      x: x(y ? a.x + f : o.x + u, a.x, h),
+      y: x(o.y + p, a.y, M)
     };
-  let u = i.width, f = i.height, y = i.x, b = i.y;
-  if (!x && m.includes("e") && (u = Math.max(g.width, Math.min(d.width, i.width + r))), !x && m.includes("w")) {
-    const c = i.width - r;
-    c >= g.width && c <= d.width && (u = c, y = i.x + r);
   }
-  if (m.includes("s") && (f = Math.max(g.height, Math.min(d.height, i.height + w))), m.includes("n")) {
-    const c = i.height - w;
-    c >= g.height && c <= d.height && (f = c, b = i.y + w);
+  let b = n.width, v = n.height, W = n.x, F = n.y;
+  if (!y && d.includes("e")) {
+    const h = l(r.width, t.width, g - n.x);
+    b = x(n.width + u, h.min, h.max);
+  }
+  if (!y && d.includes("w")) {
+    const h = n.x + n.width, M = l(r.width, t.width, h - a.x), B = h - M.max, P = Math.max(B, h - M.min);
+    W = x(n.x + u, B, P), b = Math.max(0, h - W);
+  }
+  if (d.includes("s")) {
+    const h = l(r.height, t.height, w - n.y);
+    v = x(n.height + p, h.min, h.max);
+  }
+  if (d.includes("n")) {
+    const h = n.y + n.height, M = l(r.height, t.height, h - a.y), B = h - M.max, P = Math.max(B, h - M.min);
+    F = x(n.y + p, B, P), v = Math.max(0, h - F);
   }
   return {
-    x: Math.max(0, Math.min(s.width - u, y)),
-    y: Math.max(0, Math.min(s.height - f, b)),
-    width: u,
-    height: f
+    x: x(W, a.x, Math.max(a.x, g - b)),
+    y: x(F, a.y, Math.max(a.y, w - v)),
+    width: b,
+    height: v
   };
 }
-function p(o) {
+function V(e) {
   const {
-    rect: h,
-    minSize: e,
-    maxSize: a,
-    viewport: t,
+    rect: i,
+    minSize: m,
+    maxSize: s,
+    viewport: o,
+    viewportInsets: c,
     mobile: n,
-    mobilePadding: i,
-    center: m = !1
-  } = o, g = n ? Math.max(0, t.width - i * 2) : t.width, d = z(e.width, a.width, g), s = z(e.height, a.height, t.height), x = n ? d.max : l(h.width, d.min, d.max), M = l(h.height, s.min, s.max), r = Math.max(0, t.width - x), w = Math.max(0, t.height - M);
+    mobilePadding: d,
+    center: r = !1
+  } = e, t = X(o, c), R = Y(t), S = H(t), y = n ? Math.max(0, t.width - d * 2) : t.width, f = l(m.width, s.width, y), a = l(m.height, s.height, t.height), g = n ? f.max : x(i.width, f.min, f.max), w = x(i.height, a.min, a.max), u = Math.max(t.x, R - g), p = Math.max(t.y, S - w);
   return {
-    x: n ? l(i, 0, r) : m ? Math.max(0, Math.round((t.width - x) / 2)) : l(h.x, 0, r),
-    y: m ? Math.max(0, Math.round((t.height - M) / 2)) : l(h.y, 0, w),
-    width: x,
-    height: M
+    x: n ? x(t.x + d, t.x, u) : r ? Math.max(t.x, Math.round(t.x + (t.width - g) / 2)) : x(i.x, t.x, u),
+    y: r ? Math.max(t.y, Math.round(t.y + (t.height - w) / 2)) : x(i.y, t.y, p),
+    width: g,
+    height: w
   };
 }
 export {
-  p as normalizeFloatingWindowRect,
-  S as resolveFloatingWindowRect
+  V as normalizeFloatingWindowRect,
+  I as resolveFloatingWindowRect,
+  X as resolveFloatingWindowViewport
 };

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

@@ -3,6 +3,7 @@ export { Tag, type TagProps, type TagVariant, type TagSize } from './Tag';
 export { Input, Textarea, NumberInput, AffixInput, type InputProps, type InputSize, type TextareaProps, type NumberInputProps, type AffixInputProps, type AffixOption, } from './Input';
 export { Dialog, ConfirmDialog, type DialogProps, type ConfirmDialogProps } from './Dialog';
 export { FloatingWindow, type FloatingWindowProps } from './FloatingWindow';
+export { resolveFloatingWindowViewport, type FloatingWindowRect, type FloatingWindowViewport, type FloatingWindowViewportInsets, } from './floatingWindowGeometry';
 export { Dropdown, Select, type DropdownProps, type DropdownItem, type SelectProps, } from './Dropdown';
 export { SurfaceFloatingLayer, type SurfaceFloatingLayerPosition, type SurfaceFloatingLayerProps, type SurfaceFloatingLayerSize, } from './SurfaceFloatingLayer';
 export { Tooltip, type TooltipProps } from './Tooltip';

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

@@ -1,18 +1,23 @@
 import { type InfiniteCanvasContextMenuEvent } from '../../ui';
 import { type ResolvedWorkbenchInteractionAdapter } from './workbenchInteractionAdapter';
-import type { WorkbenchInteractionAdapter, WorkbenchViewport, WorkbenchWidgetDefinition, WorkbenchWidgetItem, WorkbenchWidgetType } from './types';
+import { type WorkbenchAnnotationItem, type WorkbenchBackgroundLayer, type WorkbenchInteractionMode, type WorkbenchInteractionAdapter, type WorkbenchSelection, type WorkbenchStickyNoteItem, type WorkbenchTextAnnotationPatch, type WorkbenchViewport, type WorkbenchWidgetDefinition, type WorkbenchWidgetItem } from './types';
 export interface WorkbenchCanvasProps {
     widgetDefinitions: readonly WorkbenchWidgetDefinition[];
     widgets: readonly WorkbenchWidgetItem[];
+    stickyNotes?: readonly WorkbenchStickyNoteItem[];
+    annotations?: readonly WorkbenchAnnotationItem[];
+    backgroundLayers?: readonly WorkbenchBackgroundLayer[];
     viewport: WorkbenchViewport;
     canvasFrameSize: {
         width: number;
         height: number;
     };
     selectedWidgetId: string | null;
+    selectedObject?: WorkbenchSelection | null;
+    mode?: WorkbenchInteractionMode;
     optimisticFrontWidgetId: string | null;
     locked: boolean;
-    filters: Record<WorkbenchWidgetType, boolean>;
+    filters: Record<string, boolean>;
     interactionAdapter?: WorkbenchInteractionAdapter | ResolvedWorkbenchInteractionAdapter;
     setCanvasFrameRef: (el: HTMLDivElement | undefined) => void;
     onViewportCommit: (viewport: WorkbenchViewport) => void;
@@ -31,6 +36,44 @@ export interface WorkbenchCanvasProps {
         width: number;
         height: number;
     }) => void;
+    onSelectStickyNote?: (noteId: string) => void;
+    onStickyNoteContextMenu?: (event: MouseEvent, item: WorkbenchStickyNoteItem) => void;
+    onStartStickyOptimisticFront?: (noteId: string) => void;
+    onCommitStickyFront?: (noteId: string) => void;
+    onCommitStickyMove?: (noteId: string, position: {
+        x: number;
+        y: number;
+    }) => void;
+    onCommitStickyResize?: (noteId: string, size: {
+        width: number;
+        height: number;
+    }) => void;
+    onUpdateStickyNote?: (noteId: string, patch: Partial<Pick<WorkbenchStickyNoteItem, 'body' | 'color'>>) => void;
+    onDeleteStickyNote?: (noteId: string) => void;
+    onSelectAnnotation?: (annotationId: string) => void;
+    onAnnotationContextMenu?: (event: MouseEvent, item: WorkbenchAnnotationItem) => void;
+    onCommitAnnotationMove?: (annotationId: string, position: {
+        x: number;
+        y: number;
+    }) => void;
+    onCommitAnnotationResize?: (annotationId: string, size: {
+        width: number;
+        height: number;
+    }) => void;
+    onUpdateTextAnnotation?: (annotationId: string, patch: WorkbenchTextAnnotationPatch) => void;
+    onDeleteAnnotation?: (annotationId: string) => void;
+    onSelectBackgroundLayer?: (layerId: string) => void;
+    onBackgroundLayerContextMenu?: (event: MouseEvent, item: WorkbenchBackgroundLayer) => void;
+    onCommitBackgroundMove?: (layerId: string, position: {
+        x: number;
+        y: number;
+    }) => void;
+    onCommitBackgroundResize?: (layerId: string, size: {
+        width: number;
+        height: number;
+    }) => void;
+    onUpdateBackgroundLayer?: (layerId: string, patch: Partial<Pick<WorkbenchBackgroundLayer, 'fill' | 'opacity' | 'material' | 'name'>>) => void;
+    onDeleteBackgroundLayer?: (layerId: string) => void;
     onRequestOverview: (item: WorkbenchWidgetItem) => void;
     onRequestFit: (item: WorkbenchWidgetItem) => void;
     onRequestDelete: (widgetId: string) => void;