[lexical-table] Feature: TableCellNode add verticalAlign attribute

[liuweiGL]

Description

TableCellNode adds the verticalAlign attribute so that users can control the vertical alignment of the table

Test plan

Before

Insert relevant screenshots/recordings/automated-tests

After

default.mp4

Insert relevant screenshots/recordings/automated-tests

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
lexical	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jan 27, 2025 5:38am
lexical-playground	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jan 27, 2025 5:38am

[github-actions]

size-limit report 📦

Path	Size
lexical - cjs	29.07 KB (0%)
lexical - esm	28.86 KB (0%)
@lexical/rich-text - cjs	38.04 KB (0%)
@lexical/rich-text - esm	30.92 KB (0%)
@lexical/plain-text - cjs	36.55 KB (0%)
@lexical/plain-text - esm	28.22 KB (0%)
@lexical/react - cjs	39.85 KB (0%)
@lexical/react - esm	32.36 KB (+0.27% 🔺)

[ivailop7]

Thank you for this PR. I think it's almost there. In order to keep the node representation in the editorState compact and the HTML output smaller, I think the default for the verticalAlign should be 'undefined' since it's 'top' by default and it should only have a value if middle or bottom and nothing if 'top'. This way, you also won't have to modify the table tests and you can add a new table test specifically testing this new feature.