@byline/richtext-lexical 4.11.1 → 4.11.2
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.
- package/dist/field/extensions/inline-image/inline-image-node-component.js +2 -2
- package/dist/field/extensions/layout/layout-extension.d.ts +1 -1
- package/dist/field/plugins/table-plugin/index.d.ts +1 -1
- package/package.json +28 -28
- package/src/field/extensions/inline-image/inline-image-node-component.tsx +7 -3
- package/src/field/extensions/layout/layout-extension.tsx +3 -1
- package/src/field/plugins/table-plugin/index.tsx +1 -1
|
@@ -79,11 +79,11 @@ function InlineImageComponent({ relation, src, position, altText, width, height,
|
|
|
79
79
|
if (isSelected && $isNodeSelection(latestSelection) && 1 === latestSelection.getNodes().length) {
|
|
80
80
|
if (showCaption) {
|
|
81
81
|
$setSelection(null);
|
|
82
|
-
event
|
|
82
|
+
event?.preventDefault();
|
|
83
83
|
caption.focus();
|
|
84
84
|
return true;
|
|
85
85
|
} else if (null !== buttonElem && buttonElem !== document.activeElement) {
|
|
86
|
-
event
|
|
86
|
+
event?.preventDefault();
|
|
87
87
|
buttonElem.focus();
|
|
88
88
|
return true;
|
|
89
89
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import type { LexicalCommand, NodeKey } from 'lexical';
|
|
3
|
-
export declare const OPEN_INSERT_LAYOUT_MODAL_COMMAND: LexicalCommand<
|
|
3
|
+
export declare const OPEN_INSERT_LAYOUT_MODAL_COMMAND: LexicalCommand<null>;
|
|
4
4
|
export declare const INSERT_LAYOUT_COMMAND: LexicalCommand<string>;
|
|
5
5
|
export declare const UPDATE_LAYOUT_COMMAND: LexicalCommand<{
|
|
6
6
|
template: string;
|
package/package.json
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
"private": false,
|
|
4
4
|
"type": "module",
|
|
5
5
|
"license": "MPL-2.0",
|
|
6
|
-
"version": "4.11.
|
|
6
|
+
"version": "4.11.2",
|
|
7
7
|
"engines": {
|
|
8
8
|
"node": ">=20.9.0"
|
|
9
9
|
},
|
|
@@ -56,47 +56,47 @@
|
|
|
56
56
|
}
|
|
57
57
|
},
|
|
58
58
|
"dependencies": {
|
|
59
|
-
"@lexical/code": "0.
|
|
60
|
-
"@lexical/extension": "0.
|
|
61
|
-
"@lexical/headless": "0.
|
|
62
|
-
"@lexical/link": "0.
|
|
63
|
-
"@lexical/list": "0.
|
|
64
|
-
"@lexical/mark": "0.
|
|
65
|
-
"@lexical/markdown": "0.
|
|
66
|
-
"@lexical/overflow": "0.
|
|
67
|
-
"@lexical/react": "0.
|
|
68
|
-
"@lexical/rich-text": "0.
|
|
69
|
-
"@lexical/selection": "0.
|
|
70
|
-
"@lexical/table": "0.
|
|
71
|
-
"@lexical/utils": "0.
|
|
59
|
+
"@lexical/code": "0.49.0",
|
|
60
|
+
"@lexical/extension": "0.49.0",
|
|
61
|
+
"@lexical/headless": "0.49.0",
|
|
62
|
+
"@lexical/link": "0.49.0",
|
|
63
|
+
"@lexical/list": "0.49.0",
|
|
64
|
+
"@lexical/mark": "0.49.0",
|
|
65
|
+
"@lexical/markdown": "0.49.0",
|
|
66
|
+
"@lexical/overflow": "0.49.0",
|
|
67
|
+
"@lexical/react": "0.49.0",
|
|
68
|
+
"@lexical/rich-text": "0.49.0",
|
|
69
|
+
"@lexical/selection": "0.49.0",
|
|
70
|
+
"@lexical/table": "0.49.0",
|
|
71
|
+
"@lexical/utils": "0.49.0",
|
|
72
72
|
"clsx": "^2.1.1",
|
|
73
|
-
"lexical": "0.
|
|
73
|
+
"lexical": "0.49.0",
|
|
74
74
|
"react-error-boundary": "^6.1.2",
|
|
75
|
-
"@byline/admin": "4.11.
|
|
76
|
-
"@byline/client": "4.11.
|
|
77
|
-
"@byline/
|
|
78
|
-
"@byline/
|
|
75
|
+
"@byline/admin": "4.11.2",
|
|
76
|
+
"@byline/client": "4.11.2",
|
|
77
|
+
"@byline/core": "4.11.2",
|
|
78
|
+
"@byline/ui": "4.11.2"
|
|
79
79
|
},
|
|
80
80
|
"peerDependencies": {
|
|
81
81
|
"react": "^19.0.0",
|
|
82
82
|
"react-dom": "^19.0.0"
|
|
83
83
|
},
|
|
84
84
|
"devDependencies": {
|
|
85
|
-
"@biomejs/biome": "2.5.
|
|
85
|
+
"@biomejs/biome": "2.5.6",
|
|
86
86
|
"@rsbuild/plugin-react": "^2.1.0",
|
|
87
87
|
"@rslib/core": "^0.23.2",
|
|
88
|
-
"@types/node": "^26.1.
|
|
89
|
-
"@types/react": "19.2.
|
|
90
|
-
"@types/react-dom": "19.2.
|
|
91
|
-
"@vitejs/plugin-react": "^6.0.
|
|
92
|
-
"lightningcss": "^1.
|
|
88
|
+
"@types/node": "^26.1.2",
|
|
89
|
+
"@types/react": "19.2.18",
|
|
90
|
+
"@types/react-dom": "19.2.4",
|
|
91
|
+
"@vitejs/plugin-react": "^6.0.5",
|
|
92
|
+
"lightningcss": "^1.33.0",
|
|
93
93
|
"npm-run-all": "^4.1.5",
|
|
94
|
-
"react": "^19.2.
|
|
95
|
-
"react-dom": "^19.2.
|
|
94
|
+
"react": "^19.2.8",
|
|
95
|
+
"react-dom": "^19.2.8",
|
|
96
96
|
"rimraf": "^6.1.3",
|
|
97
97
|
"typescript": "^7.0.2",
|
|
98
98
|
"typescript-plugin-css-modules": "^5.2.0",
|
|
99
|
-
"vite": "^8.
|
|
99
|
+
"vite": "^8.2.0",
|
|
100
100
|
"vitest": "^4.1.10"
|
|
101
101
|
},
|
|
102
102
|
"publishConfig": {
|
|
@@ -158,7 +158,11 @@ export default function InlineImageComponent({
|
|
|
158
158
|
)
|
|
159
159
|
|
|
160
160
|
const onEnter = useCallback(
|
|
161
|
-
|
|
161
|
+
// KEY_ENTER_COMMAND carries `KeyboardEvent | null` — Lexical synthesises an
|
|
162
|
+
// Enter with a null event when an IME composition ends in a newline, and
|
|
163
|
+
// that path reaches node selections too. There is nothing to preventDefault
|
|
164
|
+
// in that case, but the focus move still applies.
|
|
165
|
+
(event: KeyboardEvent | null) => {
|
|
162
166
|
const latestSelection = $getSelection()
|
|
163
167
|
const buttonElem = buttonRef.current
|
|
164
168
|
if (
|
|
@@ -169,11 +173,11 @@ export default function InlineImageComponent({
|
|
|
169
173
|
if (showCaption) {
|
|
170
174
|
// Move focus into nested editor
|
|
171
175
|
$setSelection(null)
|
|
172
|
-
event
|
|
176
|
+
event?.preventDefault()
|
|
173
177
|
caption.focus()
|
|
174
178
|
return true
|
|
175
179
|
} else if (buttonElem !== null && buttonElem !== document.activeElement) {
|
|
176
|
-
event
|
|
180
|
+
event?.preventDefault()
|
|
177
181
|
buttonElem.focus()
|
|
178
182
|
return true
|
|
179
183
|
}
|
|
@@ -39,7 +39,9 @@ import {
|
|
|
39
39
|
} from './layout-container-node'
|
|
40
40
|
import { $createLayoutItemNode, $isLayoutItemNode, LayoutItemNode } from './layout-item-node'
|
|
41
41
|
|
|
42
|
-
export const OPEN_INSERT_LAYOUT_MODAL_COMMAND = createCommand(
|
|
42
|
+
export const OPEN_INSERT_LAYOUT_MODAL_COMMAND = createCommand<null>(
|
|
43
|
+
'OPEN_INSERT_LAYOUT_MODAL_COMMAND'
|
|
44
|
+
)
|
|
43
45
|
|
|
44
46
|
export const INSERT_LAYOUT_COMMAND: LexicalCommand<string> = createCommand<string>()
|
|
45
47
|
|
|
@@ -8,7 +8,7 @@ import { COMMAND_PRIORITY_NORMAL, createCommand } from 'lexical'
|
|
|
8
8
|
|
|
9
9
|
import { TableModal } from './table-modal'
|
|
10
10
|
|
|
11
|
-
export const OPEN_TABLE_MODAL_COMMAND = createCommand('OPEN_TABLE_MODAL_COMMAND')
|
|
11
|
+
export const OPEN_TABLE_MODAL_COMMAND = createCommand<null>('OPEN_TABLE_MODAL_COMMAND')
|
|
12
12
|
|
|
13
13
|
export function TablePlugin(): React.JSX.Element {
|
|
14
14
|
const [editor] = useLexicalComposerContext()
|