@alpaca-headless/alpaca-headless-nextjs 1.0.129 → 1.0.253

package/dist/cjs/components/TextEditor.js

@@ -1,77 +0,0 @@
-"use strict";
-"use client";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TextEditor = void 0;
-const react_1 = __importStar(require("react"));
-const editContext_1 = require("../editor/editContext");
-function TextEditor(_a) {
-    var { field, tag } = _a, props = __rest(_a, ["field", "tag"]);
-    const editContext = (0, editContext_1.useEditContext)();
-    const [value, setValue] = (0, react_1.useState)("");
-    const [editedValue, setEditedValue] = (0, react_1.useState)();
-    if (!editContext)
-        return;
-    const { updateContentEditingFields } = editContext;
-    const liveField = editContext.getLiveField(field);
-    (0, react_1.useEffect)(() => {
-        if (!liveField)
-            return;
-        if (editedValue != liveField.value)
-            setValue(liveField.value);
-    }, [liveField === null || liveField === void 0 ? void 0 : liveField.value]);
-    (0, react_1.useEffect)(() => {
-        if (liveField) {
-            setValue(field.value);
-            liveField.value = field.value;
-        }
-    }, [field]);
-    (0, react_1.useEffect)(() => {
-        if (!liveField)
-            return;
-        setValue(liveField.value); // Otherwise react would not update the field after the refresh
-    }, [updateContentEditingFields]);
-    const properies = Object.assign(Object.assign({}, props), { contentEditable: true, suppressContentEditableWarning: true, onInput: (e) => setFieldValue(e.currentTarget.textContent), placeholder: "[" + field.name + "]", onFocus: () => {
-            editContext.setFocusedField(field);
-        } });
-    const setFieldValue = (val) => {
-        setEditedValue(val);
-        if (editContext)
-            editContext.editField({ field, value: val, refresh: "none" });
-    };
-    return react_1.default.createElement(tag || "div", properies, value);
-}
-exports.TextEditor = TextEditor;

package/dist/cjs/components/Translate.js

@@ -1,14 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Translate = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const __1 = require("..");
-const TranslateEditor_1 = require("./TranslateEditor");
-function Translate({ text }) {
-    const context = (0, __1.useAlpacaContext)();
-    const dictionary = context.dictionary;
-    if (context.pageContext.pageEditing)
-        return (0, jsx_runtime_1.jsx)(TranslateEditor_1.TranslateEditor, { text: text });
-    return dictionary[text] || text;
-}
-exports.Translate = Translate;

package/dist/cjs/components/TranslateEditor.js

@@ -1,28 +0,0 @@
-"use strict";
-"use client";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TranslateEditor = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const __1 = require("..");
-const TextEditor_1 = require("./TextEditor");
-function TranslateEditor({ text }) {
-    const context = (0, __1.useEditContext)();
-    if (!context || !context.dictionary)
-        return text;
-    const dictionary = context.dictionary;
-    (0, react_1.useEffect)(() => {
-        if (Object.keys(dictionary).indexOf(text) < 0 &&
-            context.unresolvedDictionaryKeys.indexOf(text) < 0) {
-            context.setUnresolvedDictionaryKeys([
-                ...context.unresolvedDictionaryKeys,
-                text,
-            ]);
-        }
-    }, []);
-    if (dictionary[text]) {
-        return (0, jsx_runtime_1.jsx)(TextEditor_1.TextEditor, { field: dictionary[text] });
-    }
-    return ((0, jsx_runtime_1.jsx)("span", { className: "a-p-1 a-ring-2 a-ring-red-500", onClick: () => console.log("create dictionary entry"), children: text }));
-}
-exports.TranslateEditor = TranslateEditor;

package/dist/cjs/components/index.js

@@ -1,23 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./Placeholder"), exports);
-__exportStar(require("./Text"), exports);
-__exportStar(require("./Picture"), exports);
-__exportStar(require("./RichText"), exports);
-__exportStar(require("./Image"), exports);
-__exportStar(require("./Link"), exports);
-__exportStar(require("./Translate"), exports);

package/dist/cjs/editor/AiPopup.js

@@ -1,33 +0,0 @@
-"use strict";
-"use client";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AiPopup = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const overlaypanel_1 = require("primereact/overlaypanel");
-const AiTerminal_1 = require("./AiTerminal");
-const button_1 = require("primereact/button");
-const react_1 = require("react");
-const __1 = require("..");
-exports.AiPopup = (0, react_1.forwardRef)((props, ref) => {
-    const overlayRef = (0, react_1.useRef)(null);
-    const [operations, setOperations] = (0, react_1.useState)([]);
-    const editContext = (0, __1.useEditContext)();
-    (0, react_1.useImperativeHandle)(ref, () => ({
-        show: (ev) => {
-            var _a;
-            setOperations([]);
-            (_a = overlayRef.current) === null || _a === void 0 ? void 0 : _a.toggle(ev);
-        },
-        close: () => {
-            var _a;
-            (_a = overlayRef.current) === null || _a === void 0 ? void 0 : _a.hide();
-        },
-    }));
-    return ((0, jsx_runtime_1.jsx)(overlaypanel_1.OverlayPanel, { ref: overlayRef, children: (0, jsx_runtime_1.jsxs)("div", { className: "a-w-96 a-h-96 a-flex a-flex-col a-gap-2", children: [(0, jsx_runtime_1.jsx)(AiTerminal_1.AiTerminal, { selection: [props.componentId], newEditOperations: (ops) => setOperations([...operations, ...ops]) }), operations.length > 0 && ((0, jsx_runtime_1.jsxs)("div", { className: "a-text-xs", children: [operations.length, " changes"] })), (0, jsx_runtime_1.jsxs)("div", { className: "a-flex a-gap-4 a-justify-end", children: [!operations.length && ((0, jsx_runtime_1.jsx)(button_1.Button, { label: "Close", onClick: () => { var _a; return (_a = overlayRef.current) === null || _a === void 0 ? void 0 : _a.hide(); }, size: "small" })), operations.length > 0 && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(button_1.Button, { icon: "pi pi-check", severity: "success", label: "Accept", onClick: () => { var _a; return (_a = overlayRef.current) === null || _a === void 0 ? void 0 : _a.hide(); }, size: "small" }), (0, jsx_runtime_1.jsx)(button_1.Button, { icon: "pi pi-times", severity: "danger", label: "Reject", onClick: () => {
-                                        var _a;
-                                        if (operations.length > 0) {
-                                            editContext === null || editContext === void 0 ? void 0 : editContext.undo(operations.length);
-                                            (_a = overlayRef.current) === null || _a === void 0 ? void 0 : _a.hide();
-                                        }
-                                    }, size: "small" })] }))] })] }) }));
-});

package/dist/cjs/editor/AiTerminal.js

@@ -1,185 +0,0 @@
-"use strict";
-"use client";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AiTerminal = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const terminalservice_1 = require("primereact/terminalservice");
-const navigation_1 = require("next/navigation");
-const Terminal_1 = require("./Terminal");
-const editContext_1 = require("./editContext");
-const dropdown_1 = require("primereact/dropdown");
-function AiTerminal({ selection, newEditOperations, }) {
-    var _a;
-    const searchParams = (0, navigation_1.useSearchParams)();
-    const editContext = (0, editContext_1.useEditContext)();
-    if (!editContext)
-        return null;
-    const [messages, setMessages] = (0, react_1.useState)([]);
-    const [response, setResponse] = (0, react_1.useState)();
-    const [model, setModel] = (0, react_1.useState)("gpt-3.5-turbo-1106");
-    const selectionRef = (0, react_1.useRef)(selection);
-    (0, react_1.useEffect)(() => {
-        selectionRef.current = selection;
-    }, [selection]);
-    const messagesRef = (0, react_1.useRef)(messages);
-    (0, react_1.useEffect)(() => {
-        messagesRef.current = messages;
-    }, [messages]);
-    const router = (0, navigation_1.useRouter)();
-    function commandHandler(text, callback) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const newMessages = [
-                ...messagesRef.current,
-                { content: text, role: "user", name: "user" },
-            ];
-            let lastOps = 0;
-            const response = yield prompt(newMessages, selectionRef.current, searchParams.get("session"), searchParams.get("itemid"), searchParams.get("language"), searchParams.get("version"), model, (response) => {
-                setResponse(response);
-                handleResponse(response, callback, false);
-                if (response.editOperations.length) {
-                    if (newEditOperations)
-                        newEditOperations(response.editOperations);
-                    if (lastOps != response.editOperations.length) {
-                        lastOps = response.editOperations.length;
-                        editContext.requestRefresh("immediate");
-                    }
-                    else {
-                        response.editOperations.forEach((op) => {
-                            if (op.type === "edit-field") {
-                                const editFieldOp = op;
-                                const liveField = editContext.getLiveFieldIfExists({
-                                    id: editFieldOp.fieldId,
-                                    item: {
-                                        id: editFieldOp.itemId,
-                                        language: editFieldOp.language,
-                                        version: editFieldOp.version,
-                                    },
-                                });
-                                if (liveField != null)
-                                    liveField.value = editFieldOp.value;
-                            }
-                        });
-                    }
-                }
-            });
-            if (response) {
-                handleResponse(response, callback, true);
-                router.refresh();
-            }
-            // if (response) {
-            //     messages.push({content: text, 'role': 'assistant', 'name': 'assistant'});
-            // if(response.editOperations) {
-            //       const newEditOperations = [...editOperationsRef.current, {
-            //         type:'composite',
-            //         name: 'ghostwriter',
-            //         date: new Date(),
-            //         operations: response.editOperations
-            //       }];
-            //       setEditOperations(newEditOperations);
-            // }
-            if (response === null || response === void 0 ? void 0 : response.responseText)
-                newMessages.push({
-                    content: response.responseText,
-                    role: "assistant",
-                    name: "assistant",
-                });
-            //     TerminalService.emit('response', response.responseText);
-            // }
-            // // else
-            // //     TerminalService.emit('clear');
-            setMessages(newMessages);
-        });
-    }
-    (0, react_1.useEffect)(() => {
-        terminalservice_1.TerminalService.on("command", commandHandler);
-        return () => {
-            terminalservice_1.TerminalService.off("command", commandHandler);
-        };
-    }, []);
-    return ((0, jsx_runtime_1.jsxs)("div", { className: "a-h-full a-flex a-flex-col a-relative a-flex-1", children: [(0, jsx_runtime_1.jsx)("div", { className: "a-flex-1 a-relative", children: (0, jsx_runtime_1.jsx)("div", { className: "a-inset-0 a-absolute", children: (0, jsx_runtime_1.jsx)(Terminal_1.Terminal, { onReset: () => setMessages([]), toolbar: (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(dropdown_1.Dropdown, { value: model, onChange: (e) => setModel(e.value), options: ["gpt-3.5-turbo-1106", "gpt-4-1106-preview"] }) }), commandHandler: (v, callback) => {
-                            commandHandler(v, callback);
-                        } }) }) }), (response === null || response === void 0 ? void 0 : response.numInputTokens) && ((0, jsx_runtime_1.jsxs)("div", { className: "a-text-xs", children: ["Tokens in: ", response === null || response === void 0 ? void 0 : response.numInputTokens, " out: ", response === null || response === void 0 ? void 0 : response.numOutputTokens, " ", (_a = response === null || response === void 0 ? void 0 : response.toolCalls) === null || _a === void 0 ? void 0 : _a.map((tool_call) => {
-                        var _a;
-                        return (_a = tool_call.function) === null || _a === void 0 ? void 0 : _a.name;
-                    })] }))] }));
-}
-exports.AiTerminal = AiTerminal;
-function prompt(messages, selection, session, itemid, language, version, model, callback) {
-    return __awaiter(this, void 0, void 0, function* () {
-        const response = yield fetch("/alpaca/headless/ai/prompt", {
-            method: "POST",
-            body: JSON.stringify({
-                messages,
-                itemid,
-                language,
-                version,
-                selection,
-                model,
-                sessionId: session,
-            }),
-            credentials: "omit",
-            headers: {
-                "Content-Type": "application/json",
-                //Cookie: 'test'// new Cookies().getAll(),
-            },
-            next: {
-                revalidate: 0,
-            },
-        });
-        if (!(response === null || response === void 0 ? void 0 : response.body))
-            return null;
-        const reader = response.body.getReader();
-        const decoder = new TextDecoder();
-        let buffer = "";
-        let result = null;
-        while (true) {
-            const { done, value } = yield reader.read();
-            if (done) {
-                break;
-            }
-            buffer += decoder.decode(value, { stream: true }); // 'stream: true' ensures that any incomplete multi-byte characters aren't malformed.
-            // Split the buffer by newline and keep the last partial line for the next iteration.
-            const lines = buffer.split("\n");
-            if (lines.length > 0) {
-                buffer = lines.pop() || ""; // Incomplete line (if any) is kept for the next iteration.
-                for (let line of lines) {
-                    if (line.trim() === "")
-                        continue; // Skip empty lines if any.
-                    try {
-                        const jsonData = JSON.parse(line);
-                        callback(jsonData);
-                        result = jsonData;
-                    }
-                    catch (e) {
-                        console.error("Error parsing line:" + line, e);
-                    }
-                }
-            }
-        }
-        // If there's any remaining content in the buffer after processing all chunks, try to process it.
-        if (buffer.trim() !== "") {
-            try {
-                const jsonData = JSON.parse(buffer);
-                result = jsonData;
-            }
-            catch (e) {
-                console.error("Error parsing the final buffer content:", e);
-            }
-        }
-        console.log(result);
-        return result;
-    });
-}
-function handleResponse(response, terminalCallback, isFinished) {
-    terminalCallback(response.responseText, isFinished);
-}

package/dist/cjs/editor/ComponentInfo.js

@@ -1,15 +0,0 @@
-"use strict";
-"use client";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ComponentInfo = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Section_1 = require("./ui/Section");
-function ComponentInfo({ component, }) {
-    var _a;
-    if (!(component === null || component === void 0 ? void 0 : component.fields))
-        return;
-    const hostingPageItem = component.hostingPageItem ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { className: "a-font-bold", children: "Source:" }), (0, jsx_runtime_1.jsxs)("div", { children: [component.hostingPageItem.path, " (ID: ", component.hostingPageItem.id, ")"] })] })) : null;
-    const linkedComponent = component.linkedComponentItem ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { className: "a-font-bold", children: "Source:" }), (0, jsx_runtime_1.jsxs)("div", { children: [component.linkedComponentItem.path, " (", component.linkedComponentItem.id, ")"] })] })) : null;
-    return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h2", { className: "a-py-5 a-px-3 a-text-xl a-font-bold a-my-2", children: component.name }), (0, jsx_runtime_1.jsx)(Section_1.Section, { title: "Info", children: (0, jsx_runtime_1.jsxs)("div", { className: "a-grid a-grid-cols-[min-content_1fr] a-gap-3 a-text-xs a-p-2 a-bg-gray-100", children: [(0, jsx_runtime_1.jsx)("div", { className: "a-font-bold", children: "ID:" }), (0, jsx_runtime_1.jsxs)("div", { children: [" ", component.id] }), (0, jsx_runtime_1.jsx)("div", { className: "a-font-bold", children: "Template" }), (0, jsx_runtime_1.jsxs)("div", { children: [component.componentType, " (", component.templateId, ")"] }), (0, jsx_runtime_1.jsx)("div", { className: "a-font-bold", children: "Languages" }), (0, jsx_runtime_1.jsx)("div", { children: (_a = component.translations) === null || _a === void 0 ? void 0 : _a.join(", ") }), hostingPageItem, linkedComponent] }) })] }));
-}
-exports.ComponentInfo = ComponentInfo;

package/dist/cjs/editor/ComponentPalette.js

@@ -1,23 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ComponentPalette = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const __1 = require("..");
-function ComponentPalette({ insertOptions, dragStart, dragEnd, }) {
-    const editContext = (0, __1.useEditContext)();
-    if (!editContext)
-        return;
-    return ((0, jsx_runtime_1.jsx)("div", { className: "a-grid a-gap-1 a-grid-cols-[repeat(auto-fill,_minmax(70px,_1fr))] a-m-3", children: insertOptions
-            .filter((x) => !x.isHidden)
-            .map((option) => {
-            function handleDragStart(event) {
-                dragStart({ type: "template", templateId: option.id });
-                event.stopPropagation();
-            }
-            function handleDragEnd() {
-                dragEnd();
-            }
-            return ((0, jsx_runtime_1.jsxs)("div", { draggable: true, onDragStart: handleDragStart, onDragEnd: handleDragEnd, className: "a-p-2 a-shadow-md a-flex a-items-center a-flex-col a-gap-2 a-cursor-grab a-text-center a-text-xs", children: [(0, jsx_runtime_1.jsx)("div", { className: "a-p-2 a-border", children: (0, jsx_runtime_1.jsx)("img", { src: option.icon, width: "16", height: "16" }) }), option.name] }, option.id));
-        }) }));
-}
-exports.ComponentPalette = ComponentPalette;

package/dist/cjs/editor/ComponentTree.js

@@ -1,217 +0,0 @@
-"use strict";
-"use client";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ComponentTree = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const __1 = require("..");
-const tree_1 = require("primereact/tree");
-const react_1 = require("react");
-const tag_1 = require("primereact/tag");
-const contextmenu_1 = require("primereact/contextmenu");
-const confirmdialog_1 = require("primereact/confirmdialog");
-const componentCommands_1 = require("./componentCommands");
-function mapPlaceholderNode(p, parent) {
-    const node = {
-        key: p.key,
-        componentId: p.key,
-        label: p.name,
-        data: p,
-        icon: "pi pi-folder",
-        parent: parent,
-        droppable: true,
-    };
-    node.children = p.components.map((c) => mapComponentNode(c, node));
-    return node;
-}
-function mapPlaceholders(c, parent) {
-    if (c.placeholders.length > 1)
-        return c.placeholders.map((x) => mapPlaceholderNode(x, parent));
-    else if (c.placeholders.length > 0)
-        return c.placeholders[0].components.map((c) => mapComponentNode(c, parent));
-    return [];
-}
-function mapComponentNode(c, parent) {
-    const node = {
-        key: c.linkItemId + "_" + c.id || c.id,
-        componentId: c.id,
-        label: c.name,
-        icon: "pi pi-stop",
-        data: c,
-        parent: parent,
-        tags: [],
-        droppable: true,
-        className: c.isRemovedFromMasterLanguage ? "a-text-gray-400" : "",
-    };
-    // if (c.translations && c.translations.length > 1)
-    //   node.tags!.push({
-    //     severity: "info",
-    //     value: c.translations!.length + " Languages",
-    //     icon: "pi pi-flag",
-    //   });
-    if (c.isInheritedFromMasterLanguage) {
-        node.tags.push({
-            severity: "info",
-            value: "Inherited " + (c.isRemovedFromMasterLanguage ? " / removed" : ""),
-            icon: "pi pi-caret-right",
-        });
-    }
-    if (c.hostingPageItem) {
-        node.tags.push({
-            severity: "warning",
-            value: "Layout",
-            icon: "",
-            color: "rgb(192 132 252)",
-            onClick: () => {
-                var _a;
-                (0, confirmdialog_1.confirmDialog)({
-                    header: "Edit layout",
-                    message: "Edit layout " + ((_a = c.hostingPageItem) === null || _a === void 0 ? void 0 : _a.path) + "?",
-                    accept: () => window.open(c.hostingPageItem.editUrl, "_blank"),
-                });
-            },
-        });
-    }
-    if (c.linkedComponentItem) {
-        node.tags.push({
-            severity: "warning",
-            value: "Shared",
-            icon: "",
-            color: "rgb(251, 146, 60)",
-        });
-    }
-    node.children = mapPlaceholders(c, node);
-    return node;
-}
-function ComponentTree({ page, selection, }) {
-    const [expandedKeys, setExpandedKeys] = (0, react_1.useState)({
-        "0": true,
-    });
-    const [selectedKeys, setSelectedKeys] = (0, react_1.useState)();
-    const [nodeDataForContextMenu, setNodeDataForContextMenu] = (0, react_1.useState)();
-    const cm = (0, react_1.useRef)(null);
-    let editContext = (0, __1.useEditContext)();
-    const treeRef = (0, react_1.useRef)(null);
-    (0, react_1.useEffect)(() => {
-        if (treeRef.current) {
-            const selectedNodeKey = Object.keys(selectedKeys || {})[0];
-            const selectedNodeElement = treeRef.current.querySelector(`[data-key="${selectedNodeKey}"]`);
-            if (selectedNodeElement) {
-                selectedNodeElement.scrollIntoView({
-                    behavior: "smooth",
-                    block: "nearest",
-                });
-            }
-        }
-    }, [selectedKeys]);
-    (0, react_1.useEffect)(() => {
-        const newSelectedKeys = {};
-        selection.forEach((id) => {
-            const nodes = findNodesByComponentId(id, nodeDictionary);
-            nodes.forEach((nodeId) => {
-                newSelectedKeys[nodeId] = true;
-            });
-        });
-        const newExpandedKeys = Object.assign({}, expandedKeys);
-        Object.keys(newSelectedKeys).forEach((id) => {
-            const node = nodeDictionary[id];
-            if (node)
-                expandParents(node.parent, newExpandedKeys);
-        });
-        if (!hasSameProps(newExpandedKeys, expandedKeys))
-            setExpandedKeys(newExpandedKeys);
-        setSelectedKeys(newSelectedKeys);
-    }, [selection]);
-    if (!editContext)
-        return;
-    if (!page)
-        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
-    const treeNodes = mapPlaceholders(page, {});
-    const nodeDictionary = {};
-    createMap(treeNodes, nodeDictionary);
-    const nodeTemplate = (node, options) => {
-        var _a;
-        let label = ((0, jsx_runtime_1.jsxs)("span", { "data-key": node.key, className: "a-flex a-items-center", children: [(0, jsx_runtime_1.jsx)("span", { className: node.className, children: node.label }), (_a = node.tags) === null || _a === void 0 ? void 0 : _a.map((x) => ((0, jsx_runtime_1.jsx)(tag_1.Tag, { icon: x.icon, value: x.value, severity: x.severity, onClick: x.onClick, style: {
-                        backgroundColor: x.color,
-                        marginLeft: "8px",
-                        fontSize: "10px",
-                        padding: "1px 4px 2px 2px",
-                    } }, x.value)))] }));
-        return (0, jsx_runtime_1.jsx)("span", { className: options.className, children: label });
-    };
-    let selectedEntities = selection
-        .filter((key) => nodeDictionary[key])
-        .map((key) => nodeDictionary[key].data)
-        .filter((x) => x);
-    if (selectedEntities.length === 0 && nodeDataForContextMenu) {
-        selectedEntities = [nodeDataForContextMenu];
-    }
-    let commands = (0, componentCommands_1.getComponentCommands)(selectedEntities, editContext);
-    const menu = commands.map((x) => ({
-        label: x.label,
-        icon: x.icon,
-        disabled: x.disabled,
-        command: () => {
-            x.execute();
-        },
-    }));
-    return ((0, jsx_runtime_1.jsxs)("div", { className: "a-p-1", ref: treeRef, children: [(0, jsx_runtime_1.jsx)(contextmenu_1.ContextMenu, { model: menu, ref: cm }), (0, jsx_runtime_1.jsx)(tree_1.Tree, { value: treeNodes, selectionMode: "multiple", selectionKeys: selectedKeys, className: "a-w-full alpaca-no-border a-text-xs", onToggle: (e) => setExpandedKeys(e.value), expandedKeys: expandedKeys, nodeTemplate: nodeTemplate, dragdropScope: "ignore", onSelectionChange: (ev) => {
-                    if (ev.value) {
-                        const selectedKeys = Object.keys(ev.value);
-                        const selectedComponentIds = selectedKeys
-                            .filter((key) => nodeDictionary[key])
-                            .map((key) => nodeDictionary[key].componentId);
-                        editContext === null || editContext === void 0 ? void 0 : editContext.setSelection(selectedComponentIds);
-                        if (selectedComponentIds.length === 1)
-                            editContext.setScrollIntoView(selectedComponentIds[0]);
-                    }
-                    else {
-                        editContext === null || editContext === void 0 ? void 0 : editContext.setSelection([]);
-                    }
-                }, onDragDrop: (e) => {
-                    console.log(e.dropNode);
-                    console.log(e.dragNode);
-                    console.log(e.dropIndex);
-                }, onContextMenu: (e) => {
-                    var _a;
-                    const componentId = nodeDictionary[e.node.key].componentId;
-                    if (componentId) {
-                        if (selection.indexOf(componentId) < 0) {
-                            editContext === null || editContext === void 0 ? void 0 : editContext.setSelection([componentId]);
-                        }
-                    }
-                    setNodeDataForContextMenu(e.node.data);
-                    (_a = cm.current) === null || _a === void 0 ? void 0 : _a.show(e.originalEvent);
-                } })] }));
-}
-exports.ComponentTree = ComponentTree;
-function createMap(treeNodes, nodeDictionary) {
-    treeNodes.forEach((n) => {
-        if (n.key)
-            nodeDictionary[n.key] = n;
-        if (n.children)
-            createMap(n.children, nodeDictionary);
-    });
-}
-function findNodesByComponentId(id, nodesDictionary) {
-    const allNodes = Object.values(nodesDictionary);
-    return allNodes
-        .filter((x) => x.componentId === id)
-        .map((x) => { var _a; return ((_a = x.key) === null || _a === void 0 ? void 0 : _a.toString()) || ""; });
-}
-function expandParents(node, newExpandedKeys) {
-    if (!node)
-        return;
-    if (node.key)
-        newExpandedKeys[node.key] = true;
-    if (node.parent)
-        expandParents(node.parent, newExpandedKeys);
-}
-function hasSameProps(obj1, obj2) {
-    var obj1Props = Object.keys(obj1), obj2Props = Object.keys(obj2);
-    if (obj1Props.length == obj2Props.length) {
-        return obj1Props.every(function (prop) {
-            return obj2Props.indexOf(prop) >= 0;
-        });
-    }
-    return false;
-}

package/dist/cjs/editor/ConfirmationDialog.js

@@ -1,31 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const dialog_1 = require("primereact/dialog");
-const button_1 = require("primereact/button");
-const ConfirmationDialog = (0, react_1.forwardRef)((_props, ref) => {
-    const [visible, setVisible] = (0, react_1.useState)(false);
-    const [props, setProps] = (0, react_1.useState)();
-    (0, react_1.useImperativeHandle)(ref, () => ({
-        confirm: (props) => {
-            setVisible(true);
-            setProps(props);
-        },
-    }));
-    const handleAccept = () => {
-        props === null || props === void 0 ? void 0 : props.accept();
-        setVisible(false);
-    };
-    const handleReject = () => {
-        if (props === null || props === void 0 ? void 0 : props.reject)
-            props.reject();
-        setVisible(false);
-    };
-    const handleCancel = () => {
-        setVisible(false);
-    };
-    const dialogFooter = ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(button_1.Button, { label: (props === null || props === void 0 ? void 0 : props.acceptLabel) || "Yes", icon: (props === null || props === void 0 ? void 0 : props.acceptIcon) || "pi pi-check", onClick: handleAccept, className: "p-button-text" }), (props === null || props === void 0 ? void 0 : props.rejectLabel) && ((0, jsx_runtime_1.jsx)(button_1.Button, { label: props === null || props === void 0 ? void 0 : props.rejectLabel, icon: (props === null || props === void 0 ? void 0 : props.rejectIcon) || "pi pi-times", onClick: handleReject, className: "p-button-text" })), (props === null || props === void 0 ? void 0 : props.showCancel) && ((0, jsx_runtime_1.jsx)(button_1.Button, { label: "Cancel", icon: "pi pi-ban", onClick: handleCancel, className: "p-button-text" }))] }));
-    return ((0, jsx_runtime_1.jsx)(dialog_1.Dialog, { header: (props === null || props === void 0 ? void 0 : props.header) || "Confirm", visible: visible, style: { width: "50vw" }, footer: dialogFooter, onHide: handleCancel, children: (0, jsx_runtime_1.jsxs)("div", { className: "a-pt-3 a-flex a-items-center a-gap-2", children: [(props === null || props === void 0 ? void 0 : props.icon) && (0, jsx_runtime_1.jsx)("i", { className: props.icon + " a-text-3xl" }), props === null || props === void 0 ? void 0 : props.message] }) }));
-});
-exports.default = ConfirmationDialog;