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

package/dist/cjs/editor/AiTerminal.js

@@ -16,10 +16,17 @@ const react_1 = require("react");
 const terminalservice_1 = require("primereact/terminalservice");
 const navigation_1 = require("next/navigation");
 const Terminal_1 = require("./Terminal");
-function AiTerminal({ requestRefresh, selection, }) {
+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 [tokens, setTokens] = (0, react_1.useState)({ in: 0, out: 0 });
+    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;
@@ -35,25 +42,38 @@ function AiTerminal({ requestRefresh, selection, }) {
                 ...messagesRef.current,
                 { content: text, role: "user", name: "user" },
             ];
-            let lastRefresh = new Date().getTime();
-            const response = yield prompt(newMessages, selectionRef.current, searchParams.get("session"), searchParams.get("itemid"), searchParams.get("language"), searchParams.get("version"), (response) => {
-                console.log(response);
-                setTokens({
-                    in: response.numInputTokens,
-                    out: response.numOutputTokens,
-                });
+            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 (new Date().getTime() - lastRefresh > 500) {
-                        requestRefresh("delayed");
-                        router.refresh();
-                        lastRefresh = new Date().getTime();
+                    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);
-                setTokens({ in: response.numInputTokens, out: response.numOutputTokens });
                 router.refresh();
             }
             // if (response) {
@@ -86,12 +106,15 @@ function AiTerminal({ requestRefresh, selection, }) {
             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([]), commandHandler: (v, callback) => {
+    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);
-                        } }) }) }), (0, jsx_runtime_1.jsxs)("div", { className: "a-text-xs", children: ["Tokens in: ", tokens.in, " out: ", tokens.out] })] }));
+                        } }) }) }), (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, callback) {
+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",
@@ -101,6 +124,7 @@ function prompt(messages, selection, session, itemid, language, version, callbac
                 language,
                 version,
                 selection,
+                model,
                 sessionId: session,
             }),
             credentials: "omit",
@@ -152,10 +176,10 @@ function prompt(messages, selection, session, itemid, language, version, callbac
                 console.error("Error parsing the final buffer content:", e);
             }
         }
+        console.log(result);
         return result;
     });
 }
 function handleResponse(response, terminalCallback, isFinished) {
-    console.log(response.responseText);
     terminalCallback(response.responseText, isFinished);
 }

package/dist/cjs/editor/ComponentInfo.js

@@ -3,12 +3,13 @@
 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.jsx)("div", { children: (0, jsx_runtime_1.jsxs)("div", { className: "a-text-xs", children: ["Source: ", component.hostingPageItem.path, "( ID:", " ", component.hostingPageItem.id, ")"] }) })) : null;
-    const linkedComponent = component.linkedComponentItem ? ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsxs)("div", { className: "a-text-xs", children: ["Source: ", component.linkedComponentItem.path] }) })) : null;
-    return ((0, jsx_runtime_1.jsxs)("div", { className: "a-p-1", children: [(0, jsx_runtime_1.jsx)("h2", { className: "a-text-xl a-font-bold a-my-2", children: component.name }), (0, jsx_runtime_1.jsxs)("div", { className: "a-text-xs", children: ["ID: ", component.id] }), (0, jsx_runtime_1.jsxs)("div", { className: "a-text-xs", children: ["Languages: ", (_a = component.translations) === null || _a === void 0 ? void 0 : _a.join(", ")] }), hostingPageItem, linkedComponent] }));
+    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,79 +1,23 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ComponentPalette = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const tabview_1 = require("primereact/tabview");
 const __1 = require("..");
-const ContentTree_1 = __importDefault(require("./ContentTree"));
-function ComponentPalette({ selection, page, dragStart, dragEnd, }) {
+function ComponentPalette({ insertOptions, dragStart, dragEnd, }) {
     const editContext = (0, __1.useEditContext)();
     if (!editContext)
         return;
-    const insertingPlaceholderKeys = selection
-        .map((x) => editContext.getComponentById(x))
-        .filter((x) => x)
-        .reduce((a, x) => a.concat(x.placeholders.map((y) => y.key)), []);
-    const selectedPlaceholderKeys = [
-        ...selection.filter((x) => x.indexOf("_") > 0),
-        ...insertingPlaceholderKeys,
-    ];
-    const insertOptions = collectInsertOptions(page, selectedPlaceholderKeys);
-    // function directInsert() {
-    //   if (editContext!.selectedForInsertion.indexOf("_") > 0) {
-    //     var lastUnderscoreIndex =
-    //       editContext!.selectedForInsertion.lastIndexOf("_");
-    //     const index = editContext!.selectedForInsertion.substring(
-    //       lastUnderscoreIndex + 1
-    //     );
-    //     const key = editContext!.selectedForInsertion.substring(
-    //       0,
-    //       lastUnderscoreIndex
-    //     );
-    //     editContext!.droppedInPlaceholder(key, parseInt(index));
-    //   }
-    // }
-    return ((0, jsx_runtime_1.jsxs)(tabview_1.TabView, { children: [(0, jsx_runtime_1.jsx)(tabview_1.TabPanel, { header: "New", children: (0, jsx_runtime_1.jsx)("div", { className: "a-grid a-grid-cols-4 a-gap-1", children: insertOptions.map((option) => {
-                        function handleDragStart(event) {
-                            dragStart({ type: "template", templateId: option.id });
-                            event.stopPropagation();
-                        }
-                        function handleDragEnd() {
-                            dragEnd();
-                        }
-                        return ((0, jsx_runtime_1.jsxs)("div", { 
-                            //    onClick={directInsert}
-                            draggable: true, onDragStart: handleDragStart, onDragEnd: handleDragEnd, className: "a-p-3 a-shadow-md a-flex a-items-center a-flex-col a-gap-1 a-cursor-grab", children: [(0, jsx_runtime_1.jsx)("img", { src: option.icon, width: "32", height: "32" }), option.name] }, option.id));
-                    }) }) }), (0, jsx_runtime_1.jsx)(tabview_1.TabPanel, { header: "Existing", children: (0, jsx_runtime_1.jsx)(ContentTree_1.default, { rootItemId: "0DE95AE4-41AB-4D01-9EB0-67441B7C2450", dragStart: (itemNode) => {
-                        dragStart({
-                            type: "link-component",
-                            templateId: itemNode.templateId,
-                            componentId: itemNode.id,
-                        });
-                    }, expandIdPath: page.idPath, dragEnd: dragEnd, isDraggable: (x) => x.isComponent &&
-                        (insertOptions === null || insertOptions === void 0 ? void 0 : insertOptions.find((insertOption) => insertOption.id == x.templateId)) != undefined }) })] }));
-}
-exports.ComponentPalette = ComponentPalette;
-function collectInsertOptions(page, placeholderKeys) {
-    const insertOptionsMap = new Map();
-    function traverse(placeholders) {
-        for (const placeholder of placeholders) {
-            if (placeholder.insertOptions &&
-                (placeholderKeys.length === 0 ||
-                    placeholderKeys.includes(placeholder.key))) {
-                for (const option of placeholder.insertOptions) {
-                    insertOptionsMap.set(option.id, option);
-                }
+    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();
             }
-            for (const component of placeholder.components) {
-                traverse(component.placeholders);
+            function handleDragEnd() {
+                dragEnd();
             }
-        }
-    }
-    traverse(page.placeholders);
-    // Convert the map back into an array of objects
-    const insertOptionsArray = Array.from(insertOptionsMap.values());
-    return insertOptionsArray;
+            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

@@ -9,6 +9,7 @@ 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,
@@ -39,13 +40,21 @@ function mapComponentNode(c, parent) {
         parent: parent,
         tags: [],
         droppable: true,
+        className: c.isRemovedFromMasterLanguage ? "a-text-gray-400" : "",
     };
-    if (c.translations && c.translations.length > 1)
+    // 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: c.translations.length + " Languages",
-            icon: "pi pi-flag",
+            value: "Inherited " + (c.isRemovedFromMasterLanguage ? " / removed" : ""),
+            icon: "pi pi-caret-right",
         });
+    }
     if (c.hostingPageItem) {
         node.tags.push({
             severity: "warning",
@@ -62,19 +71,38 @@ function mapComponentNode(c, parent) {
             },
         });
     }
+    if (c.linkedComponentItem) {
+        node.tags.push({
+            severity: "warning",
+            value: "Shared",
+            icon: "",
+            color: "rgb(251, 146, 60)",
+        });
+    }
     node.children = mapPlaceholders(c, node);
     return node;
 }
-// function selectTreeNode(event: TreeSelectionEvent): void {
-//   editContext.setSelection(event.value.keys());
-// }
 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) => {
@@ -93,78 +121,67 @@ function ComponentTree({ page, selection, }) {
             setExpandedKeys(newExpandedKeys);
         setSelectedKeys(newSelectedKeys);
     }, [selection]);
+    if (!editContext)
+        return;
     if (!page)
         return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
-    const componentsNode = {
-        key: "0",
-        componentId: "0",
-        label: "Components",
-        data: "Components Folder",
-        icon: "pi pi-fw pi-list",
-    };
-    componentsNode.children = mapPlaceholders(page, componentsNode);
-    const treeNodes = [componentsNode];
+    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", 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" } }, x.value)))] }));
+        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 });
     };
-    const menu = [
-        {
-            label: "View Key",
-            icon: "pi pi-search",
-            command: () => {
-                //  toast.current.show({ severity: 'success', summary: 'Node Key', detail: selectedNodeKey });
-            },
-        },
-        {
-            label: "Toggle",
-            icon: "pi pi-sort",
-            command: () => {
-                // let _expandedKeys = { ...expandedKeys };
-                // if (_expandedKeys[selectedNodeKey]) delete _expandedKeys[selectedNodeKey];
-                // else _expandedKeys[selectedNodeKey] = true;
-                // setExpandedKeys(_expandedKeys);
-            },
-        },
-    ];
-    function findNode(ev) {
-        const treeNodeParent = ev.target.closest(".p-treenode");
-        if (treeNodeParent) {
-            const childWithDataKey = treeNodeParent.querySelector("[data-key]");
-            if (childWithDataKey) {
-                return childWithDataKey;
-            }
-        }
-        return null;
+    let selectedEntities = selection
+        .filter((key) => nodeDictionary[key])
+        .map((key) => nodeDictionary[key].data)
+        .filter((x) => x);
+    if (selectedEntities.length === 0 && nodeDataForContextMenu) {
+        selectedEntities = [nodeDataForContextMenu];
     }
-    return ((0, jsx_runtime_1.jsxs)("div", { onDragOverCapture: (ev) => {
-            var _a;
-            if (!findNode(ev))
-                ev.dataTransfer.dropEffect = "none";
-            ev.dataTransfer.dropEffect =
-                ((_a = editContext === null || editContext === void 0 ? void 0 : editContext.dragObject) === null || _a === void 0 ? void 0 : _a.type) == "template" ? "copy" : "move";
-            ev.preventDefault();
-            ev.stopPropagation();
-        }, onDropCapture: (ev) => {
-            var node = findNode(ev);
-            if (node)
-                alert(node.getAttribute("data-key"));
-            ev.stopPropagation();
-        }, 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", onToggle: (e) => setExpandedKeys(e.value), expandedKeys: expandedKeys, nodeTemplate: nodeTemplate, dragdropScope: "ignore", onSelectionChange: (ev) => {
+    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([]);
                     }
-                }, onContextMenu: (e) => { var _a; return (_a = cm.current) === null || _a === void 0 ? void 0 : _a.show(e.originalEvent); } })] }));
+                }, 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) {

package/dist/cjs/editor/ConfirmationDialog.js

@@ -0,0 +1,31 @@
+"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;