@webiny/app-website-builder 6.4.0-beta.2 → 6.4.0-beta.4

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@webiny/app-website-builder",
-	"version": "6.4.0-beta.2",
+	"version": "6.4.0-beta.4",
 	"type": "module",
 	"exports": {
 		".": "./index.js",
@@ -20,29 +20,29 @@
 		"@lexical/utils": "0.44.0",
 		"@monaco-editor/react": "4.7.0",
 		"@svgr/webpack": "8.1.0",
-		"@types/react": "18.3.28",
-		"@webiny/admin-ui": "6.4.0-beta.2",
-		"@webiny/app": "6.4.0-beta.2",
-		"@webiny/app-aco": "6.4.0-beta.2",
-		"@webiny/app-admin": "6.4.0-beta.2",
-		"@webiny/app-headless-cms-common": "6.4.0-beta.2",
-		"@webiny/app-trash-bin": "6.4.0-beta.2",
-		"@webiny/app-utils": "6.4.0-beta.2",
+		"@types/react": "18.3.29",
+		"@webiny/admin-ui": "6.4.0-beta.4",
+		"@webiny/app": "6.4.0-beta.4",
+		"@webiny/app-aco": "6.4.0-beta.4",
+		"@webiny/app-admin": "6.4.0-beta.4",
+		"@webiny/app-headless-cms-common": "6.4.0-beta.4",
+		"@webiny/app-trash-bin": "6.4.0-beta.4",
+		"@webiny/app-utils": "6.4.0-beta.4",
 		"@webiny/di": "1.0.1",
-		"@webiny/error": "6.4.0-beta.2",
-		"@webiny/feature": "6.4.0-beta.2",
-		"@webiny/form": "6.4.0-beta.2",
-		"@webiny/icons": "6.4.0-beta.2",
-		"@webiny/languages": "6.4.0-beta.2",
-		"@webiny/lexical-converter": "6.4.0-beta.2",
-		"@webiny/lexical-editor": "6.4.0-beta.2",
-		"@webiny/lexical-nodes": "6.4.0-beta.2",
-		"@webiny/lexical-theme": "6.4.0-beta.2",
-		"@webiny/react-composition": "6.4.0-beta.2",
-		"@webiny/react-properties": "6.4.0-beta.2",
-		"@webiny/utils": "6.4.0-beta.2",
-		"@webiny/validation": "6.4.0-beta.2",
-		"@webiny/website-builder-sdk": "6.4.0-beta.2",
+		"@webiny/error": "6.4.0-beta.4",
+		"@webiny/feature": "6.4.0-beta.4",
+		"@webiny/form": "6.4.0-beta.4",
+		"@webiny/icons": "6.4.0-beta.4",
+		"@webiny/languages": "6.4.0-beta.4",
+		"@webiny/lexical-converter": "6.4.0-beta.4",
+		"@webiny/lexical-editor": "6.4.0-beta.4",
+		"@webiny/lexical-nodes": "6.4.0-beta.4",
+		"@webiny/lexical-theme": "6.4.0-beta.4",
+		"@webiny/react-composition": "6.4.0-beta.4",
+		"@webiny/react-properties": "6.4.0-beta.4",
+		"@webiny/utils": "6.4.0-beta.4",
+		"@webiny/validation": "6.4.0-beta.4",
+		"@webiny/website-builder-sdk": "6.4.0-beta.4",
 		"apollo-cache": "1.3.5",
 		"apollo-client": "2.6.10",
 		"apollo-link": "1.2.14",
@@ -53,11 +53,12 @@
 		"graphql-tag": "2.12.6",
 		"is-hotkey": "0.2.0",
 		"lodash": "4.18.1",
-		"markdown-to-jsx": "9.8.0",
+		"markdown-to-jsx": "9.8.1",
 		"matcher": "6.0.0",
 		"mobx": "6.15.3",
 		"mobx-react-lite": "4.1.1",
 		"pluralize": "8.0.0",
+		"radix-ui": "1.4.3",
 		"react": "18.3.1",
 		"react-dnd": "16.0.1",
 		"react-dnd-html5-backend": "16.0.1",
@@ -68,15 +69,14 @@
 	"devDependencies": {
 		"@types/deep-equal": "1.0.4",
 		"@types/is-hotkey": "0.1.10",
-		"@webiny/build-tools": "6.4.0-beta.2",
+		"@webiny/build-tools": "6.4.0-beta.4",
 		"execa": "5.1.1",
 		"rimraf": "6.1.3",
 		"typescript": "6.0.3",
-		"vitest": "4.1.6"
+		"vitest": "4.1.7"
 	},
 	"publishConfig": {
-		"access": "public",
-		"directory": "dist"
+		"access": "public"
 	},
 	"scripts": {
 		"build": "yarn webiny run build",
@@ -90,5 +90,7 @@
 			]
 		}
 	},
-	"gitHead": "872f9f50baa1ff6915a5f338216f84bf0b6dfd24"
+	"webiny": {
+		"publishFrom": "dist"
+	}
 }

package/BaseEditor/components/DragPreview.js

@@ -1,59 +0,0 @@
-import react, { useEffect, useState } from "react";
-import { useDragLayer } from "react-dnd";
-let subscribedToOffsetChange = false;
-let dragPreviewRef = null;
-const onOffsetChange = (monitor)=>()=>{
-        if (!dragPreviewRef) return;
-        const offset = monitor.getClientOffset();
-        if (!offset) return;
-        const transform = `translate(${offset.x - 15}px, ${offset.y - 15}px)`;
-        dragPreviewRef.style["transform"] = transform;
-        dragPreviewRef.style["-webkit-transform"] = transform;
-    };
-const DragPreview = ()=>{
-    const [dragHelperOpacity, setDragHelperOpacity] = useState(0);
-    const { isDragging, item } = useDragLayer((monitor)=>{
-        if (!subscribedToOffsetChange) {
-            monitor.subscribeToOffsetChange(onOffsetChange(monitor));
-            subscribedToOffsetChange = true;
-        }
-        return {
-            isDragging: monitor.isDragging(),
-            item: monitor.getItem()
-        };
-    });
-    useEffect(()=>()=>{
-            subscribedToOffsetChange = false;
-            dragPreviewRef = null;
-        }, []);
-    useEffect(()=>{
-        if (isDragging) return void setTimeout(()=>{
-            setDragHelperOpacity(isDragging ? 1 : 0);
-        }, 100);
-        setDragHelperOpacity(0);
-    }, [
-        isDragging
-    ]);
-    if (!isDragging) return null;
-    if (item && item.dragInNavigator) return null;
-    return /*#__PURE__*/ react.createElement("div", {
-        style: {
-            zIndex: 1001
-        },
-        className: "fixed pointer-events-none left-0 top-0 w-full h-full"
-    }, /*#__PURE__*/ react.createElement("div", {
-        ref: (el)=>{
-            dragPreviewRef = el;
-        },
-        className: "transition-opacity duration-250 ease-in-out block",
-        style: {
-            opacity: dragHelperOpacity
-        }
-    }, /*#__PURE__*/ react.createElement("div", {
-        className: "size-lg rounded-full bg-primary"
-    })));
-};
-const components_DragPreview = DragPreview;
-export default components_DragPreview;
-
-//# sourceMappingURL=DragPreview.js.map

package/BaseEditor/components/DragPreview.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BaseEditor/components/DragPreview.js","sources":["../../../src/BaseEditor/components/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"],"names":["subscribedToOffsetChange","dragPreviewRef","onOffsetChange","monitor","offset","transform","DragPreview","dragHelperOpacity","setDragHelperOpacity","useState","isDragging","item","useDragLayer","useEffect","setTimeout","el"],"mappings":";;AAIA,IAAIA,2BAA2B;AAC/B,IAAIC,iBAAwC;AAE5C,MAAMC,iBAAiB,CAACC,UAA8B;QAClD,IAAI,CAACF,gBACD;QAGJ,MAAMG,SAASD,QAAQ,eAAe;QACtC,IAAI,CAACC,QACD;QAGJ,MAAMC,YAAY,CAAC,UAAU,EAAED,OAAO,CAAC,GAAG,GAAG,IAAI,EAAEA,OAAO,CAAC,GAAG,GAAG,GAAG,CAAC;QACrEH,eAAe,KAAK,CAAC,YAAY,GAAGI;QAKpCJ,eAAe,KAAK,CAAC,oBAAoB,GAAGI;IAChD;AAEA,MAAMC,cAAc;IAChB,MAAM,CAACC,mBAAmBC,qBAAqB,GAAGC,SAAS;IAE3D,MAAM,EAAEC,UAAU,EAAEC,IAAI,EAAE,GAAGC,aAAa,CAACT;QACvC,IAAI,CAACH,0BAA0B;YAE3BG,QAAQ,uBAAuB,CAACD,eAAeC;YAC/CH,2BAA2B;QAC/B;QAEA,OAAO;YACH,YAAYG,QAAQ,UAAU;YAC9B,MAAMA,QAAQ,OAAO;QACzB;IACJ;IAEAU,UAAU,IACC;YACHb,2BAA2B;YAC3BC,iBAAiB;QACrB,GACD,EAAE;IAKLY,UAAU;QACN,IAAIH,YAAY,YACZI,WAAW;YACPN,qBAAqBE,aAAa,IAAI;QAC1C,GAAG;QAIPF,qBAAqB;IACzB,GAAG;QAACE;KAAW;IAEf,IAAI,CAACA,YACD,OAAO;IAGX,IAAIC,QAAQA,KAAK,eAAe,EAC5B,OAAO;IAGX,OAAO,WAAP,GACI,oBAAC;QACG,OAAO;YAAE,QAAQ;QAAK;QACtB,WAAU;qBAEV,oBAAC;QACG,KAAKI,CAAAA;YACDd,iBAAiBc;QACrB;QACA,WAAU;QACV,OAAO;YAAE,SAASR;QAAkB;qBAEpC,oBAAC;QAAI,WAAU;;AAI/B;AAEA,+BAAeD"}

package/ecommerce/components/adaptInputToBind.d.ts

@@ -1,6 +0,0 @@
-import React from "react";
-import type { BindComponentRenderProp } from "@webiny/form";
-import type { ElementInputRendererProps } from "../../BaseEditor/index.js";
-export declare const adaptInputToBind: (Component: React.ComponentType<ElementInputRendererProps>) => (props: BindComponentRenderProp & {
-    label: string;
-}) => React.JSX.Element;

package/ecommerce/components/adaptInputToBind.js

@@ -1,26 +0,0 @@
-import react from "react";
-import { NullMetadata } from "../../BaseEditor/metadata/index.js";
-import { InputValueObject } from "../../BaseEditor/hooks/useInputValue.js";
-const metadata = new NullMetadata();
-const noop = ()=>void 0;
-const adaptInputToBind = (Component)=>function(props) {
-        const onChange = (cb)=>{
-            const value = new InputValueObject(props.value);
-            cb({
-                value,
-                metadata: metadata
-            });
-            props.onChange(value.get());
-        };
-        return /*#__PURE__*/ react.createElement(Component, {
-            label: props.label,
-            value: props.value,
-            onChange: onChange,
-            metadata: metadata,
-            onPreviewChange: noop,
-            input: {}
-        });
-    };
-export { adaptInputToBind };
-
-//# sourceMappingURL=adaptInputToBind.js.map

package/ecommerce/components/adaptInputToBind.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ecommerce/components/adaptInputToBind.js","sources":["../../../src/ecommerce/components/adaptInputToBind.tsx"],"sourcesContent":["import React from \"react\";\nimport type { BindComponentRenderProp } from \"@webiny/form\";\nimport type { ElementInputRendererProps } from \"~/BaseEditor/index.js\";\nimport { NullMetadata } from \"~/BaseEditor/metadata/index.js\";\nimport { InputValueObject } from \"~/BaseEditor/hooks/useInputValue.js\";\n\nconst metadata = new NullMetadata();\nconst noop = () => void 0;\n\nexport const adaptInputToBind = (Component: React.ComponentType<ElementInputRendererProps>) => {\n    return function ElementInputAsFormInput(props: BindComponentRenderProp & { label: string }) {\n        const onChange: ElementInputRendererProps[\"onChange\"] = cb => {\n            const value = new InputValueObject(props.value);\n            cb({ value, metadata });\n            props.onChange(value.get());\n        };\n\n        return (\n            <Component\n                label={props.label}\n                value={props.value}\n                onChange={onChange}\n                metadata={metadata}\n                onPreviewChange={noop}\n                input={{} as any}\n            />\n        );\n    };\n};\n"],"names":["metadata","NullMetadata","noop","adaptInputToBind","Component","props","onChange","cb","value","InputValueObject"],"mappings":";;;AAMA,MAAMA,WAAW,IAAIC;AACrB,MAAMC,OAAO,IAAM,KAAK;AAEjB,MAAMC,mBAAmB,CAACC,YACtB,SAAiCC,KAAkD;QACtF,MAAMC,WAAkDC,CAAAA;YACpD,MAAMC,QAAQ,IAAIC,iBAAiBJ,MAAM,KAAK;YAC9CE,GAAG;gBAAEC;gBAAOR,UAAAA;YAAS;YACrBK,MAAM,QAAQ,CAACG,MAAM,GAAG;QAC5B;QAEA,OAAO,WAAP,GACI,oBAACJ,WAAAA;YACG,OAAOC,MAAM,KAAK;YAClB,OAAOA,MAAM,KAAK;YAClB,UAAUC;YACV,UAAUN;YACV,iBAAiBE;YACjB,OAAO,CAAC;;IAGpB"}