@webiny/app-website-builder 6.3.0 → 6.4.0-beta.0

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

@@ -1 +1 @@
-{"version":3,"names":["useEffect","useWebsiteBuilderTheme","ApplyTheme","theme","css","existing","document","querySelector","style","createElement","id","innerHTML","replaceWith","head","appendChild","fonts","forEach","font","link","href","rel","remove"],"sources":["ApplyTheme.tsx"],"sourcesContent":["import { useEffect } from \"react\";\nimport { useWebsiteBuilderTheme } from \"~/BaseEditor/components/index.js\";\n\nexport const ApplyTheme = () => {\n    const { theme } = useWebsiteBuilderTheme();\n\n    useEffect(() => {\n        if (!theme) {\n            return;\n        }\n\n        if (theme.css) {\n            const existing = document.querySelector(`style[id=\"wb-editor-css\"]`);\n\n            const style = document.createElement(\"style\");\n            style.id = \"wb-editor-css\";\n            style.innerHTML = theme.css;\n\n            if (existing) {\n                existing.replaceWith(style);\n            } else {\n                document.head.appendChild(style);\n            }\n        }\n\n        if (theme.fonts) {\n            theme.fonts.forEach(font => {\n                const existing = document.querySelector(`link[href=\"${font}\"]`);\n                if (existing) {\n                    return;\n                }\n\n                const link = document.createElement(\"link\");\n                link.href = font;\n                link.rel = \"stylesheet\";\n                document.head.appendChild(link);\n            });\n        }\n\n        return () => {\n            const existing = document.querySelector(`style[id=\"wb-editor-css\"]`);\n            if (existing) {\n                existing.remove();\n            }\n        };\n    }, [theme]);\n\n    return null;\n};\n"],"mappings":"AAAA,SAASA,SAAS,QAAQ,OAAO;AACjC,SAASC,sBAAsB;AAE/B,OAAO,MAAMC,UAAU,GAAGA,CAAA,KAAM;EAC5B,MAAM;IAAEC;EAAM,CAAC,GAAGF,sBAAsB,CAAC,CAAC;EAE1CD,SAAS,CAAC,MAAM;IACZ,IAAI,CAACG,KAAK,EAAE;MACR;IACJ;IAEA,IAAIA,KAAK,CAACC,GAAG,EAAE;MACX,MAAMC,QAAQ,GAAGC,QAAQ,CAACC,aAAa,CAAC,2BAA2B,CAAC;MAEpE,MAAMC,KAAK,GAAGF,QAAQ,CAACG,aAAa,CAAC,OAAO,CAAC;MAC7CD,KAAK,CAACE,EAAE,GAAG,eAAe;MAC1BF,KAAK,CAACG,SAAS,GAAGR,KAAK,CAACC,GAAG;MAE3B,IAAIC,QAAQ,EAAE;QACVA,QAAQ,CAACO,WAAW,CAACJ,KAAK,CAAC;MAC/B,CAAC,MAAM;QACHF,QAAQ,CAACO,IAAI,CAACC,WAAW,CAACN,KAAK,CAAC;MACpC;IACJ;IAEA,IAAIL,KAAK,CAACY,KAAK,EAAE;MACbZ,KAAK,CAACY,KAAK,CAACC,OAAO,CAACC,IAAI,IAAI;QACxB,MAAMZ,QAAQ,GAAGC,QAAQ,CAACC,aAAa,CAAC,cAAcU,IAAI,IAAI,CAAC;QAC/D,IAAIZ,QAAQ,EAAE;UACV;QACJ;QAEA,MAAMa,IAAI,GAAGZ,QAAQ,CAACG,aAAa,CAAC,MAAM,CAAC;QAC3CS,IAAI,CAACC,IAAI,GAAGF,IAAI;QAChBC,IAAI,CAACE,GAAG,GAAG,YAAY;QACvBd,QAAQ,CAACO,IAAI,CAACC,WAAW,CAACI,IAAI,CAAC;MACnC,CAAC,CAAC;IACN;IAEA,OAAO,MAAM;MACT,MAAMb,QAAQ,GAAGC,QAAQ,CAACC,aAAa,CAAC,2BAA2B,CAAC;MACpE,IAAIF,QAAQ,EAAE;QACVA,QAAQ,CAACgB,MAAM,CAAC,CAAC;MACrB;IACJ,CAAC;EACL,CAAC,EAAE,CAAClB,KAAK,CAAC,CAAC;EAEX,OAAO,IAAI;AACf,CAAC","ignoreList":[]}
+{"version":3,"file":"BaseEditor/defaultConfig/Content/Preview/ApplyTheme.js","sources":["../../../../../src/BaseEditor/defaultConfig/Content/Preview/ApplyTheme.tsx"],"sourcesContent":["import { useEffect } from \"react\";\nimport { useWebsiteBuilderTheme } from \"~/BaseEditor/components/index.js\";\n\nexport const ApplyTheme = () => {\n    const { theme } = useWebsiteBuilderTheme();\n\n    useEffect(() => {\n        if (!theme) {\n            return;\n        }\n\n        if (theme.css) {\n            const existing = document.querySelector(`style[id=\"wb-editor-css\"]`);\n\n            const style = document.createElement(\"style\");\n            style.id = \"wb-editor-css\";\n            style.innerHTML = theme.css;\n\n            if (existing) {\n                existing.replaceWith(style);\n            } else {\n                document.head.appendChild(style);\n            }\n        }\n\n        if (theme.fonts) {\n            theme.fonts.forEach(font => {\n                const existing = document.querySelector(`link[href=\"${font}\"]`);\n                if (existing) {\n                    return;\n                }\n\n                const link = document.createElement(\"link\");\n                link.href = font;\n                link.rel = \"stylesheet\";\n                document.head.appendChild(link);\n            });\n        }\n\n        return () => {\n            const existing = document.querySelector(`style[id=\"wb-editor-css\"]`);\n            if (existing) {\n                existing.remove();\n            }\n        };\n    }, [theme]);\n\n    return null;\n};\n"],"names":["ApplyTheme","theme","useWebsiteBuilderTheme","useEffect","existing","document","style","font","link"],"mappings":";;AAGO,MAAMA,aAAa;IACtB,MAAM,EAAEC,KAAK,EAAE,GAAGC;IAElBC,UAAU;QACN,IAAI,CAACF,OACD;QAGJ,IAAIA,MAAM,GAAG,EAAE;YACX,MAAMG,WAAWC,SAAS,aAAa,CAAC;YAExC,MAAMC,QAAQD,SAAS,aAAa,CAAC;YACrCC,MAAM,EAAE,GAAG;YACXA,MAAM,SAAS,GAAGL,MAAM,GAAG;YAE3B,IAAIG,UACAA,SAAS,WAAW,CAACE;iBAErBD,SAAS,IAAI,CAAC,WAAW,CAACC;QAElC;QAEA,IAAIL,MAAM,KAAK,EACXA,MAAM,KAAK,CAAC,OAAO,CAACM,CAAAA;YAChB,MAAMH,WAAWC,SAAS,aAAa,CAAC,CAAC,WAAW,EAAEE,KAAK,EAAE,CAAC;YAC9D,IAAIH,UACA;YAGJ,MAAMI,OAAOH,SAAS,aAAa,CAAC;YACpCG,KAAK,IAAI,GAAGD;YACZC,KAAK,GAAG,GAAG;YACXH,SAAS,IAAI,CAAC,WAAW,CAACG;QAC9B;QAGJ,OAAO;YACH,MAAMJ,WAAWC,SAAS,aAAa,CAAC;YACxC,IAAID,UACAA,SAAS,MAAM;QAEvB;IACJ,GAAG;QAACH;KAAM;IAEV,OAAO;AACX"}

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

@@ -1,12 +1,11 @@
-import React from "react";
+import react from "react";
 import { useIframeUrl } from "./useIframeUrl.js";
-export const AwaitIframeUrl = ({
-  children
-}) => {
-  const url = useIframeUrl();
-  return url ? /*#__PURE__*/React.createElement(React.Fragment, null, children({
-    url
-  })) : null;
+const AwaitIframeUrl = ({ children })=>{
+    const url = useIframeUrl();
+    return url ? /*#__PURE__*/ react.createElement(react.Fragment, null, children({
+        url
+    })) : null;
 };
+export { AwaitIframeUrl };
 
 //# sourceMappingURL=AwaitIframeUrl.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","useIframeUrl","AwaitIframeUrl","children","url","createElement","Fragment"],"sources":["AwaitIframeUrl.tsx"],"sourcesContent":["import React from \"react\";\nimport { useIframeUrl } from \"~/BaseEditor/defaultConfig/Content/Preview/useIframeUrl.js\";\n\ninterface AwaitIframeUrlProps {\n    children: (params: { url: string }) => React.ReactNode;\n}\n\nexport const AwaitIframeUrl = ({ children }: AwaitIframeUrlProps) => {\n    const url = useIframeUrl();\n\n    return url ? <>{children({ url })}</> : null;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,YAAY;AAMrB,OAAO,MAAMC,cAAc,GAAGA,CAAC;EAAEC;AAA8B,CAAC,KAAK;EACjE,MAAMC,GAAG,GAAGH,YAAY,CAAC,CAAC;EAE1B,OAAOG,GAAG,gBAAGJ,KAAA,CAAAK,aAAA,CAAAL,KAAA,CAAAM,QAAA,QAAGH,QAAQ,CAAC;IAAEC;EAAI,CAAC,CAAI,CAAC,GAAG,IAAI;AAChD,CAAC","ignoreList":[]}
+{"version":3,"file":"BaseEditor/defaultConfig/Content/Preview/AwaitIframeUrl.js","sources":["../../../../../src/BaseEditor/defaultConfig/Content/Preview/AwaitIframeUrl.tsx"],"sourcesContent":["import React from \"react\";\nimport { useIframeUrl } from \"~/BaseEditor/defaultConfig/Content/Preview/useIframeUrl.js\";\n\ninterface AwaitIframeUrlProps {\n    children: (params: { url: string }) => React.ReactNode;\n}\n\nexport const AwaitIframeUrl = ({ children }: AwaitIframeUrlProps) => {\n    const url = useIframeUrl();\n\n    return url ? <>{children({ url })}</> : null;\n};\n"],"names":["AwaitIframeUrl","children","url","useIframeUrl"],"mappings":";;AAOO,MAAMA,iBAAiB,CAAC,EAAEC,QAAQ,EAAuB;IAC5D,MAAMC,MAAMC;IAEZ,OAAOD,MAAM,WAANA,GAAM,0CAAGD,SAAS;QAAEC;IAAI,MAAS;AAC5C"}

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

@@ -1,47 +1,48 @@
-export class Box {
-  constructor(id, box) {
-    this._id = id;
-    this.box = box;
-  }
-  get id() {
-    return this._id;
-  }
-  get type() {
-    return this.box.type;
-  }
-  get depth() {
-    return this.box.depth;
-  }
-  get parentId() {
-    return this.box.parentId;
-  }
-  get parentSlot() {
-    return this.box.parentSlot;
-  }
-  get parentIndex() {
-    return this.box.parentIndex;
-  }
-  get top() {
-    return this.box.top;
-  }
-  get left() {
-    return this.box.left;
-  }
-  get width() {
-    return this.box.width;
-  }
-  get height() {
-    return this.box.height;
-  }
-  get bottom() {
-    return this.top + this.height;
-  }
-  get right() {
-    return this.left + this.width;
-  }
-  toObject() {
-    return this.box;
-  }
+class Box {
+    constructor(id, box){
+        this._id = id;
+        this.box = box;
+    }
+    get id() {
+        return this._id;
+    }
+    get type() {
+        return this.box.type;
+    }
+    get depth() {
+        return this.box.depth;
+    }
+    get parentId() {
+        return this.box.parentId;
+    }
+    get parentSlot() {
+        return this.box.parentSlot;
+    }
+    get parentIndex() {
+        return this.box.parentIndex;
+    }
+    get top() {
+        return this.box.top;
+    }
+    get left() {
+        return this.box.left;
+    }
+    get width() {
+        return this.box.width;
+    }
+    get height() {
+        return this.box.height;
+    }
+    get bottom() {
+        return this.top + this.height;
+    }
+    get right() {
+        return this.left + this.width;
+    }
+    toObject() {
+        return this.box;
+    }
 }
+export { Box };
 
 //# sourceMappingURL=Box.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["Box","constructor","id","box","_id","type","depth","parentId","parentSlot","parentIndex","top","left","width","height","bottom","right","toObject"],"sources":["Box.ts"],"sourcesContent":["import type { BoxData } from \"@webiny/website-builder-sdk\";\n\nexport class Box {\n    private readonly box: BoxData;\n    private readonly _id: string;\n\n    constructor(id: string, box: BoxData) {\n        this._id = id;\n        this.box = box;\n    }\n\n    get id() {\n        return this._id;\n    }\n\n    get type() {\n        return this.box.type;\n    }\n\n    get depth() {\n        return this.box.depth;\n    }\n\n    get parentId() {\n        return this.box.parentId;\n    }\n\n    get parentSlot() {\n        return this.box.parentSlot;\n    }\n\n    get parentIndex() {\n        return this.box.parentIndex;\n    }\n\n    get top() {\n        return this.box.top;\n    }\n\n    get left() {\n        return this.box.left;\n    }\n\n    get width() {\n        return this.box.width;\n    }\n\n    get height() {\n        return this.box.height;\n    }\n\n    get bottom() {\n        return this.top + this.height;\n    }\n\n    get right() {\n        return this.left + this.width;\n    }\n\n    toObject(): BoxData {\n        return this.box;\n    }\n}\n"],"mappings":"AAEA,OAAO,MAAMA,GAAG,CAAC;EAIbC,WAAWA,CAACC,EAAU,EAAEC,GAAY,EAAE;IAClC,IAAI,CAACC,GAAG,GAAGF,EAAE;IACb,IAAI,CAACC,GAAG,GAAGA,GAAG;EAClB;EAEA,IAAID,EAAEA,CAAA,EAAG;IACL,OAAO,IAAI,CAACE,GAAG;EACnB;EAEA,IAAIC,IAAIA,CAAA,EAAG;IACP,OAAO,IAAI,CAACF,GAAG,CAACE,IAAI;EACxB;EAEA,IAAIC,KAAKA,CAAA,EAAG;IACR,OAAO,IAAI,CAACH,GAAG,CAACG,KAAK;EACzB;EAEA,IAAIC,QAAQA,CAAA,EAAG;IACX,OAAO,IAAI,CAACJ,GAAG,CAACI,QAAQ;EAC5B;EAEA,IAAIC,UAAUA,CAAA,EAAG;IACb,OAAO,IAAI,CAACL,GAAG,CAACK,UAAU;EAC9B;EAEA,IAAIC,WAAWA,CAAA,EAAG;IACd,OAAO,IAAI,CAACN,GAAG,CAACM,WAAW;EAC/B;EAEA,IAAIC,GAAGA,CAAA,EAAG;IACN,OAAO,IAAI,CAACP,GAAG,CAACO,GAAG;EACvB;EAEA,IAAIC,IAAIA,CAAA,EAAG;IACP,OAAO,IAAI,CAACR,GAAG,CAACQ,IAAI;EACxB;EAEA,IAAIC,KAAKA,CAAA,EAAG;IACR,OAAO,IAAI,CAACT,GAAG,CAACS,KAAK;EACzB;EAEA,IAAIC,MAAMA,CAAA,EAAG;IACT,OAAO,IAAI,CAACV,GAAG,CAACU,MAAM;EAC1B;EAEA,IAAIC,MAAMA,CAAA,EAAG;IACT,OAAO,IAAI,CAACJ,GAAG,GAAG,IAAI,CAACG,MAAM;EACjC;EAEA,IAAIE,KAAKA,CAAA,EAAG;IACR,OAAO,IAAI,CAACJ,IAAI,GAAG,IAAI,CAACC,KAAK;EACjC;EAEAI,QAAQA,CAAA,EAAY;IAChB,OAAO,IAAI,CAACb,GAAG;EACnB;AACJ","ignoreList":[]}
+{"version":3,"file":"BaseEditor/defaultConfig/Content/Preview/Box.js","sources":["../../../../../src/BaseEditor/defaultConfig/Content/Preview/Box.ts"],"sourcesContent":["import type { BoxData } from \"@webiny/website-builder-sdk\";\n\nexport class Box {\n    private readonly box: BoxData;\n    private readonly _id: string;\n\n    constructor(id: string, box: BoxData) {\n        this._id = id;\n        this.box = box;\n    }\n\n    get id() {\n        return this._id;\n    }\n\n    get type() {\n        return this.box.type;\n    }\n\n    get depth() {\n        return this.box.depth;\n    }\n\n    get parentId() {\n        return this.box.parentId;\n    }\n\n    get parentSlot() {\n        return this.box.parentSlot;\n    }\n\n    get parentIndex() {\n        return this.box.parentIndex;\n    }\n\n    get top() {\n        return this.box.top;\n    }\n\n    get left() {\n        return this.box.left;\n    }\n\n    get width() {\n        return this.box.width;\n    }\n\n    get height() {\n        return this.box.height;\n    }\n\n    get bottom() {\n        return this.top + this.height;\n    }\n\n    get right() {\n        return this.left + this.width;\n    }\n\n    toObject(): BoxData {\n        return this.box;\n    }\n}\n"],"names":["Box","id","box"],"mappings":"AAEO,MAAMA;IAIT,YAAYC,EAAU,EAAEC,GAAY,CAAE;QAClC,IAAI,CAAC,GAAG,GAAGD;QACX,IAAI,CAAC,GAAG,GAAGC;IACf;IAEA,IAAI,KAAK;QACL,OAAO,IAAI,CAAC,GAAG;IACnB;IAEA,IAAI,OAAO;QACP,OAAO,IAAI,CAAC,GAAG,CAAC,IAAI;IACxB;IAEA,IAAI,QAAQ;QACR,OAAO,IAAI,CAAC,GAAG,CAAC,KAAK;IACzB;IAEA,IAAI,WAAW;QACX,OAAO,IAAI,CAAC,GAAG,CAAC,QAAQ;IAC5B;IAEA,IAAI,aAAa;QACb,OAAO,IAAI,CAAC,GAAG,CAAC,UAAU;IAC9B;IAEA,IAAI,cAAc;QACd,OAAO,IAAI,CAAC,GAAG,CAAC,WAAW;IAC/B;IAEA,IAAI,MAAM;QACN,OAAO,IAAI,CAAC,GAAG,CAAC,GAAG;IACvB;IAEA,IAAI,OAAO;QACP,OAAO,IAAI,CAAC,GAAG,CAAC,IAAI;IACxB;IAEA,IAAI,QAAQ;QACR,OAAO,IAAI,CAAC,GAAG,CAAC,KAAK;IACzB;IAEA,IAAI,SAAS;QACT,OAAO,IAAI,CAAC,GAAG,CAAC,MAAM;IAC1B;IAEA,IAAI,SAAS;QACT,OAAO,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,MAAM;IACjC;IAEA,IAAI,QAAQ;QACR,OAAO,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,KAAK;IACjC;IAEA,WAAoB;QAChB,OAAO,IAAI,CAAC,GAAG;IACnB;AACJ"}

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

@@ -1,17 +1,14 @@
-import React from "react";
+import react from "react";
 import { useSelectFromDocument } from "../../../hooks/useSelectFromDocument.js";
 import { Preview } from "./Preview.js";
-export const DocumentPreview = () => {
-  const {
-    id
-  } = useSelectFromDocument(document => {
-    return {
-      id: document.id
-    };
-  });
-  return /*#__PURE__*/React.createElement(Preview, {
-    key: id
-  });
+const DocumentPreview = ()=>{
+    const { id } = useSelectFromDocument((document)=>({
+            id: document.id
+        }));
+    return /*#__PURE__*/ react.createElement(Preview, {
+        key: id
+    });
 };
+export { DocumentPreview };
 
 //# sourceMappingURL=DocumentPreview.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","useSelectFromDocument","Preview","DocumentPreview","id","document","createElement","key"],"sources":["DocumentPreview.tsx"],"sourcesContent":["import React from \"react\";\nimport { useSelectFromDocument } from \"~/BaseEditor/hooks/useSelectFromDocument.js\";\nimport { Preview } from \"./Preview.js\";\n\nexport const DocumentPreview = () => {\n    const { id } = useSelectFromDocument(document => {\n        return { id: document.id };\n    });\n\n    return <Preview key={id} />;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,qBAAqB;AAC9B,SAASC,OAAO;AAEhB,OAAO,MAAMC,eAAe,GAAGA,CAAA,KAAM;EACjC,MAAM;IAAEC;EAAG,CAAC,GAAGH,qBAAqB,CAACI,QAAQ,IAAI;IAC7C,OAAO;MAAED,EAAE,EAAEC,QAAQ,CAACD;IAAG,CAAC;EAC9B,CAAC,CAAC;EAEF,oBAAOJ,KAAA,CAAAM,aAAA,CAACJ,OAAO;IAACK,GAAG,EAAEH;EAAG,CAAE,CAAC;AAC/B,CAAC","ignoreList":[]}
+{"version":3,"file":"BaseEditor/defaultConfig/Content/Preview/DocumentPreview.js","sources":["../../../../../src/BaseEditor/defaultConfig/Content/Preview/DocumentPreview.tsx"],"sourcesContent":["import React from \"react\";\nimport { useSelectFromDocument } from \"~/BaseEditor/hooks/useSelectFromDocument.js\";\nimport { Preview } from \"./Preview.js\";\n\nexport const DocumentPreview = () => {\n    const { id } = useSelectFromDocument(document => {\n        return { id: document.id };\n    });\n\n    return <Preview key={id} />;\n};\n"],"names":["DocumentPreview","id","useSelectFromDocument","document","Preview"],"mappings":";;;AAIO,MAAMA,kBAAkB;IAC3B,MAAM,EAAEC,EAAE,EAAE,GAAGC,sBAAsBC,CAAAA,WAC1B;YAAE,IAAIA,SAAS,EAAE;QAAC;IAG7B,OAAO,WAAP,GAAO,oBAACC,SAAOA;QAAC,KAAKH;;AACzB"}

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

@@ -1,134 +1,113 @@
-export class DropZoneManager {
-  zones = new Map();
-  currentTargetId = null;
-  currentPosition = null;
-  animationFrame = null;
-  currentBox = null;
-  constructor(mouse) {
-    this.mouse = mouse;
-  }
-  register(entry) {
-    if (entry.id === "root") {
-      return;
+class DropZoneManager {
+    constructor(mouse){
+        this.mouse = mouse;
+        this.zones = new Map();
+        this.currentTargetId = null;
+        this.currentPosition = null;
+        this.animationFrame = null;
+        this.currentBox = null;
     }
-    this.zones.set(entry.id, entry);
-  }
-  unregister(id) {
-    this.zones.delete(id);
-  }
-  start() {
-    const runDropzoneLoop = () => {
-      this.tick();
-      this.animationFrame = requestAnimationFrame(runDropzoneLoop);
-    };
-    this.animationFrame = requestAnimationFrame(runDropzoneLoop);
-  }
-  stop() {
-    if (this.animationFrame) {
-      cancelAnimationFrame(this.animationFrame);
+    register(entry) {
+        if ("root" === entry.id) return;
+        this.zones.set(entry.id, entry);
     }
-  }
-  getLastMatchedPosition() {
-    if (!this.currentBox) {
-      return null;
+    unregister(id) {
+        this.zones.delete(id);
     }
-    return {
-      parentId: this.currentBox.parentId,
-      slot: this.currentBox.parentSlot,
-      index: this.currentBox.parentIndex + (this.currentPosition ?? 0)
-    };
-  }
-  tick() {
-    const scrollYOffset = this.getScrollOffset();
-    const threshold = 10;
-    const mouseX = this.mouse.x;
-    const mouseY = this.mouse.y + scrollYOffset;
-    let matchedId = null;
-    let matchedPosition = null;
-    let matchedBox = null;
-
-    // Collect all candidate matches with their canAccept callback.
-    const candidates = [];
-    for (const [id, {
-      box,
-      canAccept
-    }] of this.zones) {
-      const isWithinX = mouseX >= box.left && mouseX <= box.right;
-      if (!isWithinX) {
-        continue;
-      }
-      if (Math.abs(mouseY - box.top) <= threshold) {
-        candidates.push({
-          id,
-          box,
-          position: 0,
-          canAccept
-        });
-      }
-      if (Math.abs(mouseY - box.bottom) <= threshold) {
-        candidates.push({
-          id,
-          box,
-          position: 1,
-          canAccept
-        });
-      }
+    start() {
+        const runDropzoneLoop = ()=>{
+            this.tick();
+            this.animationFrame = requestAnimationFrame(runDropzoneLoop);
+        };
+        this.animationFrame = requestAnimationFrame(runDropzoneLoop);
     }
-    if (candidates.length > 0) {
-      // Filter to only eligible candidates.
-      const eligible = candidates.filter(c => !c.canAccept || c.canAccept());
-      if (eligible.length > 0) {
-        const uniqueDepths = [...new Set(eligible.map(c => c.box.depth))].sort((a, b) => b - a);
-        if (uniqueDepths.length === 1) {
-          const winner = eligible[0];
-          matchedId = winner.id;
-          matchedPosition = winner.position;
-          matchedBox = winner.box;
-        } else {
-          // Use X position to select depth band among eligible candidates only.
-          let rangeLeft = Infinity;
-          let rangeRight = -Infinity;
-          for (const c of eligible) {
-            rangeLeft = Math.min(rangeLeft, c.box.left);
-            rangeRight = Math.max(rangeRight, c.box.right);
-          }
-          const centerX = (rangeLeft + rangeRight) / 2;
-          const halfWidth = (rangeRight - rangeLeft) / 2;
-
-          // 0 at center, 1 at edges.
-          const distFromCenter = halfWidth > 0 ? Math.abs(mouseX - centerX) / halfWidth : 0;
-
-          // Map distance to depth index: center → 0 (deepest), edges → last (shallowest).
-          const depthIndex = Math.min(Math.floor(distFromCenter * uniqueDepths.length), uniqueDepths.length - 1);
-          const winner = eligible.find(c => c.box.depth === uniqueDepths[depthIndex]);
-          if (winner) {
-            matchedId = winner.id;
-            matchedPosition = winner.position;
-            matchedBox = winner.box;
-          }
-        }
-      }
+    stop() {
+        if (this.animationFrame) cancelAnimationFrame(this.animationFrame);
     }
-    if (matchedId !== this.currentTargetId || matchedPosition !== this.currentPosition) {
-      this.currentTargetId = matchedId;
-      this.currentPosition = matchedPosition;
-      this.currentBox = matchedBox;
-      for (const [id, entry] of this.zones) {
-        const isTarget = id === matchedId;
-        entry.onProximityChange(isTarget ? {
-          box: matchedBox,
-          position: matchedPosition
-        } : null);
-      }
+    getLastMatchedPosition() {
+        if (!this.currentBox) return null;
+        return {
+            parentId: this.currentBox.parentId,
+            slot: this.currentBox.parentSlot,
+            index: this.currentBox.parentIndex + (this.currentPosition ?? 0)
+        };
+    }
+    tick() {
+        const scrollYOffset = this.getScrollOffset();
+        const threshold = 10;
+        const mouseX = this.mouse.x;
+        const mouseY = this.mouse.y + scrollYOffset;
+        let matchedId = null;
+        let matchedPosition = null;
+        let matchedBox = null;
+        const candidates = [];
+        for (const [id, { box, canAccept }] of this.zones){
+            const isWithinX = mouseX >= box.left && mouseX <= box.right;
+            if (isWithinX) {
+                if (Math.abs(mouseY - box.top) <= threshold) candidates.push({
+                    id,
+                    box,
+                    position: 0,
+                    canAccept
+                });
+                if (Math.abs(mouseY - box.bottom) <= threshold) candidates.push({
+                    id,
+                    box,
+                    position: 1,
+                    canAccept
+                });
+            }
+        }
+        if (candidates.length > 0) {
+            const eligible = candidates.filter((c)=>!c.canAccept || c.canAccept());
+            if (eligible.length > 0) {
+                const uniqueDepths = [
+                    ...new Set(eligible.map((c)=>c.box.depth))
+                ].sort((a, b)=>b - a);
+                if (1 === uniqueDepths.length) {
+                    const winner = eligible[0];
+                    matchedId = winner.id;
+                    matchedPosition = winner.position;
+                    matchedBox = winner.box;
+                } else {
+                    let rangeLeft = 1 / 0;
+                    let rangeRight = -1 / 0;
+                    for (const c of eligible){
+                        rangeLeft = Math.min(rangeLeft, c.box.left);
+                        rangeRight = Math.max(rangeRight, c.box.right);
+                    }
+                    const centerX = (rangeLeft + rangeRight) / 2;
+                    const halfWidth = (rangeRight - rangeLeft) / 2;
+                    const distFromCenter = halfWidth > 0 ? Math.abs(mouseX - centerX) / halfWidth : 0;
+                    const depthIndex = Math.min(Math.floor(distFromCenter * uniqueDepths.length), uniqueDepths.length - 1);
+                    const winner = eligible.find((c)=>c.box.depth === uniqueDepths[depthIndex]);
+                    if (winner) {
+                        matchedId = winner.id;
+                        matchedPosition = winner.position;
+                        matchedBox = winner.box;
+                    }
+                }
+            }
+        }
+        if (matchedId !== this.currentTargetId || matchedPosition !== this.currentPosition) {
+            this.currentTargetId = matchedId;
+            this.currentPosition = matchedPosition;
+            this.currentBox = matchedBox;
+            for (const [id, entry] of this.zones){
+                const isTarget = id === matchedId;
+                entry.onProximityChange(isTarget ? {
+                    box: matchedBox,
+                    position: matchedPosition
+                } : null);
+            }
+        }
     }
-  }
-  getScrollOffset() {
-    const container = document.getElementById("preview-container");
-    if (!container) {
-      return 0;
+    getScrollOffset() {
+        const container = document.getElementById("preview-container");
+        if (!container) return 0;
+        return container.scrollTop;
     }
-    return container.scrollTop;
-  }
 }
+export { DropZoneManager };
 
 //# sourceMappingURL=DropZoneManager.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["DropZoneManager","zones","Map","currentTargetId","currentPosition","animationFrame","currentBox","constructor","mouse","register","entry","id","set","unregister","delete","start","runDropzoneLoop","tick","requestAnimationFrame","stop","cancelAnimationFrame","getLastMatchedPosition","parentId","slot","parentSlot","index","parentIndex","scrollYOffset","getScrollOffset","threshold","mouseX","x","mouseY","y","matchedId","matchedPosition","matchedBox","candidates","box","canAccept","isWithinX","left","right","Math","abs","top","push","position","bottom","length","eligible","filter","c","uniqueDepths","Set","map","depth","sort","a","b","winner","rangeLeft","Infinity","rangeRight","min","max","centerX","halfWidth","distFromCenter","depthIndex","floor","find","isTarget","onProximityChange","container","document","getElementById","scrollTop"],"sources":["DropZoneManager.ts"],"sourcesContent":["import type { Box } from \"./Box.js\";\n\ntype DropPosition = number | null;\n\nexport interface DropZoneProximity {\n    box: Box;\n    position: DropPosition;\n}\n\ninterface DropzoneEntry {\n    id: string;\n    box: Box;\n    canAccept?: () => boolean;\n    onProximityChange: (proximity: DropZoneProximity | null) => void;\n}\n\nexport class DropZoneManager {\n    private zones = new Map<string, DropzoneEntry>();\n    private currentTargetId: string | null = null;\n    private currentPosition: DropPosition = null;\n    private animationFrame: number | null = null;\n    private currentBox: Box | null = null;\n\n    constructor(private mouse: { x: number; y: number }) {}\n\n    register(entry: DropzoneEntry) {\n        if (entry.id === \"root\") {\n            return;\n        }\n\n        this.zones.set(entry.id, entry);\n    }\n\n    unregister(id: string) {\n        this.zones.delete(id);\n    }\n\n    start() {\n        const runDropzoneLoop = () => {\n            this.tick();\n            this.animationFrame = requestAnimationFrame(runDropzoneLoop);\n        };\n        this.animationFrame = requestAnimationFrame(runDropzoneLoop);\n    }\n\n    stop() {\n        if (this.animationFrame) {\n            cancelAnimationFrame(this.animationFrame);\n        }\n    }\n\n    getLastMatchedPosition() {\n        if (!this.currentBox) {\n            return null;\n        }\n\n        return {\n            parentId: this.currentBox.parentId,\n            slot: this.currentBox.parentSlot,\n            index: this.currentBox.parentIndex + (this.currentPosition ?? 0)\n        };\n    }\n\n    tick() {\n        const scrollYOffset = this.getScrollOffset();\n        const threshold = 10;\n        const mouseX = this.mouse.x;\n        const mouseY = this.mouse.y + scrollYOffset;\n\n        let matchedId: string | null = null;\n        let matchedPosition: DropPosition = null;\n        let matchedBox: Box | null = null;\n\n        // Collect all candidate matches with their canAccept callback.\n        const candidates: { id: string; box: Box; position: number; canAccept?: () => boolean }[] =\n            [];\n\n        for (const [id, { box, canAccept }] of this.zones) {\n            const isWithinX = mouseX >= box.left && mouseX <= box.right;\n\n            if (!isWithinX) {\n                continue;\n            }\n\n            if (Math.abs(mouseY - box.top) <= threshold) {\n                candidates.push({ id, box, position: 0, canAccept });\n            }\n\n            if (Math.abs(mouseY - box.bottom) <= threshold) {\n                candidates.push({ id, box, position: 1, canAccept });\n            }\n        }\n\n        if (candidates.length > 0) {\n            // Filter to only eligible candidates.\n            const eligible = candidates.filter(c => !c.canAccept || c.canAccept());\n\n            if (eligible.length > 0) {\n                const uniqueDepths = [...new Set(eligible.map(c => c.box.depth))].sort(\n                    (a, b) => b - a\n                );\n\n                if (uniqueDepths.length === 1) {\n                    const winner = eligible[0];\n                    matchedId = winner.id;\n                    matchedPosition = winner.position;\n                    matchedBox = winner.box;\n                } else {\n                    // Use X position to select depth band among eligible candidates only.\n                    let rangeLeft = Infinity;\n                    let rangeRight = -Infinity;\n                    for (const c of eligible) {\n                        rangeLeft = Math.min(rangeLeft, c.box.left);\n                        rangeRight = Math.max(rangeRight, c.box.right);\n                    }\n\n                    const centerX = (rangeLeft + rangeRight) / 2;\n                    const halfWidth = (rangeRight - rangeLeft) / 2;\n\n                    // 0 at center, 1 at edges.\n                    const distFromCenter =\n                        halfWidth > 0 ? Math.abs(mouseX - centerX) / halfWidth : 0;\n\n                    // Map distance to depth index: center → 0 (deepest), edges → last (shallowest).\n                    const depthIndex = Math.min(\n                        Math.floor(distFromCenter * uniqueDepths.length),\n                        uniqueDepths.length - 1\n                    );\n\n                    const winner = eligible.find(c => c.box.depth === uniqueDepths[depthIndex]);\n                    if (winner) {\n                        matchedId = winner.id;\n                        matchedPosition = winner.position;\n                        matchedBox = winner.box;\n                    }\n                }\n            }\n        }\n\n        if (matchedId !== this.currentTargetId || matchedPosition !== this.currentPosition) {\n            this.currentTargetId = matchedId;\n            this.currentPosition = matchedPosition;\n            this.currentBox = matchedBox;\n\n            for (const [id, entry] of this.zones) {\n                const isTarget = id === matchedId;\n                entry.onProximityChange(\n                    isTarget ? { box: matchedBox!, position: matchedPosition } : null\n                );\n            }\n        }\n    }\n\n    private getScrollOffset() {\n        const container = document.getElementById(\"preview-container\");\n        if (!container) {\n            return 0;\n        }\n\n        return container.scrollTop;\n    }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"BaseEditor/defaultConfig/Content/Preview/DropZoneManager.js","sources":["../../../../../src/BaseEditor/defaultConfig/Content/Preview/DropZoneManager.ts"],"sourcesContent":["import type { Box } from \"./Box.js\";\n\ntype DropPosition = number | null;\n\nexport interface DropZoneProximity {\n    box: Box;\n    position: DropPosition;\n}\n\ninterface DropzoneEntry {\n    id: string;\n    box: Box;\n    canAccept?: () => boolean;\n    onProximityChange: (proximity: DropZoneProximity | null) => void;\n}\n\nexport class DropZoneManager {\n    private zones = new Map<string, DropzoneEntry>();\n    private currentTargetId: string | null = null;\n    private currentPosition: DropPosition = null;\n    private animationFrame: number | null = null;\n    private currentBox: Box | null = null;\n\n    constructor(private mouse: { x: number; y: number }) {}\n\n    register(entry: DropzoneEntry) {\n        if (entry.id === \"root\") {\n            return;\n        }\n\n        this.zones.set(entry.id, entry);\n    }\n\n    unregister(id: string) {\n        this.zones.delete(id);\n    }\n\n    start() {\n        const runDropzoneLoop = () => {\n            this.tick();\n            this.animationFrame = requestAnimationFrame(runDropzoneLoop);\n        };\n        this.animationFrame = requestAnimationFrame(runDropzoneLoop);\n    }\n\n    stop() {\n        if (this.animationFrame) {\n            cancelAnimationFrame(this.animationFrame);\n        }\n    }\n\n    getLastMatchedPosition() {\n        if (!this.currentBox) {\n            return null;\n        }\n\n        return {\n            parentId: this.currentBox.parentId,\n            slot: this.currentBox.parentSlot,\n            index: this.currentBox.parentIndex + (this.currentPosition ?? 0)\n        };\n    }\n\n    tick() {\n        const scrollYOffset = this.getScrollOffset();\n        const threshold = 10;\n        const mouseX = this.mouse.x;\n        const mouseY = this.mouse.y + scrollYOffset;\n\n        let matchedId: string | null = null;\n        let matchedPosition: DropPosition = null;\n        let matchedBox: Box | null = null;\n\n        // Collect all candidate matches with their canAccept callback.\n        const candidates: { id: string; box: Box; position: number; canAccept?: () => boolean }[] =\n            [];\n\n        for (const [id, { box, canAccept }] of this.zones) {\n            const isWithinX = mouseX >= box.left && mouseX <= box.right;\n\n            if (!isWithinX) {\n                continue;\n            }\n\n            if (Math.abs(mouseY - box.top) <= threshold) {\n                candidates.push({ id, box, position: 0, canAccept });\n            }\n\n            if (Math.abs(mouseY - box.bottom) <= threshold) {\n                candidates.push({ id, box, position: 1, canAccept });\n            }\n        }\n\n        if (candidates.length > 0) {\n            // Filter to only eligible candidates.\n            const eligible = candidates.filter(c => !c.canAccept || c.canAccept());\n\n            if (eligible.length > 0) {\n                const uniqueDepths = [...new Set(eligible.map(c => c.box.depth))].sort(\n                    (a, b) => b - a\n                );\n\n                if (uniqueDepths.length === 1) {\n                    const winner = eligible[0];\n                    matchedId = winner.id;\n                    matchedPosition = winner.position;\n                    matchedBox = winner.box;\n                } else {\n                    // Use X position to select depth band among eligible candidates only.\n                    let rangeLeft = Infinity;\n                    let rangeRight = -Infinity;\n                    for (const c of eligible) {\n                        rangeLeft = Math.min(rangeLeft, c.box.left);\n                        rangeRight = Math.max(rangeRight, c.box.right);\n                    }\n\n                    const centerX = (rangeLeft + rangeRight) / 2;\n                    const halfWidth = (rangeRight - rangeLeft) / 2;\n\n                    // 0 at center, 1 at edges.\n                    const distFromCenter =\n                        halfWidth > 0 ? Math.abs(mouseX - centerX) / halfWidth : 0;\n\n                    // Map distance to depth index: center → 0 (deepest), edges → last (shallowest).\n                    const depthIndex = Math.min(\n                        Math.floor(distFromCenter * uniqueDepths.length),\n                        uniqueDepths.length - 1\n                    );\n\n                    const winner = eligible.find(c => c.box.depth === uniqueDepths[depthIndex]);\n                    if (winner) {\n                        matchedId = winner.id;\n                        matchedPosition = winner.position;\n                        matchedBox = winner.box;\n                    }\n                }\n            }\n        }\n\n        if (matchedId !== this.currentTargetId || matchedPosition !== this.currentPosition) {\n            this.currentTargetId = matchedId;\n            this.currentPosition = matchedPosition;\n            this.currentBox = matchedBox;\n\n            for (const [id, entry] of this.zones) {\n                const isTarget = id === matchedId;\n                entry.onProximityChange(\n                    isTarget ? { box: matchedBox!, position: matchedPosition } : null\n                );\n            }\n        }\n    }\n\n    private getScrollOffset() {\n        const container = document.getElementById(\"preview-container\");\n        if (!container) {\n            return 0;\n        }\n\n        return container.scrollTop;\n    }\n}\n"],"names":["DropZoneManager","mouse","Map","entry","id","runDropzoneLoop","requestAnimationFrame","cancelAnimationFrame","scrollYOffset","threshold","mouseX","mouseY","matchedId","matchedPosition","matchedBox","candidates","box","canAccept","isWithinX","Math","eligible","c","uniqueDepths","Set","a","b","winner","rangeLeft","Infinity","rangeRight","centerX","halfWidth","distFromCenter","depthIndex","isTarget","container","document"],"mappings":"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"}

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

@@ -1,11 +1,10 @@
 import { createGenericContext } from "@webiny/app-admin";
 const DropZoneManagerContext = createGenericContext("DropzoneManager");
-export const DropZoneManagerProvider = DropZoneManagerContext.Provider;
-export const useDropZoneManager = () => {
-  const {
-    dropzoneManager
-  } = DropZoneManagerContext.useHook();
-  return dropzoneManager;
+const DropZoneManagerProvider = DropZoneManagerContext.Provider;
+const useDropZoneManager = ()=>{
+    const { dropzoneManager } = DropZoneManagerContext.useHook();
+    return dropzoneManager;
 };
+export { DropZoneManagerProvider, useDropZoneManager };
 
 //# sourceMappingURL=DropZoneManagerProvider.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["createGenericContext","DropZoneManagerContext","DropZoneManagerProvider","Provider","useDropZoneManager","dropzoneManager","useHook"],"sources":["DropZoneManagerProvider.tsx"],"sourcesContent":["import { createGenericContext } from \"@webiny/app-admin\";\nimport type { DropZoneManager } from \"./DropZoneManager.js\";\n\nconst DropZoneManagerContext = createGenericContext<{ dropzoneManager: DropZoneManager }>(\n    \"DropzoneManager\"\n);\n\nexport const DropZoneManagerProvider = DropZoneManagerContext.Provider;\n\nexport const useDropZoneManager = () => {\n    const { dropzoneManager } = DropZoneManagerContext.useHook();\n\n    return dropzoneManager;\n};\n"],"mappings":"AAAA,SAASA,oBAAoB,QAAQ,mBAAmB;AAGxD,MAAMC,sBAAsB,GAAGD,oBAAoB,CAC/C,iBACJ,CAAC;AAED,OAAO,MAAME,uBAAuB,GAAGD,sBAAsB,CAACE,QAAQ;AAEtE,OAAO,MAAMC,kBAAkB,GAAGA,CAAA,KAAM;EACpC,MAAM;IAAEC;EAAgB,CAAC,GAAGJ,sBAAsB,CAACK,OAAO,CAAC,CAAC;EAE5D,OAAOD,eAAe;AAC1B,CAAC","ignoreList":[]}
+{"version":3,"file":"BaseEditor/defaultConfig/Content/Preview/DropZoneManagerProvider.js","sources":["../../../../../src/BaseEditor/defaultConfig/Content/Preview/DropZoneManagerProvider.tsx"],"sourcesContent":["import { createGenericContext } from \"@webiny/app-admin\";\nimport type { DropZoneManager } from \"./DropZoneManager.js\";\n\nconst DropZoneManagerContext = createGenericContext<{ dropzoneManager: DropZoneManager }>(\n    \"DropzoneManager\"\n);\n\nexport const DropZoneManagerProvider = DropZoneManagerContext.Provider;\n\nexport const useDropZoneManager = () => {\n    const { dropzoneManager } = DropZoneManagerContext.useHook();\n\n    return dropzoneManager;\n};\n"],"names":["DropZoneManagerContext","createGenericContext","DropZoneManagerProvider","useDropZoneManager","dropzoneManager"],"mappings":";AAGA,MAAMA,yBAAyBC,qBAC3B;AAGG,MAAMC,0BAA0BF,uBAAuB,QAAQ;AAE/D,MAAMG,qBAAqB;IAC9B,MAAM,EAAEC,eAAe,EAAE,GAAGJ,uBAAuB,OAAO;IAE1D,OAAOI;AACX"}