@alpaca-editor/core 1.0.0 → 1.0.3

package/dist/editor/editor-warnings/NoWorkflowWriteAccess.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { EditorWarning } from "../EditorWarning";
+import { useEditContext } from "../client/editContext";
+export function NoWorkflowWriteAccess({ item }) {
+    var editContext = useEditContext();
+    if (!editContext)
+        return;
+    if (!item.canWriteItem || !item.canWriteLanguage)
+        return;
+    if (!item.canWriteWorkflow) {
+        return (_jsx(EditorWarning, { title: "You dont have write access in the current workflow state.", severity: "warning", children: _jsxs("p", { children: ["The item is in the workflow state", " ", _jsx("span", { className: "font-bold", children: item.workflowState }), " which prevents you from editing."] }) }));
+    }
+}
+//# sourceMappingURL=NoWorkflowWriteAccess.js.map

package/dist/editor/editor-warnings/NoWorkflowWriteAccess.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NoWorkflowWriteAccess.js","sourceRoot":"","sources":["../../../src/editor/editor-warnings/NoWorkflowWriteAccess.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD,MAAM,UAAU,qBAAqB,CAAC,EAAE,IAAI,EAAsB;IAChE,IAAI,WAAW,GAAG,cAAc,EAAE,CAAC;IACnC,IAAI,CAAC,WAAW;QAAE,OAAO;IACzB,IAAI,CAAC,IAAI,CAAC,YAAY,IAAI,CAAC,IAAI,CAAC,gBAAgB;QAAE,OAAO;IACzD,IAAI,CAAC,IAAI,CAAC,gBAAgB,EAAE,CAAC;QAC3B,OAAO,CACL,KAAC,aAAa,IACZ,KAAK,EAAC,2DAA2D,EACjE,QAAQ,EAAC,SAAS,YAElB,6DACoC,GAAG,EACrC,eAAM,SAAS,EAAC,WAAW,YAAE,IAAI,CAAC,aAAa,GAAQ,yCAErD,GACU,CACjB,CAAC;IACJ,CAAC;AACH,CAAC"}

package/dist/editor/editor-warnings/NoWriteAccess.d.ts

@@ -0,0 +1,2 @@
+import { EditorWarningProps } from "../EditorWarnings";
+export declare function NoWriteAccess({ item }: EditorWarningProps): import("react/jsx-runtime").JSX.Element | undefined;

package/dist/editor/editor-warnings/NoWriteAccess.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { EditorWarning } from "../EditorWarning";
+import { useEditContext } from "../client/editContext";
+export function NoWriteAccess({ item }) {
+    var editContext = useEditContext();
+    if (!editContext)
+        return;
+    if (!item.canWriteItem) {
+        return (_jsx(EditorWarning, { title: "You dont have write access.", severity: "warning", children: _jsx("p", { children: "You can't edit this item because you don't have write access." }) }));
+    }
+}
+//# sourceMappingURL=NoWriteAccess.js.map

package/dist/editor/editor-warnings/NoWriteAccess.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NoWriteAccess.js","sourceRoot":"","sources":["../../../src/editor/editor-warnings/NoWriteAccess.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD,MAAM,UAAU,aAAa,CAAC,EAAE,IAAI,EAAsB;IACxD,IAAI,WAAW,GAAG,cAAc,EAAE,CAAC;IACnC,IAAI,CAAC,WAAW;QAAE,OAAO;IACzB,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC;QACvB,OAAO,CACL,KAAC,aAAa,IAAC,KAAK,EAAC,6BAA6B,EAAC,QAAQ,EAAC,SAAS,YACnE,wFAAoE,GACtD,CACjB,CAAC;IACJ,CAAC;AACH,CAAC"}

package/dist/editor/editor-warnings/ValidationErrors.d.ts

@@ -0,0 +1,2 @@
+import { EditorWarningProps } from "../EditorWarnings";
+export declare function ValidationErrors({ item, editContext }: EditorWarningProps): import("react/jsx-runtime").JSX.Element | null;

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ValidationErrors.js","sourceRoot":"","sources":["../../../src/editor/editor-warnings/ValidationErrors.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAGjD,MAAM,UAAU,gBAAgB,CAAC,EAAE,IAAI,EAAE,WAAW,EAAsB;IACxE,IAAI,gBAAgB,GAAG,WAAW,CAAC,gBAAgB;QACjD,EAAE,IAAI,CACJ,CAAC,CAAC,EAAE,EAAE,CACJ,CAAC,CAAC,IAAI,CAAC,EAAE,KAAK,IAAI,CAAC,EAAE;QACrB,CAAC,CAAC,IAAI,CAAC,QAAQ,KAAK,IAAI,CAAC,QAAQ;QACjC,CAAC,CAAC,IAAI,CAAC,OAAO,KAAK,IAAI,CAAC,OAAO,CAClC;QACD,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,KAAK,IAAI,CAAC,EAAE,CAAC,CAAC;IAEhD,IAAI,CAAC,gBAAgB,EAAE,CAAC;QACtB,MAAM,UAAU,GAAG,WAAW,CAAC,gBAAgB,EAAE,IAAI,CACnD,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,KAAK,WAAW,EAAE,IAAI,EAAE,IAAI,CAAC,EAAE,CAChD,CAAC;QAEF,IAAI,UAAU;YACZ,gBAAgB,GAAG,UAAU,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,KAAK,IAAI,CAAC,EAAE,CAAC,CAAC;IAC9E,CAAC;IAED,IAAI,CAAC,gBAAgB,EAAE,MAAM;QAAE,OAAO,IAAI,CAAC;IAC3C,MAAM,MAAM,GAAG,gBAAgB,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;IAE1D,OAAO,CACL,MAAC,aAAa,IAAC,KAAK,EAAC,YAAY,EAAC,QAAQ,EAAC,SAAS,aACjD,gBAAgB;gBACf,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;iBAC1B,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CACV,wBAAwB,CAAC,CAAC,OAAO,IAAvB,CAAC,CAAC,SAAS,CAAmB,CACzC,CAAC,EACH,MAAM,EAAE,MAAM,GAAG,CAAC,IAAI,CACrB,4EACiD,GAAG,EACjD,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CACjB,eACE,SAAS,EAAC,0BAA0B,EAEpC,OAAO,EAAE,GAAG,EAAE;4BACZ,MAAM,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,IAAI,CAC3C,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,OAAO,CAC1B,CAAC;4BACF,IAAI,KAAK;gCAAE,WAAW,CAAC,eAAe,CAAC,KAAK,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC;wBAClE,CAAC,YAEA,CAAC,CAAC,SAAS,IARP,CAAC,CAAC,SAAS,GAAG,CAAC,CAAC,OAAO,CASvB,CACR,CAAC,IACE,CACP,IACa,CACjB,CAAC;AACJ,CAAC"}

package/dist/editor/field-types/AttachmentEditor.d.ts

@@ -0,0 +1,4 @@
+import { AttachmentField } from "../fieldTypes";
+export declare function AttachmentEditor({ field }: {
+    field: AttachmentField;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/editor/field-types/AttachmentEditor.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export function AttachmentEditor({ field }) {
+    return (_jsx("div", { children: _jsx("img", { src: field.value.src }) }));
+}
+//# sourceMappingURL=AttachmentEditor.js.map

package/dist/editor/field-types/AttachmentEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AttachmentEditor.js","sourceRoot":"","sources":["../../../src/editor/field-types/AttachmentEditor.tsx"],"names":[],"mappings":";AAEA,MAAM,UAAU,gBAAgB,CAAC,EAAE,KAAK,EAA8B;IACpE,OAAO,CACL,wBACE,cAAK,GAAG,EAAE,KAAK,CAAC,KAAK,CAAC,GAAG,GAAI,GACzB,CACP,CAAC;AACJ,CAAC"}

package/dist/editor/field-types/CheckboxEditor.d.ts

@@ -0,0 +1,5 @@
+import { CheckboxField } from "../fieldTypes";
+export declare function CheckboxEditor({ field, readOnly, }: {
+    field: CheckboxField;
+    readOnly?: boolean;
+}): import("react/jsx-runtime").JSX.Element | undefined;

package/dist/editor/field-types/CheckboxEditor.js

@@ -0,0 +1,30 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEditContext } from "../client/editContext";
+import { Checkbox } from "primereact/checkbox";
+import { useEffect, useState } from "react";
+import { ProgressSpinner } from "primereact/progressspinner";
+export function CheckboxEditor({ field, readOnly, }) {
+    const editContext = useEditContext();
+    const [isUpdating, setIsUpdating] = useState(false);
+    useEffect(() => {
+        setIsUpdating(false);
+    }, [field]);
+    if (!editContext)
+        return;
+    const fieldItem = field.descriptor.item;
+    if (!fieldItem)
+        return;
+    if (isUpdating) {
+        return _jsx(ProgressSpinner, { style: { width: "18px", height: "18px" } });
+    }
+    return (_jsx(Checkbox, { checked: field.value, disabled: readOnly, onClick: () => {
+            setIsUpdating(true);
+            editContext.operations.editField({
+                field: field.descriptor,
+                rawValue: field.value ? "0" : "1",
+                refresh: "immediate",
+            });
+        } }, fieldItem.id + field.id + fieldItem.language + fieldItem.version));
+}
+//# sourceMappingURL=CheckboxEditor.js.map

package/dist/editor/field-types/CheckboxEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxEditor.js","sourceRoot":"","sources":["../../../src/editor/field-types/CheckboxEditor.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAG7D,MAAM,UAAU,cAAc,CAAC,EAC7B,KAAK,EACL,QAAQ,GAIT;IACC,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IACrC,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEpD,SAAS,CAAC,GAAG,EAAE;QACb,aAAa,CAAC,KAAK,CAAC,CAAC;IACvB,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,IAAI,CAAC,WAAW;QAAE,OAAO;IACzB,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC;IACxC,IAAI,CAAC,SAAS;QAAE,OAAO;IAEvB,IAAI,UAAU,EAAE,CAAC;QACf,OAAO,KAAC,eAAe,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAI,CAAC;IACvE,CAAC;IAED,OAAO,CACL,KAAC,QAAQ,IAEP,OAAO,EAAE,KAAK,CAAC,KAAK,EACpB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,GAAG,EAAE;YACZ,aAAa,CAAC,IAAI,CAAC,CAAC;YACpB,WAAW,CAAC,UAAU,CAAC,SAAS,CAAC;gBAC/B,KAAK,EAAE,KAAK,CAAC,UAAU;gBACvB,QAAQ,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG;gBACjC,OAAO,EAAE,WAAW;aACrB,CAAC,CAAC;QACL,CAAC,IAVI,SAAS,CAAC,EAAE,GAAG,KAAK,CAAC,EAAE,GAAG,SAAS,CAAC,QAAQ,GAAG,SAAS,CAAC,OAAO,CAWrE,CACH,CAAC;AACJ,CAAC"}

package/dist/editor/field-types/DropLinkEditor.d.ts

@@ -0,0 +1,5 @@
+import { InternalLinkField } from "../fieldTypes";
+export declare function DropLinkEditor({ field, readOnly, }: {
+    field: InternalLinkField;
+    readOnly?: boolean;
+}): import("react/jsx-runtime").JSX.Element | undefined;

package/dist/editor/field-types/DropLinkEditor.js

@@ -0,0 +1,49 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Dropdown } from "primereact/dropdown";
+import { useEditContext } from "../client/editContext";
+import { useEffect, useState } from "react";
+import { getLookupSources } from "../services/editService";
+import { normalizeGuid } from "../utils";
+export function DropLinkEditor({ field, readOnly, }) {
+    const editContext = useEditContext();
+    const [lazyItems, setLazyItems] = useState([]);
+    const [lazyLoading, setLazyLoading] = useState(true);
+    if (!field)
+        return;
+    if (!editContext)
+        return;
+    useEffect(() => {
+        onLazyLoad();
+    }, [field.descriptor]);
+    const onLazyLoad = async () => {
+        setLazyLoading(true);
+        const options = await getLookupSources(field, editContext.sessionId);
+        setLazyItems(options);
+        setLazyLoading(false);
+    };
+    return (_jsx(Dropdown, { value: field.value?.targetItemId, disabled: readOnly, onChange: (e) => {
+            editContext?.operations.editField({
+                field: field.descriptor,
+                rawValue: normalizeGuid(e.value), // typeof e.value === "string" ? e.value : e.value.id, // This has changed in primereact
+            });
+        }, options: lazyItems, optionLabel: "name", optionValue: "id", placeholder: "Select", className: "w-full md:w-14rem", virtualScrollerOptions: {
+            lazy: true,
+            onLazyLoad: onLazyLoad,
+            itemSize: 38,
+            // showLoader: true,
+            loading: lazyLoading,
+            //delay: 250,
+            // loadingTemplate: (options) => {
+            //   return (
+            //     <div
+            //       className="flex align-items-center p-2"
+            //       style={{ height: "38px" }}
+            //     >
+            //       <Skeleton width={options.even ? "60%" : "50%"} height="1rem" />
+            //     </div>
+            //   );
+            // },
+        } }));
+}
+//# sourceMappingURL=DropLinkEditor.js.map

package/dist/editor/field-types/DropLinkEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropLinkEditor.js","sourceRoot":"","sources":["../../../src/editor/field-types/DropLinkEditor.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,QAAQ,EAAuB,MAAM,qBAAqB,CAAC;AAEpE,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAG3D,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAEzC,MAAM,UAAU,cAAc,CAAC,EAC7B,KAAK,EACL,QAAQ,GAIT;IACC,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IAErC,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAkB,EAAE,CAAC,CAAC;IAChE,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAU,IAAI,CAAC,CAAC;IAE9D,IAAI,CAAC,KAAK;QAAE,OAAO;IAEnB,IAAI,CAAC,WAAW;QAAE,OAAO;IAEzB,SAAS,CAAC,GAAG,EAAE;QACb,UAAU,EAAE,CAAC;IACf,CAAC,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC;IAEvB,MAAM,UAAU,GAAG,KAAK,IAAI,EAAE;QAC5B,cAAc,CAAC,IAAI,CAAC,CAAC;QACrB,MAAM,OAAO,GAAG,MAAM,gBAAgB,CAAC,KAAK,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;QACrE,YAAY,CAAC,OAAO,CAAC,CAAC;QACtB,cAAc,CAAC,KAAK,CAAC,CAAC;IACxB,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,QAAQ,IACP,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,YAAY,EAChC,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,CAAC,CAAsB,EAAE,EAAE;YACnC,WAAW,EAAE,UAAU,CAAC,SAAS,CAAC;gBAChC,KAAK,EAAE,KAAK,CAAC,UAAU;gBACvB,QAAQ,EAAE,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,wFAAwF;aAC3H,CAAC,CAAC;QACL,CAAC,EACD,OAAO,EAAE,SAAS,EAClB,WAAW,EAAC,MAAM,EAClB,WAAW,EAAC,IAAI,EAChB,WAAW,EAAC,QAAQ,EACpB,SAAS,EAAC,mBAAmB,EAC7B,sBAAsB,EAAE;YACtB,IAAI,EAAE,IAAI;YACV,UAAU,EAAE,UAAU;YACtB,QAAQ,EAAE,EAAE;YACZ,oBAAoB;YACpB,OAAO,EAAE,WAAW;YACpB,aAAa;YACb,kCAAkC;YAClC,aAAa;YACb,WAAW;YACX,gDAAgD;YAChD,mCAAmC;YACnC,QAAQ;YACR,wEAAwE;YACxE,aAAa;YACb,OAAO;YACP,KAAK;SACN,GACD,CACH,CAAC;AACJ,CAAC"}

package/dist/editor/field-types/DropListEditor.d.ts

@@ -0,0 +1,5 @@
+import { TextField } from "../fieldTypes";
+export declare function DropListEditor({ field, readOnly, }: {
+    field: TextField;
+    readOnly?: boolean;
+}): import("react/jsx-runtime").JSX.Element | undefined;

package/dist/editor/field-types/DropListEditor.js

@@ -0,0 +1,56 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Dropdown } from "primereact/dropdown";
+import { useEditContext } from "../client/editContext";
+import { useEffect, useState } from "react";
+import { getLookupSources } from "../services/editService";
+export function DropListEditor({ field, readOnly, }) {
+    const editContext = useEditContext();
+    const [lazyItems, setLazyItems] = useState([]);
+    const [lazyLoading, setLazyLoading] = useState(true);
+    if (!field)
+        return;
+    if (!editContext)
+        return;
+    useEffect(() => {
+        onLazyLoad();
+    }, [field.descriptor]);
+    const onLazyLoad = async () => {
+        setLazyLoading(true);
+        const options = await getLookupSources(field, editContext.sessionId);
+        if (field.value && !options.find((o) => o.name === field.value)) {
+            console.log("Adding unknown option", field.value);
+            options.unshift({
+                id: "unknown",
+                name: `[Unknown: ${field.value}]`,
+            });
+        }
+        setLazyItems(options);
+        setLazyLoading(false);
+    };
+    return (_jsx(Dropdown, { value: lazyItems.find((o) => o.name === field.value)?.name ||
+            "[Unknown: " + field.value + "]", disabled: readOnly, onChange: (e) => {
+            editContext?.operations.editField({
+                field: field.descriptor,
+                rawValue: e.value,
+            });
+        }, options: lazyItems, optionLabel: "name", optionValue: "name", placeholder: "Select", className: "w-full md:w-14rem", virtualScrollerOptions: {
+            lazy: true,
+            onLazyLoad: onLazyLoad,
+            itemSize: 38,
+            // showLoader: true,
+            loading: lazyLoading,
+            //delay: 250,
+            // loadingTemplate: (options) => {
+            //   return (
+            //     <div
+            //       className="flex align-items-center p-2"
+            //       style={{ height: "38px" }}
+            //     >
+            //       <Skeleton width={options.even ? "60%" : "50%"} height="1rem" />
+            //     </div>
+            //   );
+            // },
+        } }));
+}
+//# sourceMappingURL=DropListEditor.js.map

package/dist/editor/field-types/DropListEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropListEditor.js","sourceRoot":"","sources":["../../../src/editor/field-types/DropListEditor.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,QAAQ,EAAuB,MAAM,qBAAqB,CAAC;AAEpE,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAI3D,MAAM,UAAU,cAAc,CAAC,EAC7B,KAAK,EACL,QAAQ,GAIT;IACC,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IAErC,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAkB,EAAE,CAAC,CAAC;IAChE,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAU,IAAI,CAAC,CAAC;IAE9D,IAAI,CAAC,KAAK;QAAE,OAAO;IAEnB,IAAI,CAAC,WAAW;QAAE,OAAO;IAEzB,SAAS,CAAC,GAAG,EAAE;QACb,UAAU,EAAE,CAAC;IACf,CAAC,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC;IAEvB,MAAM,UAAU,GAAG,KAAK,IAAI,EAAE;QAC5B,cAAc,CAAC,IAAI,CAAC,CAAC;QACrB,MAAM,OAAO,GAAG,MAAM,gBAAgB,CAAC,KAAK,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;QACrE,IAAI,KAAK,CAAC,KAAK,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC;YAChE,OAAO,CAAC,GAAG,CAAC,uBAAuB,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;YAClD,OAAO,CAAC,OAAO,CAAC;gBACd,EAAE,EAAE,SAAS;gBACb,IAAI,EAAE,aAAa,KAAK,CAAC,KAAK,GAAG;aAClC,CAAC,CAAC;QACL,CAAC;QACD,YAAY,CAAC,OAAO,CAAC,CAAC;QACtB,cAAc,CAAC,KAAK,CAAC,CAAC;IACxB,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,QAAQ,IACP,KAAK,EACH,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,KAAK,CAAC,KAAK,CAAC,EAAE,IAAI;YACnD,YAAY,GAAG,KAAK,CAAC,KAAK,GAAG,GAAG,EAElC,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,CAAC,CAAsB,EAAE,EAAE;YACnC,WAAW,EAAE,UAAU,CAAC,SAAS,CAAC;gBAChC,KAAK,EAAE,KAAK,CAAC,UAAU;gBACvB,QAAQ,EAAE,CAAC,CAAC,KAAK;aAClB,CAAC,CAAC;QACL,CAAC,EACD,OAAO,EAAE,SAAS,EAClB,WAAW,EAAC,MAAM,EAClB,WAAW,EAAC,MAAM,EAClB,WAAW,EAAC,QAAQ,EACpB,SAAS,EAAC,mBAAmB,EAC7B,sBAAsB,EAAE;YACtB,IAAI,EAAE,IAAI;YACV,UAAU,EAAE,UAAU;YACtB,QAAQ,EAAE,EAAE;YACZ,oBAAoB;YACpB,OAAO,EAAE,WAAW;YACpB,aAAa;YACb,kCAAkC;YAClC,aAAa;YACb,WAAW;YACX,gDAAgD;YAChD,mCAAmC;YACnC,QAAQ;YACR,wEAAwE;YACxE,aAAa;YACb,OAAO;YACP,KAAK;SACN,GACD,CACH,CAAC;AACJ,CAAC"}

package/dist/editor/field-types/ImageFieldEditor.d.ts

@@ -0,0 +1,5 @@
+import { ImageField } from "../fieldTypes";
+export declare function ImageFieldEditor({ field, readOnly, }: {
+    field: ImageField;
+    readOnly?: boolean;
+}): import("react/jsx-runtime").JSX.Element | null;

package/dist/editor/field-types/ImageFieldEditor.js

@@ -0,0 +1,34 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEditContext } from "../client/editContext";
+import { InputText } from "primereact/inputtext";
+import { useEffect, useState } from "react";
+import { ImageEditor } from "../ImageEditor";
+export function ImageFieldEditor({ field, readOnly, }) {
+    const editContext = useEditContext();
+    const [altText, setAltText] = useState("");
+    if (!field || !editContext)
+        return null;
+    function updateAltText(rawValue, newAltText) {
+        const parser = new DOMParser();
+        const xmlDoc = parser.parseFromString(rawValue, 'text/xml');
+        const imageElement = xmlDoc.documentElement;
+        imageElement.setAttribute('alt', newAltText);
+        return new XMLSerializer().serializeToString(xmlDoc);
+    }
+    var item = field.descriptor.item;
+    useEffect(() => {
+        setAltText(field.value?.alt || "");
+    }, [field.value?.alt]);
+    return (_jsxs("div", { children: [_jsx("div", { className: "flex gap-2 h-full focus-shadow flex-wrap", children: _jsx("div", { className: "h-48 w-48 border border-gray-300 relative cursor-pointer flex justify-center items-center", children: !readOnly && _jsx(ImageEditor, { field: field }) }) }), _jsxs("div", { className: "mt-2", children: [_jsx("div", { className: "mb-1", children: "Alt Text" }), _jsx(InputText, { value: altText, disabled: readOnly, className: "p-2 focus-shadow text-sm", style: { width: "100%" }, onChange: (e) => {
+                            setAltText(e.target.value);
+                            if (field.value)
+                                field.value.alt = e.target.value;
+                            editContext.operations.editField({
+                                field: field.descriptor,
+                                rawValue: updateAltText(field.rawValue || "", e.target.value),
+                                refresh: "waitForQuietPeriod",
+                            });
+                        } }, item.id + field.id + item.language + item.version)] })] }));
+}
+//# sourceMappingURL=ImageFieldEditor.js.map

package/dist/editor/field-types/ImageFieldEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageFieldEditor.js","sourceRoot":"","sources":["../../../src/editor/field-types/ImageFieldEditor.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAEjD,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,MAAM,UAAU,gBAAgB,CAAC,EAC/B,KAAK,EACL,QAAQ,GAIT;IACC,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IACrC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAS,EAAE,CAAC,CAAC;IAEnD,IAAI,CAAC,KAAK,IAAI,CAAC,WAAW;QAAE,OAAO,IAAI,CAAC;IAExC,SAAS,aAAa,CAAC,QAAgB,EAAE,UAAkB;QACzD,MAAM,MAAM,GAAG,IAAI,SAAS,EAAE,CAAC;QAC/B,MAAM,MAAM,GAAG,MAAM,CAAC,eAAe,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC;QAC5D,MAAM,YAAY,GAAG,MAAM,CAAC,eAAe,CAAC;QAE5C,YAAY,CAAC,YAAY,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC;QAE7C,OAAO,IAAI,aAAa,EAAE,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC;IACvD,CAAC;IAED,IAAI,IAAI,GAAG,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC;IAEjC,SAAS,CAAC,GAAG,EAAE;QACb,UAAU,CAAC,KAAK,CAAC,KAAK,EAAE,GAAG,IAAI,EAAE,CAAC,CAAC;IACrC,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC;IAEvB,OAAO,CACL,0BACE,cAAK,SAAS,EAAC,0CAA0C,YACvD,cAAK,SAAS,EAAC,2FAA2F,YACvG,CAAC,QAAQ,IAAI,KAAC,WAAW,IAAC,KAAK,EAAE,KAAK,GAAI,GACvC,GACF,EACN,eAAK,SAAS,EAAC,MAAM,aACnB,cAAK,SAAS,EAAC,MAAM,yBAAe,EACpC,KAAC,SAAS,IAER,KAAK,EAAE,OAAO,EACd,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAC,0BAA0B,EACpC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EACxB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;4BACd,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;4BAC3B,IAAI,KAAK,CAAC,KAAK;gCAAE,KAAK,CAAC,KAAK,CAAC,GAAG,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;4BAClD,WAAW,CAAC,UAAU,CAAC,SAAS,CAAC;gCAC/B,KAAK,EAAE,KAAK,CAAC,UAAU;gCACvB,QAAQ,EAAE,aAAa,CAAC,KAAK,CAAC,QAAQ,IAAI,EAAE,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;gCAC7D,OAAO,EAAE,oBAAoB;6BAC9B,CAAC,CAAC;wBACL,CAAC,IAbI,IAAK,CAAC,EAAE,GAAG,KAAK,CAAC,EAAE,GAAG,IAAK,CAAC,QAAQ,GAAG,IAAK,CAAC,OAAO,CAczD,IACE,IACF,CACP,CAAC;AACJ,CAAC"}

package/dist/editor/field-types/InternalLinkFieldEditor.d.ts

@@ -0,0 +1,5 @@
+import { InternalLinkField } from "../fieldTypes";
+export declare function InternalLinkFieldEditor({ field, readOnly, }: {
+    field: InternalLinkField;
+    readOnly?: boolean;
+}): import("react/jsx-runtime").JSX.Element | undefined;

package/dist/editor/field-types/InternalLinkFieldEditor.js

@@ -0,0 +1,59 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
+import { useEditContext } from "../client/editContext";
+import ContentTree from "../ContentTree";
+import { OverlayPanel } from "primereact/overlaypanel";
+import { getLookupSources } from "../services/editService";
+import { classNames } from "primereact/utils";
+export function InternalLinkFieldEditor({ field, readOnly, }) {
+    const editContext = useEditContext();
+    const [link, setLink] = useState();
+    const [showTree, setShowTree] = useState(false);
+    const [rootItemIds, setRootItemIds] = useState([]);
+    useEffect(() => {
+        setLink({
+            url: field.value.url,
+            target: field.value.target,
+            targetItemName: field.value.targetItemName,
+            targetItemLongId: field.value.targetItemLongId,
+            type: field.value.type,
+            itemId: field.value.targetItemLongId?.split("/").pop(),
+            queryString: field.value.queryString,
+        });
+    }, [field]);
+    const overlayPanelRef = useRef(null);
+    const dropdownRef = useRef(null);
+    const texboxRef = useRef(null);
+    if (!editContext)
+        return;
+    const selection = [];
+    if (link?.itemId)
+        selection.push(link.itemId);
+    useEffect(() => {
+        const loadLookupSources = async () => {
+            const datasources = await getLookupSources(field, editContext.sessionId);
+            if (datasources.length > 0) {
+                setRootItemIds(datasources.map((x) => x.id));
+            }
+            else
+                setRootItemIds(["11111111-1111-1111-1111-111111111111"]);
+        };
+        loadLookupSources();
+    }, [field.descriptor]);
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { children: [_jsxs("div", { ref: texboxRef, className: classNames("p-1.5 border flex justify-between text-sm cursor-pointer justiy-between focus-shadow", readOnly ? "bg-gray-50" : " bg-white"), onClick: (e) => {
+                            if (readOnly)
+                                return;
+                            overlayPanelRef.current?.toggle(null, texboxRef.current);
+                            setShowTree((show) => !show);
+                            e.preventDefault();
+                        }, children: [link?.targetItemName ? (_jsx("span", { children: link.targetItemName })) : (_jsx("span", { children: "\u00A0" })), !readOnly && (_jsx("i", { className: `pi ${showTree ? "pi-angle-up" : "pi-angle-down"} ` }))] }), _jsx("div", { ref: dropdownRef, className: "w-0" })] }), _jsx(OverlayPanel, { ref: overlayPanelRef, children: _jsx("div", { className: "h-64 overflow-auto resize border-b border-x p-2", style: { width: `${texboxRef.current?.offsetWidth || 100}px` }, children: _jsx(ContentTree, { language: editContext.contentEditorItem.language, expandIdPath: link?.targetItemLongId, rootItemIds: rootItemIds, selectionMode: "single", selectedItemIds: selection, onNodeClick: (node) => {
+                            setShowTree(false);
+                            overlayPanelRef.current?.hide();
+                            editContext?.operations.editField({
+                                field: field.descriptor,
+                                rawValue: node.id,
+                            });
+                        } }) }) })] }));
+}
+//# sourceMappingURL=InternalLinkFieldEditor.js.map

package/dist/editor/field-types/InternalLinkFieldEditor.js.map

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

package/dist/editor/field-types/LinkFieldEditor.d.ts

@@ -0,0 +1,5 @@
+import { LinkField } from "../fieldTypes";
+export declare function LinkFieldEditor({ field, readOnly, }: {
+    field: LinkField;
+    readOnly?: boolean;
+}): import("react/jsx-runtime").JSX.Element | undefined;

package/dist/editor/field-types/LinkFieldEditor.js

@@ -0,0 +1,56 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { LinkEditorDialog } from "../LinkEditorDialog";
+import { useEditContext } from "../client/editContext";
+import { classNames } from "primereact/utils";
+export function LinkFieldEditor({ field, readOnly, }) {
+    const editContext = useEditContext();
+    const [showDialog, setShowDialog] = useState(false);
+    const [link, setLink] = useState();
+    useEffect(() => {
+        if (!field.value)
+            return;
+        setLink({
+            url: field.value.url,
+            target: field.value.target,
+            targetItemLongId: field.value.targetItemLongId,
+            type: field.value.type,
+            itemId: field.value.targetItemLongId?.split("/").pop(),
+            queryString: field.value.queryString,
+        });
+    }, [field]);
+    if (!field.value)
+        return;
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: classNames("focus-shadow flex justify-between border border-gray-300 p-2", readOnly ? "bg-gray-100" : "cursor-pointer bg-white"), onClick: (e) => {
+                    if (readOnly)
+                        return;
+                    setShowDialog(true);
+                    e.preventDefault();
+                }, children: [_jsx("div", { children: field.value.url }), _jsx("i", { className: "pi pi-link" })] }), showDialog && (_jsx(LinkEditorDialog, { linkValue: link || { type: "internal" }, onOk: (link) => {
+                    const xml = link.type == "internal"
+                        ? '<link linktype="internal" querystring="' +
+                            (link.queryString ?? "") +
+                            '" id="' +
+                            link.itemId +
+                            '" target="' +
+                            link.target +
+                            '" />'
+                        : '<link linktype="external" querystring="' +
+                            (link.queryString ?? "") +
+                            '" url="' +
+                            link.url +
+                            '" target="' +
+                            link.target +
+                            '" />';
+                    editContext?.operations.editField({
+                        field: field.descriptor,
+                        rawValue: xml,
+                        refresh: "immediate",
+                    });
+                    setShowDialog(false);
+                }, onCancel: () => {
+                    setShowDialog(false);
+                } }))] }));
+}
+//# sourceMappingURL=LinkFieldEditor.js.map

package/dist/editor/field-types/LinkFieldEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkFieldEditor.js","sourceRoot":"","sources":["../../../src/editor/field-types/LinkFieldEditor.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAQ,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAC7D,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,MAAM,UAAU,eAAe,CAAC,EAC9B,KAAK,EACL,QAAQ,GAIT;IACC,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IACrC,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpD,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,EAAQ,CAAC;IACzC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,KAAK,CAAC,KAAK;YAAE,OAAO;QACzB,OAAO,CAAC;YACN,GAAG,EAAE,KAAK,CAAC,KAAK,CAAC,GAAG;YACpB,MAAM,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM;YAC1B,gBAAgB,EAAE,KAAK,CAAC,KAAK,CAAC,gBAAgB;YAC9C,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI;YACtB,MAAM,EAAE,KAAK,CAAC,KAAK,CAAC,gBAAgB,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE;YACtD,WAAW,EAAE,KAAK,CAAC,KAAK,CAAC,WAAW;SACrC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IACZ,IAAI,CAAC,KAAK,CAAC,KAAK;QAAE,OAAO;IAEzB,OAAO,CACL,8BACE,eACE,SAAS,EAAE,UAAU,CACnB,8DAA8D,EAC9D,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,yBAAyB,CACrD,EACD,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;oBACb,IAAI,QAAQ;wBAAE,OAAO;oBACrB,aAAa,CAAC,IAAI,CAAC,CAAC;oBACpB,CAAC,CAAC,cAAc,EAAE,CAAC;gBACrB,CAAC,aAED,wBAAM,KAAK,CAAC,KAAK,CAAC,GAAG,GAAO,EAC5B,YAAG,SAAS,EAAC,YAAY,GAAK,IAC1B,EACL,UAAU,IAAI,CACb,KAAC,gBAAgB,IACf,SAAS,EAAE,IAAI,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,EACvC,IAAI,EAAE,CAAC,IAAI,EAAE,EAAE;oBACb,MAAM,GAAG,GACP,IAAI,CAAC,IAAI,IAAI,UAAU;wBACrB,CAAC,CAAC,yCAAyC;4BACzC,CAAC,IAAI,CAAC,WAAW,IAAI,EAAE,CAAC;4BACxB,QAAQ;4BACR,IAAI,CAAC,MAAM;4BACX,YAAY;4BACZ,IAAI,CAAC,MAAM;4BACX,MAAM;wBACR,CAAC,CAAC,yCAAyC;4BACzC,CAAC,IAAI,CAAC,WAAW,IAAI,EAAE,CAAC;4BACxB,SAAS;4BACT,IAAI,CAAC,GAAG;4BACR,YAAY;4BACZ,IAAI,CAAC,MAAM;4BACX,MAAM,CAAC;oBAEb,WAAW,EAAE,UAAU,CAAC,SAAS,CAAC;wBAChC,KAAK,EAAE,KAAK,CAAC,UAAU;wBACvB,QAAQ,EAAE,GAAG;wBACb,OAAO,EAAE,WAAW;qBACrB,CAAC,CAAC;oBAEH,aAAa,CAAC,KAAK,CAAC,CAAC;gBACvB,CAAC,EACD,QAAQ,EAAE,GAAG,EAAE;oBACb,aAAa,CAAC,KAAK,CAAC,CAAC;gBACvB,CAAC,GACD,CACH,IACA,CACJ,CAAC;AACJ,CAAC"}

package/dist/editor/field-types/MultiLineText.d.ts

@@ -0,0 +1,6 @@
+import { Field } from "../pageModel";
+export declare function MultiLineText({ field, readOnly, updateFieldValue, }: {
+    field: Field;
+    readOnly?: boolean;
+    updateFieldValue: (value: string) => void;
+}): import("react/jsx-runtime").JSX.Element | undefined;

package/dist/editor/field-types/MultiLineText.js

@@ -0,0 +1,33 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { InputTextarea } from "primereact/inputtextarea";
+import { useEditContextRef, useModifiedFieldsContext, } from "../client/editContext";
+import { useEffect, useRef, useState } from "react";
+export function MultiLineText({ field, readOnly, updateFieldValue, }) {
+    const editContextRef = useEditContextRef();
+    const inputRef = useRef(null);
+    const fieldItem = field.descriptor.item;
+    const [value, setValue] = useState(field.value);
+    const modifiedFieldsContext = useModifiedFieldsContext();
+    const modifiedField = modifiedFieldsContext?.modifiedFields.find((x) => x.fieldId === field.id &&
+        x.item.id === fieldItem.id &&
+        x.item.language === fieldItem.language &&
+        x.item.version === fieldItem.version);
+    useEffect(() => {
+        if (inputRef.current !== document.activeElement) {
+            if (field.isHistoric)
+                setValue(field.value);
+            else
+                setValue(modifiedField?.value ?? field.value);
+        }
+    }, [field.value, modifiedFieldsContext?.modifiedFields]);
+    if (!editContextRef.current)
+        return;
+    if (!fieldItem)
+        return;
+    return (_jsx(InputTextarea, { ref: inputRef, value: value, disabled: readOnly, className: "p-2 focus-shadow text-sm", style: { width: "100%" }, rows: 12, onChange: (e) => {
+            setValue(e.target.value);
+            updateFieldValue(e.target.value);
+        } }, fieldItem.id + field.id + fieldItem.language + fieldItem.version));
+}
+//# sourceMappingURL=MultiLineText.js.map

package/dist/editor/field-types/MultiLineText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiLineText.js","sourceRoot":"","sources":["../../../src/editor/field-types/MultiLineText.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EACL,iBAAiB,EACjB,wBAAwB,GACzB,MAAM,uBAAuB,CAAC;AAE/B,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAIpD,MAAM,UAAU,aAAa,CAAC,EAC5B,KAAK,EACL,QAAQ,EACR,gBAAgB,GAKjB;IACC,MAAM,cAAc,GAAG,iBAAiB,EAAE,CAAC;IAC3C,MAAM,QAAQ,GAAG,MAAM,CAAsB,IAAI,CAAC,CAAC;IAEnD,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC;IACxC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,KAAe,CAAC,CAAC;IAE1D,MAAM,qBAAqB,GAAG,wBAAwB,EAAE,CAAC;IACzD,MAAM,aAAa,GAAG,qBAAqB,EAAE,cAAc,CAAC,IAAI,CAC9D,CAAC,CAAC,EAAE,EAAE,CACJ,CAAC,CAAC,OAAO,KAAK,KAAK,CAAC,EAAE;QACtB,CAAC,CAAC,IAAI,CAAC,EAAE,KAAK,SAAS,CAAC,EAAE;QAC1B,CAAC,CAAC,IAAI,CAAC,QAAQ,KAAK,SAAS,CAAC,QAAQ;QACtC,CAAC,CAAC,IAAI,CAAC,OAAO,KAAK,SAAS,CAAC,OAAO,CACvC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,QAAQ,CAAC,OAAO,KAAK,QAAQ,CAAC,aAAa,EAAE,CAAC;YAChD,IAAI,KAAK,CAAC,UAAU;gBAAE,QAAQ,CAAC,KAAK,CAAC,KAAe,CAAC,CAAC;;gBACjD,QAAQ,CAAC,aAAa,EAAE,KAAK,IAAK,KAAK,CAAC,KAAgB,CAAC,CAAC;QACjE,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,EAAE,qBAAqB,EAAE,cAAc,CAAC,CAAC,CAAC;IAEzD,IAAI,CAAC,cAAc,CAAC,OAAO;QAAE,OAAO;IAEpC,IAAI,CAAC,SAAS;QAAE,OAAO;IAEvB,OAAO,CACL,KAAC,aAAa,IACZ,GAAG,EAAE,QAAQ,EAEb,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAC,0BAA0B,EACpC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EACxB,IAAI,EAAE,EAAE,EACR,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;YACd,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;YACzB,gBAAgB,CAAC,CAAC,CAAC,MAAM,CAAC,KAAe,CAAC,CAAC;QAC7C,CAAC,IATI,SAAS,CAAC,EAAE,GAAG,KAAK,CAAC,EAAE,GAAG,SAAS,CAAC,QAAQ,GAAG,SAAS,CAAC,OAAO,CAUrE,CACH,CAAC;AACJ,CAAC"}

package/dist/editor/field-types/PictureFieldEditor.d.ts

@@ -0,0 +1,5 @@
+import { PictureField } from "../fieldTypes";
+export declare function PictureFieldEditor({ field, readOnly, }: {
+    field: PictureField;
+    readOnly?: boolean;
+}): import("react/jsx-runtime").JSX.Element | undefined;

package/dist/editor/field-types/PictureFieldEditor.js

@@ -0,0 +1,57 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEditContext } from "../client/editContext";
+import { InputText } from "primereact/inputtext";
+import { PictureEditor } from "../PictureEditor";
+import { useEffect, useState } from "react";
+import { SimpleIconButton } from "../ui/SimpleIconButton";
+export function PictureFieldEditor({ field, readOnly, }) {
+    const editContext = useEditContext();
+    const [altText, setAltText] = useState("");
+    if (!field || !editContext)
+        return;
+    var item = field.descriptor.item;
+    useEffect(() => {
+        setAltText(field.value?.alt || "");
+    }, [field.value?.alt]);
+    if (field.value?.error) {
+        return _jsx("div", { children: field.value?.error });
+    }
+    return (_jsxs("div", { children: [_jsx("div", { className: "flex gap-2 h-full focus-shadow flex-wrap", children: field?.value?.variants?.map((variant) => (_jsxs("div", { children: [_jsxs("div", { className: "h-48 w-48 border border-gray-300 relative cursor-pointer flex justify-center items-center", children: [variant.src && _jsx("img", { src: variant.thumbSrc }), !readOnly && (_jsx(PictureEditor, { field: field, variantName: variant.name }))] }), _jsxs("div", { className: "p-1", children: [_jsx("div", { className: "text-xs", children: variant.name }), _jsx("div", { className: "text-xs", children: variant.aspectRatioLockText })] }), variant.videoUrl && (_jsxs("div", { className: "text-xs", children: ["Video: ", variant.videoUrl, _jsx(SimpleIconButton, { onClick: () => {
+                                        const raw = field.rawValue
+                                            ? JSON.parse(field?.rawValue)
+                                            : { Variants: [] };
+                                        if (!raw.Variants)
+                                            return;
+                                        let rawVariant = raw.Variants.find((v) => v.Name === variant.name);
+                                        if (rawVariant) {
+                                            rawVariant.VideoId = undefined;
+                                        }
+                                        else {
+                                            rawVariant = {
+                                                Name: variant.name,
+                                                VideoId: undefined,
+                                            };
+                                            raw.Variants.push(rawVariant);
+                                        }
+                                        editContext.operations.editField({
+                                            field: field.descriptor,
+                                            rawValue: JSON.stringify(raw),
+                                            refresh: "immediate",
+                                        });
+                                    }, icon: "pi pi-trash", label: "Remove" })] }))] }, variant.name))) }), _jsxs("div", { className: "mt-2", children: [_jsx("div", { className: "mb-1", children: "Alt Text" }), _jsx(InputText, { value: altText, disabled: readOnly, className: "p-2 focus-shadow text-sm", style: { width: "100%" }, onChange: (e) => {
+                            setAltText(e.target.value);
+                            const raw = field?.rawValue
+                                ? JSON.parse(field?.rawValue)
+                                : { Variants: [] };
+                            raw.AltText = e.target.value;
+                            if (field.value)
+                                field.value.alt = e.target.value;
+                            editContext.operations.editField({
+                                field: field.descriptor,
+                                rawValue: JSON.stringify(raw),
+                                refresh: "waitForQuietPeriod",
+                            });
+                        } }, item.id + field.id + item.language + item.version)] })] }));
+}
+//# sourceMappingURL=PictureFieldEditor.js.map

package/dist/editor/field-types/PictureFieldEditor.js.map

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

package/dist/editor/field-types/RawEditor.d.ts

@@ -0,0 +1,5 @@
+import { Field } from "../pageModel";
+export declare function RawEditor({ field, readOnly, }: {
+    field: Field;
+    readOnly?: boolean;
+}): import("react/jsx-runtime").JSX.Element | undefined;