@alpaca-editor/core 1.0.0 → 1.0.3

package/dist/editor/sidebar/Performance.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Performance.js","sourceRoot":"","sources":["../../../src/editor/sidebar/Performance.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEhD,MAAM,UAAU,WAAW;IACzB,MAAM,OAAO,GAAG,cAAc,EAAE,CAAC;IACjC,IAAI,CAAC,OAAO,EAAE,OAAO;QAAE,OAAO,IAAI,CAAC;IAEnC,MAAM,MAAM,GAAG,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;QACxD,GAAG;QACH,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,GAAG,CAAE,CAAC;KACzC,CAAC,CAAC,CAAC;IAEJ,MAAM,OAAO,GAAG;QACd;YACE,IAAI,EAAE,CAAC,KAAU,EAAE,EAAE;gBACnB,IACE,6EAA6E,CAAC,IAAI,CAChF,KAAK,CAAC,GAAG,CACV,EACD,CAAC;oBACD,MAAM,GAAG,GAAG,KAAK,CAAC,GAAG;yBAClB,KAAK,CAAC,GAAG,CAAC;yBACV,MAAM,CAAC,CAAC,IAAY,EAAE,EAAE,CACvB,6EAA6E,CAAC,IAAI,CAChF,IAAI,CACL,CACF,CAAC;oBACJ,OAAO,CACL,cACE,SAAS,EAAC,gBAAgB,EAC1B,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,GAAG,CAAC,YAEjC,KAAK,CAAC,GAAG,GACN,CACP,CAAC;gBACJ,CAAC;gBAED,OAAO,KAAK,CAAC,GAAG,CAAC;YACnB,CAAC;YACD,MAAM,EAAE,QAAQ;SACjB;QACD;YACE,IAAI,EAAE,CAAC,KAAU,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK;YACjC,MAAM,EAAE,WAAW;SACpB;KACF,CAAC;IAEF,OAAO,CACL,cAAK,SAAS,EAAC,iBAAiB,YAC9B,KAAC,WAAW,IAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,GAAI,GAC5C,CACP,CAAC;AACJ,CAAC"}

package/dist/editor/sidebar/Sessions.d.ts

@@ -0,0 +1 @@
+export declare function Sessions(): import("react/jsx-runtime").JSX.Element | null;

package/dist/editor/sidebar/Sessions.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEditContext } from "../client/editContext";
+import { SimpleTable } from "../ui/SimpleTable";
+export function Sessions() {
+    var editContext = useEditContext();
+    if (!editContext)
+        return null;
+    const sessions = editContext?.activeSessions;
+    const columns = [
+        { body: (session) => session.user?.name, header: "User" },
+        {
+            body: (session) => (_jsx("a", { href: "#", onClick: () => {
+                    if (session.item)
+                        editContext?.loadItem(session.item);
+                }, children: session.item?.name })),
+            header: "Page",
+        },
+        {
+            body: (session) => session.item?.language,
+            header: "Language",
+        },
+        {
+            body: (session) => session.item?.version,
+            header: "Version",
+        },
+    ];
+    return _jsx(SimpleTable, { items: sessions, columns: columns });
+}
+//# sourceMappingURL=Sessions.js.map

package/dist/editor/sidebar/Sessions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sessions.js","sourceRoot":"","sources":["../../../src/editor/sidebar/Sessions.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEhD,MAAM,UAAU,QAAQ;IACtB,IAAI,WAAW,GAAG,cAAc,EAAE,CAAC;IACnC,IAAI,CAAC,WAAW;QAAE,OAAO,IAAI,CAAC;IAC9B,MAAM,QAAQ,GAAG,WAAW,EAAE,cAAc,CAAC;IAC7C,MAAM,OAAO,GAAG;QACd,EAAE,IAAI,EAAE,CAAC,OAAoB,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE;QACtE;YACE,IAAI,EAAE,CAAC,OAAoB,EAAE,EAAE,CAAC,CAC9B,YACE,IAAI,EAAC,GAAG,EACR,OAAO,EAAE,GAAG,EAAE;oBACZ,IAAI,OAAO,CAAC,IAAI;wBAAE,WAAW,EAAE,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;gBACxD,CAAC,YAEA,OAAO,CAAC,IAAI,EAAE,IAAI,GACjB,CACL;YACD,MAAM,EAAE,MAAM;SACf;QACD;YACE,IAAI,EAAE,CAAC,OAAoB,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,QAAQ;YACtD,MAAM,EAAE,UAAU;SACnB;QACD;YACE,IAAI,EAAE,CAAC,OAAoB,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,OAAO;YACrD,MAAM,EAAE,SAAS;SAClB;KACF,CAAC;IAEF,OAAO,KAAC,WAAW,IAAC,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,GAAI,CAAC;AAC5D,CAAC"}

package/dist/editor/sidebar/Sidebar.d.ts

@@ -0,0 +1 @@
+export declare function Sidebar(): import("react/jsx-runtime").JSX.Element | null;

package/dist/editor/sidebar/Sidebar.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEditContext } from "../client/editContext";
+import { SidebarView } from "./SidebarView";
+export function Sidebar() {
+    var editContext = useEditContext();
+    if (!editContext)
+        return null;
+    const view = editContext.view;
+    if (!view || !view.leftSidebar)
+        return null;
+    return (_jsx(SidebarView, { sidebar: view.leftSidebar, editContext: editContext, active: true }));
+}
+//# sourceMappingURL=Sidebar.js.map

package/dist/editor/sidebar/Sidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sidebar.js","sourceRoot":"","sources":["../../../src/editor/sidebar/Sidebar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,MAAM,UAAU,OAAO;IACrB,IAAI,WAAW,GAAG,cAAc,EAAE,CAAC;IACnC,IAAI,CAAC,WAAW;QAAE,OAAO,IAAI,CAAC;IAE9B,MAAM,IAAI,GAAG,WAAW,CAAC,IAAI,CAAC;IAE9B,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,WAAW;QAAE,OAAO,IAAI,CAAC;IAE5C,OAAO,CACL,KAAC,WAAW,IACV,OAAO,EAAE,IAAI,CAAC,WAAW,EACzB,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,IAAI,GACZ,CACH,CAAC;AACJ,CAAC"}

package/dist/editor/sidebar/SidebarView.d.ts

@@ -0,0 +1,8 @@
+import "allotment/dist/style.css";
+import { EditContextType } from "../client/editContext";
+import { Sidebar } from "../../config/types";
+export declare function SidebarView({ sidebar, editContext, active, }: {
+    sidebar: Sidebar;
+    editContext: EditContextType;
+    active: boolean;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/editor/sidebar/SidebarView.js

@@ -0,0 +1,74 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import "allotment/dist/style.css";
+import { Allotment } from "allotment";
+import { useEffect, useRef, useState } from "react";
+import { classNames } from "primereact/utils";
+export function SidebarView({ sidebar, editContext, active, }) {
+    const splitter = useRef(null);
+    const [sizes, setSizes] = useState([]);
+    const [preferredSizes, setPreferredSizes] = useState(undefined);
+    const [panelsExpanded, setPanelsExpanded] = useState([]);
+    const [sizeToSet, setSizeToSet] = useState();
+    const panelHeaderSize = 40;
+    const toggle = (panelIndex) => {
+        const newSize = panelsExpanded[panelIndex]
+            ? panelHeaderSize
+            : (preferredSizes || sizes)[panelIndex];
+        if (newSize)
+            resizePanel(panelIndex, newSize);
+        setPanelsExpanded((x) => {
+            const newState = [...x];
+            newState[panelIndex] = !newState[panelIndex];
+            return newState;
+        });
+    };
+    const resolvedPanels = sidebar.panels.map((x) => {
+        if (typeof x === "function") {
+            return x(editContext);
+        }
+        return x;
+    });
+    useEffect(() => {
+        setPanelsExpanded(sidebar.panels.map(() => true));
+        setPreferredSizes(() => resolvedPanels.map((x) => x.initialSize));
+    }, [sidebar]);
+    const resizePanel = (panelIndex, newSize) => {
+        const totalSize = sizes.reduce((a, b) => a + b, 0);
+        const totalOther = totalSize - sizes[panelIndex];
+        const tmpSizes = [...sizes];
+        tmpSizes[panelIndex] = newSize;
+        const percentages = tmpSizes.map((x) => x / totalOther);
+        percentages[panelIndex] = 0;
+        const remaining = totalSize - newSize;
+        const newSizes = percentages.map((x) => x * remaining);
+        newSizes[panelIndex] = newSize;
+        setSizes(newSizes);
+        setSizeToSet(newSizes);
+    };
+    useEffect(() => {
+        if (sizeToSet)
+            splitter.current?.resize(sizeToSet);
+    }, [sizeToSet]);
+    const getHeader = (panel, index) => {
+        if (panel.header)
+            return panel.header({ panel, index });
+        return (_jsxs("div", { className: classNames(" p-2.5 bg-gray-50 uppercase text-gray-500 text-xs flex justify items-center cursor-pointer relative", panelsExpanded[index] ? "border-b border-gray-200" : ""), onClick: () => toggle(index), children: [panel.icon &&
+                    (typeof panel.icon === "string" ? (_jsx("i", { className: classNames(panel.icon, "pi mr-1.5") })) : (_jsx("div", { className: "w-4 h-4 mr-2", children: panel.icon }))), _jsx("div", { className: "mr-auto", children: panel.title }), _jsx("i", { className: classNames(panelsExpanded[index] ? "pi-chevron-up" : "pi-chevron-down", "pi text-sm") })] }));
+    };
+    const initalSizes = resolvedPanels.map((x) => x.initialSize);
+    return (_jsx(Allotment, { vertical: true, snap: true, className: !active ? "hidden h-full" : "h-full", ref: splitter, defaultSizes: initalSizes, onChange: (s) => {
+            if (sizes.join(",") != s.join(","))
+                setSizes(s);
+            const newPreferred = [...(preferredSizes || s)];
+            s.forEach((x, i) => {
+                if (x > panelHeaderSize)
+                    newPreferred[i] = x;
+            });
+            setPreferredSizes(newPreferred);
+        }, children: resolvedPanels.map((panel, index) => (_jsx(Allotment.Pane, { 
+            //  preferredSize={(preferredSizes || initalSizes)[index] + "%"}
+            maxSize: panelsExpanded.length <= index || panelsExpanded[index]
+                ? 10000
+                : panelHeaderSize, children: _jsxs("div", { className: "flex flex-col h-full", children: [getHeader(panel, index), panelsExpanded[index] && (_jsx("div", { className: "overflow-hidden relative flex-1", children: _jsx("div", { className: classNames("inset-0 absolute", panel.noOverflow ? "" : "overflow-y-auto"), children: panel.content }) }))] }) }, index))) }));
+}
+//# sourceMappingURL=SidebarView.js.map

package/dist/editor/sidebar/SidebarView.js.map

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

package/dist/editor/sidebar/Translations.d.ts

@@ -0,0 +1 @@
+export declare function Translation(): import("react/jsx-runtime").JSX.Element | null;

package/dist/editor/sidebar/Translations.js

@@ -0,0 +1,158 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from "primereact/button";
+import { useEditContext } from "../client/editContext";
+import { SimpleTable } from "../ui/SimpleTable";
+import { getTranslationStatus, requestTranslation, getTranslationProviders, } from "../services/translationService";
+import { useEffect, useState } from "react";
+import { ProgressBar } from "primereact/progressbar";
+import { Checkbox } from "primereact/checkbox";
+import { confirmCreateVersion } from "../utils/itemutils";
+import { Dropdown } from "primereact/dropdown";
+export function Translation() {
+    const editContext = useEditContext();
+    const [translationStatus, setTranslationStatus] = useState(null);
+    const [translationProviders, setTranslationProviders] = useState(null);
+    const [translationProvider, setTranslationProvider] = useState(localStorage.getItem("editor.translationProvider") || null);
+    if (!editContext)
+        return null;
+    useEffect(() => {
+        if (translationProvider) {
+            localStorage.setItem("editor.translationProvider", translationProvider);
+        }
+    }, [translationProvider]);
+    const languages = editContext?.itemLanguages || [];
+    const [translationProgress, setTranslationProgress] = useState(new Map());
+    const item = editContext.contentEditorItem;
+    const [checkedLanguages, setCheckedLanguages] = useState([]);
+    const selectLanguage = (language) => {
+        if (!item)
+            return;
+        if (!language.versions) {
+            confirmCreateVersion(editContext, language);
+            return;
+        }
+        editContext.loadItem({
+            ...item.descriptor,
+            language: language.languageCode,
+            version: 0,
+        });
+    };
+    const languageName = (language) => {
+        return (_jsxs("div", { className: "flex gap-2", onClick: () => selectLanguage(language), children: [_jsx("img", { src: language.icon, className: "h-5" }), " ", language.name] }, language.languageCode));
+    };
+    const translate = async (languageCode) => {
+        if (!item)
+            return;
+        const status = translationStatus?.find((x) => x.targetLanguage === languageCode);
+        if (!status)
+            return;
+        if (status.sourceLanguage === languageCode)
+            return;
+        setTranslationProgress((p) => {
+            p.set(languageCode, { progress: 0, message: "" });
+            return new Map(p);
+        });
+        await requestTranslation({
+            itemId: item.descriptor.id,
+            targetLanguage: languageCode,
+            sourceLanguage: status.sourceLanguage,
+            sessionId: editContext.sessionId,
+            provider: translationProvider || "",
+        });
+        loadTranslationStatus();
+    };
+    const loadTranslationStatus = async () => {
+        if (!item)
+            return;
+        const status = await getTranslationStatus(item.descriptor.id);
+        setTranslationStatus(status.data || []);
+    };
+    const loadTranslationProviders = async () => {
+        const providers = await getTranslationProviders();
+        setTranslationProviders(providers.data || []);
+        if (!translationProvider) {
+            setTranslationProvider(providers.data?.[0] || null);
+        }
+    };
+    const createVersions = async () => {
+        if (!item)
+            return;
+        checkedLanguages.forEach((language) => {
+            editContext.operations.createVersion({
+                id: item.descriptor.id,
+                language: language,
+                version: 0,
+            });
+        });
+    };
+    useEffect(() => {
+        loadTranslationStatus();
+        setTranslationProgress(new Map());
+    }, [editContext.currentItemDescriptor?.id]);
+    useEffect(() => {
+        loadTranslationProviders();
+    }, []);
+    useEffect(() => {
+        const removeSocketMessageListener = editContext.addSocketMessageListener((message) => {
+            if (message.type === "translation-started" ||
+                message.type === "translation-finished" ||
+                message.type === "translation-error") {
+                if (message.payload.itemId === item?.descriptor.id) {
+                    loadTranslationStatus();
+                }
+            }
+            if (message.type === "translation-progress") {
+                if (message.payload.itemId === item?.descriptor.id) {
+                    setTranslationProgress((p) => {
+                        p.set(message.payload.language, message.payload);
+                        return new Map(p);
+                    });
+                }
+            }
+        });
+        return removeSocketMessageListener;
+    }, [editContext, setTranslationProgress]);
+    const languageData = languages.map((x) => ({
+        ...x,
+        translationStatus: translationStatus?.find((y) => y.targetLanguage === x.languageCode),
+        translationProgress: translationProgress.get(x.languageCode),
+    }));
+    languageData.sort((a, b) => {
+        // Sort languages with 0 versions to bottom
+        if (a.versions === 0 && b.versions > 0)
+            return 1;
+        if (b.versions === 0 && a.versions > 0)
+            return -1;
+        // Sort by name for languages that both have versions or both don't
+        return a.name.localeCompare(b.name);
+    });
+    return (_jsxs("div", { className: "flex h-full flex-col gap-2", children: [_jsxs("div", { className: "flex w-full flex-wrap items-center justify-end gap-2 bg-gray-50 p-3", children: [_jsx(Dropdown, { options: translationProviders || [], onChange: (e) => setTranslationProvider(e.value), value: translationProvider }), _jsx(Button, { size: "small", icon: "pi pi-sparkles", onClick: () => {
+                            checkedLanguages.forEach((x) => translate(x));
+                            setCheckedLanguages([]);
+                        }, disabled: checkedLanguages.length === 0, label: "Translate" }), _jsx(Button, { size: "small", icon: "pi pi-plus", onClick: () => {
+                            createVersions();
+                            setCheckedLanguages([]);
+                        }, disabled: checkedLanguages.length === 0, label: "Create Versions" })] }), _jsx("div", { className: "relative flex-1", children: _jsx("div", { className: "absolute inset-0 overflow-y-auto", children: _jsx(SimpleTable, { columns: [
+                            {
+                                header: "",
+                                body: (x) => (_jsx("div", { onClick: (e) => e.stopPropagation(), children: _jsx(Checkbox, { checked: checkedLanguages.includes(x.languageCode), onChange: (ev) => {
+                                            setCheckedLanguages(ev.checked
+                                                ? [...checkedLanguages, x.languageCode]
+                                                : checkedLanguages.filter((y) => y !== x.languageCode));
+                                        } }) })),
+                            },
+                            { header: "Language", body: languageName },
+                            { header: "Ver.", body: (x) => x.versions.toString() },
+                            {
+                                header: "Src",
+                                body: (x) => x.translationStatus?.sourceLanguage,
+                            },
+                            {
+                                header: "Status",
+                                body: (x) => (_jsxs("div", { className: "flex items-center gap-2", children: [x.translationStatus?.status === "In Progress" && (_jsxs("div", { className: "relative w-full", children: [_jsx(ProgressBar, { style: { height: "20px" }, value: (x.translationProgress?.progress || 0) * 100, showValue: false }), _jsx("div", { className: "absolute inset-0 flex items-center justify-center text-white", children: x.translationProgress?.message })] })), x.translationStatus?.status !== "In Progress" && (_jsx("div", { title: x.translationStatus?.message, children: x.translationStatus?.status || "Not started" }))] })),
+                            },
+                        ], items: languageData, onRowClick: (data) => selectLanguage(data.item), rowClassName: (item) => item.languageCode == editContext.currentItemDescriptor?.language
+                            ? "bg-neutral-100"
+                            : "" }) }) })] }));
+}
+//# sourceMappingURL=Translations.js.map

package/dist/editor/sidebar/Translations.js.map

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

package/dist/editor/sidebar/Validation.d.ts

@@ -0,0 +1 @@
+export declare function Validation(): import("react/jsx-runtime").JSX.Element | null;

package/dist/editor/sidebar/Validation.js

@@ -0,0 +1,50 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { ProgressSpinner } from "primereact/progressspinner";
+import { useEditContext } from "../client/editContext";
+import { SimpleTable } from "../ui/SimpleTable";
+export function Validation() {
+    const editContext = useEditContext();
+    const validationResults = editContext?.validationResult?.flatMap((x) => x.results.map((y) => ({
+        ...y,
+        language: x.item.language,
+        version: x.item.version,
+    })));
+    if (!validationResults)
+        return null;
+    const nameBodyTemplate = (validationResult) => {
+        const id = validationResult.itemId +
+            validationResult.language +
+            validationResult.version;
+        return (_jsx("div", { className: "flex gap-2 items-center", children: _jsxs("span", { className: `name-tooltip-${id} break-all`, style: { position: "relative" }, children: [validationResult.itemName, " ", _jsxs("span", { className: "text-gray-500", children: ["(", validationResult.language, ", ", validationResult.itemName, ")"] })] }) }));
+    };
+    const validationTemplate = (validationResult) => {
+        return _jsx("div", { children: validationResult.message });
+    };
+    const columns = [
+        { body: nameBodyTemplate, header: "Item" },
+        {
+            body: validationTemplate,
+            align: "center",
+            header: _jsx("i", { className: "pi pi-check" }),
+        },
+    ];
+    if (validationResults.length === 0) {
+        return (_jsx("div", { className: "text-gray-600 text-sm text-center p-4", children: "No validation results" }));
+    }
+    return (_jsxs("div", { children: [editContext?.validating && (_jsx("div", { className: "text-center p-3", children: _jsx(ProgressSpinner, { style: { width: "20px", height: "20px" } }) })), !editContext?.validating && (_jsx(SimpleTable, { items: validationResults, columns: columns, onRowClick: async (data) => {
+                    const itemDescriptor = {
+                        id: data.item.itemId,
+                        language: data.item.language,
+                        version: data.item.version,
+                    };
+                    const item = await editContext?.itemsRepository.getItem(itemDescriptor);
+                    if (!item || !editContext)
+                        return;
+                    editContext.setCenterPanelView(editContext.configuration.editor.views.find((x) => x.name === "content-editor")?.defaultCenterPanelView);
+                    editContext.setFocusedField({
+                        item: itemDescriptor,
+                        fieldId: data.item.fieldId,
+                    }, true);
+                } }))] }));
+}
+//# sourceMappingURL=Validation.js.map

package/dist/editor/sidebar/Validation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Validation.js","sourceRoot":"","sources":["../../../src/editor/sidebar/Validation.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAE7D,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAOhD,MAAM,UAAU,UAAU;IACxB,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IACrC,MAAM,iBAAiB,GAAG,WAAW,EAAE,gBAAgB,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CACrE,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;QACpB,GAAG,CAAC;QACJ,QAAQ,EAAE,CAAC,CAAC,IAAI,CAAC,QAAQ;QACzB,OAAO,EAAE,CAAC,CAAC,IAAI,CAAC,OAAO;KACxB,CAAC,CAAC,CACJ,CAAC;IAEF,IAAI,CAAC,iBAAiB;QAAE,OAAO,IAAI,CAAC;IAEpC,MAAM,gBAAgB,GAAG,CAAC,gBAA8B,EAAE,EAAE;QAC1D,MAAM,EAAE,GACN,gBAAgB,CAAC,MAAM;YACvB,gBAAgB,CAAC,QAAQ;YACzB,gBAAgB,CAAC,OAAO,CAAC;QAC3B,OAAO,CACL,cAAK,SAAS,EAAC,yBAAyB,YACtC,gBACE,SAAS,EAAE,gBAAgB,EAAE,YAAY,EACzC,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,aAE9B,gBAAgB,CAAC,QAAQ,EAAE,GAAG,EAC/B,gBAAM,SAAS,EAAC,eAAe,kBAC3B,gBAAgB,CAAC,QAAQ,QAAI,gBAAgB,CAAC,QAAQ,SACnD,IACF,GACH,CACP,CAAC;IACJ,CAAC,CAAC;IAEF,MAAM,kBAAkB,GAAG,CAAC,gBAA8B,EAAE,EAAE;QAC5D,OAAO,wBAAM,gBAAgB,CAAC,OAAO,GAAO,CAAC;IAC/C,CAAC,CAAC;IAEF,MAAM,OAAO,GAAG;QACd,EAAE,IAAI,EAAE,gBAAgB,EAAE,MAAM,EAAE,MAAM,EAAE;QAC1C;YACE,IAAI,EAAE,kBAAkB;YACxB,KAAK,EAAE,QAAQ;YACf,MAAM,EAAE,YAAG,SAAS,EAAC,aAAa,GAAG;SACtC;KACF,CAAC;IAEF,IAAI,iBAAiB,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACnC,OAAO,CACL,cAAK,SAAS,EAAC,uCAAuC,sCAEhD,CACP,CAAC;IACJ,CAAC;IAED,OAAO,CACL,0BACG,WAAW,EAAE,UAAU,IAAI,CAC1B,cAAK,SAAS,EAAC,iBAAiB,YAC9B,KAAC,eAAe,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAI,GACzD,CACP,EACA,CAAC,WAAW,EAAE,UAAU,IAAI,CAC3B,KAAC,WAAW,IACV,KAAK,EAAE,iBAAiB,EACxB,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE;oBACzB,MAAM,cAAc,GAAG;wBACrB,EAAE,EAAE,IAAI,CAAC,IAAI,CAAC,MAAM;wBACpB,QAAQ,EAAE,IAAI,CAAC,IAAI,CAAC,QAAQ;wBAC5B,OAAO,EAAE,IAAI,CAAC,IAAI,CAAC,OAAO;qBAC3B,CAAC;oBACF,MAAM,IAAI,GAAG,MAAM,WAAW,EAAE,eAAe,CAAC,OAAO,CACrD,cAAc,CACf,CAAC;oBACF,IAAI,CAAC,IAAI,IAAI,CAAC,WAAW;wBAAE,OAAO;oBAClC,WAAW,CAAC,kBAAkB,CAC5B,WAAW,CAAC,aAAa,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CACzC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,gBAAgB,CACnC,EAAE,sBAAsB,CAC1B,CAAC;oBACF,WAAW,CAAC,eAAe,CACzB;wBACE,IAAI,EAAE,cAAc;wBACpB,OAAO,EAAE,IAAI,CAAC,IAAI,CAAC,OAAO;qBAC3B,EACD,IAAI,CACL,CAAC;gBACJ,CAAC,GACY,CAChB,IACG,CACP,CAAC;AACJ,CAAC"}

package/dist/editor/sidebar/ViewSelector.d.ts

@@ -0,0 +1 @@
+export declare function ViewSelector(): import("react/jsx-runtime").JSX.Element;

package/dist/editor/sidebar/ViewSelector.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { classNames } from "primereact/utils";
+import { useEditContext } from "../client/editContext";
+export function ViewSelector() {
+    const editContext = useEditContext();
+    const views = editContext?.configuration.editor.views.filter((x) => !x.hidden) ?? [];
+    return (_jsx("div", { className: "z-10 flex max-w-11 flex-col items-center gap-4 bg-gray-100 p-2 shadow-md", children: views
+            .filter((x) => x.icon)
+            .map((x, i) => (_jsx("div", { title: x.title, className: classNames(editContext?.viewName == x.name
+                ? "active text-gray-900"
+                : "text-gray-400 hover:text-gray-900", "cursor-pointer"), "data-sidebarview-name": x.name, onClick: () => editContext?.switchView(x.name), children: typeof x.icon === "string" ? (_jsx("i", { className: classNames(x.icon), style: { fontSize: "1rem" } })) : (_jsx("div", { className: "flex h-5 w-5 items-center justify-center", children: x.icon })) }, i))) }));
+}
+//# sourceMappingURL=ViewSelector.js.map

package/dist/editor/sidebar/ViewSelector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ViewSelector.js","sourceRoot":"","sources":["../../../src/editor/sidebar/ViewSelector.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD,MAAM,UAAU,YAAY;IAC1B,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IAErC,MAAM,KAAK,GACT,WAAW,EAAE,aAAa,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC;IAEzE,OAAO,CACL,cAAK,SAAS,EAAC,0EAA0E,YACtF,KAAK;aACH,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;aACrB,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACb,cACE,KAAK,EAAE,CAAC,CAAC,KAAK,EAEd,SAAS,EAAE,UAAU,CACnB,WAAW,EAAE,QAAQ,IAAI,CAAC,CAAC,IAAI;gBAC7B,CAAC,CAAC,sBAAsB;gBACxB,CAAC,CAAC,mCAAmC,EACvC,gBAAgB,CACjB,2BACsB,CAAC,CAAC,IAAI,EAC7B,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,EAAE,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,YAE7C,OAAO,CAAC,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,CAC5B,YAAG,SAAS,EAAE,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAI,CAClE,CAAC,CAAC,CAAC,CACF,cAAK,SAAS,EAAC,0CAA0C,YACtD,CAAC,CAAC,IAAI,GACH,CACP,IAhBI,CAAC,CAiBF,CACP,CAAC,GAUA,CACP,CAAC;AACJ,CAAC"}

package/dist/editor/sidebar/Workbox.d.ts

@@ -0,0 +1 @@
+export declare function Workbox(): import("react/jsx-runtime").JSX.Element | null;

package/dist/editor/sidebar/Workbox.js

@@ -0,0 +1,78 @@
+import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEditContext } from "../client/editContext";
+import { Tooltip } from "primereact/tooltip";
+import { Button } from "primereact/button";
+import { useRef, useState } from "react";
+import { OverlayPanel } from "primereact/overlaypanel";
+import { classNames } from "primereact/utils";
+import { SimpleTable } from "../ui/SimpleTable";
+export function Workbox() {
+    const [validationOverlayItem, setValidationOverlayItem] = useState();
+    const editContext = useEditContext();
+    const validationResult = editContext?.validationResult;
+    if (!editContext)
+        return null;
+    const validationOverlay = useRef(null);
+    const nameBodyTemplate = (wbItem) => {
+        const id = wbItem.item.id + wbItem.item.language + wbItem.item.version;
+        return (_jsx("div", { className: "flex gap-2 items-center", children: _jsxs("span", { className: `name-tooltip-${id} break-all`, style: { position: "relative" }, children: [wbItem.name, " ", _jsxs("span", { className: "text-gray-500", children: ["(", wbItem.item.language, ", ", wbItem.item.version, ")"] }), _jsx(Tooltip, { target: `.a-name-tooltip-${id}`, content: wbItem.path })] }) }));
+    };
+    const stateBodyTemplate = (item) => {
+        if (item.isPublishable) {
+            const targets = Object.keys(item.publishStatus);
+            return targets.map((x) => (_jsxs("div", { children: [targets.length > 1 && (_jsxs(_Fragment, { children: [_jsx("b", { children: x }), ":"] })), item.publishStatus[x]] }, x)));
+        }
+        else
+            return item.workflowState;
+    };
+    const actionsBodyTemplate = (item) => {
+        return (_jsx("div", { className: "flex flex-wrap gap-1", children: !item.isFinalState &&
+                item.workflowCommands?.map((action) => {
+                    return (_jsx(Button, { label: action.name, className: "text-xs p-1", onClick: () => editContext.operations.executeWorkflowCommand(item.item, action.id), size: "small" }, action.id));
+                }) }));
+    };
+    const validationTemplate = (item) => {
+        const validator = validationResult?.find((x) => x.item.id === item.item.id &&
+            x.item.language === item.item.language &&
+            x.item.version === item.item.version);
+        if (!validator || !validator.results.length)
+            return null;
+        return (_jsx("div", { className: classNames("cursor-pointer", getValidationErrorLevelClass(validator.results.reduce((prev, curr) => Math.max(prev, curr.result), 0))), onClick: (ev) => {
+                setValidationOverlayItem(item);
+                validationOverlay.current?.toggle(ev);
+            }, children: validator.results.length }));
+    };
+    if (!editContext.workboxItems)
+        return null;
+    const overlayResult = validationResult?.find((x) => x.item.id === validationOverlayItem?.item.id &&
+        x.item.language === validationOverlayItem?.item.language &&
+        x.item.version === validationOverlayItem?.item.version);
+    const getValidationErrorLevelClass = (level) => {
+        switch (level) {
+            case 0:
+                return "text-green-600";
+            case 1:
+                return "text-blue-600";
+            case 2:
+                return "text-yellow-600";
+            case 3:
+                return "text-orange-600";
+            case 4:
+            case 5:
+                return "text-red-600";
+        }
+    };
+    const columns = [
+        { body: nameBodyTemplate, header: "Item" },
+        { body: stateBodyTemplate, header: "State" },
+        { body: actionsBodyTemplate, header: "Actions" },
+        {
+            body: validationTemplate,
+            align: "center",
+            header: _jsx("i", { className: "pi pi-check" }),
+        },
+    ];
+    return (_jsxs(_Fragment, { children: [_jsx(SimpleTable, { items: editContext.workboxItems, columns: columns }), _jsx(OverlayPanel, { ref: validationOverlay, children: _jsxs("table", { className: "text-xs border-spacing-1 border-separate m-3", children: [_jsx("thead", { children: _jsxs("tr", { children: [_jsx("th", { className: "text-left", children: "Item" }), _jsx("th", { className: "text-left", children: "Field" }), _jsx("th", { className: "text-left", children: "Validator" }), _jsx("th", { className: "text-left", children: "Message" })] }) }), _jsx("tbody", { children: overlayResult &&
+                                overlayResult.results.map((x) => (_jsxs("tr", { children: [_jsx("td", { children: x.itemName }), _jsx("td", { children: x.fieldName }), _jsx("td", { children: x.validator }), _jsx("td", { className: classNames("text-xs break-all max-w-48", getValidationErrorLevelClass(x.result)), children: x.message })] }, x.fieldId + x.itemId))) })] }) })] }));
+}
+//# sourceMappingURL=Workbox.js.map

package/dist/editor/sidebar/Workbox.js.map

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

package/dist/editor/ui/CenteredMessage.d.ts

@@ -0,0 +1,3 @@
+export declare function CenteredMessage({ children }: {
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/editor/ui/CenteredMessage.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export function CenteredMessage({ children }) {
+    return (_jsx("div", { className: "flex justify-center items-center h-full text-gray-500", children: children }));
+}
+//# sourceMappingURL=CenteredMessage.js.map

package/dist/editor/ui/CenteredMessage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CenteredMessage.js","sourceRoot":"","sources":["../../../src/editor/ui/CenteredMessage.tsx"],"names":[],"mappings":";AAAA,MAAM,UAAU,eAAe,CAAC,EAAE,QAAQ,EAAiC;IACzE,OAAO,CACL,cAAK,SAAS,EAAC,uDAAuD,YACnE,QAAQ,GACL,CACP,CAAC;AACJ,CAAC"}

package/dist/editor/ui/CopyToClipboardButton.d.ts

@@ -0,0 +1,3 @@
+export declare function CopyToClipboardButton({ text }: {
+    text: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/editor/ui/CopyToClipboardButton.js

@@ -0,0 +1,15 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEditContext } from "../client/editContext";
+export function CopyToClipboardButton({ text }) {
+    const editContext = useEditContext();
+    const handleCopyToClipboard = (text) => {
+        navigator.clipboard.writeText(text);
+        editContext.showToast({
+            summary: "Copied to clipboard",
+            severity: "success",
+        });
+    };
+    return (_jsx("span", { className: "ml-1 cursor-pointer", onClick: () => handleCopyToClipboard(text), children: _jsx("i", { className: "pi pi-copy text-xs" }) }));
+}
+//# sourceMappingURL=CopyToClipboardButton.js.map

package/dist/editor/ui/CopyToClipboardButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CopyToClipboardButton.js","sourceRoot":"","sources":["../../../src/editor/ui/CopyToClipboardButton.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD,MAAM,UAAU,qBAAqB,CAAC,EAAE,IAAI,EAAoB;IAC9D,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IACrC,MAAM,qBAAqB,GAAG,CAAC,IAAY,EAAE,EAAE;QAC7C,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;QACpC,WAAY,CAAC,SAAS,CAAC;YACrB,OAAO,EAAE,qBAAqB;YAC9B,QAAQ,EAAE,SAAS;SACpB,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,OAAO,CACL,eACE,SAAS,EAAC,qBAAqB,EAC/B,OAAO,EAAE,GAAG,EAAE,CAAC,qBAAqB,CAAC,IAAI,CAAC,YAE1C,YAAG,SAAS,EAAC,oBAAoB,GAAG,GAC/B,CACR,CAAC;AACJ,CAAC"}

package/dist/editor/ui/DialogButtons.d.ts

@@ -0,0 +1,3 @@
+export default function DialogButtons({ children, }: {
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/editor/ui/DialogButtons.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export default function DialogButtons({ children, }) {
+    return (_jsx("div", { className: "flex justify-end gap-3 p-4 border-t", children: children }));
+}
+//# sourceMappingURL=DialogButtons.js.map

package/dist/editor/ui/DialogButtons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogButtons.js","sourceRoot":"","sources":["../../../src/editor/ui/DialogButtons.tsx"],"names":[],"mappings":";AAAA,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,QAAQ,GAGT;IACC,OAAO,CACL,cAAK,SAAS,EAAC,qCAAqC,YACjD,QAAQ,GACL,CACP,CAAC;AACJ,CAAC"}

package/dist/editor/ui/Icons.d.ts

@@ -0,0 +1,38 @@
+export declare function WizardIcon({ className }: {
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function BugIcon({ className }: {
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function EditIcon({ className }: {
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function JsonIcon({ className }: {
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function GraphQLIcon({ className }: {
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function ArrowDownIcon(): import("react/jsx-runtime").JSX.Element;
+export declare function ArrowRightIcon(): import("react/jsx-runtime").JSX.Element;
+export declare function PuzzleIcon(): import("react/jsx-runtime").JSX.Element;
+export declare function NavigatorIcon(): import("react/jsx-runtime").JSX.Element;
+export declare function FormEditIcon({ className }: {
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function RotateDeviceIcon({ className }: {
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function CompareIcon({ className }: {
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function CommentIcon({ className }: {
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function PageWizardIcon({ className }: {
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function PageWizardLogo(): import("react/jsx-runtime").JSX.Element;
+export declare function UploadCloudIcon(): import("react/jsx-runtime").JSX.Element;
+export declare function SparkleIconBig(): import("react/jsx-runtime").JSX.Element;
+export declare function SparkleIconSmall(): import("react/jsx-runtime").JSX.Element;