@mdxeditor/editor 0.15.2 → 0.17.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 +5 -0
  2. package/dist/MDXEditor.js +8 -2
  3. package/dist/gurx/react.js +1 -1
  4. package/dist/index.js +2 -1
  5. package/dist/plugins/codeblock/index.d.ts +12 -2
  6. package/dist/plugins/codemirror/CodeMirrorEditor.js +6 -3
  7. package/dist/plugins/codemirror/index.d.ts +16 -2
  8. package/dist/plugins/core/index.d.ts +11 -2
  9. package/dist/plugins/core/index.js +12 -4
  10. package/dist/plugins/diff-source/SourceEditor.js +2 -1
  11. package/dist/plugins/diff-source/index.d.ts +12 -2
  12. package/dist/plugins/directives/index.d.ts +12 -2
  13. package/dist/plugins/frontmatter/FrontmatterEditor.js +4 -1
  14. package/dist/plugins/frontmatter/index.d.ts +12 -2
  15. package/dist/plugins/headings/index.d.ts +348 -3
  16. package/dist/plugins/headings/index.js +22 -10
  17. package/dist/plugins/image/index.d.ts +12 -2
  18. package/dist/plugins/jsx/index.d.ts +12 -2
  19. package/dist/plugins/link/index.d.ts +1 -0
  20. package/dist/plugins/link-dialog/index.d.ts +10 -2
  21. package/dist/plugins/lists/index.d.ts +12 -2
  22. package/dist/plugins/markdown-shortcut/index.d.ts +2 -1
  23. package/dist/plugins/markdown-shortcut/index.js +35 -3
  24. package/dist/plugins/quote/index.d.ts +9 -2
  25. package/dist/plugins/sandpack/SandpackEditor.js +3 -1
  26. package/dist/plugins/sandpack/index.d.ts +16 -2
  27. package/dist/plugins/table/index.d.ts +12 -2
  28. package/dist/plugins/thematic-break/index.d.ts +12 -2
  29. package/dist/plugins/toolbar/components/BlockTypeSelect.js +3 -1
  30. package/dist/plugins/toolbar/components/DiffSourceToggleWrapper.js +1 -1
  31. package/dist/plugins/toolbar/index.d.ts +10 -2
  32. package/dist/plugins/toolbar/index.js +3 -2
  33. package/dist/plugins/toolbar/primitives/DialogButton.js +2 -2
  34. package/dist/plugins/toolbar/primitives/select.js +14 -2
  35. package/dist/plugins/toolbar/primitives/toolbar.d.ts +4 -1
  36. package/dist/plugins/toolbar/primitives/toolbar.js +12 -8
  37. package/dist/style.css +211 -169
  38. package/dist/styles/ui.module.css.js +88 -85
  39. package/package.json +1 -1
package/dist/plugins/quote/index.d.ts CHANGED
@@ -44,6 +44,7 @@ quotePlugin: PluginConstructor<SystemSpec<[SystemSpec<[], (r: Realm) => {
44
44
  contentEditableClassName: RealmNode<string>;
45
45
  placeholder: RealmNode<ReactNode>;
46
46
  autoFocus: RealmNode<boolean>;
47
+ readOnly: RealmNode<boolean>;
47
48
  composerChildren: RealmNode<ComponentType<{}>[]>;
48
49
  addComposerChild: RealmNode<ComponentType<{}>>;
49
50
  topAreaChildren: RealmNode<ComponentType<{}>[]>;
@@ -97,6 +98,7 @@ quotePluginHooks: {
97
98
  contentEditableClassName: RealmNode<string>;
98
99
  placeholder: RealmNode<ReactNode>;
99
100
  autoFocus: RealmNode<boolean>;
101
+ readOnly: RealmNode<boolean>;
100
102
  composerChildren: RealmNode<ComponentType<{}>[]>;
101
103
  addComposerChild: RealmNode<ComponentType<{}>>;
102
104
  topAreaChildren: RealmNode<ComponentType<{}>[]>;
@@ -117,7 +119,7 @@ quotePluginHooks: {
117
119
  convertSelectionToNode: RealmNode<() => ElementNode>;
118
120
  insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
119
121
  }>;
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<{
122
+ 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" | "readOnly" | "composerChildren" | "addComposerChild" | "topAreaChildren" | "addTopAreaChild" | "nestedEditorChildren" | "addNestedEditorChild" | "editorWrappers" | "addEditorWrapper" | "currentFormat" | "editorInFocus" | "applyFormat" | "currentBlockType" | "applyBlockType" | "convertSelectionToNode" | "insertDecoratorNode">(key: K, callback: (value: ValueForKey<{
121
123
  activeEditor: RealmNode<LexicalEditor | null>;
122
124
  inFocus: RealmNode<boolean>;
123
125
  historyState: RealmNode<HistoryState>;
@@ -148,6 +150,7 @@ quotePluginHooks: {
148
150
  contentEditableClassName: RealmNode<string>;
149
151
  placeholder: RealmNode<ReactNode>;
150
152
  autoFocus: RealmNode<boolean>;
153
+ readOnly: RealmNode<boolean>;
151
154
  composerChildren: RealmNode<ComponentType<{}>[]>;
152
155
  addComposerChild: RealmNode<ComponentType<{}>>;
153
156
  topAreaChildren: RealmNode<ComponentType<{}>[]>;
@@ -199,6 +202,7 @@ quotePluginHooks: {
199
202
  contentEditableClassName: RealmNode<string>;
200
203
  placeholder: RealmNode<ReactNode>;
201
204
  autoFocus: RealmNode<boolean>;
205
+ readOnly: RealmNode<boolean>;
202
206
  composerChildren: RealmNode<ComponentType<{}>[]>;
203
207
  addComposerChild: RealmNode<ComponentType<{}>>;
204
208
  topAreaChildren: RealmNode<ComponentType<{}>[]>;
@@ -249,6 +253,7 @@ quotePluginHooks: {
249
253
  contentEditableClassName: RealmNode<string>;
250
254
  placeholder: RealmNode<ReactNode>;
251
255
  autoFocus: RealmNode<boolean>;
256
+ readOnly: RealmNode<boolean>;
252
257
  composerChildren: RealmNode<ComponentType<{}>[]>;
253
258
  addComposerChild: RealmNode<ComponentType<{}>>;
254
259
  topAreaChildren: RealmNode<ComponentType<{}>[]>;
@@ -300,6 +305,7 @@ quotePluginHooks: {
300
305
  contentEditableClassName: RealmNode<string>;
301
306
  placeholder: RealmNode<ReactNode>;
302
307
  autoFocus: RealmNode<boolean>;
308
+ readOnly: RealmNode<boolean>;
303
309
  composerChildren: RealmNode<ComponentType<{}>[]>;
304
310
  addComposerChild: RealmNode<ComponentType<{}>>;
305
311
  topAreaChildren: RealmNode<ComponentType<{}>[]>;
@@ -320,7 +326,7 @@ quotePluginHooks: {
320
326
  convertSelectionToNode: RealmNode<() => ElementNode>;
321
327
  insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
322
328
  }>) => void;
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<{
329
+ 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" | "readOnly" | "composerChildren" | "addComposerChild" | "topAreaChildren" | "addTopAreaChild" | "nestedEditorChildren" | "addNestedEditorChild" | "editorWrappers" | "addEditorWrapper" | "currentFormat" | "editorInFocus" | "applyFormat" | "currentBlockType" | "applyBlockType" | "convertSelectionToNode" | "insertDecoratorNode">(key: K_2) => (value: ValueForKey<{
324
330
  activeEditor: RealmNode<LexicalEditor | null>;
325
331
  inFocus: RealmNode<boolean>;
326
332
  historyState: RealmNode<HistoryState>;
@@ -351,6 +357,7 @@ quotePluginHooks: {
351
357
  contentEditableClassName: RealmNode<string>;
352
358
  placeholder: RealmNode<ReactNode>;
353
359
  autoFocus: RealmNode<boolean>;
360
+ readOnly: RealmNode<boolean>;
354
361
  composerChildren: RealmNode<ComponentType<{}>[]>;
355
362
  addComposerChild: RealmNode<ComponentType<{}>>;
356
363
  topAreaChildren: RealmNode<ComponentType<{}>[]>;
package/dist/plugins/sandpack/SandpackEditor.js CHANGED
@@ -2,6 +2,7 @@ import React__default from "react";
2
2
  import { useCodeMirrorRef } from "./useCodeMirrorRef.js";
3
3
  import { SandpackProvider, SandpackLayout, SandpackCodeEditor, SandpackPreview, useSandpack } from "@codesandbox/sandpack-react";
4
4
  import { useCodeBlockEditorContext } from "../codeblock/CodeBlockNode.js";
5
+ import { corePluginHooks } from "../core/index.js";
5
6
  const CodeUpdateEmitter = ({ onChange, snippetFileName }) => {
6
7
  const { sandpack } = useSandpack();
7
8
  onChange(sandpack.files[snippetFileName].code);
@@ -9,6 +10,7 @@ const CodeUpdateEmitter = ({ onChange, snippetFileName }) => {
9
10
  };
10
11
  const SandpackEditor = ({ nodeKey, code, focusEmitter, preset }) => {
11
12
  const codeMirrorRef = useCodeMirrorRef(nodeKey, "sandpack", "jsx", focusEmitter);
13
+ const [readOnly] = corePluginHooks.useEmitterValues("readOnly");
12
14
  const { setCode } = useCodeBlockEditorContext();
13
15
  return /* @__PURE__ */ React__default.createElement(
14
16
  SandpackProvider,
@@ -26,7 +28,7 @@ const SandpackEditor = ({ nodeKey, code, focusEmitter, preset }) => {
26
28
  dependencies: preset.dependencies
27
29
  }
28
30
  },
29
- /* @__PURE__ */ React__default.createElement(SandpackLayout, null, /* @__PURE__ */ React__default.createElement(SandpackCodeEditor, { showLineNumbers: true, showInlineErrors: true, ref: codeMirrorRef }), /* @__PURE__ */ React__default.createElement(SandpackPreview, null)),
31
+ /* @__PURE__ */ React__default.createElement(SandpackLayout, null, /* @__PURE__ */ React__default.createElement(SandpackCodeEditor, { readOnly, showLineNumbers: true, showInlineErrors: true, ref: codeMirrorRef }), /* @__PURE__ */ React__default.createElement(SandpackPreview, null)),
30
32
  /* @__PURE__ */ React__default.createElement(CodeUpdateEmitter, { onChange: setCode, snippetFileName: preset.snippetFileName })
31
33
  );
32
34
  };
package/dist/plugins/sandpack/index.d.ts CHANGED
@@ -106,6 +106,7 @@ export declare const sandpackSystem: SystemSpec<[SystemSpec<[], (r: Realm) => {
106
106
  contentEditableClassName: RealmNode<string>;
107
107
  placeholder: RealmNode<React.ReactNode>;
108
108
  autoFocus: RealmNode<boolean>;
109
+ readOnly: RealmNode<boolean>;
109
110
  composerChildren: RealmNode<React.ComponentType<{}>[]>;
110
111
  addComposerChild: RealmNode<React.ComponentType<{}>>;
111
112
  topAreaChildren: RealmNode<React.ComponentType<{}>[]>;
@@ -156,6 +157,7 @@ export declare const sandpackSystem: SystemSpec<[SystemSpec<[], (r: Realm) => {
156
157
  contentEditableClassName: RealmNode<string>;
157
158
  placeholder: RealmNode<React.ReactNode>;
158
159
  autoFocus: RealmNode<boolean>;
160
+ readOnly: RealmNode<boolean>;
159
161
  composerChildren: RealmNode<React.ComponentType<{}>[]>;
160
162
  addComposerChild: RealmNode<React.ComponentType<{}>>;
161
163
  topAreaChildren: RealmNode<React.ComponentType<{}>[]>;
@@ -206,6 +208,7 @@ export declare const sandpackSystem: SystemSpec<[SystemSpec<[], (r: Realm) => {
206
208
  contentEditableClassName: RealmNode<string>;
207
209
  placeholder: RealmNode<React.ReactNode>;
208
210
  autoFocus: RealmNode<boolean>;
211
+ readOnly: RealmNode<boolean>;
209
212
  composerChildren: RealmNode<React.ComponentType<{}>[]>;
210
213
  addComposerChild: RealmNode<React.ComponentType<{}>>;
211
214
  topAreaChildren: RealmNode<React.ComponentType<{}>[]>;
@@ -261,6 +264,7 @@ export declare const sandpackSystem: SystemSpec<[SystemSpec<[], (r: Realm) => {
261
264
  contentEditableClassName: RealmNode<string>;
262
265
  placeholder: RealmNode<React.ReactNode>;
263
266
  autoFocus: RealmNode<boolean>;
267
+ readOnly: RealmNode<boolean>;
264
268
  composerChildren: RealmNode<React.ComponentType<{}>[]>;
265
269
  addComposerChild: RealmNode<React.ComponentType<{}>>;
266
270
  topAreaChildren: RealmNode<React.ComponentType<{}>[]>;
@@ -322,6 +326,7 @@ sandpackPlugin: PluginConstructor<SystemSpec<[SystemSpec<[], (r: Realm) => {
322
326
  contentEditableClassName: RealmNode<string>;
323
327
  placeholder: RealmNode<React.ReactNode>;
324
328
  autoFocus: RealmNode<boolean>;
329
+ readOnly: RealmNode<boolean>;
325
330
  composerChildren: RealmNode<React.ComponentType<{}>[]>;
326
331
  addComposerChild: RealmNode<React.ComponentType<{}>>;
327
332
  topAreaChildren: RealmNode<React.ComponentType<{}>[]>;
@@ -372,6 +377,7 @@ sandpackPlugin: PluginConstructor<SystemSpec<[SystemSpec<[], (r: Realm) => {
372
377
  contentEditableClassName: RealmNode<string>;
373
378
  placeholder: RealmNode<React.ReactNode>;
374
379
  autoFocus: RealmNode<boolean>;
380
+ readOnly: RealmNode<boolean>;
375
381
  composerChildren: RealmNode<React.ComponentType<{}>[]>;
376
382
  addComposerChild: RealmNode<React.ComponentType<{}>>;
377
383
  topAreaChildren: RealmNode<React.ComponentType<{}>[]>;
@@ -422,6 +428,7 @@ sandpackPlugin: PluginConstructor<SystemSpec<[SystemSpec<[], (r: Realm) => {
422
428
  contentEditableClassName: RealmNode<string>;
423
429
  placeholder: RealmNode<React.ReactNode>;
424
430
  autoFocus: RealmNode<boolean>;
431
+ readOnly: RealmNode<boolean>;
425
432
  composerChildren: RealmNode<React.ComponentType<{}>[]>;
426
433
  addComposerChild: RealmNode<React.ComponentType<{}>>;
427
434
  topAreaChildren: RealmNode<React.ComponentType<{}>[]>;
@@ -477,6 +484,7 @@ sandpackPlugin: PluginConstructor<SystemSpec<[SystemSpec<[], (r: Realm) => {
477
484
  contentEditableClassName: RealmNode<string>;
478
485
  placeholder: RealmNode<React.ReactNode>;
479
486
  autoFocus: RealmNode<boolean>;
487
+ readOnly: RealmNode<boolean>;
480
488
  composerChildren: RealmNode<React.ComponentType<{}>[]>;
481
489
  addComposerChild: RealmNode<React.ComponentType<{}>>;
482
490
  topAreaChildren: RealmNode<React.ComponentType<{}>[]>;
@@ -543,6 +551,7 @@ sandpackPluginHooks: {
543
551
  contentEditableClassName: RealmNode<string>;
544
552
  placeholder: RealmNode<React.ReactNode>;
545
553
  autoFocus: RealmNode<boolean>;
554
+ readOnly: RealmNode<boolean>;
546
555
  composerChildren: RealmNode<React.ComponentType<{}>[]>;
547
556
  addComposerChild: RealmNode<React.ComponentType<{}>>;
548
557
  topAreaChildren: RealmNode<React.ComponentType<{}>[]>;
@@ -568,7 +577,7 @@ sandpackPluginHooks: {
568
577
  appendCodeBlockEditorDescriptor: RealmNode<CodeBlockEditorDescriptor>;
569
578
  insertCodeBlock: RealmNode<Partial<CreateCodeBlockNodeOptions>>;
570
579
  }>;
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<{
580
+ 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" | "readOnly" | "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<{
572
581
  insertSandpack: RealmNode<string>;
573
582
  sandpackConfig: RealmNode<SandpackConfig>;
574
583
  } & {
@@ -602,6 +611,7 @@ sandpackPluginHooks: {
602
611
  contentEditableClassName: RealmNode<string>;
603
612
  placeholder: RealmNode<React.ReactNode>;
604
613
  autoFocus: RealmNode<boolean>;
614
+ readOnly: RealmNode<boolean>;
605
615
  composerChildren: RealmNode<React.ComponentType<{}>[]>;
606
616
  addComposerChild: RealmNode<React.ComponentType<{}>>;
607
617
  topAreaChildren: RealmNode<React.ComponentType<{}>[]>;
@@ -661,6 +671,7 @@ sandpackPluginHooks: {
661
671
  contentEditableClassName: RealmNode<string>;
662
672
  placeholder: RealmNode<React.ReactNode>;
663
673
  autoFocus: RealmNode<boolean>;
674
+ readOnly: RealmNode<boolean>;
664
675
  composerChildren: RealmNode<React.ComponentType<{}>[]>;
665
676
  addComposerChild: RealmNode<React.ComponentType<{}>>;
666
677
  topAreaChildren: RealmNode<React.ComponentType<{}>[]>;
@@ -719,6 +730,7 @@ sandpackPluginHooks: {
719
730
  contentEditableClassName: RealmNode<string>;
720
731
  placeholder: RealmNode<React.ReactNode>;
721
732
  autoFocus: RealmNode<boolean>;
733
+ readOnly: RealmNode<boolean>;
722
734
  composerChildren: RealmNode<React.ComponentType<{}>[]>;
723
735
  addComposerChild: RealmNode<React.ComponentType<{}>>;
724
736
  topAreaChildren: RealmNode<React.ComponentType<{}>[]>;
@@ -778,6 +790,7 @@ sandpackPluginHooks: {
778
790
  contentEditableClassName: RealmNode<string>;
779
791
  placeholder: RealmNode<React.ReactNode>;
780
792
  autoFocus: RealmNode<boolean>;
793
+ readOnly: RealmNode<boolean>;
781
794
  composerChildren: RealmNode<React.ComponentType<{}>[]>;
782
795
  addComposerChild: RealmNode<React.ComponentType<{}>>;
783
796
  topAreaChildren: RealmNode<React.ComponentType<{}>[]>;
@@ -803,7 +816,7 @@ sandpackPluginHooks: {
803
816
  appendCodeBlockEditorDescriptor: RealmNode<CodeBlockEditorDescriptor>;
804
817
  insertCodeBlock: RealmNode<Partial<CreateCodeBlockNodeOptions>>;
805
818
  }>) => void;
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<{
819
+ 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" | "readOnly" | "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<{
807
820
  insertSandpack: RealmNode<string>;
808
821
  sandpackConfig: RealmNode<SandpackConfig>;
809
822
  } & {
@@ -837,6 +850,7 @@ sandpackPluginHooks: {
837
850
  contentEditableClassName: RealmNode<string>;
838
851
  placeholder: RealmNode<React.ReactNode>;
839
852
  autoFocus: RealmNode<boolean>;
853
+ readOnly: RealmNode<boolean>;
840
854
  composerChildren: RealmNode<React.ComponentType<{}>[]>;
841
855
  addComposerChild: RealmNode<React.ComponentType<{}>>;
842
856
  topAreaChildren: RealmNode<React.ComponentType<{}>[]>;
package/dist/plugins/table/index.d.ts CHANGED
@@ -43,6 +43,7 @@ export declare const tableSystem: SystemSpec<[SystemSpec<[], (r: Realm) => {
43
43
  contentEditableClassName: RealmNode<string>;
44
44
  placeholder: RealmNode<ReactNode>;
45
45
  autoFocus: RealmNode<boolean>;
46
+ readOnly: RealmNode<boolean>;
46
47
  composerChildren: RealmNode<ComponentType<{}>[]>;
47
48
  addComposerChild: RealmNode<ComponentType<{}>>;
48
49
  topAreaChildren: RealmNode<ComponentType<{}>[]>;
@@ -93,6 +94,7 @@ export declare const tableSystem: SystemSpec<[SystemSpec<[], (r: Realm) => {
93
94
  contentEditableClassName: RealmNode<string>;
94
95
  placeholder: RealmNode<ReactNode>;
95
96
  autoFocus: RealmNode<boolean>;
97
+ readOnly: RealmNode<boolean>;
96
98
  composerChildren: RealmNode<ComponentType<{}>[]>;
97
99
  addComposerChild: RealmNode<ComponentType<{}>>;
98
100
  topAreaChildren: RealmNode<ComponentType<{}>[]>;
@@ -148,6 +150,7 @@ tablePlugin: PluginConstructor<SystemSpec<[SystemSpec<[], (r: Realm) => {
148
150
  contentEditableClassName: RealmNode<string>;
149
151
  placeholder: RealmNode<ReactNode>;
150
152
  autoFocus: RealmNode<boolean>;
153
+ readOnly: RealmNode<boolean>;
151
154
  composerChildren: RealmNode<ComponentType<{}>[]>;
152
155
  addComposerChild: RealmNode<ComponentType<{}>>;
153
156
  topAreaChildren: RealmNode<ComponentType<{}>[]>;
@@ -198,6 +201,7 @@ tablePlugin: PluginConstructor<SystemSpec<[SystemSpec<[], (r: Realm) => {
198
201
  contentEditableClassName: RealmNode<string>;
199
202
  placeholder: RealmNode<ReactNode>;
200
203
  autoFocus: RealmNode<boolean>;
204
+ readOnly: RealmNode<boolean>;
201
205
  composerChildren: RealmNode<ComponentType<{}>[]>;
202
206
  addComposerChild: RealmNode<ComponentType<{}>>;
203
207
  topAreaChildren: RealmNode<ComponentType<{}>[]>;
@@ -255,6 +259,7 @@ tablePluginHooks: {
255
259
  contentEditableClassName: RealmNode<string>;
256
260
  placeholder: RealmNode<ReactNode>;
257
261
  autoFocus: RealmNode<boolean>;
262
+ readOnly: RealmNode<boolean>;
258
263
  composerChildren: RealmNode<ComponentType<{}>[]>;
259
264
  addComposerChild: RealmNode<ComponentType<{}>>;
260
265
  topAreaChildren: RealmNode<ComponentType<{}>[]>;
@@ -275,7 +280,7 @@ tablePluginHooks: {
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" | "placeholder" | "autoFocus" | "composerChildren" | "addComposerChild" | "topAreaChildren" | "addTopAreaChild" | "nestedEditorChildren" | "addNestedEditorChild" | "editorWrappers" | "addEditorWrapper" | "currentFormat" | "editorInFocus" | "applyFormat" | "currentBlockType" | "applyBlockType" | "convertSelectionToNode" | "insertDecoratorNode" | "insertTable">(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" | "readOnly" | "composerChildren" | "addComposerChild" | "topAreaChildren" | "addTopAreaChild" | "nestedEditorChildren" | "addNestedEditorChild" | "editorWrappers" | "addEditorWrapper" | "currentFormat" | "editorInFocus" | "applyFormat" | "currentBlockType" | "applyBlockType" | "convertSelectionToNode" | "insertDecoratorNode" | "insertTable">(key: K, callback: (value: ValueForKey<{
279
284
  insertTable: RealmNode<true>;
280
285
  } & {
281
286
  activeEditor: RealmNode<LexicalEditor | null>;
@@ -308,6 +313,7 @@ tablePluginHooks: {
308
313
  contentEditableClassName: RealmNode<string>;
309
314
  placeholder: RealmNode<ReactNode>;
310
315
  autoFocus: RealmNode<boolean>;
316
+ readOnly: RealmNode<boolean>;
311
317
  composerChildren: RealmNode<ComponentType<{}>[]>;
312
318
  addComposerChild: RealmNode<ComponentType<{}>>;
313
319
  topAreaChildren: RealmNode<ComponentType<{}>[]>;
@@ -361,6 +367,7 @@ tablePluginHooks: {
361
367
  contentEditableClassName: RealmNode<string>;
362
368
  placeholder: RealmNode<ReactNode>;
363
369
  autoFocus: RealmNode<boolean>;
370
+ readOnly: RealmNode<boolean>;
364
371
  composerChildren: RealmNode<ComponentType<{}>[]>;
365
372
  addComposerChild: RealmNode<ComponentType<{}>>;
366
373
  topAreaChildren: RealmNode<ComponentType<{}>[]>;
@@ -413,6 +420,7 @@ tablePluginHooks: {
413
420
  contentEditableClassName: RealmNode<string>;
414
421
  placeholder: RealmNode<ReactNode>;
415
422
  autoFocus: RealmNode<boolean>;
423
+ readOnly: RealmNode<boolean>;
416
424
  composerChildren: RealmNode<ComponentType<{}>[]>;
417
425
  addComposerChild: RealmNode<ComponentType<{}>>;
418
426
  topAreaChildren: RealmNode<ComponentType<{}>[]>;
@@ -466,6 +474,7 @@ tablePluginHooks: {
466
474
  contentEditableClassName: RealmNode<string>;
467
475
  placeholder: RealmNode<ReactNode>;
468
476
  autoFocus: RealmNode<boolean>;
477
+ readOnly: RealmNode<boolean>;
469
478
  composerChildren: RealmNode<ComponentType<{}>[]>;
470
479
  addComposerChild: RealmNode<ComponentType<{}>>;
471
480
  topAreaChildren: RealmNode<ComponentType<{}>[]>;
@@ -486,7 +495,7 @@ tablePluginHooks: {
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" | "placeholder" | "autoFocus" | "composerChildren" | "addComposerChild" | "topAreaChildren" | "addTopAreaChild" | "nestedEditorChildren" | "addNestedEditorChild" | "editorWrappers" | "addEditorWrapper" | "currentFormat" | "editorInFocus" | "applyFormat" | "currentBlockType" | "applyBlockType" | "convertSelectionToNode" | "insertDecoratorNode" | "insertTable">(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" | "readOnly" | "composerChildren" | "addComposerChild" | "topAreaChildren" | "addTopAreaChild" | "nestedEditorChildren" | "addNestedEditorChild" | "editorWrappers" | "addEditorWrapper" | "currentFormat" | "editorInFocus" | "applyFormat" | "currentBlockType" | "applyBlockType" | "convertSelectionToNode" | "insertDecoratorNode" | "insertTable">(key: K_2) => (value: ValueForKey<{
490
499
  insertTable: RealmNode<true>;
491
500
  } & {
492
501
  activeEditor: RealmNode<LexicalEditor | null>;
@@ -519,6 +528,7 @@ tablePluginHooks: {
519
528
  contentEditableClassName: RealmNode<string>;
520
529
  placeholder: RealmNode<ReactNode>;
521
530
  autoFocus: RealmNode<boolean>;
531
+ readOnly: RealmNode<boolean>;
522
532
  composerChildren: RealmNode<ComponentType<{}>[]>;
523
533
  addComposerChild: RealmNode<ComponentType<{}>>;
524
534
  topAreaChildren: RealmNode<ComponentType<{}>[]>;
package/dist/plugins/thematic-break/index.d.ts CHANGED
@@ -43,6 +43,7 @@ export declare const thematicBreakSystem: SystemSpec<[SystemSpec<[], (r: Realm)
43
43
  contentEditableClassName: RealmNode<string>;
44
44
  placeholder: RealmNode<ReactNode>;
45
45
  autoFocus: RealmNode<boolean>;
46
+ readOnly: RealmNode<boolean>;
46
47
  composerChildren: RealmNode<ComponentType<{}>[]>;
47
48
  addComposerChild: RealmNode<ComponentType<{}>>;
48
49
  topAreaChildren: RealmNode<ComponentType<{}>[]>;
@@ -93,6 +94,7 @@ export declare const thematicBreakSystem: SystemSpec<[SystemSpec<[], (r: Realm)
93
94
  contentEditableClassName: RealmNode<string>;
94
95
  placeholder: RealmNode<ReactNode>;
95
96
  autoFocus: RealmNode<boolean>;
97
+ readOnly: RealmNode<boolean>;
96
98
  composerChildren: RealmNode<ComponentType<{}>[]>;
97
99
  addComposerChild: RealmNode<ComponentType<{}>>;
98
100
  topAreaChildren: RealmNode<ComponentType<{}>[]>;
@@ -148,6 +150,7 @@ thematicBreakPlugin: PluginConstructor<SystemSpec<[SystemSpec<[], (r: Realm) =>
148
150
  contentEditableClassName: RealmNode<string>;
149
151
  placeholder: RealmNode<ReactNode>;
150
152
  autoFocus: RealmNode<boolean>;
153
+ readOnly: RealmNode<boolean>;
151
154
  composerChildren: RealmNode<ComponentType<{}>[]>;
152
155
  addComposerChild: RealmNode<ComponentType<{}>>;
153
156
  topAreaChildren: RealmNode<ComponentType<{}>[]>;
@@ -198,6 +201,7 @@ thematicBreakPlugin: PluginConstructor<SystemSpec<[SystemSpec<[], (r: Realm) =>
198
201
  contentEditableClassName: RealmNode<string>;
199
202
  placeholder: RealmNode<ReactNode>;
200
203
  autoFocus: RealmNode<boolean>;
204
+ readOnly: RealmNode<boolean>;
201
205
  composerChildren: RealmNode<ComponentType<{}>[]>;
202
206
  addComposerChild: RealmNode<ComponentType<{}>>;
203
207
  topAreaChildren: RealmNode<ComponentType<{}>[]>;
@@ -255,6 +259,7 @@ thematicBreakPluginHooks: {
255
259
  contentEditableClassName: RealmNode<string>;
256
260
  placeholder: RealmNode<ReactNode>;
257
261
  autoFocus: RealmNode<boolean>;
262
+ readOnly: RealmNode<boolean>;
258
263
  composerChildren: RealmNode<ComponentType<{}>[]>;
259
264
  addComposerChild: RealmNode<ComponentType<{}>>;
260
265
  topAreaChildren: RealmNode<ComponentType<{}>[]>;
@@ -275,7 +280,7 @@ thematicBreakPluginHooks: {
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" | "placeholder" | "autoFocus" | "composerChildren" | "addComposerChild" | "topAreaChildren" | "addTopAreaChild" | "nestedEditorChildren" | "addNestedEditorChild" | "editorWrappers" | "addEditorWrapper" | "currentFormat" | "editorInFocus" | "applyFormat" | "currentBlockType" | "applyBlockType" | "convertSelectionToNode" | "insertDecoratorNode" | "insertThematicBreak">(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" | "readOnly" | "composerChildren" | "addComposerChild" | "topAreaChildren" | "addTopAreaChild" | "nestedEditorChildren" | "addNestedEditorChild" | "editorWrappers" | "addEditorWrapper" | "currentFormat" | "editorInFocus" | "applyFormat" | "currentBlockType" | "applyBlockType" | "convertSelectionToNode" | "insertDecoratorNode" | "insertThematicBreak">(key: K, callback: (value: ValueForKey<{
279
284
  insertThematicBreak: RealmNode<true>;
280
285
  } & {
281
286
  activeEditor: RealmNode<LexicalEditor | null>;
@@ -308,6 +313,7 @@ thematicBreakPluginHooks: {
308
313
  contentEditableClassName: RealmNode<string>;
309
314
  placeholder: RealmNode<ReactNode>;
310
315
  autoFocus: RealmNode<boolean>;
316
+ readOnly: RealmNode<boolean>;
311
317
  composerChildren: RealmNode<ComponentType<{}>[]>;
312
318
  addComposerChild: RealmNode<ComponentType<{}>>;
313
319
  topAreaChildren: RealmNode<ComponentType<{}>[]>;
@@ -361,6 +367,7 @@ thematicBreakPluginHooks: {
361
367
  contentEditableClassName: RealmNode<string>;
362
368
  placeholder: RealmNode<ReactNode>;
363
369
  autoFocus: RealmNode<boolean>;
370
+ readOnly: RealmNode<boolean>;
364
371
  composerChildren: RealmNode<ComponentType<{}>[]>;
365
372
  addComposerChild: RealmNode<ComponentType<{}>>;
366
373
  topAreaChildren: RealmNode<ComponentType<{}>[]>;
@@ -413,6 +420,7 @@ thematicBreakPluginHooks: {
413
420
  contentEditableClassName: RealmNode<string>;
414
421
  placeholder: RealmNode<ReactNode>;
415
422
  autoFocus: RealmNode<boolean>;
423
+ readOnly: RealmNode<boolean>;
416
424
  composerChildren: RealmNode<ComponentType<{}>[]>;
417
425
  addComposerChild: RealmNode<ComponentType<{}>>;
418
426
  topAreaChildren: RealmNode<ComponentType<{}>[]>;
@@ -466,6 +474,7 @@ thematicBreakPluginHooks: {
466
474
  contentEditableClassName: RealmNode<string>;
467
475
  placeholder: RealmNode<ReactNode>;
468
476
  autoFocus: RealmNode<boolean>;
477
+ readOnly: RealmNode<boolean>;
469
478
  composerChildren: RealmNode<ComponentType<{}>[]>;
470
479
  addComposerChild: RealmNode<ComponentType<{}>>;
471
480
  topAreaChildren: RealmNode<ComponentType<{}>[]>;
@@ -486,7 +495,7 @@ thematicBreakPluginHooks: {
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" | "placeholder" | "autoFocus" | "composerChildren" | "addComposerChild" | "topAreaChildren" | "addTopAreaChild" | "nestedEditorChildren" | "addNestedEditorChild" | "editorWrappers" | "addEditorWrapper" | "currentFormat" | "editorInFocus" | "applyFormat" | "currentBlockType" | "applyBlockType" | "convertSelectionToNode" | "insertDecoratorNode" | "insertThematicBreak">(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" | "readOnly" | "composerChildren" | "addComposerChild" | "topAreaChildren" | "addTopAreaChild" | "nestedEditorChildren" | "addNestedEditorChild" | "editorWrappers" | "addEditorWrapper" | "currentFormat" | "editorInFocus" | "applyFormat" | "currentBlockType" | "applyBlockType" | "convertSelectionToNode" | "insertDecoratorNode" | "insertThematicBreak">(key: K_2) => (value: ValueForKey<{
490
499
  insertThematicBreak: RealmNode<true>;
491
500
  } & {
492
501
  activeEditor: RealmNode<LexicalEditor | null>;
@@ -519,6 +528,7 @@ thematicBreakPluginHooks: {
519
528
  contentEditableClassName: RealmNode<string>;
520
529
  placeholder: RealmNode<ReactNode>;
521
530
  autoFocus: RealmNode<boolean>;
531
+ readOnly: RealmNode<boolean>;
522
532
  composerChildren: RealmNode<ComponentType<{}>[]>;
523
533
  addComposerChild: RealmNode<ComponentType<{}>>;
524
534
  topAreaChildren: RealmNode<ComponentType<{}>[]>;
package/dist/plugins/toolbar/components/BlockTypeSelect.js CHANGED
@@ -3,6 +3,7 @@ import { $createParagraphNode } from "lexical";
3
3
  import React__default from "react";
4
4
  import { corePluginHooks } from "../../core/index.js";
5
5
  import { Select } from "../primitives/select.js";
6
+ import { headingsPluginHooks } from "../../headings/index.js";
6
7
  import { useHasPlugin } from "../../../gurx/react.js";
7
8
  const BlockTypeSelect = () => {
8
9
  const convertSelectionToNode = corePluginHooks.usePublisher("convertSelectionToNode");
@@ -17,7 +18,8 @@ const BlockTypeSelect = () => {
17
18
  items.push({ label: "Quote", value: "quote" });
18
19
  }
19
20
  if (hasHeadings) {
20
- items.push(...[1, 2, 3, 4, 5, 6].map((n) => ({ label: `Heading ${n}`, value: `h${n}` })));
21
+ const [allowedHeadingLevels] = headingsPluginHooks.useEmitterValues("allowedHeadingLevels");
22
+ items.push(...allowedHeadingLevels.map((n) => ({ label: `Heading ${n}`, value: `h${n}` })));
21
23
  }
22
24
  return /* @__PURE__ */ React__default.createElement(
23
25
  Select,
package/dist/plugins/toolbar/components/DiffSourceToggleWrapper.js CHANGED
@@ -8,7 +8,7 @@ import styles from "../../../styles/ui.module.css.js";
8
8
  const DiffSourceToggleWrapper = ({ children }) => {
9
9
  const [viewMode] = diffSourcePluginHooks.useEmitterValues("viewMode");
10
10
  const changeViewMode = diffSourcePluginHooks.usePublisher("viewMode");
11
- return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, viewMode === "rich-text" ? children : viewMode === "diff" ? /* @__PURE__ */ React__default.createElement("span", { className: styles.toolbarTitleMode }, "Diff mode") : /* @__PURE__ */ React__default.createElement("span", { className: styles.toolbarTitleMode }, "Source mode"), /* @__PURE__ */ React__default.createElement("div", { style: { marginLeft: "auto" } }, /* @__PURE__ */ React__default.createElement(
11
+ return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, viewMode === "rich-text" ? children : viewMode === "diff" ? /* @__PURE__ */ React__default.createElement("span", { className: styles.toolbarTitleMode }, "Diff mode") : /* @__PURE__ */ React__default.createElement("span", { className: styles.toolbarTitleMode }, "Source mode"), /* @__PURE__ */ React__default.createElement("div", { style: { marginLeft: "auto", pointerEvents: "auto", opacity: 1 } }, /* @__PURE__ */ React__default.createElement(
12
12
  SingleChoiceToggleGroup,
13
13
  {
14
14
  className: styles.diffSourceToggle,
package/dist/plugins/toolbar/index.d.ts CHANGED
@@ -42,6 +42,7 @@ export declare const toolbarSystem: SystemSpec<[SystemSpec<[], (r: Realm) => {
42
42
  contentEditableClassName: RealmNode<string>;
43
43
  placeholder: RealmNode<React.ReactNode>;
44
44
  autoFocus: RealmNode<boolean>;
45
+ readOnly: RealmNode<boolean>;
45
46
  composerChildren: RealmNode<React.ComponentType<{}>[]>;
46
47
  addComposerChild: RealmNode<React.ComponentType<{}>>;
47
48
  topAreaChildren: RealmNode<React.ComponentType<{}>[]>;
@@ -97,6 +98,7 @@ toolbarPlugin: PluginConstructor<SystemSpec<[SystemSpec<[], (r: Realm) => {
97
98
  contentEditableClassName: RealmNode<string>;
98
99
  placeholder: RealmNode<React.ReactNode>;
99
100
  autoFocus: RealmNode<boolean>;
101
+ readOnly: RealmNode<boolean>;
100
102
  composerChildren: RealmNode<React.ComponentType<{}>[]>;
101
103
  addComposerChild: RealmNode<React.ComponentType<{}>>;
102
104
  topAreaChildren: RealmNode<React.ComponentType<{}>[]>;
@@ -156,6 +158,7 @@ toolbarPluginHooks: {
156
158
  contentEditableClassName: RealmNode<string>;
157
159
  placeholder: RealmNode<React.ReactNode>;
158
160
  autoFocus: RealmNode<boolean>;
161
+ readOnly: RealmNode<boolean>;
159
162
  composerChildren: RealmNode<React.ComponentType<{}>[]>;
160
163
  addComposerChild: RealmNode<React.ComponentType<{}>>;
161
164
  topAreaChildren: RealmNode<React.ComponentType<{}>[]>;
@@ -176,7 +179,7 @@ toolbarPluginHooks: {
176
179
  convertSelectionToNode: RealmNode<() => ElementNode>;
177
180
  insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
178
181
  }>;
179
- 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" | "toolbarContents">(key: K, callback: (value: ValueForKey<{
182
+ 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" | "readOnly" | "composerChildren" | "addComposerChild" | "topAreaChildren" | "addTopAreaChild" | "nestedEditorChildren" | "addNestedEditorChild" | "editorWrappers" | "addEditorWrapper" | "currentFormat" | "editorInFocus" | "applyFormat" | "currentBlockType" | "applyBlockType" | "convertSelectionToNode" | "insertDecoratorNode" | "toolbarContents">(key: K, callback: (value: ValueForKey<{
180
183
  toolbarContents: RealmNode<() => React.ReactNode>;
181
184
  } & {
182
185
  activeEditor: RealmNode<LexicalEditor | null>;
@@ -209,6 +212,7 @@ toolbarPluginHooks: {
209
212
  contentEditableClassName: RealmNode<string>;
210
213
  placeholder: RealmNode<React.ReactNode>;
211
214
  autoFocus: RealmNode<boolean>;
215
+ readOnly: RealmNode<boolean>;
212
216
  composerChildren: RealmNode<React.ComponentType<{}>[]>;
213
217
  addComposerChild: RealmNode<React.ComponentType<{}>>;
214
218
  topAreaChildren: RealmNode<React.ComponentType<{}>[]>;
@@ -262,6 +266,7 @@ toolbarPluginHooks: {
262
266
  contentEditableClassName: RealmNode<string>;
263
267
  placeholder: RealmNode<React.ReactNode>;
264
268
  autoFocus: RealmNode<boolean>;
269
+ readOnly: RealmNode<boolean>;
265
270
  composerChildren: RealmNode<React.ComponentType<{}>[]>;
266
271
  addComposerChild: RealmNode<React.ComponentType<{}>>;
267
272
  topAreaChildren: RealmNode<React.ComponentType<{}>[]>;
@@ -314,6 +319,7 @@ toolbarPluginHooks: {
314
319
  contentEditableClassName: RealmNode<string>;
315
320
  placeholder: RealmNode<React.ReactNode>;
316
321
  autoFocus: RealmNode<boolean>;
322
+ readOnly: RealmNode<boolean>;
317
323
  composerChildren: RealmNode<React.ComponentType<{}>[]>;
318
324
  addComposerChild: RealmNode<React.ComponentType<{}>>;
319
325
  topAreaChildren: RealmNode<React.ComponentType<{}>[]>;
@@ -367,6 +373,7 @@ toolbarPluginHooks: {
367
373
  contentEditableClassName: RealmNode<string>;
368
374
  placeholder: RealmNode<React.ReactNode>;
369
375
  autoFocus: RealmNode<boolean>;
376
+ readOnly: RealmNode<boolean>;
370
377
  composerChildren: RealmNode<React.ComponentType<{}>[]>;
371
378
  addComposerChild: RealmNode<React.ComponentType<{}>>;
372
379
  topAreaChildren: RealmNode<React.ComponentType<{}>[]>;
@@ -387,7 +394,7 @@ toolbarPluginHooks: {
387
394
  convertSelectionToNode: RealmNode<() => ElementNode>;
388
395
  insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
389
396
  }>) => void;
390
- 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" | "toolbarContents">(key: K_2) => (value: ValueForKey<{
397
+ 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" | "readOnly" | "composerChildren" | "addComposerChild" | "topAreaChildren" | "addTopAreaChild" | "nestedEditorChildren" | "addNestedEditorChild" | "editorWrappers" | "addEditorWrapper" | "currentFormat" | "editorInFocus" | "applyFormat" | "currentBlockType" | "applyBlockType" | "convertSelectionToNode" | "insertDecoratorNode" | "toolbarContents">(key: K_2) => (value: ValueForKey<{
391
398
  toolbarContents: RealmNode<() => React.ReactNode>;
392
399
  } & {
393
400
  activeEditor: RealmNode<LexicalEditor | null>;
@@ -420,6 +427,7 @@ toolbarPluginHooks: {
420
427
  contentEditableClassName: RealmNode<string>;
421
428
  placeholder: RealmNode<React.ReactNode>;
422
429
  autoFocus: RealmNode<boolean>;
430
+ readOnly: RealmNode<boolean>;
423
431
  composerChildren: RealmNode<React.ComponentType<{}>[]>;
424
432
  addComposerChild: RealmNode<React.ComponentType<{}>>;
425
433
  topAreaChildren: RealmNode<React.ComponentType<{}>[]>;
package/dist/plugins/toolbar/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import React__default from "react";
2
- import { coreSystem } from "../core/index.js";
2
+ import { coreSystem, corePluginHooks } from "../core/index.js";
3
3
  import { Root } from "./primitives/toolbar.js";
4
4
  import { system } from "../../gurx/realmFactory.js";
5
5
  import { realmPlugin } from "../../gurx/react.js";
@@ -30,7 +30,8 @@ const [
30
30
  });
31
31
  const ToolbarWrapper = () => {
32
32
  const [toolbarContents] = toolbarPluginHooks.useEmitterValues("toolbarContents");
33
- return /* @__PURE__ */ React__default.createElement(Root, null, toolbarContents());
33
+ const [readOnly] = corePluginHooks.useEmitterValues("readOnly");
34
+ return /* @__PURE__ */ React__default.createElement(Root, { readOnly }, toolbarContents());
34
35
  };
35
36
  export {
36
37
  toolbarPlugin,
package/dist/plugins/toolbar/primitives/DialogButton.js CHANGED
@@ -12,7 +12,7 @@ import { TooltipWrap } from "./TooltipWrap.js";
12
12
  const MAX_SUGGESTIONS = 20;
13
13
  const DialogButton = React__default.forwardRef(
14
14
  ({ autocompleteSuggestions = [], submitButtonTitle, dialogInputPlaceholder, onSubmit, tooltipTitle, buttonContent }, forwardedRef) => {
15
- const [editorRootElementRef] = corePluginHooks.useEmitterValues("editorRootElementRef");
15
+ const [editorRootElementRef, readOnly] = corePluginHooks.useEmitterValues("editorRootElementRef", "readOnly");
16
16
  const [open, setOpen] = React__default.useState(false);
17
17
  const onSubmitCallback = React__default.useCallback(
18
18
  (value) => {
@@ -21,7 +21,7 @@ const DialogButton = React__default.forwardRef(
21
21
  },
22
22
  [onSubmit]
23
23
  );
24
- return /* @__PURE__ */ React__default.createElement(Dialog.Root, { open, onOpenChange: setOpen }, /* @__PURE__ */ React__default.createElement(Dialog.Trigger, { asChild: true }, /* @__PURE__ */ React__default.createElement(RadixToolbar.Button, { className: styles.toolbarButton, ref: forwardedRef }, /* @__PURE__ */ React__default.createElement(TooltipWrap, { title: tooltipTitle }, buttonContent))), /* @__PURE__ */ React__default.createElement(Dialog.Portal, { container: editorRootElementRef == null ? void 0 : editorRootElementRef.current }, /* @__PURE__ */ React__default.createElement(Dialog.Overlay, { className: styles.dialogOverlay }), /* @__PURE__ */ React__default.createElement(Dialog.Content, { className: styles.dialogContent }, /* @__PURE__ */ React__default.createElement(
24
+ return /* @__PURE__ */ React__default.createElement(Dialog.Root, { open, onOpenChange: setOpen }, /* @__PURE__ */ React__default.createElement(Dialog.Trigger, { asChild: true }, /* @__PURE__ */ React__default.createElement(RadixToolbar.Button, { className: styles.toolbarButton, ref: forwardedRef, disabled: readOnly }, /* @__PURE__ */ React__default.createElement(TooltipWrap, { title: tooltipTitle }, buttonContent))), /* @__PURE__ */ React__default.createElement(Dialog.Portal, { container: editorRootElementRef == null ? void 0 : editorRootElementRef.current }, /* @__PURE__ */ React__default.createElement(Dialog.Overlay, { className: styles.dialogOverlay }), /* @__PURE__ */ React__default.createElement(Dialog.Content, { className: styles.dialogContent }, /* @__PURE__ */ React__default.createElement(
25
25
  DialogForm,
26
26
  {
27
27
  submitButtonTitle,