@mdxeditor/editor 0.11.1 → 0.13.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.
- package/dist/MDXEditor.d.ts +8 -0
- package/dist/MDXEditor.js +13 -10
- package/dist/exportMarkdownFromLexical.d.ts +19 -0
- package/dist/gurx/react.d.ts +34 -6
- package/dist/gurx/realm.d.ts +18 -2
- package/dist/gurx/realmFactory.d.ts +23 -2
- package/dist/icons/rich_text.svg.js +2 -2
- package/dist/importMarkdownToLexical.d.ts +7 -0
- package/dist/plugins/codeblock/index.d.ts +23 -3
- package/dist/plugins/codemirror/index.d.ts +31 -3
- package/dist/plugins/core/NestedLexicalEditor.d.ts +1 -1
- package/dist/plugins/core/NestedLexicalEditor.js +4 -4
- package/dist/plugins/core/SharedHistoryPlugin.js +1 -1
- package/dist/plugins/core/index.d.ts +31 -3
- package/dist/plugins/core/index.js +11 -1
- package/dist/plugins/diff-source/index.d.ts +23 -3
- package/dist/plugins/directives/index.d.ts +23 -3
- package/dist/plugins/frontmatter/FrontmatterEditor.js +1 -2
- package/dist/plugins/frontmatter/index.d.ts +23 -3
- package/dist/plugins/headings/index.d.ts +5 -1
- package/dist/plugins/image/ImageEditor.js +2 -2
- package/dist/plugins/image/index.d.ts +23 -3
- package/dist/plugins/jsx/index.d.ts +22 -2
- package/dist/plugins/link/AutoLinkPlugin.d.ts +9 -0
- package/dist/plugins/link/AutoLinkPlugin.js +18 -0
- package/dist/plugins/link/index.d.ts +22 -4
- package/dist/plugins/link/index.js +16 -5
- package/dist/plugins/link-dialog/index.d.ts +19 -3
- package/dist/plugins/link-dialog/index.js +1 -0
- package/dist/plugins/lists/index.d.ts +23 -3
- package/dist/plugins/lists/index.js +2 -2
- package/dist/plugins/markdown-shortcut/index.d.ts +2 -0
- package/dist/plugins/markdown-shortcut/index.js +1 -1
- package/dist/plugins/quote/index.d.ts +17 -3
- package/dist/plugins/sandpack/index.d.ts +30 -2
- package/dist/plugins/table/TableEditor.js +5 -5
- package/dist/plugins/table/index.d.ts +23 -3
- package/dist/plugins/thematic-break/LexicalThematicBreakVisitor.d.ts +1 -1
- package/dist/plugins/thematic-break/LexicalThematicBreakVisitor.js +1 -1
- package/dist/plugins/thematic-break/MdastThematicBreakVisitor.js +1 -1
- package/dist/plugins/thematic-break/index.d.ts +23 -3
- package/dist/plugins/thematic-break/index.js +2 -2
- package/dist/plugins/toolbar/index.d.ts +18 -2
- package/dist/plugins/toolbar/primitives/select.js +1 -1
- package/dist/style.css +186 -164
- package/dist/styles/ui.module.css.js +90 -84
- package/package.json +1 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { RefObject,
|
|
1
|
+
import type { RefObject, ReactNode, ComponentType } from 'react';
|
|
2
2
|
import type { Options } from 'mdast-util-to-markdown';
|
|
3
3
|
import type { Config } from 'mdast-util-from-markdown/lib';
|
|
4
4
|
import type { Extension } from 'micromark-util-types';
|
|
@@ -43,6 +43,8 @@ export declare const listsSystem: SystemSpec<[SystemSpec<[], (r: Realm) => {
|
|
|
43
43
|
markdown: RealmNode<string>;
|
|
44
44
|
editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
|
|
45
45
|
contentEditableClassName: RealmNode<string>;
|
|
46
|
+
placeholder: RealmNode<ReactNode>;
|
|
47
|
+
autoFocus: RealmNode<boolean>;
|
|
46
48
|
composerChildren: RealmNode<ComponentType<{}>[]>;
|
|
47
49
|
addComposerChild: RealmNode<ComponentType<{}>>;
|
|
48
50
|
topAreaChildren: RealmNode<ComponentType<{}>[]>;
|
|
@@ -91,6 +93,8 @@ export declare const listsSystem: SystemSpec<[SystemSpec<[], (r: Realm) => {
|
|
|
91
93
|
markdown: RealmNode<string>;
|
|
92
94
|
editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
|
|
93
95
|
contentEditableClassName: RealmNode<string>;
|
|
96
|
+
placeholder: RealmNode<ReactNode>;
|
|
97
|
+
autoFocus: RealmNode<boolean>;
|
|
94
98
|
composerChildren: RealmNode<ComponentType<{}>[]>;
|
|
95
99
|
addComposerChild: RealmNode<ComponentType<{}>>;
|
|
96
100
|
topAreaChildren: RealmNode<ComponentType<{}>[]>;
|
|
@@ -145,6 +149,8 @@ listsPlugin: PluginConstructor<SystemSpec<[SystemSpec<[], (r: Realm) => {
|
|
|
145
149
|
markdown: RealmNode<string>;
|
|
146
150
|
editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
|
|
147
151
|
contentEditableClassName: RealmNode<string>;
|
|
152
|
+
placeholder: RealmNode<ReactNode>;
|
|
153
|
+
autoFocus: RealmNode<boolean>;
|
|
148
154
|
composerChildren: RealmNode<ComponentType<{}>[]>;
|
|
149
155
|
addComposerChild: RealmNode<ComponentType<{}>>;
|
|
150
156
|
topAreaChildren: RealmNode<ComponentType<{}>[]>;
|
|
@@ -193,6 +199,8 @@ listsPlugin: PluginConstructor<SystemSpec<[SystemSpec<[], (r: Realm) => {
|
|
|
193
199
|
markdown: RealmNode<string>;
|
|
194
200
|
editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
|
|
195
201
|
contentEditableClassName: RealmNode<string>;
|
|
202
|
+
placeholder: RealmNode<ReactNode>;
|
|
203
|
+
autoFocus: RealmNode<boolean>;
|
|
196
204
|
composerChildren: RealmNode<ComponentType<{}>[]>;
|
|
197
205
|
addComposerChild: RealmNode<ComponentType<{}>>;
|
|
198
206
|
topAreaChildren: RealmNode<ComponentType<{}>[]>;
|
|
@@ -250,6 +258,8 @@ listsPluginHooks: {
|
|
|
250
258
|
markdown: RealmNode<string>;
|
|
251
259
|
editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
|
|
252
260
|
contentEditableClassName: RealmNode<string>;
|
|
261
|
+
placeholder: RealmNode<ReactNode>;
|
|
262
|
+
autoFocus: RealmNode<boolean>;
|
|
253
263
|
composerChildren: RealmNode<ComponentType<{}>[]>;
|
|
254
264
|
addComposerChild: RealmNode<ComponentType<{}>>;
|
|
255
265
|
topAreaChildren: RealmNode<ComponentType<{}>[]>;
|
|
@@ -270,7 +280,7 @@ listsPluginHooks: {
|
|
|
270
280
|
convertSelectionToNode: RealmNode<() => ElementNode>;
|
|
271
281
|
insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
|
|
272
282
|
}>;
|
|
273
|
-
useEmitter: <K extends "jsxComponentDescriptors" | "jsxIsAvailable" | "toMarkdownOptions" | "toMarkdownExtensions" | "mdastExtensions" | "syntaxExtensions" | "markdown" | "activeEditor" | "inFocus" | "historyState" | "currentSelection" | "initialRootEditorState" | "rootEditor" | "createRootEditorSubscription" | "createActiveEditorSubscription" | "importVisitors" | "usedLexicalNodes" | "addImportVisitor" | "addLexicalNode" | "addSyntaxExtension" | "addMdastExtension" | "addToMarkdownExtension" | "addExportVisitor" | "exportVisitors" | "initialMarkdown" | "setMarkdown" | "editorRootElementRef" | "contentEditableClassName" | "composerChildren" | "addComposerChild" | "topAreaChildren" | "addTopAreaChild" | "nestedEditorChildren" | "addNestedEditorChild" | "editorWrappers" | "addEditorWrapper" | "currentFormat" | "editorInFocus" | "applyFormat" | "currentBlockType" | "applyBlockType" | "convertSelectionToNode" | "insertDecoratorNode" | "currentListType" | "applyListType">(key: K, callback: (value: ValueForKey<{
|
|
283
|
+
useEmitter: <K extends "jsxComponentDescriptors" | "jsxIsAvailable" | "toMarkdownOptions" | "toMarkdownExtensions" | "mdastExtensions" | "syntaxExtensions" | "markdown" | "activeEditor" | "inFocus" | "historyState" | "currentSelection" | "initialRootEditorState" | "rootEditor" | "createRootEditorSubscription" | "createActiveEditorSubscription" | "importVisitors" | "usedLexicalNodes" | "addImportVisitor" | "addLexicalNode" | "addSyntaxExtension" | "addMdastExtension" | "addToMarkdownExtension" | "addExportVisitor" | "exportVisitors" | "initialMarkdown" | "setMarkdown" | "editorRootElementRef" | "contentEditableClassName" | "placeholder" | "autoFocus" | "composerChildren" | "addComposerChild" | "topAreaChildren" | "addTopAreaChild" | "nestedEditorChildren" | "addNestedEditorChild" | "editorWrappers" | "addEditorWrapper" | "currentFormat" | "editorInFocus" | "applyFormat" | "currentBlockType" | "applyBlockType" | "convertSelectionToNode" | "insertDecoratorNode" | "currentListType" | "applyListType">(key: K, callback: (value: ValueForKey<{
|
|
274
284
|
currentListType: RealmNode<"" | ListType>;
|
|
275
285
|
applyListType: RealmNode<"" | ListType>;
|
|
276
286
|
} & {
|
|
@@ -302,6 +312,8 @@ listsPluginHooks: {
|
|
|
302
312
|
markdown: RealmNode<string>;
|
|
303
313
|
editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
|
|
304
314
|
contentEditableClassName: RealmNode<string>;
|
|
315
|
+
placeholder: RealmNode<ReactNode>;
|
|
316
|
+
autoFocus: RealmNode<boolean>;
|
|
305
317
|
composerChildren: RealmNode<ComponentType<{}>[]>;
|
|
306
318
|
addComposerChild: RealmNode<ComponentType<{}>>;
|
|
307
319
|
topAreaChildren: RealmNode<ComponentType<{}>[]>;
|
|
@@ -354,6 +366,8 @@ listsPluginHooks: {
|
|
|
354
366
|
markdown: RealmNode<string>;
|
|
355
367
|
editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
|
|
356
368
|
contentEditableClassName: RealmNode<string>;
|
|
369
|
+
placeholder: RealmNode<ReactNode>;
|
|
370
|
+
autoFocus: RealmNode<boolean>;
|
|
357
371
|
composerChildren: RealmNode<ComponentType<{}>[]>;
|
|
358
372
|
addComposerChild: RealmNode<ComponentType<{}>>;
|
|
359
373
|
topAreaChildren: RealmNode<ComponentType<{}>[]>;
|
|
@@ -405,6 +419,8 @@ listsPluginHooks: {
|
|
|
405
419
|
markdown: RealmNode<string>;
|
|
406
420
|
editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
|
|
407
421
|
contentEditableClassName: RealmNode<string>;
|
|
422
|
+
placeholder: RealmNode<ReactNode>;
|
|
423
|
+
autoFocus: RealmNode<boolean>;
|
|
408
424
|
composerChildren: RealmNode<ComponentType<{}>[]>;
|
|
409
425
|
addComposerChild: RealmNode<ComponentType<{}>>;
|
|
410
426
|
topAreaChildren: RealmNode<ComponentType<{}>[]>;
|
|
@@ -457,6 +473,8 @@ listsPluginHooks: {
|
|
|
457
473
|
markdown: RealmNode<string>;
|
|
458
474
|
editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
|
|
459
475
|
contentEditableClassName: RealmNode<string>;
|
|
476
|
+
placeholder: RealmNode<ReactNode>;
|
|
477
|
+
autoFocus: RealmNode<boolean>;
|
|
460
478
|
composerChildren: RealmNode<ComponentType<{}>[]>;
|
|
461
479
|
addComposerChild: RealmNode<ComponentType<{}>>;
|
|
462
480
|
topAreaChildren: RealmNode<ComponentType<{}>[]>;
|
|
@@ -477,7 +495,7 @@ listsPluginHooks: {
|
|
|
477
495
|
convertSelectionToNode: RealmNode<() => ElementNode>;
|
|
478
496
|
insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
|
|
479
497
|
}>) => void;
|
|
480
|
-
usePublisher: <K_2 extends "jsxComponentDescriptors" | "jsxIsAvailable" | "toMarkdownOptions" | "toMarkdownExtensions" | "mdastExtensions" | "syntaxExtensions" | "markdown" | "activeEditor" | "inFocus" | "historyState" | "currentSelection" | "initialRootEditorState" | "rootEditor" | "createRootEditorSubscription" | "createActiveEditorSubscription" | "importVisitors" | "usedLexicalNodes" | "addImportVisitor" | "addLexicalNode" | "addSyntaxExtension" | "addMdastExtension" | "addToMarkdownExtension" | "addExportVisitor" | "exportVisitors" | "initialMarkdown" | "setMarkdown" | "editorRootElementRef" | "contentEditableClassName" | "composerChildren" | "addComposerChild" | "topAreaChildren" | "addTopAreaChild" | "nestedEditorChildren" | "addNestedEditorChild" | "editorWrappers" | "addEditorWrapper" | "currentFormat" | "editorInFocus" | "applyFormat" | "currentBlockType" | "applyBlockType" | "convertSelectionToNode" | "insertDecoratorNode" | "currentListType" | "applyListType">(key: K_2) => (value: ValueForKey<{
|
|
498
|
+
usePublisher: <K_2 extends "jsxComponentDescriptors" | "jsxIsAvailable" | "toMarkdownOptions" | "toMarkdownExtensions" | "mdastExtensions" | "syntaxExtensions" | "markdown" | "activeEditor" | "inFocus" | "historyState" | "currentSelection" | "initialRootEditorState" | "rootEditor" | "createRootEditorSubscription" | "createActiveEditorSubscription" | "importVisitors" | "usedLexicalNodes" | "addImportVisitor" | "addLexicalNode" | "addSyntaxExtension" | "addMdastExtension" | "addToMarkdownExtension" | "addExportVisitor" | "exportVisitors" | "initialMarkdown" | "setMarkdown" | "editorRootElementRef" | "contentEditableClassName" | "placeholder" | "autoFocus" | "composerChildren" | "addComposerChild" | "topAreaChildren" | "addTopAreaChild" | "nestedEditorChildren" | "addNestedEditorChild" | "editorWrappers" | "addEditorWrapper" | "currentFormat" | "editorInFocus" | "applyFormat" | "currentBlockType" | "applyBlockType" | "convertSelectionToNode" | "insertDecoratorNode" | "currentListType" | "applyListType">(key: K_2) => (value: ValueForKey<{
|
|
481
499
|
currentListType: RealmNode<"" | ListType>;
|
|
482
500
|
applyListType: RealmNode<"" | ListType>;
|
|
483
501
|
} & {
|
|
@@ -509,6 +527,8 @@ listsPluginHooks: {
|
|
|
509
527
|
markdown: RealmNode<string>;
|
|
510
528
|
editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
|
|
511
529
|
contentEditableClassName: RealmNode<string>;
|
|
530
|
+
placeholder: RealmNode<ReactNode>;
|
|
531
|
+
autoFocus: RealmNode<boolean>;
|
|
512
532
|
composerChildren: RealmNode<ComponentType<{}>[]>;
|
|
513
533
|
addComposerChild: RealmNode<ComponentType<{}>>;
|
|
514
534
|
topAreaChildren: RealmNode<ComponentType<{}>[]>;
|
|
@@ -5,8 +5,8 @@ import { LexicalListVisitor } from "./LexicalListVisitor.js";
|
|
|
5
5
|
import { LexicalListItemVisitor } from "./LexicalListItemVisitor.js";
|
|
6
6
|
import { $isListNode, ListNode, INSERT_ORDERED_LIST_COMMAND, INSERT_UNORDERED_LIST_COMMAND, REMOVE_LIST_COMMAND, ListItemNode, $getListDepth, $isListItemNode } from "@lexical/list";
|
|
7
7
|
import { $isRootOrShadowRoot, INDENT_CONTENT_COMMAND, COMMAND_PRIORITY_CRITICAL, $getSelection, $isRangeSelection, $isElementNode } from "lexical";
|
|
8
|
-
import { TabIndentationPlugin } from "@lexical/react/LexicalTabIndentationPlugin";
|
|
9
|
-
import { ListPlugin } from "@lexical/react/LexicalListPlugin";
|
|
8
|
+
import { TabIndentationPlugin } from "@lexical/react/LexicalTabIndentationPlugin.js";
|
|
9
|
+
import { ListPlugin } from "@lexical/react/LexicalListPlugin.js";
|
|
10
10
|
import { $findMatchingParent, $getNearestNodeOfType } from "@lexical/utils";
|
|
11
11
|
import { system } from "../../gurx/realmFactory.js";
|
|
12
12
|
import { realmPlugin } from "../../gurx/react.js";
|
|
@@ -40,6 +40,8 @@ export declare const markdownShortcutPlugin: PluginConstructor<SystemSpec<[Syste
|
|
|
40
40
|
markdown: RealmNode<string>;
|
|
41
41
|
editorRootElementRef: RealmNode<React.RefObject<HTMLDivElement> | null>;
|
|
42
42
|
contentEditableClassName: RealmNode<string>;
|
|
43
|
+
placeholder: RealmNode<React.ReactNode>;
|
|
44
|
+
autoFocus: RealmNode<boolean>;
|
|
43
45
|
composerChildren: RealmNode<React.ComponentType<{}>[]>;
|
|
44
46
|
addComposerChild: RealmNode<React.ComponentType<{}>>;
|
|
45
47
|
topAreaChildren: RealmNode<React.ComponentType<{}>[]>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { CODE, TRANSFORMERS } from "@lexical/markdown";
|
|
2
|
-
import { MarkdownShortcutPlugin } from "@lexical/react/LexicalMarkdownShortcutPlugin";
|
|
2
|
+
import { MarkdownShortcutPlugin } from "@lexical/react/LexicalMarkdownShortcutPlugin.js";
|
|
3
3
|
import React__default from "react";
|
|
4
4
|
import { CodeBlockNode, $createCodeBlockNode } from "../codeblock/CodeBlockNode.js";
|
|
5
5
|
import { coreSystem } from "../core/index.js";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { RefObject,
|
|
1
|
+
import type { RefObject, ReactNode, ComponentType } from 'react';
|
|
2
2
|
import type { Options } from 'mdast-util-to-markdown';
|
|
3
3
|
import type { Config } from 'mdast-util-from-markdown/lib';
|
|
4
4
|
import type { Extension } from 'micromark-util-types';
|
|
@@ -42,6 +42,8 @@ quotePlugin: PluginConstructor<SystemSpec<[SystemSpec<[], (r: Realm) => {
|
|
|
42
42
|
markdown: RealmNode<string>;
|
|
43
43
|
editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
|
|
44
44
|
contentEditableClassName: RealmNode<string>;
|
|
45
|
+
placeholder: RealmNode<ReactNode>;
|
|
46
|
+
autoFocus: RealmNode<boolean>;
|
|
45
47
|
composerChildren: RealmNode<ComponentType<{}>[]>;
|
|
46
48
|
addComposerChild: RealmNode<ComponentType<{}>>;
|
|
47
49
|
topAreaChildren: RealmNode<ComponentType<{}>[]>;
|
|
@@ -93,6 +95,8 @@ quotePluginHooks: {
|
|
|
93
95
|
markdown: RealmNode<string>;
|
|
94
96
|
editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
|
|
95
97
|
contentEditableClassName: RealmNode<string>;
|
|
98
|
+
placeholder: RealmNode<ReactNode>;
|
|
99
|
+
autoFocus: RealmNode<boolean>;
|
|
96
100
|
composerChildren: RealmNode<ComponentType<{}>[]>;
|
|
97
101
|
addComposerChild: RealmNode<ComponentType<{}>>;
|
|
98
102
|
topAreaChildren: RealmNode<ComponentType<{}>[]>;
|
|
@@ -113,7 +117,7 @@ quotePluginHooks: {
|
|
|
113
117
|
convertSelectionToNode: RealmNode<() => ElementNode>;
|
|
114
118
|
insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
|
|
115
119
|
}>;
|
|
116
|
-
useEmitter: <K extends "jsxComponentDescriptors" | "jsxIsAvailable" | "toMarkdownOptions" | "toMarkdownExtensions" | "mdastExtensions" | "syntaxExtensions" | "markdown" | "activeEditor" | "inFocus" | "historyState" | "currentSelection" | "initialRootEditorState" | "rootEditor" | "createRootEditorSubscription" | "createActiveEditorSubscription" | "importVisitors" | "usedLexicalNodes" | "addImportVisitor" | "addLexicalNode" | "addSyntaxExtension" | "addMdastExtension" | "addToMarkdownExtension" | "addExportVisitor" | "exportVisitors" | "initialMarkdown" | "setMarkdown" | "editorRootElementRef" | "contentEditableClassName" | "composerChildren" | "addComposerChild" | "topAreaChildren" | "addTopAreaChild" | "nestedEditorChildren" | "addNestedEditorChild" | "editorWrappers" | "addEditorWrapper" | "currentFormat" | "editorInFocus" | "applyFormat" | "currentBlockType" | "applyBlockType" | "convertSelectionToNode" | "insertDecoratorNode">(key: K, callback: (value: ValueForKey<{
|
|
120
|
+
useEmitter: <K extends "jsxComponentDescriptors" | "jsxIsAvailable" | "toMarkdownOptions" | "toMarkdownExtensions" | "mdastExtensions" | "syntaxExtensions" | "markdown" | "activeEditor" | "inFocus" | "historyState" | "currentSelection" | "initialRootEditorState" | "rootEditor" | "createRootEditorSubscription" | "createActiveEditorSubscription" | "importVisitors" | "usedLexicalNodes" | "addImportVisitor" | "addLexicalNode" | "addSyntaxExtension" | "addMdastExtension" | "addToMarkdownExtension" | "addExportVisitor" | "exportVisitors" | "initialMarkdown" | "setMarkdown" | "editorRootElementRef" | "contentEditableClassName" | "placeholder" | "autoFocus" | "composerChildren" | "addComposerChild" | "topAreaChildren" | "addTopAreaChild" | "nestedEditorChildren" | "addNestedEditorChild" | "editorWrappers" | "addEditorWrapper" | "currentFormat" | "editorInFocus" | "applyFormat" | "currentBlockType" | "applyBlockType" | "convertSelectionToNode" | "insertDecoratorNode">(key: K, callback: (value: ValueForKey<{
|
|
117
121
|
activeEditor: RealmNode<LexicalEditor | null>;
|
|
118
122
|
inFocus: RealmNode<boolean>;
|
|
119
123
|
historyState: RealmNode<HistoryState>;
|
|
@@ -142,6 +146,8 @@ quotePluginHooks: {
|
|
|
142
146
|
markdown: RealmNode<string>;
|
|
143
147
|
editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
|
|
144
148
|
contentEditableClassName: RealmNode<string>;
|
|
149
|
+
placeholder: RealmNode<ReactNode>;
|
|
150
|
+
autoFocus: RealmNode<boolean>;
|
|
145
151
|
composerChildren: RealmNode<ComponentType<{}>[]>;
|
|
146
152
|
addComposerChild: RealmNode<ComponentType<{}>>;
|
|
147
153
|
topAreaChildren: RealmNode<ComponentType<{}>[]>;
|
|
@@ -191,6 +197,8 @@ quotePluginHooks: {
|
|
|
191
197
|
markdown: RealmNode<string>;
|
|
192
198
|
editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
|
|
193
199
|
contentEditableClassName: RealmNode<string>;
|
|
200
|
+
placeholder: RealmNode<ReactNode>;
|
|
201
|
+
autoFocus: RealmNode<boolean>;
|
|
194
202
|
composerChildren: RealmNode<ComponentType<{}>[]>;
|
|
195
203
|
addComposerChild: RealmNode<ComponentType<{}>>;
|
|
196
204
|
topAreaChildren: RealmNode<ComponentType<{}>[]>;
|
|
@@ -239,6 +247,8 @@ quotePluginHooks: {
|
|
|
239
247
|
markdown: RealmNode<string>;
|
|
240
248
|
editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
|
|
241
249
|
contentEditableClassName: RealmNode<string>;
|
|
250
|
+
placeholder: RealmNode<ReactNode>;
|
|
251
|
+
autoFocus: RealmNode<boolean>;
|
|
242
252
|
composerChildren: RealmNode<ComponentType<{}>[]>;
|
|
243
253
|
addComposerChild: RealmNode<ComponentType<{}>>;
|
|
244
254
|
topAreaChildren: RealmNode<ComponentType<{}>[]>;
|
|
@@ -288,6 +298,8 @@ quotePluginHooks: {
|
|
|
288
298
|
markdown: RealmNode<string>;
|
|
289
299
|
editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
|
|
290
300
|
contentEditableClassName: RealmNode<string>;
|
|
301
|
+
placeholder: RealmNode<ReactNode>;
|
|
302
|
+
autoFocus: RealmNode<boolean>;
|
|
291
303
|
composerChildren: RealmNode<ComponentType<{}>[]>;
|
|
292
304
|
addComposerChild: RealmNode<ComponentType<{}>>;
|
|
293
305
|
topAreaChildren: RealmNode<ComponentType<{}>[]>;
|
|
@@ -308,7 +320,7 @@ quotePluginHooks: {
|
|
|
308
320
|
convertSelectionToNode: RealmNode<() => ElementNode>;
|
|
309
321
|
insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
|
|
310
322
|
}>) => void;
|
|
311
|
-
usePublisher: <K_2 extends "jsxComponentDescriptors" | "jsxIsAvailable" | "toMarkdownOptions" | "toMarkdownExtensions" | "mdastExtensions" | "syntaxExtensions" | "markdown" | "activeEditor" | "inFocus" | "historyState" | "currentSelection" | "initialRootEditorState" | "rootEditor" | "createRootEditorSubscription" | "createActiveEditorSubscription" | "importVisitors" | "usedLexicalNodes" | "addImportVisitor" | "addLexicalNode" | "addSyntaxExtension" | "addMdastExtension" | "addToMarkdownExtension" | "addExportVisitor" | "exportVisitors" | "initialMarkdown" | "setMarkdown" | "editorRootElementRef" | "contentEditableClassName" | "composerChildren" | "addComposerChild" | "topAreaChildren" | "addTopAreaChild" | "nestedEditorChildren" | "addNestedEditorChild" | "editorWrappers" | "addEditorWrapper" | "currentFormat" | "editorInFocus" | "applyFormat" | "currentBlockType" | "applyBlockType" | "convertSelectionToNode" | "insertDecoratorNode">(key: K_2) => (value: ValueForKey<{
|
|
323
|
+
usePublisher: <K_2 extends "jsxComponentDescriptors" | "jsxIsAvailable" | "toMarkdownOptions" | "toMarkdownExtensions" | "mdastExtensions" | "syntaxExtensions" | "markdown" | "activeEditor" | "inFocus" | "historyState" | "currentSelection" | "initialRootEditorState" | "rootEditor" | "createRootEditorSubscription" | "createActiveEditorSubscription" | "importVisitors" | "usedLexicalNodes" | "addImportVisitor" | "addLexicalNode" | "addSyntaxExtension" | "addMdastExtension" | "addToMarkdownExtension" | "addExportVisitor" | "exportVisitors" | "initialMarkdown" | "setMarkdown" | "editorRootElementRef" | "contentEditableClassName" | "placeholder" | "autoFocus" | "composerChildren" | "addComposerChild" | "topAreaChildren" | "addTopAreaChild" | "nestedEditorChildren" | "addNestedEditorChild" | "editorWrappers" | "addEditorWrapper" | "currentFormat" | "editorInFocus" | "applyFormat" | "currentBlockType" | "applyBlockType" | "convertSelectionToNode" | "insertDecoratorNode">(key: K_2) => (value: ValueForKey<{
|
|
312
324
|
activeEditor: RealmNode<LexicalEditor | null>;
|
|
313
325
|
inFocus: RealmNode<boolean>;
|
|
314
326
|
historyState: RealmNode<HistoryState>;
|
|
@@ -337,6 +349,8 @@ quotePluginHooks: {
|
|
|
337
349
|
markdown: RealmNode<string>;
|
|
338
350
|
editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
|
|
339
351
|
contentEditableClassName: RealmNode<string>;
|
|
352
|
+
placeholder: RealmNode<ReactNode>;
|
|
353
|
+
autoFocus: RealmNode<boolean>;
|
|
340
354
|
composerChildren: RealmNode<ComponentType<{}>[]>;
|
|
341
355
|
addComposerChild: RealmNode<ComponentType<{}>>;
|
|
342
356
|
topAreaChildren: RealmNode<ComponentType<{}>[]>;
|
|
@@ -104,6 +104,8 @@ export declare const sandpackSystem: SystemSpec<[SystemSpec<[], (r: Realm) => {
|
|
|
104
104
|
markdown: RealmNode<string>;
|
|
105
105
|
editorRootElementRef: RealmNode<React.RefObject<HTMLDivElement> | null>;
|
|
106
106
|
contentEditableClassName: RealmNode<string>;
|
|
107
|
+
placeholder: RealmNode<React.ReactNode>;
|
|
108
|
+
autoFocus: RealmNode<boolean>;
|
|
107
109
|
composerChildren: RealmNode<React.ComponentType<{}>[]>;
|
|
108
110
|
addComposerChild: RealmNode<React.ComponentType<{}>>;
|
|
109
111
|
topAreaChildren: RealmNode<React.ComponentType<{}>[]>;
|
|
@@ -152,6 +154,8 @@ export declare const sandpackSystem: SystemSpec<[SystemSpec<[], (r: Realm) => {
|
|
|
152
154
|
markdown: RealmNode<string>;
|
|
153
155
|
editorRootElementRef: RealmNode<React.RefObject<HTMLDivElement> | null>;
|
|
154
156
|
contentEditableClassName: RealmNode<string>;
|
|
157
|
+
placeholder: RealmNode<React.ReactNode>;
|
|
158
|
+
autoFocus: RealmNode<boolean>;
|
|
155
159
|
composerChildren: RealmNode<React.ComponentType<{}>[]>;
|
|
156
160
|
addComposerChild: RealmNode<React.ComponentType<{}>>;
|
|
157
161
|
topAreaChildren: RealmNode<React.ComponentType<{}>[]>;
|
|
@@ -200,6 +204,8 @@ export declare const sandpackSystem: SystemSpec<[SystemSpec<[], (r: Realm) => {
|
|
|
200
204
|
markdown: RealmNode<string>;
|
|
201
205
|
editorRootElementRef: RealmNode<React.RefObject<HTMLDivElement> | null>;
|
|
202
206
|
contentEditableClassName: RealmNode<string>;
|
|
207
|
+
placeholder: RealmNode<React.ReactNode>;
|
|
208
|
+
autoFocus: RealmNode<boolean>;
|
|
203
209
|
composerChildren: RealmNode<React.ComponentType<{}>[]>;
|
|
204
210
|
addComposerChild: RealmNode<React.ComponentType<{}>>;
|
|
205
211
|
topAreaChildren: RealmNode<React.ComponentType<{}>[]>;
|
|
@@ -253,6 +259,8 @@ export declare const sandpackSystem: SystemSpec<[SystemSpec<[], (r: Realm) => {
|
|
|
253
259
|
markdown: RealmNode<string>;
|
|
254
260
|
editorRootElementRef: RealmNode<React.RefObject<HTMLDivElement> | null>;
|
|
255
261
|
contentEditableClassName: RealmNode<string>;
|
|
262
|
+
placeholder: RealmNode<React.ReactNode>;
|
|
263
|
+
autoFocus: RealmNode<boolean>;
|
|
256
264
|
composerChildren: RealmNode<React.ComponentType<{}>[]>;
|
|
257
265
|
addComposerChild: RealmNode<React.ComponentType<{}>>;
|
|
258
266
|
topAreaChildren: RealmNode<React.ComponentType<{}>[]>;
|
|
@@ -312,6 +320,8 @@ sandpackPlugin: PluginConstructor<SystemSpec<[SystemSpec<[], (r: Realm) => {
|
|
|
312
320
|
markdown: RealmNode<string>;
|
|
313
321
|
editorRootElementRef: RealmNode<React.RefObject<HTMLDivElement> | null>;
|
|
314
322
|
contentEditableClassName: RealmNode<string>;
|
|
323
|
+
placeholder: RealmNode<React.ReactNode>;
|
|
324
|
+
autoFocus: RealmNode<boolean>;
|
|
315
325
|
composerChildren: RealmNode<React.ComponentType<{}>[]>;
|
|
316
326
|
addComposerChild: RealmNode<React.ComponentType<{}>>;
|
|
317
327
|
topAreaChildren: RealmNode<React.ComponentType<{}>[]>;
|
|
@@ -360,6 +370,8 @@ sandpackPlugin: PluginConstructor<SystemSpec<[SystemSpec<[], (r: Realm) => {
|
|
|
360
370
|
markdown: RealmNode<string>;
|
|
361
371
|
editorRootElementRef: RealmNode<React.RefObject<HTMLDivElement> | null>;
|
|
362
372
|
contentEditableClassName: RealmNode<string>;
|
|
373
|
+
placeholder: RealmNode<React.ReactNode>;
|
|
374
|
+
autoFocus: RealmNode<boolean>;
|
|
363
375
|
composerChildren: RealmNode<React.ComponentType<{}>[]>;
|
|
364
376
|
addComposerChild: RealmNode<React.ComponentType<{}>>;
|
|
365
377
|
topAreaChildren: RealmNode<React.ComponentType<{}>[]>;
|
|
@@ -408,6 +420,8 @@ sandpackPlugin: PluginConstructor<SystemSpec<[SystemSpec<[], (r: Realm) => {
|
|
|
408
420
|
markdown: RealmNode<string>;
|
|
409
421
|
editorRootElementRef: RealmNode<React.RefObject<HTMLDivElement> | null>;
|
|
410
422
|
contentEditableClassName: RealmNode<string>;
|
|
423
|
+
placeholder: RealmNode<React.ReactNode>;
|
|
424
|
+
autoFocus: RealmNode<boolean>;
|
|
411
425
|
composerChildren: RealmNode<React.ComponentType<{}>[]>;
|
|
412
426
|
addComposerChild: RealmNode<React.ComponentType<{}>>;
|
|
413
427
|
topAreaChildren: RealmNode<React.ComponentType<{}>[]>;
|
|
@@ -461,6 +475,8 @@ sandpackPlugin: PluginConstructor<SystemSpec<[SystemSpec<[], (r: Realm) => {
|
|
|
461
475
|
markdown: RealmNode<string>;
|
|
462
476
|
editorRootElementRef: RealmNode<React.RefObject<HTMLDivElement> | null>;
|
|
463
477
|
contentEditableClassName: RealmNode<string>;
|
|
478
|
+
placeholder: RealmNode<React.ReactNode>;
|
|
479
|
+
autoFocus: RealmNode<boolean>;
|
|
464
480
|
composerChildren: RealmNode<React.ComponentType<{}>[]>;
|
|
465
481
|
addComposerChild: RealmNode<React.ComponentType<{}>>;
|
|
466
482
|
topAreaChildren: RealmNode<React.ComponentType<{}>[]>;
|
|
@@ -525,6 +541,8 @@ sandpackPluginHooks: {
|
|
|
525
541
|
markdown: RealmNode<string>;
|
|
526
542
|
editorRootElementRef: RealmNode<React.RefObject<HTMLDivElement> | null>;
|
|
527
543
|
contentEditableClassName: RealmNode<string>;
|
|
544
|
+
placeholder: RealmNode<React.ReactNode>;
|
|
545
|
+
autoFocus: RealmNode<boolean>;
|
|
528
546
|
composerChildren: RealmNode<React.ComponentType<{}>[]>;
|
|
529
547
|
addComposerChild: RealmNode<React.ComponentType<{}>>;
|
|
530
548
|
topAreaChildren: RealmNode<React.ComponentType<{}>[]>;
|
|
@@ -550,7 +568,7 @@ sandpackPluginHooks: {
|
|
|
550
568
|
appendCodeBlockEditorDescriptor: RealmNode<CodeBlockEditorDescriptor>;
|
|
551
569
|
insertCodeBlock: RealmNode<Partial<CreateCodeBlockNodeOptions>>;
|
|
552
570
|
}>;
|
|
553
|
-
useEmitter: <K extends "jsxComponentDescriptors" | "jsxIsAvailable" | "toMarkdownOptions" | "toMarkdownExtensions" | "mdastExtensions" | "syntaxExtensions" | "markdown" | "activeEditor" | "inFocus" | "historyState" | "currentSelection" | "initialRootEditorState" | "rootEditor" | "createRootEditorSubscription" | "createActiveEditorSubscription" | "importVisitors" | "usedLexicalNodes" | "addImportVisitor" | "addLexicalNode" | "addSyntaxExtension" | "addMdastExtension" | "addToMarkdownExtension" | "addExportVisitor" | "exportVisitors" | "initialMarkdown" | "setMarkdown" | "editorRootElementRef" | "contentEditableClassName" | "composerChildren" | "addComposerChild" | "topAreaChildren" | "addTopAreaChild" | "nestedEditorChildren" | "addNestedEditorChild" | "editorWrappers" | "addEditorWrapper" | "currentFormat" | "editorInFocus" | "applyFormat" | "currentBlockType" | "applyBlockType" | "convertSelectionToNode" | "insertDecoratorNode" | "codeBlockEditorDescriptors" | "defaultCodeBlockLanguage" | "appendCodeBlockEditorDescriptor" | "insertCodeBlock" | "insertSandpack" | "sandpackConfig">(key: K, callback: (value: ValueForKey<{
|
|
571
|
+
useEmitter: <K extends "jsxComponentDescriptors" | "jsxIsAvailable" | "toMarkdownOptions" | "toMarkdownExtensions" | "mdastExtensions" | "syntaxExtensions" | "markdown" | "activeEditor" | "inFocus" | "historyState" | "currentSelection" | "initialRootEditorState" | "rootEditor" | "createRootEditorSubscription" | "createActiveEditorSubscription" | "importVisitors" | "usedLexicalNodes" | "addImportVisitor" | "addLexicalNode" | "addSyntaxExtension" | "addMdastExtension" | "addToMarkdownExtension" | "addExportVisitor" | "exportVisitors" | "initialMarkdown" | "setMarkdown" | "editorRootElementRef" | "contentEditableClassName" | "placeholder" | "autoFocus" | "composerChildren" | "addComposerChild" | "topAreaChildren" | "addTopAreaChild" | "nestedEditorChildren" | "addNestedEditorChild" | "editorWrappers" | "addEditorWrapper" | "currentFormat" | "editorInFocus" | "applyFormat" | "currentBlockType" | "applyBlockType" | "convertSelectionToNode" | "insertDecoratorNode" | "codeBlockEditorDescriptors" | "defaultCodeBlockLanguage" | "appendCodeBlockEditorDescriptor" | "insertCodeBlock" | "insertSandpack" | "sandpackConfig">(key: K, callback: (value: ValueForKey<{
|
|
554
572
|
insertSandpack: RealmNode<string>;
|
|
555
573
|
sandpackConfig: RealmNode<SandpackConfig>;
|
|
556
574
|
} & {
|
|
@@ -582,6 +600,8 @@ sandpackPluginHooks: {
|
|
|
582
600
|
markdown: RealmNode<string>;
|
|
583
601
|
editorRootElementRef: RealmNode<React.RefObject<HTMLDivElement> | null>;
|
|
584
602
|
contentEditableClassName: RealmNode<string>;
|
|
603
|
+
placeholder: RealmNode<React.ReactNode>;
|
|
604
|
+
autoFocus: RealmNode<boolean>;
|
|
585
605
|
composerChildren: RealmNode<React.ComponentType<{}>[]>;
|
|
586
606
|
addComposerChild: RealmNode<React.ComponentType<{}>>;
|
|
587
607
|
topAreaChildren: RealmNode<React.ComponentType<{}>[]>;
|
|
@@ -639,6 +659,8 @@ sandpackPluginHooks: {
|
|
|
639
659
|
markdown: RealmNode<string>;
|
|
640
660
|
editorRootElementRef: RealmNode<React.RefObject<HTMLDivElement> | null>;
|
|
641
661
|
contentEditableClassName: RealmNode<string>;
|
|
662
|
+
placeholder: RealmNode<React.ReactNode>;
|
|
663
|
+
autoFocus: RealmNode<boolean>;
|
|
642
664
|
composerChildren: RealmNode<React.ComponentType<{}>[]>;
|
|
643
665
|
addComposerChild: RealmNode<React.ComponentType<{}>>;
|
|
644
666
|
topAreaChildren: RealmNode<React.ComponentType<{}>[]>;
|
|
@@ -695,6 +717,8 @@ sandpackPluginHooks: {
|
|
|
695
717
|
markdown: RealmNode<string>;
|
|
696
718
|
editorRootElementRef: RealmNode<React.RefObject<HTMLDivElement> | null>;
|
|
697
719
|
contentEditableClassName: RealmNode<string>;
|
|
720
|
+
placeholder: RealmNode<React.ReactNode>;
|
|
721
|
+
autoFocus: RealmNode<boolean>;
|
|
698
722
|
composerChildren: RealmNode<React.ComponentType<{}>[]>;
|
|
699
723
|
addComposerChild: RealmNode<React.ComponentType<{}>>;
|
|
700
724
|
topAreaChildren: RealmNode<React.ComponentType<{}>[]>;
|
|
@@ -752,6 +776,8 @@ sandpackPluginHooks: {
|
|
|
752
776
|
markdown: RealmNode<string>;
|
|
753
777
|
editorRootElementRef: RealmNode<React.RefObject<HTMLDivElement> | null>;
|
|
754
778
|
contentEditableClassName: RealmNode<string>;
|
|
779
|
+
placeholder: RealmNode<React.ReactNode>;
|
|
780
|
+
autoFocus: RealmNode<boolean>;
|
|
755
781
|
composerChildren: RealmNode<React.ComponentType<{}>[]>;
|
|
756
782
|
addComposerChild: RealmNode<React.ComponentType<{}>>;
|
|
757
783
|
topAreaChildren: RealmNode<React.ComponentType<{}>[]>;
|
|
@@ -777,7 +803,7 @@ sandpackPluginHooks: {
|
|
|
777
803
|
appendCodeBlockEditorDescriptor: RealmNode<CodeBlockEditorDescriptor>;
|
|
778
804
|
insertCodeBlock: RealmNode<Partial<CreateCodeBlockNodeOptions>>;
|
|
779
805
|
}>) => void;
|
|
780
|
-
usePublisher: <K_2 extends "jsxComponentDescriptors" | "jsxIsAvailable" | "toMarkdownOptions" | "toMarkdownExtensions" | "mdastExtensions" | "syntaxExtensions" | "markdown" | "activeEditor" | "inFocus" | "historyState" | "currentSelection" | "initialRootEditorState" | "rootEditor" | "createRootEditorSubscription" | "createActiveEditorSubscription" | "importVisitors" | "usedLexicalNodes" | "addImportVisitor" | "addLexicalNode" | "addSyntaxExtension" | "addMdastExtension" | "addToMarkdownExtension" | "addExportVisitor" | "exportVisitors" | "initialMarkdown" | "setMarkdown" | "editorRootElementRef" | "contentEditableClassName" | "composerChildren" | "addComposerChild" | "topAreaChildren" | "addTopAreaChild" | "nestedEditorChildren" | "addNestedEditorChild" | "editorWrappers" | "addEditorWrapper" | "currentFormat" | "editorInFocus" | "applyFormat" | "currentBlockType" | "applyBlockType" | "convertSelectionToNode" | "insertDecoratorNode" | "codeBlockEditorDescriptors" | "defaultCodeBlockLanguage" | "appendCodeBlockEditorDescriptor" | "insertCodeBlock" | "insertSandpack" | "sandpackConfig">(key: K_2) => (value: ValueForKey<{
|
|
806
|
+
usePublisher: <K_2 extends "jsxComponentDescriptors" | "jsxIsAvailable" | "toMarkdownOptions" | "toMarkdownExtensions" | "mdastExtensions" | "syntaxExtensions" | "markdown" | "activeEditor" | "inFocus" | "historyState" | "currentSelection" | "initialRootEditorState" | "rootEditor" | "createRootEditorSubscription" | "createActiveEditorSubscription" | "importVisitors" | "usedLexicalNodes" | "addImportVisitor" | "addLexicalNode" | "addSyntaxExtension" | "addMdastExtension" | "addToMarkdownExtension" | "addExportVisitor" | "exportVisitors" | "initialMarkdown" | "setMarkdown" | "editorRootElementRef" | "contentEditableClassName" | "placeholder" | "autoFocus" | "composerChildren" | "addComposerChild" | "topAreaChildren" | "addTopAreaChild" | "nestedEditorChildren" | "addNestedEditorChild" | "editorWrappers" | "addEditorWrapper" | "currentFormat" | "editorInFocus" | "applyFormat" | "currentBlockType" | "applyBlockType" | "convertSelectionToNode" | "insertDecoratorNode" | "codeBlockEditorDescriptors" | "defaultCodeBlockLanguage" | "appendCodeBlockEditorDescriptor" | "insertCodeBlock" | "insertSandpack" | "sandpackConfig">(key: K_2) => (value: ValueForKey<{
|
|
781
807
|
insertSandpack: RealmNode<string>;
|
|
782
808
|
sandpackConfig: RealmNode<SandpackConfig>;
|
|
783
809
|
} & {
|
|
@@ -809,6 +835,8 @@ sandpackPluginHooks: {
|
|
|
809
835
|
markdown: RealmNode<string>;
|
|
810
836
|
editorRootElementRef: RealmNode<React.RefObject<HTMLDivElement> | null>;
|
|
811
837
|
contentEditableClassName: RealmNode<string>;
|
|
838
|
+
placeholder: RealmNode<React.ReactNode>;
|
|
839
|
+
autoFocus: RealmNode<boolean>;
|
|
812
840
|
composerChildren: RealmNode<React.ComponentType<{}>[]>;
|
|
813
841
|
addComposerChild: RealmNode<React.ComponentType<{}>>;
|
|
814
842
|
topAreaChildren: RealmNode<React.ComponentType<{}>[]>;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { ContentEditable } from "@lexical/react/LexicalContentEditable";
|
|
2
|
-
import LexicalErrorBoundary from "@lexical/react/LexicalErrorBoundary";
|
|
3
|
-
import { LexicalNestedComposer } from "@lexical/react/LexicalNestedComposer";
|
|
4
|
-
import { RichTextPlugin } from "@lexical/react/LexicalRichTextPlugin";
|
|
1
|
+
import { ContentEditable } from "@lexical/react/LexicalContentEditable.js";
|
|
2
|
+
import LexicalErrorBoundary from "@lexical/react/LexicalErrorBoundary.js";
|
|
3
|
+
import { LexicalNestedComposer } from "@lexical/react/LexicalNestedComposer.js";
|
|
4
|
+
import { RichTextPlugin } from "@lexical/react/LexicalRichTextPlugin.js";
|
|
5
5
|
import * as RadixPopover from "@radix-ui/react-popover";
|
|
6
6
|
import { $createParagraphNode, createEditor, $getRoot, KEY_TAB_COMMAND, COMMAND_PRIORITY_CRITICAL, FOCUS_COMMAND, COMMAND_PRIORITY_LOW, KEY_ENTER_COMMAND, BLUR_COMMAND } from "lexical";
|
|
7
7
|
import React__default from "react";
|
|
@@ -23,7 +23,7 @@ import * as RadixToolbar from "@radix-ui/react-toolbar";
|
|
|
23
23
|
import classNames from "classnames";
|
|
24
24
|
import styles from "../../styles/ui.module.css.js";
|
|
25
25
|
import { corePluginHooks } from "../core/index.js";
|
|
26
|
-
import { HistoryPlugin } from "@lexical/react/LexicalHistoryPlugin";
|
|
26
|
+
import { HistoryPlugin } from "@lexical/react/LexicalHistoryPlugin.js";
|
|
27
27
|
import { mergeRegister } from "@lexical/utils";
|
|
28
28
|
import { isPartOftheEditorUI } from "../../utils/isPartOftheEditorUI.js";
|
|
29
29
|
const AlignToTailwindClassMap = {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { RefObject,
|
|
1
|
+
import type { RefObject, ReactNode, ComponentType } from 'react';
|
|
2
2
|
import type { Options } from 'mdast-util-to-markdown';
|
|
3
3
|
import type { Config } from 'mdast-util-from-markdown/lib';
|
|
4
4
|
import type { Extension } from 'micromark-util-types';
|
|
@@ -41,6 +41,8 @@ export declare const tableSystem: SystemSpec<[SystemSpec<[], (r: Realm) => {
|
|
|
41
41
|
markdown: RealmNode<string>;
|
|
42
42
|
editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
|
|
43
43
|
contentEditableClassName: RealmNode<string>;
|
|
44
|
+
placeholder: RealmNode<ReactNode>;
|
|
45
|
+
autoFocus: RealmNode<boolean>;
|
|
44
46
|
composerChildren: RealmNode<ComponentType<{}>[]>;
|
|
45
47
|
addComposerChild: RealmNode<ComponentType<{}>>;
|
|
46
48
|
topAreaChildren: RealmNode<ComponentType<{}>[]>;
|
|
@@ -89,6 +91,8 @@ export declare const tableSystem: SystemSpec<[SystemSpec<[], (r: Realm) => {
|
|
|
89
91
|
markdown: RealmNode<string>;
|
|
90
92
|
editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
|
|
91
93
|
contentEditableClassName: RealmNode<string>;
|
|
94
|
+
placeholder: RealmNode<ReactNode>;
|
|
95
|
+
autoFocus: RealmNode<boolean>;
|
|
92
96
|
composerChildren: RealmNode<ComponentType<{}>[]>;
|
|
93
97
|
addComposerChild: RealmNode<ComponentType<{}>>;
|
|
94
98
|
topAreaChildren: RealmNode<ComponentType<{}>[]>;
|
|
@@ -142,6 +146,8 @@ tablePlugin: PluginConstructor<SystemSpec<[SystemSpec<[], (r: Realm) => {
|
|
|
142
146
|
markdown: RealmNode<string>;
|
|
143
147
|
editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
|
|
144
148
|
contentEditableClassName: RealmNode<string>;
|
|
149
|
+
placeholder: RealmNode<ReactNode>;
|
|
150
|
+
autoFocus: RealmNode<boolean>;
|
|
145
151
|
composerChildren: RealmNode<ComponentType<{}>[]>;
|
|
146
152
|
addComposerChild: RealmNode<ComponentType<{}>>;
|
|
147
153
|
topAreaChildren: RealmNode<ComponentType<{}>[]>;
|
|
@@ -190,6 +196,8 @@ tablePlugin: PluginConstructor<SystemSpec<[SystemSpec<[], (r: Realm) => {
|
|
|
190
196
|
markdown: RealmNode<string>;
|
|
191
197
|
editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
|
|
192
198
|
contentEditableClassName: RealmNode<string>;
|
|
199
|
+
placeholder: RealmNode<ReactNode>;
|
|
200
|
+
autoFocus: RealmNode<boolean>;
|
|
193
201
|
composerChildren: RealmNode<ComponentType<{}>[]>;
|
|
194
202
|
addComposerChild: RealmNode<ComponentType<{}>>;
|
|
195
203
|
topAreaChildren: RealmNode<ComponentType<{}>[]>;
|
|
@@ -245,6 +253,8 @@ tablePluginHooks: {
|
|
|
245
253
|
markdown: RealmNode<string>;
|
|
246
254
|
editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
|
|
247
255
|
contentEditableClassName: RealmNode<string>;
|
|
256
|
+
placeholder: RealmNode<ReactNode>;
|
|
257
|
+
autoFocus: RealmNode<boolean>;
|
|
248
258
|
composerChildren: RealmNode<ComponentType<{}>[]>;
|
|
249
259
|
addComposerChild: RealmNode<ComponentType<{}>>;
|
|
250
260
|
topAreaChildren: RealmNode<ComponentType<{}>[]>;
|
|
@@ -265,7 +275,7 @@ tablePluginHooks: {
|
|
|
265
275
|
convertSelectionToNode: RealmNode<() => ElementNode>;
|
|
266
276
|
insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
|
|
267
277
|
}>;
|
|
268
|
-
useEmitter: <K extends "jsxComponentDescriptors" | "jsxIsAvailable" | "toMarkdownOptions" | "toMarkdownExtensions" | "mdastExtensions" | "syntaxExtensions" | "markdown" | "activeEditor" | "inFocus" | "historyState" | "currentSelection" | "initialRootEditorState" | "rootEditor" | "createRootEditorSubscription" | "createActiveEditorSubscription" | "importVisitors" | "usedLexicalNodes" | "addImportVisitor" | "addLexicalNode" | "addSyntaxExtension" | "addMdastExtension" | "addToMarkdownExtension" | "addExportVisitor" | "exportVisitors" | "initialMarkdown" | "setMarkdown" | "editorRootElementRef" | "contentEditableClassName" | "composerChildren" | "addComposerChild" | "topAreaChildren" | "addTopAreaChild" | "nestedEditorChildren" | "addNestedEditorChild" | "editorWrappers" | "addEditorWrapper" | "currentFormat" | "editorInFocus" | "applyFormat" | "currentBlockType" | "applyBlockType" | "convertSelectionToNode" | "insertDecoratorNode" | "insertTable">(key: K, callback: (value: ValueForKey<{
|
|
278
|
+
useEmitter: <K extends "jsxComponentDescriptors" | "jsxIsAvailable" | "toMarkdownOptions" | "toMarkdownExtensions" | "mdastExtensions" | "syntaxExtensions" | "markdown" | "activeEditor" | "inFocus" | "historyState" | "currentSelection" | "initialRootEditorState" | "rootEditor" | "createRootEditorSubscription" | "createActiveEditorSubscription" | "importVisitors" | "usedLexicalNodes" | "addImportVisitor" | "addLexicalNode" | "addSyntaxExtension" | "addMdastExtension" | "addToMarkdownExtension" | "addExportVisitor" | "exportVisitors" | "initialMarkdown" | "setMarkdown" | "editorRootElementRef" | "contentEditableClassName" | "placeholder" | "autoFocus" | "composerChildren" | "addComposerChild" | "topAreaChildren" | "addTopAreaChild" | "nestedEditorChildren" | "addNestedEditorChild" | "editorWrappers" | "addEditorWrapper" | "currentFormat" | "editorInFocus" | "applyFormat" | "currentBlockType" | "applyBlockType" | "convertSelectionToNode" | "insertDecoratorNode" | "insertTable">(key: K, callback: (value: ValueForKey<{
|
|
269
279
|
insertTable: RealmNode<true>;
|
|
270
280
|
} & {
|
|
271
281
|
activeEditor: RealmNode<LexicalEditor | null>;
|
|
@@ -296,6 +306,8 @@ tablePluginHooks: {
|
|
|
296
306
|
markdown: RealmNode<string>;
|
|
297
307
|
editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
|
|
298
308
|
contentEditableClassName: RealmNode<string>;
|
|
309
|
+
placeholder: RealmNode<ReactNode>;
|
|
310
|
+
autoFocus: RealmNode<boolean>;
|
|
299
311
|
composerChildren: RealmNode<ComponentType<{}>[]>;
|
|
300
312
|
addComposerChild: RealmNode<ComponentType<{}>>;
|
|
301
313
|
topAreaChildren: RealmNode<ComponentType<{}>[]>;
|
|
@@ -347,6 +359,8 @@ tablePluginHooks: {
|
|
|
347
359
|
markdown: RealmNode<string>;
|
|
348
360
|
editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
|
|
349
361
|
contentEditableClassName: RealmNode<string>;
|
|
362
|
+
placeholder: RealmNode<ReactNode>;
|
|
363
|
+
autoFocus: RealmNode<boolean>;
|
|
350
364
|
composerChildren: RealmNode<ComponentType<{}>[]>;
|
|
351
365
|
addComposerChild: RealmNode<ComponentType<{}>>;
|
|
352
366
|
topAreaChildren: RealmNode<ComponentType<{}>[]>;
|
|
@@ -397,6 +411,8 @@ tablePluginHooks: {
|
|
|
397
411
|
markdown: RealmNode<string>;
|
|
398
412
|
editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
|
|
399
413
|
contentEditableClassName: RealmNode<string>;
|
|
414
|
+
placeholder: RealmNode<ReactNode>;
|
|
415
|
+
autoFocus: RealmNode<boolean>;
|
|
400
416
|
composerChildren: RealmNode<ComponentType<{}>[]>;
|
|
401
417
|
addComposerChild: RealmNode<ComponentType<{}>>;
|
|
402
418
|
topAreaChildren: RealmNode<ComponentType<{}>[]>;
|
|
@@ -448,6 +464,8 @@ tablePluginHooks: {
|
|
|
448
464
|
markdown: RealmNode<string>;
|
|
449
465
|
editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
|
|
450
466
|
contentEditableClassName: RealmNode<string>;
|
|
467
|
+
placeholder: RealmNode<ReactNode>;
|
|
468
|
+
autoFocus: RealmNode<boolean>;
|
|
451
469
|
composerChildren: RealmNode<ComponentType<{}>[]>;
|
|
452
470
|
addComposerChild: RealmNode<ComponentType<{}>>;
|
|
453
471
|
topAreaChildren: RealmNode<ComponentType<{}>[]>;
|
|
@@ -468,7 +486,7 @@ tablePluginHooks: {
|
|
|
468
486
|
convertSelectionToNode: RealmNode<() => ElementNode>;
|
|
469
487
|
insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
|
|
470
488
|
}>) => void;
|
|
471
|
-
usePublisher: <K_2 extends "jsxComponentDescriptors" | "jsxIsAvailable" | "toMarkdownOptions" | "toMarkdownExtensions" | "mdastExtensions" | "syntaxExtensions" | "markdown" | "activeEditor" | "inFocus" | "historyState" | "currentSelection" | "initialRootEditorState" | "rootEditor" | "createRootEditorSubscription" | "createActiveEditorSubscription" | "importVisitors" | "usedLexicalNodes" | "addImportVisitor" | "addLexicalNode" | "addSyntaxExtension" | "addMdastExtension" | "addToMarkdownExtension" | "addExportVisitor" | "exportVisitors" | "initialMarkdown" | "setMarkdown" | "editorRootElementRef" | "contentEditableClassName" | "composerChildren" | "addComposerChild" | "topAreaChildren" | "addTopAreaChild" | "nestedEditorChildren" | "addNestedEditorChild" | "editorWrappers" | "addEditorWrapper" | "currentFormat" | "editorInFocus" | "applyFormat" | "currentBlockType" | "applyBlockType" | "convertSelectionToNode" | "insertDecoratorNode" | "insertTable">(key: K_2) => (value: ValueForKey<{
|
|
489
|
+
usePublisher: <K_2 extends "jsxComponentDescriptors" | "jsxIsAvailable" | "toMarkdownOptions" | "toMarkdownExtensions" | "mdastExtensions" | "syntaxExtensions" | "markdown" | "activeEditor" | "inFocus" | "historyState" | "currentSelection" | "initialRootEditorState" | "rootEditor" | "createRootEditorSubscription" | "createActiveEditorSubscription" | "importVisitors" | "usedLexicalNodes" | "addImportVisitor" | "addLexicalNode" | "addSyntaxExtension" | "addMdastExtension" | "addToMarkdownExtension" | "addExportVisitor" | "exportVisitors" | "initialMarkdown" | "setMarkdown" | "editorRootElementRef" | "contentEditableClassName" | "placeholder" | "autoFocus" | "composerChildren" | "addComposerChild" | "topAreaChildren" | "addTopAreaChild" | "nestedEditorChildren" | "addNestedEditorChild" | "editorWrappers" | "addEditorWrapper" | "currentFormat" | "editorInFocus" | "applyFormat" | "currentBlockType" | "applyBlockType" | "convertSelectionToNode" | "insertDecoratorNode" | "insertTable">(key: K_2) => (value: ValueForKey<{
|
|
472
490
|
insertTable: RealmNode<true>;
|
|
473
491
|
} & {
|
|
474
492
|
activeEditor: RealmNode<LexicalEditor | null>;
|
|
@@ -499,6 +517,8 @@ tablePluginHooks: {
|
|
|
499
517
|
markdown: RealmNode<string>;
|
|
500
518
|
editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
|
|
501
519
|
contentEditableClassName: RealmNode<string>;
|
|
520
|
+
placeholder: RealmNode<ReactNode>;
|
|
521
|
+
autoFocus: RealmNode<boolean>;
|
|
502
522
|
composerChildren: RealmNode<ComponentType<{}>[]>;
|
|
503
523
|
addComposerChild: RealmNode<ComponentType<{}>>;
|
|
504
524
|
topAreaChildren: RealmNode<ComponentType<{}>[]>;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { HorizontalRuleNode } from '@lexical/react/LexicalHorizontalRuleNode';
|
|
1
|
+
import { HorizontalRuleNode } from '@lexical/react/LexicalHorizontalRuleNode.js';
|
|
2
2
|
import * as Mdast from 'mdast';
|
|
3
3
|
import { LexicalExportVisitor } from '../../exportMarkdownFromLexical';
|
|
4
4
|
export declare const LexicalThematicBreakVisitor: LexicalExportVisitor<HorizontalRuleNode, Mdast.ThematicBreak>;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { $isHorizontalRuleNode } from "@lexical/react/LexicalHorizontalRuleNode";
|
|
1
|
+
import { $isHorizontalRuleNode } from "@lexical/react/LexicalHorizontalRuleNode.js";
|
|
2
2
|
const LexicalThematicBreakVisitor = {
|
|
3
3
|
testLexicalNode: $isHorizontalRuleNode,
|
|
4
4
|
visitLexicalNode({ actions }) {
|