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

package/dist/cjs/editor/EditorClientHost.js

@@ -1,37 +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 __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.EditorClientHost = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const dynamic_1 = __importDefault(require("next/dynamic"));
-const EditorClient = (0, dynamic_1.default)(() => Promise.resolve().then(() => __importStar(require("./EditorClient"))).then((dnd) => dnd.EditorClient), { ssr: false });
-function EditorClientHost({ content, dictionaryObject, children, site, edit, }) {
-    return ((0, jsx_runtime_1.jsx)(EditorClient, { page: content, site: site, dictionaryObject: dictionaryObject, edit: edit, children: children }));
-}
-exports.EditorClientHost = EditorClientHost;

package/dist/cjs/editor/FieldList.js

@@ -1,51 +0,0 @@
-"use strict";
-"use client";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FieldList = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const __1 = require("..");
-const react_1 = require("react");
-const FieldListField_1 = __importDefault(require("./FieldListField"));
-const Section_1 = require("./ui/Section");
-function FieldList({ fields }) {
-    const editContext = (0, __1.useEditContext)();
-    const [liveFields, setLiveFields] = (0, react_1.useState)();
-    if (!editContext)
-        return;
-    if (!fields)
-        return;
-    const fieldsArray = Array.isArray(fields)
-        ? fields
-        : Object.values(fields);
-    (0, react_1.useEffect)(() => {
-        if (!editContext)
-            return;
-        setLiveFields(fieldsArray.map((x) => x.type === "rich text" || x.type === "text"
-            ? editContext.getLiveField(x)
-            : x));
-    }, [fields]);
-    if (!liveFields)
-        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
-    const sections = liveFields.reduce((acc, value) => {
-        // Group initialization
-        if (!acc[value.section || "Default"]) {
-            acc[value.section || "Default"] = [];
-        }
-        // Grouping
-        acc[value.section || "Default"].push(value);
-        return acc;
-    }, {});
-    const sectionList = Object.values(sections);
-    sectionList.sort((a, b) => a[0].sectionSortOrder - b[0].sectionSortOrder);
-    function getSectionFields(fields) {
-        fields.sort((a, b) => a.sortOrder - b.sortOrder);
-        return fields.map((field) => ((0, jsx_runtime_1.jsx)(FieldListField_1.default, { field: field }, field.id)));
-    }
-    return ((0, jsx_runtime_1.jsx)("div", { className: "a-bg-gray-100  a-h-fill-available", children: sectionList
-            .map((x) => x[0].section)
-            .map((section) => ((0, jsx_runtime_1.jsx)(Section_1.Section, { title: section, children: getSectionFields(sections[section]) }, section))) }));
-}
-exports.FieldList = FieldList;

package/dist/cjs/editor/FieldListField.js

@@ -1,75 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const inputtext_1 = require("primereact/inputtext");
-const __1 = require("..");
-const CheckboxEditor_1 = require("./fieldTypes/CheckboxEditor");
-const react_1 = require("react");
-const RichTextEditor_1 = require("./fieldTypes/RichTextEditor");
-const LinkFieldEditor_1 = require("./fieldTypes/LinkFieldEditor");
-const PictureFieldEditor_1 = require("./fieldTypes/PictureFieldEditor");
-const InternalLinkFieldEditor_1 = require("./fieldTypes/InternalLinkFieldEditor");
-const TreeListEditor_1 = __importDefault(require("./fieldTypes/TreeListEditor"));
-const SingleLineText_1 = require("./fieldTypes/SingleLineText");
-const MultiLineText_1 = require("./fieldTypes/MultiLineText");
-function FieldListField({ field }) {
-    var _a;
-    const editContext = (0, __1.useEditContext)();
-    if (!editContext)
-        return;
-    const ref = (0, react_1.useRef)(null);
-    const isFocusedField = ((_a = editContext === null || editContext === void 0 ? void 0 : editContext.focusedField) === null || _a === void 0 ? void 0 : _a.id) === field.id &&
-        editContext.focusedField.item.id === field.item.id &&
-        editContext.focusedField.item.language === field.item.language;
-    (0, react_1.useEffect)(() => {
-        if (ref.current && isFocusedField) {
-            ref.current.scrollIntoView({
-                behavior: "smooth",
-                block: "center",
-                inline: "center",
-            });
-        }
-    }, [editContext.focusedField]);
-    const liveField = editContext.getLiveField(field);
-    return ((0, jsx_runtime_1.jsxs)("div", { ref: ref, className: isFocusedField ? "a-focused-field" : "", children: [(0, jsx_runtime_1.jsx)("label", { className: "a-font-bold a-block a-mt-5 a-mb-1 a-text-sm", children: field.name }), (0, jsx_runtime_1.jsxs)("div", { className: "a-flex a-gap-2", children: [!field.isFallback && liveField.rawValue !== null ? ((0, jsx_runtime_1.jsxs)("button", { className: "a-text-xs a-p-0 ", onClick: () => {
-                            editContext === null || editContext === void 0 ? void 0 : editContext.editField({ field: field, rawValue: null });
-                        }, children: ["Reset", " "] })) : ((0, jsx_runtime_1.jsx)("button", { className: "a-text-xs a-p-0", children: "Fallback" })), (0, jsx_runtime_1.jsx)("button", { className: "a-text-xs a-p-0", onClick: () => {
-                            console.log(liveField);
-                        }, children: "Debug" })] }), (0, jsx_runtime_1.jsx)("div", { className: "a-text-xs a-p-0 a-mt-1", children: getFieldEditor(liveField) })] }, field.id +
-        "_" +
-        field.item.id +
-        "_" +
-        field.item.language +
-        "_" +
-        field.item.version));
-}
-exports.default = FieldListField;
-function getFieldEditor(field) {
-    switch (field.type) {
-        case "multi-line text":
-            return (0, jsx_runtime_1.jsx)(MultiLineText_1.MultiLineText, { field: field });
-        case "checkbox":
-            return (0, jsx_runtime_1.jsx)(CheckboxEditor_1.CheckboxEditor, { field: field });
-        case "image":
-            return image(field);
-        case "rich text":
-            return (0, jsx_runtime_1.jsx)(RichTextEditor_1.RichTextEditor, { field: field });
-        case "general link":
-            return (0, jsx_runtime_1.jsx)(LinkFieldEditor_1.LinkFieldEditor, { field: field });
-        case "picture":
-            return (0, jsx_runtime_1.jsx)(PictureFieldEditor_1.PictureFieldEditor, { field: field });
-        case "enhanced internal link":
-            return (0, jsx_runtime_1.jsx)(InternalLinkFieldEditor_1.InternalLinkFieldEditor, { field: field });
-        case "enhanced treelist":
-            return (0, jsx_runtime_1.jsx)(TreeListEditor_1.default, { field: field });
-        default:
-            return (0, jsx_runtime_1.jsx)(SingleLineText_1.SingleLineText, { field: field });
-    }
-}
-function image(field) {
-    var _a, _b;
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("label", { className: "alpaca-minor-label", children: "Alt" }), (0, jsx_runtime_1.jsx)(inputtext_1.InputText, { value: (_b = (_a = field.value) === null || _a === void 0 ? void 0 : _a.altText) !== null && _b !== void 0 ? _b : "" })] }));
-}

package/dist/cjs/editor/GraphQL.js

@@ -1,87 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.GraphQL = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const __1 = require("..");
-const react_json_pretty_1 = __importDefault(require("react-json-pretty"));
-require("react-json-pretty/themes/monikai.css");
-const tabview_1 = require("primereact/tabview");
-const FieldList_1 = require("./FieldList");
-const splitter_1 = require("primereact/splitter");
-const inputtextarea_1 = require("primereact/inputtextarea");
-const button_1 = require("primereact/button");
-const react_1 = require("react");
-const graphql_formatter_1 = require("graphql-formatter");
-function GraphQL({ component }) {
-    const editContext = (0, __1.useEditContext)();
-    const [query, setQuery] = (0, react_1.useState)("");
-    const [showSpinner, setShowSpinner] = (0, react_1.useState)(false);
-    if (!component)
-        return;
-    (0, react_1.useEffect)(() => {
-        setQuery(component.graphql_query);
-    }, [component.graphql_query]);
-    (0, react_1.useEffect)(() => {
-        setShowSpinner(false);
-    }, [editContext === null || editContext === void 0 ? void 0 : editContext.refreshCompletedFlag]);
-    function findFields(json) {
-        let result = {};
-        for (let key in json) {
-            if (typeof json[key] === "object" && json[key] !== null) {
-                let subResult = findFields(json[key]);
-                for (let subKey in subResult) {
-                    if (result[subKey]) {
-                        result[subKey] = result[subKey].concat(subResult[subKey]);
-                    }
-                    else {
-                        result[subKey] = subResult[subKey];
-                    }
-                }
-            }
-            if (key === "jsonValue") {
-                let groupKey = `${json[key].itemId}_${json[key].language}_${json[key].version}`;
-                if (result[groupKey]) {
-                    result[groupKey].push(json[key]);
-                }
-                else {
-                    result[groupKey] = [json[key]];
-                }
-            }
-        }
-        return result;
-    }
-    const fieldsjsonValues = findFields(component.graphql);
-    function renderItem(fields) {
-        const first = fields[0];
-        return ((0, jsx_runtime_1.jsxs)("div", { children: ["Item: ", first.path, " ", first.id, " ", first.item.language, " ", first.item.version, (0, jsx_runtime_1.jsx)(FieldList_1.FieldList, { fields: fields })] }, first.path + first.id + first.item.language + first.item.version));
-    }
-    function refresh() {
-        var _a, _b;
-        if (!component)
-            return;
-        let language = ((_a = component.hostingPageItem) === null || _a === void 0 ? void 0 : _a.language) || "en";
-        let version = ((_b = component.hostingPageItem) === null || _b === void 0 ? void 0 : _b.version) || 0;
-        if (component.linkedComponentItem) {
-            language = component.linkedComponentItem.language;
-            version = component.linkedComponentItem.version;
-        }
-        const field = {
-            name: "_GraphQL",
-            item: { id: component === null || component === void 0 ? void 0 : component.id, language: language, version: version },
-            path: "graphql",
-            id: "3622F861-ECA9-45D7-8DA7-2CDA35235002",
-            value: query,
-            type: "jsonValue",
-        };
-        const prettyQuery = (0, graphql_formatter_1.format)(query);
-        setQuery(prettyQuery);
-        editContext === null || editContext === void 0 ? void 0 : editContext.editField({ field, value: prettyQuery });
-        setShowSpinner(true);
-        editContext === null || editContext === void 0 ? void 0 : editContext.requestRefresh("immediate");
-    }
-    return ((0, jsx_runtime_1.jsxs)(splitter_1.Splitter, { layout: "vertical", style: { height: "100%" }, children: [(0, jsx_runtime_1.jsx)(splitter_1.SplitterPanel, { size: 50, className: "a-relative", children: (0, jsx_runtime_1.jsxs)("div", { className: "a-absolute a-inset-0 a-flex", children: [(0, jsx_runtime_1.jsx)(inputtextarea_1.InputTextarea, { value: query, onChange: (e) => setQuery(e.target.value), className: "a-flex-1", style: { height: "100%" } }), (0, jsx_runtime_1.jsx)(button_1.Button, { icon: "pi pi-refresh" + (showSpinner ? " pi-spin" : ""), onClick: refresh, disabled: showSpinner })] }) }), (0, jsx_runtime_1.jsx)(splitter_1.SplitterPanel, { className: "a-relative", children: (0, jsx_runtime_1.jsxs)(tabview_1.TabView, { className: "a-inset-0 a-absolute", children: [(0, jsx_runtime_1.jsx)(tabview_1.TabPanel, { header: "Data", style: { height: "100%" }, className: "a-relative", children: (0, jsx_runtime_1.jsx)("div", { className: "a-m-1", children: Object.values(fieldsjsonValues).map((x) => renderItem(x)) }) }), (0, jsx_runtime_1.jsx)(tabview_1.TabPanel, { header: "JSON", className: "a-relative", style: { height: "100%" }, children: (0, jsx_runtime_1.jsx)("div", { className: "a-inset-0 a-absolute a-overflow-y-auto", children: (0, jsx_runtime_1.jsx)(react_json_pretty_1.default, { data: component.graphql }) }) })] }) })] }));
-}
-exports.GraphQL = GraphQL;

package/dist/cjs/editor/ItemEditor.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const FieldList_1 = require("./FieldList");
-const ItemInfo_1 = require("./ItemInfo");
-function ItemEditor({ item }) {
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(ItemInfo_1.ItemInfo, { item: item }), (0, jsx_runtime_1.jsx)(FieldList_1.FieldList, { fields: item.fields })] }));
-}
-exports.default = ItemEditor;

package/dist/cjs/editor/ItemInfo.js

@@ -1,17 +0,0 @@
-"use strict";
-"use client";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ItemInfo = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Section_1 = require("./ui/Section");
-function ItemInfo({ item }) {
-    var _a;
-    if (!(item === null || item === void 0 ? void 0 : item.fields))
-        return;
-    function formatRow(label, value) {
-        return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { className: "a-font-bold", children: label }), (0, jsx_runtime_1.jsx)("div", { children: value })] }));
-    }
-    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: item.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.jsx)("div", { children: item.id }), (0, jsx_runtime_1.jsx)("div", { className: "a-font-bold", children: "Path:" }), (0, jsx_runtime_1.jsx)("div", { children: item.path }), (0, jsx_runtime_1.jsx)("div", { className: "a-font-bold", children: "Language:" }), (0, jsx_runtime_1.jsx)("div", { children: item.language }), (0, jsx_runtime_1.jsx)("div", { className: "a-font-bold", children: "Version:" }), (0, jsx_runtime_1.jsx)("div", { children: item.version }), formatRow("Template", item.templateName + " (" + item.templateId + ")"), item.masterLanguages &&
-                            formatRow("Master languages", item.masterLanguages.join(", ")), item.translations && ((0, jsx_runtime_1.jsxs)("div", { className: "a-text-xs", children: ["Languages: ", (_a = item.translations) === null || _a === void 0 ? void 0 : _a.join(", ")] }))] }) })] }));
-}
-exports.ItemInfo = ItemInfo;

package/dist/cjs/editor/ItemNameDialog.js

@@ -1,37 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const dialog_1 = require("primereact/dialog");
-const inputtext_1 = require("primereact/inputtext");
-const react_1 = require("react");
-const DialogButtons_1 = __importDefault(require("./DialogButtons"));
-const button_1 = require("primereact/button");
-const ItemNameDialog = (0, react_1.forwardRef)((_props, ref) => {
-    const [visible, setVisible] = (0, react_1.useState)(false);
-    const [props, setProps] = (0, react_1.useState)();
-    const [name, setName] = (0, react_1.useState)("");
-    (0, react_1.useEffect)(() => {
-        setName((props === null || props === void 0 ? void 0 : props.name) || "");
-    }, [props]);
-    (0, react_1.useImperativeHandle)(ref, () => ({
-        show: (props) => {
-            setVisible(true);
-            setProps(props);
-        },
-    }));
-    const isValidName = name.trim().length > 0;
-    const handleOk = () => {
-        setVisible(false);
-        props === null || props === void 0 ? void 0 : props.accept(name);
-    };
-    return ((0, jsx_runtime_1.jsxs)(dialog_1.Dialog, { visible: visible, onHide: () => {
-            setVisible(false);
-        }, header: "Choose item name", children: [(0, jsx_runtime_1.jsx)("div", { className: "a-pt-3", children: (0, jsx_runtime_1.jsx)(inputtext_1.InputText, { autoFocus: true, value: name, onChange: (e) => setName(e.target.value), onKeyDown: (ev) => {
-                        if (ev.key === "Enter" && isValidName)
-                            handleOk();
-                    } }) }), (0, jsx_runtime_1.jsxs)(DialogButtons_1.default, { children: [(0, jsx_runtime_1.jsx)(button_1.Button, { onClick: handleOk, label: "Ok", disabled: !isValidName }), (0, jsx_runtime_1.jsx)(button_1.Button, { onClick: () => setVisible(false), label: "Cancel" })] })] }));
-});
-exports.default = ItemNameDialog;

package/dist/cjs/editor/LanguageSelector.js

@@ -1,21 +0,0 @@
-"use strict";
-"use client";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.LanguageSelector = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const dropdown_1 = require("primereact/dropdown");
-function LanguageSelector({ page, onLanguageSelected, }) {
-    if (page == null)
-        return;
-    const selectedCountryTemplate = (option, props) => {
-        if (option) {
-            return (0, jsx_runtime_1.jsx)("div", { children: option.name });
-        }
-        return (0, jsx_runtime_1.jsx)("span", { children: props.placeholder });
-    };
-    const countryOptionTemplate = (option) => {
-        return ((0, jsx_runtime_1.jsxs)("div", { children: [option.name, " (", option.versions, ")"] }));
-    };
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(dropdown_1.Dropdown, { className: "a-text-sm", value: page.language, onChange: (e) => onLanguageSelected(e.value), options: page.languages, optionValue: "languageCode", optionLabel: "name", placeholder: "Select a language", filter: true, valueTemplate: selectedCountryTemplate, itemTemplate: countryOptionTemplate }) }));
-}
-exports.LanguageSelector = LanguageSelector;

package/dist/cjs/editor/LinkEditorDialog.js

@@ -1,67 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.LinkEditorDialog = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const dialog_1 = require("primereact/dialog");
-const tabview_1 = require("primereact/tabview");
-const ContentTree_1 = __importDefault(require("./ContentTree"));
-const inputtext_1 = require("primereact/inputtext");
-const react_1 = require("react");
-const dropdown_1 = require("primereact/dropdown");
-const divider_1 = require("primereact/divider");
-const button_1 = require("primereact/button");
-function LinkEditorDialog({ linkValue, onCancel, onOk, }) {
-    const [url, setUrl] = (0, react_1.useState)();
-    const [targetWindow, setTargetWindow] = (0, react_1.useState)();
-    const [customTarget, setCustomTarget] = (0, react_1.useState)();
-    const [queryString, setQueryString] = (0, react_1.useState)();
-    const [activeTabIndex, setActiveTabIndex] = (0, react_1.useState)();
-    const [selectedItemId, setSelectedItemId] = (0, react_1.useState)("");
-    (0, react_1.useEffect)(() => {
-        setUrl(linkValue.url);
-        setTargetWindow(linkValue.target);
-        if (linkValue.type == "external")
-            setActiveTabIndex(1);
-        else
-            setActiveTabIndex(0);
-        if (linkValue.target && linkValue.target != "_blank") {
-            setTargetWindow("custom");
-            setCustomTarget(linkValue.target);
-        }
-        if (linkValue.itemId)
-            setSelectedItemId(linkValue.itemId);
-        if (linkValue.queryString)
-            setQueryString(linkValue.queryString);
-    }, [linkValue]);
-    const targetWindows = [
-        { name: "Active browser", code: "" },
-        { name: "New browser", code: "_blank" },
-        { name: "Custom", code: "custom" },
-    ];
-    function getTargetWindow() {
-        if (targetWindow == "custom")
-            return customTarget;
-        return targetWindow;
-    }
-    return ((0, jsx_runtime_1.jsx)(dialog_1.Dialog, { style: { width: "50%", height: "50%" }, onHide: onCancel, header: "Select link target", visible: true, children: (0, jsx_runtime_1.jsxs)("div", { className: "a-flex a-flex-col a-h-full", children: [(0, jsx_runtime_1.jsxs)(tabview_1.TabView, { activeIndex: activeTabIndex, className: "a-flex-1 a-mb-3", pt: { panelContainer: { className: "a-h-full" } }, children: [(0, jsx_runtime_1.jsx)(tabview_1.TabPanel, { header: "Internal", className: "a-relative a-h-[calc(100%-25px)] a-p-0 ", children: (0, jsx_runtime_1.jsx)("div", { className: "a-overflow-auto a-absolute a-inset-0", children: (0, jsx_runtime_1.jsx)(ContentTree_1.default, { className: "a-h-full", expandIdPath: linkValue.targetItemLongId ||
-                                        "0DE95AE4-41AB-4D01-9EB0-67441B7C2450", selectedItemIds: [selectedItemId], selectionMode: "single", rootItemId: "0DE95AE4-41AB-4D01-9EB0-67441B7C2450", onSelectionChange: (selection) => {
-                                        setSelectedItemId(selection.id);
-                                    } }) }) }), (0, jsx_runtime_1.jsxs)(tabview_1.TabPanel, { header: "External", children: [(0, jsx_runtime_1.jsx)("label", { className: "a-block", children: "Url:" }), (0, jsx_runtime_1.jsx)(inputtext_1.InputText, { value: url || "", onChange: (e) => {
-                                        setUrl(e.target.value);
-                                    }, className: "a-w-full" })] })] }), (0, jsx_runtime_1.jsx)(divider_1.Divider, {}), (0, jsx_runtime_1.jsx)("label", { children: "QueryString" }), (0, jsx_runtime_1.jsx)(inputtext_1.InputText, { value: queryString, onChange: (e) => setQueryString(e.target.value) }), (0, jsx_runtime_1.jsx)("label", { children: "Window" }), (0, jsx_runtime_1.jsx)(dropdown_1.Dropdown, { options: targetWindows, optionLabel: "name", optionValue: "code", value: targetWindow, onChange: (e) => setTargetWindow(e.value) }), targetWindow === "custom" && ((0, jsx_runtime_1.jsxs)("div", { className: "a-m-2", children: [(0, jsx_runtime_1.jsx)("label", { className: "a-block", children: "Custom:" }), (0, jsx_runtime_1.jsx)(inputtext_1.InputText, { value: customTarget || "", onChange: (e) => {
-                                setCustomTarget(e.target.value);
-                            } })] })), (0, jsx_runtime_1.jsx)(divider_1.Divider, {}), (0, jsx_runtime_1.jsxs)("div", { className: "a-flex a-justify-end a-gap-3 a-mt-3", children: [(0, jsx_runtime_1.jsx)(button_1.Button, { onClick: () => {
-                                onOk({
-                                    url,
-                                    target: getTargetWindow(),
-                                    customTarget: customTarget,
-                                    itemId: selectedItemId,
-                                    queryString: queryString,
-                                    type: activeTabIndex === 1 ? "external" : "internal",
-                                });
-                            }, children: "Select" }), (0, jsx_runtime_1.jsx)(button_1.Button, { onClick: onCancel, children: "Cancel" })] })] }) }));
-}
-exports.LinkEditorDialog = LinkEditorDialog;

package/dist/cjs/editor/MainLayout.js

@@ -1,24 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const splitter_1 = require("primereact/splitter");
-const react_1 = require("react");
-const FloatingToolbar_1 = __importDefault(require("./FloatingToolbar"));
-const react_2 = __importDefault(require("react"));
-function MainLayout({ leftSidebar, content, rightSidebar, }) {
-    var _a, _b;
-    const panels = [];
-    const [floatingLeftSidebar, setFloatingLeftSidebar] = (0, react_1.useState)(false);
-    const leftSidebarRef = react_2.default.useRef(null);
-    if (leftSidebar && !floatingLeftSidebar)
-        panels.push((0, jsx_runtime_1.jsxs)(splitter_1.SplitterPanel, { size: 15, className: "a-overflow-hidden a-relative", children: [(0, jsx_runtime_1.jsx)("div", { className: "a-absolute a-top-3 a-right-3 a-cursor-pointer", children: (0, jsx_runtime_1.jsx)("i", { className: "pi pi-arrow-up-right", onClick: () => setFloatingLeftSidebar(true) }) }), (0, jsx_runtime_1.jsx)("div", { className: "a-w-full a-h-full", ref: leftSidebarRef, children: leftSidebar })] }, "left"));
-    panels.push((0, jsx_runtime_1.jsx)(splitter_1.SplitterPanel, { size: 60, className: "alpaca-editor-content a-relative ", children: content }, "center"));
-    if (rightSidebar)
-        panels.push((0, jsx_runtime_1.jsx)(splitter_1.SplitterPanel, { size: 15, children: rightSidebar }, "right"));
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(splitter_1.Splitter, { className: "a-border-none", children: panels }, (leftSidebar ? "left" : "no-left") +
-                (rightSidebar ? "right" : "no-right")), leftSidebar && floatingLeftSidebar && ((0, jsx_runtime_1.jsx)(FloatingToolbar_1.default, { onPin: () => setFloatingLeftSidebar(false), height: (((_a = leftSidebarRef.current) === null || _a === void 0 ? void 0 : _a.clientHeight) || 300) - 70, width: ((_b = leftSidebarRef.current) === null || _b === void 0 ? void 0 : _b.clientWidth) || 300, children: leftSidebar }))] }));
-}
-exports.default = MainLayout;

package/dist/cjs/editor/MediaSelector.js

@@ -1,92 +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());
-    });
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MediaSelector = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const ContentTree_1 = __importDefault(require("./ContentTree"));
-const splitter_1 = require("primereact/splitter");
-const react_1 = require("react");
-const contentService_1 = require("./contentService");
-const editContext_1 = require("./editContext");
-const button_1 = require("primereact/button");
-const dialog_1 = require("primereact/dialog");
-const fileupload_1 = require("primereact/fileupload");
-const utils_1 = require("primereact/utils");
-const DialogButtons_1 = __importDefault(require("./DialogButtons"));
-const MediaSelector = ({ visible, onHide, onMediaSelected, selectedIdPath, }) => {
-    const [selectedFolderId, setSelectedFolderId] = (0, react_1.useState)();
-    const [images, setImages] = (0, react_1.useState)();
-    const [selectedImage, setSelectedImage] = (0, react_1.useState)();
-    const [selectedImageId, setSelectedImageId] = (0, react_1.useState)();
-    const selection = selectedFolderId ? [selectedFolderId] : [];
-    const editContext = (0, editContext_1.useEditContext)();
-    (0, react_1.useEffect)(() => {
-        if (selectedIdPath) {
-            const path = selectedIdPath.split("/");
-            if (path.length > 1) {
-                setSelectedFolderId(path[path.length - 2]);
-                setSelectedImageId(path[path.length - 1].toLowerCase().substring(1, 37));
-            }
-        }
-    }, [selectedIdPath, visible]);
-    (0, react_1.useEffect)(() => {
-        loadThumbnailsAndSelectImage();
-    }, [selectedFolderId]);
-    function loadThumbnailsAndSelectImage() {
-        return __awaiter(this, void 0, void 0, function* () {
-            setSelectedImage(undefined);
-            setImages([]);
-            const images = yield loadThumbnails(selectedFolderId);
-            if (selectedImageId)
-                setSelectedImage(images === null || images === void 0 ? void 0 : images.find((x) => x.id === selectedImageId));
-        });
-    }
-    function loadThumbnails(selectedFolderId) {
-        return __awaiter(this, void 0, void 0, function* () {
-            if (!selectedFolderId)
-                setImages([]);
-            else {
-                const children = yield (0, contentService_1.getChildren)(selectedFolderId, editContext.sessionId, [
-                    "C97BA923-8009-4858-BDD5-D8BE5FCCECF7",
-                    "F1828A2C-7E5D-4BBD-98CA-320474871548",
-                ], false);
-                setImages(children);
-                return children;
-            }
-        });
-    }
-    return ((0, jsx_runtime_1.jsx)(dialog_1.Dialog, { style: { width: "80%", height: "80%" }, visible: visible, onHide: onHide, header: "Select image", children: (0, jsx_runtime_1.jsxs)("div", { className: "a-flex a-flex-col a-h-full", children: [(0, jsx_runtime_1.jsxs)(splitter_1.Splitter, { className: "a-flex-1 a-border-0", children: [(0, jsx_runtime_1.jsx)(splitter_1.SplitterPanel, { size: 35, className: "alpaca-overflow-scroll", children: (0, jsx_runtime_1.jsxs)(splitter_1.Splitter, { layout: "vertical", children: [(0, jsx_runtime_1.jsx)(splitter_1.SplitterPanel, { size: 70, className: "a-relative", children: (0, jsx_runtime_1.jsx)("div", { className: "a-absolute a-inset-0 a-overflow-auto a-p-2", children: (0, jsx_runtime_1.jsx)(ContentTree_1.default, { rootItemId: "3D6658D8-A0BF-4E75-B3E2-D050FABCF4E1", selectionMode: "single", selectedItemIds: selection, templateIds: ["FE5DD826-48C6-436D-B87A-7C4210C7413B"], expandIdPath: selectedIdPath !== null && selectedIdPath !== void 0 ? selectedIdPath : "3D6658D8-A0BF-4E75-B3E2-D050FABCF4E1", onSelectionChange: (selection) => {
-                                                    const selectedNode = selection;
-                                                    if (selectedNode)
-                                                        setSelectedFolderId(selectedNode.id);
-                                                    else
-                                                        setSelectedFolderId(undefined);
-                                                } }) }) }), (0, jsx_runtime_1.jsx)(splitter_1.SplitterPanel, { className: "a-flex a-justify-center a-align-center", children: (0, jsx_runtime_1.jsx)("div", { className: "a-p-3 a-m-2 a-border a-w-full a-flex a-justify-center a-align-center", children: (0, jsx_runtime_1.jsx)("img", { src: selectedImage === null || selectedImage === void 0 ? void 0 : selectedImage.previewUrl, className: "a-object-contain" }) }) })] }) }), (0, jsx_runtime_1.jsx)(splitter_1.SplitterPanel, { className: "a-relative", children: (0, jsx_runtime_1.jsx)("div", { className: "a-flex a-flex-wrap a-content-start a-items-start a-gap-2 a-absolute a-inset-0 a-overflow-auto a-p-2", children: images === null || images === void 0 ? void 0 : images.map((t) => {
-                                    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, utils_1.classNames)((selectedImage === null || selectedImage === void 0 ? void 0 : selectedImage.id) == t.id ? "a-shadow-md" : "", "a-w-24 a-flex a-flex-col a-justify-between hover:a-shadow-md a-cursor-pointer a-p-1"), onDoubleClick: () => {
-                                            onMediaSelected(t.id);
-                                            onHide();
-                                        }, onClick: () => setSelectedImage(t), children: [(0, jsx_runtime_1.jsx)("div", { className: "a-h-24 a-w-24 a-flex a-justify-center a-items-center", children: (0, jsx_runtime_1.jsx)("img", { src: t.imageUrl }) }), (0, jsx_runtime_1.jsx)("div", { className: "a-text-xs a-break-all", children: t.name })] }, t.id));
-                                }) }) })] }), (0, jsx_runtime_1.jsxs)(DialogButtons_1.default, { children: [(0, jsx_runtime_1.jsx)(fileupload_1.FileUpload, { mode: "basic", 
-                            // disabled={electedFolderId}
-                            auto: true, chooseLabel: "Upload", accept: "image/*", url: "/alpaca/headless/editor/upload?folder=" + selection[0], onUpload: ({ xhr }) => __awaiter(void 0, void 0, void 0, function* () {
-                                const response = JSON.parse(xhr.responseText);
-                                const thumbs = yield loadThumbnails(selectedFolderId);
-                                setSelectedImage(thumbs === null || thumbs === void 0 ? void 0 : thumbs.find((x) => x.id === response.id));
-                            }) }), (0, jsx_runtime_1.jsx)(button_1.Button, { disabled: !selectedImage, onClick: () => {
-                                onMediaSelected(selectedImage.id);
-                                onHide();
-                            }, children: "Select" }), (0, jsx_runtime_1.jsx)(button_1.Button, { onClick: () => onHide(), children: "Cancel" })] })] }) }));
-};
-exports.MediaSelector = MediaSelector;

package/dist/cjs/editor/PictureEditorDialog.js

@@ -1,93 +0,0 @@
-"use strict";
-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());
-    });
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PictureEditorDialog = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const dialog_1 = require("primereact/dialog");
-const __1 = require("..");
-const react_1 = require("react");
-const button_1 = require("primereact/button");
-const DialogButtons_1 = __importDefault(require("./DialogButtons"));
-function PictureEditorDialog({ field, onCancel, onOk, }) {
-    var _a, _b;
-    const [selectedVariantName, setSelectedVariantName] = (0, react_1.useState)();
-    const [pictureValue, setPictureValue] = (0, react_1.useState)();
-    const [rawValue, setRawValue] = (0, react_1.useState)();
-    const editContext = (0, __1.useEditContext)();
-    (0, react_1.useEffect)(() => {
-        var _a;
-        setSelectedVariantName((_a = field === null || field === void 0 ? void 0 : field.value) === null || _a === void 0 ? void 0 : _a.variants[0].name);
-    }, []);
-    (0, react_1.useEffect)(() => {
-        var _a, _b;
-        const deepCopy = JSON.parse(JSON.stringify(field.value));
-        setPictureValue(deepCopy);
-        const raw = (field === null || field === void 0 ? void 0 : field.rawValue)
-            ? JSON.parse(field === null || field === void 0 ? void 0 : field.rawValue)
-            : { variants: [] };
-        setRawValue(raw);
-        if (!((_a = field === null || field === void 0 ? void 0 : field.value) === null || _a === void 0 ? void 0 : _a.variants[0].src))
-            selectMedia((_b = field === null || field === void 0 ? void 0 : field.value) === null || _b === void 0 ? void 0 : _b.variants[0].name, raw);
-    }, [field]);
-    function selectMedia(variantName, raw) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const chosenImage = yield (editContext === null || editContext === void 0 ? void 0 : editContext.selectMedia({
-                selectedIdPath: (selectedVariant === null || selectedVariant === void 0 ? void 0 : selectedVariant.idPath) || "",
-            }));
-            if (chosenImage)
-                imageSelected(chosenImage, variantName !== null && variantName !== void 0 ? variantName : selectedVariantName, raw !== null && raw !== void 0 ? raw : rawValue);
-        });
-    }
-    const selectedVariant = pictureValue && pictureValue.variants
-        ? (_a = pictureValue.variants) === null || _a === void 0 ? void 0 : _a.find((x) => x.name == selectedVariantName)
-        : null;
-    const imageSelected = (0, react_1.useCallback)((imageId, variantName, rawValue) => __awaiter(this, void 0, void 0, function* () {
-        var _c;
-        if (!variantName || !rawValue)
-            return;
-        const selected = (_c = rawValue.variants) === null || _c === void 0 ? void 0 : _c.find((x) => x.name == variantName);
-        if (!selected) {
-            rawValue.variants.push({
-                name: variantName,
-                mediaId: imageId,
-            });
-        }
-        else {
-            selected.mediaId = imageId;
-        }
-        setRawValue(rawValue);
-        const newValue = yield (editContext === null || editContext === void 0 ? void 0 : editContext.getPictureFieldValue(field, rawValue));
-        if (newValue)
-            setPictureValue(newValue);
-    }), []);
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(dialog_1.Dialog, { header: "Edit " + (field === null || field === void 0 ? void 0 : field.name), visible: true, style: { width: "70vw", height: "70vh" }, onHide: onCancel, children: (0, jsx_runtime_1.jsxs)("div", { className: "a-flex a-gap-1 a-flex-col a-justify a-h-full", children: [(0, jsx_runtime_1.jsxs)("div", { className: "a-flex-1 a-flex a-gap-2", children: [(0, jsx_runtime_1.jsx)("div", { className: "a-flex a-flex-col a-gap-1 a-h-full a-border-r a-pr-3 a-pt-3", children: pictureValue &&
-                                    ((_b = pictureValue.variants) === null || _b === void 0 ? void 0 : _b.map((variant) => ((0, jsx_runtime_1.jsxs)("div", { onClick: () => setSelectedVariantName(variant.name), children: [(0, jsx_runtime_1.jsx)("div", { className: "a-flex a-justify-center a-items-center a-h-24 a-w-24 a-border a-relative" +
-                                                    (selectedVariantName == variant.name
-                                                        ? " a-shadow-xl "
-                                                        : ""), children: variant.src && (0, jsx_runtime_1.jsx)("img", { src: variant.thumbSrc }) }), (0, jsx_runtime_1.jsx)("div", { children: variant.name }), (0, jsx_runtime_1.jsx)("div", { children: variant.aspectRatioText })] }, variant.name)))) }), (0, jsx_runtime_1.jsx)("div", { className: "a-flex-1 a-relative a-p-3", children: (0, jsx_runtime_1.jsxs)("div", { className: "a-absolute a-inset-0 a-top-3 a-overflow-auto a-select-none a-flex a-align-center a-justify-center", children: [selectedVariant && ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)("img", { src: selectedVariant.src, className: "a-object-contain a-h-full a-w-full" }) })), selectedVariant && ((0, jsx_runtime_1.jsx)("div", { className: "a-absolute a-top-0 a-right-0 a-cursor-pointer", children: (0, jsx_runtime_1.jsx)("i", { className: "pi pi-pencil a-text-3xl a-cursor-pointer a-p-1 a-bg-gray-100 a-bg-opacity-70", onClick: () => selectMedia() }) }))] }) })] }), (0, jsx_runtime_1.jsxs)(DialogButtons_1.default, { children: [(0, jsx_runtime_1.jsx)(button_1.Button, { onClick: () => {
-                                    if (pictureValue) {
-                                        if (field) {
-                                            editContext === null || editContext === void 0 ? void 0 : editContext.editField({
-                                                field,
-                                                rawValue: JSON.stringify(rawValue),
-                                                refresh: "immediate",
-                                            });
-                                        }
-                                        onOk(pictureValue);
-                                    }
-                                }, children: "Ok" }), (0, jsx_runtime_1.jsx)(button_1.Button, { onClick: () => {
-                                    onCancel();
-                                }, children: "Cancel" })] })] }) }) }));
-}
-exports.PictureEditorDialog = PictureEditorDialog;