@cratis/event-models 0.344.0 → 0.345.0

package/dist/screen-editor/{QueryBindingPropertyEditor-QpvyESab.js → QueryBindingPropertyEditor-BofsQo32.js}

@@ -1,5 +1,5 @@
-import { L as N, R as E, c as B, d as L, f as F, h as I, l as j, m as M, t as R, u as Q } from "./DataBindingSections-DGWtMxlD.js";
-import { useState as k } from "react";
+import { F as N, P as E, c as B, d as F, f as I, h as L, l as j, m as M, t as k, u as Q } from "./DataBindingSections-wybsadzf.js";
+import { useState as R } from "react";
 import { Fragment as S, jsx as o, jsxs as d } from "react/jsx-runtime";
 import { validateBinding as D } from "@cratis/scene.engine";
 var c = /* @__PURE__ */ (function(r) {
@@ -16,7 +16,7 @@ function b(r, i, u, l) {
   };
 }
 var V = (r) => r.origin.map((i) => i.name).join(" / "), T = ({ property: r, candidates: i, scope: u, strings: l, disabled: s, onChange: m }) => {
-  const t = l.properties.query, [g, y] = k(), h = Q(r.effectiveValue) ? r.effectiveValue : void 0, n = g ?? h, p = n ? i.find((e) => e.id === n.queryId) : void 0, _ = n ? b(r.descriptor, p, n, u).diagnostics : [], v = (e) => {
+  const t = l.properties.query, [g, y] = R(), h = Q(r.effectiveValue) ? r.effectiveValue : void 0, n = g ?? h, p = n ? i.find((e) => e.id === n.queryId) : void 0, _ = n ? b(r.descriptor, p, n, u).diagnostics : [], v = (e) => {
     if (!e) {
       y(void 0), m(void 0);
       return;
@@ -67,7 +67,7 @@ var V = (r) => r.origin.map((i) => i.name).join(" / "), T = ({ property: r, cand
         className: "studio-editor-query__group",
         children: [/* @__PURE__ */ o("strong", { children: t.parameters }), p.parameters.map((e) => /* @__PURE__ */ d("label", { children: [/* @__PURE__ */ d("span", { children: [t.sourceFor(e.name), e.required ? " *" : ""] }), /* @__PURE__ */ d("select", {
           value: M(n, e),
-          onChange: (a) => v(F(n, e.name, a.target.value)),
+          onChange: (a) => v(I(n, e.name, a.target.value)),
           children: [/* @__PURE__ */ o("option", {
             value: "",
             children: t.noSource
@@ -83,7 +83,7 @@ var V = (r) => r.origin.map((i) => i.name).join(" / "), T = ({ property: r, cand
           children: [/* @__PURE__ */ o("input", {
             type: "checkbox",
             checked: j(n, e),
-            onChange: (a) => v(a.target.checked ? L(n, e.name) : I(n, e.name))
+            onChange: (a) => v(a.target.checked ? F(n, e.name) : L(n, e.name))
           }), /* @__PURE__ */ o("span", { children: t.showColumn(e.name) })]
         }, e.name))]
       })] }),
@@ -93,7 +93,7 @@ var V = (r) => r.origin.map((i) => i.name).join(" / "), T = ({ property: r, cand
         "data-state": q,
         children: $(q, t.preview)
       }),
-      /* @__PURE__ */ o(N, {
+      /* @__PURE__ */ o(E, {
         diagnostics: _,
         label: l.properties.diagnostics
       })
@@ -127,7 +127,7 @@ var J = ({ value: r, onChange: i, context: u, disabled: l }) => {
     strings: s.screenStrings,
     disabled: l === !0,
     onChange: i
-  }), m && t && /* @__PURE__ */ o(R, {
+  }), m && t && /* @__PURE__ */ o(k, {
     controller: s.controller,
     environment: s.environment,
     strings: s.screenStrings,
@@ -135,7 +135,7 @@ var J = ({ value: r, onChange: i, context: u, disabled: l }) => {
     candidate: t,
     disabled: l === !0,
     onChange: (g, y, h) => {
-      const n = h === "" ? s.bindingScope : E({
+      const n = h === "" ? s.bindingScope : N({
         ...s.bindingScope.types,
         [h]: y.type
       });

package/dist/screen-editor/ScreenEditor/DesignMode/DesignModeChrome.d.ts

@@ -2,14 +2,19 @@ import { type RefObject } from 'react';
 import type { ScreenEditorController } from '../Host/ScreenEditorController';
 import type { ScreenEditorEnvironment } from '../Host/ScreenEditorHost';
 import type { ScreenEditorStrings } from '../Inspector/ScreenEditorStrings';
+import type { EditorContext } from '../PropertyEditors/Registry/PropertyEditorProps';
 import type { DesignModeStrings } from './DesignModeStrings';
 import type { DesignModeState } from './useDesignMode';
-export interface DesignModeChromeProps {
+export type DesignModeEditorSource = {
+    controller: ScreenEditorController;
+    editorStrings: ScreenEditorStrings;
+} | {
+    editorContext: () => EditorContext;
+};
+export type DesignModeChromeProps = {
     surface: RefObject<HTMLDivElement | null>;
     state: DesignModeState;
-    controller: ScreenEditorController;
     environment: ScreenEditorEnvironment;
-    editorStrings: ScreenEditorStrings;
     strings: DesignModeStrings;
-}
-export declare const DesignModeChrome: ({ surface, state, controller, environment, editorStrings, strings }: DesignModeChromeProps) => import("react").JSX.Element | null;
+} & DesignModeEditorSource;
+export declare const DesignModeChrome: (props: DesignModeChromeProps) => import("react").JSX.Element | null;

package/dist/screen-editor/ScreenEditor/DesignMode/Outlets/levelOutlets.d.ts

@@ -0,0 +1,13 @@
+import type { OutletRefinement, SceneDocument } from '@cratis/scene.model';
+import { OutletLevelKind } from '@cratis/scene.engine';
+export interface LevelRefinements {
+    kind: OutletLevelKind.Module | OutletLevelKind.Feature;
+    name: string;
+    refinements: readonly OutletRefinement[];
+}
+export declare const isHostedLevel: (kind: OutletLevelKind) => kind is LevelRefinements['kind'];
+export declare function withLevelOutlets(document: SceneDocument, levels: readonly LevelRefinements[]): SceneDocument;
+export declare function withoutLevelOutlets(document: SceneDocument): {
+    document: SceneDocument;
+    levels: LevelRefinements[];
+};

package/dist/screen-editor/ScreenEditor/DesignMode/Outlets/savedScreenDocument.d.ts

@@ -0,0 +1,6 @@
+import type { SceneDocument } from '@cratis/scene.model';
+import { type LevelRefinements } from './levelOutlets';
+export declare function savedScreenDocument(document: SceneDocument, screen: string | undefined, hostKeepsLevels: boolean): {
+    document: SceneDocument;
+    levelOutlets?: LevelRefinements[];
+};

package/dist/screen-editor/ScreenEditor/DesignMode/useDesignModeMeasurement.d.ts

@@ -1,4 +1,5 @@
 import { type RefObject } from 'react';
+import { type SurfaceOrigin } from '../Surface/elementRect';
 import type { Rect } from '../Surface/dropRegionRects';
 import type { DesignModeSubject } from './designModeTypes';
 export interface DesignModeMeasurement {
@@ -6,5 +7,5 @@ export interface DesignModeMeasurement {
     component: Rect | undefined;
     items: Readonly<Record<string, Rect>>;
 }
-export declare function useSurfaceMeasured<T>(surface: RefObject<HTMLDivElement | null>, compute: (root: HTMLDivElement, origin: DOMRect) => T | undefined, same: (a: T, b: T) => boolean): T | undefined;
+export declare function useSurfaceMeasured<T>(surface: RefObject<HTMLDivElement | null>, compute: (root: HTMLDivElement, origin: SurfaceOrigin) => T | undefined, same: (a: T, b: T) => boolean): T | undefined;
 export declare function useDesignModeMeasurement(surface: RefObject<HTMLDivElement | null>, subject: DesignModeSubject | undefined): DesignModeMeasurement | undefined;

package/dist/screen-editor/ScreenEditor/Host/ScreenEditorHost.d.ts

@@ -5,6 +5,7 @@ import type { ConfigurationDestination } from '@cratis/components/ConfigurationE
 import type { ScreenEditorRuntime } from '../Runtime/screenEditorRuntime';
 import type { QuillLoader } from '@cratis/scene.primereact';
 import type { StateChangeSlice } from '../Actions/StateChangeSlice';
+import type { LevelRefinements } from '../DesignMode/Outlets/levelOutlets';
 import type { ScreenEditorFileUpload } from './ScreenEditorFileUpload';
 import type { ColorToken, EditorReference, EditorSlice } from '../PropertyEditors/Registry/PropertyEditorProps';
 import type { PropertyEditorRegistry } from '../PropertyEditors/Registry/PropertyEditorRegistry';
@@ -51,6 +52,7 @@ export interface ScreenEditorEnvironment {
     templateScope?: TemplateScope;
     navigation?: ScreenEditorNavigation;
     location?: ScreenEditorLocation;
+    levelOutlets?: readonly LevelRefinements[];
 }
 export interface ScreenEditorLocation {
     path: readonly string[];
@@ -69,6 +71,7 @@ export interface ScreenEditorNavigation {
 }
 export interface ScreenEditorResult {
     document: SceneDocument;
+    levelOutlets?: LevelRefinements[];
     legacyElements: unknown[];
     windowSize: {
         width: number;

package/dist/screen-editor/ScreenEditor/Host/createScreenEditorEnvironment.d.ts

@@ -19,5 +19,6 @@ export interface ScreenEditorEnvironmentSource {
     selectableTemplates?: readonly ScreenTemplate[];
     navigation?: ScreenEditorEnvironment['navigation'];
     location?: ScreenEditorEnvironment['location'];
+    levelOutlets?: ScreenEditorEnvironment['levelOutlets'];
 }
 export declare function createScreenEditorEnvironment(source: ScreenEditorEnvironmentSource): ScreenEditorEnvironment;

package/dist/screen-editor/ScreenEditor/Host/openSubject.d.ts

@@ -1,5 +1,6 @@
 import type { SceneDocument, ScreenTemplate } from '@cratis/scene.model';
 import { type SceneDocumentProblem } from '../Document/readSceneDocument';
+import { type LevelRefinements } from '../DesignMode/Outlets/levelOutlets';
 import type { ScreenEditorRuntime } from '../Runtime/screenEditorRuntime';
 import type { ScreenEditorSelection, ScreenEditorSubject } from './ScreenEditorHost';
 export interface OpenedSubject {
@@ -14,5 +15,5 @@ export type OpenResult = {
     problem: SceneDocumentProblem;
 };
 type OpeningRuntime = Pick<ScreenEditorRuntime, 'profile' | 'packages'> & Partial<Pick<ScreenEditorRuntime, 'bundles'>>;
-export declare function openSubject(subject: ScreenEditorSubject, runtime?: OpeningRuntime, selectableTemplates?: readonly ScreenTemplate[]): OpenResult;
+export declare function openSubject(subject: ScreenEditorSubject, runtime?: OpeningRuntime, selectableTemplates?: readonly ScreenTemplate[], levelOutlets?: readonly LevelRefinements[]): OpenResult;
 export {};

package/dist/screen-editor/ScreenEditor/PropertyEditors/Registry/createEditorContext.d.ts

@@ -5,8 +5,9 @@ import type { ScreenEditorEnvironment } from '../../Host/ScreenEditorHost';
 import type { ScreenEditorStrings } from '../../Inspector/ScreenEditorStrings';
 import type { Ownership } from '../../Structure/Ownership';
 import type { EditorContext } from './PropertyEditorProps';
-export interface EditorContextInputs {
-    controller: ScreenEditorController;
+export type EditorControllerView = Pick<ScreenEditorController, 'selection' | 'selectedId' | 'inspection' | 'document' | 'structure' | 'navigationModule'>;
+export interface EditorContextInputs<TController extends EditorControllerView = ScreenEditorController> {
+    controller: TController;
     environment: ScreenEditorEnvironment;
     strings: ScreenEditorStrings;
     ownership: Ownership | undefined;
@@ -17,5 +18,5 @@ export interface EditorContextInputs {
     slotNames?: Readonly<Record<string, string>>;
 }
 export declare function fieldsOfBoundQuery(properties: Readonly<Record<string, unknown>> | undefined, candidates: readonly QueryCandidate[]): readonly QueryResultField[];
-export declare function createEditorContext(inputs: EditorContextInputs): EditorContext;
+export declare function createEditorContext(inputs: EditorContextInputs<EditorControllerView>): EditorContext;
 export declare function withSession(context: EditorContext, inputs: EditorContextInputs, property: InspectedProperty): EditorContext;

package/dist/screen-editor/ScreenEditor/Surface/elementRect.d.ts

@@ -1,3 +1,20 @@
 import type { Rect } from './dropRegionRects';
-export declare function elementRect(surface: Element, elementId: string, origin: DOMRect): Rect | undefined;
-export declare function nodeRect(node: Element, origin: DOMRect): Rect | undefined;
+export interface SurfaceOrigin {
+    left: number;
+    top: number;
+    width: number;
+    height: number;
+    scaleX?: number;
+    scaleY?: number;
+}
+/** The origin of a surface: its place on the page, its own size and the scale the page applies to it. */
+export declare function surfaceOrigin(root: HTMLElement): SurfaceOrigin;
+/** A box on the page, in the surface's own pixels. */
+export declare function inSurfacePixels(box: {
+    left: number;
+    top: number;
+    width: number;
+    height: number;
+}, origin: SurfaceOrigin): Rect;
+export declare function elementRect(surface: Element, elementId: string, origin: SurfaceOrigin): Rect | undefined;
+export declare function nodeRect(node: Element, origin: SurfaceOrigin): Rect | undefined;