Bump @lexical/react from 0.11.2 to 0.28.0

[dependabot]

Bumps @lexical/react from 0.11.2 to 0.28.0.

Release notes

Sourced from @​lexical/react's releases.

v0.28.0

Ad-hoc minor release with important bug fixes and some enabling features. The most important fix is in #7341 - where under certain conditions nodes may not be updated in the DOM at all (this bug is rarely triggered and has been around for 3+ years).

Breaking Changes

NodeSelection default delete handler #7323

If you have any $onDelete handlers copied from the playground for KEY_DELETE_COMMAND and KEY_BACKSPACE_COMMAND, you can delete them all now. If you leave them in, it will have similar bugs as prior to this PR.

The default KEY_DELETE_COMMAND and KEY_BACKSPACE_COMMAND handlers now event.preventDefault() and call DELETE_CHARACTER_COMMAND for NodeSelection (in addition to the existing RangeSelection behavior).

The DELETE_CHARACTER_COMMAND handler now handles NodeSelection by calling the new NodeSelection.deleteNodes() method which places a new RangeSelection where the first selected node was (if any, and if it was the current selection) and then removes all of the selected nodes.

RootNode and ListItemNode splice #7341

This PR moves the incorrectly overridden append methods for RootNode and ListNode and moves it to the ElementNode's primitive splice method. For RootNode this means that the exception you'd get for appending a leaf node to the root will be thrown in all situations when that node is inserted, rather than just append. For ListNode this means that the automatic ListItemNode wrapping applies in all situations when children are inserted into the node, not just append.

$insertNodeToNearestRoot changes #7342

Previously $insertNodeToNearestRoot could create empty ElementNode when splitting the current node, now it respects canBeEmpty() and will not split in those cases (e.g. ListNode).

ListItemNode CSS #7325

The approach used in #7024 (since v0.26.0) to have a ListItemNode bullet inherit the style of the first text node was too broad, the inline style on the ListItemNode cascades to all of its children. The only way around this is to change the approach.

To retain this feature, you need to add CSS to your theme to specifically style the marker pseudo-element based on these new custom properties. Here's an example from the playground css:

.PlaygroundEditorTheme__listItem::marker {
  color: var(--listitem-marker-color);
  background-color: var(--listitem-marker-background-color);
  font-family: var(--listitem-marker-font-family);
  font-size: var(--listitem-marker-font-size);
}

TableCellNode importDOM #7318

The importDOM implementation for TableCellNode has been corrected to behave as other Lexical roots do with regard to converting <br> tags to LineBreakNode and wrapping runs of top-level inline nodes (including inline decorators) with ParagraphNode. If you have any specific workarounds accounting for the previous behavior, you can remove them. The one difference from other import paths is that a solitary <br> (e.g. <td><br></td>) is converted to an empty ParagraphNode rather than a ParagraphNode containing a LineBreakNode.

getDOMSlot #7336

If you're using the undocumented internal getDOMSlot API, you may need to change your types. There is now a type parameter for ElementDOMSlot so that the element property can be specialized.

Highlights

Core:

• 🆕 #7321 Add mutatedNodes to UpdateListener payload
• 🆕 #7323 Add a default delete handler for NodeSelection - this allowed a lot of boilerplate code to be deleted, and all of the existing implementations were subtly broken

... (truncated)

Changelog

Sourced from @​lexical/react's changelog.

v0.28.0 (2025-03-18)

• lexical-website Docs Fix broken links to React Rich Collab Example (#7347) Bob Ippolito
• lexical-playgroundlexical-react Feature Push Draggable Element to Parent (#7338) Stphane
• Breaking Changelexicallexical-utils Bug Fix Handle canBeEmpty in splitNodes (#7342) Bob Ippolito
• Breaking Changelexical-table Bug Fix Table cell line breaks behave differently from the intended HTML behavior. (#7318) SeungHwan-Lee
• Breaking Changelexical Bug Fix Fix bug in transformer loop that would cause nodes not to get reconciled (#7341) Bob Ippolito
• lexical-utils Feature Add type predicate to objectKlassEquals (#7340) wnhlee
• lexical-playground Table actions should clear selection instead of moving it to the beginning (#7337) Bob Ippolito
• Breaking Changelexicallexical-playground Feature Add a default delete handler for NodeSelection (#7323) Bob Ippolito
• Breaking Changelexical-list Bug Fix Move ListItemNode text style inheritance to custom properties and CSS (#7325) Bob Ippolito
• lexical Feature Add mutatedNodes to UpdateListener payload (#7321) Bob Ippolito
• Breaking Changelexicallexical-table Bug Fix Scrollable TableNode updateDOM fixes and getDOMSlot type refactoring (#7336) Bob Ippolito
• lexical-editorBug fix Add LexicalEditor.hasNode to flow typing to match typescript (#7320) Alex Zhang
• lexical-react Chore remove unused dependencies from lexicalreact (#7315) Alessio Gravili
• v0.27.2 (#7314) Bob Ippolito
• v0.27.2 Lexical GitHub Actions Bot

v0.27.2 (2025-03-11)

• lexical-table Bug Fix Fix unintended touch table cell selection when scrolling (#7309) Ibrahim El-bastawisi
• lexical-playground Bug Fix row height resizing for merged cells (#7305) Kiran Dash
• lexical-table Add table cell selection handler for touch devices (#7297) Ibrahim El-bastawisi
• lexical-playground Feature Add touch support for TableCellResizer (#7299) Ibrahim El-bastawisi
• lexical-yjs Bug Fix prevent collab element nodes from removing other nodes from node map (#7295) James Fitzsimmons
• lexical-website Bug Fix Fix vite.config.ts for gallery examples (#7290) Bob Ippolito
• v0.27.1 (#7288) Bob Ippolito
• v0.27.1 Lexical GitHub Actions Bot

v0.27.1 (2025-03-04)

• CI Feature Add a fixer for the no-imports-from-self lint (#7284) Bob Ippolito
• lexical-table Bug Fix Click and drag table selection in Firefox (#7283) Bob Ippolito
• lexical-listlexical Bug Fix Add RTL direction support for list items in output HTML (#7282) Kiran Dash
• v0.27.0 (#7281) Bob Ippolito
• v0.27.0 Lexical GitHub Actions Bot

v0.27.0 (2025-03-03)

• lexical-playgroundlexical-react Feature add HR theme config for selected state (#7279) Rob Hannay
• lexical-utils Bug Fix dont include parents siblings when starting dfs at last child (#7275) James Fitzsimmons
• chore add no-imports-from-self eslint rule to monorepo (#7272) Alessio Gravili
• ci Chore Remove unused GITHUBTOKEN secrets from workflows (#7209) Bob Ippolito
• lexical-playground Bug Fix apply correct column headers when column contains vertically merged cells (#7273) Riley Langbein
• Chore Refactor sharedinvariant for easier dev debugging (#7269) Bob Ippolito
• Breaking Changeslexical Bug Fix Address deleteLine regression in #7248 (#7270) Bob Ippolito
• lexical Bug Fix invalid import from self (#7271) Alessio Gravili
• v0.26.0 (#7265) Bob Ippolito
• v0.26.0 Lexical GitHub Actions Bot

... (truncated)

Commits

• 943f03a v0.28.0
• 0c2875e [lexical-playground][lexical-react] Feature: Push Draggable Element to Parent...
• 2e1b5f5 [lexical-utils] Feature: Add type predicate to objectKlassEquals (#7340)
• 5bb4f75 [Breaking Change][lexical][lexical-playground] Feature: Add a default delete ...
• b94a167 [lexical-react]: Chore: remove unused dependencies from @​lexical/react (#7315)
• 8972e39 v0.27.2 (#7314)
• 7931e11 v0.27.1 (#7288)
• 4403db1 v0.27.0 (#7281)
• a7c4e51 [lexical-playground][lexical-react] Feature: add HR theme config for selected...
• 9c093bc v0.26.0 (#7265)
• Additional commits viewable in compare view

Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.

---

Dependabot commands and options

You can trigger Dependabot actions by commenting on this PR:

• @dependabot rebase will rebase this PR
• @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
• @dependabot merge will merge this PR after your CI passes on it
• @dependabot squash and merge will squash and merge this PR after your CI passes on it
• @dependabot cancel merge will cancel a previously requested merge and block automerging
• @dependabot reopen will reopen this PR if it is closed
• @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
• @dependabot show <dependency name> ignore conditions will show all of the ignore conditions of the specified dependency
• @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
• @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
• @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)

[changeset-bot]

⚠️ No Changeset found

Latest commit: 87d9afe

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

[dependabot]

Superseded by #4716.