@webiny/app-website-builder 0.0.0-unstable.e6f0dc8ca7 → 0.0.0-unstable.eb81deee7e

package/editorSdk/utils/executeOnChange.js

@@ -1,246 +1,179 @@
 import { toJS } from "mobx";
-import { buildAncestors, ComponentManifestToAstConverter, createElement, InputsBindingsProcessor } from "@webiny/website-builder-sdk";
+import { ComponentManifestToAstConverter, InputsBindingsProcessor, buildAncestors, createElement } from "@webiny/website-builder-sdk";
 const STOP_SYMBOL = Symbol.for("wb.handler.stop");
 const CONTINUE_SYMBOL = Symbol.for("wb.handler.continue");
-const stop = () => STOP_SYMBOL;
-const cont = () => CONTINUE_SYMBOL;
+const stop = ()=>STOP_SYMBOL;
+const cont = ()=>CONTINUE_SYMBOL;
 function runHandlers(handlers, ctx) {
-  if (Array.isArray(handlers)) {
-    for (const handler of handlers) {
-      if (handler(ctx) === STOP_SYMBOL) {
-        return;
-      }
-    }
-  } else {
-    handlers(ctx);
-  }
+    if (Array.isArray(handlers)) {
+        for (const handler of handlers)if (handler(ctx) === STOP_SYMBOL) return;
+    } else handlers(ctx);
 }
-/**
- * Runs manifest.onChange on the element, then walks up the ancestor chain
- * firing onDescendantChange on each ancestor that defines it.
- *
- * Returns an array of ancestor updates that must be flushed inside
- * editor.updateDocument().
- */
-export function executeOnChange(params) {
-  const {
-    editor,
-    elementId,
-    action,
-    breakpointNames,
-    baseBreakpoint,
-    elementFactory,
-    deepStyles
-  } = params;
-  const ancestorUpdates = [];
-  const document = editor.getDocumentState().read();
-  const components = editor.getEditorState().read().components;
-  const element = document.elements[elementId];
-  if (!element) {
-    return ancestorUpdates;
-  }
-  const manifest = components[element.component.name];
-
-  // Resolve deep inputs from the document when not explicitly provided.
-  const deepInputs = params.deepInputs ?? (manifest ? getDeepInputsForElement(elementId, manifest, document, breakpointNames, elementFactory) : {});
-
-  // --- manifest.onChange on the element itself ---
-  if (manifest?.onChange) {
-    const ancestors = buildAncestors(element, components, document);
-    const getElement = createGetElement(document, components, breakpointNames, elementFactory);
-    runHandlers(manifest.onChange, {
-      action,
-      id: elementId,
-      component: manifest,
-      inputs: deepInputs,
-      styles: deepStyles ?? {},
-      getAncestor: componentName => {
-        const found = ancestors.find(a => a.manifest.name === componentName);
-        if (!found) {
-          return undefined;
-        }
-        return buildAncestorContext(found.element.id, found.manifest, document, breakpointNames, elementFactory, ancestorUpdates, getElement);
-      },
-      getElement,
-      createElement: p => createElement(p),
-      executeCommand: (command, payload) => {
-        editor.executeCommand({
-          type: command
-        }, payload);
-      },
-      breakpoint: baseBreakpoint,
-      log: (...args) => console.log(...args),
-      stop,
-      continue: cont
+function executeOnChange(params) {
+    const { editor, elementId, action, breakpointNames, baseBreakpoint, elementFactory, deepStyles } = params;
+    const ancestorUpdates = [];
+    const document = editor.getDocumentState().read();
+    const components = editor.getEditorState().read().components;
+    const element = document.elements[elementId];
+    if (!element) return ancestorUpdates;
+    const manifest = components[element.component.name];
+    const deepInputs = params.deepInputs ?? (manifest ? getDeepInputsForElement(elementId, manifest, document, breakpointNames, elementFactory) : {});
+    if (manifest?.onChange) {
+        const ancestors = buildAncestors(element, components, document);
+        const getElement = createGetElement(document, components, breakpointNames, elementFactory);
+        runHandlers(manifest.onChange, {
+            action,
+            id: elementId,
+            component: manifest,
+            inputs: deepInputs,
+            styles: deepStyles ?? {},
+            getAncestor: (componentName)=>{
+                const found = ancestors.find((a)=>a.manifest.name === componentName);
+                if (!found) return;
+                return buildAncestorContext(found.element.id, found.manifest, document, breakpointNames, elementFactory, ancestorUpdates, getElement);
+            },
+            getElement,
+            createElement: (p)=>createElement(p),
+            executeCommand: (command, payload)=>{
+                editor.executeCommand({
+                    type: command
+                }, payload);
+            },
+            breakpoint: baseBreakpoint,
+            log: (...args)=>console.log(...args),
+            stop: stop,
+            continue: cont
+        });
+    }
+    fireDescendantChange({
+        editor,
+        element,
+        elementId,
+        deepInputs,
+        action,
+        document,
+        components,
+        breakpointNames,
+        baseBreakpoint,
+        elementFactory,
+        ancestorUpdates
     });
-  }
-
-  // --- onDescendantChange on each ancestor ---
-  fireDescendantChange({
-    editor,
-    element,
-    elementId,
-    deepInputs,
-    action,
-    document,
-    components,
-    breakpointNames,
-    baseBreakpoint,
-    elementFactory,
-    ancestorUpdates
-  });
-  return ancestorUpdates;
+    return ancestorUpdates;
 }
 function fireDescendantChange(params) {
-  const {
-    editor,
-    element,
-    elementId,
-    deepInputs,
-    action,
-    document,
-    components,
-    breakpointNames,
-    baseBreakpoint,
-    elementFactory,
-    ancestorUpdates
-  } = params;
-  let currentParentId = element.parent?.id;
-  while (currentParentId) {
-    const parentEl = document.elements[currentParentId];
-    if (!parentEl) {
-      break;
+    const { editor, element, elementId, deepInputs, action, document, components, breakpointNames, baseBreakpoint, elementFactory, ancestorUpdates } = params;
+    let currentParentId = element.parent?.id;
+    while(currentParentId){
+        const parentEl = document.elements[currentParentId];
+        if (!parentEl) break;
+        const parentManifest = components[parentEl.component.name];
+        if (parentManifest?.onDescendantChange) {
+            const parentDeep = getDeepInputsForElement(parentEl.id, parentManifest, document, breakpointNames, elementFactory);
+            const getElement = createGetElement(document, components, breakpointNames, elementFactory);
+            runHandlers(parentManifest.onDescendantChange, {
+                action,
+                descendant: {
+                    component: components[element.component.name],
+                    id: elementId,
+                    inputs: JSON.parse(JSON.stringify(deepInputs)),
+                    updateInputs: (cb)=>{
+                        cb(deepInputs);
+                        ancestorUpdates.push({
+                            elementId,
+                            manifest: components[element.component.name],
+                            inputs: deepInputs
+                        });
+                    }
+                },
+                inputs: parentDeep,
+                updateInputs: (cb)=>{
+                    cb(parentDeep);
+                    ancestorUpdates.push({
+                        elementId: parentEl.id,
+                        manifest: parentManifest,
+                        inputs: parentDeep
+                    });
+                },
+                getElement,
+                executeCommand: (command, payload)=>editor.executeCommand({
+                        type: command
+                    }, payload),
+                breakpoint: baseBreakpoint,
+                log: (...args)=>console.log(...args),
+                stop: stop,
+                continue: cont
+            });
+        }
+        currentParentId = parentEl.parent?.id;
     }
-    const parentManifest = components[parentEl.component.name];
-    if (parentManifest?.onDescendantChange) {
-      const parentDeep = getDeepInputsForElement(parentEl.id, parentManifest, document, breakpointNames, elementFactory);
-      const getElement = createGetElement(document, components, breakpointNames, elementFactory);
-      runHandlers(parentManifest.onDescendantChange, {
-        action,
-        descendant: {
-          component: components[element.component.name],
-          id: elementId,
-          inputs: structuredClone(deepInputs),
-          updateInputs: cb => {
+}
+function buildAncestorContext(ancestorElementId, ancestorManifest, document, breakpointNames, elementFactory, ancestorUpdates, getElement) {
+    const deepInputs = getDeepInputsForElement(ancestorElementId, ancestorManifest, document, breakpointNames, elementFactory);
+    return {
+        id: ancestorElementId,
+        component: ancestorManifest,
+        inputs: deepInputs,
+        updateInputs: (cb)=>{
             cb(deepInputs);
             ancestorUpdates.push({
-              elementId,
-              manifest: components[element.component.name],
-              inputs: deepInputs
+                elementId: ancestorElementId,
+                manifest: ancestorManifest,
+                inputs: deepInputs
             });
-          }
-        },
-        inputs: parentDeep,
-        updateInputs: cb => {
-          cb(parentDeep);
-          ancestorUpdates.push({
-            elementId: parentEl.id,
-            manifest: parentManifest,
-            inputs: parentDeep
-          });
         },
-        getElement,
-        executeCommand: (command, payload) => editor.executeCommand({
-          type: command
-        }, payload),
-        breakpoint: baseBreakpoint,
-        log: (...args) => console.log(...args),
-        stop,
-        continue: cont
-      });
-    }
-    currentParentId = parentEl.parent?.id;
-  }
-}
-function buildAncestorContext(ancestorElementId, ancestorManifest, document, breakpointNames, elementFactory, ancestorUpdates, getElement) {
-  const deepInputs = getDeepInputsForElement(ancestorElementId, ancestorManifest, document, breakpointNames, elementFactory);
-  return {
-    id: ancestorElementId,
-    component: ancestorManifest,
-    inputs: deepInputs,
-    updateInputs: cb => {
-      cb(deepInputs);
-      ancestorUpdates.push({
-        elementId: ancestorElementId,
-        manifest: ancestorManifest,
-        inputs: deepInputs
-      });
-    },
-    getElement
-  };
+        getElement
+    };
 }
 function createGetElement(document, components, breakpointNames, elementFactory) {
-  return id => {
-    const el = document.elements[id];
-    if (!el) {
-      return undefined;
-    }
-    const manifest = components[el.component.name];
-    if (!manifest) {
-      return undefined;
-    }
-    const inputs = getDeepInputsForElement(id, manifest, document, breakpointNames, elementFactory);
-    return {
-      id,
-      component: manifest,
-      inputs
+    return (id)=>{
+        const el = document.elements[id];
+        if (!el) return;
+        const manifest = components[el.component.name];
+        if (!manifest) return;
+        const inputs = getDeepInputsForElement(id, manifest, document, breakpointNames, elementFactory);
+        return {
+            id,
+            component: manifest,
+            inputs
+        };
     };
-  };
 }
 function getDeepInputsForElement(elId, manifest, document, breakpointNames, elementFactory) {
-  const rawBindings = toJS(document.bindings[elId]) ?? {};
-  const ast = ComponentManifestToAstConverter.convert(manifest.inputs);
-  const processor = new InputsBindingsProcessor(elId, ast, breakpointNames, rawBindings, elementFactory);
-  return structuredClone(processor.toDeepInputs(rawBindings.inputs ?? {}));
+    const rawBindings = toJS(document.bindings[elId]) ?? {};
+    const ast = ComponentManifestToAstConverter.convert(manifest.inputs);
+    const processor = new InputsBindingsProcessor(elId, ast, breakpointNames, rawBindings, elementFactory);
+    return JSON.parse(JSON.stringify(processor.toDeepInputs(rawBindings.inputs ?? {})));
 }
-
-/**
- * Apply collected ancestor updates inside editor.updateDocument().
- */
-export function applyAncestorUpdates(doc, updates, breakpointNames, baseBreakpoint, elementFactory) {
-  for (const update of updates) {
-    const rawBindings = doc.bindings[update.elementId] ?? {
-      inputs: {}
-    };
-    const ast = ComponentManifestToAstConverter.convert(update.manifest.inputs);
-
-    // Refresh slot values from the current document state so that
-    // ancestor updates don't overwrite slot changes made by the
-    // caller (e.g. element deletion removing an ID from a slot).
-    refreshSlotValues(ast, rawBindings.inputs ?? {}, update.inputs);
-    const processor = new InputsBindingsProcessor(update.elementId, ast, breakpointNames, rawBindings, elementFactory);
-    const inputsUpdate = processor.createUpdate(update.inputs, baseBreakpoint);
-    inputsUpdate.applyToDocument(doc);
-  }
+function applyAncestorUpdates(doc, updates, breakpointNames, baseBreakpoint, elementFactory) {
+    for (const update of updates){
+        const rawBindings = doc.bindings[update.elementId] ?? {
+            inputs: {}
+        };
+        const ast = ComponentManifestToAstConverter.convert(update.manifest.inputs);
+        refreshSlotValues(ast, rawBindings.inputs ?? {}, update.inputs);
+        const processor = new InputsBindingsProcessor(update.elementId, ast, breakpointNames, rawBindings, elementFactory);
+        const inputsUpdate = processor.createUpdate(update.inputs, baseBreakpoint);
+        inputsUpdate.applyToDocument(doc);
+    }
 }
-
-/**
- * Walk the AST and overwrite slot values in `deepInputs` with the
- * current flat binding values from `currentFlat`. This prevents stale
- * slot snapshots (captured before element removal) from restoring
- * deleted element references.
- */
 function refreshSlotValues(ast, currentFlat, deepInputs) {
-  const walk = (nodes, target, prefix) => {
-    for (const node of nodes) {
-      const pathParts = [...prefix, node.name];
-      const flatKey = pathParts.join("/");
-      if (node.children.length > 0) {
-        // Recurse into object children (skip list objects — their
-        // slots are nested under indexed paths we can't enumerate here).
-        if (!node.list && target[node.name] && typeof target[node.name] === "object") {
-          walk(node.children, target[node.name], pathParts);
+    const walk = (nodes, target, prefix)=>{
+        for (const node of nodes){
+            const pathParts = [
+                ...prefix,
+                node.name
+            ];
+            const flatKey = pathParts.join("/");
+            if (node.children.length > 0) {
+                if (!node.list && target[node.name] && "object" == typeof target[node.name]) walk(node.children, target[node.name], pathParts);
+            } else if ("slot" === node.type) {
+                const current = currentFlat[flatKey];
+                if (current) target[node.name] = current.static;
+            }
         }
-      } else if (node.type === "slot") {
-        // Overwrite with current document value
-        const current = currentFlat[flatKey];
-        if (current) {
-          target[node.name] = current.static;
-        }
-      }
-    }
-  };
-  walk(ast, deepInputs, []);
+    };
+    walk(ast, deepInputs, []);
 }
+export { applyAncestorUpdates, executeOnChange };
 
 //# sourceMappingURL=executeOnChange.js.map

package/editorSdk/utils/executeOnChange.js.map

@@ -1 +1 @@
-{"version":3,"names":["toJS","buildAncestors","ComponentManifestToAstConverter","createElement","InputsBindingsProcessor","STOP_SYMBOL","Symbol","for","CONTINUE_SYMBOL","stop","cont","runHandlers","handlers","ctx","Array","isArray","handler","executeOnChange","params","editor","elementId","action","breakpointNames","baseBreakpoint","elementFactory","deepStyles","ancestorUpdates","document","getDocumentState","read","components","getEditorState","element","elements","manifest","component","name","deepInputs","getDeepInputsForElement","onChange","ancestors","getElement","createGetElement","id","inputs","styles","getAncestor","componentName","found","find","a","undefined","buildAncestorContext","p","executeCommand","command","payload","type","breakpoint","log","args","console","continue","fireDescendantChange","currentParentId","parent","parentEl","parentManifest","onDescendantChange","parentDeep","descendant","structuredClone","updateInputs","cb","push","ancestorElementId","ancestorManifest","el","elId","rawBindings","bindings","ast","convert","processor","toDeepInputs","applyAncestorUpdates","doc","updates","update","refreshSlotValues","inputsUpdate","createUpdate","applyToDocument","currentFlat","walk","nodes","target","prefix","node","pathParts","flatKey","join","children","length","list","current","static"],"sources":["executeOnChange.ts"],"sourcesContent":["import { toJS } from \"mobx\";\nimport type { Editor } from \"../Editor.js\";\nimport type {\n    OnChangeAction,\n    ComponentManifest,\n    Document,\n    OnChangeElementContext,\n    Stop,\n    Continue\n} from \"@webiny/website-builder-sdk\";\nimport {\n    buildAncestors,\n    ComponentManifestToAstConverter,\n    createElement,\n    ElementFactory,\n    InputsBindingsProcessor\n} from \"@webiny/website-builder-sdk\";\n\nconst STOP_SYMBOL: Stop = Symbol.for(\"wb.handler.stop\") as unknown as Stop;\nconst CONTINUE_SYMBOL: Continue = Symbol.for(\"wb.handler.continue\") as unknown as Continue;\nconst stop = (): Stop => STOP_SYMBOL;\nconst cont = (): Continue => CONTINUE_SYMBOL;\n\nfunction runHandlers<TCtx>(\n    handlers: ((ctx: TCtx) => any) | ((ctx: TCtx) => any)[],\n    ctx: TCtx\n): void {\n    if (Array.isArray(handlers)) {\n        for (const handler of handlers) {\n            if (handler(ctx) === STOP_SYMBOL) {\n                return;\n            }\n        }\n    } else {\n        handlers(ctx);\n    }\n}\n\nexport interface AncestorUpdate {\n    elementId: string;\n    manifest: ComponentManifest;\n    inputs: Record<string, any>;\n}\n\ninterface ExecuteOnChangeParams {\n    editor: Editor;\n    elementId: string;\n    /** When provided, used as-is. When omitted, resolved from the document. */\n    deepInputs?: Record<string, any>;\n    action: OnChangeAction;\n    breakpointNames: string[];\n    baseBreakpoint: string;\n    elementFactory: ElementFactory;\n    /** Optional deep styles — only available from the sidebar UI path. */\n    deepStyles?: Record<string, any>;\n}\n\n/**\n * Runs manifest.onChange on the element, then walks up the ancestor chain\n * firing onDescendantChange on each ancestor that defines it.\n *\n * Returns an array of ancestor updates that must be flushed inside\n * editor.updateDocument().\n */\nexport function executeOnChange(params: ExecuteOnChangeParams): AncestorUpdate[] {\n    const {\n        editor,\n        elementId,\n        action,\n        breakpointNames,\n        baseBreakpoint,\n        elementFactory,\n        deepStyles\n    } = params;\n\n    const ancestorUpdates: AncestorUpdate[] = [];\n\n    const document = editor.getDocumentState().read();\n    const components = editor.getEditorState().read().components;\n    const element = document.elements[elementId];\n    if (!element) {\n        return ancestorUpdates;\n    }\n\n    const manifest = components[element.component.name];\n\n    // Resolve deep inputs from the document when not explicitly provided.\n    const deepInputs =\n        params.deepInputs ??\n        (manifest\n            ? getDeepInputsForElement(\n                  elementId,\n                  manifest,\n                  document,\n                  breakpointNames,\n                  elementFactory\n              )\n            : {});\n\n    // --- manifest.onChange on the element itself ---\n    if (manifest?.onChange) {\n        const ancestors = buildAncestors(element, components, document);\n        const getElement = createGetElement(document, components, breakpointNames, elementFactory);\n        runHandlers(manifest.onChange, {\n            action,\n            id: elementId,\n            component: manifest,\n            inputs: deepInputs,\n            styles: deepStyles ?? {},\n            getAncestor: componentName => {\n                const found = ancestors.find(a => a.manifest.name === componentName);\n                if (!found) {\n                    return undefined;\n                }\n                return buildAncestorContext(\n                    found.element.id,\n                    found.manifest,\n                    document,\n                    breakpointNames,\n                    elementFactory,\n                    ancestorUpdates,\n                    getElement\n                );\n            },\n            getElement,\n            createElement: p => createElement(p),\n            executeCommand: <T = unknown>(command: string, payload?: T) => {\n                editor.executeCommand({ type: command }, payload);\n            },\n            breakpoint: baseBreakpoint,\n            log: (...args: any[]) => console.log(...args),\n            stop,\n            continue: cont\n        });\n    }\n\n    // --- onDescendantChange on each ancestor ---\n    fireDescendantChange({\n        editor,\n        element,\n        elementId,\n        deepInputs,\n        action,\n        document,\n        components,\n        breakpointNames,\n        baseBreakpoint,\n        elementFactory,\n        ancestorUpdates\n    });\n\n    return ancestorUpdates;\n}\n\nfunction fireDescendantChange(params: {\n    editor: Editor;\n    element: { parent?: { id: string; slot: string }; component: { name: string } };\n    elementId: string;\n    deepInputs: Record<string, any>;\n    action: OnChangeAction;\n    document: Document;\n    components: Record<string, ComponentManifest>;\n    breakpointNames: string[];\n    baseBreakpoint: string;\n    elementFactory: ElementFactory;\n    ancestorUpdates: AncestorUpdate[];\n}) {\n    const {\n        editor,\n        element,\n        elementId,\n        deepInputs,\n        action,\n        document,\n        components,\n        breakpointNames,\n        baseBreakpoint,\n        elementFactory,\n        ancestorUpdates\n    } = params;\n\n    let currentParentId = element.parent?.id;\n\n    while (currentParentId) {\n        const parentEl = document.elements[currentParentId];\n        if (!parentEl) {\n            break;\n        }\n\n        const parentManifest = components[parentEl.component.name];\n        if (parentManifest?.onDescendantChange) {\n            const parentDeep = getDeepInputsForElement(\n                parentEl.id,\n                parentManifest,\n                document,\n                breakpointNames,\n                elementFactory\n            );\n\n            const getElement = createGetElement(\n                document,\n                components,\n                breakpointNames,\n                elementFactory\n            );\n            runHandlers(parentManifest.onDescendantChange, {\n                action,\n                descendant: {\n                    component: components[element.component.name],\n                    id: elementId,\n                    inputs: structuredClone(deepInputs),\n                    updateInputs: (cb: (inputs: Record<string, any>) => void) => {\n                        cb(deepInputs);\n                        ancestorUpdates.push({\n                            elementId,\n                            manifest: components[element.component.name],\n                            inputs: deepInputs\n                        });\n                    }\n                },\n                inputs: parentDeep,\n                updateInputs: (cb: (inputs: Record<string, any>) => void) => {\n                    cb(parentDeep);\n                    ancestorUpdates.push({\n                        elementId: parentEl.id,\n                        manifest: parentManifest,\n                        inputs: parentDeep\n                    });\n                },\n                getElement,\n                executeCommand: <T = unknown>(command: string, payload?: T) =>\n                    editor.executeCommand({ type: command }, payload as Record<string, any>),\n                breakpoint: baseBreakpoint,\n                log: (...args: any[]) => console.log(...args),\n                stop,\n                continue: cont\n            });\n        }\n\n        currentParentId = parentEl.parent?.id;\n    }\n}\n\nfunction buildAncestorContext(\n    ancestorElementId: string,\n    ancestorManifest: ComponentManifest,\n    document: Document,\n    breakpointNames: string[],\n    elementFactory: ElementFactory,\n    ancestorUpdates: AncestorUpdate[],\n    getElement: (id: string) => OnChangeElementContext | undefined\n) {\n    const deepInputs = getDeepInputsForElement(\n        ancestorElementId,\n        ancestorManifest,\n        document,\n        breakpointNames,\n        elementFactory\n    );\n\n    return {\n        id: ancestorElementId,\n        component: ancestorManifest,\n        inputs: deepInputs,\n        updateInputs: (cb: (inputs: Record<string, any>) => void) => {\n            cb(deepInputs);\n            ancestorUpdates.push({\n                elementId: ancestorElementId,\n                manifest: ancestorManifest,\n                inputs: deepInputs\n            });\n        },\n        getElement\n    };\n}\n\nfunction createGetElement(\n    document: Document,\n    components: Record<string, ComponentManifest>,\n    breakpointNames: string[],\n    elementFactory: ElementFactory\n): (id: string) => OnChangeElementContext | undefined {\n    return (id: string) => {\n        const el = document.elements[id];\n        if (!el) {\n            return undefined;\n        }\n        const manifest = components[el.component.name];\n        if (!manifest) {\n            return undefined;\n        }\n        const inputs = getDeepInputsForElement(\n            id,\n            manifest,\n            document,\n            breakpointNames,\n            elementFactory\n        );\n        return { id, component: manifest, inputs };\n    };\n}\n\nfunction getDeepInputsForElement(\n    elId: string,\n    manifest: ComponentManifest,\n    document: Document,\n    breakpointNames: string[],\n    elementFactory: ElementFactory\n): Record<string, any> {\n    const rawBindings = toJS(document.bindings[elId]) ?? {};\n    const ast = ComponentManifestToAstConverter.convert(manifest.inputs);\n    const processor = new InputsBindingsProcessor(\n        elId,\n        ast,\n        breakpointNames,\n        rawBindings,\n        elementFactory\n    );\n    return structuredClone(processor.toDeepInputs(rawBindings.inputs ?? {}));\n}\n\n/**\n * Apply collected ancestor updates inside editor.updateDocument().\n */\nexport function applyAncestorUpdates(\n    doc: Document,\n    updates: AncestorUpdate[],\n    breakpointNames: string[],\n    baseBreakpoint: string,\n    elementFactory: ElementFactory\n): void {\n    for (const update of updates) {\n        const rawBindings = doc.bindings[update.elementId] ?? { inputs: {} };\n        const ast = ComponentManifestToAstConverter.convert(update.manifest.inputs);\n\n        // Refresh slot values from the current document state so that\n        // ancestor updates don't overwrite slot changes made by the\n        // caller (e.g. element deletion removing an ID from a slot).\n        refreshSlotValues(ast, rawBindings.inputs ?? {}, update.inputs);\n\n        const processor = new InputsBindingsProcessor(\n            update.elementId,\n            ast,\n            breakpointNames,\n            rawBindings,\n            elementFactory\n        );\n        const inputsUpdate = processor.createUpdate(update.inputs, baseBreakpoint);\n        inputsUpdate.applyToDocument(doc);\n    }\n}\n\n/**\n * Walk the AST and overwrite slot values in `deepInputs` with the\n * current flat binding values from `currentFlat`. This prevents stale\n * slot snapshots (captured before element removal) from restoring\n * deleted element references.\n */\nfunction refreshSlotValues(\n    ast: ReturnType<typeof ComponentManifestToAstConverter.convert>,\n    currentFlat: Record<string, any>,\n    deepInputs: Record<string, any>\n) {\n    const walk = (nodes: typeof ast, target: Record<string, any>, prefix: string[]) => {\n        for (const node of nodes) {\n            const pathParts = [...prefix, node.name];\n            const flatKey = pathParts.join(\"/\");\n\n            if (node.children.length > 0) {\n                // Recurse into object children (skip list objects — their\n                // slots are nested under indexed paths we can't enumerate here).\n                if (!node.list && target[node.name] && typeof target[node.name] === \"object\") {\n                    walk(node.children, target[node.name], pathParts);\n                }\n            } else if (node.type === \"slot\") {\n                // Overwrite with current document value\n                const current = currentFlat[flatKey];\n                if (current) {\n                    target[node.name] = current.static;\n                }\n            }\n        }\n    };\n\n    walk(ast, deepInputs, []);\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"editorSdk/utils/executeOnChange.js","sources":["../../../src/editorSdk/utils/executeOnChange.ts"],"sourcesContent":["import { toJS } from \"mobx\";\nimport type { Editor } from \"../Editor.js\";\nimport type {\n    OnChangeAction,\n    ComponentManifest,\n    Document,\n    OnChangeElementContext,\n    Stop,\n    Continue\n} from \"@webiny/website-builder-sdk\";\nimport {\n    buildAncestors,\n    ComponentManifestToAstConverter,\n    createElement,\n    ElementFactory,\n    InputsBindingsProcessor\n} from \"@webiny/website-builder-sdk\";\n\nconst STOP_SYMBOL: Stop = Symbol.for(\"wb.handler.stop\") as unknown as Stop;\nconst CONTINUE_SYMBOL: Continue = Symbol.for(\"wb.handler.continue\") as unknown as Continue;\nconst stop = (): Stop => STOP_SYMBOL;\nconst cont = (): Continue => CONTINUE_SYMBOL;\n\nfunction runHandlers<TCtx>(\n    handlers: ((ctx: TCtx) => any) | ((ctx: TCtx) => any)[],\n    ctx: TCtx\n): void {\n    if (Array.isArray(handlers)) {\n        for (const handler of handlers) {\n            if (handler(ctx) === STOP_SYMBOL) {\n                return;\n            }\n        }\n    } else {\n        handlers(ctx);\n    }\n}\n\nexport interface AncestorUpdate {\n    elementId: string;\n    manifest: ComponentManifest;\n    inputs: Record<string, any>;\n}\n\ninterface ExecuteOnChangeParams {\n    editor: Editor;\n    elementId: string;\n    /** When provided, used as-is. When omitted, resolved from the document. */\n    deepInputs?: Record<string, any>;\n    action: OnChangeAction;\n    breakpointNames: string[];\n    baseBreakpoint: string;\n    elementFactory: ElementFactory;\n    /** Optional deep styles — only available from the sidebar UI path. */\n    deepStyles?: Record<string, any>;\n}\n\n/**\n * Runs manifest.onChange on the element, then walks up the ancestor chain\n * firing onDescendantChange on each ancestor that defines it.\n *\n * Returns an array of ancestor updates that must be flushed inside\n * editor.updateDocument().\n */\nexport function executeOnChange(params: ExecuteOnChangeParams): AncestorUpdate[] {\n    const {\n        editor,\n        elementId,\n        action,\n        breakpointNames,\n        baseBreakpoint,\n        elementFactory,\n        deepStyles\n    } = params;\n\n    const ancestorUpdates: AncestorUpdate[] = [];\n\n    const document = editor.getDocumentState().read();\n    const components = editor.getEditorState().read().components;\n    const element = document.elements[elementId];\n    if (!element) {\n        return ancestorUpdates;\n    }\n\n    const manifest = components[element.component.name];\n\n    // Resolve deep inputs from the document when not explicitly provided.\n    const deepInputs =\n        params.deepInputs ??\n        (manifest\n            ? getDeepInputsForElement(\n                  elementId,\n                  manifest,\n                  document,\n                  breakpointNames,\n                  elementFactory\n              )\n            : {});\n\n    // --- manifest.onChange on the element itself ---\n    if (manifest?.onChange) {\n        const ancestors = buildAncestors(element, components, document);\n        const getElement = createGetElement(document, components, breakpointNames, elementFactory);\n        runHandlers(manifest.onChange, {\n            action,\n            id: elementId,\n            component: manifest,\n            inputs: deepInputs,\n            styles: deepStyles ?? {},\n            getAncestor: componentName => {\n                const found = ancestors.find(a => a.manifest.name === componentName);\n                if (!found) {\n                    return undefined;\n                }\n                return buildAncestorContext(\n                    found.element.id,\n                    found.manifest,\n                    document,\n                    breakpointNames,\n                    elementFactory,\n                    ancestorUpdates,\n                    getElement\n                );\n            },\n            getElement,\n            createElement: p => createElement(p),\n            executeCommand: <T = unknown>(command: string, payload?: T) => {\n                editor.executeCommand({ type: command }, payload);\n            },\n            breakpoint: baseBreakpoint,\n            log: (...args: any[]) => console.log(...args),\n            stop,\n            continue: cont\n        });\n    }\n\n    // --- onDescendantChange on each ancestor ---\n    fireDescendantChange({\n        editor,\n        element,\n        elementId,\n        deepInputs,\n        action,\n        document,\n        components,\n        breakpointNames,\n        baseBreakpoint,\n        elementFactory,\n        ancestorUpdates\n    });\n\n    return ancestorUpdates;\n}\n\nfunction fireDescendantChange(params: {\n    editor: Editor;\n    element: { parent?: { id: string; slot: string }; component: { name: string } };\n    elementId: string;\n    deepInputs: Record<string, any>;\n    action: OnChangeAction;\n    document: Document;\n    components: Record<string, ComponentManifest>;\n    breakpointNames: string[];\n    baseBreakpoint: string;\n    elementFactory: ElementFactory;\n    ancestorUpdates: AncestorUpdate[];\n}) {\n    const {\n        editor,\n        element,\n        elementId,\n        deepInputs,\n        action,\n        document,\n        components,\n        breakpointNames,\n        baseBreakpoint,\n        elementFactory,\n        ancestorUpdates\n    } = params;\n\n    let currentParentId = element.parent?.id;\n\n    while (currentParentId) {\n        const parentEl = document.elements[currentParentId];\n        if (!parentEl) {\n            break;\n        }\n\n        const parentManifest = components[parentEl.component.name];\n        if (parentManifest?.onDescendantChange) {\n            const parentDeep = getDeepInputsForElement(\n                parentEl.id,\n                parentManifest,\n                document,\n                breakpointNames,\n                elementFactory\n            );\n\n            const getElement = createGetElement(\n                document,\n                components,\n                breakpointNames,\n                elementFactory\n            );\n            runHandlers(parentManifest.onDescendantChange, {\n                action,\n                descendant: {\n                    component: components[element.component.name],\n                    id: elementId,\n                    inputs: JSON.parse(JSON.stringify(deepInputs)),\n                    updateInputs: (cb: (inputs: Record<string, any>) => void) => {\n                        cb(deepInputs);\n                        ancestorUpdates.push({\n                            elementId,\n                            manifest: components[element.component.name],\n                            inputs: deepInputs\n                        });\n                    }\n                },\n                inputs: parentDeep,\n                updateInputs: (cb: (inputs: Record<string, any>) => void) => {\n                    cb(parentDeep);\n                    ancestorUpdates.push({\n                        elementId: parentEl.id,\n                        manifest: parentManifest,\n                        inputs: parentDeep\n                    });\n                },\n                getElement,\n                executeCommand: <T = unknown>(command: string, payload?: T) =>\n                    editor.executeCommand({ type: command }, payload as Record<string, any>),\n                breakpoint: baseBreakpoint,\n                log: (...args: any[]) => console.log(...args),\n                stop,\n                continue: cont\n            });\n        }\n\n        currentParentId = parentEl.parent?.id;\n    }\n}\n\nfunction buildAncestorContext(\n    ancestorElementId: string,\n    ancestorManifest: ComponentManifest,\n    document: Document,\n    breakpointNames: string[],\n    elementFactory: ElementFactory,\n    ancestorUpdates: AncestorUpdate[],\n    getElement: (id: string) => OnChangeElementContext | undefined\n) {\n    const deepInputs = getDeepInputsForElement(\n        ancestorElementId,\n        ancestorManifest,\n        document,\n        breakpointNames,\n        elementFactory\n    );\n\n    return {\n        id: ancestorElementId,\n        component: ancestorManifest,\n        inputs: deepInputs,\n        updateInputs: (cb: (inputs: Record<string, any>) => void) => {\n            cb(deepInputs);\n            ancestorUpdates.push({\n                elementId: ancestorElementId,\n                manifest: ancestorManifest,\n                inputs: deepInputs\n            });\n        },\n        getElement\n    };\n}\n\nfunction createGetElement(\n    document: Document,\n    components: Record<string, ComponentManifest>,\n    breakpointNames: string[],\n    elementFactory: ElementFactory\n): (id: string) => OnChangeElementContext | undefined {\n    return (id: string) => {\n        const el = document.elements[id];\n        if (!el) {\n            return undefined;\n        }\n        const manifest = components[el.component.name];\n        if (!manifest) {\n            return undefined;\n        }\n        const inputs = getDeepInputsForElement(\n            id,\n            manifest,\n            document,\n            breakpointNames,\n            elementFactory\n        );\n        return { id, component: manifest, inputs };\n    };\n}\n\nfunction getDeepInputsForElement(\n    elId: string,\n    manifest: ComponentManifest,\n    document: Document,\n    breakpointNames: string[],\n    elementFactory: ElementFactory\n): Record<string, any> {\n    const rawBindings = toJS(document.bindings[elId]) ?? {};\n    const ast = ComponentManifestToAstConverter.convert(manifest.inputs);\n    const processor = new InputsBindingsProcessor(\n        elId,\n        ast,\n        breakpointNames,\n        rawBindings,\n        elementFactory\n    );\n    return JSON.parse(JSON.stringify(processor.toDeepInputs(rawBindings.inputs ?? {})));\n}\n\n/**\n * Apply collected ancestor updates inside editor.updateDocument().\n */\nexport function applyAncestorUpdates(\n    doc: Document,\n    updates: AncestorUpdate[],\n    breakpointNames: string[],\n    baseBreakpoint: string,\n    elementFactory: ElementFactory\n): void {\n    for (const update of updates) {\n        const rawBindings = doc.bindings[update.elementId] ?? { inputs: {} };\n        const ast = ComponentManifestToAstConverter.convert(update.manifest.inputs);\n\n        // Refresh slot values from the current document state so that\n        // ancestor updates don't overwrite slot changes made by the\n        // caller (e.g. element deletion removing an ID from a slot).\n        refreshSlotValues(ast, rawBindings.inputs ?? {}, update.inputs);\n\n        const processor = new InputsBindingsProcessor(\n            update.elementId,\n            ast,\n            breakpointNames,\n            rawBindings,\n            elementFactory\n        );\n        const inputsUpdate = processor.createUpdate(update.inputs, baseBreakpoint);\n        inputsUpdate.applyToDocument(doc);\n    }\n}\n\n/**\n * Walk the AST and overwrite slot values in `deepInputs` with the\n * current flat binding values from `currentFlat`. This prevents stale\n * slot snapshots (captured before element removal) from restoring\n * deleted element references.\n */\nfunction refreshSlotValues(\n    ast: ReturnType<typeof ComponentManifestToAstConverter.convert>,\n    currentFlat: Record<string, any>,\n    deepInputs: Record<string, any>\n) {\n    const walk = (nodes: typeof ast, target: Record<string, any>, prefix: string[]) => {\n        for (const node of nodes) {\n            const pathParts = [...prefix, node.name];\n            const flatKey = pathParts.join(\"/\");\n\n            if (node.children.length > 0) {\n                // Recurse into object children (skip list objects — their\n                // slots are nested under indexed paths we can't enumerate here).\n                if (!node.list && target[node.name] && typeof target[node.name] === \"object\") {\n                    walk(node.children, target[node.name], pathParts);\n                }\n            } else if (node.type === \"slot\") {\n                // Overwrite with current document value\n                const current = currentFlat[flatKey];\n                if (current) {\n                    target[node.name] = current.static;\n                }\n            }\n        }\n    };\n\n    walk(ast, deepInputs, []);\n}\n"],"names":["STOP_SYMBOL","Symbol","CONTINUE_SYMBOL","stop","cont","runHandlers","handlers","ctx","Array","handler","executeOnChange","params","editor","elementId","action","breakpointNames","baseBreakpoint","elementFactory","deepStyles","ancestorUpdates","document","components","element","manifest","deepInputs","getDeepInputsForElement","ancestors","buildAncestors","getElement","createGetElement","componentName","found","a","buildAncestorContext","p","createElement","command","payload","args","console","fireDescendantChange","currentParentId","parentEl","parentManifest","parentDeep","JSON","cb","ancestorElementId","ancestorManifest","id","el","inputs","elId","rawBindings","toJS","ast","ComponentManifestToAstConverter","processor","InputsBindingsProcessor","applyAncestorUpdates","doc","updates","update","refreshSlotValues","inputsUpdate","currentFlat","walk","nodes","target","prefix","node","pathParts","flatKey","current"],"mappings":"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"}

package/editorSdk/utils/index.d.ts

@@ -14,4 +14,5 @@ export * from "./$getFirstElementOfType.js";
 export * from "./$getElementInputValues.js";
 export * from "./$updateElementInputs.js";
 export * from "./$previewElementInputs.js";
+export * from "./$cloneElement.js";
 export * from "./executeOnChange.js";

package/editorSdk/utils/index.js

@@ -14,6 +14,5 @@ export * from "./$getFirstElementOfType.js";
 export * from "./$getElementInputValues.js";
 export * from "./$updateElementInputs.js";
 export * from "./$previewElementInputs.js";
+export * from "./$cloneElement.js";
 export * from "./executeOnChange.js";
-
-//# sourceMappingURL=index.js.map

package/exports/admin/website-builder/lexical.d.ts

@@ -1,17 +1,18 @@
-export { CompactEditorConfig } from "../../../inputRenderers/LexicalInput/LexicalEditorConfig.js";
-export { ExpandedEditorConfig } from "../../../inputRenderers/LexicalInput/LexicalEditorConfig.js";
-export { useLexicalEditorConfig } from "@webiny/lexical-editor/exports/admin/lexical.js";
-export { LexicalHtmlRenderer } from "@webiny/lexical-editor/exports/admin/lexical.js";
-export { getNodeFromSelection } from "@webiny/lexical-editor/exports/admin/lexical.js";
-export { useCurrentElement } from "@webiny/lexical-editor/exports/admin/lexical.js";
-export { useCurrentSelection } from "@webiny/lexical-editor/exports/admin/lexical.js";
-export { useDeriveValueFromSelection } from "@webiny/lexical-editor/exports/admin/lexical.js";
-export { useRichTextEditor } from "@webiny/lexical-editor/exports/admin/lexical.js";
-export { useFontColorPicker } from "@webiny/lexical-editor/exports/admin/lexical.js";
-export { useTextAlignmentAction } from "@webiny/lexical-editor/exports/admin/lexical.js";
-export { useTypographyAction } from "@webiny/lexical-editor/exports/admin/lexical.js";
-export { useIsMounted } from "@webiny/lexical-editor/exports/admin/lexical.js";
-export { Divider } from "@webiny/lexical-editor/exports/admin/lexical.js";
-export { DropDownItem } from "@webiny/lexical-editor/exports/admin/lexical.js";
-export { DropDown } from "@webiny/lexical-editor/exports/admin/lexical.js";
-export type { Klass, LexicalNode } from "@webiny/lexical-editor/exports/admin/lexical.js";
+export { LexicalEditorConfig } from "../../../inputRenderers/LexicalInput/LexicalEditorConfig.js";
+export { LexicalEditor } from "../../../inputRenderers/LexicalInput/LexicalEditor.js";
+export type { LexicalEditorProps } from "../../../inputRenderers/LexicalInput/LexicalEditor.js";
+export { useLexicalEditorConfig } from "@webiny/lexical-editor/exports/admin/ui/lexical.js";
+export { LexicalHtmlRenderer } from "@webiny/lexical-editor/exports/admin/ui/lexical.js";
+export { getNodeFromSelection } from "@webiny/lexical-editor/exports/admin/ui/lexical.js";
+export { useCurrentElement } from "@webiny/lexical-editor/exports/admin/ui/lexical.js";
+export { useCurrentSelection } from "@webiny/lexical-editor/exports/admin/ui/lexical.js";
+export { useDeriveValueFromSelection } from "@webiny/lexical-editor/exports/admin/ui/lexical.js";
+export { useRichTextEditor } from "@webiny/lexical-editor/exports/admin/ui/lexical.js";
+export { useFontColorPicker } from "@webiny/lexical-editor/exports/admin/ui/lexical.js";
+export { useTextAlignmentAction } from "@webiny/lexical-editor/exports/admin/ui/lexical.js";
+export { useTypographyAction } from "@webiny/lexical-editor/exports/admin/ui/lexical.js";
+export { useIsMounted } from "@webiny/lexical-editor/exports/admin/ui/lexical.js";
+export { Divider } from "@webiny/lexical-editor/exports/admin/ui/lexical.js";
+export { DropDownItem } from "@webiny/lexical-editor/exports/admin/ui/lexical.js";
+export { DropDown } from "@webiny/lexical-editor/exports/admin/ui/lexical.js";
+export type { Klass, LexicalNode } from "@webiny/lexical-editor/exports/admin/ui/lexical.js";

package/exports/admin/website-builder/lexical.js

@@ -1,20 +1,3 @@
-export { CompactEditorConfig } from "../../../inputRenderers/LexicalInput/LexicalEditorConfig.js";
-export { ExpandedEditorConfig } from "../../../inputRenderers/LexicalInput/LexicalEditorConfig.js";
-
-// Re-export hooks and components from the base lexical package
-export { useLexicalEditorConfig } from "@webiny/lexical-editor/exports/admin/lexical.js";
-export { LexicalHtmlRenderer } from "@webiny/lexical-editor/exports/admin/lexical.js";
-export { getNodeFromSelection } from "@webiny/lexical-editor/exports/admin/lexical.js";
-export { useCurrentElement } from "@webiny/lexical-editor/exports/admin/lexical.js";
-export { useCurrentSelection } from "@webiny/lexical-editor/exports/admin/lexical.js";
-export { useDeriveValueFromSelection } from "@webiny/lexical-editor/exports/admin/lexical.js";
-export { useRichTextEditor } from "@webiny/lexical-editor/exports/admin/lexical.js";
-export { useFontColorPicker } from "@webiny/lexical-editor/exports/admin/lexical.js";
-export { useTextAlignmentAction } from "@webiny/lexical-editor/exports/admin/lexical.js";
-export { useTypographyAction } from "@webiny/lexical-editor/exports/admin/lexical.js";
-export { useIsMounted } from "@webiny/lexical-editor/exports/admin/lexical.js";
-export { Divider } from "@webiny/lexical-editor/exports/admin/lexical.js";
-export { DropDownItem } from "@webiny/lexical-editor/exports/admin/lexical.js";
-export { DropDown } from "@webiny/lexical-editor/exports/admin/lexical.js";
-
-//# sourceMappingURL=lexical.js.map
+export { LexicalEditorConfig } from "../../../inputRenderers/LexicalInput/LexicalEditorConfig.js";
+export { LexicalEditor } from "../../../inputRenderers/LexicalInput/LexicalEditor.js";
+export { Divider, DropDown, DropDownItem, LexicalHtmlRenderer, getNodeFromSelection, useCurrentElement, useCurrentSelection, useDeriveValueFromSelection, useFontColorPicker, useIsMounted, useLexicalEditorConfig, useRichTextEditor, useTextAlignmentAction, useTypographyAction } from "@webiny/lexical-editor/exports/admin/ui/lexical.js";

package/exports/admin/website-builder/page/editor.d.ts

@@ -1,6 +1,6 @@
-export { usePageEditorConfig } from "../../../../modules/pages/PageEditor/usePageEditorConfig.js";
-export { PageEditorConfig } from "../../../../modules/pages/PageEditor/PageEditorConfig.js";
-export { PageSettingsGroup, PageSettingsGroupModifier } from "../../../../modules/pages/PageEditor/PageSettings/index.js";
+export { usePageEditorConfig } from "../../../../presentation/pages/PageEditor/usePageEditorConfig.js";
+export { PageEditorConfig } from "../../../../presentation/pages/PageEditor/PageEditorConfig.js";
+export { PageSettingsGroup, PageSettingsGroupModifier } from "../../../../presentation/pages/PageEditor/PageSettings/index.js";
 export { createCommand } from "../../../../editorSdk/createCommand.js";
 export { Commands } from "../../../../BaseEditor/index.js";
 export { useSelectFromEditor } from "../../../../BaseEditor/hooks/useSelectFromEditor.js";

package/exports/admin/website-builder/page/editor.js

@@ -1,6 +1,6 @@
-export { usePageEditorConfig } from "../../../../modules/pages/PageEditor/usePageEditorConfig.js";
-export { PageEditorConfig } from "../../../../modules/pages/PageEditor/PageEditorConfig.js";
-export { PageSettingsGroup, PageSettingsGroupModifier } from "../../../../modules/pages/PageEditor/PageSettings/index.js";
+export { usePageEditorConfig } from "../../../../presentation/pages/PageEditor/usePageEditorConfig.js";
+export { PageEditorConfig } from "../../../../presentation/pages/PageEditor/PageEditorConfig.js";
+export { PageSettingsGroup, PageSettingsGroupModifier } from "../../../../presentation/pages/PageEditor/PageSettings/index.js";
 export { createCommand } from "../../../../editorSdk/createCommand.js";
 export { Commands } from "../../../../BaseEditor/index.js";
 export { useSelectFromEditor } from "../../../../BaseEditor/hooks/useSelectFromEditor.js";
@@ -16,22 +16,5 @@ export { useUpdateElement } from "../../../../BaseEditor/hooks/useUpdateElement.
 export { useElementOverlay } from "../../../../BaseEditor/hooks/useElementOverlay.js";
 export { useElementComponentManifest } from "../../../../BaseEditor/defaultConfig/Content/Preview/useElementComponentManifest.js";
 export { ElementInputs } from "../../../../BaseEditor/defaultConfig/Sidebar/ElementSettings/ElementInputs.js";
-export { $selectElement } from "../../../../editorSdk/utils/index.js";
-export { $deselectElement } from "../../../../editorSdk/utils/index.js";
-export { $highlightElement } from "../../../../editorSdk/utils/index.js";
-export { $getElementById } from "../../../../editorSdk/utils/index.js";
-export { $getActiveElementId } from "../../../../editorSdk/utils/index.js";
-export { $getComponentManifestByElementId } from "../../../../editorSdk/utils/index.js";
-export { $deleteElement } from "../../../../editorSdk/utils/index.js";
-export { $createElement } from "../../../../editorSdk/utils/index.js";
-export { $moveElement } from "../../../../editorSdk/utils/index.js";
-export { $removeElementReferenceFromParent } from "../../../../editorSdk/utils/index.js";
-export { $addElementReferenceToParent } from "../../../../editorSdk/utils/index.js";
-export { $getElementsOfType } from "../../../../editorSdk/utils/index.js";
-export { $getFirstElementOfType } from "../../../../editorSdk/utils/index.js";
-export { $getElementInputValues } from "../../../../editorSdk/utils/index.js";
-export { $updateElementInputs } from "../../../../editorSdk/utils/index.js";
-export { $previewElementInputs } from "../../../../editorSdk/utils/index.js";
+export { $addElementReferenceToParent, $createElement, $deleteElement, $deselectElement, $getActiveElementId, $getComponentManifestByElementId, $getElementById, $getElementInputValues, $getElementsOfType, $getFirstElementOfType, $highlightElement, $moveElement, $previewElementInputs, $removeElementReferenceFromParent, $selectElement, $updateElementInputs } from "../../../../editorSdk/utils/index.js";
 export { createElement } from "@webiny/website-builder-sdk";
-
-//# sourceMappingURL=editor.js.map