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

package/BaseEditor/commandHandlers/CreateElement.js

@@ -1,12 +1,19 @@
 import { useEffect } from "react";
-import { useDocumentEditor } from "../../DocumentEditor";
-import { Commands } from "./..";
-import { $createElement } from "../../editorSdk/utils";
+import { useToast } from "@webiny/admin-ui";
+import { useDocumentEditor } from "../../DocumentEditor/index.js";
+import { Commands } from "../index.js";
+import { $createElement } from "../../editorSdk/utils/index.js";
 export const CreateElement = () => {
   const editor = useDocumentEditor();
+  const toast = useToast();
   useEffect(() => {
     return editor.registerCommandHandler(Commands.CreateElement, payload => {
-      $createElement(editor, payload);
+      const result = $createElement(editor, payload);
+      if (result?.violation) {
+        toast.showWarningToast({
+          title: result.violation.message
+        });
+      }
     });
   }, []);
   return null;

package/BaseEditor/commandHandlers/CreateElement.js.map

@@ -1 +1 @@
-{"version":3,"names":["useEffect","useDocumentEditor","Commands","$createElement","CreateElement","editor","registerCommandHandler","payload"],"sources":["CreateElement.tsx"],"sourcesContent":["import { useEffect } from \"react\";\nimport { useDocumentEditor } from \"~/DocumentEditor\";\nimport { Commands } from \"~/BaseEditor\";\nimport { $createElement } from \"~/editorSdk/utils\";\n\nexport const CreateElement = () => {\n    const editor = useDocumentEditor();\n\n    useEffect(() => {\n        return editor.registerCommandHandler(Commands.CreateElement, payload => {\n            $createElement(editor, payload);\n        });\n    }, []);\n\n    return null;\n};\n"],"mappings":"AAAA,SAASA,SAAS,QAAQ,OAAO;AACjC,SAASC,iBAAiB;AAC1B,SAASC,QAAQ;AACjB,SAASC,cAAc;AAEvB,OAAO,MAAMC,aAAa,GAAGA,CAAA,KAAM;EAC/B,MAAMC,MAAM,GAAGJ,iBAAiB,CAAC,CAAC;EAElCD,SAAS,CAAC,MAAM;IACZ,OAAOK,MAAM,CAACC,sBAAsB,CAACJ,QAAQ,CAACE,aAAa,EAAEG,OAAO,IAAI;MACpEJ,cAAc,CAACE,MAAM,EAAEE,OAAO,CAAC;IACnC,CAAC,CAAC;EACN,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO,IAAI;AACf,CAAC","ignoreList":[]}
+{"version":3,"names":["useEffect","useToast","useDocumentEditor","Commands","$createElement","CreateElement","editor","toast","registerCommandHandler","payload","result","violation","showWarningToast","title","message"],"sources":["CreateElement.tsx"],"sourcesContent":["import { useEffect } from \"react\";\nimport { useToast } from \"@webiny/admin-ui\";\nimport { useDocumentEditor } from \"~/DocumentEditor/index.js\";\nimport { Commands } from \"~/BaseEditor/index.js\";\nimport { $createElement } from \"~/editorSdk/utils/index.js\";\n\nexport const CreateElement = () => {\n    const editor = useDocumentEditor();\n    const toast = useToast();\n\n    useEffect(() => {\n        return editor.registerCommandHandler(Commands.CreateElement, payload => {\n            const result = $createElement(editor, payload);\n            if (result?.violation) {\n                toast.showWarningToast({\n                    title: result.violation.message\n                });\n            }\n        });\n    }, []);\n\n    return null;\n};\n"],"mappings":"AAAA,SAASA,SAAS,QAAQ,OAAO;AACjC,SAASC,QAAQ,QAAQ,kBAAkB;AAC3C,SAASC,iBAAiB;AAC1B,SAASC,QAAQ;AACjB,SAASC,cAAc;AAEvB,OAAO,MAAMC,aAAa,GAAGA,CAAA,KAAM;EAC/B,MAAMC,MAAM,GAAGJ,iBAAiB,CAAC,CAAC;EAClC,MAAMK,KAAK,GAAGN,QAAQ,CAAC,CAAC;EAExBD,SAAS,CAAC,MAAM;IACZ,OAAOM,MAAM,CAACE,sBAAsB,CAACL,QAAQ,CAACE,aAAa,EAAEI,OAAO,IAAI;MACpE,MAAMC,MAAM,GAAGN,cAAc,CAACE,MAAM,EAAEG,OAAO,CAAC;MAC9C,IAAIC,MAAM,EAAEC,SAAS,EAAE;QACnBJ,KAAK,CAACK,gBAAgB,CAAC;UACnBC,KAAK,EAAEH,MAAM,CAACC,SAAS,CAACG;QAC5B,CAAC,CAAC;MACN;IACJ,CAAC,CAAC;EACN,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO,IAAI;AACf,CAAC","ignoreList":[]}

package/BaseEditor/commandHandlers/DeleteElement.js

@@ -1,14 +1,19 @@
 import { useEffect } from "react";
-import { useDocumentEditor } from "../../DocumentEditor";
-import { Commands } from "./..";
-import { $deleteElement } from "../../editorSdk/utils";
+import { useToast } from "@webiny/admin-ui";
+import { useDocumentEditor } from "../../DocumentEditor/index.js";
+import { Commands } from "../index.js";
+import { $deleteElement } from "../../editorSdk/utils/index.js";
 export const DeleteElement = () => {
   const editor = useDocumentEditor();
+  const toast = useToast();
   useEffect(() => {
     return editor.registerCommandHandler(Commands.DeleteElement, payload => {
-      editor.updateDocument(document => {
-        $deleteElement(document, payload.id);
-      });
+      const result = $deleteElement(editor, payload.id);
+      if (result?.violation) {
+        toast.showWarningToast({
+          title: result.violation.message
+        });
+      }
     });
   }, []);
   return null;

package/BaseEditor/commandHandlers/DeleteElement.js.map

@@ -1 +1 @@
-{"version":3,"names":["useEffect","useDocumentEditor","Commands","$deleteElement","DeleteElement","editor","registerCommandHandler","payload","updateDocument","document","id"],"sources":["DeleteElement.tsx"],"sourcesContent":["import { useEffect } from \"react\";\nimport { useDocumentEditor } from \"~/DocumentEditor\";\nimport { Commands } from \"~/BaseEditor\";\nimport { $deleteElement } from \"~/editorSdk/utils\";\n\nexport const DeleteElement = () => {\n    const editor = useDocumentEditor();\n    useEffect(() => {\n        return editor.registerCommandHandler(Commands.DeleteElement, payload => {\n            editor.updateDocument(document => {\n                $deleteElement(document, payload.id);\n            });\n        });\n    }, []);\n\n    return null;\n};\n"],"mappings":"AAAA,SAASA,SAAS,QAAQ,OAAO;AACjC,SAASC,iBAAiB;AAC1B,SAASC,QAAQ;AACjB,SAASC,cAAc;AAEvB,OAAO,MAAMC,aAAa,GAAGA,CAAA,KAAM;EAC/B,MAAMC,MAAM,GAAGJ,iBAAiB,CAAC,CAAC;EAClCD,SAAS,CAAC,MAAM;IACZ,OAAOK,MAAM,CAACC,sBAAsB,CAACJ,QAAQ,CAACE,aAAa,EAAEG,OAAO,IAAI;MACpEF,MAAM,CAACG,cAAc,CAACC,QAAQ,IAAI;QAC9BN,cAAc,CAACM,QAAQ,EAAEF,OAAO,CAACG,EAAE,CAAC;MACxC,CAAC,CAAC;IACN,CAAC,CAAC;EACN,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO,IAAI;AACf,CAAC","ignoreList":[]}
+{"version":3,"names":["useEffect","useToast","useDocumentEditor","Commands","$deleteElement","DeleteElement","editor","toast","registerCommandHandler","payload","result","id","violation","showWarningToast","title","message"],"sources":["DeleteElement.tsx"],"sourcesContent":["import { useEffect } from \"react\";\nimport { useToast } from \"@webiny/admin-ui\";\nimport { useDocumentEditor } from \"~/DocumentEditor/index.js\";\nimport { Commands } from \"~/BaseEditor/index.js\";\nimport { $deleteElement } from \"~/editorSdk/utils/index.js\";\n\nexport const DeleteElement = () => {\n    const editor = useDocumentEditor();\n    const toast = useToast();\n\n    useEffect(() => {\n        return editor.registerCommandHandler(Commands.DeleteElement, payload => {\n            const result = $deleteElement(editor, payload.id);\n\n            if (result?.violation) {\n                toast.showWarningToast({\n                    title: result.violation.message\n                });\n            }\n        });\n    }, []);\n\n    return null;\n};\n"],"mappings":"AAAA,SAASA,SAAS,QAAQ,OAAO;AACjC,SAASC,QAAQ,QAAQ,kBAAkB;AAC3C,SAASC,iBAAiB;AAC1B,SAASC,QAAQ;AACjB,SAASC,cAAc;AAEvB,OAAO,MAAMC,aAAa,GAAGA,CAAA,KAAM;EAC/B,MAAMC,MAAM,GAAGJ,iBAAiB,CAAC,CAAC;EAClC,MAAMK,KAAK,GAAGN,QAAQ,CAAC,CAAC;EAExBD,SAAS,CAAC,MAAM;IACZ,OAAOM,MAAM,CAACE,sBAAsB,CAACL,QAAQ,CAACE,aAAa,EAAEI,OAAO,IAAI;MACpE,MAAMC,MAAM,GAAGN,cAAc,CAACE,MAAM,EAAEG,OAAO,CAACE,EAAE,CAAC;MAEjD,IAAID,MAAM,EAAEE,SAAS,EAAE;QACnBL,KAAK,CAACM,gBAAgB,CAAC;UACnBC,KAAK,EAAEJ,MAAM,CAACE,SAAS,CAACG;QAC5B,CAAC,CAAC;MACN;IACJ,CAAC,CAAC;EACN,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO,IAAI;AACf,CAAC","ignoreList":[]}

package/BaseEditor/commandHandlers/DeselectElement.js

@@ -1,7 +1,7 @@
 import { useEffect } from "react";
-import { useDocumentEditor } from "../../DocumentEditor";
-import { Commands } from "../commands";
-import { $deselectElement } from "../../editorSdk/utils";
+import { useDocumentEditor } from "../../DocumentEditor/index.js";
+import { Commands } from "../commands.js";
+import { $deselectElement } from "../../editorSdk/utils/index.js";
 export const DeselectElement = () => {
   const editor = useDocumentEditor();
   useEffect(() => {

package/BaseEditor/commandHandlers/DeselectElement.js.map

@@ -1 +1 @@
-{"version":3,"names":["useEffect","useDocumentEditor","Commands","$deselectElement","DeselectElement","editor","registerCommandHandler"],"sources":["DeselectElement.tsx"],"sourcesContent":["import { useEffect } from \"react\";\nimport { useDocumentEditor } from \"~/DocumentEditor\";\nimport { Commands } from \"../commands\";\nimport { $deselectElement } from \"~/editorSdk/utils\";\n\nexport const DeselectElement = () => {\n    const editor = useDocumentEditor();\n    useEffect(() => {\n        return editor.registerCommandHandler(Commands.DeselectElement, () => {\n            $deselectElement(editor);\n        });\n    }, []);\n\n    return null;\n};\n"],"mappings":"AAAA,SAASA,SAAS,QAAQ,OAAO;AACjC,SAASC,iBAAiB;AAC1B,SAASC,QAAQ;AACjB,SAASC,gBAAgB;AAEzB,OAAO,MAAMC,eAAe,GAAGA,CAAA,KAAM;EACjC,MAAMC,MAAM,GAAGJ,iBAAiB,CAAC,CAAC;EAClCD,SAAS,CAAC,MAAM;IACZ,OAAOK,MAAM,CAACC,sBAAsB,CAACJ,QAAQ,CAACE,eAAe,EAAE,MAAM;MACjED,gBAAgB,CAACE,MAAM,CAAC;IAC5B,CAAC,CAAC;EACN,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO,IAAI;AACf,CAAC","ignoreList":[]}
+{"version":3,"names":["useEffect","useDocumentEditor","Commands","$deselectElement","DeselectElement","editor","registerCommandHandler"],"sources":["DeselectElement.tsx"],"sourcesContent":["import { useEffect } from \"react\";\nimport { useDocumentEditor } from \"~/DocumentEditor/index.js\";\nimport { Commands } from \"../commands.js\";\nimport { $deselectElement } from \"~/editorSdk/utils/index.js\";\n\nexport const DeselectElement = () => {\n    const editor = useDocumentEditor();\n    useEffect(() => {\n        return editor.registerCommandHandler(Commands.DeselectElement, () => {\n            $deselectElement(editor);\n        });\n    }, []);\n\n    return null;\n};\n"],"mappings":"AAAA,SAASA,SAAS,QAAQ,OAAO;AACjC,SAASC,iBAAiB;AAC1B,SAASC,QAAQ;AACjB,SAASC,gBAAgB;AAEzB,OAAO,MAAMC,eAAe,GAAGA,CAAA,KAAM;EACjC,MAAMC,MAAM,GAAGJ,iBAAiB,CAAC,CAAC;EAClCD,SAAS,CAAC,MAAM;IACZ,OAAOK,MAAM,CAACC,sBAAsB,CAACJ,QAAQ,CAACE,eAAe,EAAE,MAAM;MACjED,gBAAgB,CAACE,MAAM,CAAC;IAC5B,CAAC,CAAC;EACN,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO,IAAI;AACf,CAAC","ignoreList":[]}

package/BaseEditor/commandHandlers/HighlightElement.js

@@ -1,7 +1,7 @@
 import { useEffect } from "react";
-import { useDocumentEditor } from "../../DocumentEditor";
-import { Commands } from "../commands";
-import { $highlightElement } from "../../editorSdk/utils";
+import { useDocumentEditor } from "../../DocumentEditor/index.js";
+import { Commands } from "../commands.js";
+import { $highlightElement } from "../../editorSdk/utils/index.js";
 export const HighlightElement = () => {
   const editor = useDocumentEditor();
   useEffect(() => {

package/BaseEditor/commandHandlers/HighlightElement.js.map

@@ -1 +1 @@
-{"version":3,"names":["useEffect","useDocumentEditor","Commands","$highlightElement","HighlightElement","editor","registerCommandHandler","id"],"sources":["HighlightElement.tsx"],"sourcesContent":["import { useEffect } from \"react\";\nimport { useDocumentEditor } from \"~/DocumentEditor\";\nimport { Commands } from \"../commands\";\nimport { $highlightElement } from \"~/editorSdk/utils\";\n\nexport const HighlightElement = () => {\n    const editor = useDocumentEditor();\n    useEffect(() => {\n        return editor.registerCommandHandler(Commands.HighlightElement, ({ id }) => {\n            $highlightElement(editor, id);\n        });\n    }, []);\n\n    return null;\n};\n"],"mappings":"AAAA,SAASA,SAAS,QAAQ,OAAO;AACjC,SAASC,iBAAiB;AAC1B,SAASC,QAAQ;AACjB,SAASC,iBAAiB;AAE1B,OAAO,MAAMC,gBAAgB,GAAGA,CAAA,KAAM;EAClC,MAAMC,MAAM,GAAGJ,iBAAiB,CAAC,CAAC;EAClCD,SAAS,CAAC,MAAM;IACZ,OAAOK,MAAM,CAACC,sBAAsB,CAACJ,QAAQ,CAACE,gBAAgB,EAAE,CAAC;MAAEG;IAAG,CAAC,KAAK;MACxEJ,iBAAiB,CAACE,MAAM,EAAEE,EAAE,CAAC;IACjC,CAAC,CAAC;EACN,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO,IAAI;AACf,CAAC","ignoreList":[]}
+{"version":3,"names":["useEffect","useDocumentEditor","Commands","$highlightElement","HighlightElement","editor","registerCommandHandler","id"],"sources":["HighlightElement.tsx"],"sourcesContent":["import { useEffect } from \"react\";\nimport { useDocumentEditor } from \"~/DocumentEditor/index.js\";\nimport { Commands } from \"../commands.js\";\nimport { $highlightElement } from \"~/editorSdk/utils/index.js\";\n\nexport const HighlightElement = () => {\n    const editor = useDocumentEditor();\n    useEffect(() => {\n        return editor.registerCommandHandler(Commands.HighlightElement, ({ id }) => {\n            $highlightElement(editor, id);\n        });\n    }, []);\n\n    return null;\n};\n"],"mappings":"AAAA,SAASA,SAAS,QAAQ,OAAO;AACjC,SAASC,iBAAiB;AAC1B,SAASC,QAAQ;AACjB,SAASC,iBAAiB;AAE1B,OAAO,MAAMC,gBAAgB,GAAGA,CAAA,KAAM;EAClC,MAAMC,MAAM,GAAGJ,iBAAiB,CAAC,CAAC;EAClCD,SAAS,CAAC,MAAM;IACZ,OAAOK,MAAM,CAACC,sBAAsB,CAACJ,QAAQ,CAACE,gBAAgB,EAAE,CAAC;MAAEG;IAAG,CAAC,KAAK;MACxEJ,iBAAiB,CAACE,MAAM,EAAEE,EAAE,CAAC;IACjC,CAAC,CAAC;EACN,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO,IAAI;AACf,CAAC","ignoreList":[]}

package/BaseEditor/commandHandlers/MoveElement.js

@@ -1,13 +1,24 @@
 import { useEffect } from "react";
-import { useDocumentEditor } from "../../DocumentEditor";
-import { Commands } from "./..";
-import { $moveElement } from "../../editorSdk/utils";
+import { useToast } from "@webiny/admin-ui";
+import { useDocumentEditor } from "../../DocumentEditor/index.js";
+import { Commands } from "../index.js";
+import { $moveElement } from "../../editorSdk/utils/index.js";
 export const MoveElement = () => {
+  const toast = useToast();
   const editor = useDocumentEditor();
   useEffect(() => {
     return editor.registerCommandHandler(Commands.MoveElement, payload => {
+      const components = editor.getEditorState().read().components;
       editor.updateDocument(document => {
-        $moveElement(document, payload);
+        const result = $moveElement(document, {
+          ...payload,
+          components
+        });
+        if (result?.violation) {
+          toast.showWarningToast({
+            title: result.violation.message
+          });
+        }
       });
     });
   }, []);

package/BaseEditor/commandHandlers/MoveElement.js.map

@@ -1 +1 @@
-{"version":3,"names":["useEffect","useDocumentEditor","Commands","$moveElement","MoveElement","editor","registerCommandHandler","payload","updateDocument","document"],"sources":["MoveElement.tsx"],"sourcesContent":["import { useEffect } from \"react\";\nimport { useDocumentEditor } from \"~/DocumentEditor\";\nimport { Commands } from \"~/BaseEditor\";\nimport { $moveElement } from \"~/editorSdk/utils\";\n\nexport const MoveElement = () => {\n    const editor = useDocumentEditor();\n    useEffect(() => {\n        return editor.registerCommandHandler(Commands.MoveElement, payload => {\n            editor.updateDocument(document => {\n                $moveElement(document, payload);\n            });\n        });\n    }, []);\n\n    return null;\n};\n"],"mappings":"AAAA,SAASA,SAAS,QAAQ,OAAO;AACjC,SAASC,iBAAiB;AAC1B,SAASC,QAAQ;AACjB,SAASC,YAAY;AAErB,OAAO,MAAMC,WAAW,GAAGA,CAAA,KAAM;EAC7B,MAAMC,MAAM,GAAGJ,iBAAiB,CAAC,CAAC;EAClCD,SAAS,CAAC,MAAM;IACZ,OAAOK,MAAM,CAACC,sBAAsB,CAACJ,QAAQ,CAACE,WAAW,EAAEG,OAAO,IAAI;MAClEF,MAAM,CAACG,cAAc,CAACC,QAAQ,IAAI;QAC9BN,YAAY,CAACM,QAAQ,EAAEF,OAAO,CAAC;MACnC,CAAC,CAAC;IACN,CAAC,CAAC;EACN,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO,IAAI;AACf,CAAC","ignoreList":[]}
+{"version":3,"names":["useEffect","useToast","useDocumentEditor","Commands","$moveElement","MoveElement","toast","editor","registerCommandHandler","payload","components","getEditorState","read","updateDocument","document","result","violation","showWarningToast","title","message"],"sources":["MoveElement.tsx"],"sourcesContent":["import { useEffect } from \"react\";\nimport { useToast } from \"@webiny/admin-ui\";\nimport { useDocumentEditor } from \"~/DocumentEditor/index.js\";\nimport { Commands } from \"~/BaseEditor/index.js\";\nimport { $moveElement } from \"~/editorSdk/utils/index.js\";\n\nexport const MoveElement = () => {\n    const toast = useToast();\n    const editor = useDocumentEditor();\n\n    useEffect(() => {\n        return editor.registerCommandHandler(Commands.MoveElement, payload => {\n            const components = editor.getEditorState().read().components;\n            editor.updateDocument(document => {\n                const result = $moveElement(document, { ...payload, components });\n                if (result?.violation) {\n                    toast.showWarningToast({\n                        title: result.violation.message\n                    });\n                }\n            });\n        });\n    }, []);\n\n    return null;\n};\n"],"mappings":"AAAA,SAASA,SAAS,QAAQ,OAAO;AACjC,SAASC,QAAQ,QAAQ,kBAAkB;AAC3C,SAASC,iBAAiB;AAC1B,SAASC,QAAQ;AACjB,SAASC,YAAY;AAErB,OAAO,MAAMC,WAAW,GAAGA,CAAA,KAAM;EAC7B,MAAMC,KAAK,GAAGL,QAAQ,CAAC,CAAC;EACxB,MAAMM,MAAM,GAAGL,iBAAiB,CAAC,CAAC;EAElCF,SAAS,CAAC,MAAM;IACZ,OAAOO,MAAM,CAACC,sBAAsB,CAACL,QAAQ,CAACE,WAAW,EAAEI,OAAO,IAAI;MAClE,MAAMC,UAAU,GAAGH,MAAM,CAACI,cAAc,CAAC,CAAC,CAACC,IAAI,CAAC,CAAC,CAACF,UAAU;MAC5DH,MAAM,CAACM,cAAc,CAACC,QAAQ,IAAI;QAC9B,MAAMC,MAAM,GAAGX,YAAY,CAACU,QAAQ,EAAE;UAAE,GAAGL,OAAO;UAAEC;QAAW,CAAC,CAAC;QACjE,IAAIK,MAAM,EAAEC,SAAS,EAAE;UACnBV,KAAK,CAACW,gBAAgB,CAAC;YACnBC,KAAK,EAAEH,MAAM,CAACC,SAAS,CAACG;UAC5B,CAAC,CAAC;QACN;MACJ,CAAC,CAAC;IACN,CAAC,CAAC;EACN,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO,IAAI;AACf,CAAC","ignoreList":[]}

package/BaseEditor/commandHandlers/SelectElement.js

@@ -1,7 +1,7 @@
 import { useEffect } from "react";
-import { useDocumentEditor } from "../../DocumentEditor";
-import { Commands } from "../commands";
-import { $selectElement } from "../../editorSdk/utils";
+import { useDocumentEditor } from "../../DocumentEditor/index.js";
+import { Commands } from "../commands.js";
+import { $selectElement } from "../../editorSdk/utils/index.js";
 export const SelectElement = () => {
   const editor = useDocumentEditor();
   useEffect(() => {

package/BaseEditor/commandHandlers/SelectElement.js.map

@@ -1 +1 @@
-{"version":3,"names":["useEffect","useDocumentEditor","Commands","$selectElement","SelectElement","editor","registerCommandHandler","id"],"sources":["SelectElement.tsx"],"sourcesContent":["import { useEffect } from \"react\";\nimport { useDocumentEditor } from \"~/DocumentEditor\";\nimport { Commands } from \"../commands\";\nimport { $selectElement } from \"~/editorSdk/utils\";\n\nexport const SelectElement = () => {\n    const editor = useDocumentEditor();\n    useEffect(() => {\n        return editor.registerCommandHandler(Commands.SelectElement, ({ id }) => {\n            $selectElement(editor, id);\n        });\n    }, []);\n\n    return null;\n};\n"],"mappings":"AAAA,SAASA,SAAS,QAAQ,OAAO;AACjC,SAASC,iBAAiB;AAC1B,SAASC,QAAQ;AACjB,SAASC,cAAc;AAEvB,OAAO,MAAMC,aAAa,GAAGA,CAAA,KAAM;EAC/B,MAAMC,MAAM,GAAGJ,iBAAiB,CAAC,CAAC;EAClCD,SAAS,CAAC,MAAM;IACZ,OAAOK,MAAM,CAACC,sBAAsB,CAACJ,QAAQ,CAACE,aAAa,EAAE,CAAC;MAAEG;IAAG,CAAC,KAAK;MACrEJ,cAAc,CAACE,MAAM,EAAEE,EAAE,CAAC;IAC9B,CAAC,CAAC;EACN,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO,IAAI;AACf,CAAC","ignoreList":[]}
+{"version":3,"names":["useEffect","useDocumentEditor","Commands","$selectElement","SelectElement","editor","registerCommandHandler","id"],"sources":["SelectElement.tsx"],"sourcesContent":["import { useEffect } from \"react\";\nimport { useDocumentEditor } from \"~/DocumentEditor/index.js\";\nimport { Commands } from \"../commands.js\";\nimport { $selectElement } from \"~/editorSdk/utils/index.js\";\n\nexport const SelectElement = () => {\n    const editor = useDocumentEditor();\n    useEffect(() => {\n        return editor.registerCommandHandler(Commands.SelectElement, ({ id }) => {\n            $selectElement(editor, id);\n        });\n    }, []);\n\n    return null;\n};\n"],"mappings":"AAAA,SAASA,SAAS,QAAQ,OAAO;AACjC,SAASC,iBAAiB;AAC1B,SAASC,QAAQ;AACjB,SAASC,cAAc;AAEvB,OAAO,MAAMC,aAAa,GAAGA,CAAA,KAAM;EAC/B,MAAMC,MAAM,GAAGJ,iBAAiB,CAAC,CAAC;EAClCD,SAAS,CAAC,MAAM;IACZ,OAAOK,MAAM,CAACC,sBAAsB,CAACJ,QAAQ,CAACE,aAAa,EAAE,CAAC;MAAEG;IAAG,CAAC,KAAK;MACrEJ,cAAc,CAACE,MAAM,EAAEE,EAAE,CAAC;IAC9B,CAAC,CAAC;EACN,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO,IAAI;AACf,CAAC","ignoreList":[]}

package/BaseEditor/commandHandlers/index.js

@@ -1,10 +1,10 @@
 import React from "react";
-import { CreateElement } from "./CreateElement";
-import { DeleteElement } from "./DeleteElement";
-import { MoveElement } from "./MoveElement";
-import { DeselectElement } from "./DeselectElement";
-import { SelectElement } from "./SelectElement";
-import { HighlightElement } from "./HighlightElement";
+import { CreateElement } from "./CreateElement.js";
+import { DeleteElement } from "./DeleteElement.js";
+import { MoveElement } from "./MoveElement.js";
+import { DeselectElement } from "./DeselectElement.js";
+import { SelectElement } from "./SelectElement.js";
+import { HighlightElement } from "./HighlightElement.js";
 export const CommandHandlers = /*#__PURE__*/React.memo(() => {
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(CreateElement, null), /*#__PURE__*/React.createElement(DeleteElement, null), /*#__PURE__*/React.createElement(MoveElement, null), /*#__PURE__*/React.createElement(DeselectElement, null), /*#__PURE__*/React.createElement(SelectElement, null), /*#__PURE__*/React.createElement(HighlightElement, null));
 });

package/BaseEditor/commandHandlers/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","CreateElement","DeleteElement","MoveElement","DeselectElement","SelectElement","HighlightElement","CommandHandlers","memo","createElement","Fragment","displayName"],"sources":["index.tsx"],"sourcesContent":["import React from \"react\";\nimport { CreateElement } from \"./CreateElement\";\nimport { DeleteElement } from \"./DeleteElement\";\nimport { MoveElement } from \"./MoveElement\";\nimport { DeselectElement } from \"./DeselectElement\";\nimport { SelectElement } from \"./SelectElement\";\nimport { HighlightElement } from \"./HighlightElement\";\n\nexport const CommandHandlers = React.memo(() => {\n    return (\n        <>\n            <CreateElement />\n            <DeleteElement />\n            <MoveElement />\n            <DeselectElement />\n            <SelectElement />\n            <HighlightElement />\n        </>\n    );\n});\n\nCommandHandlers.displayName = \"CommandHandlers\";\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,aAAa;AACtB,SAASC,aAAa;AACtB,SAASC,WAAW;AACpB,SAASC,eAAe;AACxB,SAASC,aAAa;AACtB,SAASC,gBAAgB;AAEzB,OAAO,MAAMC,eAAe,gBAAGP,KAAK,CAACQ,IAAI,CAAC,MAAM;EAC5C,oBACIR,KAAA,CAAAS,aAAA,CAAAT,KAAA,CAAAU,QAAA,qBACIV,KAAA,CAAAS,aAAA,CAACR,aAAa,MAAE,CAAC,eACjBD,KAAA,CAAAS,aAAA,CAACP,aAAa,MAAE,CAAC,eACjBF,KAAA,CAAAS,aAAA,CAACN,WAAW,MAAE,CAAC,eACfH,KAAA,CAAAS,aAAA,CAACL,eAAe,MAAE,CAAC,eACnBJ,KAAA,CAAAS,aAAA,CAACJ,aAAa,MAAE,CAAC,eACjBL,KAAA,CAAAS,aAAA,CAACH,gBAAgB,MAAE,CACrB,CAAC;AAEX,CAAC,CAAC;AAEFC,eAAe,CAACI,WAAW,GAAG,iBAAiB","ignoreList":[]}
+{"version":3,"names":["React","CreateElement","DeleteElement","MoveElement","DeselectElement","SelectElement","HighlightElement","CommandHandlers","memo","createElement","Fragment","displayName"],"sources":["index.tsx"],"sourcesContent":["import React from \"react\";\nimport { CreateElement } from \"./CreateElement.js\";\nimport { DeleteElement } from \"./DeleteElement.js\";\nimport { MoveElement } from \"./MoveElement.js\";\nimport { DeselectElement } from \"./DeselectElement.js\";\nimport { SelectElement } from \"./SelectElement.js\";\nimport { HighlightElement } from \"./HighlightElement.js\";\n\nexport const CommandHandlers = React.memo(() => {\n    return (\n        <>\n            <CreateElement />\n            <DeleteElement />\n            <MoveElement />\n            <DeselectElement />\n            <SelectElement />\n            <HighlightElement />\n        </>\n    );\n});\n\nCommandHandlers.displayName = \"CommandHandlers\";\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,aAAa;AACtB,SAASC,aAAa;AACtB,SAASC,WAAW;AACpB,SAASC,eAAe;AACxB,SAASC,aAAa;AACtB,SAASC,gBAAgB;AAEzB,OAAO,MAAMC,eAAe,gBAAGP,KAAK,CAACQ,IAAI,CAAC,MAAM;EAC5C,oBACIR,KAAA,CAAAS,aAAA,CAAAT,KAAA,CAAAU,QAAA,qBACIV,KAAA,CAAAS,aAAA,CAACR,aAAa,MAAE,CAAC,eACjBD,KAAA,CAAAS,aAAA,CAACP,aAAa,MAAE,CAAC,eACjBF,KAAA,CAAAS,aAAA,CAACN,WAAW,MAAE,CAAC,eACfH,KAAA,CAAAS,aAAA,CAACL,eAAe,MAAE,CAAC,eACnBJ,KAAA,CAAAS,aAAA,CAACJ,aAAa,MAAE,CAAC,eACjBL,KAAA,CAAAS,aAAA,CAACH,gBAAgB,MAAE,CACrB,CAAC;AAEX,CAAC,CAAC;AAEFC,eAAe,CAACI,WAAW,GAAG,iBAAiB","ignoreList":[]}

package/BaseEditor/commands.d.ts

@@ -1,35 +1,39 @@
 import type { ElementFactoryCreateElementParams } from "@webiny/website-builder-sdk";
-import type { WebsiteBuilderTheme } from "@webiny/website-builder-sdk/types/WebsiteBuilderTheme";
+import type { WebsiteBuilderTheme } from "@webiny/website-builder-sdk/types/WebsiteBuilderTheme.js";
 export declare const Commands: {
-    CreateElement: import("../editorSdk/createCommand").Command<{
+    CreateElement: import("~/editorSdk/createCommand.js").Command<{
         componentName: string;
         parentId: string;
         slot: string;
-        index: number;
+        index?: number;
         bindings?: ElementFactoryCreateElementParams["bindings"];
     }>;
-    DeleteElement: import("../editorSdk/createCommand").Command<{
+    DeleteElement: import("~/editorSdk/createCommand.js").Command<{
         id: string;
     }>;
-    MoveElement: import("../editorSdk/createCommand").Command<{
+    MoveElement: import("~/editorSdk/createCommand.js").Command<{
         elementId: string;
         parentId: string;
         slot: string;
         index: number;
     }>;
-    SelectElement: import("../editorSdk/createCommand").Command<{
+    SelectElement: import("~/editorSdk/createCommand.js").Command<{
         id: string;
     }>;
-    DeselectElement: import("../editorSdk/createCommand").Command<never>;
-    HighlightElement: import("../editorSdk/createCommand").Command<{
+    DeselectElement: import("~/editorSdk/createCommand.js").Command<never>;
+    HighlightElement: import("~/editorSdk/createCommand.js").Command<{
         id: string;
     }>;
-    RefreshPreview: import("../editorSdk/createCommand").Command<never>;
-    PreviewPatchElement: import("../editorSdk/createCommand").Command<{
+    RefreshPreview: import("~/editorSdk/createCommand.js").Command<never>;
+    PreviewPatchElement: import("~/editorSdk/createCommand.js").Command<{
         elementId: string;
         patch: any[];
     }>;
-    SetTheme: import("../editorSdk/createCommand").Command<{
+    SendPreviewMessage: import("~/editorSdk/createCommand.js").Command<{
+        type: string;
+        payload?: any;
+    }>;
+    SetTheme: import("~/editorSdk/createCommand.js").Command<{
         theme: WebsiteBuilderTheme;
     }>;
 };

package/BaseEditor/commands.js

@@ -1,4 +1,4 @@
-import { createCommand } from "../editorSdk/createCommand";
+import { createCommand } from "../editorSdk/createCommand.js";
 const CreateElement = createCommand("CREATE_ELEMENT");
 const MoveElement = createCommand("MOVE_ELEMENT");
 const DeleteElement = createCommand("DELETE_ELEMENT");
@@ -8,6 +8,7 @@ const SetTheme = createCommand("SET_THEME");
 const DeselectElement = createCommand("DESELECT_ELEMENT");
 const RefreshPreview = createCommand("REFRESH_PREVIEW");
 const PreviewPatchElement = createCommand("PREVIEW_PATCH_ELEMENT");
+const SendPreviewMessage = createCommand("SEND_PREVIEW_MESSAGE");
 export const Commands = {
   CreateElement,
   DeleteElement,
@@ -17,6 +18,7 @@ export const Commands = {
   HighlightElement,
   RefreshPreview,
   PreviewPatchElement,
+  SendPreviewMessage,
   SetTheme
 };
 

package/BaseEditor/commands.js.map

@@ -1 +1 @@
-{"version":3,"names":["createCommand","CreateElement","MoveElement","DeleteElement","SelectElement","HighlightElement","SetTheme","DeselectElement","RefreshPreview","PreviewPatchElement","Commands"],"sources":["commands.ts"],"sourcesContent":["import { createCommand } from \"~/editorSdk/createCommand\";\nimport type { ElementFactoryCreateElementParams } from \"@webiny/website-builder-sdk\";\nimport type { WebsiteBuilderTheme } from \"@webiny/website-builder-sdk/types/WebsiteBuilderTheme\";\n\nconst CreateElement = createCommand<{\n    // Name of the component to use.\n    componentName: string;\n    // Parent element for the new element.\n    parentId: string;\n    // Parent element slot (e.g., `children`, `heroBanner`, `tabsList.0.content`).\n    slot: string;\n    // Index within the slot.\n    index: number;\n    // Bindings\n    bindings?: ElementFactoryCreateElementParams[\"bindings\"];\n}>(\"CREATE_ELEMENT\");\n\nconst MoveElement = createCommand<{\n    // ID of the element to move.\n    elementId: string;\n    // Parent element for the new element.\n    parentId: string;\n    // Parent element slot (e.g., `children`, `heroBanner`, `tabsList.0.content`).\n    slot: string;\n    // Index within the slot.\n    index: number;\n}>(\"MOVE_ELEMENT\");\n\nconst DeleteElement = createCommand<{\n    id: string;\n}>(\"DELETE_ELEMENT\");\n\nconst SelectElement = createCommand<{ id: string }>(\"SELECT_ELEMENT\");\n\nconst HighlightElement = createCommand<{ id: string }>(\"HIGHLIGHT_ELEMENT\");\n\nconst SetTheme = createCommand<{ theme: WebsiteBuilderTheme }>(\"SET_THEME\");\n\nconst DeselectElement = createCommand<never>(\"DESELECT_ELEMENT\");\n\nconst RefreshPreview = createCommand<never>(\"REFRESH_PREVIEW\");\n\nconst PreviewPatchElement = createCommand<{ elementId: string; patch: any[] }>(\n    \"PREVIEW_PATCH_ELEMENT\"\n);\n\nexport const Commands = {\n    CreateElement,\n    DeleteElement,\n    MoveElement,\n    SelectElement,\n    DeselectElement,\n    HighlightElement,\n    RefreshPreview,\n    PreviewPatchElement,\n    SetTheme\n};\n"],"mappings":"AAAA,SAASA,aAAa;AAItB,MAAMC,aAAa,GAAGD,aAAa,CAWhC,gBAAgB,CAAC;AAEpB,MAAME,WAAW,GAAGF,aAAa,CAS9B,cAAc,CAAC;AAElB,MAAMG,aAAa,GAAGH,aAAa,CAEhC,gBAAgB,CAAC;AAEpB,MAAMI,aAAa,GAAGJ,aAAa,CAAiB,gBAAgB,CAAC;AAErE,MAAMK,gBAAgB,GAAGL,aAAa,CAAiB,mBAAmB,CAAC;AAE3E,MAAMM,QAAQ,GAAGN,aAAa,CAAiC,WAAW,CAAC;AAE3E,MAAMO,eAAe,GAAGP,aAAa,CAAQ,kBAAkB,CAAC;AAEhE,MAAMQ,cAAc,GAAGR,aAAa,CAAQ,iBAAiB,CAAC;AAE9D,MAAMS,mBAAmB,GAAGT,aAAa,CACrC,uBACJ,CAAC;AAED,OAAO,MAAMU,QAAQ,GAAG;EACpBT,aAAa;EACbE,aAAa;EACbD,WAAW;EACXE,aAAa;EACbG,eAAe;EACfF,gBAAgB;EAChBG,cAAc;EACdC,mBAAmB;EACnBH;AACJ,CAAC","ignoreList":[]}
+{"version":3,"names":["createCommand","CreateElement","MoveElement","DeleteElement","SelectElement","HighlightElement","SetTheme","DeselectElement","RefreshPreview","PreviewPatchElement","SendPreviewMessage","Commands"],"sources":["commands.ts"],"sourcesContent":["import { createCommand } from \"~/editorSdk/createCommand.js\";\nimport type { ElementFactoryCreateElementParams } from \"@webiny/website-builder-sdk\";\nimport type { WebsiteBuilderTheme } from \"@webiny/website-builder-sdk/types/WebsiteBuilderTheme.js\";\n\nconst CreateElement = createCommand<{\n    // Name of the component to use.\n    componentName: string;\n    // Parent element for the new element.\n    parentId: string;\n    // Parent element slot (e.g., `children`, `heroBanner`, `tabsList.0.content`).\n    slot: string;\n    // Index within the slot. Omit to append at the end.\n    index?: number;\n    // Bindings\n    bindings?: ElementFactoryCreateElementParams[\"bindings\"];\n}>(\"CREATE_ELEMENT\");\n\nconst MoveElement = createCommand<{\n    // ID of the element to move.\n    elementId: string;\n    // Parent element for the new element.\n    parentId: string;\n    // Parent element slot (e.g., `children`, `heroBanner`, `tabsList.0.content`).\n    slot: string;\n    // Index within the slot.\n    index: number;\n}>(\"MOVE_ELEMENT\");\n\nconst DeleteElement = createCommand<{\n    id: string;\n}>(\"DELETE_ELEMENT\");\n\nconst SelectElement = createCommand<{ id: string }>(\"SELECT_ELEMENT\");\n\nconst HighlightElement = createCommand<{ id: string }>(\"HIGHLIGHT_ELEMENT\");\n\nconst SetTheme = createCommand<{ theme: WebsiteBuilderTheme }>(\"SET_THEME\");\n\nconst DeselectElement = createCommand<never>(\"DESELECT_ELEMENT\");\n\nconst RefreshPreview = createCommand<never>(\"REFRESH_PREVIEW\");\n\nconst PreviewPatchElement = createCommand<{ elementId: string; patch: any[] }>(\n    \"PREVIEW_PATCH_ELEMENT\"\n);\n\nconst SendPreviewMessage = createCommand<{ type: string; payload?: any }>(\"SEND_PREVIEW_MESSAGE\");\n\nexport const Commands = {\n    CreateElement,\n    DeleteElement,\n    MoveElement,\n    SelectElement,\n    DeselectElement,\n    HighlightElement,\n    RefreshPreview,\n    PreviewPatchElement,\n    SendPreviewMessage,\n    SetTheme\n};\n"],"mappings":"AAAA,SAASA,aAAa;AAItB,MAAMC,aAAa,GAAGD,aAAa,CAWhC,gBAAgB,CAAC;AAEpB,MAAME,WAAW,GAAGF,aAAa,CAS9B,cAAc,CAAC;AAElB,MAAMG,aAAa,GAAGH,aAAa,CAEhC,gBAAgB,CAAC;AAEpB,MAAMI,aAAa,GAAGJ,aAAa,CAAiB,gBAAgB,CAAC;AAErE,MAAMK,gBAAgB,GAAGL,aAAa,CAAiB,mBAAmB,CAAC;AAE3E,MAAMM,QAAQ,GAAGN,aAAa,CAAiC,WAAW,CAAC;AAE3E,MAAMO,eAAe,GAAGP,aAAa,CAAQ,kBAAkB,CAAC;AAEhE,MAAMQ,cAAc,GAAGR,aAAa,CAAQ,iBAAiB,CAAC;AAE9D,MAAMS,mBAAmB,GAAGT,aAAa,CACrC,uBACJ,CAAC;AAED,MAAMU,kBAAkB,GAAGV,aAAa,CAAkC,sBAAsB,CAAC;AAEjG,OAAO,MAAMW,QAAQ,GAAG;EACpBV,aAAa;EACbE,aAAa;EACbD,WAAW;EACXE,aAAa;EACbG,eAAe;EACfF,gBAAgB;EAChBG,cAAc;EACdC,mBAAmB;EACnBC,kBAAkB;EAClBJ;AACJ,CAAC","ignoreList":[]}

package/BaseEditor/components/DragPreview.js

@@ -64,17 +64,17 @@ const DragPreview = () => {
     style: {
       zIndex: 1001
     },
-    className: "wby-fixed wby-pointer-events-none wby-left-0 wby-top-0 wby-w-full wby-h-full"
+    className: "fixed pointer-events-none left-0 top-0 w-full h-full"
   }, /*#__PURE__*/React.createElement("div", {
     ref: el => {
       dragPreviewRef = el;
     },
-    className: "wby-transition-opacity wby-duration-250 wby-ease-in-out wby-block",
+    className: "transition-opacity duration-250 ease-in-out block",
     style: {
       opacity: dragHelperOpacity
     }
   }, /*#__PURE__*/React.createElement("div", {
-    className: "wby-size-lg wby-rounded-full wby-bg-primary-default"
+    className: "size-lg rounded-full bg-primary"
   })));
 };
 export default DragPreview;

package/BaseEditor/components/DragPreview.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","useState","useDragLayer","subscribedToOffsetChange","dragPreviewRef","onOffsetChange","monitor","offset","getClientOffset","transform","x","y","style","DragPreview","dragHelperOpacity","setDragHelperOpacity","isDragging","item","subscribeToOffsetChange","getItem","setTimeout","dragInNavigator","createElement","zIndex","className","ref","el","opacity"],"sources":["DragPreview.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport type { DragLayerMonitor } from \"react-dnd\";\nimport { useDragLayer } from \"react-dnd\";\n\nlet subscribedToOffsetChange = false;\nlet dragPreviewRef: HTMLDivElement | null = null;\n\nconst onOffsetChange = (monitor: DragLayerMonitor) => () => {\n    if (!dragPreviewRef) {\n        return;\n    }\n\n    const offset = monitor.getClientOffset();\n    if (!offset) {\n        return;\n    }\n\n    const transform = `translate(${offset.x - 15}px, ${offset.y - 15}px)`;\n    dragPreviewRef.style[\"transform\"] = transform;\n    /**\n     * TS is complaining about -webkit.\n     */\n    // @ts-expect-error\n    dragPreviewRef.style[\"-webkit-transform\"] = transform;\n};\n\nconst DragPreview = () => {\n    const [dragHelperOpacity, setDragHelperOpacity] = useState(0);\n\n    const { isDragging, item } = useDragLayer((monitor: DragLayerMonitor) => {\n        if (!subscribedToOffsetChange) {\n            // @ts-expect-error\n            monitor.subscribeToOffsetChange(onOffsetChange(monitor));\n            subscribedToOffsetChange = true;\n        }\n\n        return {\n            isDragging: monitor.isDragging(),\n            item: monitor.getItem()\n        };\n    });\n\n    useEffect(() => {\n        return () => {\n            subscribedToOffsetChange = false;\n            dragPreviewRef = null;\n        };\n    }, []);\n\n    // We track the value of \"isDragging\" and apply opacity=1 (after 100ms), when it switches to true.\n    // Without this, the drag cursor would be shown in the top-left corner for a short amount of time, and then it\n    // would be repositioned correctly. Definitely looks like a glitch. This also adds a nice little fade-in effect.\n    useEffect((): void => {\n        if (isDragging) {\n            setTimeout(() => {\n                setDragHelperOpacity(isDragging ? 1 : 0);\n            }, 100);\n            return;\n        }\n\n        setDragHelperOpacity(0);\n    }, [isDragging]);\n\n    if (!isDragging) {\n        return null;\n    }\n    // We don't want to show the drag preview for items being drag in the navigator.\n    if (item && item.dragInNavigator) {\n        return null;\n    }\n\n    return (\n        <div\n            style={{ zIndex: 1001 }}\n            className=\"wby-fixed wby-pointer-events-none wby-left-0 wby-top-0 wby-w-full wby-h-full\"\n        >\n            <div\n                ref={el => {\n                    dragPreviewRef = el;\n                }}\n                className=\"wby-transition-opacity wby-duration-250 wby-ease-in-out wby-block\"\n                style={{ opacity: dragHelperOpacity }}\n            >\n                <div className=\"wby-size-lg wby-rounded-full wby-bg-primary-default\" />\n            </div>\n        </div>\n    );\n};\n\nexport default DragPreview;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAElD,SAASC,YAAY,QAAQ,WAAW;AAExC,IAAIC,wBAAwB,GAAG,KAAK;AACpC,IAAIC,cAAqC,GAAG,IAAI;AAEhD,MAAMC,cAAc,GAAIC,OAAyB,IAAK,MAAM;EACxD,IAAI,CAACF,cAAc,EAAE;IACjB;EACJ;EAEA,MAAMG,MAAM,GAAGD,OAAO,CAACE,eAAe,CAAC,CAAC;EACxC,IAAI,CAACD,MAAM,EAAE;IACT;EACJ;EAEA,MAAME,SAAS,GAAG,aAAaF,MAAM,CAACG,CAAC,GAAG,EAAE,OAAOH,MAAM,CAACI,CAAC,GAAG,EAAE,KAAK;EACrEP,cAAc,CAACQ,KAAK,CAAC,WAAW,CAAC,GAAGH,SAAS;EAC7C;AACJ;AACA;EACI;EACAL,cAAc,CAACQ,KAAK,CAAC,mBAAmB,CAAC,GAAGH,SAAS;AACzD,CAAC;AAED,MAAMI,WAAW,GAAGA,CAAA,KAAM;EACtB,MAAM,CAACC,iBAAiB,EAAEC,oBAAoB,CAAC,GAAGd,QAAQ,CAAC,CAAC,CAAC;EAE7D,MAAM;IAAEe,UAAU;IAAEC;EAAK,CAAC,GAAGf,YAAY,CAAEI,OAAyB,IAAK;IACrE,IAAI,CAACH,wBAAwB,EAAE;MAC3B;MACAG,OAAO,CAACY,uBAAuB,CAACb,cAAc,CAACC,OAAO,CAAC,CAAC;MACxDH,wBAAwB,GAAG,IAAI;IACnC;IAEA,OAAO;MACHa,UAAU,EAAEV,OAAO,CAACU,UAAU,CAAC,CAAC;MAChCC,IAAI,EAAEX,OAAO,CAACa,OAAO,CAAC;IAC1B,CAAC;EACL,CAAC,CAAC;EAEFnB,SAAS,CAAC,MAAM;IACZ,OAAO,MAAM;MACTG,wBAAwB,GAAG,KAAK;MAChCC,cAAc,GAAG,IAAI;IACzB,CAAC;EACL,CAAC,EAAE,EAAE,CAAC;;EAEN;EACA;EACA;EACAJ,SAAS,CAAC,MAAY;IAClB,IAAIgB,UAAU,EAAE;MACZI,UAAU,CAAC,MAAM;QACbL,oBAAoB,CAACC,UAAU,GAAG,CAAC,GAAG,CAAC,CAAC;MAC5C,CAAC,EAAE,GAAG,CAAC;MACP;IACJ;IAEAD,oBAAoB,CAAC,CAAC,CAAC;EAC3B,CAAC,EAAE,CAACC,UAAU,CAAC,CAAC;EAEhB,IAAI,CAACA,UAAU,EAAE;IACb,OAAO,IAAI;EACf;EACA;EACA,IAAIC,IAAI,IAAIA,IAAI,CAACI,eAAe,EAAE;IAC9B,OAAO,IAAI;EACf;EAEA,oBACItB,KAAA,CAAAuB,aAAA;IACIV,KAAK,EAAE;MAAEW,MAAM,EAAE;IAAK,CAAE;IACxBC,SAAS,EAAC;EAA8E,gBAExFzB,KAAA,CAAAuB,aAAA;IACIG,GAAG,EAAEC,EAAE,IAAI;MACPtB,cAAc,GAAGsB,EAAE;IACvB,CAAE;IACFF,SAAS,EAAC,mEAAmE;IAC7EZ,KAAK,EAAE;MAAEe,OAAO,EAAEb;IAAkB;EAAE,gBAEtCf,KAAA,CAAAuB,aAAA;IAAKE,SAAS,EAAC;EAAqD,CAAE,CACrE,CACJ,CAAC;AAEd,CAAC;AAED,eAAeX,WAAW","ignoreList":[]}
+{"version":3,"names":["React","useEffect","useState","useDragLayer","subscribedToOffsetChange","dragPreviewRef","onOffsetChange","monitor","offset","getClientOffset","transform","x","y","style","DragPreview","dragHelperOpacity","setDragHelperOpacity","isDragging","item","subscribeToOffsetChange","getItem","setTimeout","dragInNavigator","createElement","zIndex","className","ref","el","opacity"],"sources":["DragPreview.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport type { DragLayerMonitor } from \"react-dnd\";\nimport { useDragLayer } from \"react-dnd\";\n\nlet subscribedToOffsetChange = false;\nlet dragPreviewRef: HTMLDivElement | null = null;\n\nconst onOffsetChange = (monitor: DragLayerMonitor) => () => {\n    if (!dragPreviewRef) {\n        return;\n    }\n\n    const offset = monitor.getClientOffset();\n    if (!offset) {\n        return;\n    }\n\n    const transform = `translate(${offset.x - 15}px, ${offset.y - 15}px)`;\n    dragPreviewRef.style[\"transform\"] = transform;\n    /**\n     * TS is complaining about -webkit.\n     */\n    // @ts-expect-error\n    dragPreviewRef.style[\"-webkit-transform\"] = transform;\n};\n\nconst DragPreview = () => {\n    const [dragHelperOpacity, setDragHelperOpacity] = useState(0);\n\n    const { isDragging, item } = useDragLayer((monitor: DragLayerMonitor) => {\n        if (!subscribedToOffsetChange) {\n            // @ts-expect-error\n            monitor.subscribeToOffsetChange(onOffsetChange(monitor));\n            subscribedToOffsetChange = true;\n        }\n\n        return {\n            isDragging: monitor.isDragging(),\n            item: monitor.getItem()\n        };\n    });\n\n    useEffect(() => {\n        return () => {\n            subscribedToOffsetChange = false;\n            dragPreviewRef = null;\n        };\n    }, []);\n\n    // We track the value of \"isDragging\" and apply opacity=1 (after 100ms), when it switches to true.\n    // Without this, the drag cursor would be shown in the top-left corner for a short amount of time, and then it\n    // would be repositioned correctly. Definitely looks like a glitch. This also adds a nice little fade-in effect.\n    useEffect((): void => {\n        if (isDragging) {\n            setTimeout(() => {\n                setDragHelperOpacity(isDragging ? 1 : 0);\n            }, 100);\n            return;\n        }\n\n        setDragHelperOpacity(0);\n    }, [isDragging]);\n\n    if (!isDragging) {\n        return null;\n    }\n    // We don't want to show the drag preview for items being drag in the navigator.\n    if (item && item.dragInNavigator) {\n        return null;\n    }\n\n    return (\n        <div\n            style={{ zIndex: 1001 }}\n            className=\"fixed pointer-events-none left-0 top-0 w-full h-full\"\n        >\n            <div\n                ref={el => {\n                    dragPreviewRef = el;\n                }}\n                className=\"transition-opacity duration-250 ease-in-out block\"\n                style={{ opacity: dragHelperOpacity }}\n            >\n                <div className=\"size-lg rounded-full bg-primary\" />\n            </div>\n        </div>\n    );\n};\n\nexport default DragPreview;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAElD,SAASC,YAAY,QAAQ,WAAW;AAExC,IAAIC,wBAAwB,GAAG,KAAK;AACpC,IAAIC,cAAqC,GAAG,IAAI;AAEhD,MAAMC,cAAc,GAAIC,OAAyB,IAAK,MAAM;EACxD,IAAI,CAACF,cAAc,EAAE;IACjB;EACJ;EAEA,MAAMG,MAAM,GAAGD,OAAO,CAACE,eAAe,CAAC,CAAC;EACxC,IAAI,CAACD,MAAM,EAAE;IACT;EACJ;EAEA,MAAME,SAAS,GAAG,aAAaF,MAAM,CAACG,CAAC,GAAG,EAAE,OAAOH,MAAM,CAACI,CAAC,GAAG,EAAE,KAAK;EACrEP,cAAc,CAACQ,KAAK,CAAC,WAAW,CAAC,GAAGH,SAAS;EAC7C;AACJ;AACA;EACI;EACAL,cAAc,CAACQ,KAAK,CAAC,mBAAmB,CAAC,GAAGH,SAAS;AACzD,CAAC;AAED,MAAMI,WAAW,GAAGA,CAAA,KAAM;EACtB,MAAM,CAACC,iBAAiB,EAAEC,oBAAoB,CAAC,GAAGd,QAAQ,CAAC,CAAC,CAAC;EAE7D,MAAM;IAAEe,UAAU;IAAEC;EAAK,CAAC,GAAGf,YAAY,CAAEI,OAAyB,IAAK;IACrE,IAAI,CAACH,wBAAwB,EAAE;MAC3B;MACAG,OAAO,CAACY,uBAAuB,CAACb,cAAc,CAACC,OAAO,CAAC,CAAC;MACxDH,wBAAwB,GAAG,IAAI;IACnC;IAEA,OAAO;MACHa,UAAU,EAAEV,OAAO,CAACU,UAAU,CAAC,CAAC;MAChCC,IAAI,EAAEX,OAAO,CAACa,OAAO,CAAC;IAC1B,CAAC;EACL,CAAC,CAAC;EAEFnB,SAAS,CAAC,MAAM;IACZ,OAAO,MAAM;MACTG,wBAAwB,GAAG,KAAK;MAChCC,cAAc,GAAG,IAAI;IACzB,CAAC;EACL,CAAC,EAAE,EAAE,CAAC;;EAEN;EACA;EACA;EACAJ,SAAS,CAAC,MAAY;IAClB,IAAIgB,UAAU,EAAE;MACZI,UAAU,CAAC,MAAM;QACbL,oBAAoB,CAACC,UAAU,GAAG,CAAC,GAAG,CAAC,CAAC;MAC5C,CAAC,EAAE,GAAG,CAAC;MACP;IACJ;IAEAD,oBAAoB,CAAC,CAAC,CAAC;EAC3B,CAAC,EAAE,CAACC,UAAU,CAAC,CAAC;EAEhB,IAAI,CAACA,UAAU,EAAE;IACb,OAAO,IAAI;EACf;EACA;EACA,IAAIC,IAAI,IAAIA,IAAI,CAACI,eAAe,EAAE;IAC9B,OAAO,IAAI;EACf;EAEA,oBACItB,KAAA,CAAAuB,aAAA;IACIV,KAAK,EAAE;MAAEW,MAAM,EAAE;IAAK,CAAE;IACxBC,SAAS,EAAC;EAAsD,gBAEhEzB,KAAA,CAAAuB,aAAA;IACIG,GAAG,EAAEC,EAAE,IAAI;MACPtB,cAAc,GAAGsB,EAAE;IACvB,CAAE;IACFF,SAAS,EAAC,mDAAmD;IAC7DZ,KAAK,EAAE;MAAEe,OAAO,EAAEb;IAAkB;EAAE,gBAEtCf,KAAA,CAAAuB,aAAA;IAAKE,SAAS,EAAC;EAAiC,CAAE,CACjD,CACJ,CAAC;AAEd,CAAC;AAED,eAAeX,WAAW","ignoreList":[]}

package/BaseEditor/components/Editor.js

@@ -1,11 +1,16 @@
 import React, { useEffect, useState } from "react";
 import classSet from "classnames";
-import DragPreview from "./DragPreview";
-import { EditorConfig, EditorWithConfig } from "../config";
-import { useDocumentEditor } from "../../DocumentEditor";
-import { Commands } from "./..";
-import { ThemeProvider } from "./ThemeProvider";
+import { allNodes } from "@webiny/lexical-nodes";
+import { useLexicalContext } from "@webiny/app-admin/presentation/lexicalContext/useLexicalContext.js";
+import DragPreview from "./DragPreview.js";
+import { EditorConfig, EditorWithConfig } from "../config/index.js";
+import { useDocumentEditor } from "../../DocumentEditor/index.js";
+import { Commands } from "../index.js";
+import { ThemeProvider } from "./ThemeProvider.js";
 export const Editor = () => {
+  const {
+    lexicalContext
+  } = useLexicalContext();
   const editor = useDocumentEditor();
   const [theme, setTheme] = useState(undefined);
   useEffect(() => {
@@ -13,12 +18,14 @@ export const Editor = () => {
       theme
     }) => {
       setTheme(theme);
+      lexicalContext.setTheme(theme);
+      lexicalContext.setNodes(allNodes);
     });
   }, []);
   return /*#__PURE__*/React.createElement(ThemeProvider, {
     theme: theme
   }, /*#__PURE__*/React.createElement("div", {
-    className: classSet("wby-w-full")
+    className: classSet("w-full")
   }, /*#__PURE__*/React.createElement(EditorWithConfig, null, /*#__PURE__*/React.createElement(EditorConfig.Ui.Layout, null)), /*#__PURE__*/React.createElement(DragPreview, null)));
 };
 

package/BaseEditor/components/Editor.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","useState","classSet","DragPreview","EditorConfig","EditorWithConfig","useDocumentEditor","Commands","ThemeProvider","Editor","editor","theme","setTheme","undefined","registerCommandHandler","SetTheme","createElement","className","Ui","Layout"],"sources":["Editor.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport classSet from \"classnames\";\nimport type { WebsiteBuilderTheme } from \"@webiny/website-builder-sdk\";\nimport DragPreview from \"./DragPreview\";\nimport { EditorConfig, EditorWithConfig } from \"../config\";\nimport { useDocumentEditor } from \"~/DocumentEditor\";\nimport { Commands } from \"~/BaseEditor\";\nimport { ThemeProvider } from \"~/BaseEditor/components/ThemeProvider\";\n\nexport const Editor = () => {\n    const editor = useDocumentEditor();\n    const [theme, setTheme] = useState<WebsiteBuilderTheme | undefined>(undefined);\n\n    useEffect(() => {\n        editor.registerCommandHandler(Commands.SetTheme, ({ theme }) => {\n            setTheme(theme);\n        });\n    }, []);\n\n    return (\n        <ThemeProvider theme={theme}>\n            <div className={classSet(\"wby-w-full\")}>\n                <EditorWithConfig>\n                    <EditorConfig.Ui.Layout />\n                </EditorWithConfig>\n                <DragPreview />\n            </div>\n        </ThemeProvider>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAClD,OAAOC,QAAQ,MAAM,YAAY;AAEjC,OAAOC,WAAW;AAClB,SAASC,YAAY,EAAEC,gBAAgB;AACvC,SAASC,iBAAiB;AAC1B,SAASC,QAAQ;AACjB,SAASC,aAAa;AAEtB,OAAO,MAAMC,MAAM,GAAGA,CAAA,KAAM;EACxB,MAAMC,MAAM,GAAGJ,iBAAiB,CAAC,CAAC;EAClC,MAAM,CAACK,KAAK,EAAEC,QAAQ,CAAC,GAAGX,QAAQ,CAAkCY,SAAS,CAAC;EAE9Eb,SAAS,CAAC,MAAM;IACZU,MAAM,CAACI,sBAAsB,CAACP,QAAQ,CAACQ,QAAQ,EAAE,CAAC;MAAEJ;IAAM,CAAC,KAAK;MAC5DC,QAAQ,CAACD,KAAK,CAAC;IACnB,CAAC,CAAC;EACN,CAAC,EAAE,EAAE,CAAC;EAEN,oBACIZ,KAAA,CAAAiB,aAAA,CAACR,aAAa;IAACG,KAAK,EAAEA;EAAM,gBACxBZ,KAAA,CAAAiB,aAAA;IAAKC,SAAS,EAAEf,QAAQ,CAAC,YAAY;EAAE,gBACnCH,KAAA,CAAAiB,aAAA,CAACX,gBAAgB,qBACbN,KAAA,CAAAiB,aAAA,CAACZ,YAAY,CAACc,EAAE,CAACC,MAAM,MAAE,CACX,CAAC,eACnBpB,KAAA,CAAAiB,aAAA,CAACb,WAAW,MAAE,CACb,CACM,CAAC;AAExB,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useEffect","useState","classSet","allNodes","useLexicalContext","DragPreview","EditorConfig","EditorWithConfig","useDocumentEditor","Commands","ThemeProvider","Editor","lexicalContext","editor","theme","setTheme","undefined","registerCommandHandler","SetTheme","setNodes","createElement","className","Ui","Layout"],"sources":["Editor.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport classSet from \"classnames\";\nimport { allNodes } from \"@webiny/lexical-nodes\";\nimport type { WebsiteBuilderTheme } from \"@webiny/website-builder-sdk\";\nimport { useLexicalContext } from \"@webiny/app-admin/presentation/lexicalContext/useLexicalContext.js\";\nimport DragPreview from \"./DragPreview.js\";\nimport { EditorConfig, EditorWithConfig } from \"../config/index.js\";\nimport { useDocumentEditor } from \"~/DocumentEditor/index.js\";\nimport { Commands } from \"~/BaseEditor/index.js\";\nimport { ThemeProvider } from \"~/BaseEditor/components/ThemeProvider.js\";\n\nexport const Editor = () => {\n    const { lexicalContext } = useLexicalContext();\n    const editor = useDocumentEditor();\n    const [theme, setTheme] = useState<WebsiteBuilderTheme | undefined>(undefined);\n\n    useEffect(() => {\n        editor.registerCommandHandler(Commands.SetTheme, ({ theme }) => {\n            setTheme(theme);\n            lexicalContext.setTheme(theme);\n            lexicalContext.setNodes(allNodes);\n        });\n    }, []);\n\n    return (\n        <ThemeProvider theme={theme}>\n            <div className={classSet(\"w-full\")}>\n                <EditorWithConfig>\n                    <EditorConfig.Ui.Layout />\n                </EditorWithConfig>\n                <DragPreview />\n            </div>\n        </ThemeProvider>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAClD,OAAOC,QAAQ,MAAM,YAAY;AACjC,SAASC,QAAQ,QAAQ,uBAAuB;AAEhD,SAASC,iBAAiB,QAAQ,oEAAoE;AACtG,OAAOC,WAAW;AAClB,SAASC,YAAY,EAAEC,gBAAgB;AACvC,SAASC,iBAAiB;AAC1B,SAASC,QAAQ;AACjB,SAASC,aAAa;AAEtB,OAAO,MAAMC,MAAM,GAAGA,CAAA,KAAM;EACxB,MAAM;IAAEC;EAAe,CAAC,GAAGR,iBAAiB,CAAC,CAAC;EAC9C,MAAMS,MAAM,GAAGL,iBAAiB,CAAC,CAAC;EAClC,MAAM,CAACM,KAAK,EAAEC,QAAQ,CAAC,GAAGd,QAAQ,CAAkCe,SAAS,CAAC;EAE9EhB,SAAS,CAAC,MAAM;IACZa,MAAM,CAACI,sBAAsB,CAACR,QAAQ,CAACS,QAAQ,EAAE,CAAC;MAAEJ;IAAM,CAAC,KAAK;MAC5DC,QAAQ,CAACD,KAAK,CAAC;MACfF,cAAc,CAACG,QAAQ,CAACD,KAAK,CAAC;MAC9BF,cAAc,CAACO,QAAQ,CAAChB,QAAQ,CAAC;IACrC,CAAC,CAAC;EACN,CAAC,EAAE,EAAE,CAAC;EAEN,oBACIJ,KAAA,CAAAqB,aAAA,CAACV,aAAa;IAACI,KAAK,EAAEA;EAAM,gBACxBf,KAAA,CAAAqB,aAAA;IAAKC,SAAS,EAAEnB,QAAQ,CAAC,QAAQ;EAAE,gBAC/BH,KAAA,CAAAqB,aAAA,CAACb,gBAAgB,qBACbR,KAAA,CAAAqB,aAAA,CAACd,YAAY,CAACgB,EAAE,CAACC,MAAM,MAAE,CACX,CAAC,eACnBxB,KAAA,CAAAqB,aAAA,CAACf,WAAW,MAAE,CACb,CACM,CAAC;AAExB,CAAC","ignoreList":[]}

package/BaseEditor/components/ThemeProvider.d.ts

@@ -1,11 +1,10 @@
-/// <reference types="react" />
 import type { WebsiteBuilderTheme } from "@webiny/website-builder-sdk";
 export declare const ThemeProvider: {
     ({ children, ...props }: {
         theme: WebsiteBuilderTheme | undefined;
     } & {
-        children: import("react").ReactNode;
-    }): import("react").JSX.Element;
+        children: React.ReactNode;
+    }): React.JSX.Element;
     displayName: string;
 };
 export declare const useWebsiteBuilderTheme: () => {

package/BaseEditor/components/index.d.ts

@@ -1,2 +1,2 @@
-export * from "./Editor";
-export { useWebsiteBuilderTheme } from "./ThemeProvider";
+export * from "./Editor.js";
+export { useWebsiteBuilderTheme } from "./ThemeProvider.js";

package/BaseEditor/components/index.js

@@ -1,4 +1,4 @@
-export * from "./Editor";
-export { useWebsiteBuilderTheme } from "./ThemeProvider";
+export * from "./Editor.js";
+export { useWebsiteBuilderTheme } from "./ThemeProvider.js";
 
 //# sourceMappingURL=index.js.map

package/BaseEditor/components/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["useWebsiteBuilderTheme"],"sources":["index.ts"],"sourcesContent":["export * from \"./Editor\";\nexport { useWebsiteBuilderTheme } from \"./ThemeProvider\";\n"],"mappings":"AAAA;AACA,SAASA,sBAAsB","ignoreList":[]}
+{"version":3,"names":["useWebsiteBuilderTheme"],"sources":["index.ts"],"sourcesContent":["export * from \"./Editor.js\";\nexport { useWebsiteBuilderTheme } from \"./ThemeProvider.js\";\n"],"mappings":"AAAA;AACA,SAASA,sBAAsB","ignoreList":[]}

package/BaseEditor/config/Content/Content.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import type { ElementProps as BaseElementProps } from "../Element";
+import type { ElementProps as BaseElementProps } from "../Element.js";
 export type ElementProps = Omit<BaseElementProps, "scope" | "group" | "id">;
 export declare const Content: (() => React.JSX.Element) & {
     original: () => React.JSX.Element;
@@ -20,7 +20,7 @@ export declare const Content: (() => React.JSX.Element) & {
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;
 } & {
-    Layout: ({ children }: import("./Layout").LayoutProps) => React.ReactNode;
+    Layout: ({ children }: import("./Layout.js").LayoutProps) => React.ReactNode;
     Element: ((props: ElementProps) => React.JSX.Element) & {
         original: (props: ElementProps) => React.JSX.Element;
         originalName: string;

package/BaseEditor/config/Content/Content.js

@@ -1,9 +1,9 @@
 import React from "react";
 import { makeDecoratable } from "@webiny/app-admin";
-import { Layout } from "./Layout";
-import { Elements as BaseElements } from "../Elements";
-import { Element as BaseElement } from "../Element";
-import { createGetId } from "../createGetId";
+import { Layout } from "./Layout.js";
+import { Elements as BaseElements } from "../Elements.js";
+import { Element as BaseElement } from "../Element.js";
+import { createGetId } from "../createGetId.js";
 const SCOPE = "content";
 const BaseContent = makeDecoratable("EditorContent", () => {
   return /*#__PURE__*/React.createElement(Layout, null, /*#__PURE__*/React.createElement(Elements, null));

package/BaseEditor/config/Content/Content.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","makeDecoratable","Layout","Elements","BaseElements","Element","BaseElement","createGetId","SCOPE","BaseContent","createElement","getElementId","props","Object","assign","scope","id","name","before","undefined","after","Content"],"sources":["Content.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeDecoratable } from \"@webiny/app-admin\";\nimport { Layout } from \"./Layout\";\nimport { Elements as BaseElements } from \"../Elements\";\nimport type { ElementProps as BaseElementProps } from \"../Element\";\nimport { Element as BaseElement } from \"../Element\";\nimport { createGetId } from \"../createGetId\";\n\nconst SCOPE = \"content\";\n\nconst BaseContent = makeDecoratable(\"EditorContent\", () => {\n    return (\n        <Layout>\n            <Elements />\n        </Layout>\n    );\n});\n\nexport type ElementProps = Omit<BaseElementProps, \"scope\" | \"group\" | \"id\">;\n\nconst getElementId = createGetId(SCOPE)();\n\nconst Element = makeDecoratable(\"ContentElement\", (props: ElementProps) => {\n    return (\n        <BaseElement\n            {...props}\n            scope={SCOPE}\n            id={getElementId(props.name)}\n            before={props.before ? getElementId(props.before) : undefined}\n            after={props.after ? getElementId(props.after) : undefined}\n        />\n    );\n});\n\nconst Elements = makeDecoratable(\"ContentElements\", () => {\n    return <BaseElements scope={SCOPE} />;\n});\n\nexport const Content = Object.assign(BaseContent, { Layout, Element, Elements });\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,eAAe,QAAQ,mBAAmB;AACnD,SAASC,MAAM;AACf,SAASC,QAAQ,IAAIC,YAAY;AAEjC,SAASC,OAAO,IAAIC,WAAW;AAC/B,SAASC,WAAW;AAEpB,MAAMC,KAAK,GAAG,SAAS;AAEvB,MAAMC,WAAW,GAAGR,eAAe,CAAC,eAAe,EAAE,MAAM;EACvD,oBACID,KAAA,CAAAU,aAAA,CAACR,MAAM,qBACHF,KAAA,CAAAU,aAAA,CAACP,QAAQ,MAAE,CACP,CAAC;AAEjB,CAAC,CAAC;AAIF,MAAMQ,YAAY,GAAGJ,WAAW,CAACC,KAAK,CAAC,CAAC,CAAC;AAEzC,MAAMH,OAAO,GAAGJ,eAAe,CAAC,gBAAgB,EAAGW,KAAmB,IAAK;EACvE,oBACIZ,KAAA,CAAAU,aAAA,CAACJ,WAAW,EAAAO,MAAA,CAAAC,MAAA,KACJF,KAAK;IACTG,KAAK,EAAEP,KAAM;IACbQ,EAAE,EAAEL,YAAY,CAACC,KAAK,CAACK,IAAI,CAAE;IAC7BC,MAAM,EAAEN,KAAK,CAACM,MAAM,GAAGP,YAAY,CAACC,KAAK,CAACM,MAAM,CAAC,GAAGC,SAAU;IAC9DC,KAAK,EAAER,KAAK,CAACQ,KAAK,GAAGT,YAAY,CAACC,KAAK,CAACQ,KAAK,CAAC,GAAGD;EAAU,EAC9D,CAAC;AAEV,CAAC,CAAC;AAEF,MAAMhB,QAAQ,GAAGF,eAAe,CAAC,iBAAiB,EAAE,MAAM;EACtD,oBAAOD,KAAA,CAAAU,aAAA,CAACN,YAAY;IAACW,KAAK,EAAEP;EAAM,CAAE,CAAC;AACzC,CAAC,CAAC;AAEF,OAAO,MAAMa,OAAO,GAAGR,MAAM,CAACC,MAAM,CAACL,WAAW,EAAE;EAAEP,MAAM;EAAEG,OAAO;EAAEF;AAAS,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","makeDecoratable","Layout","Elements","BaseElements","Element","BaseElement","createGetId","SCOPE","BaseContent","createElement","getElementId","props","Object","assign","scope","id","name","before","undefined","after","Content"],"sources":["Content.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeDecoratable } from \"@webiny/app-admin\";\nimport { Layout } from \"./Layout.js\";\nimport { Elements as BaseElements } from \"../Elements.js\";\nimport type { ElementProps as BaseElementProps } from \"../Element.js\";\nimport { Element as BaseElement } from \"../Element.js\";\nimport { createGetId } from \"../createGetId.js\";\n\nconst SCOPE = \"content\";\n\nconst BaseContent = makeDecoratable(\"EditorContent\", () => {\n    return (\n        <Layout>\n            <Elements />\n        </Layout>\n    );\n});\n\nexport type ElementProps = Omit<BaseElementProps, \"scope\" | \"group\" | \"id\">;\n\nconst getElementId = createGetId(SCOPE)();\n\nconst Element = makeDecoratable(\"ContentElement\", (props: ElementProps) => {\n    return (\n        <BaseElement\n            {...props}\n            scope={SCOPE}\n            id={getElementId(props.name)}\n            before={props.before ? getElementId(props.before) : undefined}\n            after={props.after ? getElementId(props.after) : undefined}\n        />\n    );\n});\n\nconst Elements = makeDecoratable(\"ContentElements\", () => {\n    return <BaseElements scope={SCOPE} />;\n});\n\nexport const Content = Object.assign(BaseContent, { Layout, Element, Elements });\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,eAAe,QAAQ,mBAAmB;AACnD,SAASC,MAAM;AACf,SAASC,QAAQ,IAAIC,YAAY;AAEjC,SAASC,OAAO,IAAIC,WAAW;AAC/B,SAASC,WAAW;AAEpB,MAAMC,KAAK,GAAG,SAAS;AAEvB,MAAMC,WAAW,GAAGR,eAAe,CAAC,eAAe,EAAE,MAAM;EACvD,oBACID,KAAA,CAAAU,aAAA,CAACR,MAAM,qBACHF,KAAA,CAAAU,aAAA,CAACP,QAAQ,MAAE,CACP,CAAC;AAEjB,CAAC,CAAC;AAIF,MAAMQ,YAAY,GAAGJ,WAAW,CAACC,KAAK,CAAC,CAAC,CAAC;AAEzC,MAAMH,OAAO,GAAGJ,eAAe,CAAC,gBAAgB,EAAGW,KAAmB,IAAK;EACvE,oBACIZ,KAAA,CAAAU,aAAA,CAACJ,WAAW,EAAAO,MAAA,CAAAC,MAAA,KACJF,KAAK;IACTG,KAAK,EAAEP,KAAM;IACbQ,EAAE,EAAEL,YAAY,CAACC,KAAK,CAACK,IAAI,CAAE;IAC7BC,MAAM,EAAEN,KAAK,CAACM,MAAM,GAAGP,YAAY,CAACC,KAAK,CAACM,MAAM,CAAC,GAAGC,SAAU;IAC9DC,KAAK,EAAER,KAAK,CAACQ,KAAK,GAAGT,YAAY,CAACC,KAAK,CAACQ,KAAK,CAAC,GAAGD;EAAU,EAC9D,CAAC;AAEV,CAAC,CAAC;AAEF,MAAMhB,QAAQ,GAAGF,eAAe,CAAC,iBAAiB,EAAE,MAAM;EACtD,oBAAOD,KAAA,CAAAU,aAAA,CAACN,YAAY;IAACW,KAAK,EAAEP;EAAM,CAAE,CAAC;AACzC,CAAC,CAAC;AAEF,OAAO,MAAMa,OAAO,GAAGR,MAAM,CAACC,MAAM,CAACL,WAAW,EAAE;EAAEP,MAAM;EAAEG,OAAO;EAAEF;AAAS,CAAC,CAAC","ignoreList":[]}