@parhelia/core 0.1.10745

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

@@ -0,0 +1,101 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { useEditContext } from "../client/editContext";
+import { Button } from "../../components/ui/button";
+import { Input } from "../../components/ui/input";
+import { ArrowDown, ArrowUp, Plus, Trash2 } from "lucide-react";
+function parseUrlEncoded(raw) {
+    if (!raw)
+        return [];
+    const parts = raw.split("&").filter((p) => p.length > 0);
+    const pairs = [];
+    for (const part of parts) {
+        const eqIndex = part.indexOf("=");
+        const rawKey = eqIndex >= 0 ? part.substring(0, eqIndex) : part;
+        const rawValue = eqIndex >= 0 ? part.substring(eqIndex + 1) : "";
+        // Convert + to space before decode to align with Sitecore's HttpUtility behavior
+        const key = decodeURIComponent(rawKey.replace(/\+/g, " "));
+        const value = decodeURIComponent(rawValue.replace(/\+/g, " "));
+        pairs.push({ key, value });
+    }
+    return pairs;
+}
+function toUrlEncoded(pairs) {
+    const filtered = pairs.filter((p) => (p.key || "").trim().length > 0);
+    const segments = filtered.map((p) => {
+        const encKey = encodeURIComponent(p.key);
+        const encValue = encodeURIComponent(p.value || "");
+        // Replace %20 with + for compatibility with typical form encoding in Sitecore tools
+        return `${encKey.replace(/%20/g, "+")}=${encValue.replace(/%20/g, "+")}`;
+    });
+    return segments.join("&");
+}
+export function NameValueListEditor({ field, readOnly }) {
+    const editContext = useEditContext();
+    const [pairs, setPairs] = useState([]);
+    useEffect(() => {
+        // Prefer typed value, fallback to raw
+        const fromValue = (Array.isArray(field.value) ? field.value : undefined);
+        if (fromValue && fromValue.length >= 0) {
+            setPairs(fromValue.map((x) => ({ key: x.key || "", value: x.value || "" })));
+        }
+        else {
+            setPairs(parseUrlEncoded(field.rawValue));
+        }
+    }, [field.value, field.rawValue, field.descriptor.item.id, field.id]);
+    if (!editContext)
+        return null;
+    const commit = async (next) => {
+        const cleaned = next.filter((p) => (p.key || "").trim().length > 0);
+        const raw = toUrlEncoded(cleaned);
+        setPairs(next);
+        await editContext.operations.editField({
+            field: field.descriptor,
+            value: cleaned,
+            rawValue: raw,
+            refresh: "waitForQuietPeriod",
+        });
+    };
+    const addRow = async () => {
+        if (readOnly)
+            return;
+        const next = [...pairs, { key: "", value: "" }];
+        setPairs(next);
+    };
+    const updateKey = async (index, key) => {
+        if (readOnly)
+            return;
+        const next = pairs.map((p, i) => (i === index ? { ...p, key } : p));
+        setPairs(next);
+        await commit(next);
+    };
+    const updateValue = async (index, value) => {
+        if (readOnly)
+            return;
+        const next = pairs.map((p, i) => (i === index ? { ...p, value } : p));
+        setPairs(next);
+        await commit(next);
+    };
+    const removeRow = async (index) => {
+        if (readOnly)
+            return;
+        const next = pairs.filter((_, i) => i !== index);
+        await commit(next);
+    };
+    const moveRow = async (index, offset) => {
+        if (readOnly)
+            return;
+        const newIndex = index + offset;
+        if (newIndex < 0 || newIndex >= pairs.length)
+            return;
+        const next = [...pairs];
+        const [item] = next.splice(index, 1);
+        if (!item)
+            return;
+        next.splice(newIndex, 0, item);
+        await commit(next);
+    };
+    return (_jsxs("div", { className: `focus-shadow rounded-sm border border-gray-200 ${readOnly ? "bg-gray-5" : "bg-white"}`, children: [_jsx("div", { className: "flex items-center justify-between border-b border-gray-200 px-2 py-1.5", children: _jsx(Button, { type: "button", size: "sm", variant: "ghost", disabled: readOnly, onClick: addRow, className: "h-7 px-2", "aria-label": "Add entry", children: _jsx(Plus, { className: "h-4 w-4", strokeWidth: 1 }) }) }), _jsxs("div", { children: [pairs.length === 0 && (_jsx("div", { className: "p-2 text-center text-xs text-gray-500", children: "No entries" })), pairs.map((pair, index) => (_jsxs("div", { className: "flex items-center gap-1 border-b border-gray-100 p-1 last:border-b-0", children: [_jsx(Input, { value: pair.key, placeholder: "Name", disabled: readOnly, className: "bg-gray-5 h-7 p-1 text-xs", onChange: (e) => updateKey(index, e.target.value) }), _jsx("span", { className: "px-1 text-gray-400", children: "=" }), _jsx(Input, { value: pair.value, placeholder: "Value", disabled: readOnly, className: "bg-gray-5 h-7 p-1 text-xs", onChange: (e) => updateValue(index, e.target.value) }), _jsxs("div", { className: "ml-auto flex items-center gap-0.5", children: [_jsx(Button, { type: "button", size: "icon", variant: "ghost", disabled: readOnly || index === 0, onClick: () => moveRow(index, -1), className: "h-7 w-7", "aria-label": "Move up", title: "Move up", children: _jsx(ArrowUp, { className: "h-4 w-4", strokeWidth: 1 }) }), _jsx(Button, { type: "button", size: "icon", variant: "ghost", disabled: readOnly || index === pairs.length - 1, onClick: () => moveRow(index, 1), className: "h-7 w-7", "aria-label": "Move down", title: "Move down", children: _jsx(ArrowDown, { className: "h-4 w-4", strokeWidth: 1 }) }), _jsx(Button, { type: "button", size: "icon", variant: "ghost", disabled: readOnly, onClick: () => removeRow(index), className: "h-7 w-7 text-red-600 hover:text-red-700", "aria-label": "Delete", title: "Delete", children: _jsx(Trash2, { className: "h-4 w-4", strokeWidth: 1 }) })] })] }, index)))] })] }));
+}
+//# sourceMappingURL=NameValueListEditor.js.map

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

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

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,58 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEditContext } from "../client/editContext";
+import { Input } from "../../components/ui/input";
+import { PictureEditor } from "../PictureEditor";
+import { useEffect, useState } from "react";
+import { SimpleIconButton } from "../ui/SimpleIconButton";
+import { Trash } from "lucide-react";
+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: "focus-shadow bg-gray-5 flex h-full flex-wrap gap-2", children: field?.value?.variants?.map((variant) => (_jsxs("div", { children: [_jsxs("div", { className: "relative flex h-48 w-48 cursor-pointer items-center justify-center border border-gray-300", 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: _jsx(Trash, { className: "h-4 w-4" }), label: "Remove" })] }))] }, variant.name))) }), _jsxs("div", { className: "mt-2", children: [_jsx("div", { className: "mb-1", children: "Alt Text" }), _jsx(Input, { value: altText, disabled: readOnly, className: "focus-shadow bg-gray-5 w-full p-1.5 text-xs", 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,6 @@
+import { Field } from "../pageModel";
+export declare function RawEditor({ field, readOnly, tabIndex, }: {
+    field: Field;
+    readOnly?: boolean;
+    tabIndex?: number;
+}): import("react/jsx-runtime").JSX.Element | undefined;

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

@@ -0,0 +1,31 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Textarea } from "../../components/ui/textarea";
+import { useEditContext } from "../client/editContext";
+import { useEffect, useRef, useState } from "react";
+import { useDebouncedCallback } from "use-debounce";
+export function RawEditor({ field, readOnly, tabIndex, }) {
+    const editContext = useEditContext();
+    const inputRef = useRef(null);
+    if (!editContext)
+        return;
+    const [value, setValue] = useState(field.rawValue);
+    useEffect(() => {
+        if (inputRef.current !== document.activeElement)
+            setValue(field.rawValue);
+    }, [field.rawValue]);
+    const debouncedSetFieldvalue = useDebouncedCallback((value) => {
+        editContext.operations.editField({
+            field: field.descriptor,
+            rawValue: value,
+            refresh: "waitForQuietPeriod",
+        });
+    }, 200);
+    const fieldItem = field.descriptor.item;
+    return (_jsx(Textarea, { ref: inputRef, value: value || "", disabled: readOnly, className: "focus-shadow bg-gray-5 w-full p-2 text-xs", rows: 12, onChange: (e) => {
+            setValue(e.target.value);
+            debouncedSetFieldvalue(e.target.value);
+            // field.value = e.target.value;
+        }, tabIndex: tabIndex }, fieldItem.id + field.id + fieldItem.language + fieldItem.version));
+}
+//# sourceMappingURL=RawEditor.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RawEditor.js","sourceRoot":"","sources":["../../../src/editor/field-types/RawEditor.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AACxD,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAIpD,MAAM,UAAU,SAAS,CAAC,EACxB,KAAK,EACL,QAAQ,EACR,QAAQ,GAKT;IACC,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IACrC,MAAM,QAAQ,GAAG,MAAM,CAAsB,IAAI,CAAC,CAAC;IAEnD,IAAI,CAAC,WAAW;QAAE,OAAO;IACzB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IAEnD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,QAAQ,CAAC,OAAO,KAAK,QAAQ,CAAC,aAAa;YAAE,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IAC5E,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;IAErB,MAAM,sBAAsB,GAAG,oBAAoB,CAAC,CAAC,KAAK,EAAE,EAAE;QAC5D,WAAW,CAAC,UAAU,CAAC,SAAS,CAAC;YAC/B,KAAK,EAAE,KAAK,CAAC,UAAU;YACvB,QAAQ,EAAE,KAAK;YACf,OAAO,EAAE,oBAAoB;SAC9B,CAAC,CAAC;IACL,CAAC,EAAE,GAAG,CAAC,CAAC;IAER,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC;IAExC,OAAO,CACL,KAAC,QAAQ,IACP,GAAG,EAAE,QAAQ,EAEb,KAAK,EAAE,KAAK,IAAI,EAAE,EAClB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAC,2CAA2C,EACrD,IAAI,EAAE,EAAE,EACR,QAAQ,EAAE,CAAC,CAAyC,EAAE,EAAE;YACtD,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;YACzB,sBAAsB,CAAC,CAAC,CAAC,MAAM,CAAC,KAAe,CAAC,CAAC;YACjD,gCAAgC;QAClC,CAAC,EACD,QAAQ,EAAE,QAAQ,IAVb,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/ReactQuill.d.ts

@@ -0,0 +1,125 @@
+import React from "react";
+import Quill, { type EmitterSource, type Range as RangeStatic, QuillOptions as QuillOptionsStatic } from "quill";
+import type DeltaStatic from "quill-delta";
+declare namespace ReactQuill {
+    type Value = string | DeltaStatic;
+    type Range = RangeStatic | null;
+    interface QuillOptions extends QuillOptionsStatic {
+        scrollingContainer?: HTMLElement | string | undefined;
+        strict?: boolean | undefined;
+        tabIndex?: number;
+    }
+    interface ReactQuillProps {
+        bounds?: string | HTMLElement;
+        children?: React.ReactElement<any>;
+        className?: string;
+        defaultValue?: Value;
+        formats?: string[];
+        id?: string;
+        modules?: QuillOptions["modules"];
+        onChange?(value: string, delta: DeltaStatic, source: EmitterSource, editor: UnprivilegedEditor): void;
+        onChangeSelection?(selection: Range, source: EmitterSource, editor: UnprivilegedEditor): void;
+        onFocus?(selection: Range, source: EmitterSource, editor: UnprivilegedEditor): void;
+        onBlur?(previousSelection: Range, source: EmitterSource, editor: UnprivilegedEditor): void;
+        onKeyDown?: React.EventHandler<any>;
+        onKeyPress?: React.EventHandler<any>;
+        onKeyUp?: React.EventHandler<any>;
+        placeholder?: string;
+        preserveWhitespace?: boolean;
+        readOnly?: boolean;
+        scrollingContainer?: string | HTMLElement;
+        style?: React.CSSProperties;
+        tabIndex?: number;
+        theme?: string;
+        value?: Value;
+    }
+    interface UnprivilegedEditor {
+        getLength: Quill["getLength"];
+        getText: Quill["getText"];
+        getHTML: Quill["getSemanticHTML"];
+        getBounds: Quill["getBounds"];
+        getSelection: Quill["getSelection"];
+        getContents: Quill["getContents"];
+    }
+}
+import Value = ReactQuill.Value;
+import Range = ReactQuill.Range;
+import QuillOptions = ReactQuill.QuillOptions;
+import ReactQuillProps = ReactQuill.ReactQuillProps;
+import UnprivilegedEditor = ReactQuill.UnprivilegedEditor;
+interface ReactQuillState {
+    generation: number;
+}
+export declare class ReactQuill extends React.Component<ReactQuillProps, ReactQuillState> {
+    static displayName: string;
+    static Quill: typeof Quill;
+    dirtyProps: (keyof ReactQuillProps)[];
+    cleanProps: (keyof ReactQuillProps)[];
+    static defaultProps: {
+        theme: string;
+        modules: {};
+        readOnly: boolean;
+    };
+    state: ReactQuillState;
+    editor?: Quill;
+    editingArea?: React.ReactInstance | null;
+    value: Value;
+    selection: Range;
+    lastDeltaChangeSet?: DeltaStatic;
+    regenerationSnapshot?: {
+        delta: DeltaStatic;
+        selection: Range;
+    };
+    unprivilegedEditor?: UnprivilegedEditor;
+    private editingAreaRef;
+    constructor(props: ReactQuillProps);
+    validateProps(props: ReactQuillProps): void;
+    shouldComponentUpdate(nextProps: ReactQuillProps, nextState: ReactQuillState): boolean;
+    shouldComponentRegenerate(nextProps: ReactQuillProps): boolean;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    componentDidUpdate(prevProps: ReactQuillProps, prevState: ReactQuillState): void;
+    instantiateEditor(): void;
+    destroyEditor(): void;
+    isControlled(): boolean;
+    getEditorConfig(): QuillOptions;
+    getEditor(): Quill;
+    /**
+    Creates an editor on the given element. The editor will be passed the
+    configuration, have its events bound,
+    */
+    createEditor(element: HTMLElement, config: QuillOptions): Quill;
+    hookEditor(editor: Quill): void;
+    unhookEditor(editor: Quill): void;
+    getEditorContents(): Value;
+    getEditorSelection(): Range;
+    isDelta(value: any): boolean;
+    isEqualValue(value: any, nextValue: any): boolean;
+    setEditorContents(editor: Quill, value: Value): void;
+    setEditorSelection(editor: Quill, range: Range): void;
+    setEditorTabIndex(editor: Quill, tabIndex: number): void;
+    setEditorReadOnly(editor: Quill, value: boolean): void;
+    makeUnprivilegedEditor(editor: Quill): {
+        getHTML: () => string;
+        getLength: () => number;
+        getText: {
+            (range?: RangeStatic): string;
+            (index?: number, length?: number): string;
+        };
+        getContents: (index?: number, length?: number) => DeltaStatic;
+        getSelection: {
+            (focus: true): RangeStatic;
+            (focus?: boolean): RangeStatic | null;
+        };
+        getBounds: (index: number | RangeStatic, length?: number) => import("quill").Bounds | null;
+    };
+    getEditingArea(): HTMLElement;
+    renderEditingArea(): React.ReactNode;
+    render(): import("react/jsx-runtime").JSX.Element;
+    onEditorChange: (eventName: "text-change" | "selection-change", rangeOrDelta: Range | DeltaStatic, source: EmitterSource) => void;
+    onEditorChangeText(value: string, delta: DeltaStatic, source: EmitterSource, editor: UnprivilegedEditor): void;
+    onEditorChangeSelection(nextSelection: RangeStatic, source: EmitterSource, editor: UnprivilegedEditor): void;
+    focus(): void;
+    blur(): void;
+}
+export {};