@alpaca-editor/core 1.0.0 → 1.0.3

package/dist/editor/FloatingToolbar.js

@@ -0,0 +1,90 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useState } from "react";
+export default function FloatingToolbar({ children, onPin, height, width, }) {
+    const [position, setPosition] = useState({ x: 0, y: 95 });
+    const [size, setSize] = useState({ width: 400, height: 70 });
+    const [dragging, setDragging] = useState(false);
+    const [resizing, setResizing] = useState(false);
+    const [offset, setOffset] = useState({ x: 0, y: 0 });
+    const [hidden, setHidden] = useState(false);
+    useEffect(() => {
+        console.log("WIDTH: ", width, "Height: ", height);
+        setSize({ width: width || 400, height: height || 70 });
+    }, []);
+    const handleMouseDown = useCallback((e) => {
+        // Start dragging and calculate the offset from the mouse to the sidebar top-left corner
+        setDragging(true);
+        setOffset({
+            x: e.clientX - position.x,
+            y: e.clientY - position.y,
+        });
+    }, [position]);
+    const handleMouseMove = useCallback((e) => {
+        if (dragging) {
+            // Update the position state based on mouse movement, adjusted by the initial offset
+            setPosition({
+                x: e.clientX - offset.x,
+                y: e.clientY - offset.y,
+            });
+        }
+    }, [dragging, offset]);
+    const handleMouseUp = useCallback(() => {
+        // Stop dragging
+        setDragging(false);
+    }, []);
+    const handleResizeMouseDown = useCallback((e) => {
+        e.preventDefault();
+        setResizing(true);
+        setOffset({
+            x: e.clientX,
+            y: e.clientY,
+        });
+    }, []);
+    const handleResizeMouseMove = useCallback((e) => {
+        if (resizing) {
+            const newWidth = size.width + (e.clientX - offset.x);
+            const newHeight = size.height + (e.clientY - offset.y);
+            setSize({
+                width: newWidth > 200 ? newWidth : 200, // Minimum width
+                height: newHeight > 100 ? newHeight : 100, // Minimum height
+            });
+            setOffset({
+                x: e.clientX,
+                y: e.clientY,
+            });
+        }
+    }, [resizing, offset, size]);
+    const handleResizeMouseUp = useCallback(() => {
+        setResizing(false);
+    }, []);
+    useEffect(() => {
+        if (resizing) {
+            document.addEventListener("mousemove", handleResizeMouseMove);
+            document.addEventListener("mouseup", handleResizeMouseUp);
+        }
+        return () => {
+            document.removeEventListener("mousemove", handleResizeMouseMove);
+            document.removeEventListener("mouseup", handleResizeMouseUp);
+        };
+    }, [resizing, handleResizeMouseMove, handleResizeMouseUp]);
+    // Add event listeners to the document when the sidebar is being dragged
+    useEffect(() => {
+        if (dragging) {
+            document.addEventListener("mousemove", handleMouseMove);
+            document.addEventListener("mouseup", handleMouseUp);
+        }
+        // Cleanup the document event listeners when the component unmounts or dragging stops
+        return () => {
+            document.removeEventListener("mousemove", handleMouseMove);
+            document.removeEventListener("mouseup", handleMouseUp);
+        };
+    }, [dragging, handleMouseMove, handleMouseUp]);
+    return (_jsxs("div", { className: "border border-gray-200 drop-shadow z-10 flex flex-col", onMouseMove: handleMouseMove, onMouseUp: handleMouseUp, style: {
+            left: `${position.x}px`,
+            top: `${position.y}px`,
+            position: "absolute", // Use 'fixed' or 'absolute' depending on your layout needs
+            height: `${hidden ? 30 : size.height}px`,
+            width: `${size.width}px`,
+        }, children: [_jsxs("div", { className: "bg-gray-100 w-full flex justify-between items-between p-2 text-sm", style: { cursor: "move", userSelect: "none" }, onMouseDown: handleMouseDown, children: ["Toolbar", _jsxs("div", { className: "flex gap-2", children: [hidden && (_jsx("div", { className: "border-2 border-gray-800 w-4 h-4 cusor-pointer", onClick: () => setHidden(false) })), !hidden && (_jsx("div", { className: "border-b-2 border-gray-800 w-4 h-4 cusor-pointer", onClick: () => setHidden(true) })), onPin && (_jsx("i", { className: "pi pi-arrow-down-left cursor-pointer", onClick: onPin }))] })] }), _jsx("div", { className: "flex-1", children: !hidden && children }), _jsx("div", { className: "h-4 bg-gray-100" }), _jsx("div", { className: "cursor-nwse-resize w-4 h-4 absolute -bottom-1 -right-2 text-gray-500", onMouseDown: handleResizeMouseDown, children: _jsx("i", { className: "pi pi-sort-down -rotate-45 w-4 h-4" }) })] }));
+}
+//# sourceMappingURL=FloatingToolbar.js.map

package/dist/editor/FloatingToolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FloatingToolbar.js","sourceRoot":"","sources":["../../src/editor/FloatingToolbar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAa,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEpE,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,QAAQ,EACR,KAAK,EACL,MAAM,EACN,KAAK,GAMN;IACC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC;IAC1D,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC;IAC7D,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAChD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAChD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;IACrD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE5C,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,CAAC,GAAG,CAAC,SAAS,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,CAAC,CAAC;QAClD,OAAO,CAAC,EAAE,KAAK,EAAE,KAAK,IAAI,GAAG,EAAE,MAAM,EAAE,MAAM,IAAI,EAAE,EAAE,CAAC,CAAC;IACzD,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,eAAe,GAAG,WAAW,CACjC,CAAC,CAAM,EAAE,EAAE;QACT,wFAAwF;QACxF,WAAW,CAAC,IAAI,CAAC,CAAC;QAClB,SAAS,CAAC;YACR,CAAC,EAAE,CAAC,CAAC,OAAO,GAAG,QAAQ,CAAC,CAAC;YACzB,CAAC,EAAE,CAAC,CAAC,OAAO,GAAG,QAAQ,CAAC,CAAC;SAC1B,CAAC,CAAC;IACL,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,MAAM,eAAe,GAAG,WAAW,CACjC,CAAC,CAAM,EAAE,EAAE;QACT,IAAI,QAAQ,EAAE,CAAC;YACb,oFAAoF;YACpF,WAAW,CAAC;gBACV,CAAC,EAAE,CAAC,CAAC,OAAO,GAAG,MAAM,CAAC,CAAC;gBACvB,CAAC,EAAE,CAAC,CAAC,OAAO,GAAG,MAAM,CAAC,CAAC;aACxB,CAAC,CAAC;QACL,CAAC;IACH,CAAC,EACD,CAAC,QAAQ,EAAE,MAAM,CAAC,CACnB,CAAC;IAEF,MAAM,aAAa,GAAG,WAAW,CAAC,GAAG,EAAE;QACrC,gBAAgB;QAChB,WAAW,CAAC,KAAK,CAAC,CAAC;IACrB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,qBAAqB,GAAG,WAAW,CAAC,CAAC,CAAM,EAAE,EAAE;QACnD,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,WAAW,CAAC,IAAI,CAAC,CAAC;QAClB,SAAS,CAAC;YACR,CAAC,EAAE,CAAC,CAAC,OAAO;YACZ,CAAC,EAAE,CAAC,CAAC,OAAO;SACb,CAAC,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,qBAAqB,GAAG,WAAW,CACvC,CAAC,CAAM,EAAE,EAAE;QACT,IAAI,QAAQ,EAAE,CAAC;YACb,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,OAAO,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;YACrD,MAAM,SAAS,GAAG,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,OAAO,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;YACvD,OAAO,CAAC;gBACN,KAAK,EAAE,QAAQ,GAAG,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,EAAE,gBAAgB;gBACxD,MAAM,EAAE,SAAS,GAAG,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,EAAE,iBAAiB;aAC7D,CAAC,CAAC;YACH,SAAS,CAAC;gBACR,CAAC,EAAE,CAAC,CAAC,OAAO;gBACZ,CAAC,EAAE,CAAC,CAAC,OAAO;aACb,CAAC,CAAC;QACL,CAAC;IACH,CAAC,EACD,CAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,CAAC,CACzB,CAAC;IAEF,MAAM,mBAAmB,GAAG,WAAW,CAAC,GAAG,EAAE;QAC3C,WAAW,CAAC,KAAK,CAAC,CAAC;IACrB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,QAAQ,EAAE,CAAC;YACb,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,qBAAqB,CAAC,CAAC;YAC9D,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,mBAAmB,CAAC,CAAC;QAC5D,CAAC;QAED,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,qBAAqB,CAAC,CAAC;YACjE,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,mBAAmB,CAAC,CAAC;QAC/D,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,QAAQ,EAAE,qBAAqB,EAAE,mBAAmB,CAAC,CAAC,CAAC;IAE3D,wEAAwE;IACxE,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,QAAQ,EAAE,CAAC;YACb,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,eAAe,CAAC,CAAC;YACxD,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;QACtD,CAAC;QAED,qFAAqF;QACrF,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,eAAe,CAAC,CAAC;YAC3D,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;QACzD,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,QAAQ,EAAE,eAAe,EAAE,aAAa,CAAC,CAAC,CAAC;IAE/C,OAAO,CACL,eACE,SAAS,EAAC,uDAAuD,EACjE,WAAW,EAAE,eAAe,EAC5B,SAAS,EAAE,aAAa,EACxB,KAAK,EAAE;YACL,IAAI,EAAE,GAAG,QAAQ,CAAC,CAAC,IAAI;YACvB,GAAG,EAAE,GAAG,QAAQ,CAAC,CAAC,IAAI;YACtB,QAAQ,EAAE,UAAU,EAAE,2DAA2D;YACjF,MAAM,EAAE,GAAG,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,IAAI;YACxC,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,IAAI;SACzB,aAED,eACE,SAAS,EAAC,mEAAmE,EAC7E,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,EAC7C,WAAW,EAAE,eAAe,wBAG5B,eAAK,SAAS,EAAC,YAAY,aACxB,MAAM,IAAI,CACT,cACE,SAAS,EAAC,gDAAgD,EAC1D,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,GAC1B,CACR,EACA,CAAC,MAAM,IAAI,CACV,cACE,SAAS,EAAC,kDAAkD,EAC5D,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,GACzB,CACR,EACA,KAAK,IAAI,CACR,YACE,SAAS,EAAC,sCAAsC,EAChD,OAAO,EAAE,KAAK,GACX,CACN,IACG,IACF,EACN,cAAK,SAAS,EAAC,QAAQ,YAAE,CAAC,MAAM,IAAI,QAAQ,GAAO,EACnD,cAAK,SAAS,EAAC,iBAAiB,GAAO,EACvC,cACE,SAAS,EAAC,sEAAsE,EAChF,WAAW,EAAE,qBAAqB,YAElC,YAAG,SAAS,EAAC,oCAAoC,GAAG,GAChD,IACF,CACP,CAAC;AACJ,CAAC"}

package/dist/editor/ImageEditor.d.ts

@@ -0,0 +1,5 @@
+import { ImageField } from "./fieldTypes";
+export declare function ImageEditor({ field, style, }: {
+    field: ImageField;
+    style?: React.CSSProperties;
+}): import("react/jsx-runtime").JSX.Element | null;

package/dist/editor/ImageEditor.js

@@ -0,0 +1,53 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useCallback, useState } from "react";
+import { useEditContext } from "./client/editContext";
+import { useDialog } from "./client/DialogContext";
+export function ImageEditor({ field, style, }) {
+    const [showMenu, setShowMenu] = useState(false);
+    const editContext = useEditContext();
+    const dialogContext = useDialog();
+    if (!field || !editContext)
+        return null;
+    const imageSelected = useCallback(async (imageId) => {
+        editContext.operations.editField({
+            field: field.descriptor,
+            rawValue: '<image mediaid="{' + imageId + '}" />',
+            refresh: "immediate",
+        });
+    }, [field]);
+    async function selectMedia() {
+        const selectedImageId = await editContext?.selectMedia({
+            selectedIdPath: field.value?.src || "",
+            mode: "images",
+        });
+        if (selectedImageId)
+            imageSelected(selectedImageId);
+    }
+    const getImageSrc = () => {
+        if (!field.value) {
+            if (!field.rawValue)
+                return null;
+            const parser = new DOMParser();
+            const xmlDoc = parser.parseFromString(field.rawValue, "text/xml");
+            const imageElement = xmlDoc.documentElement;
+            return imageElement.getAttribute("src");
+        }
+        return field.value.src;
+    };
+    const getImageAlt = () => {
+        console.log(`GetImageAlt: ${JSON.stringify(field.value)}`);
+        if (!field.value)
+            return "";
+        // Standard image
+        return field.value.alt;
+    };
+    return (_jsx(_Fragment, { children: _jsxs("div", { className: "absolute inset-0 flex items-center justify-center", onMouseEnter: () => setShowMenu(true), onMouseLeave: () => setShowMenu(false), style: style, "data-testid": "select-media", children: [getImageSrc() && (_jsx("img", { src: getImageSrc(), alt: getImageAlt(), className: "max-h-full max-w-full object-contain" })), showMenu && (_jsxs("div", { className: "p-3 grid grid-cols-1 gap-1.5 items-stretch justify-center text-sm absolute inset-0 bg-black/50", children: [_jsx(Btn, { label: getImageSrc() ? "Change Image" : "Select Image", icon: "pi pi-image", onClick: () => selectMedia(), testId: "select-media-button", className: "min-w-[80px]" }), editContext?.configuration?.fieldTypes["image"]?.buttons?.map((button) => (_jsx(Btn, { label: button.label, icon: button.icon, onClick: () => button?.clientAction?.({
+                                field,
+                                editContext,
+                                dialogContext,
+                            }) }, button.id)))] }))] }) }));
+}
+function Btn({ label, icon, onClick, testId, className, }) {
+    return (_jsxs("button", { className: `btn bg-gray-500 text-white p-1.5 rounded-lg opacity-70 border border-gray-200 hover:opacity-85 gap-1.5 flex items-center ${className}`, onClick: onClick, "data-testid": testId, children: [_jsx("i", { className: icon }), " ", label] }));
+}
+//# sourceMappingURL=ImageEditor.js.map

package/dist/editor/ImageEditor.js.map

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

package/dist/editor/InsertMenu.d.ts

@@ -0,0 +1,8 @@
+import { ItemCommand } from "./commands/itemCommands";
+import { ItemTreeNodeData } from "./services/contentService";
+import { FullItem } from "./pageModel";
+export declare const InsertMenuTemplate: ({ insertOptions, item, commandCallback, }: {
+    insertOptions: ItemTreeNodeData[];
+    item: FullItem;
+    commandCallback?: (command: ItemCommand, result: any) => void;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/editor/InsertMenu.js

@@ -0,0 +1,158 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEditContext } from "../client-components";
+import { useRef, useState, useEffect } from "react";
+import { InputText } from "primereact/inputtext";
+import { ScrollingContentTree } from "./ScrollingContentTree";
+import { SimpleTabs } from "./ui/SimpleTabs";
+import ItemSearch from "./ui/ItemSearch";
+import { templatesRootItemId } from "../config/config";
+export const InsertMenuTemplate = ({ insertOptions, item, commandCallback, }) => {
+    const editContext = useEditContext();
+    const opRef = useRef(null);
+    const [filter, setFilter] = useState("");
+    const filterRef = useRef(null);
+    const [activeTab, setActiveTab] = useState(() => {
+        const stored = localStorage.getItem("editor.defaultInsertTab");
+        return stored ? parseInt(stored) : 0;
+    });
+    useEffect(() => {
+        localStorage.setItem("editor.defaultInsertTab", activeTab.toString());
+    }, [activeTab]);
+    const [recentTemplates, setRecentTemplates] = useState([]);
+    const [recentItems, setRecentItems] = useState([]);
+    const [hoveredItem, setHoveredItem] = useState();
+    const [wizards, setWizards] = useState([]);
+    const hideTimeoutRef = useRef(undefined);
+    useEffect(() => {
+        const loadRecentItems = async () => {
+            const items = await editContext?.itemsRepository.getItems(recentTemplates.map((id) => ({
+                id,
+                version: 0,
+                language: "en",
+            })));
+            if (items)
+                setRecentItems(items);
+        };
+        loadRecentItems();
+    }, [recentTemplates]);
+    useEffect(() => {
+        const stored = localStorage.getItem("editor.recentTemplates");
+        if (stored) {
+            const parsed = JSON.parse(stored);
+            setRecentTemplates(parsed);
+        }
+    }, [insertOptions]);
+    useEffect(() => {
+        const loadWizards = async () => {
+            const wizards = await editContext?.configuration.pageWizard.getWizards(item.descriptor);
+            setWizards(wizards ?? []);
+        };
+        loadWizards();
+    }, [item]);
+    const getCommand = (x) => {
+        return async (triggerEvent) => {
+            const stored = localStorage.getItem("editor.recentTemplates");
+            const recentIds = stored ? JSON.parse(stored) : [];
+            const updatedIds = [
+                x.id,
+                ...recentIds.filter((id) => id !== x.id),
+            ].slice(0, 10);
+            localStorage.setItem("editor.recentTemplates", JSON.stringify(updatedIds));
+            setRecentTemplates(updatedIds);
+            const result = await editContext?.executeCommand({
+                command: editContext.configuration.commands.insertItem,
+                data: { items: [item], templateId: x.id },
+                event: triggerEvent,
+            });
+            if (commandCallback)
+                commandCallback(editContext?.configuration.commands.insertItem, result);
+        };
+    };
+    const options = insertOptions.length === 0
+        ? undefined
+        : insertOptions.map((x) => ({
+            label: x.name,
+            id: x.id,
+            icon: (_jsx("img", { className: "p-menuitem-icon", src: x.icon, style: { height: "16px" }, width: "16", height: "16", onDragStart: (e) => e.preventDefault() })),
+            command: getCommand(x),
+        }));
+    const tabs = [
+        {
+            label: "Options",
+            content: (_jsxs("div", { className: "flex flex-col gap-2 h-full", children: [_jsx(InputText, { ref: filterRef, className: "w-full", placeholder: "Filter", onChange: (e) => setFilter(e.target.value) }), _jsx("div", { className: "flex-1 relative", children: _jsx("div", { className: "absolute inset-0 overflow-auto", children: options
+                                ?.filter((x) => x.label.toLowerCase().indexOf(filter.toLowerCase()) > -1)
+                                .map((option) => (_jsxs("div", { className: "flex items-center p-1 cursor-pointer hover:bg-gray-100 gap-2 text-xs", onClick: (ev) => {
+                                    ev.stopPropagation();
+                                    ev.preventDefault();
+                                    option.command(ev);
+                                }, children: [option.icon, _jsx("span", { className: "flex-1", children: option.label
+                                            .split(new RegExp(`(${filter})`, "i"))
+                                            .map((part, i) => part.toLowerCase() === filter.toLowerCase() ? (_jsx("u", { className: "font-bold", children: part }, i)) : (part)) })] }, option.id))) }) })] })),
+            id: "options",
+        },
+        {
+            label: "Recent",
+            content: (_jsx("div", { className: "flex flex-col h-full", children: recentItems.length === 0 ? (_jsx("div", { className: "text-sm text-gray-500 p-2", children: "No recent templates" })) : (recentItems.map((template) => (_jsxs("div", { className: "flex items-center p-1 cursor-pointer hover:bg-gray-100 gap-2 text-xs", onClick: (ev) => {
+                        ev.stopPropagation();
+                        ev.preventDefault();
+                        getCommand(template)(ev);
+                    }, children: [_jsx("img", { className: "p-menuitem-icon", src: template.icon, style: { height: "16px" }, width: "16", height: "16", onDragStart: (e) => e.preventDefault() }), _jsx("span", { className: "flex-1", children: template.name })] }, template.id)))) })),
+            id: "recent",
+        },
+        {
+            label: "From Template",
+            content: (_jsxs("div", { className: " h-full w-full flex flex-col gap-2", children: [_jsx(ItemSearch, { setHoveredItem: setHoveredItem, rootItemIds: [templatesRootItemId], itemSelected: (item) => {
+                            getCommand(item)(null);
+                        } }), _jsx("div", { className: "flex-2 relative", children: _jsx("div", { className: "overflow-auto absolute inset-0", children: _jsx(ScrollingContentTree, { selectedItemId: hoveredItem?.id ?? item?.id, rootItemId: templatesRootItemId, onSelectionChange: (node) => {
+                                    if (Array.isArray(node) && node[0]) {
+                                        node = node[0];
+                                    }
+                                    if (!node)
+                                        return;
+                                    getCommand(node)(null);
+                                } }) }) })] })),
+            id: "fromTemplate",
+        },
+    ];
+    if (wizards.length > 0) {
+        tabs.push({
+            label: "Wizards",
+            content: (_jsx("div", { children: wizards.map((wizard) => (_jsxs("div", { className: "flex items-center p-1 cursor-pointer hover:bg-gray-100 gap-2 text-xs", onClick: (ev) => {
+                        ev.stopPropagation();
+                        ev.preventDefault();
+                        editContext?.executeCommand({
+                            command: editContext?.configuration.pageWizard.startWizardCommand,
+                            data: { wizard, item: item.descriptor },
+                            event: ev,
+                        });
+                    }, children: [_jsx("img", { className: "p-menuitem-icon", src: wizard.icon, style: { height: "16px" }, width: "16", height: "16", onDragStart: (e) => e.preventDefault() }), _jsx("span", { className: "flex-1", children: wizard.name })] }, wizard.id))) })),
+            id: "wizards",
+        });
+    }
+    return (_jsxs("div", { className: "p-2", style: { display: "flex", alignItems: "center", cursor: "pointer" }, onMouseEnter: () => {
+            if (hideTimeoutRef.current) {
+                clearTimeout(hideTimeoutRef.current);
+            }
+            opRef.current && (opRef.current.style.display = "block");
+            filterRef.current && filterRef.current.focus();
+        }, onMouseLeave: () => {
+            hideTimeoutRef.current = setTimeout(() => {
+                opRef.current && (opRef.current.style.display = "none");
+            }, 200);
+        }, onClick: (ev) => {
+            ev.stopPropagation();
+            ev.preventDefault();
+        }, children: [_jsx("i", { className: "mr-2 pi pi-plus" }), _jsx("span", { className: "p-menuitem-text", children: "Insert" }), _jsx("div", { ref: opRef, className: "absolute bg-white shadow-lg rounded-md z-50 p-2", onKeyDownCapture: (ev) => {
+                    ev.stopPropagation();
+                }, onKeyUpCapture: (ev) => {
+                    ev.stopPropagation();
+                }, style: {
+                    display: opRef.current ? "block" : "none",
+                    top: "-50px",
+                    left: "100%",
+                    minWidth: "450px",
+                    minHeight: "380px",
+                    border: "1px solid #ddd",
+                }, children: _jsx("div", { className: "absolute inset-4 flex flex-col", children: _jsx(SimpleTabs, { tabs: tabs, setActiveTab: setActiveTab, activeTab: activeTab }) }) })] }));
+};
+//# sourceMappingURL=InsertMenu.js.map

package/dist/editor/InsertMenu.js.map

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

package/dist/editor/ItemInfo.d.ts

@@ -0,0 +1,4 @@
+import { FullItem } from "./pageModel";
+export declare function ItemInfo({ item }: {
+    item: FullItem | null;
+}): import("react/jsx-runtime").JSX.Element | undefined;

package/dist/editor/ItemInfo.js

@@ -0,0 +1,28 @@
+"use client";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEditContext } from "./client/editContext";
+import { CopyToClipboardButton } from "./ui/CopyToClipboardButton";
+import { Section } from "./ui/Section";
+export function ItemInfo({ item }) {
+    if (!item?.fields)
+        return;
+    const editContext = useEditContext();
+    function formatRow(label, value) {
+        return (_jsxs(_Fragment, { children: [_jsx("div", { className: "font-bold", children: label }), _jsx("div", { children: value })] }));
+    }
+    return (_jsxs("div", { children: [_jsxs("div", { className: "flex items-center py-2 px-3 my-2", children: [_jsx("img", { src: item.largeIcon, alt: "Icon", className: "mr-2", style: { height: "32px", width: "32px" } }), _jsxs("h2", { className: "text-l font-bold", children: [item.name, _jsx("button", { className: "ml-2", onClick: () => {
+                                    editContext?.executeCommand({
+                                        command: editContext.configuration.commands.renameItem,
+                                        data: { items: [item] },
+                                    });
+                                }, children: _jsx("i", { className: "pi pi-pencil" }) })] })] }), _jsx(Section, { title: "Info", children: _jsxs("div", { className: "grid grid-cols-[min-content_1fr] gap-3 text-xs", children: [_jsx("div", { className: "font-bold", children: "ID:" }), _jsxs("div", { children: [item.id, " ", _jsx(CopyToClipboardButton, { text: item.id })] }), _jsx("div", { className: "font-bold", children: "Path:" }), _jsxs("div", { children: [item.path, " ", _jsx(CopyToClipboardButton, { text: item.path })] }), _jsx("div", { className: "font-bold", children: "Language:" }), _jsx("div", { children: item.language }), _jsx("div", { className: "font-bold", children: "Version:" }), _jsx("div", { children: item.versions > 0 ? item.version : "No versions" }), _jsx("div", { className: "font-bold", children: "Template:" }), _jsxs("div", { children: [_jsxs("span", { className: "cursor-pointer hover:underline", onClick: () => {
+                                        editContext?.loadItem({
+                                            id: item.templateId,
+                                            language: "en",
+                                            version: 0,
+                                        });
+                                        editContext?.switchView("content-editor");
+                                    }, children: [" ", item.templateName, " (", item.templateId, " "] }), _jsx(CopyToClipboardButton, { text: item.templateId }), ")"] }), item.masterLanguages &&
+                            formatRow("Master languages", item.masterLanguages.join(", ")), item.translations && (_jsxs(_Fragment, { children: [_jsx("div", { className: "font-bold", children: "Languages" }), _jsx("div", { children: item.translations?.join(", ") })] }))] }) })] }));
+}
+//# sourceMappingURL=ItemInfo.js.map

package/dist/editor/ItemInfo.js.map

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

package/dist/editor/LinkEditorDialog.d.ts

@@ -0,0 +1,15 @@
+export type Link = {
+    url?: string;
+    itemId?: string;
+    queryString?: string;
+    target?: string;
+    customTarget?: string;
+    type: string;
+    targetItemLongId?: string;
+    targetItemName?: string;
+};
+export declare function LinkEditorDialog({ linkValue, onCancel, onOk, }: {
+    linkValue: Link;
+    onOk: (link: Link) => void;
+    onCancel: () => void;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/editor/LinkEditorDialog.js

@@ -0,0 +1,84 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Dialog } from "primereact/dialog";
+import { InputText } from "primereact/inputtext";
+import { useEffect, useState } from "react";
+import { Dropdown } from "primereact/dropdown";
+import { Divider } from "primereact/divider";
+import { Button } from "primereact/button";
+import { Splitter, SplitterPanel } from "primereact/splitter";
+import ItemSearch from "./ui/ItemSearch";
+import { SimpleTabs } from "./ui/SimpleTabs";
+import { ScrollingContentTree } from "./ScrollingContentTree";
+export function LinkEditorDialog({ linkValue, onCancel, onOk, }) {
+    const [url, setUrl] = useState();
+    const [targetWindow, setTargetWindow] = useState();
+    const [customTarget, setCustomTarget] = useState();
+    const [queryString, setQueryString] = useState();
+    const [activeTabIndex, setActiveTabIndex] = useState(0);
+    const [selectedItemId, setSelectedItemId] = useState("");
+    const [hoveredItemId, setHoveredItemId] = useState();
+    useEffect(() => {
+        setUrl(linkValue.url);
+        setTargetWindow(linkValue.target);
+        if (linkValue.type == "external")
+            setActiveTabIndex(1);
+        else
+            setActiveTabIndex(0);
+        if (linkValue.target && linkValue.target != "_blank") {
+            setTargetWindow("custom");
+            setCustomTarget(linkValue.target);
+        }
+        if (linkValue.itemId)
+            setSelectedItemId(linkValue.itemId);
+        if (linkValue.queryString)
+            setQueryString(linkValue.queryString);
+    }, [linkValue]);
+    const targetWindows = [
+        { name: "Active browser", code: "" },
+        { name: "New browser", code: "_blank" },
+        { name: "Custom", code: "custom" },
+    ];
+    function getTargetWindow() {
+        if (targetWindow == "custom")
+            return customTarget;
+        return targetWindow;
+    }
+    const tabs = [
+        {
+            id: "internal",
+            label: "Internal",
+            content: (_jsxs(Splitter, { className: "mt-4 flex-1", children: [_jsx(SplitterPanel, { className: "relative h-full", children: _jsx("div", { className: "absolute inset-0 overflow-auto", children: _jsx(ScrollingContentTree, { selectedItemId: hoveredItemId || selectedItemId, onSelectionChange: (selection) => {
+                                    setSelectedItemId(selection[0]?.id || "");
+                                } }) }) }), _jsx(SplitterPanel, { children: _jsx("div", { className: "relative ml-2 h-full w-full", children: _jsx("div", { className: "absolute inset-0 overflow-auto", children: _jsx(ItemSearch, { itemSelected: (item) => {
+                                        setSelectedItemId(item.id);
+                                    }, setHoveredItem: (item) => ((item) => {
+                                        if (!item)
+                                            return;
+                                        setHoveredItemId(item.id);
+                                    })(item) }) }) }) })] })),
+        },
+        {
+            id: "external",
+            label: "External",
+            content: (_jsxs("div", { className: "flex-1", children: [" ", _jsx("label", { className: "mt-4 block text-sm", children: "Url:" }), _jsx(InputText, { value: url || "", onChange: (e) => {
+                            setUrl(e.target.value);
+                        }, className: "w-full text-sm" })] })),
+        },
+    ];
+    return (_jsx(Dialog, { style: { width: "60%", height: "70%" }, onHide: onCancel, header: "Select link target", visible: true, onShow: () => {
+            // Trigger a resize event to recalculate TabView layout
+            window.dispatchEvent(new Event("resize"));
+        }, children: _jsxs("div", { className: "flex h-full flex-col p-4", children: [linkValue && (_jsx(SimpleTabs, { tabs: tabs, activeTab: activeTabIndex, setActiveTab: setActiveTabIndex })), _jsx(Divider, {}), _jsx("label", { className: "text-xs", children: "QueryString" }), _jsx(InputText, { value: queryString, onChange: (e) => setQueryString(e.target.value), className: "text-sm" }), _jsx("label", { className: "mt-4 text-xs", children: "Window" }), _jsx(Dropdown, { options: targetWindows, optionLabel: "name", optionValue: "code", value: targetWindow, onChange: (e) => setTargetWindow(e.value), className: "text-sm" }), targetWindow === "custom" && (_jsxs("div", { className: "m-2", children: [_jsx("label", { className: "block text-xs", children: "Custom:" }), _jsx(InputText, { value: customTarget || "", onChange: (e) => {
+                                setCustomTarget(e.target.value);
+                            }, className: "text-sm" })] })), _jsx(Divider, {}), _jsxs("div", { className: "flex justify-end gap-3", children: [_jsx(Button, { onClick: () => {
+                                onOk({
+                                    url,
+                                    target: getTargetWindow(),
+                                    customTarget: customTarget,
+                                    itemId: selectedItemId,
+                                    queryString: queryString,
+                                    type: activeTabIndex === 1 ? "external" : "internal",
+                                });
+                            }, children: "Select" }), _jsx(Button, { onClick: onCancel, children: "Cancel" })] })] }) }));
+}
+//# sourceMappingURL=LinkEditorDialog.js.map

package/dist/editor/LinkEditorDialog.js.map

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

package/dist/editor/MainLayout.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from "react";
+import { EditorView } from "../config/types";
+export default function MainLayout({ view, centerPanelView, rightSidebar, rightSidebarTitle, className, }: {
+    rightSidebar?: ReactNode;
+    rightSidebarTitle?: string;
+    view: EditorView;
+    centerPanelView: ReactNode;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element | null;

package/dist/editor/MainLayout.js

@@ -0,0 +1,41 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRef } from "react";
+import React from "react";
+import { classNames } from "primereact/utils";
+import { useEditContext } from "./client/editContext";
+import { NavigatorIcon } from "./ui/Icons";
+import { SidebarView } from "./sidebar/SidebarView";
+import { Splitter } from "./ui/Splitter";
+import { ViewSelector } from "./sidebar/ViewSelector";
+export default function MainLayout({ view, centerPanelView, rightSidebar, rightSidebarTitle, className, }) {
+    const panels = [];
+    const editContext = useEditContext();
+    const mainLayoutDivRef = useRef(null);
+    const leftSidebarRef = React.useRef(null);
+    if (!editContext)
+        return null;
+    if (view.leftSidebar)
+        panels.push({
+            name: "leftSidebar",
+            defaultSize: 350,
+            content: (_jsx("div", { className: "w-full h-full", ref: leftSidebarRef, style: { wordBreak: "normal" }, children: _jsx(SidebarView, { sidebar: view.leftSidebar, editContext: editContext, active: true }) })),
+        });
+    panels.push({
+        name: "center",
+        defaultSize: "auto",
+        content: centerPanelView,
+    });
+    if (rightSidebar) {
+        panels.push({
+            name: "rightSidebar",
+            defaultSize: 250,
+            content: rightSidebar,
+            collapsible: true,
+        });
+    }
+    if (!editContext?.configuration.editor.embedded) {
+        className = classNames("fixed inset-0", className);
+    }
+    return (_jsxs("div", { className: classNames("flex flex-col select-none", className), ref: mainLayoutDivRef, children: [editContext?.configuration.editor.titlebar, _jsxs("div", { className: "flex flex-1", children: [!view.hideViewSelector && _jsx(ViewSelector, {}), _jsx("div", { className: "flex-1", children: _jsx(Splitter, { localStorageKey: "editor.panelSizes", expandLabel: _jsxs("div", { className: "flex items-center justify-center", children: [_jsx(NavigatorIcon, {}), _jsxs("div", { className: "mt-3", children: [rightSidebarTitle, " "] })] }), panels: panels }) })] })] }));
+}
+//# sourceMappingURL=MainLayout.js.map

package/dist/editor/MainLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MainLayout.js","sourceRoot":"","sources":["../../src/editor/MainLayout.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAa,MAAM,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAE3C,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAiB,MAAM,eAAe,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAEtD,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,IAAI,EACJ,eAAe,EACf,YAAY,EACZ,iBAAiB,EACjB,SAAS,GAOV;IACC,MAAM,MAAM,GAAoB,EAAE,CAAC;IACnC,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IACrC,MAAM,gBAAgB,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IACtD,MAAM,cAAc,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IAE1D,IAAI,CAAC,WAAW;QAAE,OAAO,IAAI,CAAC;IAE9B,IAAI,IAAI,CAAC,WAAW;QAClB,MAAM,CAAC,IAAI,CAAC;YACV,IAAI,EAAE,aAAa;YACnB,WAAW,EAAE,GAAG;YAChB,OAAO,EAAE,CACP,cACE,SAAS,EAAC,eAAe,EACzB,GAAG,EAAE,cAAc,EACnB,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,YAE9B,KAAC,WAAW,IACV,OAAO,EAAE,IAAI,CAAC,WAAW,EACzB,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,IAAI,GACZ,GACE,CACP;SACF,CAAC,CAAC;IACL,MAAM,CAAC,IAAI,CAAC;QACV,IAAI,EAAE,QAAQ;QACd,WAAW,EAAE,MAAM;QACnB,OAAO,EAAE,eAAe;KACzB,CAAC,CAAC;IAEH,IAAI,YAAY,EAAE,CAAC;QACjB,MAAM,CAAC,IAAI,CAAC;YACV,IAAI,EAAE,cAAc;YACpB,WAAW,EAAE,GAAG;YAChB,OAAO,EAAE,YAAY;YACrB,WAAW,EAAE,IAAI;SAClB,CAAC,CAAC;IACL,CAAC;IAED,IAAI,CAAC,WAAW,EAAE,aAAa,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC;QAChD,SAAS,GAAG,UAAU,CAAC,eAAe,EAAE,SAAS,CAAC,CAAC;IACrD,CAAC;IAED,OAAO,CACL,eACE,SAAS,EAAE,UAAU,CAAC,2BAA2B,EAAE,SAAS,CAAC,EAC7D,GAAG,EAAE,gBAAgB,aAEpB,WAAW,EAAE,aAAa,CAAC,MAAM,CAAC,QAAQ,EAC3C,eAAK,SAAS,EAAC,aAAa,aACzB,CAAC,IAAI,CAAC,gBAAgB,IAAI,KAAC,YAAY,KAAG,EAC3C,cAAK,SAAS,EAAC,QAAQ,YACrB,KAAC,QAAQ,IACP,eAAe,EAAC,mBAAmB,EACnC,WAAW,EACT,eAAK,SAAS,EAAC,kCAAkC,aAC/C,KAAC,aAAa,KAAG,EAEjB,eAAK,SAAS,EAAC,MAAM,aAAE,iBAAiB,SAAQ,IAC5C,EAER,MAAM,EAAE,MAAM,GACd,GACE,IACF,IACF,CACP,CAAC;AACJ,CAAC"}

package/dist/editor/NewEditorClient.d.ts

@@ -0,0 +1,5 @@
+import { EditorConfiguration } from "../config/types";
+export declare function NewEditorClient(props: {
+    className?: string;
+    configuration: EditorConfiguration;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/editor/NewEditorClient.js

@@ -0,0 +1,7 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+export function NewEditorClient(props) {
+    console.log(props);
+    return _jsx("div", { children: "Hello" });
+}
+//# sourceMappingURL=NewEditorClient.js.map

package/dist/editor/NewEditorClient.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NewEditorClient.js","sourceRoot":"","sources":["../../src/editor/NewEditorClient.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAIb,MAAM,UAAU,eAAe,CAAC,KAG/B;IACC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;IACnB,OAAO,kCAAgB,CAAC;AAC1B,CAAC"}

package/dist/editor/PictureCropper.d.ts

@@ -0,0 +1,6 @@
+import { PictureField } from "./fieldTypes";
+export declare function PictureCropper({ field, onClose, variantName: selectedVariantName, }: {
+    field: PictureField;
+    variantName: string;
+    onClose: () => void;
+}): import("react/jsx-runtime").JSX.Element | null;