react-fabric-canvas-designer/dist/UserFirendlyInput/Text.js

A React-based wrapper for Fabric.js to create interactive and customizable canvas-based designs. This library provides tools for drawing, editing, and managing objects on a canvas with React-friendly APIs.

import { jsx as _jsx } from "react/jsx-runtime";
import { useEffect, useState } from "react";
const InputText = ({ value, onChange }) => {
    const [text, setText] = useState(value);
    useEffect(() => {
        setText(value);
    }, [value]);
    return (_jsx("input", { type: "text", value: text, onBlur: () => onChange(text), onKeyDown: (e) => {
            if (e.key == "Enter") {
                e.currentTarget.blur();
            }
            if (e.key == "Escape") {
                setText(value);
            }
        }, onChange: (e) => setText(e.target.value) }));
};
export default InputText;