@alpaca-editor/core 1.0.0 → 1.0.3

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

@@ -0,0 +1,31 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { InputTextarea } from "primereact/inputtextarea";
+import { useEditContext } from "../client/editContext";
+import { useEffect, useRef, useState } from "react";
+import { useDebouncedCallback } from "use-debounce";
+export function RawEditor({ field, readOnly, }) {
+    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(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);
+            debouncedSetFieldvalue(e.target.value);
+            // field.value = e.target.value;
+        } }, 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,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,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,GAIT;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,aAAa,IACZ,GAAG,EAAE,QAAQ,EAEb,KAAK,EAAE,KAAK,IAAI,EAAE,EAClB,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,sBAAsB,CAAC,CAAC,CAAC,MAAM,CAAC,KAAe,CAAC,CAAC;YACjD,gCAAgC;QAClC,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/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 {};

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

@@ -0,0 +1,385 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/*
+React-Quill
+https://github.com/zenoamaro/react-quill
+*/
+import React from "react";
+import isEqual from "lodash/isEqual";
+import Quill from "quill";
+export class ReactQuill extends React.Component {
+    static displayName = "React Quill";
+    /*
+    Export Quill to be able to call `register`
+    */
+    static Quill = Quill;
+    /*
+    Changing one of these props should cause a full re-render and a
+    re-instantiation of the Quill editor.
+    */
+    dirtyProps = [
+        "modules",
+        "formats",
+        "bounds",
+        "theme",
+        "children",
+    ];
+    /*
+    Changing one of these props should cause a regular update. These are mostly
+    props that act on the container, rather than the quillized editing area.
+    */
+    cleanProps = [
+        "id",
+        "className",
+        "style",
+        "placeholder",
+        "tabIndex",
+        "onChange",
+        "onChangeSelection",
+        "onFocus",
+        "onBlur",
+        "onKeyPress",
+        "onKeyDown",
+        "onKeyUp",
+    ];
+    static defaultProps = {
+        theme: "snow",
+        modules: {},
+        readOnly: false,
+    };
+    state = {
+        generation: 0,
+    };
+    /*
+    The Quill Editor instance.
+    */
+    editor;
+    /*
+    Reference to the element holding the Quill editing area.
+    */
+    editingArea;
+    /*
+    Tracks the internal value of the Quill editor
+    */
+    value;
+    /*
+    Tracks the internal selection of the Quill editor
+    */
+    selection = null;
+    /*
+    Used to compare whether deltas from `onChange` are being used as `value`.
+    */
+    lastDeltaChangeSet;
+    /*
+    Stores the contents of the editor to be restored after regeneration.
+    */
+    regenerationSnapshot;
+    /*
+    A weaker, unprivileged proxy for the editor that does not allow accidentally
+    modifying editor state.
+    */
+    unprivilegedEditor;
+    editingAreaRef = React.createRef();
+    constructor(props) {
+        super(props);
+        const value = this.isControlled() ? props.value : props.defaultValue;
+        this.value = value ?? "";
+    }
+    validateProps(props) {
+        if (React.Children.count(props.children) > 1)
+            throw new Error("The Quill editing area can only be composed of a single React element.");
+        if (React.Children.count(props.children)) {
+            const child = React.Children.only(props.children);
+            if (child?.type === "textarea")
+                throw new Error("Quill does not support editing on a <textarea>. Use a <div> instead.");
+        }
+        if (this.lastDeltaChangeSet && props.value === this.lastDeltaChangeSet)
+            throw new Error("You are passing the `delta` object from the `onChange` event back " +
+                "as `value`. You most probably want `editor.getContents()` instead. " +
+                "See: https://github.com/zenoamaro/react-quill#using-deltas");
+    }
+    shouldComponentUpdate(nextProps, nextState) {
+        this.validateProps(nextProps);
+        // If the editor hasn't been instantiated yet, or the component has been
+        // regenerated, we already know we should update.
+        if (!this.editor || this.state.generation !== nextState.generation) {
+            return true;
+        }
+        // Handle value changes in-place
+        if ("value" in nextProps) {
+            const prevContents = this.getEditorContents();
+            const nextContents = nextProps.value ?? "";
+            // NOTE: Seeing that Quill is missing a way to prevent edits, we have to
+            //       settle for a hybrid between controlled and uncontrolled mode. We
+            //       can't prevent the change, but we'll still override content
+            //       whenever `value` differs from current state.
+            // NOTE: Comparing an HTML string and a Quill Delta will always trigger a
+            //       change, regardless of whether they represent the same document.
+            if (!this.isEqualValue(nextContents, prevContents)) {
+                this.setEditorContents(this.editor, nextContents);
+            }
+        }
+        // Handle read-only changes in-place
+        if (nextProps.readOnly !== this.props.readOnly) {
+            this.setEditorReadOnly(this.editor, nextProps.readOnly);
+        }
+        // Clean and Dirty props require a render
+        return [...this.cleanProps, ...this.dirtyProps].some((prop) => {
+            return !isEqual(nextProps[prop], this.props[prop]);
+        });
+    }
+    shouldComponentRegenerate(nextProps) {
+        // Whenever a `dirtyProp` changes, the editor needs reinstantiation.
+        return this.dirtyProps.some((prop) => {
+            return !isEqual(nextProps[prop], this.props[prop]);
+        });
+    }
+    componentDidMount() {
+        this.instantiateEditor();
+        this.setEditorContents(this.editor, this.getEditorContents());
+    }
+    componentWillUnmount() {
+        this.destroyEditor();
+    }
+    componentDidUpdate(prevProps, prevState) {
+        // If we're changing one of the `dirtyProps`, the entire Quill Editor needs
+        // to be re-instantiated. Regenerating the editor will cause the whole tree,
+        // including the container, to be cleaned up and re-rendered from scratch.
+        // Store the contents so they can be restored later.
+        if (this.editor && this.shouldComponentRegenerate(prevProps)) {
+            const delta = this.editor.getContents();
+            const selection = this.editor.getSelection();
+            this.regenerationSnapshot = { delta, selection };
+            this.setState({ generation: this.state.generation + 1 });
+            this.destroyEditor();
+        }
+        // The component has been regenerated, so it must be re-instantiated, and
+        // its content must be restored to the previous values from the snapshot.
+        if (this.state.generation !== prevState.generation) {
+            const { delta, selection } = this.regenerationSnapshot;
+            delete this.regenerationSnapshot;
+            this.instantiateEditor();
+            const editor = this.editor;
+            editor.setContents(delta);
+            postpone(() => this.setEditorSelection(editor, selection));
+        }
+    }
+    instantiateEditor() {
+        if (this.editor) {
+            this.hookEditor(this.editor);
+        }
+        else {
+            this.editor = this.createEditor(this.getEditingArea(), this.getEditorConfig());
+        }
+    }
+    destroyEditor() {
+        if (!this.editor)
+            return;
+        this.unhookEditor(this.editor);
+    }
+    /*
+    We consider the component to be controlled if `value` is being sent in props.
+    */
+    isControlled() {
+        return "value" in this.props;
+    }
+    getEditorConfig() {
+        return {
+            bounds: this.props.bounds,
+            formats: this.props.formats,
+            modules: this.props.modules,
+            placeholder: this.props.placeholder,
+            readOnly: this.props.readOnly,
+            scrollingContainer: this.props.scrollingContainer,
+            tabIndex: this.props.tabIndex,
+            theme: this.props.theme,
+        };
+    }
+    getEditor() {
+        if (!this.editor)
+            throw new Error("Accessing non-instantiated editor");
+        return this.editor;
+    }
+    /**
+    Creates an editor on the given element. The editor will be passed the
+    configuration, have its events bound,
+    */
+    createEditor(element, config) {
+        const editor = new Quill(element, config);
+        if (config.tabIndex != null) {
+            this.setEditorTabIndex(editor, config.tabIndex);
+        }
+        this.hookEditor(editor);
+        return editor;
+    }
+    hookEditor(editor) {
+        // Expose the editor on change events via a weaker, unprivileged proxy
+        // object that does not allow accidentally modifying editor state.
+        this.unprivilegedEditor = this.makeUnprivilegedEditor(editor);
+        // Using `editor-change` allows picking up silent updates, like selection
+        // changes on typing.
+        editor.on("editor-change", this.onEditorChange);
+    }
+    unhookEditor(editor) {
+        editor.off("editor-change", this.onEditorChange);
+    }
+    getEditorContents() {
+        return this.value;
+    }
+    getEditorSelection() {
+        return this.selection;
+    }
+    /*
+    True if the value is a Delta instance or a Delta look-alike.
+    */
+    isDelta(value) {
+        return value && value.ops;
+    }
+    /*
+    Special comparison function that knows how to compare Deltas.
+    */
+    isEqualValue(value, nextValue) {
+        if (this.isDelta(value) && this.isDelta(nextValue)) {
+            return isEqual(value.ops, nextValue.ops);
+        }
+        else {
+            return isEqual(value, nextValue);
+        }
+    }
+    /*
+    Replace the contents of the editor, but keep the previous selection hanging
+    around so that the cursor won't move.
+    */
+    setEditorContents(editor, value) {
+        this.value = value;
+        //const sel = this.getEditorSelection();
+        if (typeof value === "string") {
+            editor.setContents(editor.clipboard.convert({ html: value }));
+        }
+        else {
+            editor.setContents(value);
+        }
+        // THIS STEALS FOCUS!
+        //  postpone(() => this.setEditorSelection(editor, sel));
+    }
+    setEditorSelection(editor, range) {
+        this.selection = range;
+        if (range) {
+            // Validate bounds before applying.
+            const length = editor.getLength();
+            range.index = Math.max(0, Math.min(range.index, length - 1));
+            range.length = Math.max(0, Math.min(range.length, length - 1 - range.index));
+            editor.setSelection(range);
+        }
+    }
+    setEditorTabIndex(editor, tabIndex) {
+        if (editor?.scroll?.domNode) {
+            editor.scroll.domNode.tabIndex = tabIndex;
+        }
+    }
+    setEditorReadOnly(editor, value) {
+        if (value) {
+            editor.disable();
+        }
+        else {
+            editor.enable();
+        }
+    }
+    /*
+    Returns a weaker, unprivileged proxy object that only exposes read-only
+    accessors found on the editor instance, without any state-modifying methods.
+    */
+    makeUnprivilegedEditor(editor) {
+        const e = editor;
+        return {
+            getHTML: () => e.root.innerHTML,
+            getLength: e.getLength.bind(e),
+            getText: e.getText.bind(e),
+            getContents: e.getContents.bind(e),
+            getSelection: e.getSelection.bind(e),
+            getBounds: e.getBounds.bind(e),
+        };
+    }
+    getEditingArea() {
+        if (!this.editingAreaRef.current) {
+            throw new Error("Editing area is not available");
+        }
+        return this.editingAreaRef.current;
+    }
+    /*
+    Renders an editor area, unless it has been provided one to clone.
+    */
+    renderEditingArea() {
+        const { children, preserveWhitespace } = this.props;
+        const { generation } = this.state;
+        if (React.Children.count(children)) {
+            return React.cloneElement(React.Children.only(children), {
+                ref: this.editingAreaRef,
+            });
+        }
+        return preserveWhitespace ? (_jsx("pre", { ref: this.editingAreaRef }, generation)) : (_jsx("div", { ref: this.editingAreaRef }, generation));
+    }
+    render() {
+        return (_jsx("div", { id: this.props.id, style: this.props.style, className: `quill ${this.props.className ?? ""}`, onKeyPress: this.props.onKeyPress, onKeyDownCapture: this.props.onKeyDown, onKeyUp: this.props.onKeyUp, children: this.renderEditingArea() }, this.state.generation));
+    }
+    onEditorChange = (eventName, rangeOrDelta, 
+    //oldRangeOrDelta: Range | DeltaStatic,
+    source) => {
+        if (eventName === "text-change") {
+            this.onEditorChangeText?.(this.editor.root.innerHTML, rangeOrDelta, source, this.unprivilegedEditor);
+        }
+        else if (eventName === "selection-change") {
+            this.onEditorChangeSelection?.(rangeOrDelta, source, this.unprivilegedEditor);
+        }
+    };
+    onEditorChangeText(value, delta, source, editor) {
+        if (!this.editor)
+            return;
+        // We keep storing the same type of value as what the user gives us,
+        // so that value comparisons will be more stable and predictable.
+        const nextContents = this.isDelta(this.value)
+            ? editor.getContents()
+            : editor.getHTML();
+        if (nextContents !== this.getEditorContents()) {
+            // Taint this `delta` object, so we can recognize whether the user
+            // is trying to send it back as `value`, preventing a likely loop.
+            this.lastDeltaChangeSet = delta;
+            this.value = nextContents;
+            this.props.onChange?.(value, delta, source, editor);
+        }
+    }
+    onEditorChangeSelection(nextSelection, source, editor) {
+        if (!this.editor)
+            return;
+        const currentSelection = this.getEditorSelection();
+        const hasGainedFocus = !currentSelection && nextSelection;
+        const hasLostFocus = currentSelection && !nextSelection;
+        if (isEqual(nextSelection, currentSelection))
+            return;
+        this.selection = nextSelection;
+        this.props.onChangeSelection?.(nextSelection, source, editor);
+        if (hasGainedFocus) {
+            this.props.onFocus?.(nextSelection, source, editor);
+        }
+        else if (hasLostFocus) {
+            this.props.onBlur?.(currentSelection, source, editor);
+        }
+    }
+    focus() {
+        if (!this.editor)
+            return;
+        this.editor.focus();
+    }
+    blur() {
+        if (!this.editor)
+            return;
+        this.selection = null;
+        this.editor.blur();
+    }
+}
+/*
+Small helper to execute a function in the next micro-tick.
+*/
+function postpone(fn) {
+    Promise.resolve().then(fn);
+}
+//# sourceMappingURL=ReactQuill.js.map

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

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

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

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

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

@@ -0,0 +1,8 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import dynamic from "next/dynamic";
+const RichTextEditorComponent = dynamic(() => import("./RichTextEditorComponent").then((dnd) => dnd.RichTextEditorComponent), { ssr: false });
+export function RichTextEditor({ field, readOnly, }) {
+    return _jsx(RichTextEditorComponent, { field: field, readOnly: readOnly });
+}
+//# sourceMappingURL=RichTextEditor.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RichTextEditor.js","sourceRoot":"","sources":["../../../src/editor/field-types/RichTextEditor.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,OAAO,MAAM,cAAc,CAAC;AAGnC,MAAM,uBAAuB,GAAG,OAAO,CACrC,GAAG,EAAE,CACH,MAAM,CAAC,2BAA2B,CAAC,CAAC,IAAI,CACtC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,uBAAuB,CACrC,EACH,EAAE,GAAG,EAAE,KAAK,EAAE,CACf,CAAC;AAEF,MAAM,UAAU,cAAc,CAAC,EAC7B,KAAK,EACL,QAAQ,GAIT;IACC,OAAO,KAAC,uBAAuB,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,GAAI,CAAC;AACvE,CAAC"}

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

@@ -0,0 +1,6 @@
+import "react-quill-new/dist/quill.snow.css";
+import { Field } from "../pageModel";
+export declare function RichTextEditorComponent({ field, readOnly, }: {
+    field: Field;
+    readOnly?: boolean;
+}): import("react/jsx-runtime").JSX.Element | undefined;

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

@@ -0,0 +1,70 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEditContextRef, useModifiedFieldsContext, } from "../client/editContext";
+import { useThrottledCallback } from "use-debounce";
+import { useEffect, useRef, useState } from "react";
+import { ReactQuill } from "./ReactQuill";
+import "react-quill-new/dist/quill.snow.css";
+import { classNames } from "primereact/utils";
+export function RichTextEditorComponent({ field, readOnly, }) {
+    const editContextRef = useEditContextRef();
+    const modifiedFieldsContext = useModifiedFieldsContext();
+    const state = useRef({ focus: false });
+    const inputRef = useRef(null);
+    if (!editContextRef.current)
+        return;
+    const [value, setValue] = useState(field.value);
+    const fieldItem = field.descriptor.item;
+    if (!fieldItem)
+        return;
+    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 (!state.current.focus ||
+            !document.activeElement?.classList.contains("ql-editor")) {
+            if (field.isHistoric)
+                setValue(field.value);
+            else
+                setValue(modifiedField?.value ?? field.value);
+        }
+    }, [field.value, modifiedFieldsContext?.modifiedFields]);
+    const debouncedSetFieldvalue = useThrottledCallback((value) => {
+        editContextRef.current?.operations.editField({
+            field: field.descriptor,
+            value: value,
+            refresh: "none",
+        });
+    }, editContextRef.current?.configuration.debounceFieldEditsInterval);
+    const handleChange = (newValue) => {
+        if (newValue === "<p><br></p>" && !field.value)
+            return;
+        if (newValue !== value && state.current.focus && !readOnly) {
+            setValue(newValue);
+            debouncedSetFieldvalue(newValue);
+        }
+    };
+    return (
+    // Primereact 10.6.6: - Editor takes focus on value change
+    // <Editor
+    //   className="focus-shadow"
+    //   key={fieldItem.id + field.id + fieldItem.language + fieldItem.version}
+    //   disabled={readOnly}
+    //   value={value}
+    //   style={{ width: "100%" }}
+    //   // onTextChange={(e) => {
+    //   //   const val = e.htmlValue ?? "";
+    //   //   setValue(val);
+    //   //   debouncedSetFieldvalue(val);
+    //   // }}
+    // />
+    _jsx("div", { className: classNames(readOnly ? "bg-gray-100" : "bg-white", "focus-shadow"), children: _jsx(ReactQuill, { ref: inputRef, theme: "snow", value: value, onChange: handleChange, onFocus: () => {
+                setTimeout(() => {
+                    state.current.focus = true;
+                }, 101);
+            }, onBlur: () => {
+                state.current.focus = false;
+            }, readOnly: readOnly }) }));
+}
+//# sourceMappingURL=RichTextEditorComponent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RichTextEditorComponent.js","sourceRoot":"","sources":["../../../src/editor/field-types/RichTextEditorComponent.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EACL,iBAAiB,EACjB,wBAAwB,GACzB,MAAM,uBAAuB,CAAC;AAE/B,OAAO,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEpD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,qCAAqC,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAG9C,MAAM,UAAU,uBAAuB,CAAC,EACtC,KAAK,EACL,QAAQ,GAIT;IACC,MAAM,cAAc,GAAG,iBAAiB,EAAE,CAAC;IAC3C,MAAM,qBAAqB,GAAG,wBAAwB,EAAE,CAAC;IAEzD,MAAM,KAAK,GAAG,MAAM,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC;IACvC,MAAM,QAAQ,GAAG,MAAM,CAAa,IAAI,CAAC,CAAC;IAE1C,IAAI,CAAC,cAAc,CAAC,OAAO;QAAE,OAAO;IAEpC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,KAAe,CAAC,CAAC;IAC1D,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC;IAExC,IAAI,CAAC,SAAS;QAAE,OAAO;IAEvB,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,IACE,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK;YACpB,CAAC,QAAQ,CAAC,aAAa,EAAE,SAAS,CAAC,QAAQ,CAAC,WAAW,CAAC,EACxD,CAAC;YACD,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,MAAM,sBAAsB,GAAG,oBAAoB,CAAC,CAAC,KAAK,EAAE,EAAE;QAC5D,cAAc,CAAC,OAAO,EAAE,UAAU,CAAC,SAAS,CAAC;YAC3C,KAAK,EAAE,KAAK,CAAC,UAAU;YACvB,KAAK,EAAE,KAAK;YACZ,OAAO,EAAE,MAAM;SAChB,CAAC,CAAC;IACL,CAAC,EAAE,cAAc,CAAC,OAAO,EAAE,aAAa,CAAC,0BAA0B,CAAC,CAAC;IAErE,MAAM,YAAY,GAAG,CAAC,QAAgB,EAAE,EAAE;QACxC,IAAI,QAAQ,KAAK,aAAa,IAAI,CAAC,KAAK,CAAC,KAAK;YAAE,OAAO;QACvD,IAAI,QAAQ,KAAK,KAAK,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC,QAAQ,EAAE,CAAC;YAC3D,QAAQ,CAAC,QAAQ,CAAC,CAAC;YACnB,sBAAsB,CAAC,QAAQ,CAAC,CAAC;QACnC,CAAC;IACH,CAAC,CAAC;IAEF,OAAO;IACL,0DAA0D;IAE1D,UAAU;IACV,6BAA6B;IAC7B,2EAA2E;IAC3E,wBAAwB;IACxB,kBAAkB;IAClB,8BAA8B;IAC9B,8BAA8B;IAC9B,wCAAwC;IACxC,wBAAwB;IACxB,sCAAsC;IACtC,UAAU;IACV,KAAK;IACL,cACE,SAAS,EAAE,UAAU,CACnB,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,UAAU,EACrC,cAAc,CACf,YAED,KAAC,UAAU,IACT,GAAG,EAAE,QAAQ,EACb,KAAK,EAAC,MAAM,EACZ,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,GAAG,EAAE;gBACZ,UAAU,CAAC,GAAG,EAAE;oBACd,KAAK,CAAC,OAAO,CAAC,KAAK,GAAG,IAAI,CAAC;gBAC7B,CAAC,EAAE,GAAG,CAAC,CAAC;YACV,CAAC,EACD,MAAM,EAAE,GAAG,EAAE;gBACX,KAAK,CAAC,OAAO,CAAC,KAAK,GAAG,KAAK,CAAC;YAC9B,CAAC,EACD,QAAQ,EAAE,QAAQ,GAClB,GACE,CACP,CAAC;AACJ,CAAC"}