@alpaca-editor/core 1.0.0 → 1.0.3

package/dist/editor/EditorWarning.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditorWarning.js","sourceRoot":"","sources":["../../src/editor/EditorWarning.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,MAAM,UAAU,aAAa,CAAC,EAC5B,KAAK,EACL,QAAQ,GAAG,SAAS,EACpB,QAAQ,GAKT;IACC,MAAM,UAAU,GACd,QAAQ,KAAK,MAAM;QACjB,CAAC,CAAC,aAAa;QACf,CAAC,CAAC,QAAQ,KAAK,OAAO;YACtB,CAAC,CAAC,YAAY;YACd,CAAC,CAAC,eAAe,CAAC;IACtB,OAAO,CACL,eACE,SAAS,EAAE,UAAU,CACnB,UAAU,EACV,2EAA2E,CAC5E,aAED,cAAK,SAAS,EAAC,oDAAoD,YACjE,eAAM,SAAS,EAAC,qCAAqC,GAAG,GACpD,EACN,eAAK,SAAS,EAAC,KAAK,aAClB,cAAK,SAAS,EAAC,WAAW,YAAE,KAAK,GAAO,EACxC,cAAK,SAAS,EAAC,SAAS,YAAE,QAAQ,GAAO,IACrC,IACF,CACP,CAAC;AACJ,CAAC"}

package/dist/editor/EditorWarnings.d.ts

@@ -0,0 +1,9 @@
+import { EditContextType } from "./client/editContext";
+import { FullItem } from "./pageModel";
+export type EditorWarningProps = {
+    item: FullItem;
+    editContext: EditContextType;
+};
+export declare function EditorWarnings({ item }: {
+    item?: FullItem;
+}): import("react/jsx-runtime").JSX.Element | undefined;

package/dist/editor/EditorWarnings.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from "react";
+import { useEditContext } from "./client/editContext";
+export function EditorWarnings({ item }) {
+    var context = useEditContext();
+    if (!context || context.previewMode)
+        return;
+    if (!item) {
+        item = context.page?.item;
+    }
+    if (!item)
+        return;
+    return (_jsx("div", { className: "z-50 w-full", children: context.configuration.editorWarnings.map((x, i) => React.createElement(x, {
+            item,
+            key: "warning" + i,
+            editContext: context,
+        })) }));
+}
+//# sourceMappingURL=EditorWarnings.js.map

package/dist/editor/EditorWarnings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditorWarnings.js","sourceRoot":"","sources":["../../src/editor/EditorWarnings.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAmB,cAAc,EAAE,MAAM,sBAAsB,CAAC;AASvE,MAAM,UAAU,cAAc,CAAC,EAAE,IAAI,EAAuB;IAC1D,IAAI,OAAO,GAAG,cAAc,EAAE,CAAC;IAC/B,IAAI,CAAC,OAAO,IAAI,OAAO,CAAC,WAAW;QAAE,OAAO;IAE5C,IAAI,CAAC,IAAI,EAAE,CAAC;QACV,IAAI,GAAG,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC;IAC5B,CAAC;IAED,IAAI,CAAC,IAAI;QAAE,OAAO;IAElB,OAAO,CACL,cAAK,SAAS,EAAC,aAAa,YACzB,OAAO,CAAC,aAAa,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CACjD,KAAK,CAAC,aAAa,CAAC,CAAC,EAAE;YACrB,IAAI;YACJ,GAAG,EAAE,SAAS,GAAG,CAAC;YAClB,WAAW,EAAE,OAAQ;SACtB,CAAC,CACH,GACG,CACP,CAAC;AACJ,CAAC"}

package/dist/editor/FieldEditorPopup.d.ts

@@ -0,0 +1,10 @@
+import { SyntheticEvent } from "react";
+import { Field } from "./pageModel";
+export interface FieldEditorPopupRef {
+    show: (fields: Field[], sections: string[], event: SyntheticEvent) => void;
+    close: () => void;
+}
+interface FieldEditorPopupProps {
+}
+export declare const FieldEditorPopup: import("react").ForwardRefExoticComponent<FieldEditorPopupProps & import("react").RefAttributes<FieldEditorPopupRef>>;
+export {};

package/dist/editor/FieldEditorPopup.js

@@ -0,0 +1,22 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { OverlayPanel } from "primereact/overlaypanel";
+import { forwardRef, useImperativeHandle, useRef, useState, } from "react";
+import { FieldList } from "./FieldList";
+export const FieldEditorPopup = forwardRef((_, ref) => {
+    const overlayRef = useRef(null);
+    const [sections, setSections] = useState([]);
+    const [fields, setFields] = useState([]);
+    useImperativeHandle(ref, () => ({
+        show: (fields, sections, ev) => {
+            setFields(fields);
+            setSections(sections);
+            overlayRef.current?.toggle(ev, ev.target);
+        },
+        close: () => {
+            overlayRef.current?.hide();
+        },
+    }));
+    return (_jsx(OverlayPanel, { ref: overlayRef, children: _jsxs("div", { className: "w-96 h-96 flex flex-col gap-2 overflow-auto", onClick: (ev) => ev.stopPropagation(), children: [_jsx("div", { className: "flex justify-end p-3", children: _jsx("i", { className: "pi pi-times cursor-pointer", onClick: () => overlayRef?.current?.hide() }) }), fields && (_jsx(FieldList, { fields: [{ fields }], sections: sections, validators: [] }))] }) }));
+});
+//# sourceMappingURL=FieldEditorPopup.js.map

package/dist/editor/FieldEditorPopup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldEditorPopup.js","sourceRoot":"","sources":["../../src/editor/FieldEditorPopup.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAEL,UAAU,EACV,mBAAmB,EACnB,MAAM,EACN,QAAQ,GACT,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAUxC,MAAM,CAAC,MAAM,gBAAgB,GAAG,UAAU,CAGxC,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE;IACX,MAAM,UAAU,GAAG,MAAM,CAAe,IAAI,CAAC,CAAC;IAE9C,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAW,EAAE,CAAC,CAAC;IACvD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAU,EAAE,CAAC,CAAC;IAElD,mBAAmB,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;QAC9B,IAAI,EAAE,CAAC,MAAe,EAAE,QAAkB,EAAE,EAAkB,EAAE,EAAE;YAChE,SAAS,CAAC,MAAM,CAAC,CAAC;YAClB,WAAW,CAAC,QAAQ,CAAC,CAAC;YACtB,UAAU,CAAC,OAAO,EAAE,MAAM,CAAC,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QAC5C,CAAC;QACD,KAAK,EAAE,GAAG,EAAE;YACV,UAAU,CAAC,OAAO,EAAE,IAAI,EAAE,CAAC;QAC7B,CAAC;KACF,CAAC,CAAC,CAAC;IAEJ,OAAO,CACL,KAAC,YAAY,IAAC,GAAG,EAAE,UAAU,YAC3B,eACE,SAAS,EAAC,6CAA6C,EACvD,OAAO,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,eAAe,EAAE,aAErC,cAAK,SAAS,EAAC,sBAAsB,YACnC,YACE,SAAS,EAAC,4BAA4B,EACtC,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,EAAE,OAAO,EAAE,IAAI,EAAE,GAC1C,GACE,EAEL,MAAM,IAAI,CACT,KAAC,SAAS,IACR,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EACpB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,EAAE,GACd,CACH,IACG,GACO,CAChB,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/editor/FieldHistory.d.ts

@@ -0,0 +1,6 @@
+import { Field } from "../editor/pageModel";
+import { FieldHistoryItem } from "../types";
+export declare function FieldHistory({ field, onHover, }: {
+    field: Field;
+    onHover: (historyEntry: FieldHistoryItem | undefined) => void;
+}): import("react/jsx-runtime").JSX.Element | null;

package/dist/editor/FieldHistory.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { getFieldHistory } from "../editor/services/editService";
+import { useEffect } from "react";
+import { useState } from "react";
+import { useEditContext } from "./client/editContext";
+import { formatDate } from "./utils";
+import { SimpleTable } from "./ui/SimpleTable";
+import { SimpleIconButton } from "./ui/SimpleIconButton";
+export function FieldHistory({ field, onHover, }) {
+    const [fieldHistory, setFieldHistory] = useState([]);
+    const editContext = useEditContext();
+    if (!editContext) {
+        return null;
+    }
+    useEffect(() => {
+        getFieldHistory(field.descriptor.item, field.id).then((result) => {
+            setFieldHistory(result.data ?? []);
+        });
+    }, [field]);
+    if (fieldHistory.length === 0)
+        return _jsx("div", { className: "p-2 text-gray-500 text-xs", children: "No history" });
+    return (_jsxs("div", { children: [_jsx("div", { className: "text-xs p-2 bg-gray-100 text-gray-500", children: "Field History" }), _jsx("div", { className: "max-h-96 overflow-auto", children: _jsx(SimpleTable, { items: fieldHistory, onRowHover: onHover, rowClassName: (x) => x.undone
+                        ? "text-gray-300 cursor-pointer hover:bg-gray-50 "
+                        : "cursor-pointer hover:bg-gray-50", columns: [
+                        { header: "Date", body: (x) => formatDate(new Date(x.date)) },
+                        { header: "User", body: (x) => x.user },
+                        { header: "Version", body: (x) => x.version },
+                        {
+                            header: "Revert",
+                            body: (x) => (_jsx(SimpleIconButton, { icon: "pi pi-undo", onClick: () => editContext.operations.editField({
+                                    field: field.descriptor,
+                                    rawValue: x.rawValue,
+                                    refresh: "immediate",
+                                }), label: "Revert" })),
+                        },
+                    ] }) })] }));
+}
+//# sourceMappingURL=FieldHistory.js.map

package/dist/editor/FieldHistory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldHistory.js","sourceRoot":"","sources":["../../src/editor/FieldHistory.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AACjE,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAEzD,MAAM,UAAU,YAAY,CAAC,EAC3B,KAAK,EACL,OAAO,GAIR;IACC,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAqB,EAAE,CAAC,CAAC;IACzE,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IAErC,IAAI,CAAC,WAAW,EAAE,CAAC;QACjB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,SAAS,CAAC,GAAG,EAAE;QACb,eAAe,CAAC,KAAK,CAAC,UAAU,CAAC,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE;YAC/D,eAAe,CAAC,MAAM,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC;QACrC,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,IAAI,YAAY,CAAC,MAAM,KAAK,CAAC;QAC3B,OAAO,cAAK,SAAS,EAAC,2BAA2B,2BAAiB,CAAC;IAErE,OAAO,CACL,0BACE,cAAK,SAAS,EAAC,uCAAuC,8BAEhD,EACN,cAAK,SAAS,EAAC,wBAAwB,YACrC,KAAC,WAAW,IACV,KAAK,EAAE,YAAY,EACnB,UAAU,EAAE,OAAO,EACnB,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE,CAClB,CAAC,CAAC,MAAM;wBACN,CAAC,CAAC,gDAAgD;wBAClD,CAAC,CAAC,iCAAiC,EAEvC,OAAO,EAAE;wBACP,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,UAAU,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE;wBAC7D,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE;wBACvC,EAAE,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,EAAE;wBAC7C;4BACE,MAAM,EAAE,QAAQ;4BAChB,IAAI,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CACX,KAAC,gBAAgB,IACf,IAAI,EAAC,YAAY,EACjB,OAAO,EAAE,GAAG,EAAE,CACZ,WAAW,CAAC,UAAU,CAAC,SAAS,CAAC;oCAC/B,KAAK,EAAE,KAAK,CAAC,UAAU;oCACvB,QAAQ,EAAE,CAAC,CAAC,QAAQ;oCACpB,OAAO,EAAE,WAAW;iCACrB,CAAC,EAEJ,KAAK,EAAC,QAAQ,GACd,CACH;yBACF;qBACF,GACD,GACE,IACF,CACP,CAAC;AACJ,CAAC"}

package/dist/editor/FieldList.d.ts

@@ -0,0 +1,16 @@
+import { SingleValidatorResult } from "../types";
+import { Field } from "./pageModel";
+export type ItemFields = {
+    headline?: string;
+    fields: Field[];
+};
+export declare function FieldList({ fields, compareToFields, sections, validators, filter, simplified, showStandardFieldsEnabled, readonly, }: {
+    fields: ItemFields[];
+    compareToFields?: Field[];
+    sections?: string[];
+    validators: SingleValidatorResult[];
+    filter?: (field: Field) => boolean;
+    simplified?: boolean;
+    showStandardFieldsEnabled?: boolean;
+    readonly?: boolean;
+}): import("react/jsx-runtime").JSX.Element | undefined;

package/dist/editor/FieldList.js

@@ -0,0 +1,58 @@
+"use client";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Section } from "./ui/Section";
+import { useEditContext } from "./client/editContext";
+import { FieldListFieldWithFallbacks } from "./FieldListFieldWithFallbacks";
+import { InputText } from "primereact/inputtext";
+import { Fragment, useState } from "react";
+import { Checkbox } from "primereact/checkbox";
+import uuid from "react-uuid";
+import { SimpleIconButton } from "./ui/SimpleIconButton";
+export function FieldList({ fields, compareToFields, sections, validators, filter, simplified, showStandardFieldsEnabled, readonly, }) {
+    const editContext = useEditContext();
+    const [searchFilter, setSearchFilter] = useState("");
+    const [showStandardFields, setShowStandardFields] = useState(false);
+    const uniqueId = uuid();
+    if (!editContext)
+        return;
+    if (!fields)
+        return;
+    return (_jsxs("div", { children: [_jsxs("div", { className: "sticky  bg-gray-50 top-0 z-10 flex gap-2 border-y border-gray-200 items-center p-2 tour-field-list", children: [_jsx("i", { className: "pi pi-search" }), _jsx("div", { className: "text-xs", children: "Filter" }), _jsx(InputText, { className: "flex-1 text-xs", value: searchFilter, onChange: (x) => setSearchFilter(x.target.value) }), searchFilter && (_jsx(SimpleIconButton, { icon: "pi pi-times", onClick: () => setSearchFilter(""), className: "text-xs", label: "Clear" })), showStandardFieldsEnabled && (_jsxs(_Fragment, { children: [_jsx(Checkbox, { inputId: uniqueId, checked: showStandardFields, onChange: (e) => setShowStandardFields(e.checked) }), " ", _jsx("label", { htmlFor: uniqueId, className: "text-xs cursor-pointer", children: "Show standard fields" })] }))] }), fields.map((itemFields, index) => (_jsxs(Fragment, { children: [itemFields.headline && (_jsxs("div", { className: "text-sm mt-2 py-2 border-b flex items-center gap-1", children: [_jsx("i", { className: "pi pi-angle-right" }), " ", itemFields.headline] })), _jsx(FieldListForSingleItem, { fields: itemFields.fields, validators: validators, filter: filter, searchFilter: searchFilter, showStandardFields: showStandardFields, simplified: simplified, sections: sections, compareToFields: compareToFields, readonly: readonly }, index)] }, index)))] }));
+}
+function FieldListForSingleItem({ fields, validators, filter, searchFilter, simplified, sections, showStandardFields, compareToFields, readonly, }) {
+    let fieldsArray = Array.isArray(fields)
+        ? fields
+        : Object.values(fields);
+    if (filter)
+        fieldsArray = fieldsArray.filter(filter);
+    if (searchFilter) {
+        const searchFilterLower = searchFilter.toLowerCase();
+        fieldsArray = fieldsArray.filter((x) => x.name?.toLowerCase().includes(searchFilterLower) ||
+            x.displayName?.toLowerCase().includes(searchFilterLower));
+    }
+    if (!showStandardFields) {
+        fieldsArray = fieldsArray.filter((x) => !x.name?.startsWith("__"));
+    }
+    const sectionsGrouping = fieldsArray.reduce((acc, value) => {
+        // Group initialization
+        const section = value.section || "Default";
+        if (value.descriptor.item.id)
+            if (!acc[section]) {
+                acc[section] = [];
+            }
+        // Grouping
+        acc[section].push(value);
+        return acc;
+    }, {});
+    const sectionList = Object.values(sectionsGrouping);
+    sectionList.sort((a, b) => (a[0]?.sectionSortOrder || 0) - (b[0]?.sectionSortOrder || 0));
+    function getSectionFields(fields) {
+        fields.sort((a, b) => a?.sortOrder - b?.sortOrder);
+        return fields.map((field) => (_jsx(FieldListFieldWithFallbacks, { fieldDescriptor: field.descriptor, simplified: simplified, validators: validators.filter((x) => x.fieldId === field.id), compareToField: compareToFields?.find((x) => x.id === field.id), readonly: readonly }, field.id)));
+    }
+    return sectionList
+        .map((x) => x[0]?.section)
+        .filter((x) => !sections || sections.includes(x))
+        .map((section) => simplified ? (getSectionFields(sectionsGrouping[section])) : (_jsx(Section, { title: section, children: getSectionFields(sectionsGrouping[section]) }, section)));
+}
+//# sourceMappingURL=FieldList.js.map

package/dist/editor/FieldList.js.map

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

package/dist/editor/FieldListField.d.ts

@@ -0,0 +1,14 @@
+import { EditorConfiguration } from "../config/types";
+import { SingleValidatorResult } from "../types";
+import { Field } from "./pageModel";
+export default function FieldListField({ field, validators, simplified, title, isFocusedField, showFallbackButton, compareToField, readonly, }: {
+    field: Field;
+    validators: SingleValidatorResult[];
+    simplified?: boolean;
+    title?: React.ReactNode;
+    isFocusedField: boolean;
+    showFallbackButton?: React.ReactNode;
+    compareToField?: Field;
+    readonly?: boolean;
+}): import("react/jsx-runtime").JSX.Element | undefined;
+export declare function getFieldEditor(field: Field, showRawValue: boolean, isReadOnly: boolean, configuration: EditorConfiguration, debouncedSetFieldvalue: (value: string) => void): import("react/jsx-runtime").JSX.Element | null;

package/dist/editor/FieldListField.js

@@ -0,0 +1,161 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Tooltip } from "primereact/tooltip";
+import { useEditContext, useModifiedFieldsContext } from "./client/editContext";
+import { useEffect, useRef, useState } from "react";
+import { WizardIcon } from "./ui/Icons";
+import { OverlayPanel } from "primereact/overlaypanel";
+import { getSessionWithFieldLock } from "./utils";
+import { loadFieldButtons } from "./services/editService";
+import { useThrottledCallback } from "use-debounce";
+import { SimpleIconButton } from "./ui/SimpleIconButton";
+import { FieldHistory } from "./FieldHistory";
+export default function FieldListField({ field, validators, simplified, title, isFocusedField, showFallbackButton, compareToField, readonly, }) {
+    const editContext = useEditContext();
+    if (!editContext)
+        return;
+    const modifiedFieldsContext = useModifiedFieldsContext();
+    const fieldItem = field.descriptor.item;
+    const [showRawValue, setShowRawValue] = useState(false);
+    const generatorsOverlay = useRef(null);
+    const fieldHistoryOverlay = useRef(null);
+    const [generatorButtons, setButtons] = useState();
+    const [isModified, setIsModified] = useState(false);
+    const [isSaved, setIsSaved] = useState(false);
+    const [historyEntry, setHistoryEntry] = useState();
+    async function editButtonClicked(x) {
+        editContext?.triggerFieldAction(field.descriptor, x);
+    }
+    useEffect(() => {
+        updateState();
+        setShowRawValue(false);
+    }, [
+        field.descriptor.item.id,
+        field.descriptor.item.language,
+        field.descriptor.item.version,
+        field.descriptor.fieldId,
+    ]);
+    useEffect(updateState, [modifiedFieldsContext?.modifiedFields]);
+    function updateState() {
+        const modifiedField = modifiedFieldsContext?.modifiedFields.find((x) => x.fieldId === field.id &&
+            x.item.id === fieldItem.id &&
+            x.item.language === fieldItem.language &&
+            x.item.version === fieldItem.version);
+        if (modifiedField) {
+            setIsModified(true);
+            setIsSaved(!modifiedField.isDirty);
+        }
+        else {
+            setIsModified(false);
+            setIsSaved(false);
+        }
+    }
+    const fieldLockedBySession = getSessionWithFieldLock(field.descriptor, editContext);
+    const debouncedSetFieldvalue = useThrottledCallback(async (value) => {
+        await editContext.operations.editField({
+            field: field.descriptor,
+            value: value,
+            refresh: "none",
+        });
+    }, editContext.configuration.debounceFieldEditsInterval, {
+        trailing: true,
+    });
+    const isReadOnly = readonly ||
+        !field.canWrite ||
+        (fieldLockedBySession &&
+            fieldLockedBySession.sessionId !== editContext.sessionId) ||
+        false;
+    let classNames = " flex items-stretch";
+    if (isFocusedField)
+        classNames += " focused-field ";
+    if (isReadOnly)
+        classNames += " readonly ";
+    if (isModified && !isSaved)
+        classNames += " saving ";
+    if (isSaved)
+        classNames += " saved ";
+    let validationBarClassNames = undefined;
+    if (validators.find((x) => x.result > 1))
+        validationBarClassNames = " pl-2 border-l-4 border-red-500";
+    const executingAction = editContext.activeFieldActions.find((x) => x.field.fieldId == field.id &&
+        x.field.item?.id == fieldItem.id &&
+        x.field.item?.language == fieldItem.language &&
+        x.field.item?.version == fieldItem.version);
+    if (executingAction?.state == "running")
+        classNames += " executing-action ";
+    useEffect(() => {
+        const load = async () => {
+            if (!field.descriptor)
+                return;
+            const buttons = await loadFieldButtons(field.descriptor);
+            field.buttons = buttons;
+            setButtons(buttons);
+        };
+        if (isFocusedField) {
+            if (field.buttons)
+                setButtons(field.buttons);
+            else
+                load();
+        }
+    }, [isFocusedField]);
+    useEffect(() => {
+        if (editContext.currentOverlay !== field.id + "_generators")
+            generatorsOverlay.current?.hide();
+    }, [editContext.currentOverlay]);
+    const renderGeneratorButtons = () => {
+        if (generatorButtons?.length || 0 > 0)
+            return (_jsxs(_Fragment, { children: [(!executingAction || executingAction.state !== "running") && (_jsx(SimpleIconButton, { icon: _jsx(WizardIcon, { className: "w-4 h-4" }), label: "Generate", onClick: (e) => {
+                            generatorsOverlay.current?.toggle(e);
+                            editContext.setCurrentOverlay(field.id + "_generators");
+                            e.preventDefault();
+                            e.stopPropagation();
+                        } })), executingAction && executingAction.state === "running" && (_jsxs("div", { className: "ml-auto text-xs", children: [_jsx("i", { className: "pi pi-spin pi-spinner text-xs flex items-center" }), " ", executingAction?.actionButton.label] })), _jsx(OverlayPanel, { ref: generatorsOverlay, className: "p-1", children: generatorButtons?.map((x) => (_jsxs("button", { className: "text-xs p-1 block hover:text-gray-400", onClick: () => {
+                                editButtonClicked(x);
+                                generatorsOverlay.current?.hide();
+                            }, children: [x.icon && _jsx("i", { className: x.icon + " mr-2 text-xs" }), x.label] }, x.id))) })] }));
+        return null;
+    };
+    const config = editContext.configuration.fieldTypes[field.type];
+    return (_jsxs("div", { className: classNames, children: [validationBarClassNames && (_jsxs(_Fragment, { children: [_jsx("div", { className: validationBarClassNames, id: "validation_" + field.id }), _jsx(Tooltip, { target: "#validation_" + field.id, children: validators
+                            .filter((x) => x.result > 1)
+                            .map((x) => (_jsx("div", { children: x.message }, x.validator))) })] })), _jsxs("div", { className: "flex-1", children: [_jsxs("div", { className: "flex gap-x-3 gap-y-1 items-center flex-wrap min-h-7", children: [_jsx("label", { className: "font-bold block text-xs select-text", children: title || field.displayName || field.name }), fieldLockedBySession &&
+                                fieldLockedBySession.sessionId !== editContext.sessionId && (_jsxs("div", { className: "text-xs bg-pink-400 text-white p-1", children: ["locked by ", fieldLockedBySession.user.name] })), isFocusedField &&
+                                (!fieldLockedBySession ||
+                                    fieldLockedBySession?.sessionId === editContext.sessionId) && (_jsxs(_Fragment, { children: [field.isShared && (_jsx("span", { className: "text-xs text-gray-400", children: "[Shared]" })), _jsx("span", { className: "text-xs", children: "\u00B7" }), !field.isFallback && field.rawValue !== null ? (_jsxs("button", { className: "text-xs p-0 ", onClick: () => {
+                                            editContext?.operations.editField({
+                                                field: field.descriptor,
+                                                rawValue: null,
+                                            });
+                                        }, children: ["Reset", " "] })) : (showFallbackButton), config?.buttons?.map((x) => {
+                                        return (_jsxs("button", { className: "text-xs p-0", onClick: () => editContext.triggerFieldAction(field.descriptor, x), children: [_jsx("i", { className: "text-xs pi " + x.icon }), " ", x.label] }, x.id));
+                                    }), !simplified && (_jsxs("button", { className: "text-xs p-0", onClick: () => {
+                                            setShowRawValue(!showRawValue);
+                                        }, children: [_jsx("i", { className: "text-xs pi " +
+                                                    (showRawValue ? "pi-check-square" : "pi-stop") }), " ", "Raw"] })), _jsxs("div", { className: "ml-auto flex items-center gap-1", children: [_jsx(SimpleIconButton, { icon: "pi pi-comment", onClick: () => {
+                                                    editContext.switchView("reviews");
+                                                    editContext.addComment();
+                                                }, label: "Add Comment" }), !readonly && renderGeneratorButtons(), _jsx(SimpleIconButton, { icon: "pi pi-history", onClick: (ev) => {
+                                                    fieldHistoryOverlay.current?.toggle(ev);
+                                                    ev.preventDefault();
+                                                    ev.stopPropagation();
+                                                }, label: "Field History" }), _jsx(OverlayPanel, { ref: fieldHistoryOverlay, className: "p-1", children: _jsx(FieldHistory, { field: field, onHover: (x) => setHistoryEntry(x) }) })] })] }))] }), executingAction?.message && (_jsx("div", { className: "text-xs p-0 mt-1 mb-1", children: executingAction?.message })), !compareToField && (_jsx("div", { className: "text-xs p-0 mt-1 ", children: getFieldEditor(historyEntry
+                            ? { ...field, value: historyEntry.value, isHistoric: true }
+                            : field, showRawValue, historyEntry ? true : isReadOnly, editContext.configuration, debouncedSetFieldvalue) })), compareToField && (_jsxs("div", { className: "text-xs p-0 mt-1 gap-1 flex w-full", children: [_jsx("div", { className: "flex-1", children: getFieldEditor(field, showRawValue, isReadOnly, editContext.configuration, debouncedSetFieldvalue) }), _jsx("div", { className: "flex-1", children: getFieldEditor(compareToField, showRawValue, true, editContext.configuration, debouncedSetFieldvalue) })] }))] })] }, field.id +
+        "_" +
+        fieldItem.id +
+        "_" +
+        fieldItem.language +
+        "_" +
+        fieldItem.version));
+}
+export function getFieldEditor(field, showRawValue, isReadOnly, configuration, debouncedSetFieldvalue) {
+    let fieldType = showRawValue ? "raw" : field.type;
+    var typeConfig = configuration.fieldTypes[fieldType];
+    if (!typeConfig)
+        typeConfig = configuration.fieldTypes["single-line text"];
+    if (!typeConfig)
+        return null;
+    return (_jsx(typeConfig.editor, { field: field, readOnly: isReadOnly, updateFieldValue: (value) => {
+            debouncedSetFieldvalue(value);
+        } }));
+}
+//# sourceMappingURL=FieldListField.js.map

package/dist/editor/FieldListField.js.map

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

package/dist/editor/FieldListFieldWithFallbacks.d.ts

@@ -0,0 +1,10 @@
+import { SingleValidatorResult } from "../types";
+import { Field, FieldDescriptor } from "./pageModel";
+export declare function FieldListFieldWithFallbacks({ fieldDescriptor, validators, simplified, title, compareToField, readonly, }: {
+    fieldDescriptor: FieldDescriptor;
+    validators: SingleValidatorResult[];
+    simplified?: boolean;
+    title?: React.ReactNode;
+    compareToField?: Field;
+    readonly?: boolean;
+}): import("react/jsx-runtime").JSX.Element | undefined;

package/dist/editor/FieldListFieldWithFallbacks.js

@@ -0,0 +1,109 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
+import FieldListField from "./FieldListField";
+import { useEditContext, useOperationsContext } from "./client/editContext";
+export function FieldListFieldWithFallbacks({ fieldDescriptor, validators, simplified, title, compareToField, readonly, }) {
+    const [showFallback, setShowFallback] = useState(false);
+    const [fallbackChain, setFallbackChain] = useState();
+    const ref = useRef(null);
+    const [hover, setHover] = useState(false);
+    const [field, setField] = useState();
+    const editContext = useEditContext();
+    if (!editContext)
+        return;
+    const operationsContext = useOperationsContext();
+    useEffect(() => {
+        const loadField = async () => {
+            const field = await editContext.itemsRepository.getField(fieldDescriptor);
+            setField(field);
+        };
+        loadField();
+    }, [editContext.itemsRepository.revision, fieldDescriptor]);
+    //const liveField = editContext.getLiveField(field);
+    // function isEditFieldOp(op?: EditOperation): op is EditFieldOperation {
+    //   return op?.type === "edit-field";
+    // }
+    async function loadFallback() {
+        if (!field?.fallbackChain || !editContext)
+            return;
+        await editContext.itemsRepository.getItems(field.fallbackChain?.map((x) => x.item));
+        setFallbackChain((await Promise.all(field.fallbackChain.map((x) => editContext.itemsRepository.getField(x)))).filter((x) => x));
+        //const chain = await loadFallbackChain(field.descriptor);
+        // if(currentEditOp.item.language !== field._editor!.descriptor.item.language) {
+        //   chain.forEach((x, i) => {
+        //     if (i > 0) {
+        //       x._editor!.isFallback = true;
+        //     }
+        //   });
+        // }
+        // // chain.forEach((x, i) => {
+        // //   if (
+        // //     init ||
+        // //     !isEditFieldOp(currentEditOp) ||
+        // //     currentEditOp.fieldId !== x.id ||
+        // //     currentEditOp.item.id !== x._editor!.descriptor.item.id ||
+        // //     currentEditOp.item.language !== x._editor!.descriptor.item.language
+        // //   ) {
+        // //     console.log("apply change", i, x);
+        // //     x._editor! = chain[i]._editor!;
+        // //     x.value = chain[i].value;
+        // //     x.jsonValue = chain[i].jsonValue;
+        // //   }
+        // // });
+        //setFallbackChain(chain);
+    }
+    const fieldItem = field?.descriptor.item;
+    const isFocusedField = editContext?.focusedField?.fieldId === field?.id &&
+        editContext.focusedField?.item?.id === fieldItem?.id &&
+        editContext.focusedField?.item?.language === fieldItem?.language;
+    useEffect(() => {
+        const handleEnter = () => {
+            setHover(true);
+        };
+        const handleLeave = () => {
+            setHover(false);
+        };
+        ref.current?.addEventListener("mouseenter", handleEnter);
+        ref.current?.addEventListener("mouseleave", handleLeave);
+        return () => {
+            ref.current?.removeEventListener("mouseenter", handleEnter);
+            ref.current?.removeEventListener("mouseleave", handleLeave);
+        };
+    }, []);
+    useEffect(() => {
+        if (ref.current && isFocusedField) {
+            // only scroll if the field is outside the viewport
+            const rect = ref.current.getBoundingClientRect();
+            if (rect.top < 0 || rect.bottom > window.innerHeight) {
+                ref.current.scrollIntoView({
+                    behavior: "smooth",
+                    block: "center",
+                    inline: "center",
+                });
+            }
+        }
+    }, [editContext.focusedField?.fieldId]);
+    useEffect(() => {
+        if (ref.current && (isFocusedField || hover) && field?.isFallback) {
+            loadFallback();
+        }
+    }, [editContext.focusedField, hover]);
+    useEffect(() => {
+        if (field?.isFallback && isFocusedField) {
+            loadFallback();
+        }
+    }, [
+        operationsContext?.editOperationExecuted,
+        editContext.refreshCompletedFlag,
+        editContext.itemsRepository.revision,
+    ]);
+    const showFallbackButton = field?.isFallback && (_jsxs("button", { className: "text-xs p-0", onClick: () => setShowFallback(!showFallback), children: [_jsx("i", { className: "text-xs pi " + (showFallback ? "pi-check-square" : "pi-stop") }), " ", "Fallback"] }));
+    if (!field) {
+        return;
+    }
+    return (_jsxs("div", { "data-field-id": field.id, ref: ref, className: "[&:not(:first-child)]:mt-4", onClickCapture: () => {
+            editContext.setFocusedField(field.descriptor, field.canWrite || false);
+        }, children: [_jsx(FieldListField, { field: field, validators: validators, simplified: simplified, title: title, isFocusedField: isFocusedField || hover, showFallbackButton: showFallbackButton, compareToField: compareToField, readonly: readonly }), field.isFallback && isFocusedField && showFallback && (_jsx(_Fragment, { children: fallbackChain &&
+                    fallbackChain.map((x, i) => (_jsxs("div", { className: "ml-3", children: [_jsx("div", { className: "text-center mb-4", children: _jsx("i", { className: "pi pi-arrow-up text-xl font-bold text-blue-300 fallback-arrow-animation relative top-3" }) }), _jsx(FieldListField, { field: x, validators: validators, simplified: true, isFocusedField: true, readonly: readonly, title: _jsxs("div", { className: "text-xs", children: [x.displayName || x.name, " (", x.descriptor.item.language, ")", x.descriptor.item.id != field.descriptor.item.id && (_jsxs("span", { className: "text-gray-400", children: ["- Item: ", x.descriptor.item.id] }))] }) }, i)] }, i))) }))] }, field.id));
+}
+//# sourceMappingURL=FieldListFieldWithFallbacks.js.map

package/dist/editor/FieldListFieldWithFallbacks.js.map

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

package/dist/editor/FloatingToolbar.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from "react";
+export default function FloatingToolbar({ children, onPin, height, width, }: {
+    children: ReactNode;
+    onPin?: () => void;
+    height?: number;
+    width?: number;
+}): import("react/jsx-runtime").JSX.Element;