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

package/BaseEditor/metadata/BreakpointElementMetadata.js.map

@@ -1 +1 @@
-{"version":3,"names":["BreakpointElementMetadata","constructor","breakpoints","currentBreakpoint","metadata","applyToDocument","document","get","id","upTo","indexOf","i","breakpoint","data","undefined","set","unset"],"sources":["BreakpointElementMetadata.ts"],"sourcesContent":["import type { Document } from \"@webiny/website-builder-sdk\";\nimport type { IMetadata } from \"./IMetadata\";\n\nexport class BreakpointElementMetadata implements IMetadata {\n    private readonly breakpoints: string[];\n    private readonly currentBreakpoint: string;\n    private metadata: IMetadata;\n\n    constructor(breakpoints: string[], currentBreakpoint: string, metadata: IMetadata) {\n        this.breakpoints = breakpoints;\n        this.currentBreakpoint = currentBreakpoint;\n        this.metadata = metadata;\n    }\n\n    applyToDocument(document: Document): void {\n        this.metadata.applyToDocument(document);\n    }\n\n    get<T = unknown>(id: string): T | undefined {\n        const upTo = this.breakpoints.indexOf(this.currentBreakpoint);\n\n        for (let i = upTo; i >= 0; i--) {\n            const breakpoint = this.breakpoints[i];\n            const data = this.metadata.get<T>(`${id}/${breakpoint}`);\n            if (data !== undefined) {\n                return data;\n            }\n        }\n\n        return undefined;\n    }\n\n    set(id: string, data: any): void {\n        this.metadata.set(`${id}/${this.currentBreakpoint}`, data);\n    }\n\n    unset(id: string): void {\n        this.metadata.unset(`${id}/${this.currentBreakpoint}`);\n    }\n}\n"],"mappings":"AAGA,OAAO,MAAMA,yBAAyB,CAAsB;EAKxDC,WAAWA,CAACC,WAAqB,EAAEC,iBAAyB,EAAEC,QAAmB,EAAE;IAC/E,IAAI,CAACF,WAAW,GAAGA,WAAW;IAC9B,IAAI,CAACC,iBAAiB,GAAGA,iBAAiB;IAC1C,IAAI,CAACC,QAAQ,GAAGA,QAAQ;EAC5B;EAEAC,eAAeA,CAACC,QAAkB,EAAQ;IACtC,IAAI,CAACF,QAAQ,CAACC,eAAe,CAACC,QAAQ,CAAC;EAC3C;EAEAC,GAAGA,CAAcC,EAAU,EAAiB;IACxC,MAAMC,IAAI,GAAG,IAAI,CAACP,WAAW,CAACQ,OAAO,CAAC,IAAI,CAACP,iBAAiB,CAAC;IAE7D,KAAK,IAAIQ,CAAC,GAAGF,IAAI,EAAEE,CAAC,IAAI,CAAC,EAAEA,CAAC,EAAE,EAAE;MAC5B,MAAMC,UAAU,GAAG,IAAI,CAACV,WAAW,CAACS,CAAC,CAAC;MACtC,MAAME,IAAI,GAAG,IAAI,CAACT,QAAQ,CAACG,GAAG,CAAI,GAAGC,EAAE,IAAII,UAAU,EAAE,CAAC;MACxD,IAAIC,IAAI,KAAKC,SAAS,EAAE;QACpB,OAAOD,IAAI;MACf;IACJ;IAEA,OAAOC,SAAS;EACpB;EAEAC,GAAGA,CAACP,EAAU,EAAEK,IAAS,EAAQ;IAC7B,IAAI,CAACT,QAAQ,CAACW,GAAG,CAAC,GAAGP,EAAE,IAAI,IAAI,CAACL,iBAAiB,EAAE,EAAEU,IAAI,CAAC;EAC9D;EAEAG,KAAKA,CAACR,EAAU,EAAQ;IACpB,IAAI,CAACJ,QAAQ,CAACY,KAAK,CAAC,GAAGR,EAAE,IAAI,IAAI,CAACL,iBAAiB,EAAE,CAAC;EAC1D;AACJ","ignoreList":[]}
+{"version":3,"file":"BaseEditor/metadata/BreakpointElementMetadata.js","sources":["../../../src/BaseEditor/metadata/BreakpointElementMetadata.ts"],"sourcesContent":["import type { Document } from \"@webiny/website-builder-sdk\";\nimport type { IMetadata } from \"./IMetadata.js\";\n\nexport class BreakpointElementMetadata implements IMetadata {\n    private readonly breakpoints: string[];\n    private readonly currentBreakpoint: string;\n    private metadata: IMetadata;\n\n    constructor(breakpoints: string[], currentBreakpoint: string, metadata: IMetadata) {\n        this.breakpoints = breakpoints;\n        this.currentBreakpoint = currentBreakpoint;\n        this.metadata = metadata;\n    }\n\n    applyToDocument(document: Document): void {\n        this.metadata.applyToDocument(document);\n    }\n\n    get<T = unknown>(id: string): T | undefined {\n        const upTo = this.breakpoints.indexOf(this.currentBreakpoint);\n\n        for (let i = upTo; i >= 0; i--) {\n            const breakpoint = this.breakpoints[i];\n            const data = this.metadata.get<T>(`${id}/${breakpoint}`);\n            if (data !== undefined) {\n                return data;\n            }\n        }\n\n        return undefined;\n    }\n\n    set(id: string, data: any): void {\n        this.metadata.set(`${id}/${this.currentBreakpoint}`, data);\n    }\n\n    unset(id: string): void {\n        this.metadata.unset(`${id}/${this.currentBreakpoint}`);\n    }\n}\n"],"names":["BreakpointElementMetadata","breakpoints","currentBreakpoint","metadata","document","id","upTo","i","breakpoint","data","undefined"],"mappings":"AAGO,MAAMA;IAKT,YAAYC,WAAqB,EAAEC,iBAAyB,EAAEC,QAAmB,CAAE;QAC/E,IAAI,CAAC,WAAW,GAAGF;QACnB,IAAI,CAAC,iBAAiB,GAAGC;QACzB,IAAI,CAAC,QAAQ,GAAGC;IACpB;IAEA,gBAAgBC,QAAkB,EAAQ;QACtC,IAAI,CAAC,QAAQ,CAAC,eAAe,CAACA;IAClC;IAEA,IAAiBC,EAAU,EAAiB;QACxC,MAAMC,OAAO,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,IAAI,CAAC,iBAAiB;QAE5D,IAAK,IAAIC,IAAID,MAAMC,KAAK,GAAGA,IAAK;YAC5B,MAAMC,aAAa,IAAI,CAAC,WAAW,CAACD,EAAE;YACtC,MAAME,OAAO,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAI,GAAGJ,GAAG,CAAC,EAAEG,YAAY;YACvD,IAAIC,AAASC,WAATD,MACA,OAAOA;QAEf;IAGJ;IAEA,IAAIJ,EAAU,EAAEI,IAAS,EAAQ;QAC7B,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,GAAGJ,GAAG,CAAC,EAAE,IAAI,CAAC,iBAAiB,EAAE,EAAEI;IACzD;IAEA,MAAMJ,EAAU,EAAQ;QACpB,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAGA,GAAG,CAAC,EAAE,IAAI,CAAC,iBAAiB,EAAE;IACzD;AACJ"}

package/BaseEditor/metadata/ElementMetadata.d.ts

@@ -1,5 +1,5 @@
 import type { Document } from "@webiny/website-builder-sdk";
-import type { IMetadata, Metadata } from "./IMetadata";
+import type { IMetadata, Metadata } from "./IMetadata.js";
 export declare class ElementMetadata implements IMetadata {
     private readonly elementId;
     private readonly metadata;

package/BaseEditor/metadata/ElementMetadata.js

@@ -1,30 +1,29 @@
-import micromatch from "micromatch";
-export class ElementMetadata {
-  constructor(elementId, metadata = {}) {
-    this.elementId = elementId;
-    this.metadata = metadata;
-  }
-  get(id) {
-    return this.metadata[id];
-  }
-  set(id, data) {
-    this.metadata[id] = data;
-  }
-  unset(id) {
-    // Support wildcard paths using micromatch
-    if (id.includes("*")) {
-      const keys = Object.keys(this.metadata);
-      const matches = micromatch(keys, id);
-      for (const key of matches) {
-        delete this.metadata[key];
-      }
-    } else {
-      delete this.metadata[id];
+import { matcher } from "matcher";
+class ElementMetadata {
+    constructor(elementId, metadata = {}){
+        this.elementId = elementId;
+        this.metadata = metadata;
+    }
+    get(id) {
+        return this.metadata[id];
+    }
+    set(id, data) {
+        this.metadata[id] = data;
+    }
+    unset(id) {
+        if (id.includes("*")) {
+            const keys = Object.keys(this.metadata);
+            const matches = matcher(keys, id);
+            for (const key of matches)delete this.metadata[key];
+        } else delete this.metadata[id];
+    }
+    applyToDocument(document) {
+        if (0 === Object.keys(this.metadata).length) return;
+        const current = document.bindings[this.elementId].metadata;
+        if (current && current !== this.metadata) Object.assign(current, this.metadata);
+        else document.bindings[this.elementId].metadata = this.metadata;
     }
-  }
-  applyToDocument(document) {
-    document.bindings[this.elementId].metadata = this.metadata;
-  }
 }
+export { ElementMetadata };
 
 //# sourceMappingURL=ElementMetadata.js.map

package/BaseEditor/metadata/ElementMetadata.js.map

@@ -1 +1 @@
-{"version":3,"names":["micromatch","ElementMetadata","constructor","elementId","metadata","get","id","set","data","unset","includes","keys","Object","matches","key","applyToDocument","document","bindings"],"sources":["ElementMetadata.ts"],"sourcesContent":["import micromatch from \"micromatch\";\nimport type { Document } from \"@webiny/website-builder-sdk\";\nimport type { IMetadata, Metadata } from \"./IMetadata\";\n\nexport class ElementMetadata implements IMetadata {\n    private readonly elementId: string;\n    private readonly metadata: Record<string, any>;\n\n    constructor(elementId: string, metadata: Record<string, any> = {}) {\n        this.elementId = elementId;\n        this.metadata = metadata;\n    }\n\n    get<T = unknown>(id: string): T | undefined {\n        return this.metadata[id];\n    }\n\n    set(id: string, data: Metadata): void {\n        this.metadata[id] = data;\n    }\n\n    unset(id: string): void {\n        // Support wildcard paths using micromatch\n        if (id.includes(\"*\")) {\n            const keys = Object.keys(this.metadata);\n            const matches = micromatch(keys, id);\n            for (const key of matches) {\n                delete this.metadata[key];\n            }\n        } else {\n            delete this.metadata[id];\n        }\n    }\n\n    applyToDocument(document: Document) {\n        document.bindings[this.elementId].metadata = this.metadata;\n    }\n}\n"],"mappings":"AAAA,OAAOA,UAAU,MAAM,YAAY;AAInC,OAAO,MAAMC,eAAe,CAAsB;EAI9CC,WAAWA,CAACC,SAAiB,EAAEC,QAA6B,GAAG,CAAC,CAAC,EAAE;IAC/D,IAAI,CAACD,SAAS,GAAGA,SAAS;IAC1B,IAAI,CAACC,QAAQ,GAAGA,QAAQ;EAC5B;EAEAC,GAAGA,CAAcC,EAAU,EAAiB;IACxC,OAAO,IAAI,CAACF,QAAQ,CAACE,EAAE,CAAC;EAC5B;EAEAC,GAAGA,CAACD,EAAU,EAAEE,IAAc,EAAQ;IAClC,IAAI,CAACJ,QAAQ,CAACE,EAAE,CAAC,GAAGE,IAAI;EAC5B;EAEAC,KAAKA,CAACH,EAAU,EAAQ;IACpB;IACA,IAAIA,EAAE,CAACI,QAAQ,CAAC,GAAG,CAAC,EAAE;MAClB,MAAMC,IAAI,GAAGC,MAAM,CAACD,IAAI,CAAC,IAAI,CAACP,QAAQ,CAAC;MACvC,MAAMS,OAAO,GAAGb,UAAU,CAACW,IAAI,EAAEL,EAAE,CAAC;MACpC,KAAK,MAAMQ,GAAG,IAAID,OAAO,EAAE;QACvB,OAAO,IAAI,CAACT,QAAQ,CAACU,GAAG,CAAC;MAC7B;IACJ,CAAC,MAAM;MACH,OAAO,IAAI,CAACV,QAAQ,CAACE,EAAE,CAAC;IAC5B;EACJ;EAEAS,eAAeA,CAACC,QAAkB,EAAE;IAChCA,QAAQ,CAACC,QAAQ,CAAC,IAAI,CAACd,SAAS,CAAC,CAACC,QAAQ,GAAG,IAAI,CAACA,QAAQ;EAC9D;AACJ","ignoreList":[]}
+{"version":3,"file":"BaseEditor/metadata/ElementMetadata.js","sources":["../../../src/BaseEditor/metadata/ElementMetadata.ts"],"sourcesContent":["import { matcher } from \"matcher\";\nimport type { Document } from \"@webiny/website-builder-sdk\";\nimport type { IMetadata, Metadata } from \"./IMetadata.js\";\n\nexport class ElementMetadata implements IMetadata {\n    private readonly elementId: string;\n    private readonly metadata: Record<string, any>;\n\n    constructor(elementId: string, metadata: Record<string, any> = {}) {\n        this.elementId = elementId;\n        this.metadata = metadata;\n    }\n\n    get<T = unknown>(id: string): T | undefined {\n        return this.metadata[id];\n    }\n\n    set(id: string, data: Metadata): void {\n        this.metadata[id] = data;\n    }\n\n    unset(id: string): void {\n        // Support wildcard paths using micromatch\n        if (id.includes(\"*\")) {\n            const keys = Object.keys(this.metadata);\n            const matches = matcher(keys, id);\n            for (const key of matches) {\n                delete this.metadata[key];\n            }\n        } else {\n            delete this.metadata[id];\n        }\n    }\n\n    applyToDocument(document: Document) {\n        // Don't write an empty metadata object to the document.\n        if (Object.keys(this.metadata).length === 0) {\n            return;\n        }\n\n        const current = document.bindings[this.elementId].metadata;\n        if (current && current !== this.metadata) {\n            // Merge rather than replace: when multiple inputs on the same\n            // element each hold a stale metadata snapshot (produced by toJS()\n            // in useBindingsForElement), a plain assignment would discard keys\n            // written by earlier onChange callbacks.\n            Object.assign(current, this.metadata);\n        } else {\n            document.bindings[this.elementId].metadata = this.metadata;\n        }\n    }\n}\n"],"names":["ElementMetadata","elementId","metadata","id","data","keys","Object","matches","matcher","key","document","current"],"mappings":";AAIO,MAAMA;IAIT,YAAYC,SAAiB,EAAEC,WAAgC,CAAC,CAAC,CAAE;QAC/D,IAAI,CAAC,SAAS,GAAGD;QACjB,IAAI,CAAC,QAAQ,GAAGC;IACpB;IAEA,IAAiBC,EAAU,EAAiB;QACxC,OAAO,IAAI,CAAC,QAAQ,CAACA,GAAG;IAC5B;IAEA,IAAIA,EAAU,EAAEC,IAAc,EAAQ;QAClC,IAAI,CAAC,QAAQ,CAACD,GAAG,GAAGC;IACxB;IAEA,MAAMD,EAAU,EAAQ;QAEpB,IAAIA,GAAG,QAAQ,CAAC,MAAM;YAClB,MAAME,OAAOC,OAAO,IAAI,CAAC,IAAI,CAAC,QAAQ;YACtC,MAAMC,UAAUC,QAAQH,MAAMF;YAC9B,KAAK,MAAMM,OAAOF,QACd,OAAO,IAAI,CAAC,QAAQ,CAACE,IAAI;QAEjC,OACI,OAAO,IAAI,CAAC,QAAQ,CAACN,GAAG;IAEhC;IAEA,gBAAgBO,QAAkB,EAAE;QAEhC,IAAIJ,AAAsC,MAAtCA,OAAO,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,MAAM,EACjC;QAGJ,MAAMK,UAAUD,SAAS,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,QAAQ;QAC1D,IAAIC,WAAWA,YAAY,IAAI,CAAC,QAAQ,EAKpCL,OAAO,MAAM,CAACK,SAAS,IAAI,CAAC,QAAQ;aAEpCD,SAAS,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ;IAElE;AACJ"}

package/BaseEditor/metadata/IMetadata.js

@@ -1,3 +0,0 @@
-export {};
-
-//# sourceMappingURL=IMetadata.js.map

package/BaseEditor/metadata/InputMetadata.d.ts

@@ -1,5 +1,5 @@
 import type { Document } from "@webiny/website-builder-sdk";
-import type { IMetadata } from "./IMetadata";
+import type { IMetadata } from "./IMetadata.js";
 export declare class InputMetadata implements IMetadata {
     private readonly inputId;
     private metadata;

package/BaseEditor/metadata/InputMetadata.js

@@ -1,21 +1,22 @@
-export class InputMetadata {
-  prefix = "inputs/";
-  constructor(inputId, metadata) {
-    this.inputId = inputId;
-    this.metadata = metadata;
-  }
-  applyToDocument(document) {
-    this.metadata.applyToDocument(document);
-  }
-  get(id) {
-    return this.metadata.get(`${this.prefix}${this.inputId}/${id}`);
-  }
-  set(id, data) {
-    this.metadata.set(`${this.prefix}${this.inputId}/${id}`, data);
-  }
-  unset(id = "*") {
-    this.metadata.unset(`${this.prefix}${this.inputId}/${id}`);
-  }
+class InputMetadata {
+    constructor(inputId, metadata){
+        this.prefix = "inputs/";
+        this.inputId = inputId;
+        this.metadata = metadata;
+    }
+    applyToDocument(document) {
+        this.metadata.applyToDocument(document);
+    }
+    get(id) {
+        return this.metadata.get(`${this.prefix}${this.inputId}/${id}`);
+    }
+    set(id, data) {
+        this.metadata.set(`${this.prefix}${this.inputId}/${id}`, data);
+    }
+    unset(id = "*") {
+        this.metadata.unset(`${this.prefix}${this.inputId}/${id}`);
+    }
 }
+export { InputMetadata };
 
 //# sourceMappingURL=InputMetadata.js.map

package/BaseEditor/metadata/InputMetadata.js.map

@@ -1 +1 @@
-{"version":3,"names":["InputMetadata","prefix","constructor","inputId","metadata","applyToDocument","document","get","id","set","data","unset"],"sources":["InputMetadata.ts"],"sourcesContent":["import type { Document } from \"@webiny/website-builder-sdk\";\nimport type { IMetadata } from \"./IMetadata\";\n\nexport class InputMetadata implements IMetadata {\n    private readonly inputId: string;\n    private metadata: IMetadata;\n    private prefix = \"inputs/\";\n\n    constructor(inputId: string, metadata: IMetadata) {\n        this.inputId = inputId;\n        this.metadata = metadata;\n    }\n\n    applyToDocument(document: Document): void {\n        this.metadata.applyToDocument(document);\n    }\n\n    get<T = unknown>(id: string): T | undefined {\n        return this.metadata.get(`${this.prefix}${this.inputId}/${id}`);\n    }\n\n    set(id: string, data: any): void {\n        this.metadata.set(`${this.prefix}${this.inputId}/${id}`, data);\n    }\n\n    unset(id: string = \"*\"): void {\n        this.metadata.unset(`${this.prefix}${this.inputId}/${id}`);\n    }\n}\n"],"mappings":"AAGA,OAAO,MAAMA,aAAa,CAAsB;EAGpCC,MAAM,GAAG,SAAS;EAE1BC,WAAWA,CAACC,OAAe,EAAEC,QAAmB,EAAE;IAC9C,IAAI,CAACD,OAAO,GAAGA,OAAO;IACtB,IAAI,CAACC,QAAQ,GAAGA,QAAQ;EAC5B;EAEAC,eAAeA,CAACC,QAAkB,EAAQ;IACtC,IAAI,CAACF,QAAQ,CAACC,eAAe,CAACC,QAAQ,CAAC;EAC3C;EAEAC,GAAGA,CAAcC,EAAU,EAAiB;IACxC,OAAO,IAAI,CAACJ,QAAQ,CAACG,GAAG,CAAC,GAAG,IAAI,CAACN,MAAM,GAAG,IAAI,CAACE,OAAO,IAAIK,EAAE,EAAE,CAAC;EACnE;EAEAC,GAAGA,CAACD,EAAU,EAAEE,IAAS,EAAQ;IAC7B,IAAI,CAACN,QAAQ,CAACK,GAAG,CAAC,GAAG,IAAI,CAACR,MAAM,GAAG,IAAI,CAACE,OAAO,IAAIK,EAAE,EAAE,EAAEE,IAAI,CAAC;EAClE;EAEAC,KAAKA,CAACH,EAAU,GAAG,GAAG,EAAQ;IAC1B,IAAI,CAACJ,QAAQ,CAACO,KAAK,CAAC,GAAG,IAAI,CAACV,MAAM,GAAG,IAAI,CAACE,OAAO,IAAIK,EAAE,EAAE,CAAC;EAC9D;AACJ","ignoreList":[]}
+{"version":3,"file":"BaseEditor/metadata/InputMetadata.js","sources":["../../../src/BaseEditor/metadata/InputMetadata.ts"],"sourcesContent":["import type { Document } from \"@webiny/website-builder-sdk\";\nimport type { IMetadata } from \"./IMetadata.js\";\n\nexport class InputMetadata implements IMetadata {\n    private readonly inputId: string;\n    private metadata: IMetadata;\n    private prefix = \"inputs/\";\n\n    constructor(inputId: string, metadata: IMetadata) {\n        this.inputId = inputId;\n        this.metadata = metadata;\n    }\n\n    applyToDocument(document: Document): void {\n        this.metadata.applyToDocument(document);\n    }\n\n    get<T = unknown>(id: string): T | undefined {\n        return this.metadata.get(`${this.prefix}${this.inputId}/${id}`);\n    }\n\n    set(id: string, data: any): void {\n        this.metadata.set(`${this.prefix}${this.inputId}/${id}`, data);\n    }\n\n    unset(id: string = \"*\"): void {\n        this.metadata.unset(`${this.prefix}${this.inputId}/${id}`);\n    }\n}\n"],"names":["InputMetadata","inputId","metadata","document","id","data"],"mappings":"AAGO,MAAMA;IAKT,YAAYC,OAAe,EAAEC,QAAmB,CAAE;aAF1C,MAAM,GAAG;QAGb,IAAI,CAAC,OAAO,GAAGD;QACf,IAAI,CAAC,QAAQ,GAAGC;IACpB;IAEA,gBAAgBC,QAAkB,EAAQ;QACtC,IAAI,CAAC,QAAQ,CAAC,eAAe,CAACA;IAClC;IAEA,IAAiBC,EAAU,EAAiB;QACxC,OAAO,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,OAAO,CAAC,CAAC,EAAEA,IAAI;IAClE;IAEA,IAAIA,EAAU,EAAEC,IAAS,EAAQ;QAC7B,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,OAAO,CAAC,CAAC,EAAED,IAAI,EAAEC;IAC7D;IAEA,MAAMD,KAAa,GAAG,EAAQ;QAC1B,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,OAAO,CAAC,CAAC,EAAEA,IAAI;IAC7D;AACJ"}

package/BaseEditor/metadata/NullMetadata.d.ts

@@ -1,4 +1,4 @@
-import type { IMetadata } from "./IMetadata";
+import type { IMetadata } from "./IMetadata.js";
 export declare class NullMetadata implements IMetadata {
     applyToDocument(): void;
     get<T = unknown>(): T | undefined;

package/BaseEditor/metadata/NullMetadata.js

@@ -1,10 +1,9 @@
-export class NullMetadata {
-  applyToDocument() {}
-  get() {
-    return undefined;
-  }
-  set() {}
-  unset() {}
+class NullMetadata {
+    applyToDocument() {}
+    get() {}
+    set() {}
+    unset() {}
 }
+export { NullMetadata };
 
 //# sourceMappingURL=NullMetadata.js.map

package/BaseEditor/metadata/NullMetadata.js.map

@@ -1 +1 @@
-{"version":3,"names":["NullMetadata","applyToDocument","get","undefined","set","unset"],"sources":["NullMetadata.ts"],"sourcesContent":["import type { IMetadata } from \"./IMetadata\";\n\nexport class NullMetadata implements IMetadata {\n    applyToDocument(): void {}\n\n    get<T = unknown>(): T | undefined {\n        return undefined;\n    }\n\n    set(): void {}\n\n    unset(): void {}\n}\n"],"mappings":"AAEA,OAAO,MAAMA,YAAY,CAAsB;EAC3CC,eAAeA,CAAA,EAAS,CAAC;EAEzBC,GAAGA,CAAA,EAA+B;IAC9B,OAAOC,SAAS;EACpB;EAEAC,GAAGA,CAAA,EAAS,CAAC;EAEbC,KAAKA,CAAA,EAAS,CAAC;AACnB","ignoreList":[]}
+{"version":3,"file":"BaseEditor/metadata/NullMetadata.js","sources":["../../../src/BaseEditor/metadata/NullMetadata.ts"],"sourcesContent":["import type { IMetadata } from \"./IMetadata.js\";\n\nexport class NullMetadata implements IMetadata {\n    applyToDocument(): void {}\n\n    get<T = unknown>(): T | undefined {\n        return undefined;\n    }\n\n    set(): void {}\n\n    unset(): void {}\n}\n"],"names":["NullMetadata"],"mappings":"AAEO,MAAMA;IACT,kBAAwB,CAAC;IAEzB,MAAkC,CAElC;IAEA,MAAY,CAAC;IAEb,QAAc,CAAC;AACnB"}

package/BaseEditor/metadata/StylesMetadata.d.ts

@@ -1,5 +1,5 @@
 import type { Document } from "@webiny/website-builder-sdk";
-import type { IMetadata } from "./IMetadata";
+import type { IMetadata } from "./IMetadata.js";
 export declare class StylesMetadata implements IMetadata {
     private metadata;
     private prefix;

package/BaseEditor/metadata/StylesMetadata.js

@@ -1,20 +1,21 @@
-export class StylesMetadata {
-  prefix = "styles/";
-  constructor(metadata) {
-    this.metadata = metadata;
-  }
-  applyToDocument(document) {
-    this.metadata.applyToDocument(document);
-  }
-  get(id) {
-    return this.metadata.get(`${this.prefix}${id}`);
-  }
-  set(id, data) {
-    this.metadata.set(`${this.prefix}${id}`, data);
-  }
-  unset(id) {
-    this.metadata.unset(`${this.prefix}${id}`);
-  }
+class StylesMetadata {
+    constructor(metadata){
+        this.prefix = "styles/";
+        this.metadata = metadata;
+    }
+    applyToDocument(document) {
+        this.metadata.applyToDocument(document);
+    }
+    get(id) {
+        return this.metadata.get(`${this.prefix}${id}`);
+    }
+    set(id, data) {
+        this.metadata.set(`${this.prefix}${id}`, data);
+    }
+    unset(id) {
+        this.metadata.unset(`${this.prefix}${id}`);
+    }
 }
+export { StylesMetadata };
 
 //# sourceMappingURL=StylesMetadata.js.map

package/BaseEditor/metadata/StylesMetadata.js.map

@@ -1 +1 @@
-{"version":3,"names":["StylesMetadata","prefix","constructor","metadata","applyToDocument","document","get","id","set","data","unset"],"sources":["StylesMetadata.ts"],"sourcesContent":["import type { Document } from \"@webiny/website-builder-sdk\";\nimport type { IMetadata } from \"./IMetadata\";\n\nexport class StylesMetadata implements IMetadata {\n    private metadata: IMetadata;\n    private prefix = \"styles/\";\n\n    constructor(metadata: IMetadata) {\n        this.metadata = metadata;\n    }\n\n    applyToDocument(document: Document): void {\n        this.metadata.applyToDocument(document);\n    }\n\n    get<T = unknown>(id: string): T | undefined {\n        return this.metadata.get(`${this.prefix}${id}`);\n    }\n\n    set(id: string, data: any): void {\n        this.metadata.set(`${this.prefix}${id}`, data);\n    }\n\n    unset(id: string): void {\n        this.metadata.unset(`${this.prefix}${id}`);\n    }\n}\n"],"mappings":"AAGA,OAAO,MAAMA,cAAc,CAAsB;EAErCC,MAAM,GAAG,SAAS;EAE1BC,WAAWA,CAACC,QAAmB,EAAE;IAC7B,IAAI,CAACA,QAAQ,GAAGA,QAAQ;EAC5B;EAEAC,eAAeA,CAACC,QAAkB,EAAQ;IACtC,IAAI,CAACF,QAAQ,CAACC,eAAe,CAACC,QAAQ,CAAC;EAC3C;EAEAC,GAAGA,CAAcC,EAAU,EAAiB;IACxC,OAAO,IAAI,CAACJ,QAAQ,CAACG,GAAG,CAAC,GAAG,IAAI,CAACL,MAAM,GAAGM,EAAE,EAAE,CAAC;EACnD;EAEAC,GAAGA,CAACD,EAAU,EAAEE,IAAS,EAAQ;IAC7B,IAAI,CAACN,QAAQ,CAACK,GAAG,CAAC,GAAG,IAAI,CAACP,MAAM,GAAGM,EAAE,EAAE,EAAEE,IAAI,CAAC;EAClD;EAEAC,KAAKA,CAACH,EAAU,EAAQ;IACpB,IAAI,CAACJ,QAAQ,CAACO,KAAK,CAAC,GAAG,IAAI,CAACT,MAAM,GAAGM,EAAE,EAAE,CAAC;EAC9C;AACJ","ignoreList":[]}
+{"version":3,"file":"BaseEditor/metadata/StylesMetadata.js","sources":["../../../src/BaseEditor/metadata/StylesMetadata.ts"],"sourcesContent":["import type { Document } from \"@webiny/website-builder-sdk\";\nimport type { IMetadata } from \"./IMetadata.js\";\n\nexport class StylesMetadata implements IMetadata {\n    private metadata: IMetadata;\n    private prefix = \"styles/\";\n\n    constructor(metadata: IMetadata) {\n        this.metadata = metadata;\n    }\n\n    applyToDocument(document: Document): void {\n        this.metadata.applyToDocument(document);\n    }\n\n    get<T = unknown>(id: string): T | undefined {\n        return this.metadata.get(`${this.prefix}${id}`);\n    }\n\n    set(id: string, data: any): void {\n        this.metadata.set(`${this.prefix}${id}`, data);\n    }\n\n    unset(id: string): void {\n        this.metadata.unset(`${this.prefix}${id}`);\n    }\n}\n"],"names":["StylesMetadata","metadata","document","id","data"],"mappings":"AAGO,MAAMA;IAIT,YAAYC,QAAmB,CAAE;aAFzB,MAAM,GAAG;QAGb,IAAI,CAAC,QAAQ,GAAGA;IACpB;IAEA,gBAAgBC,QAAkB,EAAQ;QACtC,IAAI,CAAC,QAAQ,CAAC,eAAe,CAACA;IAClC;IAEA,IAAiBC,EAAU,EAAiB;QACxC,OAAO,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,MAAM,GAAGA,IAAI;IAClD;IAEA,IAAIA,EAAU,EAAEC,IAAS,EAAQ;QAC7B,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,MAAM,GAAGD,IAAI,EAAEC;IAC7C;IAEA,MAAMD,EAAU,EAAQ;QACpB,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,MAAM,GAAGA,IAAI;IAC7C;AACJ"}

package/BaseEditor/metadata/index.d.ts

@@ -1,6 +1,6 @@
-export * from "./IMetadata";
-export * from "./InputMetadata";
-export * from "./ElementMetadata";
-export * from "./BreakpointElementMetadata";
-export * from "./StylesMetadata";
-export * from "./NullMetadata";
+export type * from "./IMetadata.js";
+export * from "./InputMetadata.js";
+export * from "./ElementMetadata.js";
+export * from "./BreakpointElementMetadata.js";
+export * from "./StylesMetadata.js";
+export * from "./NullMetadata.js";

package/BaseEditor/metadata/index.js

@@ -1,8 +1,5 @@
-export * from "./IMetadata";
-export * from "./InputMetadata";
-export * from "./ElementMetadata";
-export * from "./BreakpointElementMetadata";
-export * from "./StylesMetadata";
-export * from "./NullMetadata";
-
-//# sourceMappingURL=index.js.map
+export * from "./InputMetadata.js";
+export * from "./ElementMetadata.js";
+export * from "./BreakpointElementMetadata.js";
+export * from "./StylesMetadata.js";
+export * from "./NullMetadata.js";

package/DocumentEditor/ConnectEditorToPreview.d.ts

@@ -1,8 +1,8 @@
 import type React from "react";
 import { Messenger } from "@webiny/website-builder-sdk";
-import type { usePreviewData } from "../BaseEditor/hooks/usePreviewData";
+import type { usePreviewData } from "../BaseEditor/hooks/usePreviewData.js";
 type ConnectEditorToPreviewProps = {
-    iframeRef: React.RefObject<HTMLIFrameElement>;
+    iframeRef: React.RefObject<HTMLIFrameElement | null>;
     onConnected: (messenger: Messenger, elementPositionsHook?: ReturnType<typeof usePreviewData>) => void;
 };
 export declare function ConnectEditorToPreview({ iframeRef, onConnected }: ConnectEditorToPreviewProps): null;

package/DocumentEditor/ConnectEditorToPreview.js

@@ -1,31 +1,28 @@
 import { useEffect, useRef } from "react";
 import { MessageOrigin, Messenger } from "@webiny/website-builder-sdk";
-export function ConnectEditorToPreview({
-  iframeRef,
-  onConnected
-}) {
-  const messengerRef = useRef(null);
-  useEffect(() => {
-    if (!iframeRef.current?.contentWindow) {
-      return;
-    }
-    const targetWindow = () => iframeRef.current.contentWindow;
-    const targetOrigin = new URL(iframeRef.current.src).origin;
-    const editorOrigin = new MessageOrigin(() => window, window.location.origin);
-    const previewTarget = new MessageOrigin(targetWindow, targetOrigin);
-    const messenger = new Messenger(editorOrigin, previewTarget, "wb.editor.*");
-    messengerRef.current = messenger;
-
-    // Listen for "preview-ready"
-    const off = messenger.on("preview.ready", () => {
-      onConnected(messenger);
-    });
-    return () => {
-      off(); // Remove listener
-      messenger.dispose();
-    };
-  }, [iframeRef, onConnected]);
-  return null;
+function ConnectEditorToPreview({ iframeRef, onConnected }) {
+    const messengerRef = useRef(null);
+    useEffect(()=>{
+        if (!iframeRef.current?.contentWindow) return;
+        const targetWindow = ()=>iframeRef.current.contentWindow;
+        const targetOrigin = new URL(iframeRef.current.src).origin;
+        const editorOrigin = new MessageOrigin(()=>window, window.location.origin);
+        const previewTarget = new MessageOrigin(targetWindow, targetOrigin);
+        const messenger = new Messenger(editorOrigin, previewTarget, "wb.editor.*");
+        messengerRef.current = messenger;
+        const off = messenger.on("preview.ready", ()=>{
+            onConnected(messenger);
+        });
+        return ()=>{
+            off();
+            messenger.dispose();
+        };
+    }, [
+        iframeRef,
+        onConnected
+    ]);
+    return null;
 }
+export { ConnectEditorToPreview };
 
 //# sourceMappingURL=ConnectEditorToPreview.js.map

package/DocumentEditor/ConnectEditorToPreview.js.map

@@ -1 +1 @@
-{"version":3,"names":["useEffect","useRef","MessageOrigin","Messenger","ConnectEditorToPreview","iframeRef","onConnected","messengerRef","current","contentWindow","targetWindow","targetOrigin","URL","src","origin","editorOrigin","window","location","previewTarget","messenger","off","on","dispose"],"sources":["ConnectEditorToPreview.tsx"],"sourcesContent":["import type React from \"react\";\nimport { useEffect, useRef } from \"react\";\nimport { MessageOrigin, Messenger } from \"@webiny/website-builder-sdk\";\nimport type { usePreviewData } from \"~/BaseEditor/hooks/usePreviewData\";\n\ntype ConnectEditorToPreviewProps = {\n    iframeRef: React.RefObject<HTMLIFrameElement>;\n    onConnected: (\n        messenger: Messenger,\n        elementPositionsHook?: ReturnType<typeof usePreviewData>\n    ) => void;\n};\n\nexport function ConnectEditorToPreview({ iframeRef, onConnected }: ConnectEditorToPreviewProps) {\n    const messengerRef = useRef<Messenger | null>(null);\n\n    useEffect(() => {\n        if (!iframeRef.current?.contentWindow) {\n            return;\n        }\n\n        const targetWindow = () => iframeRef.current!.contentWindow!;\n        const targetOrigin = new URL(iframeRef.current.src).origin;\n\n        const editorOrigin = new MessageOrigin(() => window, window.location.origin);\n        const previewTarget = new MessageOrigin(targetWindow, targetOrigin);\n\n        const messenger = new Messenger(editorOrigin, previewTarget, \"wb.editor.*\");\n        messengerRef.current = messenger;\n\n        // Listen for \"preview-ready\"\n        const off = messenger.on(\"preview.ready\", () => {\n            onConnected(messenger);\n        });\n\n        return () => {\n            off(); // Remove listener\n            messenger.dispose();\n        };\n    }, [iframeRef, onConnected]);\n\n    return null;\n}\n"],"mappings":"AACA,SAASA,SAAS,EAAEC,MAAM,QAAQ,OAAO;AACzC,SAASC,aAAa,EAAEC,SAAS,QAAQ,6BAA6B;AAWtE,OAAO,SAASC,sBAAsBA,CAAC;EAAEC,SAAS;EAAEC;AAAyC,CAAC,EAAE;EAC5F,MAAMC,YAAY,GAAGN,MAAM,CAAmB,IAAI,CAAC;EAEnDD,SAAS,CAAC,MAAM;IACZ,IAAI,CAACK,SAAS,CAACG,OAAO,EAAEC,aAAa,EAAE;MACnC;IACJ;IAEA,MAAMC,YAAY,GAAGA,CAAA,KAAML,SAAS,CAACG,OAAO,CAAEC,aAAc;IAC5D,MAAME,YAAY,GAAG,IAAIC,GAAG,CAACP,SAAS,CAACG,OAAO,CAACK,GAAG,CAAC,CAACC,MAAM;IAE1D,MAAMC,YAAY,GAAG,IAAIb,aAAa,CAAC,MAAMc,MAAM,EAAEA,MAAM,CAACC,QAAQ,CAACH,MAAM,CAAC;IAC5E,MAAMI,aAAa,GAAG,IAAIhB,aAAa,CAACQ,YAAY,EAAEC,YAAY,CAAC;IAEnE,MAAMQ,SAAS,GAAG,IAAIhB,SAAS,CAACY,YAAY,EAAEG,aAAa,EAAE,aAAa,CAAC;IAC3EX,YAAY,CAACC,OAAO,GAAGW,SAAS;;IAEhC;IACA,MAAMC,GAAG,GAAGD,SAAS,CAACE,EAAE,CAAC,eAAe,EAAE,MAAM;MAC5Cf,WAAW,CAACa,SAAS,CAAC;IAC1B,CAAC,CAAC;IAEF,OAAO,MAAM;MACTC,GAAG,CAAC,CAAC,CAAC,CAAC;MACPD,SAAS,CAACG,OAAO,CAAC,CAAC;IACvB,CAAC;EACL,CAAC,EAAE,CAACjB,SAAS,EAAEC,WAAW,CAAC,CAAC;EAE5B,OAAO,IAAI;AACf","ignoreList":[]}
+{"version":3,"file":"DocumentEditor/ConnectEditorToPreview.js","sources":["../../src/DocumentEditor/ConnectEditorToPreview.tsx"],"sourcesContent":["import type React from \"react\";\nimport { useEffect, useRef } from \"react\";\nimport { MessageOrigin, Messenger } from \"@webiny/website-builder-sdk\";\nimport type { usePreviewData } from \"~/BaseEditor/hooks/usePreviewData.js\";\n\ntype ConnectEditorToPreviewProps = {\n    iframeRef: React.RefObject<HTMLIFrameElement | null>;\n    onConnected: (\n        messenger: Messenger,\n        elementPositionsHook?: ReturnType<typeof usePreviewData>\n    ) => void;\n};\n\nexport function ConnectEditorToPreview({ iframeRef, onConnected }: ConnectEditorToPreviewProps) {\n    const messengerRef = useRef<Messenger | null>(null);\n\n    useEffect(() => {\n        if (!iframeRef.current?.contentWindow) {\n            return;\n        }\n\n        const targetWindow = () => iframeRef.current!.contentWindow!;\n        const targetOrigin = new URL(iframeRef.current.src).origin;\n\n        const editorOrigin = new MessageOrigin(() => window, window.location.origin);\n        const previewTarget = new MessageOrigin(targetWindow, targetOrigin);\n\n        const messenger = new Messenger(editorOrigin, previewTarget, \"wb.editor.*\");\n        messengerRef.current = messenger;\n\n        // Listen for \"preview-ready\"\n        const off = messenger.on(\"preview.ready\", () => {\n            onConnected(messenger);\n        });\n\n        return () => {\n            off(); // Remove listener\n            messenger.dispose();\n        };\n    }, [iframeRef, onConnected]);\n\n    return null;\n}\n"],"names":["ConnectEditorToPreview","iframeRef","onConnected","messengerRef","useRef","useEffect","targetWindow","targetOrigin","URL","editorOrigin","MessageOrigin","window","previewTarget","messenger","Messenger","off"],"mappings":";;AAaO,SAASA,uBAAuB,EAAEC,SAAS,EAAEC,WAAW,EAA+B;IAC1F,MAAMC,eAAeC,OAAyB;IAE9CC,UAAU;QACN,IAAI,CAACJ,UAAU,OAAO,EAAE,eACpB;QAGJ,MAAMK,eAAe,IAAML,UAAU,OAAO,CAAE,aAAa;QAC3D,MAAMM,eAAe,IAAIC,IAAIP,UAAU,OAAO,CAAC,GAAG,EAAE,MAAM;QAE1D,MAAMQ,eAAe,IAAIC,cAAc,IAAMC,QAAQA,OAAO,QAAQ,CAAC,MAAM;QAC3E,MAAMC,gBAAgB,IAAIF,cAAcJ,cAAcC;QAEtD,MAAMM,YAAY,IAAIC,UAAUL,cAAcG,eAAe;QAC7DT,aAAa,OAAO,GAAGU;QAGvB,MAAME,MAAMF,UAAU,EAAE,CAAC,iBAAiB;YACtCX,YAAYW;QAChB;QAEA,OAAO;YACHE;YACAF,UAAU,OAAO;QACrB;IACJ,GAAG;QAACZ;QAAWC;KAAY;IAE3B,OAAO;AACX"}

package/DocumentEditor/DocumentEditor.d.ts

@@ -1,15 +1,25 @@
 import React from "react";
 import type { EditorDocument } from "@webiny/website-builder-sdk";
-import { Editor } from "../editorSdk/Editor";
+import { Editor } from "../editorSdk/Editor.js";
 export declare const DocumentEditorContext: React.Context<Editor<any> | undefined>;
 export declare function useDocumentEditor<TDocument extends EditorDocument>(): Editor<TDocument>;
-interface DocumentEditorProps<TDocument> {
-    document: TDocument;
+interface DocumentEditorBaseProps {
     name: string;
     children?: React.ReactNode;
 }
-declare function BaseDocumentEditor<TDocument extends EditorDocument>({ document, name, children }: DocumentEditorProps<TDocument>): React.JSX.Element;
-export declare const DocumentEditor: typeof BaseDocumentEditor & {
-    displayName: string;
+interface DocumentEditorWithDocument<TDocument> extends DocumentEditorBaseProps {
+    document: TDocument;
+    readOnly: boolean;
+    editor?: never;
+}
+interface DocumentEditorWithEditor extends DocumentEditorBaseProps {
+    editor: Editor<any>;
+    document?: never;
+    readOnly?: never;
+}
+type DocumentEditorProps<TDocument = any> = DocumentEditorWithDocument<TDocument> | DocumentEditorWithEditor;
+declare function BaseDocumentEditor<TDocument extends EditorDocument>({ name, children, ...props }: DocumentEditorProps<TDocument>): React.JSX.Element;
+export declare const DocumentEditor: typeof BaseDocumentEditor & React.NamedExoticComponent<DocumentEditorProps<import("@webiny/website-builder-sdk").Document>> & {
+    readonly type: typeof BaseDocumentEditor;
 };
 export {};

package/DocumentEditor/DocumentEditor.js

@@ -1,37 +1,41 @@
-import React, { useMemo } from "react";
+import react, { useMemo } from "react";
 import { HTML5Backend } from "react-dnd-html5-backend";
 import { DndProvider } from "react-dnd";
-import { Editor as EditorComponent } from "../BaseEditor/components";
-import { Editor } from "../editorSdk/Editor";
+import { Editor } from "../BaseEditor/components/index.js";
+import { Editor as Editor_js_Editor } from "../editorSdk/Editor.js";
 import { observer } from "mobx-react-lite";
-import { StateInspector } from "./StateInspector";
+import { StateInspector } from "./StateInspector.js";
 import { CompositionScope } from "@webiny/react-composition";
 import { DialogsProvider } from "@webiny/app-admin";
-export const DocumentEditorContext = /*#__PURE__*/React.createContext(undefined);
-export function useDocumentEditor() {
-  const context = React.useContext(DocumentEditorContext);
-  if (!context) {
-    throw new Error("useDocumentEditor must be used within a <DocumentEditor /> context!");
-  }
-  return context;
+const DocumentEditorContext = /*#__PURE__*/ react.createContext(void 0);
+function useDocumentEditor() {
+    const context = react.useContext(DocumentEditorContext);
+    if (!context) throw new Error("useDocumentEditor must be used within a <DocumentEditor /> context!");
+    return context;
 }
-function BaseDocumentEditor({
-  document,
-  name,
-  children
-}) {
-  const editor = useMemo(() => new Editor(document), [document]);
-  return /*#__PURE__*/React.createElement(DialogsProvider, null, /*#__PURE__*/React.createElement(DndProvider, {
-    backend: HTML5Backend
-  }, /*#__PURE__*/React.createElement(StateInspector, {
-    editor: editor
-  }), /*#__PURE__*/React.createElement(DocumentEditorContext.Provider, {
-    value: editor
-  }, children ? /*#__PURE__*/React.createElement(React.Fragment, null, children) : null, /*#__PURE__*/React.createElement(CompositionScope, {
-    name: name
-  }, /*#__PURE__*/React.createElement(EditorComponent, null)))));
+function BaseDocumentEditor({ name, children, ...props }) {
+    const internalEditor = useMemo(()=>{
+        if ("editor" in props && props.editor) return null;
+        return new Editor_js_Editor(props.document, {
+            isReadOnly: props.readOnly
+        });
+    }, [
+        "editor" in props ? props.editor : props.document,
+        "editor" in props ? null : props.readOnly
+    ]);
+    const editor = "editor" in props && props.editor ? props.editor : internalEditor;
+    return /*#__PURE__*/ react.createElement(DndProvider, {
+        backend: HTML5Backend
+    }, /*#__PURE__*/ react.createElement(StateInspector, {
+        editor: editor
+    }), /*#__PURE__*/ react.createElement(DocumentEditorContext.Provider, {
+        value: editor
+    }, /*#__PURE__*/ react.createElement(DialogsProvider, null, children ? /*#__PURE__*/ react.createElement(react.Fragment, null, children) : null, /*#__PURE__*/ react.createElement(CompositionScope, {
+        name: name
+    }, /*#__PURE__*/ react.createElement(Editor, null)))));
 }
 const WithObserver = observer(BaseDocumentEditor);
-export const DocumentEditor = WithObserver;
+const DocumentEditor = WithObserver;
+export { DocumentEditor, DocumentEditorContext, useDocumentEditor };
 
 //# sourceMappingURL=DocumentEditor.js.map

package/DocumentEditor/DocumentEditor.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","HTML5Backend","DndProvider","Editor","EditorComponent","observer","StateInspector","CompositionScope","DialogsProvider","DocumentEditorContext","createContext","undefined","useDocumentEditor","context","useContext","Error","BaseDocumentEditor","document","name","children","editor","createElement","backend","Provider","value","Fragment","WithObserver","DocumentEditor"],"sources":["DocumentEditor.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport type { EditorDocument } from \"@webiny/website-builder-sdk\";\nimport { HTML5Backend } from \"react-dnd-html5-backend\";\nimport { DndProvider } from \"react-dnd\";\nimport { Editor as EditorComponent } from \"~/BaseEditor/components\";\nimport { Editor } from \"~/editorSdk/Editor\";\nimport { observer } from \"mobx-react-lite\";\nimport { StateInspector } from \"./StateInspector\";\nimport { CompositionScope } from \"@webiny/react-composition\";\nimport { DialogsProvider } from \"@webiny/app-admin\";\n\nexport const DocumentEditorContext = React.createContext<Editor<any> | undefined>(undefined);\n\nexport function useDocumentEditor<TDocument extends EditorDocument>() {\n    const context = React.useContext(DocumentEditorContext);\n    if (!context) {\n        throw new Error(\"useDocumentEditor must be used within a <DocumentEditor /> context!\");\n    }\n    return context as Editor<TDocument>;\n}\n\ninterface DocumentEditorProps<TDocument> {\n    document: TDocument;\n    name: string;\n    children?: React.ReactNode;\n}\n\nfunction BaseDocumentEditor<TDocument extends EditorDocument>({\n    document,\n    name,\n    children\n}: DocumentEditorProps<TDocument>) {\n    const editor = useMemo(() => new Editor<TDocument>(document), [document]);\n\n    return (\n        <DialogsProvider>\n            <DndProvider backend={HTML5Backend}>\n                <StateInspector editor={editor} />\n                <DocumentEditorContext.Provider value={editor as Editor<TDocument>}>\n                    {children ? <>{children}</> : null}\n                    <CompositionScope name={name}>\n                        <EditorComponent />\n                    </CompositionScope>\n                </DocumentEditorContext.Provider>\n            </DndProvider>\n        </DialogsProvider>\n    );\n}\n\nconst WithObserver = observer(BaseDocumentEditor);\n\nexport const DocumentEditor = WithObserver;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AAEtC,SAASC,YAAY,QAAQ,yBAAyB;AACtD,SAASC,WAAW,QAAQ,WAAW;AACvC,SAASC,MAAM,IAAIC,eAAe;AAClC,SAASD,MAAM;AACf,SAASE,QAAQ,QAAQ,iBAAiB;AAC1C,SAASC,cAAc;AACvB,SAASC,gBAAgB,QAAQ,2BAA2B;AAC5D,SAASC,eAAe,QAAQ,mBAAmB;AAEnD,OAAO,MAAMC,qBAAqB,gBAAGV,KAAK,CAACW,aAAa,CAA0BC,SAAS,CAAC;AAE5F,OAAO,SAASC,iBAAiBA,CAAA,EAAqC;EAClE,MAAMC,OAAO,GAAGd,KAAK,CAACe,UAAU,CAACL,qBAAqB,CAAC;EACvD,IAAI,CAACI,OAAO,EAAE;IACV,MAAM,IAAIE,KAAK,CAAC,qEAAqE,CAAC;EAC1F;EACA,OAAOF,OAAO;AAClB;AAQA,SAASG,kBAAkBA,CAAmC;EAC1DC,QAAQ;EACRC,IAAI;EACJC;AAC4B,CAAC,EAAE;EAC/B,MAAMC,MAAM,GAAGpB,OAAO,CAAC,MAAM,IAAIG,MAAM,CAAYc,QAAQ,CAAC,EAAE,CAACA,QAAQ,CAAC,CAAC;EAEzE,oBACIlB,KAAA,CAAAsB,aAAA,CAACb,eAAe,qBACZT,KAAA,CAAAsB,aAAA,CAACnB,WAAW;IAACoB,OAAO,EAAErB;EAAa,gBAC/BF,KAAA,CAAAsB,aAAA,CAACf,cAAc;IAACc,MAAM,EAAEA;EAAO,CAAE,CAAC,eAClCrB,KAAA,CAAAsB,aAAA,CAACZ,qBAAqB,CAACc,QAAQ;IAACC,KAAK,EAAEJ;EAA4B,GAC9DD,QAAQ,gBAAGpB,KAAA,CAAAsB,aAAA,CAAAtB,KAAA,CAAA0B,QAAA,QAAGN,QAAW,CAAC,GAAG,IAAI,eAClCpB,KAAA,CAAAsB,aAAA,CAACd,gBAAgB;IAACW,IAAI,EAAEA;EAAK,gBACzBnB,KAAA,CAAAsB,aAAA,CAACjB,eAAe,MAAE,CACJ,CACU,CACvB,CACA,CAAC;AAE1B;AAEA,MAAMsB,YAAY,GAAGrB,QAAQ,CAACW,kBAAkB,CAAC;AAEjD,OAAO,MAAMW,cAAc,GAAGD,YAAY","ignoreList":[]}
+{"version":3,"file":"DocumentEditor/DocumentEditor.js","sources":["../../src/DocumentEditor/DocumentEditor.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport type { EditorDocument } from \"@webiny/website-builder-sdk\";\nimport { HTML5Backend } from \"react-dnd-html5-backend\";\nimport { DndProvider } from \"react-dnd\";\nimport { Editor as EditorComponent } from \"~/BaseEditor/components/index.js\";\nimport { Editor } from \"~/editorSdk/Editor.js\";\nimport { observer } from \"mobx-react-lite\";\nimport { StateInspector } from \"./StateInspector.js\";\nimport { CompositionScope } from \"@webiny/react-composition\";\nimport { DialogsProvider } from \"@webiny/app-admin\";\n\nexport const DocumentEditorContext = React.createContext<Editor<any> | undefined>(undefined);\n\nexport function useDocumentEditor<TDocument extends EditorDocument>() {\n    const context = React.useContext(DocumentEditorContext);\n    if (!context) {\n        throw new Error(\"useDocumentEditor must be used within a <DocumentEditor /> context!\");\n    }\n    return context as Editor<TDocument>;\n}\n\ninterface DocumentEditorBaseProps {\n    name: string;\n    children?: React.ReactNode;\n}\n\ninterface DocumentEditorWithDocument<TDocument> extends DocumentEditorBaseProps {\n    document: TDocument;\n    readOnly: boolean;\n    editor?: never;\n}\n\ninterface DocumentEditorWithEditor extends DocumentEditorBaseProps {\n    editor: Editor<any>;\n    document?: never;\n    readOnly?: never;\n}\n\ntype DocumentEditorProps<TDocument = any> =\n    | DocumentEditorWithDocument<TDocument>\n    | DocumentEditorWithEditor;\n\nfunction BaseDocumentEditor<TDocument extends EditorDocument>({\n    name,\n    children,\n    ...props\n}: DocumentEditorProps<TDocument>) {\n    const internalEditor = useMemo(() => {\n        if (\"editor\" in props && props.editor) {\n            return null;\n        }\n        return new Editor<TDocument>(props.document!, {\n            isReadOnly: props.readOnly!\n        });\n    }, [\n        \"editor\" in props ? props.editor : props.document,\n        \"editor\" in props ? null : props.readOnly\n    ]);\n\n    const editor = \"editor\" in props && props.editor ? props.editor : internalEditor!;\n\n    return (\n        <DndProvider backend={HTML5Backend}>\n            <StateInspector editor={editor} />\n            <DocumentEditorContext.Provider value={editor as Editor<TDocument>}>\n                <DialogsProvider>\n                    {children ? <>{children}</> : null}\n                    <CompositionScope name={name}>\n                        <EditorComponent />\n                    </CompositionScope>\n                </DialogsProvider>\n            </DocumentEditorContext.Provider>\n        </DndProvider>\n    );\n}\n\nconst WithObserver = observer(BaseDocumentEditor);\n\nexport const DocumentEditor = WithObserver;\n"],"names":["DocumentEditorContext","React","undefined","useDocumentEditor","context","Error","BaseDocumentEditor","name","children","props","internalEditor","useMemo","Editor","editor","DndProvider","HTML5Backend","StateInspector","DialogsProvider","CompositionScope","EditorComponent","WithObserver","observer","DocumentEditor"],"mappings":";;;;;;;;;AAWO,MAAMA,wBAAwB,WAAHA,GAAGC,MAAAA,aAAmB,CAA0BC;AAE3E,SAASC;IACZ,MAAMC,UAAUH,MAAAA,UAAgB,CAACD;IACjC,IAAI,CAACI,SACD,MAAM,IAAIC,MAAM;IAEpB,OAAOD;AACX;AAuBA,SAASE,mBAAqD,EAC1DC,IAAI,EACJC,QAAQ,EACR,GAAGC,OAC0B;IAC7B,MAAMC,iBAAiBC,QAAQ;QAC3B,IAAI,YAAYF,SAASA,MAAM,MAAM,EACjC,OAAO;QAEX,OAAO,IAAIG,iBAAkBH,MAAM,QAAQ,EAAG;YAC1C,YAAYA,MAAM,QAAQ;QAC9B;IACJ,GAAG;QACC,YAAYA,QAAQA,MAAM,MAAM,GAAGA,MAAM,QAAQ;QACjD,YAAYA,QAAQ,OAAOA,MAAM,QAAQ;KAC5C;IAED,MAAMI,SAAS,YAAYJ,SAASA,MAAM,MAAM,GAAGA,MAAM,MAAM,GAAGC;IAElE,OAAO,WAAP,GACI,oBAACI,aAAWA;QAAC,SAASC;qBAClB,oBAACC,gBAAcA;QAAC,QAAQH;sBACxB,oBAACb,sBAAsB,QAAQ;QAAC,OAAOa;qBACnC,oBAACI,iBAAeA,MACXT,WAAW,WAAXA,GAAW,0CAAGA,YAAe,oBAC9B,oBAACU,kBAAgBA;QAAC,MAAMX;qBACpB,oBAACY,QAAeA;AAMxC;AAEA,MAAMC,eAAeC,SAASf;AAEvB,MAAMgB,iBAAiBF"}

package/DocumentEditor/StateInspector.d.ts

@@ -1,10 +1,12 @@
 import React from "react";
 import type { EditorDocument } from "@webiny/website-builder-sdk";
-import type { Editor } from "../editorSdk/Editor";
+import type { Editor } from "../editorSdk/Editor.js";
 declare function BaseStateInspector<TDocument extends EditorDocument>({ editor }: {
     editor: Editor<TDocument>;
 }): React.JSX.Element;
-export declare const StateInspector: typeof BaseStateInspector & {
-    displayName: string;
+export declare const StateInspector: typeof BaseStateInspector & React.NamedExoticComponent<{
+    editor: Editor<import("@webiny/website-builder-sdk").Document>;
+}> & {
+    readonly type: typeof BaseStateInspector;
 };
 export {};

package/DocumentEditor/StateInspector.js

@@ -1,53 +1,23 @@
-import React from "react";
-import Monaco from "@monaco-editor/react";
-import { Tabs } from "@webiny/admin-ui";
-import { FloatingPanel } from "@webiny/app-admin/components";
+import react from "react";
+import { toJS } from "mobx";
 import { observer } from "mobx-react-lite";
-const monacoTheme = "vs-light";
-const monacoOptions = {
-  minimap: {
-    enabled: false
-  }
-};
-function BaseStateInspector({
-  editor
-}) {
-  const document = editor.getDocumentState().read();
-  const editorState = editor.getEditorState().read();
-  return /*#__PURE__*/React.createElement(FloatingPanel, {
-    shortcut: "Cmd+E",
-    dragHandle: ".floating-panel"
-  }, ({
-    height
-  }) => /*#__PURE__*/React.createElement(Tabs, {
-    size: "md",
-    spacing: "sm",
-    separator: true,
-    tabs: [/*#__PURE__*/React.createElement(Tabs.Tab, {
-      key: "document",
-      value: "document",
-      trigger: "Document",
-      content: /*#__PURE__*/React.createElement(Monaco, {
-        theme: monacoTheme,
-        height: height - 76,
-        defaultLanguage: "json",
-        value: JSON.stringify(document, null, 2),
-        options: monacoOptions
-      })
-    }), /*#__PURE__*/React.createElement(Tabs.Tab, {
-      key: "editorState",
-      value: "editorState",
-      trigger: "Editor State",
-      content: /*#__PURE__*/React.createElement(Monaco, {
-        theme: monacoTheme,
-        height: height - 76,
-        defaultLanguage: "json",
-        value: JSON.stringify(editorState, null, 2),
-        options: monacoOptions
-      })
-    })]
-  }));
+import { DevToolsSection } from "@webiny/app-admin";
+function BaseStateInspector({ editor }) {
+    const document = toJS(editor.getDocumentState().read());
+    const editorState = toJS(editor.getEditorState().read());
+    return /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(DevToolsSection, {
+        name: "Document State",
+        group: "WB Page Editor",
+        data: document,
+        views: "raw"
+    }), /*#__PURE__*/ react.createElement(DevToolsSection, {
+        name: "Editor State",
+        group: "WB Page Editor",
+        data: editorState,
+        views: "raw"
+    }));
 }
-export const StateInspector = observer(BaseStateInspector);
+const StateInspector = observer(BaseStateInspector);
+export { StateInspector };
 
 //# sourceMappingURL=StateInspector.js.map