Function HeaderBlock

packages/blocks/src/HeaderBlock.tsx:16–186

({ blockId } : Props)

}

export function HeaderBlock({ blockId } : Props) {
    const { getTextInputProps, isFocused, getValue, getSelection } = useTextInput(blockId); // Maybe in the future we can pass a ref to use useImperativeHandle
    const {
        blocks,
        turnBlockInto,
        insertBlock,
        updateBlock,
        updateBlockV2,
        removeBlock
    } = useBlocksContext();
    const { inputRefs, textBasedBlocks } = useTextBlocksContext();
    const placeholder = "Header 1";

    const handleSubmitEditing = () => {
        const value = getValue();
        const selection = getSelection();

        if (value.length === 0) {
            inputRefs.current["ghostInput"]?.current.focus();
            // This timeout prevents the keyboard flicker
            setTimeout(() => {
                turnBlockInto(blockId, "text"); // Maybe this type should be thee defaultBlockType (?)

                requestAnimationFrame(() => {
                    inputRefs.current[blockId]?.current.focus(); // Maybe the "ghostTextInput" hack should be done inside this function.
                });
            }, 0);
            return;
        }

        if (selection.start === 0 && selection.end === 0) {
            const newBlock = createBlock({
                type: "text",
                properties: {
                    title: ""
                },
                parent: blocks[blockId].parent,
                content: []
            });

            insertBlock(newBlock, {
                nextBlockId: blockId
            });
            return;
        }

        if (selection.start === value.length && selection.end === value.length) {
            const newBlock = createBlock({
                type: "text",
                properties: {
                    title: ""
                },
                parent: blocks[blockId].parent,
                content: []
            });

            insertBlock(newBlock, {
                prevBlockId: blockId