@parhelia/core 0.1.11004 → 0.1.11005

package/dist/dist/editor/FieldActionsOverlay.js

@@ -0,0 +1,201 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import React, { useState, useRef, useEffect } from "react";
+import { Popover, PopoverContent, PopoverAnchor, } from "../components/ui/popover";
+import { Button } from "../components/ui/button";
+import { ArrowLeft } from "lucide-react";
+const FieldActionsOverlay = React.forwardRef(({ generatorButtons, onActionClick, onParameterizedActionExecute, currentOverlay, fieldId, setCurrentOverlay, preSelectedAction, hideBackButton, }, ref) => {
+    const [isOpen, setIsOpen] = useState(false);
+    const suppressOutsideInteractionsUntilRef = useRef(0);
+    const contentRef = useRef(null);
+    const [anchorPosition, setAnchorPosition] = useState({ x: 0, y: 0 });
+    const [selectedParameterizedAction, setSelectedParameterizedAction] = useState(null);
+    const [parameterValues, setParameterValues] = useState({});
+    const overlayId = fieldId + "_generators";
+    useEffect(() => {
+        // Only close when switching to another named overlay; ignore undefined resets
+        if (currentOverlay && currentOverlay !== overlayId) {
+            setIsOpen(false);
+            resetParameterizedAction();
+        }
+    }, [currentOverlay, overlayId]);
+    // Auto-select preSelectedAction if provided (removed from useEffect)
+    // Now handled in the show function
+    function resetParameterizedAction() {
+        setSelectedParameterizedAction(null);
+        setParameterValues({});
+    }
+    function handleActionClick(action) {
+        if (action.parameters && action.parameters.length > 0) {
+            setSelectedParameterizedAction(action);
+            // Initialize parameter values with defaults
+            const initialValues = {};
+            action.parameters.forEach((param) => {
+                initialValues[param.id] = param.defaultValue || "";
+            });
+            setParameterValues(initialValues);
+        }
+        else {
+            onActionClick(action);
+            setIsOpen(false);
+        }
+    }
+    function executeParameterizedAction() {
+        if (selectedParameterizedAction) {
+            onParameterizedActionExecute(selectedParameterizedAction, parameterValues);
+            resetParameterizedAction();
+            setIsOpen(false);
+        }
+    }
+    function goBackToActionList() {
+        resetParameterizedAction();
+    }
+    function cancelParameterizedAction() {
+        resetParameterizedAction();
+        setIsOpen(false);
+    }
+    function updateParameterValue(paramId, value) {
+        setParameterValues((prev) => ({ ...prev, [paramId]: value }));
+    }
+    function areRequiredParametersFilled() {
+        if (!selectedParameterizedAction?.parameters)
+            return true;
+        return selectedParameterizedAction.parameters.every((param) => {
+            if (!param.required)
+                return true;
+            const value = parameterValues[param.id] || "";
+            return value.trim().length > 0;
+        });
+    }
+    function renderParameterInput(param, shouldAutoFocus = false) {
+        const value = parameterValues[param.id] || "";
+        const commonProps = {
+            value,
+            onChange: (e) => updateParameterValue(param.id, e.target.value),
+            onKeyDown: (e) => {
+                if (e.key === "Enter" && (e.ctrlKey || e.metaKey)) {
+                    e.preventDefault();
+                    if (areRequiredParametersFilled()) {
+                        executeParameterizedAction();
+                    }
+                }
+                else if (e.key === "Escape") {
+                    e.preventDefault();
+                    goBackToActionList();
+                }
+            },
+            className: "w-full rounded border p-2 text-xs",
+            placeholder: param.placeholder || "",
+            autoFocus: shouldAutoFocus,
+        };
+        switch (param.type) {
+            case "textarea":
+                return (_jsx("textarea", { ...commonProps, rows: param.rows || 3, className: commonProps.className + " resize-none" }));
+            case "number":
+                return _jsx("input", { ...commonProps, type: "number" });
+            case "select":
+                return (_jsxs("select", { ...commonProps, children: [_jsx("option", { value: "", children: param.placeholder || "Select an option..." }), param.options?.map((option) => (_jsx("option", { value: option.value, children: option.label }, option.value)))] }));
+            case "text":
+            default:
+                return _jsx("input", { ...commonProps, type: "text" });
+        }
+    }
+    function getAnchorPositionFromEvent(event) {
+        try {
+            const target = event?.target;
+            if (target && typeof target.getBoundingClientRect === "function") {
+                const rect = target.getBoundingClientRect();
+                return { x: rect.left + rect.width / 2, y: rect.top + rect.height };
+            }
+            if (typeof event?.clientX === "number" &&
+                typeof event?.clientY === "number") {
+                return { x: event.clientX, y: event.clientY };
+            }
+        }
+        catch { }
+        return { x: window.innerWidth / 2, y: window.innerHeight / 2 };
+    }
+    function show(event, actionToSelect) {
+        // Track which overlay is active
+        setCurrentOverlay(overlayId);
+        // Compute anchor position from the event (real or synthetic)
+        const pos = getAnchorPositionFromEvent(event);
+        setAnchorPosition(pos);
+        // Suppress outside interaction closing briefly to avoid immediate close
+        suppressOutsideInteractionsUntilRef.current = Date.now() + 500;
+        // Open on next tick so the original click doesn't count as outside
+        setTimeout(() => setIsOpen(true), 0);
+        // Use the passed actionToSelect or fall back to preSelectedAction prop
+        const actionToAutoSelect = actionToSelect || preSelectedAction;
+        // Auto-select the action after overlay is shown
+        if (actionToAutoSelect &&
+            actionToAutoSelect.parameters &&
+            actionToAutoSelect.parameters.length > 0) {
+            // Small delay to ensure the popover is visible before rendering inputs
+            setTimeout(() => {
+                handleActionClick(actionToAutoSelect);
+            }, 50);
+        }
+    }
+    function hide() {
+        setIsOpen(false);
+    }
+    React.useImperativeHandle(ref, () => ({
+        show,
+        hide,
+    }));
+    const handlePopoverOpenChange = (open) => {
+        if (!open) {
+            if (Date.now() < suppressOutsideInteractionsUntilRef.current)
+                return;
+            if (selectedParameterizedAction)
+                return;
+        }
+        setIsOpen(open);
+    };
+    const [portalContainer, setPortalContainer] = useState(null);
+    useEffect(() => {
+        try {
+            setPortalContainer(document.body);
+        }
+        catch { }
+    }, []);
+    return (_jsxs(Popover, { open: isOpen, onOpenChange: handlePopoverOpenChange, enableIframeClickDetection: false, modal: true, children: [_jsx(PopoverAnchor, { asChild: true, children: _jsx("div", { style: {
+                        position: "fixed",
+                        left: anchorPosition.x,
+                        top: anchorPosition.y,
+                        width: 1,
+                        height: 1,
+                        pointerEvents: "none",
+                        zIndex: -1,
+                    } }) }), _jsx(PopoverContent, { ref: contentRef, className: "w-auto p-1", align: "start", side: "bottom", "data-testid": "field-actions-overlay", container: portalContainer, onOpenAutoFocus: (e) => {
+                    e.preventDefault();
+                    setTimeout(() => {
+                        try {
+                            const el = contentRef.current?.querySelector("input, textarea, select, button:not([disabled])");
+                            el?.focus();
+                        }
+                        catch { }
+                    }, 0);
+                }, onCloseAutoFocus: (e) => e.preventDefault(), onInteractOutside: (e) => {
+                    if (Date.now() < suppressOutsideInteractionsUntilRef.current ||
+                        selectedParameterizedAction)
+                        e.preventDefault();
+                }, onPointerDownOutside: (e) => {
+                    if (Date.now() < suppressOutsideInteractionsUntilRef.current ||
+                        selectedParameterizedAction)
+                        e.preventDefault();
+                }, onFocusOutside: (e) => {
+                    if (Date.now() < suppressOutsideInteractionsUntilRef.current ||
+                        selectedParameterizedAction)
+                        e.preventDefault();
+                }, onEscapeKeyDown: (e) => {
+                    e.preventDefault();
+                    if (selectedParameterizedAction)
+                        goBackToActionList();
+                    else
+                        setIsOpen(false);
+                }, onMouseDown: (e) => e.stopPropagation(), onClick: (e) => e.stopPropagation(), children: selectedParameterizedAction ? (_jsxs("div", { className: "min-w-64 p-2", children: [_jsxs("div", { className: "mb-2", children: [_jsxs("div", { className: "mb-2 flex items-center", children: [!hideBackButton && (_jsx(Button, { size: "xs", variant: "ghost", className: "mr-2", onClick: goBackToActionList, "aria-label": "Back", children: _jsx(ArrowLeft, { size: 14, strokeWidth: 1 }) })), _jsx("span", { className: "text-xs font-semibold", children: selectedParameterizedAction.label })] }), _jsx("div", { className: "mb-3 text-xs text-gray-600", children: selectedParameterizedAction.description }), selectedParameterizedAction.parameters?.map((param, index) => (_jsxs("div", { className: "mb-3", children: [_jsxs("label", { className: "mb-1 block text-xs font-medium", children: [param.label, param.required && (_jsx("span", { className: "ml-1 text-red-500", children: "*" }))] }), renderParameterInput(param, index === 0)] }, param.id))), _jsx("div", { className: "mt-1 text-xs text-gray-500", children: "Ctrl+Enter to execute, Esc to cancel" })] }), _jsxs("div", { className: "flex gap-2", children: [_jsx(Button, { size: "xs", onClick: executeParameterizedAction, disabled: !areRequiredParametersFilled(), children: "Execute" }), _jsx(Button, { size: "xs", variant: "outline", onClick: cancelParameterizedAction, children: "Cancel" })] })] })) : (_jsx(_Fragment, { children: generatorButtons?.map((x) => (_jsxs(Button, { size: "xs", variant: "ghost", className: "block w-full justify-start", onClick: () => handleActionClick(x), children: [x.icon && _jsx("i", { className: x.icon + " mr-2 text-xs" }), x.label] }, x.id))) })) })] }));
+});
+FieldActionsOverlay.displayName = "FieldActionsOverlay";
+export { FieldActionsOverlay };
+//# sourceMappingURL=FieldActionsOverlay.js.map

package/dist/dist/editor/FieldActionsOverlay.js.map

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

package/dist/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/dist/editor/FieldEditorPopup.js

@@ -0,0 +1,23 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Popover, PopoverContent, PopoverTrigger, } from "../components/ui/popover";
+import { forwardRef, useImperativeHandle, useState, } from "react";
+import { X } from "lucide-react";
+import { FieldList } from "./FieldList";
+export const FieldEditorPopup = forwardRef((_, ref) => {
+    const [isOpen, setIsOpen] = useState(false);
+    const [sections, setSections] = useState([]);
+    const [fields, setFields] = useState([]);
+    useImperativeHandle(ref, () => ({
+        show: (fields, sections, ev) => {
+            setFields(fields);
+            setSections(sections);
+            setIsOpen(true);
+        },
+        close: () => {
+            setIsOpen(false);
+        },
+    }));
+    return (_jsxs(Popover, { open: isOpen, onOpenChange: setIsOpen, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsx("div", { style: { display: "none" } }) }), _jsx(PopoverContent, { className: "h-96 w-96", children: _jsxs("div", { className: "flex flex-col gap-2 overflow-auto", onClick: (ev) => ev.stopPropagation(), children: [_jsx("div", { className: "flex justify-end p-3", children: _jsx(X, { className: "h-4 w-4 cursor-pointer", onClick: () => setIsOpen(false) }) }), fields && (_jsx(FieldList, { fields: [{ fields }], sections: sections, validators: [] })), _jsx("div", { className: "p-2 text-xs text-gray-500", children: "TEST" })] }) })] }));
+});
+//# sourceMappingURL=FieldEditorPopup.js.map

package/dist/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,EACL,OAAO,EACP,cAAc,EACd,cAAc,GACf,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAEL,UAAU,EACV,mBAAmB,EACnB,QAAQ,GACT,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,CAAC,EAAE,MAAM,cAAc,CAAC;AAEjC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAUxC,MAAM,CAAC,MAAM,gBAAgB,GAAG,UAAU,CAGxC,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE;IACX,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC5C,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,SAAS,CAAC,IAAI,CAAC,CAAC;QAClB,CAAC;QACD,KAAK,EAAE,GAAG,EAAE;YACV,SAAS,CAAC,KAAK,CAAC,CAAC;QACnB,CAAC;KACF,CAAC,CAAC,CAAC;IAEJ,OAAO,CACL,MAAC,OAAO,IAAC,IAAI,EAAE,MAAM,EAAE,YAAY,EAAE,SAAS,aAC5C,KAAC,cAAc,IAAC,OAAO,kBACrB,cAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAAI,GACpB,EACjB,KAAC,cAAc,IAAC,SAAS,EAAC,WAAW,YACnC,eACE,SAAS,EAAC,mCAAmC,EAC7C,OAAO,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,eAAe,EAAE,aAErC,cAAK,SAAS,EAAC,sBAAsB,YACnC,KAAC,CAAC,IACA,SAAS,EAAC,wBAAwB,EAClC,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,GAC/B,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,EAED,cAAK,SAAS,EAAC,2BAA2B,qBAAW,IACjD,GACS,IACT,CACX,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/dist/editor/FieldHistory.d.ts

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

package/dist/dist/editor/FieldHistory.js

@@ -0,0 +1,45 @@
+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";
+import { Undo } from "lucide-react";
+export function FieldHistory({ field, onHover, onRevert, }) {
+    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-xs text-gray-500", children: "No history" });
+    return (_jsxs("div", { children: [_jsx("div", { className: "p-2 text-xs 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.agentId ? `Agent: ${x.agentId}` : x.user
+                        },
+                        { header: "Version", body: (x) => x.version },
+                        {
+                            header: "Revert",
+                            body: (x) => (_jsx(SimpleIconButton, { icon: _jsx(Undo, { className: "h-4 w-4" }), onClick: async () => {
+                                    await editContext.operations.editField({
+                                        field: field.descriptor,
+                                        rawValue: x.rawValue,
+                                        refresh: "immediate",
+                                    });
+                                    onRevert?.();
+                                }, label: "Revert" })),
+                        },
+                    ] }) })] }));
+}
+//# sourceMappingURL=FieldHistory.js.map

package/dist/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;AACzD,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,MAAM,UAAU,YAAY,CAAC,EAC3B,KAAK,EACL,OAAO,EACP,QAAQ,GAKT;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,2BAA2B,8BAAoB,EAC9D,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;4BACE,MAAM,EAAE,MAAM;4BACd,IAAI,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI;yBACxD;wBACD,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,EAAE,KAAC,IAAI,IAAC,SAAS,EAAC,SAAS,GAAG,EAClC,OAAO,EAAE,KAAK,IAAI,EAAE;oCAClB,MAAM,WAAW,CAAC,UAAU,CAAC,SAAS,CAAC;wCACrC,KAAK,EAAE,KAAK,CAAC,UAAU;wCACvB,QAAQ,EAAE,CAAC,CAAC,QAAQ;wCACpB,OAAO,EAAE,WAAW;qCACrB,CAAC,CAAC;oCACH,QAAQ,EAAE,EAAE,CAAC;gCACf,CAAC,EACD,KAAK,EAAC,QAAQ,GACd,CACH;yBACF;qBACF,GACD,GACE,IACF,CACP,CAAC;AACJ,CAAC"}

package/dist/dist/editor/FieldList.d.ts

@@ -0,0 +1,19 @@
+import { SingleValidatorResult } from "../types";
+import { Field } from "./pageModel";
+export type ItemFields = {
+    headline?: string;
+    path?: string;
+    fullPath?: string;
+    icon?: 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/dist/editor/FieldList.js

@@ -0,0 +1,90 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Section } from "./ui/Section";
+import { useEditContext } from "./client/editContext";
+import { FieldListFieldWithFallbacks } from "./FieldListFieldWithFallbacks";
+import { FilterInput } from "../components/FilterInput";
+import { Fragment, useState } from "react";
+import uuid from "react-uuid";
+import { Checkbox } from "../components/ui/checkbox";
+import { ChevronRight } from "lucide-react";
+import { Tooltip, TooltipContent, TooltipTrigger, } from "../components/ui/tooltip";
+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", { className: "text-dark", children: [_jsxs("div", { className: "tour-field-list sticky top-0 z-10 flex items-center gap-2 border-b border-gray-200 bg-white p-2", children: [_jsx(FilterInput, { className: "flex-1", value: searchFilter, onChange: setSearchFilter, placeholder: "Filter fields..." }), showStandardFieldsEnabled && (_jsx(_Fragment, { children: _jsxs("div", { className: "flex items-center gap-1", children: [_jsx(Checkbox, { id: uniqueId, checked: showStandardFields, onCheckedChange: (checked) => setShowStandardFields(checked) }), " ", _jsx("label", { htmlFor: uniqueId, className: "text-gray-1 cursor-pointer text-xs", children: "Show standard fields" })] }) }))] }), fields.map((itemFields, index) => (_jsxs(Fragment, { children: [itemFields.headline && (_jsxs("div", { className: "mt-2 border-b py-2", children: [_jsxs("div", { className: "flex items-center gap-1 text-sm", children: [_jsx(ChevronRight, { className: "h-4 w-4" }), itemFields.icon && (_jsx("img", { src: itemFields.icon, alt: "", className: "h-4 w-4 object-contain" })), itemFields.headline] }), itemFields.path && (_jsx("div", { className: "mt-1 ml-5 text-xs text-gray-500", children: itemFields.fullPath ? (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("span", { className: "cursor-help", children: itemFields.path }) }), _jsx(TooltipContent, { children: itemFields.fullPath })] })) : (itemFields.path) }))] })), _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);
+    // Create section order mapping before any filtering to preserve original order
+    const originalSectionOrder = new Map();
+    fieldsArray.forEach((field) => {
+        const section = field.section || "";
+        const sectionSortOrder = field.sectionSortOrder || 0;
+        // Use the minimum sectionSortOrder for each section to ensure consistent ordering
+        if (!originalSectionOrder.has(section)) {
+            originalSectionOrder.set(section, sectionSortOrder);
+        }
+        else {
+            const existing = originalSectionOrder.get(section);
+            originalSectionOrder.set(section, Math.min(existing, sectionSortOrder));
+        }
+    });
+    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 || "";
+        if (!acc[section]) {
+            acc[section] = [];
+        }
+        // Only add fields that have a valid descriptor item id
+        if (value.descriptor.item.id) {
+            acc[section].push(value);
+        }
+        return acc;
+    }, {});
+    const sectionList = Object.values(sectionsGrouping);
+    // Sort sections using the original section order, not the first field after filtering
+    sectionList.sort((a, b) => {
+        const sectionA = a[0]?.section || "";
+        const sectionB = b[0]?.section || "";
+        const orderA = originalSectionOrder.get(sectionA) || 0;
+        const orderB = originalSectionOrder.get(sectionB) || 0;
+        return orderA - orderB;
+    });
+    function getSectionFields(fields, startTabIndex) {
+        fields.sort((a, b) => a?.sortOrder - b?.sortOrder);
+        return fields.map((field, index) => (_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, tabIndex: startTabIndex + index }, field.id)));
+    }
+    // Calculate tab indices across all sections
+    let currentTabIndex = 0;
+    return sectionList
+        .filter((sectionFields) => {
+        const section = sectionFields[0]?.section;
+        return !sections || sections.includes(section);
+    })
+        .map((sectionFields) => {
+        const section = sectionFields[0]?.section;
+        const startIndex = currentTabIndex;
+        currentTabIndex += sectionFields.length;
+        return simplified ? (getSectionFields(sectionFields, startIndex)) : (_jsx(Section, { title: section, children: getSectionFields(sectionFields, startIndex) }, section));
+    });
+}
+//# sourceMappingURL=FieldList.js.map

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

@@ -0,0 +1,16 @@
+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, isHoveringField, tabIndex, }: {
+    field: Field;
+    validators: SingleValidatorResult[];
+    simplified?: boolean;
+    title?: React.ReactNode;
+    isFocusedField: boolean;
+    showFallbackButton?: React.ReactNode;
+    compareToField?: Field;
+    readonly?: boolean;
+    isHoveringField?: boolean;
+    tabIndex?: number;
+}): import("react/jsx-runtime").JSX.Element | undefined;
+export declare function getFieldEditor(field: Field, showRawValue: boolean, isReadOnly: boolean, configuration: EditorConfiguration, debouncedSetFieldvalue: (value: string) => void, isFocusedField: boolean, tabIndex?: number): import("react/jsx-runtime").JSX.Element | null;