@mdxeditor/editor 0.12.0 → 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.
Files changed (39) hide show
  1. package/dist/MDXEditor.d.ts +4 -0
  2. package/dist/MDXEditor.js +11 -10
  3. package/dist/plugins/codeblock/index.d.ts +13 -3
  4. package/dist/plugins/codemirror/index.d.ts +17 -3
  5. package/dist/plugins/core/NestedLexicalEditor.d.ts +1 -1
  6. package/dist/plugins/core/NestedLexicalEditor.js +4 -4
  7. package/dist/plugins/core/SharedHistoryPlugin.js +1 -1
  8. package/dist/plugins/core/index.d.ts +12 -3
  9. package/dist/plugins/core/index.js +4 -1
  10. package/dist/plugins/diff-source/index.d.ts +13 -3
  11. package/dist/plugins/directives/index.d.ts +13 -3
  12. package/dist/plugins/frontmatter/index.d.ts +13 -3
  13. package/dist/plugins/headings/index.d.ts +3 -1
  14. package/dist/plugins/image/ImageEditor.js +2 -2
  15. package/dist/plugins/image/index.d.ts +13 -3
  16. package/dist/plugins/jsx/index.d.ts +12 -2
  17. package/dist/plugins/link/AutoLinkPlugin.d.ts +9 -0
  18. package/dist/plugins/link/AutoLinkPlugin.js +18 -0
  19. package/dist/plugins/link/index.d.ts +21 -4
  20. package/dist/plugins/link/index.js +16 -5
  21. package/dist/plugins/link-dialog/index.d.ts +11 -3
  22. package/dist/plugins/link-dialog/index.js +1 -0
  23. package/dist/plugins/lists/index.d.ts +13 -3
  24. package/dist/plugins/lists/index.js +2 -2
  25. package/dist/plugins/markdown-shortcut/index.d.ts +1 -0
  26. package/dist/plugins/markdown-shortcut/index.js +1 -1
  27. package/dist/plugins/quote/index.d.ts +10 -3
  28. package/dist/plugins/sandpack/index.d.ts +16 -2
  29. package/dist/plugins/table/TableEditor.js +5 -5
  30. package/dist/plugins/table/index.d.ts +13 -3
  31. package/dist/plugins/thematic-break/LexicalThematicBreakVisitor.d.ts +1 -1
  32. package/dist/plugins/thematic-break/LexicalThematicBreakVisitor.js +1 -1
  33. package/dist/plugins/thematic-break/MdastThematicBreakVisitor.js +1 -1
  34. package/dist/plugins/thematic-break/index.d.ts +13 -3
  35. package/dist/plugins/thematic-break/index.js +2 -2
  36. package/dist/plugins/toolbar/index.d.ts +10 -2
  37. package/dist/style.css +184 -165
  38. package/dist/styles/ui.module.css.js +90 -84
  39. package/package.json +1 -1
@@ -1,4 +1,4 @@
1
- import type { RefObject, ComponentType, ReactNode } from 'react';
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';
@@ -61,6 +61,7 @@ linkDialogPlugin: PluginConstructor<SystemSpec<[SystemSpec<[], (r: Realm) => {
61
61
  markdown: RealmNode<string>;
62
62
  editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
63
63
  contentEditableClassName: RealmNode<string>;
64
+ placeholder: RealmNode<ReactNode>;
64
65
  autoFocus: RealmNode<boolean>;
65
66
  composerChildren: RealmNode<ComponentType<{}>[]>;
66
67
  addComposerChild: RealmNode<ComponentType<{}>>;
@@ -110,6 +111,7 @@ linkDialogPlugin: PluginConstructor<SystemSpec<[SystemSpec<[], (r: Realm) => {
110
111
  markdown: RealmNode<string>;
111
112
  editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
112
113
  contentEditableClassName: RealmNode<string>;
114
+ placeholder: RealmNode<ReactNode>;
113
115
  autoFocus: RealmNode<boolean>;
114
116
  composerChildren: RealmNode<ComponentType<{}>[]>;
115
117
  addComposerChild: RealmNode<ComponentType<{}>>;
@@ -186,6 +188,7 @@ linkDialogPluginHooks: {
186
188
  markdown: RealmNode<string>;
187
189
  editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
188
190
  contentEditableClassName: RealmNode<string>;
191
+ placeholder: RealmNode<ReactNode>;
189
192
  autoFocus: RealmNode<boolean>;
190
193
  composerChildren: RealmNode<ComponentType<{}>[]>;
191
194
  addComposerChild: RealmNode<ComponentType<{}>>;
@@ -207,7 +210,7 @@ linkDialogPluginHooks: {
207
210
  convertSelectionToNode: RealmNode<() => ElementNode>;
208
211
  insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
209
212
  }>;
210
- 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" | "autoFocus" | "composerChildren" | "addComposerChild" | "topAreaChildren" | "addTopAreaChild" | "nestedEditorChildren" | "addNestedEditorChild" | "editorWrappers" | "addEditorWrapper" | "currentFormat" | "editorInFocus" | "applyFormat" | "currentBlockType" | "applyBlockType" | "convertSelectionToNode" | "insertDecoratorNode" | "dialogState" | "onWindowChange" | "linkDialogState" | "updateLinkUrl" | "switchFromPreviewToLinkEdit" | "cancelLinkEdit" | "removeLink" | "openLinkEditDialog" | "applyLinkChanges" | "linkAutocompleteSuggestions">(key: K, callback: (value: ValueForKey<{
213
+ 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" | "dialogState" | "onWindowChange" | "linkDialogState" | "updateLinkUrl" | "switchFromPreviewToLinkEdit" | "cancelLinkEdit" | "removeLink" | "openLinkEditDialog" | "applyLinkChanges" | "linkAutocompleteSuggestions">(key: K, callback: (value: ValueForKey<{
211
214
  dialogState: RealmNode<boolean>;
212
215
  onWindowChange: RealmNode<true>;
213
216
  linkDialogState: RealmNode<InactiveLinkDialog | PreviewLinkDialog | EditLinkDialog>;
@@ -247,6 +250,7 @@ linkDialogPluginHooks: {
247
250
  markdown: RealmNode<string>;
248
251
  editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
249
252
  contentEditableClassName: RealmNode<string>;
253
+ placeholder: RealmNode<ReactNode>;
250
254
  autoFocus: RealmNode<boolean>;
251
255
  composerChildren: RealmNode<ComponentType<{}>[]>;
252
256
  addComposerChild: RealmNode<ComponentType<{}>>;
@@ -308,6 +312,7 @@ linkDialogPluginHooks: {
308
312
  markdown: RealmNode<string>;
309
313
  editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
310
314
  contentEditableClassName: RealmNode<string>;
315
+ placeholder: RealmNode<ReactNode>;
311
316
  autoFocus: RealmNode<boolean>;
312
317
  composerChildren: RealmNode<ComponentType<{}>[]>;
313
318
  addComposerChild: RealmNode<ComponentType<{}>>;
@@ -368,6 +373,7 @@ linkDialogPluginHooks: {
368
373
  markdown: RealmNode<string>;
369
374
  editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
370
375
  contentEditableClassName: RealmNode<string>;
376
+ placeholder: RealmNode<ReactNode>;
371
377
  autoFocus: RealmNode<boolean>;
372
378
  composerChildren: RealmNode<ComponentType<{}>[]>;
373
379
  addComposerChild: RealmNode<ComponentType<{}>>;
@@ -429,6 +435,7 @@ linkDialogPluginHooks: {
429
435
  markdown: RealmNode<string>;
430
436
  editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
431
437
  contentEditableClassName: RealmNode<string>;
438
+ placeholder: RealmNode<ReactNode>;
432
439
  autoFocus: RealmNode<boolean>;
433
440
  composerChildren: RealmNode<ComponentType<{}>[]>;
434
441
  addComposerChild: RealmNode<ComponentType<{}>>;
@@ -450,7 +457,7 @@ linkDialogPluginHooks: {
450
457
  convertSelectionToNode: RealmNode<() => ElementNode>;
451
458
  insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
452
459
  }>) => void;
453
- 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" | "autoFocus" | "composerChildren" | "addComposerChild" | "topAreaChildren" | "addTopAreaChild" | "nestedEditorChildren" | "addNestedEditorChild" | "editorWrappers" | "addEditorWrapper" | "currentFormat" | "editorInFocus" | "applyFormat" | "currentBlockType" | "applyBlockType" | "convertSelectionToNode" | "insertDecoratorNode" | "dialogState" | "onWindowChange" | "linkDialogState" | "updateLinkUrl" | "switchFromPreviewToLinkEdit" | "cancelLinkEdit" | "removeLink" | "openLinkEditDialog" | "applyLinkChanges" | "linkAutocompleteSuggestions">(key: K_2) => (value: ValueForKey<{
460
+ 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" | "dialogState" | "onWindowChange" | "linkDialogState" | "updateLinkUrl" | "switchFromPreviewToLinkEdit" | "cancelLinkEdit" | "removeLink" | "openLinkEditDialog" | "applyLinkChanges" | "linkAutocompleteSuggestions">(key: K_2) => (value: ValueForKey<{
454
461
  dialogState: RealmNode<boolean>;
455
462
  onWindowChange: RealmNode<true>;
456
463
  linkDialogState: RealmNode<InactiveLinkDialog | PreviewLinkDialog | EditLinkDialog>;
@@ -490,6 +497,7 @@ linkDialogPluginHooks: {
490
497
  markdown: RealmNode<string>;
491
498
  editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
492
499
  contentEditableClassName: RealmNode<string>;
500
+ placeholder: RealmNode<ReactNode>;
493
501
  autoFocus: RealmNode<boolean>;
494
502
  composerChildren: RealmNode<ComponentType<{}>[]>;
495
503
  addComposerChild: RealmNode<ComponentType<{}>>;
@@ -84,6 +84,7 @@ const linkDialogSystem = system(
84
84
  (event) => {
85
85
  if (event.key === "k" && (IS_APPLE ? event.metaKey : event.ctrlKey)) {
86
86
  r.pub(openLinkEditDialog, true);
87
+ event.stopPropagation();
87
88
  return true;
88
89
  }
89
90
  return false;
@@ -1,4 +1,4 @@
1
- import type { RefObject, ComponentType, ReactNode } from 'react';
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,7 @@ 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>;
46
47
  autoFocus: RealmNode<boolean>;
47
48
  composerChildren: RealmNode<ComponentType<{}>[]>;
48
49
  addComposerChild: RealmNode<ComponentType<{}>>;
@@ -92,6 +93,7 @@ export declare const listsSystem: SystemSpec<[SystemSpec<[], (r: Realm) => {
92
93
  markdown: RealmNode<string>;
93
94
  editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
94
95
  contentEditableClassName: RealmNode<string>;
96
+ placeholder: RealmNode<ReactNode>;
95
97
  autoFocus: RealmNode<boolean>;
96
98
  composerChildren: RealmNode<ComponentType<{}>[]>;
97
99
  addComposerChild: RealmNode<ComponentType<{}>>;
@@ -147,6 +149,7 @@ listsPlugin: PluginConstructor<SystemSpec<[SystemSpec<[], (r: Realm) => {
147
149
  markdown: RealmNode<string>;
148
150
  editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
149
151
  contentEditableClassName: RealmNode<string>;
152
+ placeholder: RealmNode<ReactNode>;
150
153
  autoFocus: RealmNode<boolean>;
151
154
  composerChildren: RealmNode<ComponentType<{}>[]>;
152
155
  addComposerChild: RealmNode<ComponentType<{}>>;
@@ -196,6 +199,7 @@ listsPlugin: PluginConstructor<SystemSpec<[SystemSpec<[], (r: Realm) => {
196
199
  markdown: RealmNode<string>;
197
200
  editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
198
201
  contentEditableClassName: RealmNode<string>;
202
+ placeholder: RealmNode<ReactNode>;
199
203
  autoFocus: RealmNode<boolean>;
200
204
  composerChildren: RealmNode<ComponentType<{}>[]>;
201
205
  addComposerChild: RealmNode<ComponentType<{}>>;
@@ -254,6 +258,7 @@ listsPluginHooks: {
254
258
  markdown: RealmNode<string>;
255
259
  editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
256
260
  contentEditableClassName: RealmNode<string>;
261
+ placeholder: RealmNode<ReactNode>;
257
262
  autoFocus: RealmNode<boolean>;
258
263
  composerChildren: RealmNode<ComponentType<{}>[]>;
259
264
  addComposerChild: RealmNode<ComponentType<{}>>;
@@ -275,7 +280,7 @@ listsPluginHooks: {
275
280
  convertSelectionToNode: RealmNode<() => ElementNode>;
276
281
  insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
277
282
  }>;
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" | "autoFocus" | "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<{
279
284
  currentListType: RealmNode<"" | ListType>;
280
285
  applyListType: RealmNode<"" | ListType>;
281
286
  } & {
@@ -307,6 +312,7 @@ listsPluginHooks: {
307
312
  markdown: RealmNode<string>;
308
313
  editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
309
314
  contentEditableClassName: RealmNode<string>;
315
+ placeholder: RealmNode<ReactNode>;
310
316
  autoFocus: RealmNode<boolean>;
311
317
  composerChildren: RealmNode<ComponentType<{}>[]>;
312
318
  addComposerChild: RealmNode<ComponentType<{}>>;
@@ -360,6 +366,7 @@ listsPluginHooks: {
360
366
  markdown: RealmNode<string>;
361
367
  editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
362
368
  contentEditableClassName: RealmNode<string>;
369
+ placeholder: RealmNode<ReactNode>;
363
370
  autoFocus: RealmNode<boolean>;
364
371
  composerChildren: RealmNode<ComponentType<{}>[]>;
365
372
  addComposerChild: RealmNode<ComponentType<{}>>;
@@ -412,6 +419,7 @@ listsPluginHooks: {
412
419
  markdown: RealmNode<string>;
413
420
  editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
414
421
  contentEditableClassName: RealmNode<string>;
422
+ placeholder: RealmNode<ReactNode>;
415
423
  autoFocus: RealmNode<boolean>;
416
424
  composerChildren: RealmNode<ComponentType<{}>[]>;
417
425
  addComposerChild: RealmNode<ComponentType<{}>>;
@@ -465,6 +473,7 @@ listsPluginHooks: {
465
473
  markdown: RealmNode<string>;
466
474
  editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
467
475
  contentEditableClassName: RealmNode<string>;
476
+ placeholder: RealmNode<ReactNode>;
468
477
  autoFocus: RealmNode<boolean>;
469
478
  composerChildren: RealmNode<ComponentType<{}>[]>;
470
479
  addComposerChild: RealmNode<ComponentType<{}>>;
@@ -486,7 +495,7 @@ listsPluginHooks: {
486
495
  convertSelectionToNode: RealmNode<() => ElementNode>;
487
496
  insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
488
497
  }>) => void;
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" | "autoFocus" | "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<{
490
499
  currentListType: RealmNode<"" | ListType>;
491
500
  applyListType: RealmNode<"" | ListType>;
492
501
  } & {
@@ -518,6 +527,7 @@ listsPluginHooks: {
518
527
  markdown: RealmNode<string>;
519
528
  editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
520
529
  contentEditableClassName: RealmNode<string>;
530
+ placeholder: RealmNode<ReactNode>;
521
531
  autoFocus: RealmNode<boolean>;
522
532
  composerChildren: RealmNode<ComponentType<{}>[]>;
523
533
  addComposerChild: 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,7 @@ 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>;
43
44
  autoFocus: RealmNode<boolean>;
44
45
  composerChildren: RealmNode<React.ComponentType<{}>[]>;
45
46
  addComposerChild: 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, ComponentType, ReactNode } from 'react';
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,7 @@ 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>;
45
46
  autoFocus: RealmNode<boolean>;
46
47
  composerChildren: RealmNode<ComponentType<{}>[]>;
47
48
  addComposerChild: RealmNode<ComponentType<{}>>;
@@ -94,6 +95,7 @@ quotePluginHooks: {
94
95
  markdown: RealmNode<string>;
95
96
  editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
96
97
  contentEditableClassName: RealmNode<string>;
98
+ placeholder: RealmNode<ReactNode>;
97
99
  autoFocus: RealmNode<boolean>;
98
100
  composerChildren: RealmNode<ComponentType<{}>[]>;
99
101
  addComposerChild: RealmNode<ComponentType<{}>>;
@@ -115,7 +117,7 @@ quotePluginHooks: {
115
117
  convertSelectionToNode: RealmNode<() => ElementNode>;
116
118
  insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
117
119
  }>;
118
- 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" | "autoFocus" | "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<{
119
121
  activeEditor: RealmNode<LexicalEditor | null>;
120
122
  inFocus: RealmNode<boolean>;
121
123
  historyState: RealmNode<HistoryState>;
@@ -144,6 +146,7 @@ quotePluginHooks: {
144
146
  markdown: RealmNode<string>;
145
147
  editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
146
148
  contentEditableClassName: RealmNode<string>;
149
+ placeholder: RealmNode<ReactNode>;
147
150
  autoFocus: RealmNode<boolean>;
148
151
  composerChildren: RealmNode<ComponentType<{}>[]>;
149
152
  addComposerChild: RealmNode<ComponentType<{}>>;
@@ -194,6 +197,7 @@ quotePluginHooks: {
194
197
  markdown: RealmNode<string>;
195
198
  editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
196
199
  contentEditableClassName: RealmNode<string>;
200
+ placeholder: RealmNode<ReactNode>;
197
201
  autoFocus: RealmNode<boolean>;
198
202
  composerChildren: RealmNode<ComponentType<{}>[]>;
199
203
  addComposerChild: RealmNode<ComponentType<{}>>;
@@ -243,6 +247,7 @@ quotePluginHooks: {
243
247
  markdown: RealmNode<string>;
244
248
  editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
245
249
  contentEditableClassName: RealmNode<string>;
250
+ placeholder: RealmNode<ReactNode>;
246
251
  autoFocus: RealmNode<boolean>;
247
252
  composerChildren: RealmNode<ComponentType<{}>[]>;
248
253
  addComposerChild: RealmNode<ComponentType<{}>>;
@@ -293,6 +298,7 @@ quotePluginHooks: {
293
298
  markdown: RealmNode<string>;
294
299
  editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
295
300
  contentEditableClassName: RealmNode<string>;
301
+ placeholder: RealmNode<ReactNode>;
296
302
  autoFocus: RealmNode<boolean>;
297
303
  composerChildren: RealmNode<ComponentType<{}>[]>;
298
304
  addComposerChild: RealmNode<ComponentType<{}>>;
@@ -314,7 +320,7 @@ quotePluginHooks: {
314
320
  convertSelectionToNode: RealmNode<() => ElementNode>;
315
321
  insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
316
322
  }>) => void;
317
- 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" | "autoFocus" | "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<{
318
324
  activeEditor: RealmNode<LexicalEditor | null>;
319
325
  inFocus: RealmNode<boolean>;
320
326
  historyState: RealmNode<HistoryState>;
@@ -343,6 +349,7 @@ quotePluginHooks: {
343
349
  markdown: RealmNode<string>;
344
350
  editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
345
351
  contentEditableClassName: RealmNode<string>;
352
+ placeholder: RealmNode<ReactNode>;
346
353
  autoFocus: RealmNode<boolean>;
347
354
  composerChildren: RealmNode<ComponentType<{}>[]>;
348
355
  addComposerChild: RealmNode<ComponentType<{}>>;
@@ -104,6 +104,7 @@ 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>;
107
108
  autoFocus: RealmNode<boolean>;
108
109
  composerChildren: RealmNode<React.ComponentType<{}>[]>;
109
110
  addComposerChild: RealmNode<React.ComponentType<{}>>;
@@ -153,6 +154,7 @@ export declare const sandpackSystem: SystemSpec<[SystemSpec<[], (r: Realm) => {
153
154
  markdown: RealmNode<string>;
154
155
  editorRootElementRef: RealmNode<React.RefObject<HTMLDivElement> | null>;
155
156
  contentEditableClassName: RealmNode<string>;
157
+ placeholder: RealmNode<React.ReactNode>;
156
158
  autoFocus: RealmNode<boolean>;
157
159
  composerChildren: RealmNode<React.ComponentType<{}>[]>;
158
160
  addComposerChild: RealmNode<React.ComponentType<{}>>;
@@ -202,6 +204,7 @@ export declare const sandpackSystem: SystemSpec<[SystemSpec<[], (r: Realm) => {
202
204
  markdown: RealmNode<string>;
203
205
  editorRootElementRef: RealmNode<React.RefObject<HTMLDivElement> | null>;
204
206
  contentEditableClassName: RealmNode<string>;
207
+ placeholder: RealmNode<React.ReactNode>;
205
208
  autoFocus: RealmNode<boolean>;
206
209
  composerChildren: RealmNode<React.ComponentType<{}>[]>;
207
210
  addComposerChild: RealmNode<React.ComponentType<{}>>;
@@ -256,6 +259,7 @@ export declare const sandpackSystem: SystemSpec<[SystemSpec<[], (r: Realm) => {
256
259
  markdown: RealmNode<string>;
257
260
  editorRootElementRef: RealmNode<React.RefObject<HTMLDivElement> | null>;
258
261
  contentEditableClassName: RealmNode<string>;
262
+ placeholder: RealmNode<React.ReactNode>;
259
263
  autoFocus: RealmNode<boolean>;
260
264
  composerChildren: RealmNode<React.ComponentType<{}>[]>;
261
265
  addComposerChild: RealmNode<React.ComponentType<{}>>;
@@ -316,6 +320,7 @@ sandpackPlugin: PluginConstructor<SystemSpec<[SystemSpec<[], (r: Realm) => {
316
320
  markdown: RealmNode<string>;
317
321
  editorRootElementRef: RealmNode<React.RefObject<HTMLDivElement> | null>;
318
322
  contentEditableClassName: RealmNode<string>;
323
+ placeholder: RealmNode<React.ReactNode>;
319
324
  autoFocus: RealmNode<boolean>;
320
325
  composerChildren: RealmNode<React.ComponentType<{}>[]>;
321
326
  addComposerChild: RealmNode<React.ComponentType<{}>>;
@@ -365,6 +370,7 @@ sandpackPlugin: PluginConstructor<SystemSpec<[SystemSpec<[], (r: Realm) => {
365
370
  markdown: RealmNode<string>;
366
371
  editorRootElementRef: RealmNode<React.RefObject<HTMLDivElement> | null>;
367
372
  contentEditableClassName: RealmNode<string>;
373
+ placeholder: RealmNode<React.ReactNode>;
368
374
  autoFocus: RealmNode<boolean>;
369
375
  composerChildren: RealmNode<React.ComponentType<{}>[]>;
370
376
  addComposerChild: RealmNode<React.ComponentType<{}>>;
@@ -414,6 +420,7 @@ sandpackPlugin: PluginConstructor<SystemSpec<[SystemSpec<[], (r: Realm) => {
414
420
  markdown: RealmNode<string>;
415
421
  editorRootElementRef: RealmNode<React.RefObject<HTMLDivElement> | null>;
416
422
  contentEditableClassName: RealmNode<string>;
423
+ placeholder: RealmNode<React.ReactNode>;
417
424
  autoFocus: RealmNode<boolean>;
418
425
  composerChildren: RealmNode<React.ComponentType<{}>[]>;
419
426
  addComposerChild: RealmNode<React.ComponentType<{}>>;
@@ -468,6 +475,7 @@ sandpackPlugin: PluginConstructor<SystemSpec<[SystemSpec<[], (r: Realm) => {
468
475
  markdown: RealmNode<string>;
469
476
  editorRootElementRef: RealmNode<React.RefObject<HTMLDivElement> | null>;
470
477
  contentEditableClassName: RealmNode<string>;
478
+ placeholder: RealmNode<React.ReactNode>;
471
479
  autoFocus: RealmNode<boolean>;
472
480
  composerChildren: RealmNode<React.ComponentType<{}>[]>;
473
481
  addComposerChild: RealmNode<React.ComponentType<{}>>;
@@ -533,6 +541,7 @@ sandpackPluginHooks: {
533
541
  markdown: RealmNode<string>;
534
542
  editorRootElementRef: RealmNode<React.RefObject<HTMLDivElement> | null>;
535
543
  contentEditableClassName: RealmNode<string>;
544
+ placeholder: RealmNode<React.ReactNode>;
536
545
  autoFocus: RealmNode<boolean>;
537
546
  composerChildren: RealmNode<React.ComponentType<{}>[]>;
538
547
  addComposerChild: RealmNode<React.ComponentType<{}>>;
@@ -559,7 +568,7 @@ sandpackPluginHooks: {
559
568
  appendCodeBlockEditorDescriptor: RealmNode<CodeBlockEditorDescriptor>;
560
569
  insertCodeBlock: RealmNode<Partial<CreateCodeBlockNodeOptions>>;
561
570
  }>;
562
- 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" | "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<{
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<{
563
572
  insertSandpack: RealmNode<string>;
564
573
  sandpackConfig: RealmNode<SandpackConfig>;
565
574
  } & {
@@ -591,6 +600,7 @@ sandpackPluginHooks: {
591
600
  markdown: RealmNode<string>;
592
601
  editorRootElementRef: RealmNode<React.RefObject<HTMLDivElement> | null>;
593
602
  contentEditableClassName: RealmNode<string>;
603
+ placeholder: RealmNode<React.ReactNode>;
594
604
  autoFocus: RealmNode<boolean>;
595
605
  composerChildren: RealmNode<React.ComponentType<{}>[]>;
596
606
  addComposerChild: RealmNode<React.ComponentType<{}>>;
@@ -649,6 +659,7 @@ sandpackPluginHooks: {
649
659
  markdown: RealmNode<string>;
650
660
  editorRootElementRef: RealmNode<React.RefObject<HTMLDivElement> | null>;
651
661
  contentEditableClassName: RealmNode<string>;
662
+ placeholder: RealmNode<React.ReactNode>;
652
663
  autoFocus: RealmNode<boolean>;
653
664
  composerChildren: RealmNode<React.ComponentType<{}>[]>;
654
665
  addComposerChild: RealmNode<React.ComponentType<{}>>;
@@ -706,6 +717,7 @@ sandpackPluginHooks: {
706
717
  markdown: RealmNode<string>;
707
718
  editorRootElementRef: RealmNode<React.RefObject<HTMLDivElement> | null>;
708
719
  contentEditableClassName: RealmNode<string>;
720
+ placeholder: RealmNode<React.ReactNode>;
709
721
  autoFocus: RealmNode<boolean>;
710
722
  composerChildren: RealmNode<React.ComponentType<{}>[]>;
711
723
  addComposerChild: RealmNode<React.ComponentType<{}>>;
@@ -764,6 +776,7 @@ sandpackPluginHooks: {
764
776
  markdown: RealmNode<string>;
765
777
  editorRootElementRef: RealmNode<React.RefObject<HTMLDivElement> | null>;
766
778
  contentEditableClassName: RealmNode<string>;
779
+ placeholder: RealmNode<React.ReactNode>;
767
780
  autoFocus: RealmNode<boolean>;
768
781
  composerChildren: RealmNode<React.ComponentType<{}>[]>;
769
782
  addComposerChild: RealmNode<React.ComponentType<{}>>;
@@ -790,7 +803,7 @@ sandpackPluginHooks: {
790
803
  appendCodeBlockEditorDescriptor: RealmNode<CodeBlockEditorDescriptor>;
791
804
  insertCodeBlock: RealmNode<Partial<CreateCodeBlockNodeOptions>>;
792
805
  }>) => void;
793
- 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" | "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<{
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<{
794
807
  insertSandpack: RealmNode<string>;
795
808
  sandpackConfig: RealmNode<SandpackConfig>;
796
809
  } & {
@@ -822,6 +835,7 @@ sandpackPluginHooks: {
822
835
  markdown: RealmNode<string>;
823
836
  editorRootElementRef: RealmNode<React.RefObject<HTMLDivElement> | null>;
824
837
  contentEditableClassName: RealmNode<string>;
838
+ placeholder: RealmNode<React.ReactNode>;
825
839
  autoFocus: RealmNode<boolean>;
826
840
  composerChildren: RealmNode<React.ComponentType<{}>[]>;
827
841
  addComposerChild: 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, ComponentType, ReactNode } from 'react';
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,7 @@ 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>;
44
45
  autoFocus: RealmNode<boolean>;
45
46
  composerChildren: RealmNode<ComponentType<{}>[]>;
46
47
  addComposerChild: RealmNode<ComponentType<{}>>;
@@ -90,6 +91,7 @@ export declare const tableSystem: SystemSpec<[SystemSpec<[], (r: Realm) => {
90
91
  markdown: RealmNode<string>;
91
92
  editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
92
93
  contentEditableClassName: RealmNode<string>;
94
+ placeholder: RealmNode<ReactNode>;
93
95
  autoFocus: RealmNode<boolean>;
94
96
  composerChildren: RealmNode<ComponentType<{}>[]>;
95
97
  addComposerChild: RealmNode<ComponentType<{}>>;
@@ -144,6 +146,7 @@ tablePlugin: PluginConstructor<SystemSpec<[SystemSpec<[], (r: Realm) => {
144
146
  markdown: RealmNode<string>;
145
147
  editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
146
148
  contentEditableClassName: RealmNode<string>;
149
+ placeholder: RealmNode<ReactNode>;
147
150
  autoFocus: RealmNode<boolean>;
148
151
  composerChildren: RealmNode<ComponentType<{}>[]>;
149
152
  addComposerChild: RealmNode<ComponentType<{}>>;
@@ -193,6 +196,7 @@ tablePlugin: PluginConstructor<SystemSpec<[SystemSpec<[], (r: Realm) => {
193
196
  markdown: RealmNode<string>;
194
197
  editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
195
198
  contentEditableClassName: RealmNode<string>;
199
+ placeholder: RealmNode<ReactNode>;
196
200
  autoFocus: RealmNode<boolean>;
197
201
  composerChildren: RealmNode<ComponentType<{}>[]>;
198
202
  addComposerChild: RealmNode<ComponentType<{}>>;
@@ -249,6 +253,7 @@ tablePluginHooks: {
249
253
  markdown: RealmNode<string>;
250
254
  editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
251
255
  contentEditableClassName: RealmNode<string>;
256
+ placeholder: RealmNode<ReactNode>;
252
257
  autoFocus: RealmNode<boolean>;
253
258
  composerChildren: RealmNode<ComponentType<{}>[]>;
254
259
  addComposerChild: RealmNode<ComponentType<{}>>;
@@ -270,7 +275,7 @@ tablePluginHooks: {
270
275
  convertSelectionToNode: RealmNode<() => ElementNode>;
271
276
  insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
272
277
  }>;
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" | "autoFocus" | "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<{
274
279
  insertTable: RealmNode<true>;
275
280
  } & {
276
281
  activeEditor: RealmNode<LexicalEditor | null>;
@@ -301,6 +306,7 @@ tablePluginHooks: {
301
306
  markdown: RealmNode<string>;
302
307
  editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
303
308
  contentEditableClassName: RealmNode<string>;
309
+ placeholder: RealmNode<ReactNode>;
304
310
  autoFocus: RealmNode<boolean>;
305
311
  composerChildren: RealmNode<ComponentType<{}>[]>;
306
312
  addComposerChild: RealmNode<ComponentType<{}>>;
@@ -353,6 +359,7 @@ tablePluginHooks: {
353
359
  markdown: RealmNode<string>;
354
360
  editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
355
361
  contentEditableClassName: RealmNode<string>;
362
+ placeholder: RealmNode<ReactNode>;
356
363
  autoFocus: RealmNode<boolean>;
357
364
  composerChildren: RealmNode<ComponentType<{}>[]>;
358
365
  addComposerChild: RealmNode<ComponentType<{}>>;
@@ -404,6 +411,7 @@ tablePluginHooks: {
404
411
  markdown: RealmNode<string>;
405
412
  editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
406
413
  contentEditableClassName: RealmNode<string>;
414
+ placeholder: RealmNode<ReactNode>;
407
415
  autoFocus: RealmNode<boolean>;
408
416
  composerChildren: RealmNode<ComponentType<{}>[]>;
409
417
  addComposerChild: RealmNode<ComponentType<{}>>;
@@ -456,6 +464,7 @@ tablePluginHooks: {
456
464
  markdown: RealmNode<string>;
457
465
  editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
458
466
  contentEditableClassName: RealmNode<string>;
467
+ placeholder: RealmNode<ReactNode>;
459
468
  autoFocus: RealmNode<boolean>;
460
469
  composerChildren: RealmNode<ComponentType<{}>[]>;
461
470
  addComposerChild: RealmNode<ComponentType<{}>>;
@@ -477,7 +486,7 @@ tablePluginHooks: {
477
486
  convertSelectionToNode: RealmNode<() => ElementNode>;
478
487
  insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
479
488
  }>) => 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" | "autoFocus" | "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<{
481
490
  insertTable: RealmNode<true>;
482
491
  } & {
483
492
  activeEditor: RealmNode<LexicalEditor | null>;
@@ -508,6 +517,7 @@ tablePluginHooks: {
508
517
  markdown: RealmNode<string>;
509
518
  editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
510
519
  contentEditableClassName: RealmNode<string>;
520
+ placeholder: RealmNode<ReactNode>;
511
521
  autoFocus: RealmNode<boolean>;
512
522
  composerChildren: RealmNode<ComponentType<{}>[]>;
513
523
  addComposerChild: 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 }) {
@@ -1,4 +1,4 @@
1
- import { $createHorizontalRuleNode } from "@lexical/react/LexicalHorizontalRuleNode";
1
+ import { $createHorizontalRuleNode } from "@lexical/react/LexicalHorizontalRuleNode.js";
2
2
  const MdastThematicBreakVisitor = {
3
3
  testNode: "thematicBreak",
4
4
  visitNode({ actions }) {