@webiny/app-website-builder 6.0.0-alpha.4 → 6.0.0-rc.0

package/BaseEditor/defaultConfig/Content/Preview/PreviewEvents.js

@@ -1,12 +1,11 @@
 import { mouseTracker } from "@webiny/website-builder-sdk";
 import defaultImage from "@webiny/icons/extension.svg";
-import { Commands } from "../../..";
-import { $createElement } from "../../../../editorSdk/utils";
+import { Commands } from "../../../index.js";
+import { $createElement } from "../../../../editorSdk/utils/index.js";
 export class PreviewEvents {
   editorEventsRegistered = false;
   listeners = [];
-  constructor(editor, scrollTracker) {
-    this.scrollTracker = scrollTracker;
+  constructor(editor) {
     this.editor = editor;
   }
   onConnected(messenger) {
@@ -41,25 +40,6 @@ export class PreviewEvents {
         this.getMessenger().send("document.set", event.state);
       }
     }),
-    // Scroll start
-    this.scrollTracker.onScrollStart(() => {
-      this.editor.updateEditor(state => {
-        state.showOverlays = false;
-      });
-    }),
-    // Scrolling
-    this.scrollTracker.onScroll(event => {
-      this.getMessenger().send("preview.scroll", {
-        deltaX: event.deltaX,
-        deltaY: event.deltaY
-      });
-    }),
-    // Scroll end
-    this.scrollTracker.onScrollEnd(() => {
-      this.editor.updateEditor(state => {
-        state.showOverlays = true;
-      });
-    }),
     // Element preview
     this.editor.registerCommandHandler(Commands.PreviewPatchElement, payload => {
       this.getMessenger().send(`element.patch.${payload.elementId}`, payload.patch);
@@ -83,20 +63,30 @@ export class PreviewEvents {
       const document = this.editor.getDocumentState().read();
       if (Object.keys(document.elements).length === 1) {
         // We only have the default "root" element, create fragment elements.
-        let index = 0;
-        fragments.forEach(fragment => {
+        fragments.forEach((fragment, index) => {
+          if (fragment.type === "fixed") {
+            $createElement(this.editor, {
+              componentName: "Webiny/Fragment",
+              parentId: "root",
+              slot: "children",
+              index,
+              bindings: {
+                inputs: {
+                  name: fragment.name
+                }
+              }
+            });
+            return;
+          }
           $createElement(this.editor, {
-            componentName: "Webiny/Fragment",
+            componentName: fragment.component,
             parentId: "root",
             slot: "children",
             index,
             bindings: {
-              inputs: {
-                name: fragment
-              }
+              inputs: fragment.inputs
             }
           });
-          index++;
         });
       }
     });
@@ -155,8 +145,9 @@ export class PreviewEvents {
     });
   }
   getIframeBox() {
-    const iframe = document.getElementById("preview-iframe");
-    if (!iframe) {
+    const previewContainer = document.getElementById("preview-container");
+    const previewBody = document.getElementById("preview-body");
+    if (!previewContainer || !previewBody) {
       return {
         top: 0,
         left: 0,
@@ -164,12 +155,18 @@ export class PreviewEvents {
         height: 0
       };
     }
-    const iframeRect = iframe.getBoundingClientRect();
+
+    /**
+     * We need to use the `preview-container` to get the exact position from the top (we MUST ignore scroll position).
+     * However, for everything else we use the actual `preview-body`,
+     */
+    const containerRect = previewContainer.getBoundingClientRect();
+    const bodyRect = previewBody.getBoundingClientRect();
     return {
-      top: iframeRect.top,
-      left: iframeRect.left,
-      width: iframeRect.width,
-      height: iframeRect.height
+      top: containerRect.top,
+      left: bodyRect.left,
+      width: bodyRect.width,
+      height: bodyRect.height
     };
   }
   mapCoordinatesToEditorSpace(viewport, boxes) {

package/BaseEditor/defaultConfig/Content/Preview/PreviewEvents.js.map

@@ -1 +1 @@
-{"version":3,"names":["mouseTracker","defaultImage","Commands","$createElement","PreviewEvents","editorEventsRegistered","listeners","constructor","editor","scrollTracker","onConnected","messenger","dispose","registerEditorEvents","subscribeToIframe","setTimeout","updateEditor","state","loadingPreview","selectedElement","destroy","forEach","unsubscribe","push","onDocumentStateChange","event","reason","getMessenger","send","diff","onScrollStart","showOverlays","onScroll","deltaX","deltaY","onScrollEnd","registerCommandHandler","PreviewPatchElement","payload","elementId","patch","getDocumentState","toJson","on","theme","executeCommand","SetTheme","fragments","document","read","Object","keys","elements","length","index","fragment","componentName","parentId","slot","bindings","inputs","name","boxes","viewport","iframeBox","getIframeBox","top","left","preview","mapCoordinatesToEditorSpace","component","components","image","tags","group","componentGroups","id","x","y","globalX","globalY","setPosition","iframe","getElementById","width","height","iframeRect","getBoundingClientRect","newBoxes","key","box"],"sources":["PreviewEvents.ts"],"sourcesContent":["import type { Editor } from \"~/editorSdk/Editor\";\nimport type { Messenger } from \"@webiny/website-builder-sdk\";\nimport {\n    type BoxesData,\n    type ComponentManifest,\n    type EditorViewportInfo,\n    mouseTracker,\n    type PreviewViewportData,\n    type SerializedComponentGroup\n} from \"@webiny/website-builder-sdk\";\nimport defaultImage from \"@webiny/icons/extension.svg\";\nimport { Commands } from \"~/BaseEditor\";\nimport { $createElement } from \"~/editorSdk/utils\";\nimport type { ScrollTracker } from \"./ScrollTracker\";\n\nexport class PreviewEvents {\n    private editor: Editor;\n    private editorEventsRegistered = false;\n    private messenger: Messenger | undefined;\n    private scrollTracker: ScrollTracker;\n    private listeners: Array<() => void> = [];\n\n    constructor(editor: Editor, scrollTracker: ScrollTracker) {\n        this.scrollTracker = scrollTracker;\n        this.editor = editor;\n    }\n\n    onConnected(messenger: Messenger) {\n        // Dispose of the old messenger.\n        this.messenger?.dispose();\n\n        this.messenger = messenger;\n\n        this.registerEditorEvents();\n\n        this.subscribeToIframe(messenger);\n\n        setTimeout(() => {\n            this.editor.updateEditor(state => {\n                state.loadingPreview = false;\n                state.selectedElement = null;\n            });\n        }, 100);\n    }\n\n    destroy() {\n        this.listeners.forEach(unsubscribe => {\n            unsubscribe();\n        });\n    }\n\n    private registerEditorEvents() {\n        if (this.editorEventsRegistered) {\n            return;\n        }\n\n        this.editorEventsRegistered = true;\n\n        this.listeners.push(\n            // Propagate changes\n            this.editor.onDocumentStateChange(event => {\n                if (event.reason === \"update\") {\n                    this.getMessenger().send(\"document.patch\", event.diff);\n                } else {\n                    this.getMessenger().send(\"document.set\", event.state);\n                }\n            }),\n            // Scroll start\n            this.scrollTracker.onScrollStart(() => {\n                this.editor.updateEditor(state => {\n                    state.showOverlays = false;\n                });\n            }),\n\n            // Scrolling\n            this.scrollTracker.onScroll(event => {\n                this.getMessenger().send(\"preview.scroll\", {\n                    deltaX: event.deltaX,\n                    deltaY: event.deltaY\n                });\n            }),\n\n            // Scroll end\n            this.scrollTracker.onScrollEnd(() => {\n                this.editor.updateEditor(state => {\n                    state.showOverlays = true;\n                });\n            }),\n\n            // Element preview\n            this.editor.registerCommandHandler(Commands.PreviewPatchElement, payload => {\n                this.getMessenger().send(`element.patch.${payload.elementId}`, payload.patch);\n            })\n        );\n    }\n\n    private subscribeToIframe(messenger: Messenger) {\n        // When `onConnected` is executed, we need to send new data to the live preview.\n        messenger.send(\"document.set\", this.editor.getDocumentState().toJson());\n\n        messenger.on(\"preview.theme\", ({ theme }) => {\n            this.editor.executeCommand(Commands.SetTheme, { theme });\n        });\n\n        messenger.on(\"document.fragments\", payload => {\n            const fragments: string[] = payload.fragments;\n            this.editor.updateEditor(state => {\n                state.fragments = fragments;\n            });\n\n            const document = this.editor.getDocumentState().read();\n\n            if (Object.keys(document.elements).length === 1) {\n                // We only have the default \"root\" element, create fragment elements.\n                let index = 0;\n                fragments.forEach(fragment => {\n                    $createElement(this.editor, {\n                        componentName: \"Webiny/Fragment\",\n                        parentId: \"root\",\n                        slot: \"children\",\n                        index,\n                        bindings: {\n                            inputs: {\n                                name: fragment\n                            }\n                        }\n                    });\n                    index++;\n                });\n            }\n        });\n\n        messenger.on(\"preview.viewport\", ({ boxes, viewport }: PreviewViewportData) => {\n            const iframeBox = this.getIframeBox();\n\n            this.editor.updateEditor(state => {\n                state.viewport = {\n                    ...viewport,\n                    top: iframeBox.top,\n                    left: iframeBox.left\n                };\n\n                state.boxes = {\n                    preview: boxes,\n                    editor: this.mapCoordinatesToEditorSpace(state.viewport, boxes)\n                };\n            });\n        });\n\n        messenger.on(\"preview.component.register\", (component: ComponentManifest) => {\n            this.editor.updateEditor(state => {\n                if (!state.components) {\n                    state.components = {};\n                }\n                state.components[component.name] = {\n                    ...component,\n                    image: component.image ?? defaultImage,\n                    tags: component.tags ?? []\n                };\n            });\n        });\n\n        messenger.on(\"preview.componentGroup.register\", (group: SerializedComponentGroup) => {\n            this.editor.updateEditor(state => {\n                if (!state.componentGroups) {\n                    state.componentGroups = {};\n                }\n                state.componentGroups[group.name] = group;\n            });\n        });\n\n        messenger.on(\"preview.element.click\", ({ id }) => {\n            this.editor.updateEditor(state => {\n                state.selectedElement = id;\n            });\n        });\n\n        messenger.on(\"preview.mouse.move\", ({ x, y }) => {\n            const iframeBox = this.getIframeBox();\n            const globalX = x + iframeBox.left;\n            const globalY = y + iframeBox.top;\n\n            mouseTracker.setPosition(globalX, globalY);\n        });\n    }\n\n    private getIframeBox() {\n        const iframe = document.getElementById(\"preview-iframe\");\n        if (!iframe) {\n            return {\n                top: 0,\n                left: 0,\n                width: 0,\n                height: 0\n            };\n        }\n\n        const iframeRect = iframe.getBoundingClientRect();\n\n        return {\n            top: iframeRect.top,\n            left: iframeRect.left,\n            width: iframeRect.width,\n            height: iframeRect.height\n        };\n    }\n\n    private mapCoordinatesToEditorSpace(\n        viewport: EditorViewportInfo,\n        boxes: PreviewViewportData[\"boxes\"]\n    ) {\n        const newBoxes: BoxesData = {};\n\n        for (const key in boxes) {\n            const box = boxes[key];\n            newBoxes[key] = {\n                ...box,\n                top: box.top + viewport.top,\n                left: box.left + viewport.left\n            };\n        }\n\n        return newBoxes;\n    }\n\n    private getMessenger(): Messenger {\n        return this.messenger!;\n    }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["mouseTracker","defaultImage","Commands","$createElement","PreviewEvents","editorEventsRegistered","listeners","constructor","editor","onConnected","messenger","dispose","registerEditorEvents","subscribeToIframe","setTimeout","updateEditor","state","loadingPreview","selectedElement","destroy","forEach","unsubscribe","push","onDocumentStateChange","event","reason","getMessenger","send","diff","registerCommandHandler","PreviewPatchElement","payload","elementId","patch","getDocumentState","toJson","on","theme","executeCommand","SetTheme","fragments","document","read","Object","keys","elements","length","fragment","index","type","componentName","parentId","slot","bindings","inputs","name","component","boxes","viewport","iframeBox","getIframeBox","top","left","preview","mapCoordinatesToEditorSpace","components","image","tags","group","componentGroups","id","x","y","globalX","globalY","setPosition","previewContainer","getElementById","previewBody","width","height","containerRect","getBoundingClientRect","bodyRect","newBoxes","key","box"],"sources":["PreviewEvents.ts"],"sourcesContent":["import type { Messenger } from \"@webiny/website-builder-sdk\";\nimport {\n    type BoxesData,\n    type ComponentManifest,\n    type EditorViewportInfo,\n    mouseTracker,\n    type PreviewViewportData,\n    type SerializedComponentGroup\n} from \"@webiny/website-builder-sdk\";\nimport defaultImage from \"@webiny/icons/extension.svg\";\nimport { Commands } from \"~/BaseEditor/index.js\";\nimport type { Editor } from \"~/editorSdk/Editor.js\";\nimport { $createElement } from \"~/editorSdk/utils/index.js\";\n\ntype FragmentConfig =\n    | {\n          type: \"fixed\";\n          name: string;\n          element: React.ReactNode;\n      }\n    | { type: \"component\"; component: string; inputs: Record<string, any> };\n\nexport class PreviewEvents {\n    private editor: Editor;\n    private editorEventsRegistered = false;\n    private messenger: Messenger | undefined;\n    private listeners: Array<() => void> = [];\n\n    constructor(editor: Editor) {\n        this.editor = editor;\n    }\n\n    onConnected(messenger: Messenger) {\n        // Dispose of the old messenger.\n        this.messenger?.dispose();\n\n        this.messenger = messenger;\n\n        this.registerEditorEvents();\n\n        this.subscribeToIframe(messenger);\n\n        setTimeout(() => {\n            this.editor.updateEditor(state => {\n                state.loadingPreview = false;\n                state.selectedElement = null;\n            });\n        }, 100);\n    }\n\n    destroy() {\n        this.listeners.forEach(unsubscribe => {\n            unsubscribe();\n        });\n    }\n\n    private registerEditorEvents() {\n        if (this.editorEventsRegistered) {\n            return;\n        }\n\n        this.editorEventsRegistered = true;\n\n        this.listeners.push(\n            // Propagate changes\n            this.editor.onDocumentStateChange(event => {\n                if (event.reason === \"update\") {\n                    this.getMessenger().send(\"document.patch\", event.diff);\n                } else {\n                    this.getMessenger().send(\"document.set\", event.state);\n                }\n            }),\n\n            // Element preview\n            this.editor.registerCommandHandler(Commands.PreviewPatchElement, payload => {\n                this.getMessenger().send(`element.patch.${payload.elementId}`, payload.patch);\n            })\n        );\n    }\n\n    private subscribeToIframe(messenger: Messenger) {\n        // When `onConnected` is executed, we need to send new data to the live preview.\n        messenger.send(\"document.set\", this.editor.getDocumentState().toJson());\n\n        messenger.on(\"preview.theme\", ({ theme }) => {\n            this.editor.executeCommand(Commands.SetTheme, { theme });\n        });\n\n        messenger.on(\"document.fragments\", payload => {\n            const fragments: FragmentConfig[] = payload.fragments;\n            this.editor.updateEditor(state => {\n                state.fragments = fragments;\n            });\n\n            const document = this.editor.getDocumentState().read();\n\n            if (Object.keys(document.elements).length === 1) {\n                // We only have the default \"root\" element, create fragment elements.\n                fragments.forEach((fragment, index) => {\n                    if (fragment.type === \"fixed\") {\n                        $createElement(this.editor, {\n                            componentName: \"Webiny/Fragment\",\n                            parentId: \"root\",\n                            slot: \"children\",\n                            index,\n                            bindings: {\n                                inputs: {\n                                    name: fragment.name\n                                }\n                            }\n                        });\n                        return;\n                    }\n\n                    $createElement(this.editor, {\n                        componentName: fragment.component,\n                        parentId: \"root\",\n                        slot: \"children\",\n                        index,\n                        bindings: {\n                            inputs: fragment.inputs\n                        }\n                    });\n                });\n            }\n        });\n\n        messenger.on(\"preview.viewport\", ({ boxes, viewport }: PreviewViewportData) => {\n            const iframeBox = this.getIframeBox();\n\n            this.editor.updateEditor(state => {\n                state.viewport = {\n                    ...viewport,\n                    top: iframeBox.top,\n                    left: iframeBox.left\n                };\n\n                state.boxes = {\n                    preview: boxes,\n                    editor: this.mapCoordinatesToEditorSpace(state.viewport, boxes)\n                };\n            });\n        });\n\n        messenger.on(\"preview.component.register\", (component: ComponentManifest) => {\n            this.editor.updateEditor(state => {\n                if (!state.components) {\n                    state.components = {};\n                }\n                state.components[component.name] = {\n                    ...component,\n                    image: component.image ?? defaultImage,\n                    tags: component.tags ?? []\n                };\n            });\n        });\n\n        messenger.on(\"preview.componentGroup.register\", (group: SerializedComponentGroup) => {\n            this.editor.updateEditor(state => {\n                if (!state.componentGroups) {\n                    state.componentGroups = {};\n                }\n                state.componentGroups[group.name] = group;\n            });\n        });\n\n        messenger.on(\"preview.element.click\", ({ id }) => {\n            this.editor.updateEditor(state => {\n                state.selectedElement = id;\n            });\n        });\n\n        messenger.on(\"preview.mouse.move\", ({ x, y }) => {\n            const iframeBox = this.getIframeBox();\n            const globalX = x + iframeBox.left;\n            const globalY = y + iframeBox.top;\n\n            mouseTracker.setPosition(globalX, globalY);\n        });\n    }\n\n    private getIframeBox() {\n        const previewContainer = document.getElementById(\"preview-container\");\n        const previewBody = document.getElementById(\"preview-body\");\n\n        if (!previewContainer || !previewBody) {\n            return {\n                top: 0,\n                left: 0,\n                width: 0,\n                height: 0\n            };\n        }\n\n        /**\n         * We need to use the `preview-container` to get the exact position from the top (we MUST ignore scroll position).\n         * However, for everything else we use the actual `preview-body`,\n         */\n        const containerRect = previewContainer.getBoundingClientRect();\n        const bodyRect = previewBody.getBoundingClientRect();\n\n        return {\n            top: containerRect.top,\n            left: bodyRect.left,\n            width: bodyRect.width,\n            height: bodyRect.height\n        };\n    }\n\n    private mapCoordinatesToEditorSpace(\n        viewport: EditorViewportInfo,\n        boxes: PreviewViewportData[\"boxes\"]\n    ) {\n        const newBoxes: BoxesData = {};\n\n        for (const key in boxes) {\n            const box = boxes[key];\n            newBoxes[key] = {\n                ...box,\n                top: box.top + viewport.top,\n                left: box.left + viewport.left\n            };\n        }\n\n        return newBoxes;\n    }\n\n    private getMessenger(): Messenger {\n        return this.messenger!;\n    }\n}\n"],"mappings":"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","ignoreList":[]}

package/BaseEditor/defaultConfig/Content/Preview/index.d.ts

@@ -1 +1 @@
-export * from "./Preview";
+export * from "./Preview.js";

package/BaseEditor/defaultConfig/Content/Preview/index.js

@@ -1,3 +1,3 @@
-export * from "./Preview";
+export * from "./Preview.js";
 
 //# sourceMappingURL=index.js.map

package/BaseEditor/defaultConfig/Content/Preview/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./Preview\";\n"],"mappings":"AAAA","ignoreList":[]}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./Preview.js\";\n"],"mappings":"AAAA","ignoreList":[]}

package/BaseEditor/defaultConfig/Content/Preview/mergeRefs.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare function mergeRefs<T = any>(...refs: (React.Ref<T> | undefined)[]): React.RefCallback<T>;

package/BaseEditor/defaultConfig/Content/Preview/useElementComponentManifest.d.ts

@@ -1 +1 @@
-export declare const useElementComponentManifest: (elementId: string) => import("@webiny/website-builder-sdk").ComponentManifest | undefined;
+export declare const useElementComponentManifest: (elementId: string) => import("@webiny/website-builder-sdk/types").ComponentManifest | undefined;

package/BaseEditor/defaultConfig/Content/Preview/useElementComponentManifest.js

@@ -1,6 +1,6 @@
 import { useMemo } from "react";
-import { useDocumentEditor } from "../../../../DocumentEditor";
-import { $getComponentManifestByElementId } from "../../../../editorSdk/utils";
+import { useDocumentEditor } from "../../../../DocumentEditor/index.js";
+import { $getComponentManifestByElementId } from "../../../../editorSdk/utils/index.js";
 export const useElementComponentManifest = elementId => {
   const editor = useDocumentEditor();
   return useMemo(() => {

package/BaseEditor/defaultConfig/Content/Preview/useElementComponentManifest.js.map

@@ -1 +1 @@
-{"version":3,"names":["useMemo","useDocumentEditor","$getComponentManifestByElementId","useElementComponentManifest","elementId","editor"],"sources":["useElementComponentManifest.ts"],"sourcesContent":["import { useMemo } from \"react\";\nimport { useDocumentEditor } from \"~/DocumentEditor\";\nimport { $getComponentManifestByElementId } from \"~/editorSdk/utils\";\n\nexport const useElementComponentManifest = (elementId: string) => {\n    const editor = useDocumentEditor();\n\n    return useMemo(() => {\n        return $getComponentManifestByElementId(editor, elementId ?? \"\");\n    }, [elementId]);\n};\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,OAAO;AAC/B,SAASC,iBAAiB;AAC1B,SAASC,gCAAgC;AAEzC,OAAO,MAAMC,2BAA2B,GAAIC,SAAiB,IAAK;EAC9D,MAAMC,MAAM,GAAGJ,iBAAiB,CAAC,CAAC;EAElC,OAAOD,OAAO,CAAC,MAAM;IACjB,OAAOE,gCAAgC,CAACG,MAAM,EAAED,SAAS,IAAI,EAAE,CAAC;EACpE,CAAC,EAAE,CAACA,SAAS,CAAC,CAAC;AACnB,CAAC","ignoreList":[]}
+{"version":3,"names":["useMemo","useDocumentEditor","$getComponentManifestByElementId","useElementComponentManifest","elementId","editor"],"sources":["useElementComponentManifest.ts"],"sourcesContent":["import { useMemo } from \"react\";\nimport { useDocumentEditor } from \"~/DocumentEditor/index.js\";\nimport { $getComponentManifestByElementId } from \"~/editorSdk/utils/index.js\";\n\nexport const useElementComponentManifest = (elementId: string) => {\n    const editor = useDocumentEditor();\n\n    return useMemo(() => {\n        return $getComponentManifestByElementId(editor, elementId ?? \"\");\n    }, [elementId]);\n};\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,OAAO;AAC/B,SAASC,iBAAiB;AAC1B,SAASC,gCAAgC;AAEzC,OAAO,MAAMC,2BAA2B,GAAIC,SAAiB,IAAK;EAC9D,MAAMC,MAAM,GAAGJ,iBAAiB,CAAC,CAAC;EAElC,OAAOD,OAAO,CAAC,MAAM;IACjB,OAAOE,gCAAgC,CAACG,MAAM,EAAED,SAAS,IAAI,EAAE,CAAC;EACpE,CAAC,EAAE,CAACA,SAAS,CAAC,CAAC;AACnB,CAAC","ignoreList":[]}

package/BaseEditor/defaultConfig/Content/Preview/useIframeUrl.js

@@ -1,11 +1,11 @@
 import { useMemo } from "react";
-import { useTenancy } from "@webiny/app-tenancy";
-import { useSelectFromDocument } from "../../../hooks/useSelectFromDocument";
-import { usePreviewDomain } from "./usePreviewDomain";
+import { useTenantContext } from "@webiny/app-admin";
+import { useSelectFromDocument } from "../../../hooks/useSelectFromDocument.js";
+import { usePreviewDomain } from "./usePreviewDomain.js";
 export const useIframeUrl = () => {
   const {
     tenant
-  } = useTenancy();
+  } = useTenantContext();
   const {
     previewDomain
   } = usePreviewDomain();

package/BaseEditor/defaultConfig/Content/Preview/useIframeUrl.js.map

@@ -1 +1 @@
-{"version":3,"names":["useMemo","useTenancy","useSelectFromDocument","usePreviewDomain","useIframeUrl","tenant","previewDomain","id","document","documentType","metadata","path","properties","newUrl","URL","addSearchParamsFromDocument","toString","url","searchParams","set","pathname","window","location","origin"],"sources":["useIframeUrl.ts"],"sourcesContent":["import { useMemo } from \"react\";\nimport { useTenancy } from \"@webiny/app-tenancy\";\nimport { useSelectFromDocument } from \"~/BaseEditor/hooks/useSelectFromDocument\";\nimport { usePreviewDomain } from \"./usePreviewDomain\";\n\nexport const useIframeUrl = () => {\n    const { tenant } = useTenancy();\n    const { previewDomain } = usePreviewDomain();\n\n    const id = useSelectFromDocument(document => document.id);\n    const documentType = useSelectFromDocument(document => document.metadata.documentType);\n    const path = useSelectFromDocument(document => document.properties.path);\n\n    return useMemo(() => {\n        if (!previewDomain) {\n            return null;\n        }\n        const newUrl = new URL(`${previewDomain}${path}`);\n        addSearchParamsFromDocument(tenant!, newUrl, id, documentType);\n        return newUrl.toString();\n    }, [previewDomain, id, path, documentType]);\n};\n\nfunction addSearchParamsFromDocument(tenant: string, url: URL, id: string, documentType: string) {\n    const searchParams = url.searchParams;\n    searchParams.set(\"wb.editing\", \"true\");\n    searchParams.set(\"wb.type\", documentType);\n    searchParams.set(\"wb.id\", id);\n    searchParams.set(\"wb.path\", url.pathname);\n    searchParams.set(\"wb.referrer\", window.location.origin);\n    searchParams.set(\"wb.tenant\", tenant);\n}\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,OAAO;AAC/B,SAASC,UAAU,QAAQ,qBAAqB;AAChD,SAASC,qBAAqB;AAC9B,SAASC,gBAAgB;AAEzB,OAAO,MAAMC,YAAY,GAAGA,CAAA,KAAM;EAC9B,MAAM;IAAEC;EAAO,CAAC,GAAGJ,UAAU,CAAC,CAAC;EAC/B,MAAM;IAAEK;EAAc,CAAC,GAAGH,gBAAgB,CAAC,CAAC;EAE5C,MAAMI,EAAE,GAAGL,qBAAqB,CAACM,QAAQ,IAAIA,QAAQ,CAACD,EAAE,CAAC;EACzD,MAAME,YAAY,GAAGP,qBAAqB,CAACM,QAAQ,IAAIA,QAAQ,CAACE,QAAQ,CAACD,YAAY,CAAC;EACtF,MAAME,IAAI,GAAGT,qBAAqB,CAACM,QAAQ,IAAIA,QAAQ,CAACI,UAAU,CAACD,IAAI,CAAC;EAExE,OAAOX,OAAO,CAAC,MAAM;IACjB,IAAI,CAACM,aAAa,EAAE;MAChB,OAAO,IAAI;IACf;IACA,MAAMO,MAAM,GAAG,IAAIC,GAAG,CAAC,GAAGR,aAAa,GAAGK,IAAI,EAAE,CAAC;IACjDI,2BAA2B,CAACV,MAAM,EAAGQ,MAAM,EAAEN,EAAE,EAAEE,YAAY,CAAC;IAC9D,OAAOI,MAAM,CAACG,QAAQ,CAAC,CAAC;EAC5B,CAAC,EAAE,CAACV,aAAa,EAAEC,EAAE,EAAEI,IAAI,EAAEF,YAAY,CAAC,CAAC;AAC/C,CAAC;AAED,SAASM,2BAA2BA,CAACV,MAAc,EAAEY,GAAQ,EAAEV,EAAU,EAAEE,YAAoB,EAAE;EAC7F,MAAMS,YAAY,GAAGD,GAAG,CAACC,YAAY;EACrCA,YAAY,CAACC,GAAG,CAAC,YAAY,EAAE,MAAM,CAAC;EACtCD,YAAY,CAACC,GAAG,CAAC,SAAS,EAAEV,YAAY,CAAC;EACzCS,YAAY,CAACC,GAAG,CAAC,OAAO,EAAEZ,EAAE,CAAC;EAC7BW,YAAY,CAACC,GAAG,CAAC,SAAS,EAAEF,GAAG,CAACG,QAAQ,CAAC;EACzCF,YAAY,CAACC,GAAG,CAAC,aAAa,EAAEE,MAAM,CAACC,QAAQ,CAACC,MAAM,CAAC;EACvDL,YAAY,CAACC,GAAG,CAAC,WAAW,EAAEd,MAAM,CAAC;AACzC","ignoreList":[]}
+{"version":3,"names":["useMemo","useTenantContext","useSelectFromDocument","usePreviewDomain","useIframeUrl","tenant","previewDomain","id","document","documentType","metadata","path","properties","newUrl","URL","addSearchParamsFromDocument","toString","url","searchParams","set","pathname","window","location","origin"],"sources":["useIframeUrl.ts"],"sourcesContent":["import { useMemo } from \"react\";\nimport { useTenantContext } from \"@webiny/app-admin\";\nimport { useSelectFromDocument } from \"~/BaseEditor/hooks/useSelectFromDocument.js\";\nimport { usePreviewDomain } from \"./usePreviewDomain.js\";\n\nexport const useIframeUrl = () => {\n    const { tenant } = useTenantContext();\n    const { previewDomain } = usePreviewDomain();\n\n    const id = useSelectFromDocument(document => document.id);\n    const documentType = useSelectFromDocument(document => document.metadata.documentType);\n    const path = useSelectFromDocument(document => document.properties.path);\n\n    return useMemo(() => {\n        if (!previewDomain) {\n            return null;\n        }\n        const newUrl = new URL(`${previewDomain}${path}`);\n        addSearchParamsFromDocument(tenant!, newUrl, id, documentType);\n        return newUrl.toString();\n    }, [previewDomain, id, path, documentType]);\n};\n\nfunction addSearchParamsFromDocument(tenant: string, url: URL, id: string, documentType: string) {\n    const searchParams = url.searchParams;\n    searchParams.set(\"wb.editing\", \"true\");\n    searchParams.set(\"wb.type\", documentType);\n    searchParams.set(\"wb.id\", id);\n    searchParams.set(\"wb.path\", url.pathname);\n    searchParams.set(\"wb.referrer\", window.location.origin);\n    searchParams.set(\"wb.tenant\", tenant);\n}\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,OAAO;AAC/B,SAASC,gBAAgB,QAAQ,mBAAmB;AACpD,SAASC,qBAAqB;AAC9B,SAASC,gBAAgB;AAEzB,OAAO,MAAMC,YAAY,GAAGA,CAAA,KAAM;EAC9B,MAAM;IAAEC;EAAO,CAAC,GAAGJ,gBAAgB,CAAC,CAAC;EACrC,MAAM;IAAEK;EAAc,CAAC,GAAGH,gBAAgB,CAAC,CAAC;EAE5C,MAAMI,EAAE,GAAGL,qBAAqB,CAACM,QAAQ,IAAIA,QAAQ,CAACD,EAAE,CAAC;EACzD,MAAME,YAAY,GAAGP,qBAAqB,CAACM,QAAQ,IAAIA,QAAQ,CAACE,QAAQ,CAACD,YAAY,CAAC;EACtF,MAAME,IAAI,GAAGT,qBAAqB,CAACM,QAAQ,IAAIA,QAAQ,CAACI,UAAU,CAACD,IAAI,CAAC;EAExE,OAAOX,OAAO,CAAC,MAAM;IACjB,IAAI,CAACM,aAAa,EAAE;MAChB,OAAO,IAAI;IACf;IACA,MAAMO,MAAM,GAAG,IAAIC,GAAG,CAAC,GAAGR,aAAa,GAAGK,IAAI,EAAE,CAAC;IACjDI,2BAA2B,CAACV,MAAM,EAAGQ,MAAM,EAAEN,EAAE,EAAEE,YAAY,CAAC;IAC9D,OAAOI,MAAM,CAACG,QAAQ,CAAC,CAAC;EAC5B,CAAC,EAAE,CAACV,aAAa,EAAEC,EAAE,EAAEI,IAAI,EAAEF,YAAY,CAAC,CAAC;AAC/C,CAAC;AAED,SAASM,2BAA2BA,CAACV,MAAc,EAAEY,GAAQ,EAAEV,EAAU,EAAEE,YAAoB,EAAE;EAC7F,MAAMS,YAAY,GAAGD,GAAG,CAACC,YAAY;EACrCA,YAAY,CAACC,GAAG,CAAC,YAAY,EAAE,MAAM,CAAC;EACtCD,YAAY,CAACC,GAAG,CAAC,SAAS,EAAEV,YAAY,CAAC;EACzCS,YAAY,CAACC,GAAG,CAAC,OAAO,EAAEZ,EAAE,CAAC;EAC7BW,YAAY,CAACC,GAAG,CAAC,SAAS,EAAEF,GAAG,CAACG,QAAQ,CAAC;EACzCF,YAAY,CAACC,GAAG,CAAC,aAAa,EAAEE,MAAM,CAACC,QAAQ,CAACC,MAAM,CAAC;EACvDL,YAAY,CAACC,GAAG,CAAC,WAAW,EAAEd,MAAM,CAAC;AACzC","ignoreList":[]}

package/BaseEditor/defaultConfig/Content/Preview/usePreviewDomain.js

@@ -1,6 +1,6 @@
 import { useCallback, useEffect, useState } from "react";
-import { useGetWebsiteBuilderSettings } from "../../../../features";
-import { useSubscribeToLocalStorage } from "./useSubscribeToLocalStorage";
+import { useGetWebsiteBuilderSettings } from "../../../../features/index.js";
+import { useSubscribeToLocalStorage } from "./useSubscribeToLocalStorage.js";
 const CUSTOM_PREVIEW_DOMAIN = "webiny_wb_custom_preview_domain";
 
 /**

package/BaseEditor/defaultConfig/Content/Preview/usePreviewDomain.js.map

@@ -1 +1 @@
-{"version":3,"names":["useCallback","useEffect","useState","useGetWebsiteBuilderSettings","useSubscribeToLocalStorage","CUSTOM_PREVIEW_DOMAIN","usePreviewDomain","previewDomain","setDomainFromSettings","customDomain","setCustomDomain","window","localStorage","getItem","newValue","setPreviewDomain","domain","unset","set","unsetPreviewDomain","getSettings","then","settings","isOverridden"],"sources":["usePreviewDomain.ts"],"sourcesContent":["import { useCallback, useEffect, useState } from \"react\";\nimport { useGetWebsiteBuilderSettings } from \"~/features\";\nimport { useSubscribeToLocalStorage } from \"./useSubscribeToLocalStorage\";\n\nconst CUSTOM_PREVIEW_DOMAIN = \"webiny_wb_custom_preview_domain\";\n\n/**\n * This hook loads preview domain from settings, and also takes into account the override\n * via localstorage, which is a developers-only feature.\n */\nexport const usePreviewDomain = () => {\n    const [previewDomain, setDomainFromSettings] = useState<string>(\"\");\n\n    const [customDomain, setCustomDomain] = useState(() =>\n        window.localStorage.getItem(CUSTOM_PREVIEW_DOMAIN)\n    );\n\n    const localStorage = useSubscribeToLocalStorage(CUSTOM_PREVIEW_DOMAIN, newValue => {\n        setCustomDomain(newValue);\n    });\n\n    const setPreviewDomain = useCallback(\n        (domain: string) => {\n            if (domain === previewDomain) {\n                localStorage.unset();\n            } else {\n                localStorage.set(domain);\n            }\n        },\n        [previewDomain]\n    );\n\n    const unsetPreviewDomain = useCallback(() => {\n        localStorage.unset();\n    }, []);\n\n    const { getSettings } = useGetWebsiteBuilderSettings();\n\n    useEffect(() => {\n        getSettings().then(settings => {\n            setDomainFromSettings(settings.previewDomain ?? \"http://localhost:3000\");\n        });\n    }, []);\n\n    return {\n        previewDomain: customDomain ?? previewDomain,\n        setPreviewDomain,\n        unsetPreviewDomain,\n        isOverridden: customDomain && customDomain !== previewDomain\n    };\n};\n"],"mappings":"AAAA,SAASA,WAAW,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AACxD,SAASC,4BAA4B;AACrC,SAASC,0BAA0B;AAEnC,MAAMC,qBAAqB,GAAG,iCAAiC;;AAE/D;AACA;AACA;AACA;AACA,OAAO,MAAMC,gBAAgB,GAAGA,CAAA,KAAM;EAClC,MAAM,CAACC,aAAa,EAAEC,qBAAqB,CAAC,GAAGN,QAAQ,CAAS,EAAE,CAAC;EAEnE,MAAM,CAACO,YAAY,EAAEC,eAAe,CAAC,GAAGR,QAAQ,CAAC,MAC7CS,MAAM,CAACC,YAAY,CAACC,OAAO,CAACR,qBAAqB,CACrD,CAAC;EAED,MAAMO,YAAY,GAAGR,0BAA0B,CAACC,qBAAqB,EAAES,QAAQ,IAAI;IAC/EJ,eAAe,CAACI,QAAQ,CAAC;EAC7B,CAAC,CAAC;EAEF,MAAMC,gBAAgB,GAAGf,WAAW,CAC/BgB,MAAc,IAAK;IAChB,IAAIA,MAAM,KAAKT,aAAa,EAAE;MAC1BK,YAAY,CAACK,KAAK,CAAC,CAAC;IACxB,CAAC,MAAM;MACHL,YAAY,CAACM,GAAG,CAACF,MAAM,CAAC;IAC5B;EACJ,CAAC,EACD,CAACT,aAAa,CAClB,CAAC;EAED,MAAMY,kBAAkB,GAAGnB,WAAW,CAAC,MAAM;IACzCY,YAAY,CAACK,KAAK,CAAC,CAAC;EACxB,CAAC,EAAE,EAAE,CAAC;EAEN,MAAM;IAAEG;EAAY,CAAC,GAAGjB,4BAA4B,CAAC,CAAC;EAEtDF,SAAS,CAAC,MAAM;IACZmB,WAAW,CAAC,CAAC,CAACC,IAAI,CAACC,QAAQ,IAAI;MAC3Bd,qBAAqB,CAACc,QAAQ,CAACf,aAAa,IAAI,uBAAuB,CAAC;IAC5E,CAAC,CAAC;EACN,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO;IACHA,aAAa,EAAEE,YAAY,IAAIF,aAAa;IAC5CQ,gBAAgB;IAChBI,kBAAkB;IAClBI,YAAY,EAAEd,YAAY,IAAIA,YAAY,KAAKF;EACnD,CAAC;AACL,CAAC","ignoreList":[]}
+{"version":3,"names":["useCallback","useEffect","useState","useGetWebsiteBuilderSettings","useSubscribeToLocalStorage","CUSTOM_PREVIEW_DOMAIN","usePreviewDomain","previewDomain","setDomainFromSettings","customDomain","setCustomDomain","window","localStorage","getItem","newValue","setPreviewDomain","domain","unset","set","unsetPreviewDomain","getSettings","then","settings","isOverridden"],"sources":["usePreviewDomain.ts"],"sourcesContent":["import { useCallback, useEffect, useState } from \"react\";\nimport { useGetWebsiteBuilderSettings } from \"~/features/index.js\";\nimport { useSubscribeToLocalStorage } from \"./useSubscribeToLocalStorage.js\";\n\nconst CUSTOM_PREVIEW_DOMAIN = \"webiny_wb_custom_preview_domain\";\n\n/**\n * This hook loads preview domain from settings, and also takes into account the override\n * via localstorage, which is a developers-only feature.\n */\nexport const usePreviewDomain = () => {\n    const [previewDomain, setDomainFromSettings] = useState<string>(\"\");\n\n    const [customDomain, setCustomDomain] = useState(() =>\n        window.localStorage.getItem(CUSTOM_PREVIEW_DOMAIN)\n    );\n\n    const localStorage = useSubscribeToLocalStorage(CUSTOM_PREVIEW_DOMAIN, newValue => {\n        setCustomDomain(newValue);\n    });\n\n    const setPreviewDomain = useCallback(\n        (domain: string) => {\n            if (domain === previewDomain) {\n                localStorage.unset();\n            } else {\n                localStorage.set(domain);\n            }\n        },\n        [previewDomain]\n    );\n\n    const unsetPreviewDomain = useCallback(() => {\n        localStorage.unset();\n    }, []);\n\n    const { getSettings } = useGetWebsiteBuilderSettings();\n\n    useEffect(() => {\n        getSettings().then(settings => {\n            setDomainFromSettings(settings.previewDomain ?? \"http://localhost:3000\");\n        });\n    }, []);\n\n    return {\n        previewDomain: customDomain ?? previewDomain,\n        setPreviewDomain,\n        unsetPreviewDomain,\n        isOverridden: customDomain && customDomain !== previewDomain\n    };\n};\n"],"mappings":"AAAA,SAASA,WAAW,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AACxD,SAASC,4BAA4B;AACrC,SAASC,0BAA0B;AAEnC,MAAMC,qBAAqB,GAAG,iCAAiC;;AAE/D;AACA;AACA;AACA;AACA,OAAO,MAAMC,gBAAgB,GAAGA,CAAA,KAAM;EAClC,MAAM,CAACC,aAAa,EAAEC,qBAAqB,CAAC,GAAGN,QAAQ,CAAS,EAAE,CAAC;EAEnE,MAAM,CAACO,YAAY,EAAEC,eAAe,CAAC,GAAGR,QAAQ,CAAC,MAC7CS,MAAM,CAACC,YAAY,CAACC,OAAO,CAACR,qBAAqB,CACrD,CAAC;EAED,MAAMO,YAAY,GAAGR,0BAA0B,CAACC,qBAAqB,EAAES,QAAQ,IAAI;IAC/EJ,eAAe,CAACI,QAAQ,CAAC;EAC7B,CAAC,CAAC;EAEF,MAAMC,gBAAgB,GAAGf,WAAW,CAC/BgB,MAAc,IAAK;IAChB,IAAIA,MAAM,KAAKT,aAAa,EAAE;MAC1BK,YAAY,CAACK,KAAK,CAAC,CAAC;IACxB,CAAC,MAAM;MACHL,YAAY,CAACM,GAAG,CAACF,MAAM,CAAC;IAC5B;EACJ,CAAC,EACD,CAACT,aAAa,CAClB,CAAC;EAED,MAAMY,kBAAkB,GAAGnB,WAAW,CAAC,MAAM;IACzCY,YAAY,CAACK,KAAK,CAAC,CAAC;EACxB,CAAC,EAAE,EAAE,CAAC;EAEN,MAAM;IAAEG;EAAY,CAAC,GAAGjB,4BAA4B,CAAC,CAAC;EAEtDF,SAAS,CAAC,MAAM;IACZmB,WAAW,CAAC,CAAC,CAACC,IAAI,CAACC,QAAQ,IAAI;MAC3Bd,qBAAqB,CAACc,QAAQ,CAACf,aAAa,IAAI,uBAAuB,CAAC;IAC5E,CAAC,CAAC;EACN,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO;IACHA,aAAa,EAAEE,YAAY,IAAIF,aAAa;IAC5CQ,gBAAgB;IAChBI,kBAAkB;IAClBI,YAAY,EAAEd,YAAY,IAAIA,YAAY,KAAKF;EACnD,CAAC;AACL,CAAC","ignoreList":[]}

package/BaseEditor/defaultConfig/Content/Preview/useProximityDropzone.d.ts

@@ -1,5 +1,5 @@
-import type { Box } from "./Box";
-import type { DropZoneProximity } from "./DropZoneManager";
+import type { Box } from "./Box.js";
+import type { DropZoneProximity } from "../../../../BaseEditor/defaultConfig/Content/Preview/DropZoneManager.js";
 export interface DropEvent {
     item: {
         id?: string;

package/BaseEditor/defaultConfig/Content/Preview/useProximityDropzone.js

@@ -1,5 +1,5 @@
 import { useEffect, useState } from "react";
-import { useDropZoneManager } from "./DropZoneManagerProvider";
+import { useDropZoneManager } from "./DropZoneManagerProvider.js";
 export function useProximityDropzone({
   id,
   box
@@ -10,7 +10,9 @@ export function useProximityDropzone({
     dropzoneManager.register({
       id,
       box,
-      onProximityChange: setProximity
+      onProximityChange: proximity => {
+        setProximity(proximity);
+      }
     });
     return () => {
       dropzoneManager.unregister(id);

package/BaseEditor/defaultConfig/Content/Preview/useProximityDropzone.js.map

@@ -1 +1 @@
-{"version":3,"names":["useEffect","useState","useDropZoneManager","useProximityDropzone","id","box","dropzoneManager","proximity","setProximity","register","onProximityChange","unregister"],"sources":["useProximityDropzone.ts"],"sourcesContent":["import { useEffect, useState } from \"react\";\nimport { useDropZoneManager } from \"./DropZoneManagerProvider\";\nimport type { Box } from \"./Box\";\nimport type { DropZoneProximity } from \"~/BaseEditor/defaultConfig/Content/Preview/DropZoneManager\";\n\nexport interface DropEvent {\n    item: { id?: string; componentName: string };\n    target: { parentId: string; slot: string; index: number };\n}\n\ninterface UseProximityDropzoneParams {\n    id: string;\n    box: Box;\n}\n\nexport function useProximityDropzone({ id, box }: UseProximityDropzoneParams) {\n    const dropzoneManager = useDropZoneManager();\n    const [proximity, setProximity] = useState<DropZoneProximity | null>(null);\n\n    useEffect(() => {\n        dropzoneManager.register({\n            id,\n            box,\n            onProximityChange: setProximity\n        });\n\n        return () => {\n            dropzoneManager.unregister(id);\n        };\n    }, [id, box]);\n\n    return { proximity };\n}\n"],"mappings":"AAAA,SAASA,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAC3C,SAASC,kBAAkB;AAc3B,OAAO,SAASC,oBAAoBA,CAAC;EAAEC,EAAE;EAAEC;AAAgC,CAAC,EAAE;EAC1E,MAAMC,eAAe,GAAGJ,kBAAkB,CAAC,CAAC;EAC5C,MAAM,CAACK,SAAS,EAAEC,YAAY,CAAC,GAAGP,QAAQ,CAA2B,IAAI,CAAC;EAE1ED,SAAS,CAAC,MAAM;IACZM,eAAe,CAACG,QAAQ,CAAC;MACrBL,EAAE;MACFC,GAAG;MACHK,iBAAiB,EAAEF;IACvB,CAAC,CAAC;IAEF,OAAO,MAAM;MACTF,eAAe,CAACK,UAAU,CAACP,EAAE,CAAC;IAClC,CAAC;EACL,CAAC,EAAE,CAACA,EAAE,EAAEC,GAAG,CAAC,CAAC;EAEb,OAAO;IAAEE;EAAU,CAAC;AACxB","ignoreList":[]}
+{"version":3,"names":["useEffect","useState","useDropZoneManager","useProximityDropzone","id","box","dropzoneManager","proximity","setProximity","register","onProximityChange","unregister"],"sources":["useProximityDropzone.ts"],"sourcesContent":["import { useEffect, useState } from \"react\";\nimport { useDropZoneManager } from \"./DropZoneManagerProvider.js\";\nimport type { Box } from \"./Box.js\";\nimport type { DropZoneProximity } from \"~/BaseEditor/defaultConfig/Content/Preview/DropZoneManager.js\";\n\nexport interface DropEvent {\n    item: { id?: string; componentName: string };\n    target: { parentId: string; slot: string; index: number };\n}\n\ninterface UseProximityDropzoneParams {\n    id: string;\n    box: Box;\n}\n\nexport function useProximityDropzone({ id, box }: UseProximityDropzoneParams) {\n    const dropzoneManager = useDropZoneManager();\n    const [proximity, setProximity] = useState<DropZoneProximity | null>(null);\n\n    useEffect(() => {\n        dropzoneManager.register({\n            id,\n            box,\n            onProximityChange: proximity => {\n                setProximity(proximity);\n            }\n        });\n\n        return () => {\n            dropzoneManager.unregister(id);\n        };\n    }, [id, box]);\n\n    return { proximity };\n}\n"],"mappings":"AAAA,SAASA,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAC3C,SAASC,kBAAkB;AAc3B,OAAO,SAASC,oBAAoBA,CAAC;EAAEC,EAAE;EAAEC;AAAgC,CAAC,EAAE;EAC1E,MAAMC,eAAe,GAAGJ,kBAAkB,CAAC,CAAC;EAC5C,MAAM,CAACK,SAAS,EAAEC,YAAY,CAAC,GAAGP,QAAQ,CAA2B,IAAI,CAAC;EAE1ED,SAAS,CAAC,MAAM;IACZM,eAAe,CAACG,QAAQ,CAAC;MACrBL,EAAE;MACFC,GAAG;MACHK,iBAAiB,EAAEH,SAAS,IAAI;QAC5BC,YAAY,CAACD,SAAS,CAAC;MAC3B;IACJ,CAAC,CAAC;IAEF,OAAO,MAAM;MACTD,eAAe,CAACK,UAAU,CAACP,EAAE,CAAC;IAClC,CAAC;EACL,CAAC,EAAE,CAACA,EAAE,EAAEC,GAAG,CAAC,CAAC;EAEb,OAAO;IAAEE;EAAU,CAAC;AACxB","ignoreList":[]}

package/BaseEditor/defaultConfig/Content/Preview/useResponsiveContainer.js

@@ -1,5 +1,5 @@
 import { useEffect, useMemo, useState } from "react";
-import { useBreakpoint } from "../../../hooks/useBreakpoint";
+import { useBreakpoint } from "../../../hooks/useBreakpoint.js";
 /**
  * Calculate the real width of the preview container, taking into account the current display mode
  * and actual container size. If the display mode width is larger than the available space, return the

package/BaseEditor/defaultConfig/Content/Preview/useResponsiveContainer.js.map

@@ -1 +1 @@
-{"version":3,"names":["useEffect","useMemo","useState","useBreakpoint","useResponsiveContainer","viewportManager","containerWidth","setContainerWidth","updateContainerWidth","width","document","body","clientWidth","onViewportChangeEnd","breakpoint","Math","min","maxWidth","name"],"sources":["useResponsiveContainer.ts"],"sourcesContent":["import { useEffect, useMemo, useState } from \"react\";\nimport { useBreakpoint } from \"~/BaseEditor/hooks/useBreakpoint\";\nimport type { ViewportManager } from \"@webiny/website-builder-sdk\";\n\n/**\n * Calculate the real width of the preview container, taking into account the current display mode\n * and actual container size. If the display mode width is larger than the available space, return the\n * width of the available space.\n */\nexport const useResponsiveContainer = (viewportManager: ViewportManager) => {\n    const [containerWidth, setContainerWidth] = useState(0);\n\n    useEffect(() => {\n        const updateContainerWidth = () => {\n            const width = document.body.clientWidth - 600;\n            setContainerWidth(width);\n        };\n\n        updateContainerWidth();\n\n        return viewportManager.onViewportChangeEnd(updateContainerWidth);\n    }, []);\n\n    const { breakpoint } = useBreakpoint();\n\n    return useMemo(() => {\n        return Math.min(containerWidth, breakpoint.maxWidth) + \"px\";\n    }, [breakpoint.name, containerWidth]);\n};\n"],"mappings":"AAAA,SAASA,SAAS,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AACpD,SAASC,aAAa;AAGtB;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,sBAAsB,GAAIC,eAAgC,IAAK;EACxE,MAAM,CAACC,cAAc,EAAEC,iBAAiB,CAAC,GAAGL,QAAQ,CAAC,CAAC,CAAC;EAEvDF,SAAS,CAAC,MAAM;IACZ,MAAMQ,oBAAoB,GAAGA,CAAA,KAAM;MAC/B,MAAMC,KAAK,GAAGC,QAAQ,CAACC,IAAI,CAACC,WAAW,GAAG,GAAG;MAC7CL,iBAAiB,CAACE,KAAK,CAAC;IAC5B,CAAC;IAEDD,oBAAoB,CAAC,CAAC;IAEtB,OAAOH,eAAe,CAACQ,mBAAmB,CAACL,oBAAoB,CAAC;EACpE,CAAC,EAAE,EAAE,CAAC;EAEN,MAAM;IAAEM;EAAW,CAAC,GAAGX,aAAa,CAAC,CAAC;EAEtC,OAAOF,OAAO,CAAC,MAAM;IACjB,OAAOc,IAAI,CAACC,GAAG,CAACV,cAAc,EAAEQ,UAAU,CAACG,QAAQ,CAAC,GAAG,IAAI;EAC/D,CAAC,EAAE,CAACH,UAAU,CAACI,IAAI,EAAEZ,cAAc,CAAC,CAAC;AACzC,CAAC","ignoreList":[]}
+{"version":3,"names":["useEffect","useMemo","useState","useBreakpoint","useResponsiveContainer","viewportManager","containerWidth","setContainerWidth","updateContainerWidth","width","document","body","clientWidth","onViewportChangeEnd","breakpoint","Math","min","maxWidth","name"],"sources":["useResponsiveContainer.ts"],"sourcesContent":["import { useEffect, useMemo, useState } from \"react\";\nimport { useBreakpoint } from \"~/BaseEditor/hooks/useBreakpoint.js\";\nimport type { ViewportManager } from \"@webiny/website-builder-sdk\";\n\n/**\n * Calculate the real width of the preview container, taking into account the current display mode\n * and actual container size. If the display mode width is larger than the available space, return the\n * width of the available space.\n */\nexport const useResponsiveContainer = (viewportManager: ViewportManager) => {\n    const [containerWidth, setContainerWidth] = useState(0);\n\n    useEffect(() => {\n        const updateContainerWidth = () => {\n            const width = document.body.clientWidth - 600;\n            setContainerWidth(width);\n        };\n\n        updateContainerWidth();\n\n        return viewportManager.onViewportChangeEnd(updateContainerWidth);\n    }, []);\n\n    const { breakpoint } = useBreakpoint();\n\n    return useMemo(() => {\n        return Math.min(containerWidth, breakpoint.maxWidth) + \"px\";\n    }, [breakpoint.name, containerWidth]);\n};\n"],"mappings":"AAAA,SAASA,SAAS,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AACpD,SAASC,aAAa;AAGtB;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,sBAAsB,GAAIC,eAAgC,IAAK;EACxE,MAAM,CAACC,cAAc,EAAEC,iBAAiB,CAAC,GAAGL,QAAQ,CAAC,CAAC,CAAC;EAEvDF,SAAS,CAAC,MAAM;IACZ,MAAMQ,oBAAoB,GAAGA,CAAA,KAAM;MAC/B,MAAMC,KAAK,GAAGC,QAAQ,CAACC,IAAI,CAACC,WAAW,GAAG,GAAG;MAC7CL,iBAAiB,CAACE,KAAK,CAAC;IAC5B,CAAC;IAEDD,oBAAoB,CAAC,CAAC;IAEtB,OAAOH,eAAe,CAACQ,mBAAmB,CAACL,oBAAoB,CAAC;EACpE,CAAC,EAAE,EAAE,CAAC;EAEN,MAAM;IAAEM;EAAW,CAAC,GAAGX,aAAa,CAAC,CAAC;EAEtC,OAAOF,OAAO,CAAC,MAAM;IACjB,OAAOc,IAAI,CAACC,GAAG,CAACV,cAAc,EAAEQ,UAAU,CAACG,QAAQ,CAAC,GAAG,IAAI;EAC/D,CAAC,EAAE,CAACH,UAAU,CAACI,IAAI,EAAEZ,cAAc,CAAC,CAAC;AACzC,CAAC","ignoreList":[]}

package/BaseEditor/defaultConfig/DefaultEditorConfig.js

@@ -1,17 +1,17 @@
 import React from "react";
 import { ReactComponent as TouchIcon } from "@webiny/icons/touch_app.svg";
-import { Breadcrumbs } from "./Content/Breadcrumbs";
-import { EditorConfig } from "../config";
-import { InfoMessage } from "./Sidebar/InfoMessage";
-import { StyleSettingsGroup } from "./Sidebar/StyleSettings/StyleSettingsGroup";
-import { StyleProperties } from "./Sidebar/StyleSettings/StyleProperties";
-import { ElementSettingsGroup } from "./Sidebar/ElementSettings/ElementSettingsGroup";
-import { InsertElementsTab } from "./Toolbar/InsertElements/InsertElementsTab";
-import { NavigatorTab } from "./Toolbar/Navigator/NavigatorTab";
-import { CommandHandlers } from "../commandHandlers";
-import { ElementSettings } from "./Sidebar/ElementSettings/ElementSettings";
-import { ElementInputRenderers } from "./ElementInputRenderers";
-import { DocumentPreview } from "./Content/Preview/DocumentPreview";
+import { Breadcrumbs } from "./Content/Breadcrumbs/index.js";
+import { EditorConfig } from "../config/index.js";
+import { InfoMessage } from "./Sidebar/InfoMessage.js";
+import { StyleSettingsGroup } from "./Sidebar/StyleSettings/StyleSettingsGroup.js";
+import { StyleProperties } from "./Sidebar/StyleSettings/StyleProperties.js";
+import { ElementSettingsGroup } from "./Sidebar/ElementSettings/ElementSettingsGroup.js";
+import { InsertElementsTab } from "./Toolbar/InsertElements/InsertElementsTab.js";
+import { NavigatorTab } from "./Toolbar/Navigator/NavigatorTab.js";
+import { CommandHandlers } from "../commandHandlers/index.js";
+import { ElementSettings } from "./Sidebar/ElementSettings/ElementSettings.js";
+import { ElementInputRenderers } from "./ElementInputRenderers.js";
+import { DocumentPreview } from "./Content/Preview/DocumentPreview.js";
 const {
   Ui
 } = EditorConfig;

package/BaseEditor/defaultConfig/DefaultEditorConfig.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","ReactComponent","TouchIcon","Breadcrumbs","EditorConfig","InfoMessage","StyleSettingsGroup","StyleProperties","ElementSettingsGroup","InsertElementsTab","NavigatorTab","CommandHandlers","ElementSettings","ElementInputRenderers","DocumentPreview","Ui","ClickToActivate","createElement","NoActiveElement","icon","message","DefaultEditorConfig","memo","Fragment","Content","Element","name","element","Toolbar","group","Sidebar","Group","OnActiveElement","displayName"],"sources":["DefaultEditorConfig.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as TouchIcon } from \"@webiny/icons/touch_app.svg\";\nimport { Breadcrumbs } from \"./Content/Breadcrumbs\";\nimport { EditorConfig } from \"~/BaseEditor/config\";\nimport { InfoMessage } from \"./Sidebar/InfoMessage\";\nimport { StyleSettingsGroup } from \"./Sidebar/StyleSettings/StyleSettingsGroup\";\nimport { StyleProperties } from \"./Sidebar/StyleSettings/StyleProperties\";\nimport { ElementSettingsGroup } from \"./Sidebar/ElementSettings/ElementSettingsGroup\";\nimport { InsertElementsTab } from \"./Toolbar/InsertElements/InsertElementsTab\";\nimport { NavigatorTab } from \"./Toolbar/Navigator/NavigatorTab\";\nimport { CommandHandlers } from \"~/BaseEditor/commandHandlers\";\nimport { ElementSettings } from \"./Sidebar/ElementSettings/ElementSettings\";\nimport { ElementInputRenderers } from \"./ElementInputRenderers\";\nimport { DocumentPreview } from \"./Content/Preview/DocumentPreview\";\n\nconst { Ui } = EditorConfig;\n\nconst ClickToActivate = () => {\n    return (\n        <Ui.NoActiveElement>\n            <InfoMessage\n                icon={<TouchIcon />}\n                message={\"Select an element on the canvas to activate this panel.\"}\n            />\n        </Ui.NoActiveElement>\n    );\n};\n\nexport const DefaultEditorConfig = React.memo(() => {\n    return (\n        <>\n            <EditorConfig>\n                <CommandHandlers />\n                <ElementInputRenderers />\n                <Ui.Content.Element name={\"breadcrumbs\"} element={<Breadcrumbs />} />\n                <Ui.Content.Element name={\"preview\"} element={<DocumentPreview />} />\n                <Ui.Toolbar.Element\n                    name={\"insertElements\"}\n                    group={\"tabs\"}\n                    element={<InsertElementsTab />}\n                />\n                <Ui.Toolbar.Element name={\"navigator\"} group={\"tabs\"} element={<NavigatorTab />} />\n                {/* Sidebar Groups */}\n                <Ui.Sidebar.Group name={\"element\"} element={<ElementSettingsGroup />} />\n                <Ui.Sidebar.Group name={\"style\"} element={<StyleSettingsGroup />} />\n                {/* Style Settings Tab */}\n                <Ui.Sidebar.Element\n                    name={\"styleSettings\"}\n                    group={\"style\"}\n                    element={\n                        <Ui.OnActiveElement>\n                            <StyleProperties />\n                        </Ui.OnActiveElement>\n                    }\n                />\n                <Ui.Sidebar.Element\n                    name={\"styleInactive\"}\n                    group={\"style\"}\n                    element={<ClickToActivate />}\n                />\n                {/* Element Settings Tab */}\n                <Ui.Sidebar.Element\n                    name={\"elementInactive\"}\n                    group={\"element\"}\n                    element={<ClickToActivate />}\n                />\n                {/* This element renders element properties. */}\n                <Ui.Sidebar.Element\n                    name={\"elementSettings\"}\n                    group={\"element\"}\n                    element={\n                        <Ui.OnActiveElement>\n                            <ElementSettings />\n                        </Ui.OnActiveElement>\n                    }\n                />\n                {/*<Ui.Sidebar.Element\n                    name={\"stateEditor\"}\n                    group={\"element\"}\n                    element={<DocumentStateEditor />}\n                />*/}\n            </EditorConfig>\n        </>\n    );\n});\n\nDefaultEditorConfig.displayName = \"DefaultEditorConfig\";\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","ReactComponent","TouchIcon","Breadcrumbs","EditorConfig","InfoMessage","StyleSettingsGroup","StyleProperties","ElementSettingsGroup","InsertElementsTab","NavigatorTab","CommandHandlers","ElementSettings","ElementInputRenderers","DocumentPreview","Ui","ClickToActivate","createElement","NoActiveElement","icon","message","DefaultEditorConfig","memo","Fragment","Content","Element","name","element","Toolbar","group","Sidebar","Group","OnActiveElement","displayName"],"sources":["DefaultEditorConfig.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as TouchIcon } from \"@webiny/icons/touch_app.svg\";\nimport { Breadcrumbs } from \"./Content/Breadcrumbs/index.js\";\nimport { EditorConfig } from \"~/BaseEditor/config/index.js\";\nimport { InfoMessage } from \"./Sidebar/InfoMessage.js\";\nimport { StyleSettingsGroup } from \"./Sidebar/StyleSettings/StyleSettingsGroup.js\";\nimport { StyleProperties } from \"./Sidebar/StyleSettings/StyleProperties.js\";\nimport { ElementSettingsGroup } from \"./Sidebar/ElementSettings/ElementSettingsGroup.js\";\nimport { InsertElementsTab } from \"./Toolbar/InsertElements/InsertElementsTab.js\";\nimport { NavigatorTab } from \"./Toolbar/Navigator/NavigatorTab.js\";\nimport { CommandHandlers } from \"~/BaseEditor/commandHandlers/index.js\";\nimport { ElementSettings } from \"./Sidebar/ElementSettings/ElementSettings.js\";\nimport { ElementInputRenderers } from \"./ElementInputRenderers.js\";\nimport { DocumentPreview } from \"./Content/Preview/DocumentPreview.js\";\n\nconst { Ui } = EditorConfig;\n\nconst ClickToActivate = () => {\n    return (\n        <Ui.NoActiveElement>\n            <InfoMessage\n                icon={<TouchIcon />}\n                message={\"Select an element on the canvas to activate this panel.\"}\n            />\n        </Ui.NoActiveElement>\n    );\n};\n\nexport const DefaultEditorConfig = React.memo(() => {\n    return (\n        <>\n            <EditorConfig>\n                <CommandHandlers />\n                <ElementInputRenderers />\n                <Ui.Content.Element name={\"breadcrumbs\"} element={<Breadcrumbs />} />\n                <Ui.Content.Element name={\"preview\"} element={<DocumentPreview />} />\n                <Ui.Toolbar.Element\n                    name={\"insertElements\"}\n                    group={\"tabs\"}\n                    element={<InsertElementsTab />}\n                />\n                <Ui.Toolbar.Element name={\"navigator\"} group={\"tabs\"} element={<NavigatorTab />} />\n                {/* Sidebar Groups */}\n                <Ui.Sidebar.Group name={\"element\"} element={<ElementSettingsGroup />} />\n                <Ui.Sidebar.Group name={\"style\"} element={<StyleSettingsGroup />} />\n                {/* Style Settings Tab */}\n                <Ui.Sidebar.Element\n                    name={\"styleSettings\"}\n                    group={\"style\"}\n                    element={\n                        <Ui.OnActiveElement>\n                            <StyleProperties />\n                        </Ui.OnActiveElement>\n                    }\n                />\n                <Ui.Sidebar.Element\n                    name={\"styleInactive\"}\n                    group={\"style\"}\n                    element={<ClickToActivate />}\n                />\n                {/* Element Settings Tab */}\n                <Ui.Sidebar.Element\n                    name={\"elementInactive\"}\n                    group={\"element\"}\n                    element={<ClickToActivate />}\n                />\n                {/* This element renders element properties. */}\n                <Ui.Sidebar.Element\n                    name={\"elementSettings\"}\n                    group={\"element\"}\n                    element={\n                        <Ui.OnActiveElement>\n                            <ElementSettings />\n                        </Ui.OnActiveElement>\n                    }\n                />\n                {/*<Ui.Sidebar.Element\n                    name={\"stateEditor\"}\n                    group={\"element\"}\n                    element={<DocumentStateEditor />}\n                />*/}\n            </EditorConfig>\n        </>\n    );\n});\n\nDefaultEditorConfig.displayName = \"DefaultEditorConfig\";\n"],"mappings":"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","ignoreList":[]}

package/BaseEditor/defaultConfig/DocumentStateEditor/DocumentStateEditor.js

@@ -3,7 +3,7 @@ import MonacoEditor from "@monaco-editor/react";
 import { Button } from "@webiny/admin-ui";
 import { useDialogs } from "@webiny/app-admin";
 import { Bind } from "@webiny/form";
-import { useDocumentEditor } from "../../../DocumentEditor";
+import { useDocumentEditor } from "../../../DocumentEditor/index.js";
 import { autorun, toJS } from "mobx";
 import { observer } from "mobx-react-lite";
 const monacoOptions = {
@@ -59,7 +59,7 @@ export const DocumentStateEditor = observer(() => {
     });
   };
   return /*#__PURE__*/React.createElement(Button, {
-    className: "wby-absolute wby-bottom-0 wby-w-full",
+    className: "absolute bottom-0 w-full",
     variant: "secondary",
     onClick: openDialog,
     text: "Edit State"

package/BaseEditor/defaultConfig/DocumentStateEditor/DocumentStateEditor.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","useState","MonacoEditor","Button","useDialogs","Bind","useDocumentEditor","autorun","toJS","observer","monacoOptions","minimap","enabled","DialogForm","createElement","name","value","onChange","style","height","language","defaultValue","options","DocumentStateEditor","dialog","editor","state","setState","JSON","stringify","getDocumentState","read","openDialog","showDialog","title","content","key","formData","acceptLabel","cancelLabel","onAccept","updateDocument","document","parse","className","variant","onClick","text"],"sources":["DocumentStateEditor.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport MonacoEditor from \"@monaco-editor/react\";\nimport { Button } from \"@webiny/admin-ui\";\nimport { useDialogs } from \"@webiny/app-admin\";\nimport type { GenericFormData } from \"@webiny/form\";\nimport { Bind } from \"@webiny/form\";\nimport { useDocumentEditor } from \"~/DocumentEditor\";\nimport { autorun, toJS } from \"mobx\";\nimport { observer } from \"mobx-react-lite\";\nimport type { EditorDocument } from \"@webiny/website-builder-sdk\";\n\nconst monacoOptions = { minimap: { enabled: false } };\n\nconst DialogForm = () => {\n    return (\n        <Bind name={\"state\"}>\n            {({ value, onChange }) => (\n                <div style={{ height: \"60vh\" }}>\n                    <MonacoEditor\n                        language={\"json\"}\n                        defaultValue={value}\n                        options={monacoOptions}\n                        onChange={onChange}\n                    />\n                </div>\n            )}\n        </Bind>\n    );\n};\n\nexport const DocumentStateEditor = observer(() => {\n    const dialog = useDialogs();\n    const editor = useDocumentEditor<EditorDocument>();\n    const [state, setState] = useState(() =>\n        JSON.stringify(toJS(editor.getDocumentState().read().state), null, 2)\n    );\n\n    useEffect(() => {\n        autorun(() => {\n            const state = editor.getDocumentState().read().state;\n            setState(JSON.stringify(toJS(state), null, 2));\n        });\n    }, []);\n\n    const openDialog = () => {\n        dialog.showDialog({\n            title: \"Document State\",\n            content: <DialogForm key={state} />,\n            formData: {\n                state\n            },\n            acceptLabel: \"Save State\",\n            cancelLabel: \"Cancel\",\n            onAccept: ({ state }: GenericFormData) => {\n                editor.updateDocument(document => {\n                    document.state = JSON.parse(state);\n                });\n            }\n        });\n    };\n\n    return (\n        <Button\n            className=\"wby-absolute wby-bottom-0 wby-w-full\"\n            variant=\"secondary\"\n            onClick={openDialog}\n            text=\"Edit State\"\n        />\n    );\n});\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAClD,OAAOC,YAAY,MAAM,sBAAsB;AAC/C,SAASC,MAAM,QAAQ,kBAAkB;AACzC,SAASC,UAAU,QAAQ,mBAAmB;AAE9C,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,iBAAiB;AAC1B,SAASC,OAAO,EAAEC,IAAI,QAAQ,MAAM;AACpC,SAASC,QAAQ,QAAQ,iBAAiB;AAG1C,MAAMC,aAAa,GAAG;EAAEC,OAAO,EAAE;IAAEC,OAAO,EAAE;EAAM;AAAE,CAAC;AAErD,MAAMC,UAAU,GAAGA,CAAA,KAAM;EACrB,oBACId,KAAA,CAAAe,aAAA,CAACT,IAAI;IAACU,IAAI,EAAE;EAAQ,GACf,CAAC;IAAEC,KAAK;IAAEC;EAAS,CAAC,kBACjBlB,KAAA,CAAAe,aAAA;IAAKI,KAAK,EAAE;MAAEC,MAAM,EAAE;IAAO;EAAE,gBAC3BpB,KAAA,CAAAe,aAAA,CAACZ,YAAY;IACTkB,QAAQ,EAAE,MAAO;IACjBC,YAAY,EAAEL,KAAM;IACpBM,OAAO,EAAEZ,aAAc;IACvBO,QAAQ,EAAEA;EAAS,CACtB,CACA,CAEP,CAAC;AAEf,CAAC;AAED,OAAO,MAAMM,mBAAmB,GAAGd,QAAQ,CAAC,MAAM;EAC9C,MAAMe,MAAM,GAAGpB,UAAU,CAAC,CAAC;EAC3B,MAAMqB,MAAM,GAAGnB,iBAAiB,CAAiB,CAAC;EAClD,MAAM,CAACoB,KAAK,EAAEC,QAAQ,CAAC,GAAG1B,QAAQ,CAAC,MAC/B2B,IAAI,CAACC,SAAS,CAACrB,IAAI,CAACiB,MAAM,CAACK,gBAAgB,CAAC,CAAC,CAACC,IAAI,CAAC,CAAC,CAACL,KAAK,CAAC,EAAE,IAAI,EAAE,CAAC,CACxE,CAAC;EAED1B,SAAS,CAAC,MAAM;IACZO,OAAO,CAAC,MAAM;MACV,MAAMmB,KAAK,GAAGD,MAAM,CAACK,gBAAgB,CAAC,CAAC,CAACC,IAAI,CAAC,CAAC,CAACL,KAAK;MACpDC,QAAQ,CAACC,IAAI,CAACC,SAAS,CAACrB,IAAI,CAACkB,KAAK,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;IAClD,CAAC,CAAC;EACN,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMM,UAAU,GAAGA,CAAA,KAAM;IACrBR,MAAM,CAACS,UAAU,CAAC;MACdC,KAAK,EAAE,gBAAgB;MACvBC,OAAO,eAAEpC,KAAA,CAAAe,aAAA,CAACD,UAAU;QAACuB,GAAG,EAAEV;MAAM,CAAE,CAAC;MACnCW,QAAQ,EAAE;QACNX;MACJ,CAAC;MACDY,WAAW,EAAE,YAAY;MACzBC,WAAW,EAAE,QAAQ;MACrBC,QAAQ,EAAEA,CAAC;QAAEd;MAAuB,CAAC,KAAK;QACtCD,MAAM,CAACgB,cAAc,CAACC,QAAQ,IAAI;UAC9BA,QAAQ,CAAChB,KAAK,GAAGE,IAAI,CAACe,KAAK,CAACjB,KAAK,CAAC;QACtC,CAAC,CAAC;MACN;IACJ,CAAC,CAAC;EACN,CAAC;EAED,oBACI3B,KAAA,CAAAe,aAAA,CAACX,MAAM;IACHyC,SAAS,EAAC,sCAAsC;IAChDC,OAAO,EAAC,WAAW;IACnBC,OAAO,EAAEd,UAAW;IACpBe,IAAI,EAAC;EAAY,CACpB,CAAC;AAEV,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useEffect","useState","MonacoEditor","Button","useDialogs","Bind","useDocumentEditor","autorun","toJS","observer","monacoOptions","minimap","enabled","DialogForm","createElement","name","value","onChange","style","height","language","defaultValue","options","DocumentStateEditor","dialog","editor","state","setState","JSON","stringify","getDocumentState","read","openDialog","showDialog","title","content","key","formData","acceptLabel","cancelLabel","onAccept","updateDocument","document","parse","className","variant","onClick","text"],"sources":["DocumentStateEditor.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport MonacoEditor from \"@monaco-editor/react\";\nimport { Button } from \"@webiny/admin-ui\";\nimport { useDialogs } from \"@webiny/app-admin\";\nimport type { GenericFormData } from \"@webiny/form\";\nimport { Bind } from \"@webiny/form\";\nimport { useDocumentEditor } from \"~/DocumentEditor/index.js\";\nimport { autorun, toJS } from \"mobx\";\nimport { observer } from \"mobx-react-lite\";\nimport type { EditorDocument } from \"@webiny/website-builder-sdk\";\n\nconst monacoOptions = { minimap: { enabled: false } };\n\nconst DialogForm = () => {\n    return (\n        <Bind name={\"state\"}>\n            {({ value, onChange }) => (\n                <div style={{ height: \"60vh\" }}>\n                    <MonacoEditor\n                        language={\"json\"}\n                        defaultValue={value}\n                        options={monacoOptions}\n                        onChange={onChange}\n                    />\n                </div>\n            )}\n        </Bind>\n    );\n};\n\nexport const DocumentStateEditor = observer(() => {\n    const dialog = useDialogs();\n    const editor = useDocumentEditor<EditorDocument>();\n    const [state, setState] = useState(() =>\n        JSON.stringify(toJS(editor.getDocumentState().read().state), null, 2)\n    );\n\n    useEffect(() => {\n        autorun(() => {\n            const state = editor.getDocumentState().read().state;\n            setState(JSON.stringify(toJS(state), null, 2));\n        });\n    }, []);\n\n    const openDialog = () => {\n        dialog.showDialog({\n            title: \"Document State\",\n            content: <DialogForm key={state} />,\n            formData: {\n                state\n            },\n            acceptLabel: \"Save State\",\n            cancelLabel: \"Cancel\",\n            onAccept: ({ state }: GenericFormData) => {\n                editor.updateDocument(document => {\n                    document.state = JSON.parse(state);\n                });\n            }\n        });\n    };\n\n    return (\n        <Button\n            className=\"absolute bottom-0 w-full\"\n            variant=\"secondary\"\n            onClick={openDialog}\n            text=\"Edit State\"\n        />\n    );\n});\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAClD,OAAOC,YAAY,MAAM,sBAAsB;AAC/C,SAASC,MAAM,QAAQ,kBAAkB;AACzC,SAASC,UAAU,QAAQ,mBAAmB;AAE9C,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,iBAAiB;AAC1B,SAASC,OAAO,EAAEC,IAAI,QAAQ,MAAM;AACpC,SAASC,QAAQ,QAAQ,iBAAiB;AAG1C,MAAMC,aAAa,GAAG;EAAEC,OAAO,EAAE;IAAEC,OAAO,EAAE;EAAM;AAAE,CAAC;AAErD,MAAMC,UAAU,GAAGA,CAAA,KAAM;EACrB,oBACId,KAAA,CAAAe,aAAA,CAACT,IAAI;IAACU,IAAI,EAAE;EAAQ,GACf,CAAC;IAAEC,KAAK;IAAEC;EAAS,CAAC,kBACjBlB,KAAA,CAAAe,aAAA;IAAKI,KAAK,EAAE;MAAEC,MAAM,EAAE;IAAO;EAAE,gBAC3BpB,KAAA,CAAAe,aAAA,CAACZ,YAAY;IACTkB,QAAQ,EAAE,MAAO;IACjBC,YAAY,EAAEL,KAAM;IACpBM,OAAO,EAAEZ,aAAc;IACvBO,QAAQ,EAAEA;EAAS,CACtB,CACA,CAEP,CAAC;AAEf,CAAC;AAED,OAAO,MAAMM,mBAAmB,GAAGd,QAAQ,CAAC,MAAM;EAC9C,MAAMe,MAAM,GAAGpB,UAAU,CAAC,CAAC;EAC3B,MAAMqB,MAAM,GAAGnB,iBAAiB,CAAiB,CAAC;EAClD,MAAM,CAACoB,KAAK,EAAEC,QAAQ,CAAC,GAAG1B,QAAQ,CAAC,MAC/B2B,IAAI,CAACC,SAAS,CAACrB,IAAI,CAACiB,MAAM,CAACK,gBAAgB,CAAC,CAAC,CAACC,IAAI,CAAC,CAAC,CAACL,KAAK,CAAC,EAAE,IAAI,EAAE,CAAC,CACxE,CAAC;EAED1B,SAAS,CAAC,MAAM;IACZO,OAAO,CAAC,MAAM;MACV,MAAMmB,KAAK,GAAGD,MAAM,CAACK,gBAAgB,CAAC,CAAC,CAACC,IAAI,CAAC,CAAC,CAACL,KAAK;MACpDC,QAAQ,CAACC,IAAI,CAACC,SAAS,CAACrB,IAAI,CAACkB,KAAK,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;IAClD,CAAC,CAAC;EACN,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMM,UAAU,GAAGA,CAAA,KAAM;IACrBR,MAAM,CAACS,UAAU,CAAC;MACdC,KAAK,EAAE,gBAAgB;MACvBC,OAAO,eAAEpC,KAAA,CAAAe,aAAA,CAACD,UAAU;QAACuB,GAAG,EAAEV;MAAM,CAAE,CAAC;MACnCW,QAAQ,EAAE;QACNX;MACJ,CAAC;MACDY,WAAW,EAAE,YAAY;MACzBC,WAAW,EAAE,QAAQ;MACrBC,QAAQ,EAAEA,CAAC;QAAEd;MAAuB,CAAC,KAAK;QACtCD,MAAM,CAACgB,cAAc,CAACC,QAAQ,IAAI;UAC9BA,QAAQ,CAAChB,KAAK,GAAGE,IAAI,CAACe,KAAK,CAACjB,KAAK,CAAC;QACtC,CAAC,CAAC;MACN;IACJ,CAAC,CAAC;EACN,CAAC;EAED,oBACI3B,KAAA,CAAAe,aAAA,CAACX,MAAM;IACHyC,SAAS,EAAC,0BAA0B;IACpCC,OAAO,EAAC,WAAW;IACnBC,OAAO,EAAEd,UAAW;IACpBe,IAAI,EAAC;EAAY,CACpB,CAAC;AAEV,CAAC,CAAC","ignoreList":[]}

package/BaseEditor/defaultConfig/DocumentStateEditor/index.d.ts

@@ -1 +1 @@
-export * from "./DocumentStateEditor";
+export * from "./DocumentStateEditor.js";

package/BaseEditor/defaultConfig/DocumentStateEditor/index.js

@@ -1,3 +1,3 @@
-export * from "./DocumentStateEditor";
+export * from "./DocumentStateEditor.js";
 
 //# sourceMappingURL=index.js.map

package/BaseEditor/defaultConfig/DocumentStateEditor/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.tsx"],"sourcesContent":["export * from \"./DocumentStateEditor\";\n"],"mappings":"AAAA","ignoreList":[]}
+{"version":3,"names":[],"sources":["index.tsx"],"sourcesContent":["export * from \"./DocumentStateEditor.js\";\n"],"mappings":"AAAA","ignoreList":[]}

package/BaseEditor/defaultConfig/ElementInputRenderers.js

@@ -1,16 +1,16 @@
 import React from "react";
-import { EditorConfig } from "./..";
-import { TextInputRenderer } from "../../inputRenderers/TextInput";
-import { NumberInputRenderer } from "../../inputRenderers/NumberInput";
-import { BooleanInputRenderer } from "../../inputRenderers/BooleanInput";
-import { TextareaInputRenderer } from "../../inputRenderers/TextareaInput";
-import { LexicalInputRenderer } from "../../inputRenderers/LexicalInput/LexicalInput";
-import { DefaultLexicalConfig } from "../../inputRenderers/LexicalInput/DefaultLexicalConfig";
-import { SlotInputRenderer } from "../../inputRenderers/SlotInput";
-import { GridLayoutInputRenderer } from "../../inputRenderers/GridLayoutInput";
-import { SelectInputRenderer } from "../../inputRenderers/SelectInput";
-import { FileInputRenderer } from "../../inputRenderers/FileInput";
-import { FragmentSelectorInputRenderer } from "../../inputRenderers/FragmentSelectorInput";
+import { EditorConfig } from "../index.js";
+import { TextInputRenderer } from "../../inputRenderers/TextInput.js";
+import { NumberInputRenderer } from "../../inputRenderers/NumberInput.js";
+import { BooleanInputRenderer } from "../../inputRenderers/BooleanInput.js";
+import { TextareaInputRenderer } from "../../inputRenderers/TextareaInput.js";
+import { LexicalInputRenderer } from "../../inputRenderers/LexicalInput/LexicalInput.js";
+import { DefaultLexicalConfig } from "../../inputRenderers/LexicalInput/DefaultLexicalConfig.js";
+import { SlotInputRenderer } from "../../inputRenderers/SlotInput.js";
+import { GridLayoutInputRenderer } from "../../inputRenderers/GridLayoutInput.js";
+import { SelectInputRenderer } from "../../inputRenderers/SelectInput.js";
+import { FileInputRenderer } from "../../inputRenderers/FileInput.js";
+import { FragmentSelectorInputRenderer } from "../../inputRenderers/FragmentSelectorInput.js";
 export const ElementInputRenderers = () => {
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(EditorConfig.ElementInput.Renderer, {
     name: "Webiny/Slot",

package/BaseEditor/defaultConfig/ElementInputRenderers.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","EditorConfig","TextInputRenderer","NumberInputRenderer","BooleanInputRenderer","TextareaInputRenderer","LexicalInputRenderer","DefaultLexicalConfig","SlotInputRenderer","GridLayoutInputRenderer","SelectInputRenderer","FileInputRenderer","FragmentSelectorInputRenderer","ElementInputRenderers","createElement","Fragment","ElementInput","Renderer","name","component"],"sources":["ElementInputRenderers.tsx"],"sourcesContent":["import React from \"react\";\nimport { EditorConfig } from \"~/BaseEditor\";\nimport { TextInputRenderer } from \"~/inputRenderers/TextInput\";\nimport { NumberInputRenderer } from \"~/inputRenderers/NumberInput\";\nimport { BooleanInputRenderer } from \"~/inputRenderers/BooleanInput\";\nimport { TextareaInputRenderer } from \"~/inputRenderers/TextareaInput\";\nimport { LexicalInputRenderer } from \"~/inputRenderers/LexicalInput/LexicalInput\";\nimport { DefaultLexicalConfig } from \"~/inputRenderers/LexicalInput/DefaultLexicalConfig\";\nimport { SlotInputRenderer } from \"~/inputRenderers/SlotInput\";\nimport { GridLayoutInputRenderer } from \"~/inputRenderers/GridLayoutInput\";\nimport { SelectInputRenderer } from \"~/inputRenderers/SelectInput\";\nimport { FileInputRenderer } from \"~/inputRenderers/FileInput\";\nimport { FragmentSelectorInputRenderer } from \"~/inputRenderers/FragmentSelectorInput\";\n\nexport const ElementInputRenderers = () => {\n    return (\n        <>\n            <EditorConfig.ElementInput.Renderer\n                name={\"Webiny/Slot\"}\n                component={SlotInputRenderer}\n            />\n            <EditorConfig.ElementInput.Renderer\n                name={\"Webiny/Input\"}\n                component={TextInputRenderer}\n            />\n            <EditorConfig.ElementInput.Renderer\n                name={\"Webiny/Select\"}\n                component={SelectInputRenderer}\n            />\n            <EditorConfig.ElementInput.Renderer\n                name={\"Webiny/Textarea\"}\n                component={TextareaInputRenderer}\n            />\n            <EditorConfig.ElementInput.Renderer\n                name={\"Webiny/Number\"}\n                component={NumberInputRenderer}\n            />\n            {/* Configure Lexical Editor*/}\n            <DefaultLexicalConfig />\n            <EditorConfig.ElementInput.Renderer\n                name={\"Webiny/Lexical\"}\n                component={LexicalInputRenderer}\n            />\n            <EditorConfig.ElementInput.Renderer\n                name={\"Webiny/Switch\"}\n                component={BooleanInputRenderer}\n            />\n            <EditorConfig.ElementInput.Renderer\n                name={\"Webiny/GridLayout\"}\n                component={GridLayoutInputRenderer}\n            />\n            <EditorConfig.ElementInput.Renderer\n                name={\"Webiny/FileManager\"}\n                component={FileInputRenderer}\n            />\n            <EditorConfig.ElementInput.Renderer\n                name={\"Webiny/FragmentSelector\"}\n                component={FragmentSelectorInputRenderer}\n            />\n        </>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,YAAY;AACrB,SAASC,iBAAiB;AAC1B,SAASC,mBAAmB;AAC5B,SAASC,oBAAoB;AAC7B,SAASC,qBAAqB;AAC9B,SAASC,oBAAoB;AAC7B,SAASC,oBAAoB;AAC7B,SAASC,iBAAiB;AAC1B,SAASC,uBAAuB;AAChC,SAASC,mBAAmB;AAC5B,SAASC,iBAAiB;AAC1B,SAASC,6BAA6B;AAEtC,OAAO,MAAMC,qBAAqB,GAAGA,CAAA,KAAM;EACvC,oBACIb,KAAA,CAAAc,aAAA,CAAAd,KAAA,CAAAe,QAAA,qBACIf,KAAA,CAAAc,aAAA,CAACb,YAAY,CAACe,YAAY,CAACC,QAAQ;IAC/BC,IAAI,EAAE,aAAc;IACpBC,SAAS,EAAEX;EAAkB,CAChC,CAAC,eACFR,KAAA,CAAAc,aAAA,CAACb,YAAY,CAACe,YAAY,CAACC,QAAQ;IAC/BC,IAAI,EAAE,cAAe;IACrBC,SAAS,EAAEjB;EAAkB,CAChC,CAAC,eACFF,KAAA,CAAAc,aAAA,CAACb,YAAY,CAACe,YAAY,CAACC,QAAQ;IAC/BC,IAAI,EAAE,eAAgB;IACtBC,SAAS,EAAET;EAAoB,CAClC,CAAC,eACFV,KAAA,CAAAc,aAAA,CAACb,YAAY,CAACe,YAAY,CAACC,QAAQ;IAC/BC,IAAI,EAAE,iBAAkB;IACxBC,SAAS,EAAEd;EAAsB,CACpC,CAAC,eACFL,KAAA,CAAAc,aAAA,CAACb,YAAY,CAACe,YAAY,CAACC,QAAQ;IAC/BC,IAAI,EAAE,eAAgB;IACtBC,SAAS,EAAEhB;EAAoB,CAClC,CAAC,eAEFH,KAAA,CAAAc,aAAA,CAACP,oBAAoB,MAAE,CAAC,eACxBP,KAAA,CAAAc,aAAA,CAACb,YAAY,CAACe,YAAY,CAACC,QAAQ;IAC/BC,IAAI,EAAE,gBAAiB;IACvBC,SAAS,EAAEb;EAAqB,CACnC,CAAC,eACFN,KAAA,CAAAc,aAAA,CAACb,YAAY,CAACe,YAAY,CAACC,QAAQ;IAC/BC,IAAI,EAAE,eAAgB;IACtBC,SAAS,EAAEf;EAAqB,CACnC,CAAC,eACFJ,KAAA,CAAAc,aAAA,CAACb,YAAY,CAACe,YAAY,CAACC,QAAQ;IAC/BC,IAAI,EAAE,mBAAoB;IAC1BC,SAAS,EAAEV;EAAwB,CACtC,CAAC,eACFT,KAAA,CAAAc,aAAA,CAACb,YAAY,CAACe,YAAY,CAACC,QAAQ;IAC/BC,IAAI,EAAE,oBAAqB;IAC3BC,SAAS,EAAER;EAAkB,CAChC,CAAC,eACFX,KAAA,CAAAc,aAAA,CAACb,YAAY,CAACe,YAAY,CAACC,QAAQ;IAC/BC,IAAI,EAAE,yBAA0B;IAChCC,SAAS,EAAEP;EAA8B,CAC5C,CACH,CAAC;AAEX,CAAC","ignoreList":[]}
+{"version":3,"names":["React","EditorConfig","TextInputRenderer","NumberInputRenderer","BooleanInputRenderer","TextareaInputRenderer","LexicalInputRenderer","DefaultLexicalConfig","SlotInputRenderer","GridLayoutInputRenderer","SelectInputRenderer","FileInputRenderer","FragmentSelectorInputRenderer","ElementInputRenderers","createElement","Fragment","ElementInput","Renderer","name","component"],"sources":["ElementInputRenderers.tsx"],"sourcesContent":["import React from \"react\";\nimport { EditorConfig } from \"~/BaseEditor/index.js\";\nimport { TextInputRenderer } from \"~/inputRenderers/TextInput.js\";\nimport { NumberInputRenderer } from \"~/inputRenderers/NumberInput.js\";\nimport { BooleanInputRenderer } from \"~/inputRenderers/BooleanInput.js\";\nimport { TextareaInputRenderer } from \"~/inputRenderers/TextareaInput.js\";\nimport { LexicalInputRenderer } from \"~/inputRenderers/LexicalInput/LexicalInput.js\";\nimport { DefaultLexicalConfig } from \"~/inputRenderers/LexicalInput/DefaultLexicalConfig.js\";\nimport { SlotInputRenderer } from \"~/inputRenderers/SlotInput.js\";\nimport { GridLayoutInputRenderer } from \"~/inputRenderers/GridLayoutInput.js\";\nimport { SelectInputRenderer } from \"~/inputRenderers/SelectInput.js\";\nimport { FileInputRenderer } from \"~/inputRenderers/FileInput.js\";\nimport { FragmentSelectorInputRenderer } from \"~/inputRenderers/FragmentSelectorInput.js\";\n\nexport const ElementInputRenderers = () => {\n    return (\n        <>\n            <EditorConfig.ElementInput.Renderer\n                name={\"Webiny/Slot\"}\n                component={SlotInputRenderer}\n            />\n            <EditorConfig.ElementInput.Renderer\n                name={\"Webiny/Input\"}\n                component={TextInputRenderer}\n            />\n            <EditorConfig.ElementInput.Renderer\n                name={\"Webiny/Select\"}\n                component={SelectInputRenderer}\n            />\n            <EditorConfig.ElementInput.Renderer\n                name={\"Webiny/Textarea\"}\n                component={TextareaInputRenderer}\n            />\n            <EditorConfig.ElementInput.Renderer\n                name={\"Webiny/Number\"}\n                component={NumberInputRenderer}\n            />\n            {/* Configure Lexical Editor*/}\n            <DefaultLexicalConfig />\n            <EditorConfig.ElementInput.Renderer\n                name={\"Webiny/Lexical\"}\n                component={LexicalInputRenderer}\n            />\n            <EditorConfig.ElementInput.Renderer\n                name={\"Webiny/Switch\"}\n                component={BooleanInputRenderer}\n            />\n            <EditorConfig.ElementInput.Renderer\n                name={\"Webiny/GridLayout\"}\n                component={GridLayoutInputRenderer}\n            />\n            <EditorConfig.ElementInput.Renderer\n                name={\"Webiny/FileManager\"}\n                component={FileInputRenderer}\n            />\n            <EditorConfig.ElementInput.Renderer\n                name={\"Webiny/FragmentSelector\"}\n                component={FragmentSelectorInputRenderer}\n            />\n        </>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,YAAY;AACrB,SAASC,iBAAiB;AAC1B,SAASC,mBAAmB;AAC5B,SAASC,oBAAoB;AAC7B,SAASC,qBAAqB;AAC9B,SAASC,oBAAoB;AAC7B,SAASC,oBAAoB;AAC7B,SAASC,iBAAiB;AAC1B,SAASC,uBAAuB;AAChC,SAASC,mBAAmB;AAC5B,SAASC,iBAAiB;AAC1B,SAASC,6BAA6B;AAEtC,OAAO,MAAMC,qBAAqB,GAAGA,CAAA,KAAM;EACvC,oBACIb,KAAA,CAAAc,aAAA,CAAAd,KAAA,CAAAe,QAAA,qBACIf,KAAA,CAAAc,aAAA,CAACb,YAAY,CAACe,YAAY,CAACC,QAAQ;IAC/BC,IAAI,EAAE,aAAc;IACpBC,SAAS,EAAEX;EAAkB,CAChC,CAAC,eACFR,KAAA,CAAAc,aAAA,CAACb,YAAY,CAACe,YAAY,CAACC,QAAQ;IAC/BC,IAAI,EAAE,cAAe;IACrBC,SAAS,EAAEjB;EAAkB,CAChC,CAAC,eACFF,KAAA,CAAAc,aAAA,CAACb,YAAY,CAACe,YAAY,CAACC,QAAQ;IAC/BC,IAAI,EAAE,eAAgB;IACtBC,SAAS,EAAET;EAAoB,CAClC,CAAC,eACFV,KAAA,CAAAc,aAAA,CAACb,YAAY,CAACe,YAAY,CAACC,QAAQ;IAC/BC,IAAI,EAAE,iBAAkB;IACxBC,SAAS,EAAEd;EAAsB,CACpC,CAAC,eACFL,KAAA,CAAAc,aAAA,CAACb,YAAY,CAACe,YAAY,CAACC,QAAQ;IAC/BC,IAAI,EAAE,eAAgB;IACtBC,SAAS,EAAEhB;EAAoB,CAClC,CAAC,eAEFH,KAAA,CAAAc,aAAA,CAACP,oBAAoB,MAAE,CAAC,eACxBP,KAAA,CAAAc,aAAA,CAACb,YAAY,CAACe,YAAY,CAACC,QAAQ;IAC/BC,IAAI,EAAE,gBAAiB;IACvBC,SAAS,EAAEb;EAAqB,CACnC,CAAC,eACFN,KAAA,CAAAc,aAAA,CAACb,YAAY,CAACe,YAAY,CAACC,QAAQ;IAC/BC,IAAI,EAAE,eAAgB;IACtBC,SAAS,EAAEf;EAAqB,CACnC,CAAC,eACFJ,KAAA,CAAAc,aAAA,CAACb,YAAY,CAACe,YAAY,CAACC,QAAQ;IAC/BC,IAAI,EAAE,mBAAoB;IAC1BC,SAAS,EAAEV;EAAwB,CACtC,CAAC,eACFT,KAAA,CAAAc,aAAA,CAACb,YAAY,CAACe,YAAY,CAACC,QAAQ;IAC/BC,IAAI,EAAE,oBAAqB;IAC3BC,SAAS,EAAER;EAAkB,CAChC,CAAC,eACFX,KAAA,CAAAc,aAAA,CAACb,YAAY,CAACe,YAAY,CAACC,QAAQ;IAC/BC,IAAI,EAAE,yBAA0B;IAChCC,SAAS,EAAEP;EAA8B,CAC5C,CACH,CAAC;AAEX,CAAC","ignoreList":[]}

package/BaseEditor/defaultConfig/Sidebar/ElementSettings/ElementActions.js

@@ -1,6 +1,6 @@
 import _styled from "@emotion/styled/base";
 import React from "react";
-import { EditorConfig } from "../../..";
+import { EditorConfig } from "../../../index.js";
 
 // TODO: find a good place for this!
 export const COLORS = {
@@ -22,7 +22,7 @@ const SidebarActions = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "pro
   backgroundColor: COLORS.lightGray,
   borderTop: `1px solid ${COLORS.gray}`,
   justifyContent: "center"
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkVsZW1lbnRBY3Rpb25zLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFhdUIiLCJmaWxlIjoiRWxlbWVudEFjdGlvbnMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBFZGl0b3JDb25maWcgfSBmcm9tIFwifi9CYXNlRWRpdG9yXCI7XG5cbi8vIFRPRE86IGZpbmQgYSBnb29kIHBsYWNlIGZvciB0aGlzIVxuZXhwb3J0IGNvbnN0IENPTE9SUyA9IHtcbiAgICBsaWdodEdyYXk6IFwiaHNsYSgwLCAwJSwgOTclLCAxKVwiLFxuICAgIGdyYXk6IFwiaHNsYSgzMDAsIDIlLCA5MiUsIDEpXCIsXG4gICAgZGFya0dyYXk6IFwiaHNsYSgwLCAwJSwgNzAlLCAxKVwiLFxuICAgIGRhcmtlc3RHcmF5OiBcImhzbGEoMCwgMCUsIDIwJSwgMSlcIixcbiAgICBibGFjazogXCJoc2xhKDIwOCwgMTAwJSwgNSUsIDEpXCJcbn07XG5cbmNvbnN0IFNpZGViYXJBY3Rpb25zID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBmbGV4V3JhcDogXCJ3cmFwXCIsXG4gICAgYm9yZGVyQm90dG9tOiBgMXB4IHNvbGlkICR7Q09MT1JTLmdyYXl9YCxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IENPTE9SUy5saWdodEdyYXksXG4gICAgYm9yZGVyVG9wOiBgMXB4IHNvbGlkICR7Q09MT1JTLmdyYXl9YCxcbiAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIlxufSk7XG5cbmV4cG9ydCBjb25zdCBFbGVtZW50QWN0aW9ucyA9ICgpID0+IHtcbiAgICByZXR1cm4gKFxuICAgICAgICA8U2lkZWJhckFjdGlvbnM+XG4gICAgICAgICAgICA8RWRpdG9yQ29uZmlnLkVsZW1lbnRBY3Rpb25zIC8+XG4gICAgICAgIDwvU2lkZWJhckFjdGlvbnM+XG4gICAgKTtcbn07XG4iXX0= */");
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkVsZW1lbnRBY3Rpb25zLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFhdUIiLCJmaWxlIjoiRWxlbWVudEFjdGlvbnMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBFZGl0b3JDb25maWcgfSBmcm9tIFwifi9CYXNlRWRpdG9yL2luZGV4LmpzXCI7XG5cbi8vIFRPRE86IGZpbmQgYSBnb29kIHBsYWNlIGZvciB0aGlzIVxuZXhwb3J0IGNvbnN0IENPTE9SUyA9IHtcbiAgICBsaWdodEdyYXk6IFwiaHNsYSgwLCAwJSwgOTclLCAxKVwiLFxuICAgIGdyYXk6IFwiaHNsYSgzMDAsIDIlLCA5MiUsIDEpXCIsXG4gICAgZGFya0dyYXk6IFwiaHNsYSgwLCAwJSwgNzAlLCAxKVwiLFxuICAgIGRhcmtlc3RHcmF5OiBcImhzbGEoMCwgMCUsIDIwJSwgMSlcIixcbiAgICBibGFjazogXCJoc2xhKDIwOCwgMTAwJSwgNSUsIDEpXCJcbn07XG5cbmNvbnN0IFNpZGViYXJBY3Rpb25zID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBmbGV4V3JhcDogXCJ3cmFwXCIsXG4gICAgYm9yZGVyQm90dG9tOiBgMXB4IHNvbGlkICR7Q09MT1JTLmdyYXl9YCxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IENPTE9SUy5saWdodEdyYXksXG4gICAgYm9yZGVyVG9wOiBgMXB4IHNvbGlkICR7Q09MT1JTLmdyYXl9YCxcbiAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIlxufSk7XG5cbmV4cG9ydCBjb25zdCBFbGVtZW50QWN0aW9ucyA9ICgpID0+IHtcbiAgICByZXR1cm4gKFxuICAgICAgICA8U2lkZWJhckFjdGlvbnM+XG4gICAgICAgICAgICA8RWRpdG9yQ29uZmlnLkVsZW1lbnRBY3Rpb25zIC8+XG4gICAgICAgIDwvU2lkZWJhckFjdGlvbnM+XG4gICAgKTtcbn07XG4iXX0= */");
 export const ElementActions = () => {
   return /*#__PURE__*/React.createElement(SidebarActions, null, /*#__PURE__*/React.createElement(EditorConfig.ElementActions, null));
 };

package/BaseEditor/defaultConfig/Sidebar/ElementSettings/ElementActions.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","EditorConfig","COLORS","lightGray","gray","darkGray","darkestGray","black","SidebarActions","_styled","process","env","NODE_ENV","target","label","display","flexWrap","borderBottom","backgroundColor","borderTop","justifyContent","ElementActions","createElement"],"sources":["ElementActions.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { EditorConfig } from \"~/BaseEditor\";\n\n// TODO: find a good place for this!\nexport const COLORS = {\n    lightGray: \"hsla(0, 0%, 97%, 1)\",\n    gray: \"hsla(300, 2%, 92%, 1)\",\n    darkGray: \"hsla(0, 0%, 70%, 1)\",\n    darkestGray: \"hsla(0, 0%, 20%, 1)\",\n    black: \"hsla(208, 100%, 5%, 1)\"\n};\n\nconst SidebarActions = styled(\"div\")({\n    display: \"flex\",\n    flexWrap: \"wrap\",\n    borderBottom: `1px solid ${COLORS.gray}`,\n    backgroundColor: COLORS.lightGray,\n    borderTop: `1px solid ${COLORS.gray}`,\n    justifyContent: \"center\"\n});\n\nexport const ElementActions = () => {\n    return (\n        <SidebarActions>\n            <EditorConfig.ElementActions />\n        </SidebarActions>\n    );\n};\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,YAAY;;AAErB;AACA,OAAO,MAAMC,MAAM,GAAG;EAClBC,SAAS,EAAE,qBAAqB;EAChCC,IAAI,EAAE,uBAAuB;EAC7BC,QAAQ,EAAE,qBAAqB;EAC/BC,WAAW,EAAE,qBAAqB;EAClCC,KAAK,EAAE;AACX,CAAC;AAED,MAAMC,cAAc,gBAAGC,OAAA,CAAO,KAAK,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAC;EACjCC,OAAO,EAAE,MAAM;EACfC,QAAQ,EAAE,MAAM;EAChBC,YAAY,EAAE,aAAaf,MAAM,CAACE,IAAI,EAAE;EACxCc,eAAe,EAAEhB,MAAM,CAACC,SAAS;EACjCgB,SAAS,EAAE,aAAajB,MAAM,CAACE,IAAI,EAAE;EACrCgB,cAAc,EAAE;AACpB,CAAC,EAAAV,OAAA,CAAAC,GAAA,CAAAC,QAAA,u0CAAC;AAEF,OAAO,MAAMS,cAAc,GAAGA,CAAA,KAAM;EAChC,oBACIrB,KAAA,CAAAsB,aAAA,CAACd,cAAc,qBACXR,KAAA,CAAAsB,aAAA,CAACrB,YAAY,CAACoB,cAAc,MAAE,CAClB,CAAC;AAEzB,CAAC","ignoreList":[]}
+{"version":3,"names":["React","EditorConfig","COLORS","lightGray","gray","darkGray","darkestGray","black","SidebarActions","_styled","process","env","NODE_ENV","target","label","display","flexWrap","borderBottom","backgroundColor","borderTop","justifyContent","ElementActions","createElement"],"sources":["ElementActions.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { EditorConfig } from \"~/BaseEditor/index.js\";\n\n// TODO: find a good place for this!\nexport const COLORS = {\n    lightGray: \"hsla(0, 0%, 97%, 1)\",\n    gray: \"hsla(300, 2%, 92%, 1)\",\n    darkGray: \"hsla(0, 0%, 70%, 1)\",\n    darkestGray: \"hsla(0, 0%, 20%, 1)\",\n    black: \"hsla(208, 100%, 5%, 1)\"\n};\n\nconst SidebarActions = styled(\"div\")({\n    display: \"flex\",\n    flexWrap: \"wrap\",\n    borderBottom: `1px solid ${COLORS.gray}`,\n    backgroundColor: COLORS.lightGray,\n    borderTop: `1px solid ${COLORS.gray}`,\n    justifyContent: \"center\"\n});\n\nexport const ElementActions = () => {\n    return (\n        <SidebarActions>\n            <EditorConfig.ElementActions />\n        </SidebarActions>\n    );\n};\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,YAAY;;AAErB;AACA,OAAO,MAAMC,MAAM,GAAG;EAClBC,SAAS,EAAE,qBAAqB;EAChCC,IAAI,EAAE,uBAAuB;EAC7BC,QAAQ,EAAE,qBAAqB;EAC/BC,WAAW,EAAE,qBAAqB;EAClCC,KAAK,EAAE;AACX,CAAC;AAED,MAAMC,cAAc,gBAAGC,OAAA,CAAO,KAAK,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAC;EACjCC,OAAO,EAAE,MAAM;EACfC,QAAQ,EAAE,MAAM;EAChBC,YAAY,EAAE,aAAaf,MAAM,CAACE,IAAI,EAAE;EACxCc,eAAe,EAAEhB,MAAM,CAACC,SAAS;EACjCgB,SAAS,EAAE,aAAajB,MAAM,CAACE,IAAI,EAAE;EACrCgB,cAAc,EAAE;AACpB,CAAC,EAAAV,OAAA,CAAAC,GAAA,CAAAC,QAAA,m1CAAC;AAEF,OAAO,MAAMS,cAAc,GAAGA,CAAA,KAAM;EAChC,oBACIrB,KAAA,CAAAsB,aAAA,CAACd,cAAc,qBACXR,KAAA,CAAAsB,aAAA,CAACrB,YAAY,CAACoB,cAAc,MAAE,CAClB,CAAC;AAEzB,CAAC","ignoreList":[]}