@parhelia/core 0.1.10745

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,7 @@
+import { RichTextField } from "./richtext/types";
+export declare function RichTextEditor({ field, readOnly, updateFieldValue, isFocusedField, }: {
+    field: RichTextField;
+    readOnly?: boolean;
+    updateFieldValue?: (value: string) => void;
+    isFocusedField: boolean;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,21 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import dynamic from "next/dynamic";
+import { getRichTextProfile } from "../services/contentService";
+import { useRichTextProfileParsed } from "./richtext/hooks/useRichTextProfile";
+const RichTextEditorComponent = dynamic(() => import("./RichTextEditorComponent").then((dnd) => dnd.RichTextEditorComponent), { ssr: false });
+export function RichTextEditor({ field, readOnly, updateFieldValue, isFocusedField, }) {
+    const profilePath = field.customProperties?.profile;
+    // Use the simplified profile hook - this provides service-level caching of parsed profiles
+    const { profile, loading, error } = useRichTextProfileParsed(profilePath, getRichTextProfile);
+    // Show loading state while profile is being fetched
+    if (loading) {
+        return (_jsx("div", { style: { padding: "8px", color: "#666" }, children: "Loading editor profile..." }));
+    }
+    // Show error state if profile failed to load
+    if (error) {
+        return (_jsxs("div", { style: { padding: "8px", color: "#d32f2f" }, children: ["Error loading RTE profile from ", profilePath, ": ", error.message] }));
+    }
+    return (_jsx(RichTextEditorComponent, { field: field, readOnly: readOnly, profile: profile, updateFieldValue: updateFieldValue, showControls: isFocusedField }));
+}
+//# 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;AAEnC,OAAO,EAAiB,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAC/E,OAAO,EAAE,wBAAwB,EAAE,MAAM,qCAAqC,CAAC;AAE/E,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,EACR,gBAAgB,EAChB,cAAc,GAMf;IACC,MAAM,WAAW,GAAG,KAAK,CAAC,gBAAgB,EAAE,OAAO,CAAC;IAEpD,2FAA2F;IAC3F,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,wBAAwB,CAC1D,WAAW,EACX,kBAAkB,CACnB,CAAC;IAEF,oDAAoD;IACpD,IAAI,OAAO,EAAE,CAAC;QACZ,OAAO,CACL,cAAK,KAAK,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,0CAEvC,CACP,CAAC;IACJ,CAAC;IAED,6CAA6C;IAC7C,IAAI,KAAK,EAAE,CAAC;QACV,OAAO,CACL,eAAK,KAAK,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,gDACd,WAAW,QAAI,KAAK,CAAC,OAAO,IACxD,CACP,CAAC;IACJ,CAAC;IAED,OAAO,CACL,KAAC,uBAAuB,IACtB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,gBAAgB,EAAE,gBAAgB,EAClC,YAAY,EAAE,cAAc,GAC5B,CACH,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,8 @@
+import { RichTextField, RichTextEditorProfile } from "./richtext/types";
+export declare function RichTextEditorComponent({ field, readOnly, profile, updateFieldValue, showControls, }: {
+    field: RichTextField;
+    readOnly?: boolean;
+    profile: RichTextEditorProfile | null;
+    updateFieldValue?: (value: string) => void;
+    showControls: boolean;
+}): import("react/jsx-runtime").JSX.Element | null;

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

@@ -0,0 +1,74 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEditContextRef } from "../client/editContext";
+import { useFieldModification } from "../client/fieldModificationStore";
+import { useThrottledCallback } from "use-debounce";
+import { useEffect, useRef, useState } from "react";
+import { ReactSlate } from "./richtext";
+// Minimal fallback profile for when profile is null or undefined
+const FALLBACK_PROFILE = {
+    toolbar: {
+        groups: [
+            {
+                id: "basic-formatting",
+                label: "Basic Formatting",
+                display: "buttons",
+                showIconsOnly: true,
+                options: [],
+            },
+        ],
+    },
+};
+export function RichTextEditorComponent({ field, readOnly, profile, updateFieldValue, showControls, }) {
+    const editContextRef = useEditContextRef();
+    const [focused, setFocused] = useState(false);
+    const [value, setValue] = useState(field.value);
+    const editorRef = useRef(null);
+    if (!editContextRef.current)
+        return null;
+    const fieldItem = field.descriptor.item;
+    if (!fieldItem)
+        return null;
+    // Field-specific subscription - only rerenders when THIS field changes
+    const { modifiedField } = useFieldModification(field.id, fieldItem.id, fieldItem.language, fieldItem.version);
+    useEffect(() => {
+        // Only update if the editor is not currently being edited by the user
+        const isEditorActive = focused && editorRef.current?.contains(document.activeElement);
+        const newValue = field.isHistoric
+            ? field.value
+            : (modifiedField?.value ?? field.value);
+        if (!isEditorActive && newValue !== value) {
+            setValue(newValue);
+        }
+    }, [field.value, field.isHistoric, modifiedField?.value, focused, value]);
+    const debouncedSetFieldvalue = useThrottledCallback((value) => {
+        if (updateFieldValue) {
+            // Use the updateFieldValue prop when provided (WYSIWYG mode)
+            updateFieldValue(value);
+        }
+        else {
+            // Use direct field editing when updateFieldValue is not provided (Editor mode)
+            editContextRef.current?.operations.editField({
+                field: field.descriptor,
+                value: value,
+                refresh: "none",
+            });
+        }
+    }, editContextRef.current?.configuration.debounceFieldEditsInterval);
+    const handleChange = (newValue) => {
+        // Skip empty content patterns for both paragraph and no-tag blocks
+        if ((newValue === "<p><br></p>" || newValue === "<br>" || newValue === "") &&
+            !field.value)
+            return;
+        if (newValue !== value && !readOnly) {
+            setValue(newValue);
+            debouncedSetFieldvalue(newValue);
+        }
+    };
+    // Use the profile directly or fall back to the minimal profile
+    const editorProfile = profile ?? FALLBACK_PROFILE;
+    // const editorProfile = getDebugProfile(); // Debug profile with all options
+    //console.log(editorProfile);
+    return (_jsx("div", { ref: editorRef, children: _jsx(ReactSlate, { value: value, onChange: handleChange, onFocus: () => setFocused(true), onBlur: () => setFocused(false), readOnly: readOnly, profile: editorProfile, showControls: showControls }) }));
+}
+//# 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":"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"}

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

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

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

@@ -0,0 +1,113 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Input } from "../../components/ui/input";
+import { useEditContext, useEditContextRef, useFieldsEditContextRef, } from "../client/editContext";
+import { useFieldModification } from "../client/fieldModificationStore";
+import { useEffect, useRef, useState } from "react";
+import { RefreshCw } from "lucide-react";
+export function SingleLineText({ field, readOnly, updateFieldValue, tabIndex, }) {
+    const editContextRef = useEditContextRef();
+    const editContext = useEditContext();
+    const fieldsContextRef = useFieldsEditContextRef();
+    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);
+    // Field-specific subscription - only rerenders when THIS field changes
+    const { modifiedField } = useFieldModification(field.id, fieldItem.id, fieldItem.language, fieldItem.version);
+    useEffect(() => {
+        if (inputRef.current !== document.activeElement) {
+            if (field.isHistoric)
+                setValue(field.value);
+            else {
+                setValue(modifiedField?.value ?? field.value);
+            }
+        }
+    }, [field.value, field.isHistoric, modifiedField?.value]);
+    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 = {
+            itemId: fieldItem.id,
+            fieldId: field.id,
+            startOffset: target.selectionStart || 0,
+            endOffset: target.selectionEnd || 0,
+            text: target.value.slice(target.selectionStart || 0, target.selectionEnd || 0),
+        };
+        if (range.text !== editContext?.selectedRange?.text ||
+            (range.text && range.fieldId !== editContext?.selectedRange?.fieldId) ||
+            range.itemId !== editContext?.selectedRange?.itemId) {
+            editContextRef.current?.setSelectedRange(range);
+        }
+    };
+    useEffect(() => {
+        const focusedField = fieldsContextRef.current?.focusedField;
+        if (focusedField?.fieldId === field.id &&
+            focusedField?.item.id === fieldItem.id &&
+            focusedField?.item.language === fieldItem.language &&
+            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`,
+    //   };
+    // };
+    useEffect(() => {
+        setTimeout(() => {
+            const focusedField = fieldsContextRef.current?.focusedField;
+            if (!fieldsContextRef.current?.inlineEditingFieldElement &&
+                focusedField?.fieldId === field.id &&
+                focusedField?.item.id === fieldItem.id &&
+                focusedField?.item.language === fieldItem.language &&
+                focusedField?.item.version === fieldItem.version) {
+                // Only focus if no other element currently has focus (e.g., popover buttons)
+                if (inputRef.current &&
+                    (!document.activeElement || document.activeElement === document.body)) {
+                    inputRef.current.focus();
+                }
+            }
+        }, 500);
+    }, [fieldsContextRef.current?.focusedField]);
+    const customSource = field?.customProperties?.source;
+    const isManualRefreshEnabled = typeof customSource === "string" && customSource.includes("manual-refresh");
+    return (_jsxs("div", { className: "relative", children: [_jsx(Input, { ref: inputRef, value: value || "", disabled: readOnly, className: "focus-shadow bg-gray-5 w-full p-1.5 pr-7 text-xs", onChange: handleChange, onSelect: handleSelect, tabIndex: tabIndex }, fieldItem.id + field.id + fieldItem.language + fieldItem.version), isManualRefreshEnabled && (_jsx("button", { type: "button", title: "Re-render", className: "absolute top-1/2 right-1 -translate-y-1/2 rounded p-1 text-gray-600 hover:text-gray-900", onClick: () => editContext?.requestRefresh("immediate"), children: _jsx(RefreshCw, { className: "h-4 w-4", strokeWidth: 1 }) }))] }));
+}
+//# sourceMappingURL=SingleLineText.js.map