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

package/dist/esm/editor/config/config.js

@@ -0,0 +1,261 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { RichTextEditor } from "../fieldTypes/RichTextEditor";
+import { LinkFieldEditor } from "../fieldTypes/LinkFieldEditor";
+import { PictureFieldEditor } from "../fieldTypes/PictureFieldEditor";
+import { InternalLinkFieldEditor } from "../fieldTypes/InternalLinkFieldEditor";
+import TreeListEditor from "../fieldTypes/TreeListEditor";
+import { SingleLineText } from "../fieldTypes/SingleLineText";
+import { MultiLineText } from "../fieldTypes/MultiLineText";
+import { DropLinkEditor } from "../fieldTypes/DropLinkEditor";
+import { RawEditor } from "../fieldTypes/RawEditor";
+import { CheckboxEditor } from "../fieldTypes/CheckboxEditor";
+import { ItemLocked } from "../editor-warnings/ItemLocked";
+import { ValidationErrors } from "../editor-warnings/ValidationErrors";
+import { MainContentTree } from "../sidebar/MainContentTree";
+import { ComponentTree } from "../sidebar/ComponentTree";
+import { EditHistory } from "../sidebar/EditHistory";
+import { Sessions } from "../sidebar/Sessions";
+import { Workbox } from "../sidebar/Workbox";
+import { DictionaryEditor } from "../DictionaryEditor";
+import { BugIcon, EditIcon, GraphQLIcon, JsonIcon, WizardIcon, } from "../ui/Icons";
+import { Debug } from "../sidebar/Debug";
+import { GraphQL } from "../sidebar/GraphQL";
+import { PageViewer } from "../PageViewer";
+import { ItemEditor } from "../views/ItemEditor";
+import { EditorForm } from "../sidebar/EditorForm";
+import { AiTerminal } from "../ai/AiTerminal";
+import { Insert } from "../sidebar/Insert";
+import { getCreateAndSwitchToNewVersionCommand } from "../commands/createVersionCommand";
+import { getSelectedComponentCommands } from "../commands/componentCommands";
+import { getRedoCommand, getUndoCommand } from "../commands/undo";
+const defaultRichTextEditorProfile = {
+    toolbar: {
+        groups: [
+            {
+                items: ["bold", "italic", "underline", "strikethrough"],
+            },
+        ],
+    },
+};
+export const configuration = {
+    alwaysVisiblePageFields: [],
+    fieldTypes: {
+        raw: {
+            editor: RawEditor,
+        },
+        "single-line text": {
+            editor: SingleLineText,
+        },
+        "multi-line text": {
+            editor: MultiLineText,
+        },
+        "rich text": {
+            editor: RichTextEditor,
+            custom: {
+                profiles: { default: defaultRichTextEditorProfile },
+            },
+        },
+        "general link": {
+            editor: LinkFieldEditor,
+        },
+        picture: {
+            editor: PictureFieldEditor,
+        },
+        droplink: {
+            editor: DropLinkEditor,
+        },
+        "enhanced internal link": {
+            editor: InternalLinkFieldEditor,
+        },
+        treelist: {
+            editor: TreeListEditor,
+        },
+        "enhanced treelist": {
+            editor: TreeListEditor,
+        },
+        checkbox: {
+            editor: CheckboxEditor,
+        },
+    },
+    editorWarnings: [ItemLocked, ValidationErrors],
+    outline: {
+        width: 100,
+    },
+    chrome: {
+        editor: {
+            views: [
+                {
+                    name: "edit",
+                    title: "Edit",
+                    centerPanelView: "page",
+                    icon: _jsx(EditIcon, {}),
+                    leftSidebar: [
+                        {
+                            name: "form",
+                            icon: "pi pi-plus",
+                            title: "Form",
+                            header: () => null,
+                            content: _jsx(EditorForm, {}),
+                            initialSize: 65,
+                        },
+                        {
+                            name: "component-tree",
+                            icon: "pi pi-list",
+                            title: "Outline",
+                            content: _jsx(ComponentTree, {}),
+                            initialSize: 20,
+                        },
+                        {
+                            name: "history",
+                            icon: "pi pi-clock",
+                            title: "History",
+                            content: _jsx(EditHistory, {}),
+                            initialSize: 15,
+                        },
+                    ],
+                },
+                {
+                    name: "insert",
+                    title: "Insert",
+                    icon: "pi pi-plus",
+                    centerPanelView: "page",
+                    leftSidebar: [
+                        {
+                            name: "component-palette",
+                            icon: "pi pi-plus",
+                            header: () => null,
+                            title: "Insert",
+                            content: _jsx(Insert, {}),
+                            initialSize: 15,
+                        },
+                    ],
+                },
+                {
+                    name: "content-editor",
+                    title: "Navigate",
+                    icon: "pi pi-sitemap",
+                    centerPanelView: "form",
+                    leftSidebar: [
+                        {
+                            name: "debug",
+                            icon: "pi pi-sitemap",
+                            title: "Content",
+                            content: _jsx(MainContentTree, {}),
+                            initialSize: 100,
+                        },
+                        {
+                            name: "history",
+                            icon: "pi pi-clock",
+                            title: "History",
+                            content: _jsx(EditHistory, {}),
+                            initialSize: 0,
+                        },
+                    ],
+                },
+                {
+                    name: "workbox",
+                    title: "Workbox",
+                    icon: "pi pi-inbox",
+                    leftSidebar: [
+                        {
+                            name: "Workbox",
+                            title: "Workbox",
+                            icon: "pi-inbox",
+                            content: _jsx(Workbox, {}),
+                            initialSize: 100,
+                        },
+                    ],
+                },
+                {
+                    name: "ai",
+                    title: "AI",
+                    icon: _jsx(WizardIcon, {}),
+                    leftSidebar: [
+                        {
+                            name: "ai-terminal",
+                            icon: "pi pi-comments",
+                            title: "AI",
+                            content: _jsx(AiTerminal, {}),
+                            initialSize: 20,
+                        },
+                        {
+                            name: "history",
+                            icon: "pi pi-clock",
+                            title: "History",
+                            content: _jsx(EditHistory, {}),
+                            initialSize: 0,
+                        },
+                    ],
+                },
+                {
+                    name: "dictionary",
+                    title: "Dictionary",
+                    icon: "pi pi-book",
+                    leftSidebar: [
+                        {
+                            name: "dictionary",
+                            icon: "pi pi-book",
+                            title: "Dictionary",
+                            content: _jsx(DictionaryEditor, {}),
+                            initialSize: 100,
+                        },
+                    ],
+                },
+                {
+                    name: "sessions",
+                    title: "Sessions",
+                    icon: "pi pi-users",
+                    leftSidebar: [
+                        {
+                            name: "sessions",
+                            icon: "pi pi-users",
+                            title: "Sessions",
+                            content: _jsx(Sessions, {}),
+                            initialSize: 100,
+                        },
+                    ],
+                },
+                {
+                    name: "debug",
+                    title: "Debug",
+                    icon: _jsx(BugIcon, {}),
+                    centerPanelView: "page",
+                    leftSidebar: [
+                        {
+                            name: "debug",
+                            icon: _jsx(JsonIcon, {}),
+                            title: "JSON",
+                            content: _jsx(Debug, {}),
+                            initialSize: 60,
+                        },
+                        {
+                            name: "graphql",
+                            icon: _jsx(GraphQLIcon, {}),
+                            title: "GraphQL",
+                            content: _jsx(GraphQL, {}),
+                            initialSize: 40,
+                        },
+                    ],
+                },
+            ],
+            centerPanelViews: [
+                { name: "page", content: _jsx(PageViewer, {}) },
+                { name: "form", content: _jsx(ItemEditor, {}) },
+            ],
+            mainNavigation: [
+                getUndoCommand(),
+                getRedoCommand(),
+                {
+                    label: "Version",
+                    icon: "pi pi-fw",
+                    items: [getCreateAndSwitchToNewVersionCommand()],
+                },
+                {
+                    label: "Selection",
+                    icon: "pi pi-fw",
+                    items: (editContext) => getSelectedComponentCommands(editContext),
+                },
+            ],
+        },
+    },
+};

package/dist/esm/editor/editContext.js

@@ -0,0 +1,11 @@
+"use client";
+import React, { useContext } from "react";
+const EditContext = React.createContext(undefined);
+export const EditContextProvider = EditContext.Provider;
+export const useEditContext = () => useContext(EditContext);
+const EditFrameContext = React.createContext(undefined);
+export const useEditFrameContext = () => useContext(EditFrameContext);
+export const EditFrameContextProvider = EditFrameContext.Provider;
+const EditFilterChildrenContext = React.createContext(undefined);
+export const useEditFilterChildrenContext = () => useContext(EditFilterChildrenContext);
+export const EditFilterChildrenContextProvider = EditFilterChildrenContext.Provider;

package/dist/esm/editor/editor-warnings/ItemLocked.js

@@ -0,0 +1,40 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { EditorWarning } from "../EditorWarning";
+import { useEditContext } from "../editContext";
+export function ItemLocked({ item }) {
+    var _a;
+    if (!((_a = item._editor) === null || _a === void 0 ? void 0 : _a.canLock))
+        return;
+    var editContext = useEditContext();
+    if (!editContext)
+        return;
+    if (item._editor.hasLock) {
+        return (_jsx(EditorWarning, { title: "Item locked", severity: "warning", children: _jsx("button", { onClick: () => {
+                    const items = [item];
+                    if (item._editor.linkedComponentItem)
+                        items.push(item._editor.linkedComponentItem);
+                    editContext.unlockItems(items);
+                }, children: "Release lock" }) }));
+    }
+    if (item._editor.lockedBy == null) {
+        return (_jsx(EditorWarning, { title: "Item is locked", severity: "warning", children: _jsxs("div", { children: ["Locked by ", item._editor.lockedBy] }) }));
+    }
+    // else {
+    //   return (
+    //     <EditorWarning title="Item not locked" severity="warning">
+    //       {item.canLock && (
+    //         <button
+    //           onClick={() => {
+    //             const items: ItemDescriptor[] = [item];
+    //             if ((item as ComponentData).linkedComponentItem)
+    //               items.push((item as ComponentData).linkedComponentItem);
+    //             editContext!.lockItems(items);
+    //           }}
+    //         >
+    //           Lock item
+    //         </button>
+    //       )}
+    //     </EditorWarning>
+    //   );
+    // }
+}

package/dist/esm/editor/editor-warnings/ValidationErrors.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { EditorWarning } from "../EditorWarning";
+export function ValidationErrors({ item, editContext }) {
+    var _a, _b, _c;
+    let validationResult = (_b = (_a = editContext.pageValidationResult) === null || _a === void 0 ? void 0 : _a.find((x) => x.item.id === item.id &&
+        x.item.language === item.language &&
+        x.item.version === item.version)) === null || _b === void 0 ? void 0 : _b.results.filter((x) => x.itemId === item.id);
+    if (!validationResult) {
+        const pageResult = (_c = editContext.pageValidationResult) === null || _c === void 0 ? void 0 : _c.find((x) => { var _a; return x.item.id === ((_a = editContext === null || editContext === void 0 ? void 0 : editContext.page) === null || _a === void 0 ? void 0 : _a.id); });
+        if (pageResult)
+            validationResult = pageResult.results.filter((x) => x.itemId === item.id);
+    }
+    if (!(validationResult === null || validationResult === void 0 ? void 0 : validationResult.length))
+        return null;
+    const fields = validationResult === null || validationResult === void 0 ? void 0 : validationResult.filter((x) => x.fieldId);
+    return (_jsxs(EditorWarning, { title: "Validation", severity: "warning", children: [validationResult === null || validationResult === void 0 ? void 0 : validationResult.filter((x) => !x.fieldId).map((x) => _jsx("div", { children: x.message }, x.validator)), (fields === null || fields === void 0 ? void 0 : fields.length) > 0 && (_jsxs("div", { children: ["The following fields have validation messages:", " ", fields.map((x) => (_jsx("span", { className: "a-cursor-pointer a-font-bold", onClick: () => {
+                            var _a;
+                            const field = Object.values(item.fields).find((f) => f.id === x.fieldId);
+                            if (field)
+                                editContext.setFocusedField((_a = field._editor) === null || _a === void 0 ? void 0 : _a.descriptor, false);
+                        }, children: x.fieldName }, x.validator + x.fieldId)))] }))] }));
+}

package/dist/esm/editor/fieldTypes/CheckboxEditor.js

@@ -0,0 +1,21 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEditContext } from "..";
+import { Checkbox } from "primereact/checkbox";
+export function CheckboxEditor({ field, readOnly, }) {
+    var _a;
+    const editContext = useEditContext();
+    if (!editContext)
+        return;
+    const fieldItem = (_a = field._editor) === null || _a === void 0 ? void 0 : _a.descriptor.item;
+    if (!fieldItem)
+        return;
+    return (_jsx(Checkbox, { checked: field.value, disabled: readOnly, onChange: (e) => {
+            editContext.editField({
+                field,
+                rawValue: e.checked ? "1" : "0",
+                refresh: "immediate",
+            });
+            // field.value = e.target.value;
+        } }, fieldItem.id + field.id + fieldItem.language + fieldItem.version));
+}

package/dist/esm/editor/fieldTypes/DropLinkEditor.js

@@ -0,0 +1,50 @@
+"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());
+    });
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Dropdown } from "primereact/dropdown";
+import { useEditContext } from "..";
+import { useEffect, useState } from "react";
+import { loadDropLinkOptions } from "../services/editService";
+import { Skeleton } from "primereact/skeleton";
+export function DropLinkEditor({ field, readOnly, }) {
+    const editContext = useEditContext();
+    const [lazyItems, setLazyItems] = useState([]);
+    const [lazyLoading, setLazyLoading] = useState(true);
+    if (!field)
+        return;
+    if (!editContext)
+        return;
+    useEffect(() => {
+        onLazyLoad();
+    }, []);
+    const onLazyLoad = () => __awaiter(this, void 0, void 0, function* () {
+        setLazyLoading(true);
+        const options = yield loadDropLinkOptions(field, editContext.sessionId);
+        setLazyItems(options);
+        setLazyLoading(false);
+    });
+    return (_jsx(Dropdown, { value: field.value.targetItemId, disabled: readOnly, onChange: (e) => {
+            editContext === null || editContext === void 0 ? void 0 : editContext.editField({
+                field,
+                rawValue: e.value,
+            });
+        }, options: lazyItems, optionLabel: "name", optionValue: "id", placeholder: "Select", className: "w-full md:w-14rem", virtualScrollerOptions: {
+            lazy: true,
+            onLazyLoad: onLazyLoad,
+            itemSize: 38,
+            showLoader: true,
+            loading: lazyLoading,
+            delay: 250,
+            loadingTemplate: (options) => {
+                return (_jsx("div", { className: "flex align-items-center p-2", style: { height: "38px" }, children: _jsx(Skeleton, { width: options.even ? "60%" : "50%", height: "1rem" }) }));
+            },
+        } }));
+}

package/dist/esm/editor/fieldTypes/InternalLinkFieldEditor.js

@@ -0,0 +1,41 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { useEditContext } from "../editContext";
+import ContentTree from "../ContentTree";
+export function InternalLinkFieldEditor({ field, readOnly, }) {
+    const editContext = useEditContext();
+    const [link, setLink] = useState();
+    const [showTree, setShowTree] = useState(false);
+    useEffect(() => {
+        var _a;
+        setLink({
+            url: field.value.url,
+            target: field.value.target,
+            targetItemName: field.value.targetItemName,
+            targetItemLongId: field.value.targetItemLongId,
+            type: field.value.type,
+            itemId: (_a = field.value.targetItemLongId) === null || _a === void 0 ? void 0 : _a.split("/").pop(),
+            queryString: field.value.queryString,
+        });
+    }, [field]);
+    if (!field)
+        return;
+    if (!editContext)
+        return;
+    const selection = [];
+    if (link === null || link === void 0 ? void 0 : link.itemId)
+        selection.push(link.itemId);
+    return (_jsxs("div", { children: [_jsxs("div", { className: "a-p-2 a-border a-bg-gray-50 a-flex a-justify-between a-text-sm a-cursor-pointer a-justiy-between a-focus-shadow", onClick: (e) => {
+                    if (readOnly)
+                        return;
+                    setShowTree(!showTree);
+                    e.preventDefault();
+                }, children: [_jsx("span", { children: link === null || link === void 0 ? void 0 : link.targetItemName }), !readOnly && (_jsx("i", { className: `pi ${showTree ? "pi-angle-up" : "pi-angle-down"} ` }))] }), showTree && (_jsx("div", { className: "a-h-64 a-overflow-scroll a-resize", children: _jsx(ContentTree, { expandIdPath: link === null || link === void 0 ? void 0 : link.targetItemLongId, rootItemId: "{11111111-1111-1111-1111-111111111111}", selectionMode: "single", selectedItemIds: selection, onSelectionChange: (selection) => {
+                        setShowTree(false);
+                        editContext === null || editContext === void 0 ? void 0 : editContext.editField({
+                            field,
+                            rawValue: selection.id,
+                        });
+                    } }) }))] }));
+}

package/dist/{cjs → esm}/editor/fieldTypes/LinkFieldEditor.js

@@ -1,16 +1,13 @@
-"use strict";
 "use client";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.LinkFieldEditor = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const __1 = require("../..");
-const LinkEditorDialog_1 = require("../LinkEditorDialog");
-function LinkFieldEditor({ field }) {
-    const editContext = (0, __1.useEditContext)();
-    const [showDialog, setShowDialog] = (0, react_1.useState)(false);
-    const [link, setLink] = (0, react_1.useState)();
-    (0, react_1.useEffect)(() => {
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { LinkEditorDialog } from "../LinkEditorDialog";
+import { useEditContext } from "../editContext";
+export function LinkFieldEditor({ field, readOnly, }) {
+    const editContext = useEditContext();
+    const [showDialog, setShowDialog] = useState(false);
+    const [link, setLink] = useState();
+    useEffect(() => {
         var _a;
         setLink({
             url: field.value.url,
@@ -25,10 +22,12 @@ function LinkFieldEditor({ field }) {
         return;
     if (!editContext)
         return;
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", { className: "a-p-3 a-bg-gray-50 a-flex a-justify-between a-focus-shadow", onClick: (e) => {
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "a-p-3 a-bg-gray-50 a-flex a-justify-between a-focus-shadow", onClick: (e) => {
+                    if (readOnly)
+                        return;
                     setShowDialog(true);
                     e.preventDefault();
-                }, children: [(0, jsx_runtime_1.jsx)("div", { children: field.value.url }), (0, jsx_runtime_1.jsx)("i", { className: "pi pi-link a-cursor-pointer" })] }), showDialog && ((0, jsx_runtime_1.jsx)(LinkEditorDialog_1.LinkEditorDialog, { linkValue: link || { type: "internal" }, onOk: (link) => {
+                }, children: [_jsx("div", { children: field.value.url }), !readOnly && _jsx("i", { className: "pi pi-link a-cursor-pointer" })] }), showDialog && (_jsx(LinkEditorDialog, { linkValue: link || { type: "internal" }, onOk: (link) => {
                     var _a, _b;
                     const xml = link.type == "internal"
                         ? '<link linktype="internal" querystring="' +
@@ -40,7 +39,7 @@ function LinkFieldEditor({ field }) {
                             '" />'
                         : '<link linktype="external" querystring="' +
                             ((_b = link.queryString) !== null && _b !== void 0 ? _b : "") +
-                            ' url="' +
+                            '" url="' +
                             link.url +
                             '" target="' +
                             link.target +
@@ -52,4 +51,3 @@ function LinkFieldEditor({ field }) {
                     setShowDialog(false);
                 } }))] }));
 }
-exports.LinkFieldEditor = LinkFieldEditor;

package/dist/esm/editor/fieldTypes/MultiLineText.js

@@ -0,0 +1,25 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { InputTextarea } from "primereact/inputtextarea";
+import { useEditContext } from "..";
+export function MultiLineText({ field, readOnly, }) {
+    var _a;
+    const editContext = useEditContext();
+    if (!editContext)
+        return;
+    const liveField = editContext.getLiveField(field);
+    if (!editContext)
+        return;
+    const value = (liveField === null || liveField === void 0 ? void 0 : liveField.value) || field.value;
+    const fieldItem = (_a = field._editor) === null || _a === void 0 ? void 0 : _a.descriptor.item;
+    if (!fieldItem)
+        return;
+    return (_jsx(InputTextarea, { value: value, disabled: readOnly, className: "a-p-2 a-focus-shadow a-text-sm", style: { width: "100%" }, rows: 12, onChange: (e) => {
+            editContext.editField({
+                field,
+                value: e.target.value,
+                refresh: "none",
+            });
+            // field.value = e.target.value;
+        } }, fieldItem.id + field.id + fieldItem.language + fieldItem.version));
+}

package/dist/esm/editor/fieldTypes/PictureFieldEditor.js

@@ -0,0 +1,33 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEditContext } from "../editContext";
+import { PictureEditorDialog } from "../PictureEditorDialog";
+import { useState } from "react";
+import { InputText } from "primereact/inputtext";
+export function PictureFieldEditor({ field, readOnly, }) {
+    var _a, _b, _c, _d;
+    const editContext = useEditContext();
+    const [editorVisible, setEditorVisible] = useState(false);
+    if (!field)
+        return;
+    if (!editContext)
+        return;
+    var item = (_a = field._editor) === null || _a === void 0 ? void 0 : _a.descriptor.item;
+    return (_jsxs("div", { children: [_jsx("div", { className: "a-flex a-gap-2 a-h-full a-border-r a-focus-shadow a-overflow-auto", children: (_c = (_b = field === null || field === void 0 ? void 0 : field.value) === null || _b === void 0 ? void 0 : _b.variants) === null || _c === void 0 ? void 0 : _c.map((variant) => (_jsxs("div", { children: [_jsx("div", { className: "a-h-40 a-w-40 a-border a-relative a-cursor-pointer a-flex a-justify-center a-items-center", onClick: () => {
+                                if (!readOnly)
+                                    setEditorVisible(true);
+                            }, children: variant.src && _jsx("img", { src: variant.thumbSrc }) }), _jsx("div", { className: "a-text-xs", children: variant.name }), _jsx("div", { className: "a-text-xs", children: variant.aspectRatioLockText })] }, variant.name))) }), _jsxs("div", { className: "a-mt-2", children: [_jsx("div", { className: "a-mb-1", children: "Alt Text" }), _jsx(InputText, { value: ((_d = field.value) === null || _d === void 0 ? void 0 : _d.alt) || "", disabled: readOnly, className: "a-p-2 a-focus-shadow a-text-sm", style: { width: "100%" }, onChange: (e) => {
+                            const raw = (field === null || field === void 0 ? void 0 : field._editor.rawValue)
+                                ? JSON.parse(field === null || field === void 0 ? void 0 : field._editor.rawValue)
+                                : { Variants: [] };
+                            raw.AltText = e.target.value;
+                            if (field.value)
+                                field.value.alt = e.target.value;
+                            editContext.editField({
+                                field,
+                                rawValue: JSON.stringify(raw),
+                                refresh: "none",
+                            });
+                            // field.value = e.target.value;
+                        } }, item.id + field.id + item.language + item.version)] }), editorVisible && (_jsx(PictureEditorDialog, { field: field, onCancel: () => setEditorVisible(false), onOk: () => setEditorVisible(false) }))] }));
+}

package/dist/esm/editor/fieldTypes/RawEditor.js

@@ -0,0 +1,26 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { InputTextarea } from "primereact/inputtextarea";
+import { useEditContext } from "..";
+export function RawEditor({ field, readOnly, }) {
+    var _a, _b;
+    const editContext = useEditContext();
+    if (!editContext)
+        return;
+    const liveField = editContext.getLiveField(field);
+    if (!editContext)
+        return;
+    const value = ((_a = liveField === null || liveField === void 0 ? void 0 : liveField._editor) === null || _a === void 0 ? void 0 : _a.rawValue) || ((_b = field._editor) === null || _b === void 0 ? void 0 : _b.rawValue);
+    const fieldItem = field._editor.descriptor.item;
+    return (_jsx(InputTextarea, { value: value || "", disabled: readOnly, className: "a-p-2 a-focus-shadow a-text-sm", style: { width: "100%" }, rows: 12, onChange: (e) => {
+            field._editor.rawValue = e.target.value;
+            if (liveField)
+                liveField._editor.rawValue = e.target.value;
+            editContext.editField({
+                field,
+                rawValue: e.target.value,
+                refresh: "waitForQuietPeriod",
+            });
+            // field.value = e.target.value;
+        } }, fieldItem.id + field.id + fieldItem.language + fieldItem.version));
+}

package/dist/esm/editor/fieldTypes/RichTextEditor.js

@@ -0,0 +1,7 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import dynamic from "next/dynamic";
+const RichTextEditorComponent = dynamic(() => import("./RichTextEditorComponent").then((dnd) => dnd.RichTextEditorComponent), { ssr: false });
+export function RichTextEditor({ field, readOnly, }) {
+    return _jsx(RichTextEditorComponent, { field: field, readOnly: readOnly });
+}

package/dist/esm/editor/fieldTypes/RichTextEditorComponent.js

@@ -0,0 +1,46 @@
+"use client";
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { Editor } from "primereact/editor";
+import { useEditContext } from "..";
+import Quill from "quill";
+let Inline = Quill.import("blots/inline");
+class BoldBlot extends Inline {
+}
+BoldBlot.blotName = "bold";
+BoldBlot.tagName = "strong";
+Quill.register("formats/bold", BoldBlot);
+export function RichTextEditorComponent({ field, readOnly, }) {
+    var _a;
+    const editContext = useEditContext();
+    if (!editContext)
+        return;
+    const liveField = editContext.getLiveField(field);
+    //   const profile =
+    //     editContext.configuration.fieldTypes["rich text"].custom.profiles.default;
+    //   const toolbar = getToolbar(profile);
+    //   const editorModules = {
+    //     toolbar: {
+    //       container: [
+    //         // ... other toolbar options
+    //         ["customButton"], // Add your custom button here
+    //       ],
+    //     },
+    //     customButton: {}, // Initialize your custom module
+    //   };
+    const fieldItem = (_a = field._editor) === null || _a === void 0 ? void 0 : _a.descriptor.item;
+    if (!fieldItem)
+        return;
+    return (_jsx(_Fragment, { children: _jsx(Editor, { className: "a-focus-shadow", disabled: readOnly, value: liveField.value, style: { width: "100%" }, 
+            // headerTemplate={toolbar}
+            //modules={editorModules}
+            onTextChange: (e) => {
+                var _a;
+                //  console.log("Text change: " + field.itemId);
+                editContext.editField({
+                    field,
+                    value: (_a = e.htmlValue) !== null && _a !== void 0 ? _a : "",
+                    refresh: "none",
+                });
+                // field.value = e.htmlValue;
+            } }, fieldItem.id + field.id + fieldItem.language + fieldItem.version) }));
+}