@parhelia/core 0.1.11004 → 0.1.11007

package/dist/dist/editor/FieldListField.js

@@ -0,0 +1,286 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEditContext } from "./client/editContext";
+import { useFieldModification } from "./client/fieldModificationStore";
+import { useEffect, useRef, useState } from "react";
+import { getSessionWithFieldLock } from "./utils";
+import { loadFieldButtons } from "./services/editService";
+import { FieldActionsOverlay, } from "./FieldActionsOverlay";
+import { useThrottledCallback } from "use-debounce";
+import { SimpleIconButton } from "./ui/SimpleIconButton";
+import { FieldHistory } from "./FieldHistory";
+import { History, MessageCircle, MessageCirclePlus, WandSparkles, ExternalLink, Loader2, } from "lucide-react";
+import { Checkbox } from "../components/ui/checkbox";
+import { CopyButton } from "../components/ui/copy-button";
+import { PasteButton } from "../components/ui/paste-button";
+import { containsGuidInText, findGuidsInText } from "./utils";
+import { Popover, PopoverContent, PopoverTrigger, } from "../components/ui/popover";
+import { Tooltip, TooltipContent, TooltipTrigger, } from "../components/ui/tooltip";
+export default function FieldListField({ field, validators, simplified, title, isFocusedField, showFallbackButton, compareToField, readonly, isHoveringField, tabIndex, }) {
+    const editContext = useEditContext();
+    if (!editContext)
+        return;
+    const fieldItem = field.descriptor.item;
+    // Field-specific subscription - only rerenders when THIS field changes
+    const { isModified, isSaved } = useFieldModification(field.id, fieldItem.id, fieldItem.language, fieldItem.version);
+    const [showRawValue, setShowRawValue] = useState(false);
+    const [showFieldJson, setShowFieldJson] = useState(false);
+    const [fieldMenuOpen, setFieldMenuOpen] = useState(false);
+    const [fieldHistoryOpen, setFieldHistoryOpen] = useState(false);
+    const generatorsOverlay = useRef(null);
+    const [generatorButtons, setButtons] = useState();
+    const [historyEntry, setHistoryEntry] = useState();
+    async function handleActionClick(action) {
+        editContext?.triggerFieldAction(field.descriptor, action);
+    }
+    async function handleParameterizedActionExecute(action, parameters) {
+        editContext?.triggerFieldAction(field.descriptor, action, parameters);
+    }
+    useEffect(() => {
+        setShowRawValue(false);
+    }, [
+        field.descriptor.item.id,
+        field.descriptor.item.language,
+        field.descriptor.item.version,
+        field.descriptor.fieldId,
+    ]);
+    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,
+        leading: false,
+    });
+    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);
+    const isReadOnly = executingAction?.state == "running" ||
+        readonly ||
+        !field.canWrite ||
+        (fieldLockedBySession &&
+            fieldLockedBySession.sessionId !== editContext.sessionId) ||
+        false;
+    let classNames = "flex items-stretch";
+    if (executingAction?.state == "running")
+        classNames += " executing-action ";
+    else {
+        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";
+    useEffect(() => {
+        const load = async () => {
+            if (!field.descriptor)
+                return;
+            const buttons = await loadFieldButtons(field.descriptor);
+            field.buttons = buttons;
+            setButtons(buttons);
+        };
+        if (isFocusedField || isHoveringField) {
+            if (field.buttons)
+                setButtons(field.buttons);
+            else
+                load();
+        }
+    }, [isFocusedField, isHoveringField]);
+    const renderGeneratorButtons = generatorButtons?.length || 0 > 0 ? (_jsxs(_Fragment, { children: [(!executingAction || executingAction.state !== "running") && (_jsx(SimpleIconButton, { icon: _jsx(WandSparkles, { strokeWidth: 1, className: "h-3.5 w-3.5" }), label: "Generate", onClick: (e) => {
+                    generatorsOverlay.current?.show(e);
+                } })), executingAction && executingAction.state === "running" && (_jsxs("div", { className: "ml-auto flex items-center gap-1.5 text-xs", children: [_jsx(Loader2, { className: "h-3.5 w-3.5 animate-spin" }), " ", executingAction?.label] })), _jsx(FieldActionsOverlay, { ref: generatorsOverlay, generatorButtons: generatorButtons, onActionClick: handleActionClick, onParameterizedActionExecute: handleParameterizedActionExecute, currentOverlay: editContext.currentOverlay, fieldId: field.id, setCurrentOverlay: editContext.setCurrentOverlay })] })) : null;
+    const config = editContext.configuration.fieldTypes[field.type];
+    const handleOpenFieldItem = () => {
+        // Load the field item in the editor
+        editContext.loadItem({
+            id: field.id,
+            language: "en",
+            version: 0,
+        });
+        setFieldMenuOpen(false);
+    };
+    const handleShowFieldJson = () => {
+        setShowFieldJson(!showFieldJson);
+        setFieldMenuOpen(false);
+    };
+    useEffect(() => {
+        if (!fieldHistoryOpen) {
+            setHistoryEntry(undefined);
+        }
+    }, [fieldHistoryOpen]);
+    // Filter comments and suggestedEdits for this field
+    // Comments can be associated with either itemId (component) or mainItemId (page)
+    const fieldComments = editContext.comments.filter((comment) => comment.fieldId === field.id &&
+        (comment.itemId === fieldItem.id ||
+            comment.mainItemId === fieldItem.id) &&
+        comment.language === fieldItem.language &&
+        comment.version === fieldItem.version);
+    const fieldSuggestedEdits = editContext.suggestedEdits.filter((suggestedEdit) => suggestedEdit.fieldId === field.id &&
+        (suggestedEdit.itemId === fieldItem.id ||
+            suggestedEdit.mainItemId === fieldItem.id) &&
+        suggestedEdit.mainItemLanguage === fieldItem.language &&
+        suggestedEdit.mainItemVersion === fieldItem.version);
+    const hasUnresolvedComments = fieldComments.some((comment) => !comment.isResolved) ||
+        fieldSuggestedEdits.some((edit) => edit.status === "pending");
+    const hasResolvedComments = fieldComments.some((comment) => comment.isResolved) ||
+        fieldSuggestedEdits.some((edit) => edit.status === "applied" || edit.status === "rejected");
+    const hasAnyCommentsOrSuggestions = fieldComments.length > 0 || fieldSuggestedEdits.length > 0;
+    const totalCount = fieldComments.length + fieldSuggestedEdits.length;
+    const unresolvedCount = fieldComments.filter((c) => !c.isResolved).length +
+        fieldSuggestedEdits.filter((e) => e.status === "pending").length;
+    return (_jsxs("div", { className: classNames, children: [validationBarClassNames && (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("div", { className: validationBarClassNames, id: "validation_" + field.id }) }), _jsx(TooltipContent, { 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 min-h-7 flex-wrap items-center gap-x-3 gap-y-1", children: [!simplified ? (_jsxs(Popover, { open: fieldMenuOpen, onOpenChange: setFieldMenuOpen, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsx("button", { className: "text-gray-1 rounded py-0.5 text-left text-xs font-medium transition-colors hover:bg-gray-100", children: title || field.displayName || field.name }) }), _jsxs(PopoverContent, { className: "w-56 p-1", align: "start", side: "bottom", children: [_jsxs("button", { className: "flex w-full items-center gap-2 rounded px-3 py-2 text-xs transition-colors hover:bg-gray-100", onClick: handleOpenFieldItem, children: [_jsx(ExternalLink, { strokeWidth: 1, className: "h-4 w-4" }), "Open Field Item"] }), _jsxs("button", { className: "flex w-full items-center gap-2 rounded px-3 py-2 text-xs transition-colors hover:bg-gray-100", onClick: handleShowFieldJson, children: [_jsx("span", { className: "font-mono text-sm", children: "{}" }), showFieldJson ? "Hide" : "Show", " Field JSON"] })] })] })) : (_jsx("label", { className: "block text-xs font-medium select-text", children: title || field.displayName || field.name })), fieldLockedBySession &&
+                                fieldLockedBySession.sessionId !== editContext.sessionId && (_jsxs("div", { className: "rounded-sm px-1.5 py-0.5 text-xs text-white", style: { backgroundColor: fieldLockedBySession.color }, children: ["locked by", " ", fieldLockedBySession.user.fullName ||
+                                        fieldLockedBySession.user.name] })), hasAnyCommentsOrSuggestions &&
+                                (!isFocusedField && !isHoveringField) && (_jsx("div", { className: "ml-auto flex items-center gap-1", children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsxs("div", { className: "relative cursor-pointer rounded p-1 transition-colors hover:bg-gray-100 opacity-60", onClick: () => {
+                                                    editContext.switchView("comments");
+                                                    const firstComment = fieldComments.find((c) => !c.isResolved) ||
+                                                        fieldComments[0];
+                                                    if (firstComment) {
+                                                        editContext.setSelectedComment(firstComment);
+                                                        editContext.setFocusedField(field.descriptor, false);
+                                                    }
+                                                }, children: [_jsx(MessageCircle, { strokeWidth: 1, className: hasUnresolvedComments
+                                                            ? "h-3.5 w-3.5 text-blue-500 hover:text-blue-600"
+                                                            : hasResolvedComments
+                                                                ? "h-3.5 w-3.5 text-green-500 hover:text-green-600"
+                                                                : "h-3.5 w-3.5 text-gray-400" }), _jsx("div", { className: `absolute -right-1 -top-1 flex h-4 min-w-4 items-center justify-center rounded-full px-1 text-[10px] font-medium ${hasUnresolvedComments
+                                                            ? "bg-blue-500 text-white"
+                                                            : hasResolvedComments
+                                                                ? "bg-green-500 text-white"
+                                                                : "bg-gray-400 text-white"}`, children: totalCount })] }) }), _jsx(TooltipContent, { children: _jsxs("div", { className: "text-xs", children: [unresolvedCount > 0 && (_jsxs("div", { children: [unresolvedCount, " unresolved", " ", unresolvedCount === 1
+                                                                ? "comment/suggestion"
+                                                                : "comments/suggestions"] })), totalCount > unresolvedCount && (_jsxs("div", { children: [totalCount - unresolvedCount, " resolved"] })), totalCount === unresolvedCount && totalCount > 0 && (_jsxs("div", { children: ["Total: ", totalCount] })), (fieldComments.length > 0 ||
+                                                        fieldSuggestedEdits.length > 0) && (_jsxs("div", { className: "mt-1 text-gray-500", children: [fieldComments.length > 0 && (_jsxs("div", { children: [fieldComments.length, " ", fieldComments.length === 1
+                                                                        ? "comment"
+                                                                        : "comments"] })), fieldSuggestedEdits.length > 0 && (_jsxs("div", { children: [fieldSuggestedEdits.length, " ", fieldSuggestedEdits.length === 1
+                                                                        ? "suggestion"
+                                                                        : "suggestions"] }))] }))] }) })] }) })), (isFocusedField || isHoveringField) &&
+                                (!fieldLockedBySession ||
+                                    fieldLockedBySession?.sessionId === editContext.sessionId) && (_jsxs(_Fragment, { children: [field.isShared && (_jsx("span", { className: "text-xs text-gray-400", children: "[Shared]" })), ((!field.isFallback &&
+                                        !field.isStandardValue &&
+                                        field.hasValue &&
+                                        field.rawValue !== null) ||
+                                        showFallbackButton ||
+                                        (config?.buttons && config.buttons.length > 0) ||
+                                        !simplified) && _jsx("span", { className: "text-xs", children: "\u00B7" }), !field.isFallback &&
+                                        !field.isStandardValue &&
+                                        field.hasValue &&
+                                        field.rawValue !== null ? (!isReadOnly ? (_jsxs("button", { className: "text-gray-1 cursor-pointer p-0 text-xs", onClick: () => {
+                                            editContext?.operations.editField({
+                                                field: field.descriptor,
+                                                rawValue: null,
+                                            });
+                                        }, children: ["Reset", " "] })) : null) : (showFallbackButton), config?.buttons?.map((x) => {
+                                        return (_jsxs("button", { className: "text-gray-1 cursor-pointer p-0 text-xs", onClick: () => editContext.triggerFieldAction(field.descriptor, x), children: [_jsx("i", { className: "pi text-xs " + x.icon }), " ", x.label] }, x.id));
+                                    }), !simplified && (_jsxs("div", { className: "flex items-center gap-1.5 text-xs", children: [_jsx(Checkbox, { className: "size-3.5", checked: showRawValue, onCheckedChange: (checked) => setShowRawValue(!!checked) }), _jsx("label", { className: "cursor-pointer", onClick: () => setShowRawValue(!showRawValue), children: "Raw" })] })), field.rawValue && (_jsx(CopyButton, { textToCopy: field.rawValue || "" })), !isReadOnly &&
+                                        (() => {
+                                            const typeConfig = editContext.configuration.fieldTypes[field.type];
+                                            const pasteCfg = typeConfig?.paste;
+                                            const enabled = pasteCfg?.enabled
+                                                ? pasteCfg.enabled(field)
+                                                : false;
+                                            if (!enabled)
+                                                return null;
+                                            const hideIfInvalid = pasteCfg?.hideIfInvalidClipboard ?? true;
+                                            const pasteKind = pasteCfg?.kind?.type;
+                                            const validateClipboard = pasteCfg?.isValid ??
+                                                (pasteKind === "guid"
+                                                    ? (t) => containsGuidInText(t)
+                                                    : pasteKind === "guid-list"
+                                                        ? (t) => findGuidsInText(t).length > 0
+                                                        : (t) => (t || "").trim().length > 0);
+                                            const computeValueFromClipboard = (clipboardText) => {
+                                                if (pasteKind === "guid") {
+                                                    const guids = findGuidsInText(clipboardText);
+                                                    return guids[0];
+                                                }
+                                                if (pasteKind === "guid-list") {
+                                                    const guids = findGuidsInText(clipboardText);
+                                                    if (!guids.length)
+                                                        return undefined;
+                                                    const separator = pasteCfg?.kind?.separator ?? "|";
+                                                    return guids.join(separator);
+                                                }
+                                                if (pasteCfg?.transform) {
+                                                    const transformed = pasteCfg.transform(clipboardText, field);
+                                                    return typeof transformed === "string"
+                                                        ? transformed
+                                                        : undefined;
+                                                }
+                                                return clipboardText;
+                                            };
+                                            return (_jsx(PasteButton, { hideIfClipboardEmpty: hideIfInvalid, isClipboardValid: validateClipboard, onPaste: async (clipboardText) => {
+                                                    const valueToWrite = computeValueFromClipboard(clipboardText);
+                                                    if (valueToWrite === undefined)
+                                                        return;
+                                                    const target = pasteCfg?.target ?? "value";
+                                                    await editContext?.operations.editField({
+                                                        field: field.descriptor,
+                                                        [target]: valueToWrite,
+                                                    });
+                                                } }));
+                                        })(), _jsxs("div", { className: "ml-auto flex items-center gap-1", children: [hasAnyCommentsOrSuggestions && (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsxs("div", { className: "relative cursor-pointer rounded p-1 transition-colors hover:bg-gray-100", onClick: () => {
+                                                                editContext.switchView("comments");
+                                                                const firstComment = fieldComments.find((c) => !c.isResolved) ||
+                                                                    fieldComments[0];
+                                                                if (firstComment) {
+                                                                    editContext.setSelectedComment(firstComment);
+                                                                    editContext.setFocusedField(field.descriptor, false);
+                                                                }
+                                                            }, children: [_jsx(MessageCircle, { strokeWidth: 1, className: hasUnresolvedComments
+                                                                        ? "h-3.5 w-3.5 text-blue-500 hover:text-blue-600"
+                                                                        : hasResolvedComments
+                                                                            ? "h-3.5 w-3.5 text-green-500 hover:text-green-600"
+                                                                            : "h-3.5 w-3.5 text-gray-400" }), _jsx("div", { className: `absolute -right-1 -top-1 flex h-4 min-w-4 items-center justify-center rounded-full px-1 text-[10px] font-medium ${hasUnresolvedComments
+                                                                        ? "bg-blue-500 text-white"
+                                                                        : hasResolvedComments
+                                                                            ? "bg-green-500 text-white"
+                                                                            : "bg-gray-400 text-white"}`, children: totalCount })] }) }), _jsx(TooltipContent, { children: _jsxs("div", { className: "text-xs", children: [unresolvedCount > 0 && (_jsxs("div", { children: [unresolvedCount, " unresolved", " ", unresolvedCount === 1
+                                                                            ? "comment/suggestion"
+                                                                            : "comments/suggestions"] })), totalCount > unresolvedCount && (_jsxs("div", { children: [totalCount - unresolvedCount, " resolved"] })), totalCount === unresolvedCount && totalCount > 0 && (_jsxs("div", { children: ["Total: ", totalCount] })), (fieldComments.length > 0 ||
+                                                                    fieldSuggestedEdits.length > 0) && (_jsxs("div", { className: "mt-1 text-gray-500", children: [fieldComments.length > 0 && (_jsxs("div", { children: [fieldComments.length, " ", fieldComments.length === 1
+                                                                                    ? "comment"
+                                                                                    : "comments"] })), fieldSuggestedEdits.length > 0 && (_jsxs("div", { children: [fieldSuggestedEdits.length, " ", fieldSuggestedEdits.length === 1
+                                                                                    ? "suggestion"
+                                                                                    : "suggestions"] }))] }))] }) })] })), !editContext.configuration.forceFullscreen && (_jsx(SimpleIconButton, { icon: _jsx(MessageCirclePlus, { strokeWidth: 1, className: "h-3.5 w-3.5" }), onClick: () => {
+                                                    editContext.switchView("comments");
+                                                    editContext.addComment();
+                                                }, label: "Add Comment" })), !readonly && renderGeneratorButtons, _jsxs(Tooltip, { children: [_jsxs(Popover, { open: fieldHistoryOpen, onOpenChange: (open) => {
+                                                            setFieldHistoryOpen(open);
+                                                            if (!open)
+                                                                setHistoryEntry(undefined);
+                                                        }, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsx(TooltipTrigger, { asChild: true, children: _jsx("button", { className: "cursor-pointer rounded p-1 transition-colors hover:bg-gray-100", "aria-label": "Field History", children: _jsx(History, { strokeWidth: 1, className: "h-3.5 w-3.5" }) }) }) }), _jsx(PopoverContent, { className: "w-80 p-2", align: "end", side: "top", children: _jsx(FieldHistory, { field: field, onHover: (x) => setHistoryEntry(x), onRevert: () => {
+                                                                        setFieldHistoryOpen(false);
+                                                                    } }) })] }), _jsx(TooltipContent, { children: "Field History" })] })] })] }))] }), executingAction?.message && (_jsx("div", { className: "mt-1 mb-1 p-0 text-xs", children: executingAction?.message })), showFieldJson && (_jsxs("div", { className: "mt-2 mb-2 rounded border bg-gray-50 p-2 text-xs", children: [_jsxs("div", { className: "mb-2 flex items-center justify-between", children: [_jsx("span", { className: "font-medium", children: "Field JSON" }), _jsx(CopyButton, { textToCopy: JSON.stringify(field, null, 2) })] }), _jsx("pre", { className: "max-h-40 overflow-auto text-xs whitespace-pre-wrap select-text", children: JSON.stringify(field, null, 2) })] })), !compareToField && (_jsx("div", { className: "mt-1 p-0 text-xs", children: getFieldEditor(historyEntry
+                            ? { ...field, value: historyEntry.value, isHistoric: true }
+                            : field, showRawValue, historyEntry ? true : isReadOnly, editContext.configuration, debouncedSetFieldvalue, isFocusedField, tabIndex) })), compareToField && (_jsxs("div", { className: "mt-1 flex w-full gap-1 p-0 text-xs", children: [_jsx("div", { className: "flex-1", children: getFieldEditor(field, showRawValue, isReadOnly, editContext.configuration, debouncedSetFieldvalue, isFocusedField, tabIndex) }), _jsx("div", { className: "flex-1", children: getFieldEditor(compareToField, showRawValue, true, editContext.configuration, debouncedSetFieldvalue, isFocusedField, undefined) })] }))] })] }, field.id +
+        "_" +
+        fieldItem.id +
+        "_" +
+        fieldItem.language +
+        "_" +
+        fieldItem.version));
+}
+export function getFieldEditor(field, showRawValue, isReadOnly, configuration, debouncedSetFieldvalue, isFocusedField, tabIndex) {
+    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, isFocusedField: isFocusedField, updateFieldValue: (value) => {
+            debouncedSetFieldvalue(value);
+        }, tabIndex: tabIndex }));
+}
+//# sourceMappingURL=FieldListField.js.map

package/dist/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/dist/editor/FieldListFieldWithFallbacks.d.ts

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

package/dist/dist/editor/FieldListFieldWithFallbacks.js

@@ -0,0 +1,120 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
+import { ArrowUp } from "lucide-react";
+import FieldListField from "./FieldListField";
+import { useEditContext, useOperationsContext, useFieldsEditContext, } from "./client/editContext";
+import { Checkbox } from "../components/ui/checkbox";
+export function FieldListFieldWithFallbacks({ fieldDescriptor, validators, simplified, title, compareToField, readonly, tabIndex, }) {
+    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();
+    const fieldsContext = useFieldsEditContext();
+    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 = fieldsContext?.focusedField?.fieldId === field?.id &&
+        fieldsContext?.focusedField?.item?.id === fieldItem?.id &&
+        fieldsContext?.focusedField?.item?.language === fieldItem?.language;
+    useEffect(() => {
+        const handleEnter = () => {
+            setHover(true);
+        };
+        const handleLeave = () => {
+            setHover(false);
+        };
+        const element = ref.current;
+        if (element && field) {
+            element.addEventListener("mouseenter", handleEnter);
+            element.addEventListener("mouseleave", handleLeave);
+        }
+        return () => {
+            if (element) {
+                element.removeEventListener("mouseenter", handleEnter);
+                element.removeEventListener("mouseleave", handleLeave);
+            }
+        };
+    }, [field]);
+    useEffect(() => {
+        if (ref.current && isFocusedField) {
+            // only scroll if the field is completely outside the viewport
+            const rect = ref.current.getBoundingClientRect();
+            if (rect.bottom < 0 || rect.top > window.innerHeight) {
+                ref.current.scrollIntoView({
+                    behavior: "smooth",
+                    block: "center",
+                    inline: "center",
+                });
+            }
+        }
+    }, [fieldsContext?.focusedField?.fieldId]);
+    useEffect(() => {
+        if (ref.current && (isFocusedField || hover) && field?.isFallback) {
+            loadFallback();
+        }
+    }, [fieldsContext?.focusedField, hover]);
+    useEffect(() => {
+        if (field?.isFallback && isFocusedField) {
+            loadFallback();
+        }
+    }, [
+        operationsContext?.editOperationExecuted,
+        editContext.refreshCompletedFlag,
+        editContext.itemsRepository.revision,
+    ]);
+    const showFallbackButton = field?.isFallback && (_jsxs("div", { className: "flex items-center gap-1.5 text-xs", children: [_jsx(Checkbox, { className: "size-3.5", checked: showFallback, onCheckedChange: (checked) => setShowFallback(!!checked) }), _jsx("label", { className: "cursor-pointer", onClick: () => setShowFallback(!showFallback), children: "Fallback" })] }));
+    if (!field) {
+        return;
+    }
+    return (_jsxs("div", { "data-field-id": field.id, "data-fieldname": field.name, ref: ref, className: "px-2 [&:not(:first-child)]:mt-4", onClickCapture: () => {
+            fieldsContext?.setFocusedField(field.descriptor, field.canWrite || false);
+        }, onFocusCapture: () => {
+            // Handle Tab navigation: update focused field when any input within this field gets focus
+            fieldsContext?.setFocusedField(field.descriptor, field.canWrite || false);
+        }, children: [_jsx(FieldListField, { field: field, validators: validators, simplified: simplified, title: title, isFocusedField: isFocusedField, showFallbackButton: showFallbackButton, compareToField: compareToField, readonly: readonly, isHoveringField: hover, tabIndex: tabIndex }), field.isFallback && isFocusedField && showFallback && (_jsx(_Fragment, { children: fallbackChain &&
+                    fallbackChain.map((x, i) => (_jsxs("div", { className: "ml-3", children: [_jsx("div", { className: "mb-4 text-center", children: _jsx(ArrowUp, { className: "fallback-arrow-animation relative top-3 inline-block h-5 w-5 font-bold text-blue-300" }) }), _jsx(FieldListField, { field: x, validators: validators, simplified: true, isFocusedField: true, readonly: readonly, isHoveringField: hover, 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/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/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;

package/dist/dist/editor/FloatingToolbar.js

@@ -0,0 +1,91 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useState } from "react";
+import { ArrowDownLeft, ChevronDown } from "lucide-react";
+export default function FloatingToolbar({ children, onPin, height, width, }) {
+    const [position, setPosition] = useState({ x: 0, y: 95 });
+    const [size, setSize] = useState({ width: 400, height: 70 });
+    const [dragging, setDragging] = useState(false);
+    const [resizing, setResizing] = useState(false);
+    const [offset, setOffset] = useState({ x: 0, y: 0 });
+    const [hidden, setHidden] = useState(false);
+    useEffect(() => {
+        console.log("WIDTH: ", width, "Height: ", height);
+        setSize({ width: width || 400, height: height || 70 });
+    }, []);
+    const handleMouseDown = useCallback((e) => {
+        // Start dragging and calculate the offset from the mouse to the sidebar top-left corner
+        setDragging(true);
+        setOffset({
+            x: e.clientX - position.x,
+            y: e.clientY - position.y,
+        });
+    }, [position]);
+    const handleMouseMove = useCallback((e) => {
+        if (dragging) {
+            // Update the position state based on mouse movement, adjusted by the initial offset
+            setPosition({
+                x: e.clientX - offset.x,
+                y: e.clientY - offset.y,
+            });
+        }
+    }, [dragging, offset]);
+    const handleMouseUp = useCallback(() => {
+        // Stop dragging
+        setDragging(false);
+    }, []);
+    const handleResizeMouseDown = useCallback((e) => {
+        e.preventDefault();
+        setResizing(true);
+        setOffset({
+            x: e.clientX,
+            y: e.clientY,
+        });
+    }, []);
+    const handleResizeMouseMove = useCallback((e) => {
+        if (resizing) {
+            const newWidth = size.width + (e.clientX - offset.x);
+            const newHeight = size.height + (e.clientY - offset.y);
+            setSize({
+                width: newWidth > 200 ? newWidth : 200, // Minimum width
+                height: newHeight > 100 ? newHeight : 100, // Minimum height
+            });
+            setOffset({
+                x: e.clientX,
+                y: e.clientY,
+            });
+        }
+    }, [resizing, offset, size]);
+    const handleResizeMouseUp = useCallback(() => {
+        setResizing(false);
+    }, []);
+    useEffect(() => {
+        if (resizing) {
+            document.addEventListener("mousemove", handleResizeMouseMove);
+            document.addEventListener("mouseup", handleResizeMouseUp);
+        }
+        return () => {
+            document.removeEventListener("mousemove", handleResizeMouseMove);
+            document.removeEventListener("mouseup", handleResizeMouseUp);
+        };
+    }, [resizing, handleResizeMouseMove, handleResizeMouseUp]);
+    // Add event listeners to the document when the sidebar is being dragged
+    useEffect(() => {
+        if (dragging) {
+            document.addEventListener("mousemove", handleMouseMove);
+            document.addEventListener("mouseup", handleMouseUp);
+        }
+        // Cleanup the document event listeners when the component unmounts or dragging stops
+        return () => {
+            document.removeEventListener("mousemove", handleMouseMove);
+            document.removeEventListener("mouseup", handleMouseUp);
+        };
+    }, [dragging, handleMouseMove, handleMouseUp]);
+    return (_jsxs("div", { className: "z-10 flex flex-col border border-gray-200 drop-shadow", onMouseMove: handleMouseMove, onMouseUp: handleMouseUp, style: {
+            left: `${position.x}px`,
+            top: `${position.y}px`,
+            position: "absolute", // Use 'fixed' or 'absolute' depending on your layout needs
+            height: `${hidden ? 30 : size.height}px`,
+            width: `${size.width}px`,
+        }, children: [_jsxs("div", { className: "items-between flex w-full justify-between bg-gray-100 p-2 text-sm", style: { cursor: "move", userSelect: "none" }, onMouseDown: handleMouseDown, children: ["Toolbar", _jsxs("div", { className: "flex gap-2", children: [hidden && (_jsx("div", { className: "cusor-pointer h-4 w-4 border-2 border-gray-800", onClick: () => setHidden(false) })), !hidden && (_jsx("div", { className: "cusor-pointer h-4 w-4 border-b-2 border-gray-800", onClick: () => setHidden(true) })), onPin && (_jsx(ArrowDownLeft, { className: "h-4 w-4 cursor-pointer", onClick: onPin }))] })] }), _jsx("div", { className: "flex-1", children: !hidden && children }), _jsx("div", { className: "h-4 bg-gray-100" }), _jsx("div", { className: "absolute -right-2 -bottom-1 h-4 w-4 cursor-nwse-resize text-gray-500", onMouseDown: handleResizeMouseDown, children: _jsx(ChevronDown, { className: "h-4 w-4 -rotate-45" }) })] }));
+}
+//# sourceMappingURL=FloatingToolbar.js.map

package/dist/dist/editor/FloatingToolbar.js.map

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

package/dist/dist/editor/ImageEditButton.d.ts

@@ -0,0 +1,27 @@
+import React, { ReactNode } from "react";
+export interface MenuAction {
+    id: string;
+    label: string;
+    icon: React.ReactNode;
+    onClick: (e?: React.MouseEvent) => void;
+    parameters?: any[];
+}
+interface ImageEditButtonProps {
+    /** Menu items to display in the dropdown */
+    actions: MenuAction[];
+    /** Custom trigger button content */
+    triggerButton?: ReactNode;
+    /** Whether to use the compact round button style (default: false) */
+    compact?: boolean;
+    /** Custom trigger button text (used with non-compact style) */
+    buttonText?: string;
+    /** Custom trigger button icon (used with compact style) */
+    buttonIcon?: string;
+    /** Test ID for the trigger button */
+    testId?: string;
+    /** Additional CSS classes for the trigger button */
+    buttonClassName?: string;
+    defaultActionId?: string;
+}
+export declare function ImageEditButton({ actions, triggerButton, buttonText, buttonIcon, testId, buttonClassName, defaultActionId, }: ImageEditButtonProps): import("react/jsx-runtime").JSX.Element;
+export {};