@lexical/react 0.23.1 → 0.23.2-nightly.20250113.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -37,16 +37,14 @@ function BlockWithAlignableContents({
37
37
  const deleteSelection = lexical.$getSelection();
38
38
  if (isSelected && lexical.$isNodeSelection(deleteSelection)) {
39
39
  event.preventDefault();
40
- editor.update(() => {
41
- deleteSelection.getNodes().forEach(node => {
42
- if (lexical.$isDecoratorNode(node)) {
43
- node.remove();
44
- }
45
- });
40
+ deleteSelection.getNodes().forEach(node => {
41
+ if (lexical.$isDecoratorNode(node)) {
42
+ node.remove();
43
+ }
46
44
  });
47
45
  }
48
46
  return false;
49
- }, [editor, isSelected]);
47
+ }, [isSelected]);
50
48
  react.useEffect(() => {
51
49
  return utils.mergeRegister(editor.registerCommand(lexical.FORMAT_ELEMENT_COMMAND, formatType => {
52
50
  if (isSelected) {
@@ -35,16 +35,14 @@ function BlockWithAlignableContents({
35
35
  const deleteSelection = $getSelection();
36
36
  if (isSelected && $isNodeSelection(deleteSelection)) {
37
37
  event.preventDefault();
38
- editor.update(() => {
39
- deleteSelection.getNodes().forEach(node => {
40
- if ($isDecoratorNode(node)) {
41
- node.remove();
42
- }
43
- });
38
+ deleteSelection.getNodes().forEach(node => {
39
+ if ($isDecoratorNode(node)) {
40
+ node.remove();
41
+ }
44
42
  });
45
43
  }
46
44
  return false;
47
- }, [editor, isSelected]);
45
+ }, [isSelected]);
48
46
  useEffect(() => {
49
47
  return mergeRegister(editor.registerCommand(FORMAT_ELEMENT_COMMAND, formatType => {
50
48
  if (isSelected) {
@@ -7,6 +7,6 @@
7
7
  */
8
8
 
9
9
  'use strict';var a=require("@lexical/react/LexicalComposerContext"),g=require("@lexical/react/LexicalDecoratorBlockNode"),l=require("@lexical/react/useLexicalNodeSelection"),m=require("@lexical/utils"),u=require("lexical"),v=require("react"),w=require("react/jsx-runtime");
10
- exports.BlockWithAlignableContents=function({children:x,format:n,nodeKey:h,className:p}){let [e]=a.useLexicalComposerContext(),[f,q,r]=l.useLexicalNodeSelection(h),t=v.useRef(null),k=v.useCallback(b=>{const d=u.$getSelection();f&&u.$isNodeSelection(d)&&(b.preventDefault(),e.update(()=>{d.getNodes().forEach(c=>{u.$isDecoratorNode(c)&&c.remove()})}));return!1},[e,f]);v.useEffect(()=>m.mergeRegister(e.registerCommand(u.FORMAT_ELEMENT_COMMAND,b=>{if(f){var d=u.$getSelection();if(u.$isNodeSelection(d)){var c=
11
- u.$getNodeByKey(h);g.$isDecoratorBlockNode(c)&&c.setFormat(b)}else if(u.$isRangeSelection(d)){d=d.getNodes();for(c of d)g.$isDecoratorBlockNode(c)?c.setFormat(b):m.$getNearestBlockElementAncestorOrThrow(c).setFormat(b)}return!0}return!1},u.COMMAND_PRIORITY_LOW),e.registerCommand(u.CLICK_COMMAND,b=>b.target===t.current?(b.preventDefault(),b.shiftKey||r(),q(!f),!0):!1,u.COMMAND_PRIORITY_LOW),e.registerCommand(u.KEY_DELETE_COMMAND,k,u.COMMAND_PRIORITY_LOW),e.registerCommand(u.KEY_BACKSPACE_COMMAND,k,
12
- u.COMMAND_PRIORITY_LOW)),[r,e,f,h,k,q]);return w.jsx("div",{className:[p.base,f?p.focus:null].filter(Boolean).join(" "),ref:t,style:{textAlign:n?n:void 0},children:x})}
10
+ exports.BlockWithAlignableContents=function({children:x,format:n,nodeKey:h,className:p}){let [f]=a.useLexicalComposerContext(),[e,q,r]=l.useLexicalNodeSelection(h),t=v.useRef(null),k=v.useCallback(b=>{const d=u.$getSelection();e&&u.$isNodeSelection(d)&&(b.preventDefault(),d.getNodes().forEach(c=>{u.$isDecoratorNode(c)&&c.remove()}));return!1},[e]);v.useEffect(()=>m.mergeRegister(f.registerCommand(u.FORMAT_ELEMENT_COMMAND,b=>{if(e){var d=u.$getSelection();if(u.$isNodeSelection(d)){var c=u.$getNodeByKey(h);
11
+ g.$isDecoratorBlockNode(c)&&c.setFormat(b)}else if(u.$isRangeSelection(d)){d=d.getNodes();for(c of d)g.$isDecoratorBlockNode(c)?c.setFormat(b):m.$getNearestBlockElementAncestorOrThrow(c).setFormat(b)}return!0}return!1},u.COMMAND_PRIORITY_LOW),f.registerCommand(u.CLICK_COMMAND,b=>b.target===t.current?(b.preventDefault(),b.shiftKey||r(),q(!e),!0):!1,u.COMMAND_PRIORITY_LOW),f.registerCommand(u.KEY_DELETE_COMMAND,k,u.COMMAND_PRIORITY_LOW),f.registerCommand(u.KEY_BACKSPACE_COMMAND,k,u.COMMAND_PRIORITY_LOW)),
12
+ [r,f,e,h,k,q]);return w.jsx("div",{className:[p.base,e?p.focus:null].filter(Boolean).join(" "),ref:t,style:{textAlign:n?n:void 0},children:x})}
@@ -6,4 +6,4 @@
6
6
  *
7
7
  */
8
8
 
9
- import{useLexicalComposerContext as e}from"@lexical/react/LexicalComposerContext";import{$isDecoratorBlockNode as r}from"@lexical/react/LexicalDecoratorBlockNode";import{useLexicalNodeSelection as t}from"@lexical/react/useLexicalNodeSelection";import{mergeRegister as o,$getNearestBlockElementAncestorOrThrow as i}from"@lexical/utils";import{$getSelection as a,$isNodeSelection as l,$isDecoratorNode as m,FORMAT_ELEMENT_COMMAND as c,$getNodeByKey as n,$isRangeSelection as s,COMMAND_PRIORITY_LOW as f,CLICK_COMMAND as u,KEY_DELETE_COMMAND as d,KEY_BACKSPACE_COMMAND as p}from"lexical";import{useRef as x,useCallback as g,useEffect as C}from"react";import{jsx as N}from"react/jsx-runtime";function v({children:v,format:h,nodeKey:y,className:D}){const[F]=e(),[L,j,B]=t(y),K=x(null),b=g((e=>{const r=a();return L&&l(r)&&(e.preventDefault(),F.update((()=>{r.getNodes().forEach((e=>{m(e)&&e.remove()}))}))),!1}),[F,L]);return C((()=>o(F.registerCommand(c,(e=>{if(L){const t=a();if(l(t)){const t=n(y);r(t)&&t.setFormat(e)}else if(s(t)){const o=t.getNodes();for(const t of o)if(r(t))t.setFormat(e);else{i(t).setFormat(e)}}return!0}return!1}),f),F.registerCommand(u,(e=>e.target===K.current&&(e.preventDefault(),e.shiftKey||B(),j(!L),!0)),f),F.registerCommand(d,b,f),F.registerCommand(p,b,f))),[B,F,L,y,b,j]),N("div",{className:[D.base,L?D.focus:null].filter(Boolean).join(" "),ref:K,style:{textAlign:h||void 0},children:v})}export{v as BlockWithAlignableContents};
9
+ import{useLexicalComposerContext as e}from"@lexical/react/LexicalComposerContext";import{$isDecoratorBlockNode as r}from"@lexical/react/LexicalDecoratorBlockNode";import{useLexicalNodeSelection as t}from"@lexical/react/useLexicalNodeSelection";import{mergeRegister as o,$getNearestBlockElementAncestorOrThrow as i}from"@lexical/utils";import{$getSelection as a,$isNodeSelection as l,$isDecoratorNode as m,FORMAT_ELEMENT_COMMAND as c,$getNodeByKey as n,$isRangeSelection as s,COMMAND_PRIORITY_LOW as f,CLICK_COMMAND as u,KEY_DELETE_COMMAND as d,KEY_BACKSPACE_COMMAND as x}from"lexical";import{useRef as p,useCallback as g,useEffect as C}from"react";import{jsx as N}from"react/jsx-runtime";function v({children:v,format:h,nodeKey:y,className:D}){const[F]=e(),[L,j,B]=t(y),K=p(null),b=g((e=>{const r=a();return L&&l(r)&&(e.preventDefault(),r.getNodes().forEach((e=>{m(e)&&e.remove()}))),!1}),[L]);return C((()=>o(F.registerCommand(c,(e=>{if(L){const t=a();if(l(t)){const t=n(y);r(t)&&t.setFormat(e)}else if(s(t)){const o=t.getNodes();for(const t of o)if(r(t))t.setFormat(e);else{i(t).setFormat(e)}}return!0}return!1}),f),F.registerCommand(u,(e=>e.target===K.current&&(e.preventDefault(),e.shiftKey||B(),j(!L),!0)),f),F.registerCommand(d,b,f),F.registerCommand(x,b,f))),[B,F,L,y,b,j]),N("div",{className:[D.base,L?D.focus:null].filter(Boolean).join(" "),ref:K,style:{textAlign:h||void 0},children:v})}export{v as BlockWithAlignableContents};
@@ -33,16 +33,14 @@ function HorizontalRuleComponent({
33
33
  const deleteSelection = lexical.$getSelection();
34
34
  if (isSelected && lexical.$isNodeSelection(deleteSelection)) {
35
35
  event.preventDefault();
36
- editor.update(() => {
37
- deleteSelection.getNodes().forEach(node => {
38
- if ($isHorizontalRuleNode(node)) {
39
- node.remove();
40
- }
41
- });
36
+ deleteSelection.getNodes().forEach(node => {
37
+ if ($isHorizontalRuleNode(node)) {
38
+ node.remove();
39
+ }
42
40
  });
43
41
  }
44
42
  return false;
45
- }, [editor, isSelected]);
43
+ }, [isSelected]);
46
44
  react.useEffect(() => {
47
45
  return utils.mergeRegister(editor.registerCommand(lexical.CLICK_COMMAND, event => {
48
46
  const hrElem = editor.getElementByKey(nodeKey);
@@ -31,16 +31,14 @@ function HorizontalRuleComponent({
31
31
  const deleteSelection = $getSelection();
32
32
  if (isSelected && $isNodeSelection(deleteSelection)) {
33
33
  event.preventDefault();
34
- editor.update(() => {
35
- deleteSelection.getNodes().forEach(node => {
36
- if ($isHorizontalRuleNode(node)) {
37
- node.remove();
38
- }
39
- });
34
+ deleteSelection.getNodes().forEach(node => {
35
+ if ($isHorizontalRuleNode(node)) {
36
+ node.remove();
37
+ }
40
38
  });
41
39
  }
42
40
  return false;
43
- }, [editor, isSelected]);
41
+ }, [isSelected]);
44
42
  useEffect(() => {
45
43
  return mergeRegister(editor.registerCommand(CLICK_COMMAND, event => {
46
44
  const hrElem = editor.getElementByKey(nodeKey);
@@ -6,8 +6,8 @@
6
6
  *
7
7
  */
8
8
 
9
- 'use strict';var c=require("@lexical/react/LexicalComposerContext"),f=require("@lexical/react/useLexicalNodeSelection"),h=require("@lexical/utils"),k=require("lexical"),m=require("react"),r=require("react/jsx-runtime");let t=k.createCommand("INSERT_HORIZONTAL_RULE_COMMAND");
10
- function u({nodeKey:a}){let [b]=c.useLexicalComposerContext(),[e,n,p]=f.useLexicalNodeSelection(a),l=m.useCallback(d=>{const g=k.$getSelection();e&&k.$isNodeSelection(g)&&(d.preventDefault(),b.update(()=>{g.getNodes().forEach(q=>{v(q)&&q.remove()})}));return!1},[b,e]);m.useEffect(()=>h.mergeRegister(b.registerCommand(k.CLICK_COMMAND,d=>{let g=b.getElementByKey(a);return d.target===g?(d.shiftKey||p(),n(!e),!0):!1},k.COMMAND_PRIORITY_LOW),b.registerCommand(k.KEY_DELETE_COMMAND,l,k.COMMAND_PRIORITY_LOW),
11
- b.registerCommand(k.KEY_BACKSPACE_COMMAND,l,k.COMMAND_PRIORITY_LOW)),[p,b,e,a,l,n]);m.useEffect(()=>{let d=b.getElementByKey(a);null!==d&&(e?h.addClassNamesToElement(d,"selected"):h.removeClassNamesFromElement(d,"selected"))},[b,e,a]);return null}
12
- class w extends k.DecoratorNode{static getType(){return"horizontalrule"}static clone(a){return new w(a.__key)}static importJSON(a){return x().updateFromJSON(a)}static importDOM(){return{hr:()=>({conversion:y,priority:0})}}exportDOM(){return{element:document.createElement("hr")}}createDOM(a){let b=document.createElement("hr");h.addClassNamesToElement(b,a.theme.hr);return b}getTextContent(){return"\n"}isInline(){return!1}updateDOM(){return!1}decorate(){return r.jsx(u,{nodeKey:this.__key})}}
9
+ 'use strict';var b=require("@lexical/react/LexicalComposerContext"),f=require("@lexical/react/useLexicalNodeSelection"),h=require("@lexical/utils"),k=require("lexical"),m=require("react"),r=require("react/jsx-runtime");let t=k.createCommand("INSERT_HORIZONTAL_RULE_COMMAND");
10
+ function u({nodeKey:a}){let [c]=b.useLexicalComposerContext(),[e,n,p]=f.useLexicalNodeSelection(a),l=m.useCallback(d=>{const g=k.$getSelection();e&&k.$isNodeSelection(g)&&(d.preventDefault(),g.getNodes().forEach(q=>{v(q)&&q.remove()}));return!1},[e]);m.useEffect(()=>h.mergeRegister(c.registerCommand(k.CLICK_COMMAND,d=>{let g=c.getElementByKey(a);return d.target===g?(d.shiftKey||p(),n(!e),!0):!1},k.COMMAND_PRIORITY_LOW),c.registerCommand(k.KEY_DELETE_COMMAND,l,k.COMMAND_PRIORITY_LOW),c.registerCommand(k.KEY_BACKSPACE_COMMAND,
11
+ l,k.COMMAND_PRIORITY_LOW)),[p,c,e,a,l,n]);m.useEffect(()=>{let d=c.getElementByKey(a);null!==d&&(e?h.addClassNamesToElement(d,"selected"):h.removeClassNamesFromElement(d,"selected"))},[c,e,a]);return null}
12
+ class w extends k.DecoratorNode{static getType(){return"horizontalrule"}static clone(a){return new w(a.__key)}static importJSON(a){return x().updateFromJSON(a)}static importDOM(){return{hr:()=>({conversion:y,priority:0})}}exportDOM(){return{element:document.createElement("hr")}}createDOM(a){let c=document.createElement("hr");h.addClassNamesToElement(c,a.theme.hr);return c}getTextContent(){return"\n"}isInline(){return!1}updateDOM(){return!1}decorate(){return r.jsx(u,{nodeKey:this.__key})}}
13
13
  function y(){return{node:x()}}function x(){return k.$applyNodeReplacement(new w)}function v(a){return a instanceof w}exports.$createHorizontalRuleNode=x;exports.$isHorizontalRuleNode=v;exports.HorizontalRuleNode=w;exports.INSERT_HORIZONTAL_RULE_COMMAND=t
@@ -6,4 +6,4 @@
6
6
  *
7
7
  */
8
8
 
9
- import{useLexicalComposerContext as e}from"@lexical/react/LexicalComposerContext";import{useLexicalNodeSelection as t}from"@lexical/react/useLexicalNodeSelection";import{addClassNamesToElement as r,mergeRegister as n,removeClassNamesFromElement as o}from"@lexical/utils";import{createCommand as c,DecoratorNode as i,$applyNodeReplacement as m,$getSelection as u,$isNodeSelection as a,CLICK_COMMAND as l,COMMAND_PRIORITY_LOW as s,KEY_DELETE_COMMAND as p,KEY_BACKSPACE_COMMAND as d}from"lexical";import{useCallback as f,useEffect as x}from"react";import{jsx as y}from"react/jsx-runtime";const g=c("INSERT_HORIZONTAL_RULE_COMMAND");function h({nodeKey:c}){const[i]=e(),[m,y,g]=t(c),h=f((e=>{const t=u();return m&&a(t)&&(e.preventDefault(),i.update((()=>{t.getNodes().forEach((e=>{N(e)&&e.remove()}))}))),!1}),[i,m]);return x((()=>n(i.registerCommand(l,(e=>{const t=i.getElementByKey(c);return e.target===t&&(e.shiftKey||g(),y(!m),!0)}),s),i.registerCommand(p,h,s),i.registerCommand(d,h,s))),[g,i,m,c,h,y]),x((()=>{const e=i.getElementByKey(c),t="selected";null!==e&&(m?r(e,t):o(e,t))}),[i,m,c]),null}class O extends i{static getType(){return"horizontalrule"}static clone(e){return new O(e.__key)}static importJSON(e){return E().updateFromJSON(e)}static importDOM(){return{hr:()=>({conversion:C,priority:0})}}exportDOM(){return{element:document.createElement("hr")}}createDOM(e){const t=document.createElement("hr");return r(t,e.theme.hr),t}getTextContent(){return"\n"}isInline(){return!1}updateDOM(){return!1}decorate(){return y(h,{nodeKey:this.__key})}}function C(){return{node:E()}}function E(){return m(new O)}function N(e){return e instanceof O}export{E as $createHorizontalRuleNode,N as $isHorizontalRuleNode,O as HorizontalRuleNode,g as INSERT_HORIZONTAL_RULE_COMMAND};
9
+ import{useLexicalComposerContext as e}from"@lexical/react/LexicalComposerContext";import{useLexicalNodeSelection as t}from"@lexical/react/useLexicalNodeSelection";import{addClassNamesToElement as r,mergeRegister as n,removeClassNamesFromElement as o}from"@lexical/utils";import{createCommand as c,DecoratorNode as i,$applyNodeReplacement as m,$getSelection as u,$isNodeSelection as a,CLICK_COMMAND as l,COMMAND_PRIORITY_LOW as s,KEY_DELETE_COMMAND as p,KEY_BACKSPACE_COMMAND as d}from"lexical";import{useCallback as f,useEffect as x}from"react";import{jsx as y}from"react/jsx-runtime";const g=c("INSERT_HORIZONTAL_RULE_COMMAND");function h({nodeKey:c}){const[i]=e(),[m,y,g]=t(c),h=f((e=>{const t=u();return m&&a(t)&&(e.preventDefault(),t.getNodes().forEach((e=>{N(e)&&e.remove()}))),!1}),[m]);return x((()=>n(i.registerCommand(l,(e=>{const t=i.getElementByKey(c);return e.target===t&&(e.shiftKey||g(),y(!m),!0)}),s),i.registerCommand(p,h,s),i.registerCommand(d,h,s))),[g,i,m,c,h,y]),x((()=>{const e=i.getElementByKey(c),t="selected";null!==e&&(m?r(e,t):o(e,t))}),[i,m,c]),null}class O extends i{static getType(){return"horizontalrule"}static clone(e){return new O(e.__key)}static importJSON(e){return E().updateFromJSON(e)}static importDOM(){return{hr:()=>({conversion:C,priority:0})}}exportDOM(){return{element:document.createElement("hr")}}createDOM(e){const t=document.createElement("hr");return r(t,e.theme.hr),t}getTextContent(){return"\n"}isInline(){return!1}updateDOM(){return!1}decorate(){return y(h,{nodeKey:this.__key})}}function C(){return{node:E()}}function E(){return m(new O)}function N(e){return e instanceof O}export{E as $createHorizontalRuleNode,N as $isHorizontalRuleNode,O as HorizontalRuleNode,g as INSERT_HORIZONTAL_RULE_COMMAND};
package/package.json CHANGED
@@ -8,27 +8,27 @@
8
8
  "rich-text"
9
9
  ],
10
10
  "license": "MIT",
11
- "version": "0.23.1",
11
+ "version": "0.23.2-nightly.20250113.0",
12
12
  "dependencies": {
13
- "@lexical/clipboard": "0.23.1",
14
- "@lexical/code": "0.23.1",
15
- "@lexical/devtools-core": "0.23.1",
16
- "@lexical/dragon": "0.23.1",
17
- "@lexical/hashtag": "0.23.1",
18
- "@lexical/history": "0.23.1",
19
- "@lexical/link": "0.23.1",
20
- "@lexical/list": "0.23.1",
21
- "@lexical/mark": "0.23.1",
22
- "@lexical/markdown": "0.23.1",
23
- "@lexical/overflow": "0.23.1",
24
- "@lexical/plain-text": "0.23.1",
25
- "@lexical/rich-text": "0.23.1",
26
- "@lexical/selection": "0.23.1",
27
- "@lexical/table": "0.23.1",
28
- "@lexical/text": "0.23.1",
29
- "@lexical/utils": "0.23.1",
30
- "@lexical/yjs": "0.23.1",
31
- "lexical": "0.23.1",
13
+ "@lexical/clipboard": "0.23.2-nightly.20250113.0",
14
+ "@lexical/code": "0.23.2-nightly.20250113.0",
15
+ "@lexical/devtools-core": "0.23.2-nightly.20250113.0",
16
+ "@lexical/dragon": "0.23.2-nightly.20250113.0",
17
+ "@lexical/hashtag": "0.23.2-nightly.20250113.0",
18
+ "@lexical/history": "0.23.2-nightly.20250113.0",
19
+ "@lexical/link": "0.23.2-nightly.20250113.0",
20
+ "@lexical/list": "0.23.2-nightly.20250113.0",
21
+ "@lexical/mark": "0.23.2-nightly.20250113.0",
22
+ "@lexical/markdown": "0.23.2-nightly.20250113.0",
23
+ "@lexical/overflow": "0.23.2-nightly.20250113.0",
24
+ "@lexical/plain-text": "0.23.2-nightly.20250113.0",
25
+ "@lexical/rich-text": "0.23.2-nightly.20250113.0",
26
+ "@lexical/selection": "0.23.2-nightly.20250113.0",
27
+ "@lexical/table": "0.23.2-nightly.20250113.0",
28
+ "@lexical/text": "0.23.2-nightly.20250113.0",
29
+ "@lexical/utils": "0.23.2-nightly.20250113.0",
30
+ "@lexical/yjs": "0.23.2-nightly.20250113.0",
31
+ "lexical": "0.23.2-nightly.20250113.0",
32
32
  "react-error-boundary": "^3.1.4"
33
33
  },
34
34
  "peerDependencies": {