@alpaca-editor/core 1.0.0 → 1.0.3

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

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

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

@@ -0,0 +1,90 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { InputText } from "primereact/inputtext";
+import { useEditContext, useEditContextRef, useModifiedFieldsContext, } from "../client/editContext";
+import { useEffect, useRef, useState } from "react";
+export function SingleLineText({ field, readOnly, updateFieldValue, }) {
+    const editContextRef = useEditContextRef();
+    const editContext = useEditContext();
+    const modifiedFieldsContext = useModifiedFieldsContext();
+    const inputRef = useRef(null);
+    // const [selectionStart, setSelectionStart] = useState(0);
+    // const [selectionEnd, setSelectionEnd] = useState(0);
+    if (!editContextRef.current)
+        return;
+    const fieldItem = field.descriptor.item;
+    const [value, setValue] = useState(undefined);
+    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 (!fieldItem)
+        return;
+    const handleChange = (e) => {
+        if (editContextRef.current?.operations.undoing) {
+            return;
+        }
+        const newValue = e.target.value;
+        if (newValue !== value) {
+            setValue(newValue);
+            updateFieldValue(newValue);
+        }
+    };
+    const handleSelect = (e) => {
+        const target = e.target;
+        const range = {
+            fieldId: field.id,
+            startOffset: target.selectionStart || 0,
+            endOffset: target.selectionEnd || 0,
+            text: target.value.slice(target.selectionStart || 0, target.selectionEnd || 0),
+        };
+        editContextRef.current?.setSelectedRange(range);
+    };
+    useEffect(() => {
+        if (editContextRef.current?.focusedField?.fieldId === field.id &&
+            editContextRef.current?.focusedField?.item.id === fieldItem.id &&
+            editContextRef.current?.focusedField?.item.language ===
+                fieldItem.language &&
+            editContextRef.current?.focusedField?.item.version === fieldItem.version) {
+            const range = editContextRef.current.selectedRange;
+            if (range && inputRef.current) {
+                inputRef.current.setSelectionRange(range.startOffset, range.endOffset);
+                // setSelectionStart(range.startOffset);
+                // setSelectionEnd(range.endOffset);
+            }
+        }
+    }, [editContext?.selectedRange]);
+    // // Calculate the position of the highlight
+    // const getHighlightStyle = () => {
+    //   if (!inputRef.current || selectionStart === selectionEnd) return {};
+    //   const text = value || "";
+    //   const beforeSelection = text.slice(0, selectionStart);
+    //   const selection = text.slice(selectionStart, selectionEnd);
+    //   // Use a temporary span to measure text width
+    //   const temp = document.createElement("span");
+    //   temp.style.font = window.getComputedStyle(inputRef.current).font;
+    //   temp.style.visibility = "hidden";
+    //   temp.style.position = "absolute";
+    //   document.body.appendChild(temp);
+    //   temp.textContent = beforeSelection;
+    //   const startPos = temp.getBoundingClientRect().width + 5; // padding
+    //   temp.textContent = selection;
+    //   const width = temp.getBoundingClientRect().width;
+    //   document.body.removeChild(temp);
+    //   return {
+    //     left: `${startPos}px`,
+    //     width: `${width}px`,
+    //   };
+    // };
+    return (_jsx("div", { className: "relative", children: _jsx(InputText, { ref: inputRef, value: value || "", disabled: readOnly, className: "p-1.5 focus-shadow text-sm", style: { width: "100%" }, onChange: handleChange, onSelect: handleSelect }, fieldItem.id + field.id + fieldItem.language + fieldItem.version) }));
+}
+//# sourceMappingURL=SingleLineText.js.map

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

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

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

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

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

@@ -0,0 +1,132 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Splitter, SplitterPanel } from "primereact/splitter";
+import { useEditContext } from "../client/editContext";
+import { useEffect, useState, useRef } from "react";
+import { OverlayPanel } from "primereact/overlaypanel";
+import { ListBox } from "primereact/listbox";
+import { getLookupSources } from "../services/editService";
+import { SimpleIconButton } from "../ui/SimpleIconButton";
+import { normalizeGuid } from "../utils";
+import ItemSearch from "../ui/ItemSearch";
+import { Button } from "primereact/button";
+import ContentTree from "../ContentTree";
+export default function TreeListEditor({ field, readOnly, }) {
+    const editContext = useEditContext();
+    const [selectedItemNodesInTree, setSelectedItemNodesInTree] = useState([]);
+    const [selectedFromList, setSelectedFromList] = useState([]);
+    const overlayPanelRef = useRef(null);
+    const [currentItemId, setCurrentItemId] = useState("");
+    const [rootItemIds, setRootItemIds] = useState([]);
+    const [values, setValues] = useState([]);
+    const [hoveredItemId, setHoveredItemId] = useState();
+    const [hoveredItem, setHoveredItem] = useState();
+    if (!editContext)
+        return;
+    useEffect(() => {
+        const loadItem = async () => {
+            if (!hoveredItemId)
+                return;
+            const item = await editContext.itemsRepository.getItem({
+                id: hoveredItemId,
+                language: editContext.currentItemDescriptor?.language ?? "en",
+                version: 0,
+            });
+            if (item)
+                setHoveredItem(item);
+        };
+        loadItem();
+    }, [hoveredItemId]);
+    useEffect(() => {
+        if (editContext.lockedField?.fieldId === field.descriptor.fieldId &&
+            editContext.lockedField.item.id == field.descriptor.item.id &&
+            editContext.lockedField.item.language == field.descriptor.item.language &&
+            editContext.lockedField.item.version == field.descriptor.item.version)
+            return;
+        setValues(field.value || []);
+    }, [field.value]);
+    useEffect(() => {
+        const loadLookupSources = async () => {
+            const datasources = await getLookupSources(field, editContext.sessionId);
+            if (datasources.length) {
+                setRootItemIds(datasources.map((x) => x.id));
+            }
+            else
+                setRootItemIds(["{11111111-1111-1111-1111-111111111111}"]);
+        };
+        loadLookupSources();
+    }, [field.id, field.descriptor.item.id]);
+    const trimPath = (path) => {
+        const splitPath = path.split("/");
+        if (splitPath.length > 2) {
+            return (splitPath[splitPath.length - 2] + "/" + splitPath[splitPath.length - 1]);
+        }
+        return path;
+    };
+    async function removeFromList(items) {
+        const newValues = values.filter((x) => !items.find((i) => x.id == i.id));
+        setValues(newValues);
+        await editContext?.operations.editField({
+            field: field.descriptor,
+            value: newValues,
+            rawValue: newValues.map((x) => normalizeGuid(x.id)).join("|"),
+            refresh: "waitForQuietPeriod",
+        });
+    }
+    async function addToList(itemNodes) {
+        setSelectedItemNodesInTree([]);
+        const newValues = [...values];
+        itemNodes.forEach((node) => {
+            if (!newValues.find((x) => x.id == node.id)) {
+                newValues.push({
+                    id: node.id,
+                    path: node.path || node.name,
+                    name: node.name,
+                    icon: node.icon,
+                    idPath: node.idPath,
+                });
+            }
+        });
+        setValues(newValues);
+        await editContext?.operations.editField({
+            field: field.descriptor,
+            value: newValues,
+            rawValue: newValues.map((x) => normalizeGuid(x.id)).join("|"),
+            refresh: "waitForQuietPeriod",
+        });
+    }
+    return (_jsxs("div", { className: "border focus-shadow border-gray-200", children: [_jsx("div", { className: "bg-white mb-1 p-2 border-b border-gray-200", children: _jsx(ItemSearch, { rootItemIds: rootItemIds.map((x) => normalizeGuid(x)), itemSelected: async (item) => {
+                        addToList([
+                            {
+                                id: item.id,
+                                path: item.path || item.name,
+                                idPath: item.idPath,
+                                name: item.name || "",
+                                icon: item.icon,
+                            },
+                        ]);
+                    } }) }), _jsxs(Splitter, { className: "h-60", children: [_jsx(SplitterPanel, { size: 50, className: "relative", children: _jsx("div", { className: "absolute inset-0 overflow-auto", children: _jsx(ContentTree, { expandIdPath: hoveredItem?.idPath, language: editContext.currentItemDescriptor?.language ?? "en", onDoubleClick: (node) => {
+                                    if (!readOnly)
+                                        addToList([node]);
+                                }, selectionMode: "multiple", selectedItemIds: selectedItemNodesInTree.length
+                                    ? selectedItemNodesInTree.map((x) => x.id)
+                                    : hoveredItemId
+                                        ? [hoveredItemId]
+                                        : [], onSelectionChange: (e) => {
+                                    setSelectedItemNodesInTree(e);
+                                }, rootItemIds: rootItemIds, includeItemPath: true }) }) }), _jsx(SplitterPanel, { children: _jsx("div", { className: "h-full w-full relative", children: _jsxs("div", { className: "absolute inset-0 flex", children: [_jsxs("div", { className: "bg-gray-100 flex flex-col justify-center gap-1 p-1", children: [_jsx(SimpleIconButton, { label: "Add", icon: "pi pi-angle-right", onClick: () => addToList(selectedItemNodesInTree), disabled: readOnly }), _jsx(SimpleIconButton, { label: "Remove", icon: "pi pi-angle-left", onClick: () => removeFromList(selectedFromList), disabled: readOnly })] }), _jsx("div", { className: "flex-1 h-full relative", children: _jsx(ListBox, { className: "absolute inset-0 overflow-auto text-xs", options: values, optionLabel: "path", metaKeySelection: true, emptyMessage: "None selected", multiple: true, value: selectedFromList, onChange: (e) => setSelectedFromList(e.value), itemTemplate: (option) => (_jsxs("div", { className: "select-none hover:bg-gray-50 relative group flex items-center gap-1", onMouseEnter: async () => {
+                                                    setHoveredItemId(option.id);
+                                                    // setExpandIdPath(option.idPath || "");
+                                                    setSelectedItemNodesInTree([option]);
+                                                }, onDoubleClick: () => {
+                                                    if (!readOnly)
+                                                        removeFromList([option]);
+                                                }, children: [_jsx("img", { src: option.icon, className: "w-4 h-4 mr-2" }), trimPath(option.path), " ", _jsx("button", { className: "opacity-0 group-hover:opacity-100 transition-opacity", onClick: (e) => {
+                                                            e.stopPropagation();
+                                                            setCurrentItemId(option.id);
+                                                            overlayPanelRef.current?.toggle(e);
+                                                        }, title: "Open", children: _jsx("i", { className: "pi pi-arrow-up-right text-xs text-gray-500" }) })] })) }) })] }) }) })] }), _jsx(OverlayPanel, { ref: overlayPanelRef, className: "p-0", showCloseIcon: true, children: _jsx("div", { className: "p-3", children: _jsx("div", { className: "flex justify-end gap-2", children: _jsx(Button, { className: "px-3 py-1 bg-blue-500 text-white rounded text-sm", onClick: () => {
+                                editContext.loadItem(currentItemId);
+                                overlayPanelRef.current?.hide();
+                            }, children: "Open" }) }) }) })] }));
+}
+//# sourceMappingURL=TreeListEditor.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TreeListEditor.js","sourceRoot":"","sources":["../../../src/editor/field-types/TreeListEditor.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAEvD,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAE7C,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AACzC,OAAO,UAAU,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,WAAW,MAAM,gBAAgB,CAAC;AAWzC,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,KAAK,EACL,QAAQ,GAIT;IACC,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IACrC,MAAM,CAAC,uBAAuB,EAAE,0BAA0B,CAAC,GAAG,QAAQ,CAEpE,EAAE,CAAC,CAAC;IACN,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CACtD,EAAE,CACH,CAAC;IACF,MAAM,eAAe,GAAG,MAAM,CAAe,IAAI,CAAC,CAAC;IACnD,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAS,EAAE,CAAC,CAAC;IAC/D,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAW,EAAE,CAAC,CAAC;IAC7D,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAmB,EAAE,CAAC,CAAC;IAC3D,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,EAAsB,CAAC;IACzE,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,EAAwB,CAAC;IAEvE,IAAI,CAAC,WAAW;QAAE,OAAO;IAEzB,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,QAAQ,GAAG,KAAK,IAAI,EAAE;YAC1B,IAAI,CAAC,aAAa;gBAAE,OAAO;YAC3B,MAAM,IAAI,GAAG,MAAM,WAAY,CAAC,eAAe,CAAC,OAAO,CAAC;gBACtD,EAAE,EAAE,aAAa;gBACjB,QAAQ,EAAE,WAAY,CAAC,qBAAqB,EAAE,QAAQ,IAAI,IAAI;gBAC9D,OAAO,EAAE,CAAC;aACX,CAAC,CAAC;YACH,IAAI,IAAI;gBAAE,cAAc,CAAC,IAAI,CAAC,CAAC;QACjC,CAAC,CAAC;QACF,QAAQ,EAAE,CAAC;IACb,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,SAAS,CAAC,GAAG,EAAE;QACb,IACE,WAAW,CAAC,WAAW,EAAE,OAAO,KAAK,KAAK,CAAC,UAAU,CAAC,OAAO;YAC7D,WAAW,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,IAAI,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE;YAC3D,WAAW,CAAC,WAAW,CAAC,IAAI,CAAC,QAAQ,IAAI,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,QAAQ;YACvE,WAAW,CAAC,WAAW,CAAC,IAAI,CAAC,OAAO,IAAI,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,OAAO;YAErE,OAAO;QAET,SAAS,CAAC,KAAK,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC;IAC/B,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;IAElB,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,iBAAiB,GAAG,KAAK,IAAI,EAAE;YACnC,MAAM,WAAW,GAAG,MAAM,gBAAgB,CAAC,KAAK,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;YACzE,IAAI,WAAW,CAAC,MAAM,EAAE,CAAC;gBACvB,cAAc,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;YAC/C,CAAC;;gBAAM,cAAc,CAAC,CAAC,wCAAwC,CAAC,CAAC,CAAC;QACpE,CAAC,CAAC;QAEF,iBAAiB,EAAE,CAAC;IACtB,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,EAAE,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC;IAEzC,MAAM,QAAQ,GAAG,CAAC,IAAY,EAAE,EAAE;QAChC,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QAElC,IAAI,SAAS,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACzB,OAAO,CACL,SAAS,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC,GAAG,GAAG,GAAG,SAAS,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC,CACxE,CAAC;QACJ,CAAC;QACD,OAAO,IAAI,CAAC;IACd,CAAC,CAAC;IAEF,KAAK,UAAU,cAAc,CAAC,KAAuB;QACnD,MAAM,SAAS,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;QACzE,SAAS,CAAC,SAAS,CAAC,CAAC;QACrB,MAAM,WAAW,EAAE,UAAU,CAAC,SAAS,CAAC;YACtC,KAAK,EAAE,KAAK,CAAC,UAAU;YACvB,KAAK,EAAE,SAAS;YAChB,QAAQ,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;YAC7D,OAAO,EAAE,oBAAoB;SAC9B,CAAC,CAAC;IACL,CAAC;IAED,KAAK,UAAU,SAAS,CACtB,SAMG;QAEH,0BAA0B,CAAC,EAAE,CAAC,CAAC;QAE/B,MAAM,SAAS,GAAG,CAAC,GAAG,MAAM,CAAC,CAAC;QAE9B,SAAS,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;YACzB,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,IAAI,IAAI,CAAC,EAAE,CAAC,EAAE,CAAC;gBAC5C,SAAS,CAAC,IAAI,CAAC;oBACb,EAAE,EAAE,IAAI,CAAC,EAAE;oBACX,IAAI,EAAE,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI;oBAC5B,IAAI,EAAE,IAAI,CAAC,IAAI;oBACf,IAAI,EAAE,IAAI,CAAC,IAAI;oBACf,MAAM,EAAE,IAAI,CAAC,MAAM;iBACpB,CAAC,CAAC;YACL,CAAC;QACH,CAAC,CAAC,CAAC;QAEH,SAAS,CAAC,SAAS,CAAC,CAAC;QAErB,MAAM,WAAW,EAAE,UAAU,CAAC,SAAS,CAAC;YACtC,KAAK,EAAE,KAAK,CAAC,UAAU;YACvB,KAAK,EAAE,SAAS;YAChB,QAAQ,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;YAC7D,OAAO,EAAE,oBAAoB;SAC9B,CAAC,CAAC;IACL,CAAC;IAED,OAAO,CACL,eAAK,SAAS,EAAC,qCAAqC,aAClD,cAAK,SAAS,EAAC,4CAA4C,YACzD,KAAC,UAAU,IACT,WAAW,EAAE,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,EACrD,YAAY,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE;wBAC3B,SAAS,CAAC;4BACR;gCACE,EAAE,EAAE,IAAI,CAAC,EAAE;gCACX,IAAI,EAAE,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI;gCAC5B,MAAM,EAAE,IAAI,CAAC,MAAM;gCACnB,IAAI,EAAE,IAAI,CAAC,IAAI,IAAI,EAAE;gCACrB,IAAI,EAAE,IAAI,CAAC,IAAI;6BAChB;yBACF,CAAC,CAAC;oBACL,CAAC,GACD,GACE,EACN,MAAC,QAAQ,IAAC,SAAS,EAAC,MAAM,aACxB,KAAC,aAAa,IAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAC,UAAU,YAC3C,cAAK,SAAS,EAAC,gCAAgC,YAC7C,KAAC,WAAW,IACV,YAAY,EAAE,WAAW,EAAE,MAAM,EACjC,QAAQ,EAAE,WAAW,CAAC,qBAAqB,EAAE,QAAQ,IAAI,IAAI,EAC7D,aAAa,EAAE,CAAC,IAAI,EAAE,EAAE;oCACtB,IAAI,CAAC,QAAQ;wCAAE,SAAS,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;gCACnC,CAAC,EACD,aAAa,EAAC,UAAU,EACxB,eAAe,EACb,uBAAuB,CAAC,MAAM;oCAC5B,CAAC,CAAC,uBAAuB,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;oCAC1C,CAAC,CAAC,aAAa;wCACb,CAAC,CAAC,CAAC,aAAa,CAAC;wCACjB,CAAC,CAAC,EAAE,EAEV,iBAAiB,EAAE,CAAC,CAAC,EAAE,EAAE;oCACvB,0BAA0B,CAAC,CAAe,CAAC,CAAC;gCAC9C,CAAC,EACD,WAAW,EAAE,WAAW,EACxB,eAAe,EAAE,IAAI,GACrB,GACE,GACQ,EAChB,KAAC,aAAa,cACZ,cAAK,SAAS,EAAC,wBAAwB,YACrC,eAAK,SAAS,EAAC,uBAAuB,aACpC,eAAK,SAAS,EAAC,oDAAoD,aACjE,KAAC,gBAAgB,IACf,KAAK,EAAC,KAAK,EACX,IAAI,EAAC,mBAAmB,EACxB,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,uBAAuB,CAAC,EACjD,QAAQ,EAAE,QAAQ,GAClB,EACF,KAAC,gBAAgB,IACf,KAAK,EAAC,QAAQ,EACd,IAAI,EAAC,kBAAkB,EACvB,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,gBAAgB,CAAC,EAC/C,QAAQ,EAAE,QAAQ,GAClB,IACE,EACN,cAAK,SAAS,EAAC,wBAAwB,YACrC,KAAC,OAAO,IACN,SAAS,EAAC,wCAAwC,EAClD,OAAO,EAAE,MAAM,EACf,WAAW,EAAC,MAAM,EAClB,gBAAgB,EAAE,IAAI,EACtB,YAAY,EAAE,eAAe,EAC7B,QAAQ,EAAE,IAAI,EACd,KAAK,EAAE,gBAAgB,EACvB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,mBAAmB,CAAC,CAAC,CAAC,KAAK,CAAC,EAC7C,YAAY,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,CACxB,eACE,SAAS,EAAC,qEAAqE,EAC/E,YAAY,EAAE,KAAK,IAAI,EAAE;oDACvB,gBAAgB,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;oDAC5B,wCAAwC;oDACxC,0BAA0B,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC;gDACvC,CAAC,EACD,aAAa,EAAE,GAAG,EAAE;oDAClB,IAAI,CAAC,QAAQ;wDAAE,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC;gDAC1C,CAAC,aAED,cAAK,GAAG,EAAE,MAAM,CAAC,IAAI,EAAE,SAAS,EAAC,cAAc,GAAG,EACjD,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,GAAG,EAC3B,iBACE,SAAS,EAAC,sDAAsD,EAChE,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;4DACb,CAAC,CAAC,eAAe,EAAE,CAAC;4DACpB,gBAAgB,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;4DAC5B,eAAe,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC;wDACrC,CAAC,EACD,KAAK,EAAC,MAAM,YAEZ,YAAG,SAAS,EAAC,4CAA4C,GAAG,GACrD,IACL,CACP,GACD,GACE,IACF,GACF,GACQ,IACP,EAEX,KAAC,YAAY,IAAC,GAAG,EAAE,eAAe,EAAE,SAAS,EAAC,KAAK,EAAC,aAAa,EAAE,IAAI,YACrE,cAAK,SAAS,EAAC,KAAK,YAClB,cAAK,SAAS,EAAC,wBAAwB,YACrC,KAAC,MAAM,IACL,SAAS,EAAC,kDAAkD,EAC5D,OAAO,EAAE,GAAG,EAAE;gCACZ,WAAW,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC;gCACpC,eAAe,CAAC,OAAO,EAAE,IAAI,EAAE,CAAC;4BAClC,CAAC,qBAGM,GACL,GACF,GACO,IACX,CACP,CAAC;AACJ,CAAC"}

package/dist/editor/fieldTypes.d.ts

@@ -0,0 +1,117 @@
+import { Field } from "./pageModel";
+export type TextField = Field & {
+    value: string;
+};
+export type PictureField = Field & {
+    value: PictureValue | null;
+};
+export type LinkField = Field & {
+    value: LinkValue;
+};
+export type InternalLinkField = Field & {
+    value: LinkValue;
+};
+export type PictureValue = {
+    name: string;
+    alt: string;
+    variants: PictureVariant[];
+    loopVideos: boolean;
+    allowVideos?: boolean;
+    error?: string;
+};
+export type PictureVariant = {
+    mediaItemName: string;
+    name: string;
+    src: string;
+    videoUrl?: string;
+    width: number;
+    height: number;
+    aspectRatio: number;
+    aspectRatioLock?: number;
+    aspectRatioLockText?: string;
+    minWidth?: number;
+    minHeight?: number;
+    thumbSrc?: string;
+    originalSrc?: string;
+    mediaId?: string;
+    idPath?: string;
+    region: PictureRegion;
+};
+export type PictureRegion = {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+};
+export type PictureRawValue = {
+    Variants: PictureRawVariant[];
+    AltText?: string;
+};
+export type PictureRawVariant = {
+    Name: string;
+    MediaId?: string;
+    VideoId?: string;
+    Region?: PictureRawRegion;
+};
+export type PictureRawRegion = {
+    X: number;
+    Y: number;
+    Width: number;
+    Height: number;
+};
+export type ImageField = Field & {
+    value: ImageValue | null;
+};
+export type ImageValue = {
+    alt: string;
+    src: string;
+};
+export type LinkValue = {
+    url: string;
+    type: "internal" | "external";
+    target?: string;
+    targetItemLongId?: string;
+    targetItemName?: string;
+    queryString?: string;
+    targetItemId?: string;
+};
+export interface KeyValuePair {
+    key: string;
+    value: string;
+}
+export type EnhancedNameValueListField = {
+    value: KeyValuePair[];
+};
+export type ReferencedItem = {
+    id: string;
+    name: string;
+    path: string;
+    icon?: string;
+    idPath?: string;
+};
+export type TreeListField = Field & {
+    value: ReferencedItem[];
+    _editor: {
+        customEditorProperties: {
+            datasources: string[];
+        };
+    };
+};
+export type CheckboxField = Field & {
+    value: boolean;
+};
+export type DateField = Field & {
+    value: DateFieldValue;
+};
+export type DateFieldValue = Field & {
+    date: string;
+};
+export type NumberField = Field & {
+    value: number;
+};
+export type AttachmentField = Field & {
+    value: AttachmentValue;
+};
+export type AttachmentValue = {
+    src: string;
+};

package/dist/editor/fieldTypes.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=fieldTypes.js.map

package/dist/editor/fieldTypes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fieldTypes.js","sourceRoot":"","sources":["../../src/editor/fieldTypes.ts"],"names":[],"mappings":""}

package/dist/editor/media-selector/AiImageSearch.d.ts

@@ -0,0 +1,4 @@
+export declare function AiImageSearch({ onMediaSelected, onHide, }: {
+    onMediaSelected: (mediaId: string) => void;
+    onHide: () => void;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/editor/media-selector/AiImageSearch.js

@@ -0,0 +1,105 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useState, useRef } from "react";
+import { useDebouncedCallback } from "use-debounce";
+import { createEditorAiContext } from "../ai/editorAiContext";
+import { executePrompt, executeSearch } from "../services/aiService";
+import { useEditContext } from "../client/editContext";
+import { ProgressSpinner } from "primereact/progressspinner";
+import { InputText } from "primereact/inputtext";
+import { Thumbnails } from "./Thumbnails";
+import { Splitter, SplitterPanel } from "primereact/splitter";
+import { Preview } from "./Preview";
+import DialogButtons from "../ui/DialogButtons";
+import { Button } from "primereact/button";
+export function AiImageSearch({ onMediaSelected, onHide, }) {
+    const [prompt, setPrompt] = useState("");
+    const [loadingPrompt, setLoadingPrompt] = useState(false);
+    const [loadingThumbnails, setLoadingThumbnails] = useState(false);
+    const [images, setImages] = useState([]);
+    const [selectedImage, setSelectedImage] = useState();
+    const editContext = useEditContext();
+    const currentSuggestionRequest = useRef(null);
+    const inputRef = useRef(null);
+    useEffect(() => {
+        suggestPrompt();
+        if (inputRef.current) {
+            inputRef.current.focus();
+        }
+    }, []);
+    const suggestPrompt = async () => {
+        if (editContext) {
+            setPrompt("");
+            setLoadingPrompt(true);
+            if (currentSuggestionRequest.current) {
+                currentSuggestionRequest.current.abort();
+            }
+            const abortController = new AbortController();
+            currentSuggestionRequest.current = abortController;
+            try {
+                const result = await executePrompt([
+                    {
+                        content: "Please extract search terms from the field context that can be used to find a matching image. " +
+                            "I will use the search terms to find an image and populate the image field. If the component does not provide enough context, " +
+                            "also get content from the parent component using the get-content function. " +
+                            "Do not consider current image field contents. " +
+                            "Reply with search terms only!",
+                        name: "user",
+                        role: "user",
+                    },
+                ], editContext, createEditorAiContext, ["get-content"], true, { signal: abortController.signal });
+                setLoadingPrompt(false);
+                const newPrompt = result.responseText.replaceAll("\n", "");
+                setPrompt(newPrompt);
+            }
+            catch (error) {
+                if (error instanceof Error && error.name !== "AbortError") {
+                    console.error("Failed to fetch prompt:", error);
+                }
+                setLoadingPrompt(false);
+            }
+            finally {
+                currentSuggestionRequest.current = null;
+            }
+        }
+    };
+    const handleSearch = useDebouncedCallback(async (searchPrompt) => {
+        if (!editContext)
+            return;
+        setLoadingThumbnails(true);
+        const result = await executeSearch({
+            query: searchPrompt,
+            editContext,
+            maxResults: 50,
+            index: "media",
+            skipValidation: true,
+        });
+        if (result.type == "success") {
+            setImages(result.data);
+        }
+        else {
+            editContext.showToast({
+                severity: "error",
+                summary: "Error searching",
+                detail: result.response.statusText,
+            });
+        }
+        setLoadingThumbnails(false);
+    }, 300);
+    const onPromptChange = (e) => {
+        const newPrompt = e.target.value;
+        setPrompt(newPrompt);
+        if (currentSuggestionRequest.current) {
+            currentSuggestionRequest.current.abort();
+        }
+    };
+    useEffect(() => {
+        if (prompt) {
+            handleSearch(prompt);
+        }
+    }, [prompt]);
+    return (_jsxs(_Fragment, { children: [_jsxs(Splitter, { className: "flex-1 border-0", children: [_jsx(SplitterPanel, { size: 50, className: "flex flex-col pt-4", children: _jsxs("div", { className: "flex flex-col gap-2 text-sm pt-2 px-2 flex-1", children: [_jsxs("div", { children: ["Search prompt", _jsxs("div", { className: "flex gap-2 items-center", children: [_jsx(InputText, { ref: inputRef, value: prompt, onChange: onPromptChange, className: "flex-1" }), loadingPrompt && (_jsx("div", { className: "flex items-center h-10", children: _jsx(ProgressSpinner, { style: { width: "24px", height: "24px" } }) })), !loadingPrompt && (_jsx(Button, { icon: "pi pi-sparkles", onClick: () => suggestPrompt(), label: "Suggest", size: "small" }))] })] }), _jsxs("div", { className: "flex-1 relative", children: [loadingThumbnails && (_jsx("div", { className: "flex items-center h-full", children: _jsx(ProgressSpinner, { style: { width: "24px", height: "24px" } }) })), _jsx(Thumbnails, { images: images, selectedImage: selectedImage, setSelectedImage: setSelectedImage, onMediaSelected: onMediaSelected, onHide: onHide })] })] }) }), _jsx(SplitterPanel, { size: 50, className: " relative", children: _jsx(Preview, { selectedImage: selectedImage }) })] }), _jsxs(DialogButtons, { children: [_jsx(Button, { disabled: !selectedImage, onClick: () => {
+                            onMediaSelected(selectedImage.id);
+                            onHide();
+                        }, children: "Select" }), _jsx(Button, { onClick: () => onHide(), children: "Cancel" })] })] }));
+}
+//# sourceMappingURL=AiImageSearch.js.map

package/dist/editor/media-selector/AiImageSearch.js.map

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

package/dist/editor/media-selector/AiImageSearchPrompt.d.ts

@@ -0,0 +1,3 @@
+export declare function AiImageSearchPrompt({ onSearchPromptChange, }: {
+    onSearchPromptChange: (prompt: string) => void;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/editor/media-selector/AiImageSearchPrompt.js

@@ -0,0 +1,56 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from "primereact/button";
+import { InputText } from "primereact/inputtext";
+import { useEffect, useRef, useState } from "react";
+import { useEditContext } from "../client/editContext";
+import { executePrompt } from "../services/aiService";
+import { createEditorAiContext } from "../ai/editorAiContext";
+import { ProgressSpinner } from "primereact/progressspinner";
+export function AiImageSearchPrompt({ onSearchPromptChange, }) {
+    const editContext = useEditContext();
+    const inputRef = useRef(null);
+    const [prompt, setPrompt] = useState("");
+    const [loadingPrompt, setLoadingPrompt] = useState(false);
+    const currentSuggestionRequest = useRef(null);
+    useEffect(() => {
+        onSearchPromptChange(prompt);
+    }, [prompt]);
+    const suggestPrompt = async () => {
+        if (editContext) {
+            setPrompt("");
+            setLoadingPrompt(true);
+            if (currentSuggestionRequest.current) {
+                currentSuggestionRequest.current.abort();
+            }
+            const abortController = new AbortController();
+            currentSuggestionRequest.current = abortController;
+            try {
+                const result = await executePrompt([
+                    {
+                        content: "Please extract search terms from the field context that can be used to find a matching image. " +
+                            "I will use the search terms to find an image and populate the image field. If the component does not provide enough context, " +
+                            "also get content from the parent component using the get-content function. " +
+                            "Do not consider current image field contents. " +
+                            "Reply with search terms only!",
+                        name: "user",
+                        role: "user",
+                    },
+                ], editContext, createEditorAiContext, ["get-content"], true, { signal: abortController.signal });
+                setLoadingPrompt(false);
+                const newPrompt = result.responseText.replaceAll("\n", "");
+                setPrompt(newPrompt);
+            }
+            catch (error) {
+                if (error instanceof Error && error.name !== "AbortError") {
+                    console.error("Failed to fetch prompt:", error);
+                }
+                setLoadingPrompt(false);
+            }
+            finally {
+                currentSuggestionRequest.current = null;
+            }
+        }
+    };
+    return (_jsxs("div", { className: "flex gap-2 items-center m-2", children: [_jsx("i", { className: "pi pi-search text-gray-500" }), _jsx(InputText, { ref: inputRef, value: prompt, onChange: (e) => setPrompt(e.target.value), className: "flex-1" }), loadingPrompt && (_jsx("div", { className: "flex items-center h-10", children: _jsx(ProgressSpinner, { style: { width: "24px", height: "24px" } }) })), !loadingPrompt && (_jsx(Button, { icon: "pi pi-sparkles", onClick: () => suggestPrompt(), label: "Suggest", size: "small" }))] }));
+}
+//# sourceMappingURL=AiImageSearchPrompt.js.map

package/dist/editor/media-selector/AiImageSearchPrompt.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AiImageSearchPrompt.js","sourceRoot":"","sources":["../../../src/editor/media-selector/AiImageSearchPrompt.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAE7D,MAAM,UAAU,mBAAmB,CAAC,EAClC,oBAAoB,GAGrB;IACC,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IACrC,MAAM,QAAQ,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAChD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACzC,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC1D,MAAM,wBAAwB,GAAG,MAAM,CAAyB,IAAI,CAAC,CAAC;IAEtE,SAAS,CAAC,GAAG,EAAE;QACb,oBAAoB,CAAC,MAAM,CAAC,CAAC;IAC/B,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,MAAM,aAAa,GAAG,KAAK,IAAI,EAAE;QAC/B,IAAI,WAAW,EAAE,CAAC;YAChB,SAAS,CAAC,EAAE,CAAC,CAAC;YACd,gBAAgB,CAAC,IAAI,CAAC,CAAC;YAEvB,IAAI,wBAAwB,CAAC,OAAO,EAAE,CAAC;gBACrC,wBAAwB,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;YAC3C,CAAC;YAED,MAAM,eAAe,GAAG,IAAI,eAAe,EAAE,CAAC;YAC9C,wBAAwB,CAAC,OAAO,GAAG,eAAe,CAAC;YAEnD,IAAI,CAAC;gBACH,MAAM,MAAM,GAAG,MAAM,aAAa,CAChC;oBACE;wBACE,OAAO,EACL,gGAAgG;4BAChG,+HAA+H;4BAC/H,6EAA6E;4BAC7E,gDAAgD;4BAChD,+BAA+B;wBACjC,IAAI,EAAE,MAAM;wBACZ,IAAI,EAAE,MAAM;qBACb;iBACF,EACD,WAAW,EACX,qBAAqB,EACrB,CAAC,aAAa,CAAC,EACf,IAAI,EACJ,EAAE,MAAM,EAAE,eAAe,CAAC,MAAM,EAAE,CACnC,CAAC;gBAEF,gBAAgB,CAAC,KAAK,CAAC,CAAC;gBACxB,MAAM,SAAS,GAAG,MAAM,CAAC,YAAY,CAAC,UAAU,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;gBAC3D,SAAS,CAAC,SAAS,CAAC,CAAC;YACvB,CAAC;YAAC,OAAO,KAAK,EAAE,CAAC;gBACf,IAAI,KAAK,YAAY,KAAK,IAAI,KAAK,CAAC,IAAI,KAAK,YAAY,EAAE,CAAC;oBAC1D,OAAO,CAAC,KAAK,CAAC,yBAAyB,EAAE,KAAK,CAAC,CAAC;gBAClD,CAAC;gBACD,gBAAgB,CAAC,KAAK,CAAC,CAAC;YAC1B,CAAC;oBAAS,CAAC;gBACT,wBAAwB,CAAC,OAAO,GAAG,IAAI,CAAC;YAC1C,CAAC;QACH,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAC,6BAA6B,aAC1C,YAAG,SAAS,EAAC,4BAA4B,GAAG,EAC5C,KAAC,SAAS,IACR,GAAG,EAAE,QAAQ,EACb,KAAK,EAAE,MAAM,EACb,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAC1C,SAAS,EAAC,QAAQ,GAClB,EACD,aAAa,IAAI,CAChB,cAAK,SAAS,EAAC,wBAAwB,YACrC,KAAC,eAAe,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAI,GACzD,CACP,EACA,CAAC,aAAa,IAAI,CACjB,KAAC,MAAM,IACL,IAAI,EAAC,gBAAgB,EACrB,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,EAAE,EAC9B,KAAK,EAAC,SAAS,EACf,IAAI,EAAC,OAAO,GACZ,CACH,IACG,CACP,CAAC;AACJ,CAAC"}

package/dist/editor/media-selector/MediaSelector.d.ts

@@ -0,0 +1,9 @@
+export type MediaSelectorMode = "images" | "video";
+export declare const MediaSelector: ({ visible, onHide, onMediaSelected, selectedIdPath, mode, language, }: {
+    visible: boolean;
+    mode: MediaSelectorMode;
+    onHide: () => void;
+    onMediaSelected: (mediaId: string) => void;
+    selectedIdPath?: string;
+    language: string;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/editor/media-selector/MediaSelector.js

@@ -0,0 +1,8 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Dialog } from "primereact/dialog";
+import { TreeSelector } from "./TreeSelector";
+export const MediaSelector = ({ visible, onHide, onMediaSelected, selectedIdPath, mode, language, }) => {
+    return (_jsx(Dialog, { style: { width: "80%", height: "80%" }, visible: visible, onHide: onHide, header: mode === "video" ? "Select Video" : "Select Image", "data-testid": "media-selector-dialog", children: _jsx("div", { className: "flex flex-col h-full ", children: _jsx(TreeSelector, { language: language, selectedIdPath: selectedIdPath, onHide: onHide, onMediaSelected: onMediaSelected, mode: mode === "video" ? "video" : "image" }) }) }));
+};
+//# sourceMappingURL=MediaSelector.js.map

package/dist/editor/media-selector/MediaSelector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediaSelector.js","sourceRoot":"","sources":["../../../src/editor/media-selector/MediaSelector.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAI9C,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC5B,OAAO,EACP,MAAM,EACN,eAAe,EACf,cAAc,EACd,IAAI,EACJ,QAAQ,GAQT,EAAE,EAAE;IACH,OAAO,CACL,KAAC,MAAM,IACL,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,EACtC,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,cAAc,iBAC9C,uBAAuB,YAEnC,cAAK,SAAS,EAAC,uBAAuB,YACpC,KAAC,YAAY,IACX,QAAQ,EAAE,QAAQ,EAClB,cAAc,EAAE,cAAc,EAC9B,MAAM,EAAE,MAAM,EACd,eAAe,EAAE,eAAe,EAChC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,GAC1C,GACE,GACC,CACV,CAAC;AACJ,CAAC,CAAC"}

package/dist/editor/media-selector/Preview.d.ts

@@ -0,0 +1,4 @@
+import { Thumbnail } from "./Thumbnails";
+export declare function Preview({ selectedImage }: {
+    selectedImage?: Thumbnail;
+}): import("react/jsx-runtime").JSX.Element | null;

package/dist/editor/media-selector/Preview.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export function Preview({ selectedImage }) {
+    if (!selectedImage)
+        return null;
+    return (_jsx("div", { className: "m-4 flex justify-center align-center absolute inset-0", children: _jsx("img", { src: selectedImage?.previewUrl, className: "object-contain", fetchPriority: "high" }) }));
+}
+//# sourceMappingURL=Preview.js.map

package/dist/editor/media-selector/Preview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Preview.js","sourceRoot":"","sources":["../../../src/editor/media-selector/Preview.tsx"],"names":[],"mappings":";AAEA,MAAM,UAAU,OAAO,CAAC,EAAE,aAAa,EAAiC;IACtE,IAAI,CAAC,aAAa;QAAE,OAAO,IAAI,CAAC;IAChC,OAAO,CACL,cAAK,SAAS,EAAC,uDAAuD,YACpE,cACE,GAAG,EAAE,aAAa,EAAE,UAAU,EAC9B,SAAS,EAAC,gBAAgB,EAC1B,aAAa,EAAC,MAAM,GACpB,GACE,CACP,CAAC;AACJ,CAAC"}

package/dist/editor/media-selector/Thumbnails.d.ts

@@ -0,0 +1,13 @@
+export type Thumbnail = {
+    id: string;
+    name: string;
+    thumbUrl: string;
+    previewUrl: string;
+};
+export declare function Thumbnails({ images, selectedImage, setSelectedImage, onMediaSelected, onHide, }: {
+    images: Thumbnail[];
+    selectedImage: Thumbnail | undefined;
+    setSelectedImage: (image: Thumbnail) => void;
+    onMediaSelected: (imageId: string) => void;
+    onHide: () => void;
+}): import("react/jsx-runtime").JSX.Element;