@alpaca-editor/core 1.0.0 → 1.0.3

package/dist/editor/page-editor-chrome/PictureEditorOverlay.js

@@ -0,0 +1,107 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback, useEffect, useRef, useState } from "react";
+import { useEditContext } from "../client/editContext";
+import { PictureEditor } from "../PictureEditor";
+import { getComponentById } from "../componentTreeHelper";
+export function PictureEditorOverlay() {
+    const editContext = useEditContext();
+    const pageViewContext = editContext?.pageView;
+    const iframe = pageViewContext?.editorIframeRef.current;
+    const [field, setField] = useState();
+    const [variantName, setVariantName] = useState();
+    const [element, setElement] = useState();
+    const editContextRef = useRef(editContext);
+    useEffect(() => {
+        editContextRef.current = editContext;
+    }, [editContext]);
+    const onMouseEnter = useCallback((e) => {
+        if (!e.target)
+            return;
+        if (!("closest" in e.target))
+            return;
+        const target = e.target;
+        const pictureElement = target.closest("picture") || target.closest("img");
+        setElement(pictureElement || undefined);
+    }, [iframe, editContext]);
+    useEffect(() => {
+        if (element) {
+            const itemId = element.getAttribute("data-itemid");
+            const language = element.getAttribute("data-language");
+            const version = element.getAttribute("data-version");
+            const fieldId = element.getAttribute("data-fieldid");
+            if (!itemId ||
+                !language ||
+                !version ||
+                !fieldId ||
+                !pageViewContext?.page ||
+                !iframe?.contentWindow)
+                return;
+            const component = getComponentById(itemId, pageViewContext.page);
+            if (component == null)
+                return;
+            const pictureField = component.datasourceItem?.fields.find((f) => f.id === fieldId);
+            if (!pictureField)
+                return;
+            setField(pictureField);
+        }
+        else {
+            setField(undefined);
+        }
+    }, [element, pageViewContext?.page]);
+    useEffect(() => {
+        if (!element || !iframe?.contentWindow)
+            return;
+        const sourceELement = getCurrentPictureSource(element, iframe.contentWindow);
+        if (sourceELement) {
+            const variantName = sourceELement.getAttribute("data-variant");
+            if (variantName) {
+                setVariantName(variantName);
+            }
+        }
+    }, [pageViewContext?.viewport, element]);
+    const handleLoad = () => {
+        if (iframe?.contentDocument) {
+            iframe.contentDocument.addEventListener("mouseenter", onMouseEnter, true);
+        }
+    };
+    useEffect(() => {
+        if (iframe) {
+            // Ensure the iframe is loaded and accessible
+            iframe.addEventListener("load", handleLoad);
+            return () => {
+                if (iframe?.contentDocument) {
+                    iframe?.contentDocument.removeEventListener("mouseenter", onMouseEnter);
+                }
+                if (iframe) {
+                    iframe.removeEventListener("load", handleLoad);
+                }
+            };
+        }
+    }, [iframe, editContext?.refreshCompletedFlag]);
+    if (!field || !variantName || !element)
+        return null;
+    const bounds = element.getBoundingClientRect();
+    const style = {
+        left: bounds.x + "px",
+        top: bounds.y + "px",
+        width: bounds.width + "px",
+        height: bounds.height + "px",
+    };
+    return (_jsx(PictureEditor, { field: field, variantName: variantName, style: style, forwardScrollevents: true, isPageEditor: true }));
+}
+function getCurrentPictureSource(pictureElement, iframeWindow) {
+    if (pictureElement.tagName === "IMG")
+        return pictureElement;
+    const sources = pictureElement.querySelectorAll("source");
+    let currentSrc = null;
+    sources.forEach((source) => {
+        const media = source.getAttribute("media");
+        if (!media)
+            return;
+        if (media && iframeWindow.matchMedia(media).matches) {
+            currentSrc = source;
+        }
+    });
+    return currentSrc || pictureElement.querySelector("img") || null;
+}
+//# sourceMappingURL=PictureEditorOverlay.js.map

package/dist/editor/page-editor-chrome/PictureEditorOverlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PictureEditorOverlay.js","sourceRoot":"","sources":["../../../src/editor/page-editor-chrome/PictureEditorOverlay.tsx"],"names":[],"mappings":"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"}

package/dist/editor/page-editor-chrome/PlaceholderDropZone.d.ts

@@ -0,0 +1,14 @@
+import { Placeholder } from "../pageModel";
+export declare function PlaceholderDropZone({ placeholder, description, index, parentName, spotPosition, spotPositionElement, spotPositionAnchor, size, }: {
+    placeholder: Placeholder;
+    description?: string;
+    index: number;
+    parentName?: string;
+    spotPosition: {
+        x: number;
+        y: number;
+    };
+    spotPositionElement: Element;
+    size: "large" | "small";
+    spotPositionAnchor: "top" | "bottom" | "left" | "right";
+}): import("react/jsx-runtime").JSX.Element | undefined;

package/dist/editor/page-editor-chrome/PlaceholderDropZone.js

@@ -0,0 +1,80 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { useEditContext } from "../client/editContext";
+import { classNames } from "primereact/utils";
+import { getAbsoluteIconUrl } from "../utils";
+export function PlaceholderDropZone({ placeholder, description, index, parentName, spotPosition, spotPositionElement, spotPositionAnchor, size, }) {
+    const [isHovering, setIsHovering] = useState(false);
+    const editContext = useEditContext();
+    if (!editContext)
+        return;
+    function dragOver(ev) {
+        ev.dataTransfer.dropEffect =
+            editContext?.dragObject?.type == "template" ? "copy" : "move";
+        setIsHovering(true);
+        ev.preventDefault();
+    }
+    function drop(ev) {
+        ev.preventDefault();
+        setIsHovering(false);
+        editContext.setStatusMessage("");
+        editContext.droppedInPlaceholder(placeholder.key, index, spotPositionElement, spotPositionAnchor);
+    }
+    const overlayStyle = {
+        top: spotPosition.y,
+        left: spotPosition.x,
+        zIndex: isHovering ? 40 : 30,
+        transform: "none",
+    };
+    if (size === "small")
+        overlayStyle.transform = "scale(0.5)";
+    useEffect(() => {
+        if (isHovering) {
+            editContext.setStatusMessage(_jsxs("div", { children: ["Drop into placeholder", " ", _jsx("span", { className: "font-bold", children: parentName }), " /", " ", _jsx("span", { className: "font-bold", children: description || placeholder.name }), " ", "at position ", _jsx("span", { className: "font-bold", children: index + 1 })] }));
+        }
+        else {
+            editContext.setStatusMessage("");
+        }
+    }, [isHovering]);
+    return (_jsx("div", { className: "absolute", style: overlayStyle, children: _jsx("div", { onDragOver: dragOver, title: (description ?? placeholder.name) + " (" + index + ")", "data-testid": "placeholder-dropzone", "data-testindex": index, onDrop: drop, onDragLeave: () => setIsHovering(false), onClick: (e) => {
+                //const placeholderKeyComponents = placeholder.key.split("_");
+                // const parentId =
+                //   placeholderKeyComponents.length === 1
+                //     ? undefined
+                //     : placeholderKeyComponents[0];
+                const insertOption = placeholder.insertOptions.find((x) => x.typeId === editContext.selectedForInsertion);
+                if (insertOption) {
+                    editContext.droppedInPlaceholder(placeholder.key, index, spotPositionElement, spotPositionAnchor, insertOption);
+                    return;
+                }
+                const insertOptions = placeholder.insertOptions
+                    ?.filter((x) => !x.isHidden && !x.isInvalid)
+                    .map((x) => ({
+                    id: x.typeId,
+                    icon: (_jsx("img", { src: getAbsoluteIconUrl(x.icon), width: "16", height: "16", className: "m-1" })),
+                    label: x.name,
+                    command: () => {
+                        editContext.operations.addComponent(x.typeId, placeholder.key, index);
+                    },
+                })) || [];
+                if (insertOptions.length > 0)
+                    editContext.showContextMenu(e, [
+                        {
+                            label: "Insert",
+                            disabled: true,
+                            className: "border-b border-gray-400 pb-2 pl-2",
+                            template: () => {
+                                return (_jsx("span", { className: "text-black text-sm ", children: "Insert" }));
+                            },
+                        },
+                        ...insertOptions,
+                    ]);
+                e.preventDefault();
+            }, className: "placeholder cursor-pointer placeholder-dropzone", children: _jsx("div", { className: classNames(isHovering
+                    ? "z-30 shadow-xl shadow-black w-20 h-20 shadow-blue-500/50"
+                    : "z-30 w-10 h-10 hover:scale-[1.1]", "transition-all duration-200 text-white text-center p-2 text-sm flex justify-center items-center bg-blue-500 rounded-full absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 test-ph-dropzone tour-placeholder-dropzone"), "data-testid": "placeholder-dropzone-button", children: _jsx("i", { className: "pi pi-plus block" }) }) }) })
+    // </div>
+    );
+}
+//# sourceMappingURL=PlaceholderDropZone.js.map

package/dist/editor/page-editor-chrome/PlaceholderDropZone.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlaceholderDropZone.js","sourceRoot":"","sources":["../../../src/editor/page-editor-chrome/PlaceholderDropZone.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAG9C,OAAO,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAG9C,MAAM,UAAU,mBAAmB,CAAC,EAClC,WAAW,EACX,WAAW,EACX,KAAK,EACL,UAAU,EACV,YAAY,EACZ,mBAAmB,EACnB,kBAAkB,EAClB,IAAI,GAUL;IACC,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEpD,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IACrC,IAAI,CAAC,WAAW;QAAE,OAAO;IAEzB,SAAS,QAAQ,CAAC,EAAO;QACvB,EAAE,CAAC,YAAY,CAAC,UAAU;YACxB,WAAW,EAAE,UAAU,EAAE,IAAI,IAAI,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;QAChE,aAAa,CAAC,IAAI,CAAC,CAAC;QACpB,EAAE,CAAC,cAAc,EAAE,CAAC;IACtB,CAAC;IAED,SAAS,IAAI,CAAC,EAAO;QACnB,EAAE,CAAC,cAAc,EAAE,CAAC;QACpB,aAAa,CAAC,KAAK,CAAC,CAAC;QACrB,WAAY,CAAC,gBAAgB,CAAC,EAAE,CAAC,CAAC;QAClC,WAAY,CAAC,oBAAoB,CAC/B,WAAW,CAAC,GAAG,EACf,KAAK,EACL,mBAAmB,EACnB,kBAAkB,CACnB,CAAC;IACJ,CAAC;IAED,MAAM,YAAY,GAAG;QACnB,GAAG,EAAE,YAAY,CAAC,CAAC;QACnB,IAAI,EAAE,YAAY,CAAC,CAAC;QACpB,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE;QAC5B,SAAS,EAAE,MAAM;KAClB,CAAC;IAEF,IAAI,IAAI,KAAK,OAAO;QAAE,YAAY,CAAC,SAAS,GAAG,YAAY,CAAC;IAE5D,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,UAAU,EAAE,CAAC;YACf,WAAW,CAAC,gBAAgB,CAC1B,mDACwB,GAAG,EACzB,eAAM,SAAS,EAAC,WAAW,YAAE,UAAU,GAAQ,QAAG,GAAG,EACrD,eAAM,SAAS,EAAC,WAAW,YAAE,WAAW,IAAI,WAAW,CAAC,IAAI,GAAQ,EAAC,GAAG,kBAC5D,eAAM,SAAS,EAAC,WAAW,YAAE,KAAK,GAAG,CAAC,GAAQ,IACtD,CACP,CAAC;QACJ,CAAC;aAAM,CAAC;YACN,WAAW,CAAC,gBAAgB,CAAC,EAAE,CAAC,CAAC;QACnC,CAAC;IACH,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,OAAO,CACL,cAAK,SAAS,EAAC,UAAU,EAAC,KAAK,EAAE,YAAY,YAC3C,cACE,UAAU,EAAE,QAAQ,EACpB,KAAK,EAAE,CAAC,WAAW,IAAI,WAAW,CAAC,IAAI,CAAC,GAAG,IAAI,GAAG,KAAK,GAAG,GAAG,iBACjD,sBAAsB,oBAClB,KAAK,EACrB,MAAM,EAAE,IAAI,EACZ,WAAW,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,EACvC,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;gBACb,8DAA8D;gBAC9D,mBAAmB;gBACnB,0CAA0C;gBAC1C,kBAAkB;gBAClB,qCAAqC;gBACrC,MAAM,YAAY,GAAG,WAAW,CAAC,aAAa,CAAC,IAAI,CACjD,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,KAAK,WAAW,CAAC,oBAAoB,CACrD,CAAC;gBACF,IAAI,YAAY,EAAE,CAAC;oBACjB,WAAY,CAAC,oBAAoB,CAC/B,WAAW,CAAC,GAAG,EACf,KAAK,EACL,mBAAmB,EACnB,kBAAkB,EAClB,YAAY,CACb,CAAC;oBAEF,OAAO;gBACT,CAAC;gBACD,MAAM,aAAa,GACjB,WAAW,CAAC,aAAa;oBACvB,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC;qBAC3C,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;oBACX,EAAE,EAAE,CAAC,CAAC,MAAM;oBACZ,IAAI,EAAE,CACJ,cACE,GAAG,EAAE,kBAAkB,CAAC,CAAC,CAAC,IAAI,CAAC,EAC/B,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,SAAS,EAAC,KAAK,GACf,CACH;oBACD,KAAK,EAAE,CAAC,CAAC,IAAI;oBACb,OAAO,EAAE,GAAG,EAAE;wBACZ,WAAW,CAAC,UAAU,CAAC,YAAY,CACjC,CAAC,CAAC,MAAM,EACR,WAAW,CAAC,GAAG,EACf,KAAK,CACN,CAAC;oBACJ,CAAC;iBACF,CAAC,CAAC,IAAK,EAAiB,CAAC;gBAE9B,IAAI,aAAa,CAAC,MAAM,GAAG,CAAC;oBAC1B,WAAW,CAAC,eAAe,CAAC,CAAC,EAAE;wBAC7B;4BACE,KAAK,EAAE,QAAQ;4BACf,QAAQ,EAAE,IAAI;4BACd,SAAS,EAAE,oCAAoC;4BAC/C,QAAQ,EAAE,GAAG,EAAE;gCACb,OAAO,CACL,eAAM,SAAS,EAAC,qBAAqB,uBAAc,CACpD,CAAC;4BACJ,CAAC;yBACF;wBACD,GAAG,aAAa;qBACjB,CAAC,CAAC;gBACL,CAAC,CAAC,cAAc,EAAE,CAAC;YACrB,CAAC,EACD,SAAS,EAAC,iDAAiD,YAE3D,cACE,SAAS,EAAE,UAAU,CACnB,UAAU;oBACR,CAAC,CAAC,0DAA0D;oBAC5D,CAAC,CAAC,kCAAkC,EACtC,iOAAiO,CAClO,iBACW,6BAA6B,YAEzC,YAAG,SAAS,EAAC,kBAAkB,GAAG,GAS9B,GACF,GACF;IACN,SAAS;KACV,CAAC;AACJ,CAAC"}

package/dist/editor/page-editor-chrome/PlaceholderDropZones.d.ts

@@ -0,0 +1,5 @@
+export declare function PlaceholderDropZones({ scale, iframe, size, }: {
+    scale?: number;
+    iframe?: HTMLIFrameElement | null;
+    size: "large" | "small";
+}): import("react/jsx-runtime").JSX.Element[] | null | undefined;

package/dist/editor/page-editor-chrome/PlaceholderDropZones.js

@@ -0,0 +1,145 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { useEditContext } from "../client/editContext";
+import { getAllPlaceholders } from "../componentTreeHelper";
+import { findComponentRect } from "../utils";
+import { PlaceholderDropZone } from "./PlaceholderDropZone";
+export function PlaceholderDropZones({ scale, iframe, size, }) {
+    const [placeholders, setPlaceholders] = useState([]);
+    const editContext = useEditContext();
+    const pageViewContext = editContext?.pageView;
+    useEffect(() => {
+        if (!pageViewContext?.page)
+            return;
+        setPlaceholders(getAllPlaceholders(pageViewContext.page));
+    }, [pageViewContext?.page]);
+    if (!pageViewContext ||
+        (!editContext?.dragObject && !editContext.selectedForInsertion) ||
+        !placeholders)
+        return null;
+    const matchingPlaceholders = placeholders.filter((x) => x.parentComponent?.id === editContext.selectedForInsertion ||
+        x.insertOptions?.find((y) => y.typeId === editContext.selectedForInsertion ||
+            y.typeId === editContext.dragObject?.typeId ||
+            y.typeId === editContext.dragObject?.templateId ||
+            y.compatibleTemplates?.find((z) => z == editContext.dragObject?.typeId) !== undefined ||
+            y.typeId === editContext.dragObject?.templateId ||
+            y.compatibleTemplates?.find((z) => z == editContext.dragObject?.templateId) !== undefined));
+    if (!iframe)
+        return;
+    const zones = [];
+    const scrollHeight = editContext.pageView.editorIframeRef?.current?.contentWindow?.document
+        .documentElement.scrollHeight || 0;
+    matchingPlaceholders.forEach((placeholder) => {
+        const placeholderElement = iframe.contentWindow?.document.body.querySelector("[data-placeholder-start='" + placeholder.key + "']");
+        if (!placeholderElement)
+            return;
+        const prev = getPreviousElement(placeholderElement);
+        const nextOrParent = getNextElement(placeholderElement) || placeholderElement.parentElement;
+        const orientation = placeholderElement?.getAttribute("data-orientation");
+        const rect = (prev ?? nextOrParent).getBoundingClientRect();
+        const zoom = pageViewContext.zoom;
+        const position = orientation === "horizontal"
+            ? {
+                x: (prev ? rect.x + rect.width : rect.x) * zoom,
+                y: (rect.y + rect.height / 2) * zoom,
+            }
+            : {
+                x: (rect.x + rect.width / 2) * zoom,
+                y: (prev ? rect.y + rect.height : rect.y) * zoom,
+            };
+        let index = 0;
+        const description = placeholderElement.getAttribute("data-description");
+        let anchor = "top";
+        if (prev && orientation === "horizontal") {
+            anchor = "right";
+        }
+        if (prev && orientation !== "horizontal") {
+            anchor = "bottom";
+        }
+        if (!prev && orientation === "horizontal") {
+            anchor = "left";
+        }
+        if (!prev && orientation !== "horizontal") {
+            anchor = "top";
+        }
+        zones.push({
+            placeholder,
+            position,
+            index,
+            element: prev ?? nextOrParent,
+            anchor,
+            description,
+        });
+        let nextElement = placeholderElement?.nextElementSibling;
+        while (nextElement) {
+            nextElement = nextElement?.nextElementSibling;
+            if (nextElement) {
+                if (nextElement.getAttribute("data-placeholder-end") === placeholder.key) {
+                    break;
+                }
+                if (nextElement.getAttribute("data-component-end")) {
+                    const componentRect = findComponentRect(iframe, (nextElement.getAttribute("data-component-end") ||
+                        nextElement.getAttribute("data-dropzone")));
+                    if (!componentRect)
+                        continue;
+                    const position = getPositionFromRect(componentRect.rect, pageViewContext.zoom, orientation);
+                    index++;
+                    zones.push({
+                        placeholder,
+                        position,
+                        index,
+                        anchor: orientation === "horizontal" ? "right" : "bottom",
+                        element: componentRect.elements[componentRect.elements.length - 1],
+                    });
+                }
+                else if (nextElement.getAttribute("data-dropzone")) {
+                    const rect = nextElement.getBoundingClientRect();
+                    const position = getPositionFromRect(rect, pageViewContext.zoom);
+                    index++;
+                    zones.push({
+                        placeholder,
+                        position,
+                        index,
+                        anchor: orientation === "horizontal" ? "left" : "top",
+                        element: nextElement,
+                    });
+                }
+            }
+        }
+    });
+    return zones.map((zone, index) => {
+        const x = Math.min(pageViewContext.viewport.width - 20, Math.max(20, zone.position.x * (scale || 1)));
+        const y = Math.min(scrollHeight - 20, Math.max(20 - pageViewContext.scroll, zone.position.y * (scale || 1)));
+        return (_jsx(PlaceholderDropZone, { placeholder: zone.placeholder, spotPosition: {
+                x,
+                y,
+            }, index: zone.index, size: size, spotPositionElement: zone.element, spotPositionAnchor: zone.anchor, parentName: zone.placeholder.parentComponent?.name, description: zone.description || undefined }, index));
+    });
+}
+function getPreviousElement(element) {
+    let prev = element.previousElementSibling;
+    while (prev && prev.tagName === "SCRIPT") {
+        prev = prev.previousElementSibling;
+    }
+    return prev;
+}
+function getNextElement(element) {
+    let next = element.nextElementSibling;
+    while (next && next.tagName === "SCRIPT") {
+        next = next.nextElementSibling;
+    }
+    return next;
+}
+function getPositionFromRect(rect, zoom, orientation) {
+    const position = orientation === "horizontal"
+        ? {
+            x: rect.x + rect.width * zoom,
+            y: (rect.y + rect.height / 2) * zoom,
+        }
+        : {
+            x: (rect.x + rect.width / 2) * zoom,
+            y: rect.y + rect.height * zoom,
+        };
+    return position;
+}
+//# sourceMappingURL=PlaceholderDropZones.js.map

package/dist/editor/page-editor-chrome/PlaceholderDropZones.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlaceholderDropZones.js","sourceRoot":"","sources":["../../../src/editor/page-editor-chrome/PlaceholderDropZones.tsx"],"names":[],"mappings":"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"}

package/dist/editor/page-viewer/DeviceToolbar.d.ts

@@ -0,0 +1,6 @@
+import { PageViewContext } from "./pageViewContext";
+import { EditorConfiguration } from "../../config/types";
+export declare function DeviceToolbar({ pageViewContext, configuration, }: {
+    pageViewContext: PageViewContext;
+    configuration: EditorConfiguration;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/editor/page-viewer/DeviceToolbar.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Dropdown } from "primereact/dropdown";
+import { InputNumber } from "primereact/inputnumber";
+import { SimpleIconButton } from "../ui/SimpleIconButton";
+import { RotateDeviceIcon } from "../ui/Icons";
+import { useDebouncedCallback } from "use-debounce";
+export function DeviceToolbar({ pageViewContext, configuration, }) {
+    const debouncedSetDeviceWidth = useDebouncedCallback((width) => {
+        pageViewContext.setDeviceWidth(width);
+    }, 400);
+    const debouncedSetDeviceHeight = useDebouncedCallback((height) => {
+        pageViewContext.setDeviceHeight(height);
+    }, 400);
+    return (_jsxs("div", { className: "flex justify-center w-full items-center bg-gray-100 p-1 z-1000 text-sm gap-2 border-b", children: [_jsx(Dropdown, { options: configuration.devices.map((x) => ({
+                    label: x.name,
+                    value: x.name,
+                })), value: pageViewContext.device, onChange: (e) => pageViewContext.setDevice(e.value) }), _jsx(InputNumber, { size: 4, max: 10000, className: "text-sm", value: pageViewContext.deviceWidth, onChange: (e) => debouncedSetDeviceWidth(e.value || undefined) }), "x", _jsx(InputNumber, { size: 4, max: 10000, className: "text-sm", value: pageViewContext.deviceHeight, onChange: (e) => debouncedSetDeviceHeight(e.value || undefined) }), _jsx(SimpleIconButton, { icon: "pi pi-lock", selected: pageViewContext.lockHeight || false, onClick: () => pageViewContext.setLockHeight(!pageViewContext.lockHeight), label: "Lock Height" }), _jsx(SimpleIconButton, { icon: _jsx(RotateDeviceIcon, { className: "w-4 h-4" }), selected: pageViewContext.rotate || false, onClick: () => pageViewContext.setRotate(!pageViewContext.rotate), label: "Rotate" })] }));
+}
+//# sourceMappingURL=DeviceToolbar.js.map

package/dist/editor/page-viewer/DeviceToolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeviceToolbar.js","sourceRoot":"","sources":["../../../src/editor/page-viewer/DeviceToolbar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AACrD,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAIpD,MAAM,UAAU,aAAa,CAAC,EAC5B,eAAe,EACf,aAAa,GAId;IACC,MAAM,uBAAuB,GAAG,oBAAoB,CAClD,CAAC,KAAyB,EAAE,EAAE;QAC5B,eAAe,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;IACxC,CAAC,EACD,GAAG,CACJ,CAAC;IACF,MAAM,wBAAwB,GAAG,oBAAoB,CACnD,CAAC,MAA0B,EAAE,EAAE;QAC7B,eAAe,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC;IAC1C,CAAC,EACD,GAAG,CACJ,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAC,uFAAuF,aACpG,KAAC,QAAQ,IACP,OAAO,EAAE,aAAa,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;oBACzC,KAAK,EAAE,CAAC,CAAC,IAAI;oBACb,KAAK,EAAE,CAAC,CAAC,IAAI;iBACd,CAAC,CAAC,EACH,KAAK,EAAE,eAAe,CAAC,MAAM,EAC7B,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,GACnD,EACF,KAAC,WAAW,IACV,IAAI,EAAE,CAAC,EACP,GAAG,EAAE,KAAK,EACV,SAAS,EAAC,SAAS,EACnB,KAAK,EAAE,eAAe,CAAC,WAAW,EAClC,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,uBAAuB,CAAC,CAAC,CAAC,KAAK,IAAI,SAAS,CAAC,GAC9D,OAEF,KAAC,WAAW,IACV,IAAI,EAAE,CAAC,EACP,GAAG,EAAE,KAAK,EACV,SAAS,EAAC,SAAS,EACnB,KAAK,EAAE,eAAe,CAAC,YAAY,EACnC,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,wBAAwB,CAAC,CAAC,CAAC,KAAK,IAAI,SAAS,CAAC,GAC/D,EACF,KAAC,gBAAgB,IACf,IAAI,EAAC,YAAY,EACjB,QAAQ,EAAE,eAAe,CAAC,UAAU,IAAI,KAAK,EAC7C,OAAO,EAAE,GAAG,EAAE,CACZ,eAAe,CAAC,aAAa,CAAC,CAAC,eAAe,CAAC,UAAU,CAAC,EAE5D,KAAK,EAAC,aAAa,GACnB,EACF,KAAC,gBAAgB,IACf,IAAI,EAAE,KAAC,gBAAgB,IAAC,SAAS,EAAC,SAAS,GAAG,EAC9C,QAAQ,EAAE,eAAe,CAAC,MAAM,IAAI,KAAK,EACzC,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC,eAAe,CAAC,MAAM,CAAC,EACjE,KAAK,EAAC,QAAQ,GACd,IACE,CACP,CAAC;AACJ,CAAC"}

package/dist/editor/page-viewer/EditorForm.d.ts

@@ -0,0 +1,5 @@
+import { PageViewContext } from "./pageViewContext";
+export declare function EditorForm({ pageViewContext, readonly, }: {
+    pageViewContext?: PageViewContext;
+    readonly?: boolean;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/editor/page-viewer/EditorForm.js

@@ -0,0 +1,128 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEditContext } from "../client/editContext";
+import { getComponentById } from "../componentTreeHelper";
+import { FieldList } from "../FieldList";
+import { ItemInfo } from "../ItemInfo";
+import { Insert } from "../sidebar/Insert";
+import { useEffect, useState } from "react";
+import { SimpleIconButton } from "../ui/SimpleIconButton";
+import { Spinner } from "../ui/Spinner";
+import { SimpleTabs } from "../ui/SimpleTabs";
+export function EditorForm({ pageViewContext, readonly, }) {
+    const editContext = useEditContext();
+    if (!pageViewContext)
+        pageViewContext = editContext.pageView;
+    const setInsertMode = editContext.setInsertMode;
+    const insertMode = editContext.insertMode;
+    const [activeTabKey, setActiveTabKey] = useState("content");
+    const [item, setItem] = useState();
+    const [component, setComponent] = useState();
+    const toggleInsertMode = () => {
+        if (insertMode) {
+            setInsertMode(false);
+        }
+        else {
+            // if (editContext.selection.length > 0)
+            //   editContext.setSelectedForInsertion(editContext.selection[0]);
+            setInsertMode(true);
+        }
+    };
+    useEffect(() => {
+        if (editContext.selectedForInsertion)
+            setInsertMode(true);
+    }, [editContext.selectedForInsertion]);
+    let isShared = false;
+    useEffect(() => {
+        if (!pageViewContext.page)
+            return;
+        let newSelectedItem;
+        if (editContext.selection.length === 1) {
+            const component = getComponentById(editContext.selection[0], pageViewContext.page);
+            setComponent(component);
+            newSelectedItem = component?.datasourceItem;
+            if (component?.datasourceItem &&
+                component?.datasourceItem?.id !== component?.id)
+                isShared = true;
+        }
+        else {
+            newSelectedItem = pageViewContext.page.rootComponent.datasourceItem;
+            setComponent(pageViewContext.page.rootComponent);
+        }
+        // if (
+        //   newSelectedItem?.id !== item?.id ||
+        //   newSelectedItem?.language !== item?.language ||
+        //   newSelectedItem?.version !== item?.version
+        // ) {
+        //   setInsertMode(false);
+        // }
+        setItem(newSelectedItem || pageViewContext.page.rootComponent.datasourceItem);
+    }, [
+        editContext.selection,
+        pageViewContext.page,
+        pageViewContext.pageItemDescriptor,
+    ]);
+    if (!item)
+        return (_jsx("div", { className: "grid h-full w-full items-center justify-center", children: _jsx(Spinner, {}) }));
+    const validators = editContext.validationResult?.find((x) => x.item.id === item?.id &&
+        x.item.language === item?.language &&
+        x.item.version === item?.version)?.results || [];
+    let designFields = Object.values(item?.fields).filter((x) => x.section === "Design" || x.section === "Rendering");
+    const editorFields = component?.editorFields;
+    if (editorFields && editorFields["Design"]) {
+        editorFields["Design"]?.addFields.forEach((fieldName) => {
+            const field = item?.fields.find((x) => x.name === fieldName);
+            if (field)
+                designFields.push(field);
+        });
+        editorFields["Design"]?.removeFields.forEach((fieldName) => {
+            designFields = designFields.filter((x) => x.name !== fieldName);
+        });
+    }
+    const itemFields = [];
+    const contentFields = Object.values(item?.fields).filter((x) => ((editorFields && editorFields["Content"]?.addFields.includes(x.name)) ||
+        item.renderedFieldIds.indexOf(x.id) >= 0) &&
+        !(editorFields && editorFields["Content"]?.removeFields.includes(x.name)));
+    if (contentFields.length > 0)
+        itemFields.push({ fields: contentFields });
+    component?.items
+        .filter((x) => x.id !== item.id)
+        .forEach((i) => {
+        const fields = [];
+        i.renderedFieldIds.forEach((id) => {
+            const field = Object.values(i?.fields).find((x) => x.id === id);
+            if (field)
+                fields.push(field);
+        });
+        if (fields.length > 0)
+            itemFields.push({ headline: i.name, fields });
+    });
+    const getFieldsTab = (fields, headline, id) => {
+        return {
+            label: headline,
+            content: (_jsx("div", { className: "relative h-full", children: _jsx("div", { className: "absolute inset-0 overflow-auto px-3", children: _jsx(FieldList, { fields: fields, validators: validators, simplified: true, readonly: readonly }) }) })),
+            id,
+        };
+    };
+    const tabPanels = [];
+    if (itemFields.length > 0)
+        tabPanels.push(getFieldsTab(itemFields, "Content", "content"));
+    //TODO: generalize this
+    if (editorFields) {
+        Object.keys(editorFields).forEach((key) => {
+            if (key !== "Content" && key !== "Design") {
+                const fields = item?.fields.filter((x) => editorFields[key]?.addFields.includes(x.name));
+                if (fields?.length)
+                    tabPanels.push(getFieldsTab([{ fields }], key, key));
+            }
+        });
+    }
+    if (designFields?.length)
+        tabPanels.push(getFieldsTab([{ fields: designFields }], "Design", "design"));
+    tabPanels.push({
+        label: "Advanced",
+        content: (_jsx("div", { className: "relative h-full", children: _jsxs("div", { className: "absolute inset-0 overflow-auto px-3", children: [_jsx(ItemInfo, { item: item }), _jsx(FieldList, { fields: [{ fields: item.fields }], validators: validators, showStandardFieldsEnabled: true, readonly: readonly })] }) })),
+        id: "advanced",
+    });
+    return (_jsxs("div", { className: "flex h-full flex-col bg-gray-50", "data-testid": "editor-sidepanel", children: [_jsxs("h1", { className: "flex h-12 items-center justify-center border-b border-gray-200 p-2", children: [editContext.selection.length > 0 && (_jsx(SimpleIconButton, { icon: "pi pi-angle-left", onClick: () => editContext.select([]), label: "Back to page", size: "large" })), editContext.selection.length === 0 && _jsx("div", { className: "w-12" }), _jsxs("div", { className: "flex-1 text-center", id: "item-name", "data-testid": "component-name", children: [item?.name, isShared && (_jsx("span", { className: "ml-2 rounded-md bg-orange-400 p-2 text-sm text-black", children: "Shared" }))] }), _jsx(SimpleIconButton, { id: "insert-component-button", icon: insertMode ? "pi pi-pencil" : "pi pi-plus", onClick: () => toggleInsertMode(), label: insertMode ? "Continue editing" : "Insert component", size: "large", disabled: !editContext.page?.item.canWriteItem || !item?.canWriteItem })] }), insertMode && _jsx(Insert, {}), !insertMode && (_jsx(SimpleTabs, { tabs: tabPanels, className: "flex flex-1 items-center justify-center border-b border-gray-200 bg-gray-50 py-3 text-sm", activeTab: tabPanels.findIndex((x) => x.id === activeTabKey) || 0, setActiveTab: (index) => setActiveTabKey(tabPanels[index]?.id) }, "editor-tabs"))] }));
+}
+//# sourceMappingURL=EditorForm.js.map

package/dist/editor/page-viewer/EditorForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditorForm.js","sourceRoot":"","sources":["../../../src/editor/page-viewer/EditorForm.tsx"],"names":[],"mappings":"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"}

package/dist/editor/page-viewer/MiniMap.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { PageViewContext } from "./pageViewContext";
+export declare function MiniMap({ deviceHeight, scroll, mainViewIframeRef, mode, pageViewContext, }: {
+    deviceHeight?: number;
+    scroll: number;
+    mainViewIframeRef: React.RefObject<HTMLIFrameElement | null>;
+    mode: "edit" | "compare" | "view";
+    pageViewContext: PageViewContext;
+}): import("react/jsx-runtime").JSX.Element | null | undefined;