@alpaca-editor/core 1.0.3767 → 1.0.3769

package/dist/editor/ContextMenu.d.ts

@@ -0,0 +1,13 @@
+import { MenuItem } from "primereact/menuitem";
+import { EditContextType } from "./client/editContext";
+import { FieldDescriptor } from "../types";
+import { Component, FieldButton } from "./pageModel";
+export declare function showComponentContextMenu(components: Component[], editContext: EditContextType, field?: FieldDescriptor, fieldButtons?: FieldButton[]): (e: any) => boolean;
+export interface EditContextMenuRef {
+    show: (event: any, menuItems: MenuItem[]) => void;
+    close: (event: any) => void;
+}
+interface EditContextMenuProps {
+}
+export declare const EditContextMenu: import("react").ForwardRefExoticComponent<EditContextMenuProps & import("react").RefAttributes<EditContextMenuRef>>;
+export {};

package/dist/editor/ContextMenu.js

@@ -1,10 +1,6 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.EditContextMenu = void 0;
-exports.showComponentContextMenu = showComponentContextMenu;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const contextmenu_1 = require("primereact/contextmenu");
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef, useImperativeHandle, useRef, useState } from "react";
+import { ContextMenu } from "primereact/contextmenu";
 // export function getFieldContextMenu(
 //   field: Field,
 //   editContext: EditContextType,
@@ -52,7 +48,7 @@ const contextmenu_1 = require("primereact/contextmenu");
 //     }
 //   };
 // }
-function showComponentContextMenu(components, editContext, field, fieldButtons) {
+export function showComponentContextMenu(components, editContext, field, fieldButtons) {
     const componentCommandMenuItems = getComponentMenuItems(editContext, components);
     const menuItems = componentCommandMenuItems;
     if (!editContext.readonly && field && fieldButtons?.length) {
@@ -81,12 +77,12 @@ function showComponentContextMenu(components, editContext, field, fieldButtons)
         return false;
     };
 }
-exports.EditContextMenu = (0, react_1.forwardRef)((props, ref) => {
-    const cm = (0, react_1.useRef)(null);
-    const [menuItems, setMenuItems] = (0, react_1.useState)([]);
+export const EditContextMenu = forwardRef((props, ref) => {
+    const cm = useRef(null);
+    const [menuItems, setMenuItems] = useState([]);
     if (!props)
         return;
-    (0, react_1.useImperativeHandle)(ref, () => ({
+    useImperativeHandle(ref, () => ({
         show: (e, items) => {
             if (!e.ctrlKey && !e.shiftKey && !e.altKey) {
                 setMenuItems(items);
@@ -98,7 +94,7 @@ exports.EditContextMenu = (0, react_1.forwardRef)((props, ref) => {
             cm.current?.hide(event);
         },
     }));
-    return (0, jsx_runtime_1.jsx)(contextmenu_1.ContextMenu, { model: menuItems, ref: cm });
+    return _jsx(ContextMenu, { model: menuItems, ref: cm });
 });
 function getComponentMenuItems(editContext, components) {
     const componentCommands = editContext.getComponentCommands(components);

package/dist/editor/Editor.d.ts

@@ -0,0 +1,11 @@
+import { ItemDescriptor } from "./pageModel";
+import { EditorConfiguration } from "../config/types";
+import { User } from "../types";
+export declare function Editor({ configure, className, page, }: {
+    configure: (props: {
+        configuration: EditorConfiguration;
+        user: User;
+    }) => EditorConfiguration;
+    className?: string;
+    page?: ItemDescriptor;
+}): import("react/jsx-runtime").JSX.Element | null;

package/dist/editor/Editor.js

@@ -1,45 +1,39 @@
 "use client";
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Editor = Editor;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const EditorClient_1 = require("./client/EditorClient");
-const DialogContext_1 = require("./client/DialogContext");
-const react_1 = require("react");
-const editService_1 = require("./services/editService");
-const systemService_1 = require("./services/systemService");
-const react_uuid_1 = __importDefault(require("react-uuid"));
-const config_1 = require("../config/config");
-function Editor({ configure, className, page, }) {
-    const [config, setConfig] = (0, react_1.useState)();
-    const [userInfo, setUserInfo] = (0, react_1.useState)();
-    const [systemStatus, setSystemStatus] = (0, react_1.useState)();
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { EditorClient } from "./client/EditorClient";
+import { DialogProvider } from "./client/DialogContext";
+import { useEffect, useState } from "react";
+import { getUserInfo } from "./services/editService";
+import { getSystemStatus } from "./services/systemService";
+import uuid from "react-uuid";
+import { getConfiguration } from "../config/config";
+export function Editor({ configure, className, page, }) {
+    const [config, setConfig] = useState();
+    const [userInfo, setUserInfo] = useState();
+    const [systemStatus, setSystemStatus] = useState();
     const sessionId = typeof window !== "undefined"
-        ? sessionStorage.getItem("sessionId") || (0, react_uuid_1.default)()
-        : (0, react_uuid_1.default)();
-    (0, react_1.useEffect)(() => {
+        ? sessionStorage.getItem("sessionId") || uuid()
+        : uuid();
+    useEffect(() => {
         // Get user info and system status
-        (0, editService_1.getUserInfo)().then((userInfo) => {
+        getUserInfo().then((userInfo) => {
             if (!userInfo) {
                 window.location.href = "/sitecore/login";
                 return;
             }
             setUserInfo(userInfo);
         });
-        (0, systemService_1.getSystemStatus)().then((status) => {
+        getSystemStatus().then((status) => {
             if (status.data) {
                 setSystemStatus(status.data);
             }
         });
     }, []);
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         if (!userInfo || !systemStatus)
             return;
         const config = configure({
-            configuration: (0, config_1.getConfiguration)(),
+            configuration: getConfiguration(),
             user: userInfo,
         });
         setConfig(config);
@@ -47,9 +41,9 @@ function Editor({ configure, className, page, }) {
     if (!userInfo || !systemStatus)
         return null;
     if (systemStatus.messages.some((m) => m.severity === "error")) {
-        return ((0, jsx_runtime_1.jsxs)("div", { className: "fixed inset-0 flex flex-col items-center justify-center gap-2 text-sm", children: [(0, jsx_runtime_1.jsx)("h1", { className: "text-2xl", children: "Please fix the following issues:" }), (0, jsx_runtime_1.jsx)("div", { className: "text-sm text-red-500", children: systemStatus.messages.map((m) => ((0, jsx_runtime_1.jsx)("div", { children: m.message }, m.message))) }), (0, jsx_runtime_1.jsx)("p", { children: "Check the logs for more details." })] }));
+        return (_jsxs("div", { className: "fixed inset-0 flex flex-col items-center justify-center gap-2 text-sm", children: [_jsx("h1", { className: "text-2xl", children: "Please fix the following issues:" }), _jsx("div", { className: "text-sm text-red-500", children: systemStatus.messages.map((m) => (_jsx("div", { children: m.message }, m.message))) }), _jsx("p", { children: "Check the logs for more details." })] }));
     }
     if (!config)
         return null;
-    return ((0, jsx_runtime_1.jsx)(DialogContext_1.DialogProvider, { children: (0, jsx_runtime_1.jsx)(EditorClient_1.EditorClient, { configuration: config, className: className, item: page, sessionId: sessionId }) }));
+    return (_jsx(DialogProvider, { children: _jsx(EditorClient, { configuration: config, className: className, item: page, sessionId: sessionId }) }));
 }

package/dist/editor/EditorWarning.d.ts

@@ -0,0 +1,5 @@
+export declare function EditorWarning({ title, severity, children, }: {
+    title: string;
+    severity?: "info" | "error" | "warning";
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/editor/EditorWarning.js

@@ -1,13 +1,10 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.EditorWarning = EditorWarning;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const utils_1 = require("primereact/utils");
-function EditorWarning({ title, severity = "warning", children, }) {
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { classNames } from "primereact/utils";
+export function EditorWarning({ title, severity = "warning", children, }) {
     const background = severity === "info"
         ? "bg-blue-100"
         : severity === "error"
             ? "bg-red-100"
             : "bg-yellow-100";
-    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, utils_1.classNames)(background, "text-sm text-gray-500 border-b border-yellow-300 flex gap-2 items-stretch"), children: [(0, jsx_runtime_1.jsx)("div", { className: "bg-yellow-200 px-4 flex items-center text-gray-900", children: (0, jsx_runtime_1.jsx)("span", { className: "pi pi-exclamation-triangle text-2xl" }) }), (0, jsx_runtime_1.jsxs)("div", { className: "p-2", children: [(0, jsx_runtime_1.jsx)("div", { className: "font-bold", children: title }), (0, jsx_runtime_1.jsx)("div", { className: "text-xs", children: children })] })] }));
+    return (_jsxs("div", { className: classNames(background, "text-sm text-gray-500 border-b border-yellow-300 flex gap-2 items-stretch"), children: [_jsx("div", { className: "bg-yellow-200 px-4 flex items-center text-gray-900", children: _jsx("span", { className: "pi pi-exclamation-triangle text-2xl" }) }), _jsxs("div", { className: "p-2", children: [_jsx("div", { className: "font-bold", children: title }), _jsx("div", { className: "text-xs", children: children })] })] }));
 }

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

@@ -1,14 +1,8 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.EditorWarnings = EditorWarnings;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = __importDefault(require("react"));
-const editContext_1 = require("./client/editContext");
-function EditorWarnings({ item }) {
-    var context = (0, editContext_1.useEditContext)();
+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) {
@@ -16,7 +10,7 @@ function EditorWarnings({ item }) {
     }
     if (!item)
         return;
-    return ((0, jsx_runtime_1.jsx)("div", { className: "z-50 w-full", children: context.configuration.editorWarnings.map((x, i) => react_1.default.createElement(x, {
+    return (_jsx("div", { className: "z-50 w-full", children: context.configuration.editorWarnings.map((x, i) => React.createElement(x, {
             item,
             key: "warning" + i,
             editContext: context,

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

@@ -1,16 +1,13 @@
 "use client";
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FieldEditorPopup = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const overlaypanel_1 = require("primereact/overlaypanel");
-const react_1 = require("react");
-const FieldList_1 = require("./FieldList");
-exports.FieldEditorPopup = (0, react_1.forwardRef)((_, ref) => {
-    const overlayRef = (0, react_1.useRef)(null);
-    const [sections, setSections] = (0, react_1.useState)([]);
-    const [fields, setFields] = (0, react_1.useState)([]);
-    (0, react_1.useImperativeHandle)(ref, () => ({
+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);
@@ -20,5 +17,5 @@ exports.FieldEditorPopup = (0, react_1.forwardRef)((_, ref) => {
             overlayRef.current?.hide();
         },
     }));
-    return ((0, jsx_runtime_1.jsx)(overlaypanel_1.OverlayPanel, { ref: overlayRef, children: (0, jsx_runtime_1.jsxs)("div", { className: "w-96 h-96 flex flex-col gap-2 overflow-auto", onClick: (ev) => ev.stopPropagation(), children: [(0, jsx_runtime_1.jsx)("div", { className: "flex justify-end p-3", children: (0, jsx_runtime_1.jsx)("i", { className: "pi pi-times cursor-pointer", onClick: () => overlayRef?.current?.hide() }) }), fields && ((0, jsx_runtime_1.jsx)(FieldList_1.FieldList, { fields: [{ fields }], sections: sections, validators: [] }))] }) }));
+    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: [] }))] }) }));
 });

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

@@ -1,36 +1,33 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FieldHistory = FieldHistory;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const editService_1 = require("../editor/services/editService");
-const react_1 = require("react");
-const react_2 = require("react");
-const editContext_1 = require("./client/editContext");
-const utils_1 = require("./utils");
-const SimpleTable_1 = require("./ui/SimpleTable");
-const SimpleIconButton_1 = require("./ui/SimpleIconButton");
-function FieldHistory({ field, onHover, }) {
-    const [fieldHistory, setFieldHistory] = (0, react_2.useState)([]);
-    const editContext = (0, editContext_1.useEditContext)();
+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;
     }
-    (0, react_1.useEffect)(() => {
-        (0, editService_1.getFieldHistory)(field.descriptor.item, field.id).then((result) => {
+    useEffect(() => {
+        getFieldHistory(field.descriptor.item, field.id).then((result) => {
             setFieldHistory(result.data ?? []);
         });
     }, [field]);
     if (fieldHistory.length === 0)
-        return (0, jsx_runtime_1.jsx)("div", { className: "p-2 text-gray-500 text-xs", children: "No history" });
-    return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", { className: "text-xs p-2 bg-gray-100 text-gray-500", children: "Field History" }), (0, jsx_runtime_1.jsx)("div", { className: "max-h-96 overflow-auto", children: (0, jsx_runtime_1.jsx)(SimpleTable_1.SimpleTable, { items: fieldHistory, onRowHover: onHover, rowClassName: (x) => x.undone
+        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) => (0, utils_1.formatDate)(new Date(x.date)) },
+                        { 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) => ((0, jsx_runtime_1.jsx)(SimpleIconButton_1.SimpleIconButton, { icon: "pi pi-undo", onClick: () => editContext.operations.editField({
+                            body: (x) => (_jsx(SimpleIconButton, { icon: "pi pi-undo", onClick: () => editContext.operations.editField({
                                     field: field.descriptor,
                                     rawValue: x.rawValue,
                                     refresh: "immediate",

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

@@ -1,29 +1,23 @@
 "use client";
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FieldList = FieldList;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Section_1 = require("./ui/Section");
-const editContext_1 = require("./client/editContext");
-const FieldListFieldWithFallbacks_1 = require("./FieldListFieldWithFallbacks");
-const inputtext_1 = require("primereact/inputtext");
-const react_1 = require("react");
-const checkbox_1 = require("primereact/checkbox");
-const react_uuid_1 = __importDefault(require("react-uuid"));
-const SimpleIconButton_1 = require("./ui/SimpleIconButton");
-function FieldList({ fields, compareToFields, sections, validators, filter, simplified, showStandardFieldsEnabled, readonly, }) {
-    const editContext = (0, editContext_1.useEditContext)();
-    const [searchFilter, setSearchFilter] = (0, react_1.useState)("");
-    const [showStandardFields, setShowStandardFields] = (0, react_1.useState)(false);
-    const uniqueId = (0, react_uuid_1.default)();
+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 ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.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: [(0, jsx_runtime_1.jsx)("i", { className: "pi pi-search" }), (0, jsx_runtime_1.jsx)("div", { className: "text-xs", children: "Filter" }), (0, jsx_runtime_1.jsx)(inputtext_1.InputText, { className: "flex-1 text-xs", value: searchFilter, onChange: (x) => setSearchFilter(x.target.value) }), searchFilter && ((0, jsx_runtime_1.jsx)(SimpleIconButton_1.SimpleIconButton, { icon: "pi pi-times", onClick: () => setSearchFilter(""), className: "text-xs", label: "Clear" })), showStandardFieldsEnabled && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(checkbox_1.Checkbox, { inputId: uniqueId, checked: showStandardFields, onChange: (e) => setShowStandardFields(e.checked) }), " ", (0, jsx_runtime_1.jsx)("label", { htmlFor: uniqueId, className: "text-xs cursor-pointer", children: "Show standard fields" })] }))] }), fields.map((itemFields, index) => ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [itemFields.headline && ((0, jsx_runtime_1.jsxs)("div", { className: "text-sm mt-2 py-2 border-b flex items-center gap-1", children: [(0, jsx_runtime_1.jsx)("i", { className: "pi pi-angle-right" }), " ", itemFields.headline] })), (0, jsx_runtime_1.jsx)(FieldListForSingleItem, { fields: itemFields.fields, validators: validators, filter: filter, searchFilter: searchFilter, showStandardFields: showStandardFields, simplified: simplified, sections: sections, compareToFields: compareToFields, readonly: readonly }, index)] }, index)))] }));
+    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)
@@ -54,10 +48,10 @@ function FieldListForSingleItem({ fields, validators, filter, searchFilter, simp
     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) => ((0, jsx_runtime_1.jsx)(FieldListFieldWithFallbacks_1.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 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])) : ((0, jsx_runtime_1.jsx)(Section_1.Section, { title: section, children: getSectionFields(sectionsGrouping[section]) }, section)));
+        .map((section) => simplified ? (getSectionFields(sectionsGrouping[section])) : (_jsx(Section, { title: section, children: getSectionFields(sectionsGrouping[section]) }, section)));
 }

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;