@mdxeditor/editor 0.22.4 → 1.0.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 (26) hide show
  1. package/dist/MDXEditor.d.ts +9 -3
  2. package/dist/MDXEditor.js +8 -3
  3. package/dist/plugins/codeblock/index.d.ts +40 -10
  4. package/dist/plugins/codemirror/index.d.ts +56 -14
  5. package/dist/plugins/core/index.d.ts +36 -9
  6. package/dist/plugins/core/index.js +10 -1
  7. package/dist/plugins/diff-source/index.d.ts +40 -10
  8. package/dist/plugins/directives/index.d.ts +40 -10
  9. package/dist/plugins/frontmatter/index.d.ts +40 -10
  10. package/dist/plugins/headings/index.d.ts +40 -10
  11. package/dist/plugins/image/index.d.ts +40 -10
  12. package/dist/plugins/jsx/index.d.ts +40 -10
  13. package/dist/plugins/link/index.d.ts +4 -1
  14. package/dist/plugins/link-dialog/LinkDialog.js +4 -1
  15. package/dist/plugins/link-dialog/index.d.ts +32 -8
  16. package/dist/plugins/lists/index.d.ts +40 -10
  17. package/dist/plugins/markdown-shortcut/index.d.ts +4 -1
  18. package/dist/plugins/quote/index.d.ts +28 -7
  19. package/dist/plugins/sandpack/index.d.ts +56 -14
  20. package/dist/plugins/table/index.d.ts +40 -10
  21. package/dist/plugins/thematic-break/index.d.ts +40 -10
  22. package/dist/plugins/toolbar/index.d.ts +32 -8
  23. package/dist/plugins/toolbar/primitives/DialogButton.js +1 -1
  24. package/dist/style.css +183 -177
  25. package/dist/styles/ui.module.css.js +94 -91
  26. package/package.json +1 -1
package/dist/MDXEditor.d.ts CHANGED
@@ -37,7 +37,10 @@ export interface MDXEditorProps {
37
37
  /**
38
38
  * pass if you would like to have the editor automatically focused when mounted.
39
39
  */
40
- autoFocus?: boolean | 'rootStart' | 'rootEnd';
40
+ autoFocus?: boolean | {
41
+ defaultSelection?: 'rootStart' | 'rootEnd';
42
+ preventScroll?: boolean;
43
+ };
41
44
  /**
42
45
  * Triggered when focus leaves the editor
43
46
  */
@@ -48,7 +51,7 @@ export interface MDXEditorProps {
48
51
  placeholder?: React.ReactNode;
49
52
  /**
50
53
  * pass if you would like to have the editor in read-only mode.
51
- * Note: Don't use this mode to render content for consumption - reander the markdown using a library of your choice instead.
54
+ * Note: Don't use this mode to render content for consumption - render the markdown using a library of your choice instead.
52
55
  */
53
56
  readOnly?: boolean;
54
57
  }
@@ -73,7 +76,10 @@ export interface MDXEditorMethods {
73
76
  /**
74
77
  * Sets focus on input
75
78
  */
76
- focus: (callbackFn?: (() => void) | undefined, defaultSelection?: 'rootStart' | 'rootEnd') => void;
79
+ focus: (callbackFn?: (() => void) | undefined, opts?: {
80
+ defaultSelection?: 'rootStart' | 'rootEnd';
81
+ preventScroll?: boolean;
82
+ }) => void;
77
83
  }
78
84
  /**
79
85
  * The MDXEditor React component. See {@link MDXEditorProps} for the list of properties supported and the {@link MDXEditorMethods} for the methods accessible through the ref.
package/dist/MDXEditor.js CHANGED
@@ -68,13 +68,18 @@ const EditorRootElement = ({ children, className }) => {
68
68
  React__default.useEffect(() => {
69
69
  const popupContainer = document.createElement("div");
70
70
  popupContainer.classList.add(styles.editorRoot);
71
+ if (className) {
72
+ className.split(" ").forEach((c) => {
73
+ popupContainer.classList.add(c);
74
+ });
75
+ }
71
76
  document.body.appendChild(popupContainer);
72
77
  editorRootElementRef.current = popupContainer;
73
78
  setEditorRootElementRef(editorRootElementRef);
74
79
  return () => {
75
80
  document.body.removeChild(popupContainer);
76
81
  };
77
- }, [editorRootElementRef, setEditorRootElementRef]);
82
+ }, [className, editorRootElementRef, setEditorRootElementRef]);
78
83
  return /* @__PURE__ */ React__default.createElement("div", { className: classNames(styles.editorRoot, styles.editorWrapper, className, "mdxeditor") }, children);
79
84
  };
80
85
  const Methods = ({ mdxRef }) => {
@@ -95,9 +100,9 @@ const Methods = ({ mdxRef }) => {
95
100
  setMarkdown: (markdown) => {
96
101
  realm.pubKey("setMarkdown", markdown);
97
102
  },
98
- focus: (callbackFn, defaultSelection) => {
103
+ focus: (callbackFn, opts) => {
99
104
  var _a;
100
- (_a = realm.getKeyValue("rootEditor")) == null ? void 0 : _a.focus(callbackFn, { defaultSelection });
105
+ (_a = realm.getKeyValue("rootEditor")) == null ? void 0 : _a.focus(callbackFn, opts);
101
106
  }
102
107
  };
103
108
  },
package/dist/plugins/codeblock/index.d.ts CHANGED
@@ -95,7 +95,10 @@ export declare const codeBlockSystem: SystemSpec<[SystemSpec<[], (r: Realm) => {
95
95
  editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
96
96
  contentEditableClassName: RealmNode<string>;
97
97
  placeholder: RealmNode<ReactNode>;
98
- autoFocus: RealmNode<boolean | "rootStart" | "rootEnd">;
98
+ autoFocus: RealmNode<boolean | {
99
+ defaultSelection?: "rootStart" | "rootEnd" | undefined;
100
+ preventScroll: boolean;
101
+ }>;
99
102
  readOnly: RealmNode<boolean>;
100
103
  composerChildren: RealmNode<ComponentType<{}>[]>;
101
104
  addComposerChild: RealmNode<ComponentType<{}>>;
@@ -147,7 +150,10 @@ export declare const codeBlockSystem: SystemSpec<[SystemSpec<[], (r: Realm) => {
147
150
  editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
148
151
  contentEditableClassName: RealmNode<string>;
149
152
  placeholder: RealmNode<ReactNode>;
150
- autoFocus: RealmNode<boolean | "rootStart" | "rootEnd">;
153
+ autoFocus: RealmNode<boolean | {
154
+ defaultSelection?: "rootStart" | "rootEnd" | undefined;
155
+ preventScroll: boolean;
156
+ }>;
151
157
  readOnly: RealmNode<boolean>;
152
158
  composerChildren: RealmNode<ComponentType<{}>[]>;
153
159
  addComposerChild: RealmNode<ComponentType<{}>>;
@@ -222,7 +228,10 @@ codeBlockPlugin: PluginConstructor<SystemSpec<[SystemSpec<[], (r: Realm) => {
222
228
  editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
223
229
  contentEditableClassName: RealmNode<string>;
224
230
  placeholder: RealmNode<ReactNode>;
225
- autoFocus: RealmNode<boolean | "rootStart" | "rootEnd">;
231
+ autoFocus: RealmNode<boolean | {
232
+ defaultSelection?: "rootStart" | "rootEnd" | undefined;
233
+ preventScroll: boolean;
234
+ }>;
226
235
  readOnly: RealmNode<boolean>;
227
236
  composerChildren: RealmNode<ComponentType<{}>[]>;
228
237
  addComposerChild: RealmNode<ComponentType<{}>>;
@@ -274,7 +283,10 @@ codeBlockPlugin: PluginConstructor<SystemSpec<[SystemSpec<[], (r: Realm) => {
274
283
  editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
275
284
  contentEditableClassName: RealmNode<string>;
276
285
  placeholder: RealmNode<ReactNode>;
277
- autoFocus: RealmNode<boolean | "rootStart" | "rootEnd">;
286
+ autoFocus: RealmNode<boolean | {
287
+ defaultSelection?: "rootStart" | "rootEnd" | undefined;
288
+ preventScroll: boolean;
289
+ }>;
278
290
  readOnly: RealmNode<boolean>;
279
291
  composerChildren: RealmNode<ComponentType<{}>[]>;
280
292
  addComposerChild: RealmNode<ComponentType<{}>>;
@@ -341,7 +353,10 @@ codeBlockPluginHooks: {
341
353
  editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
342
354
  contentEditableClassName: RealmNode<string>;
343
355
  placeholder: RealmNode<ReactNode>;
344
- autoFocus: RealmNode<boolean | "rootStart" | "rootEnd">;
356
+ autoFocus: RealmNode<boolean | {
357
+ defaultSelection?: "rootStart" | "rootEnd" | undefined;
358
+ preventScroll: boolean;
359
+ }>;
345
360
  readOnly: RealmNode<boolean>;
346
361
  composerChildren: RealmNode<ComponentType<{}>[]>;
347
362
  addComposerChild: RealmNode<ComponentType<{}>>;
@@ -399,7 +414,10 @@ codeBlockPluginHooks: {
399
414
  editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
400
415
  contentEditableClassName: RealmNode<string>;
401
416
  placeholder: RealmNode<ReactNode>;
402
- autoFocus: RealmNode<boolean | "rootStart" | "rootEnd">;
417
+ autoFocus: RealmNode<boolean | {
418
+ defaultSelection?: "rootStart" | "rootEnd" | undefined;
419
+ preventScroll: boolean;
420
+ }>;
403
421
  readOnly: RealmNode<boolean>;
404
422
  composerChildren: RealmNode<ComponentType<{}>[]>;
405
423
  addComposerChild: RealmNode<ComponentType<{}>>;
@@ -457,7 +475,10 @@ codeBlockPluginHooks: {
457
475
  editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
458
476
  contentEditableClassName: RealmNode<string>;
459
477
  placeholder: RealmNode<ReactNode>;
460
- autoFocus: RealmNode<boolean | "rootStart" | "rootEnd">;
478
+ autoFocus: RealmNode<boolean | {
479
+ defaultSelection?: "rootStart" | "rootEnd" | undefined;
480
+ preventScroll: boolean;
481
+ }>;
461
482
  readOnly: RealmNode<boolean>;
462
483
  composerChildren: RealmNode<ComponentType<{}>[]>;
463
484
  addComposerChild: RealmNode<ComponentType<{}>>;
@@ -514,7 +535,10 @@ codeBlockPluginHooks: {
514
535
  editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
515
536
  contentEditableClassName: RealmNode<string>;
516
537
  placeholder: RealmNode<ReactNode>;
517
- autoFocus: RealmNode<boolean | "rootStart" | "rootEnd">;
538
+ autoFocus: RealmNode<boolean | {
539
+ defaultSelection?: "rootStart" | "rootEnd" | undefined;
540
+ preventScroll: boolean;
541
+ }>;
518
542
  readOnly: RealmNode<boolean>;
519
543
  composerChildren: RealmNode<ComponentType<{}>[]>;
520
544
  addComposerChild: RealmNode<ComponentType<{}>>;
@@ -572,7 +596,10 @@ codeBlockPluginHooks: {
572
596
  editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
573
597
  contentEditableClassName: RealmNode<string>;
574
598
  placeholder: RealmNode<ReactNode>;
575
- autoFocus: RealmNode<boolean | "rootStart" | "rootEnd">;
599
+ autoFocus: RealmNode<boolean | {
600
+ defaultSelection?: "rootStart" | "rootEnd" | undefined;
601
+ preventScroll: boolean;
602
+ }>;
576
603
  readOnly: RealmNode<boolean>;
577
604
  composerChildren: RealmNode<ComponentType<{}>[]>;
578
605
  addComposerChild: RealmNode<ComponentType<{}>>;
@@ -630,7 +657,10 @@ codeBlockPluginHooks: {
630
657
  editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
631
658
  contentEditableClassName: RealmNode<string>;
632
659
  placeholder: RealmNode<ReactNode>;
633
- autoFocus: RealmNode<boolean | "rootStart" | "rootEnd">;
660
+ autoFocus: RealmNode<boolean | {
661
+ defaultSelection?: "rootStart" | "rootEnd" | undefined;
662
+ preventScroll: boolean;
663
+ }>;
634
664
  readOnly: RealmNode<boolean>;
635
665
  composerChildren: RealmNode<ComponentType<{}>[]>;
636
666
  addComposerChild: RealmNode<ComponentType<{}>>;
package/dist/plugins/codemirror/index.d.ts CHANGED
@@ -43,7 +43,10 @@ export declare const codeMirrorSystem: SystemSpec<[SystemSpec<[], (r: Realm) =>
43
43
  editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
44
44
  contentEditableClassName: RealmNode<string>;
45
45
  placeholder: RealmNode<ReactNode>;
46
- autoFocus: RealmNode<boolean | "rootStart" | "rootEnd">;
46
+ autoFocus: RealmNode<boolean | {
47
+ defaultSelection?: "rootStart" | "rootEnd" | undefined;
48
+ preventScroll: boolean;
49
+ }>;
47
50
  readOnly: RealmNode<boolean>;
48
51
  composerChildren: RealmNode<ComponentType<{}>[]>;
49
52
  addComposerChild: RealmNode<ComponentType<{}>>;
@@ -95,7 +98,10 @@ export declare const codeMirrorSystem: SystemSpec<[SystemSpec<[], (r: Realm) =>
95
98
  editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
96
99
  contentEditableClassName: RealmNode<string>;
97
100
  placeholder: RealmNode<ReactNode>;
98
- autoFocus: RealmNode<boolean | "rootStart" | "rootEnd">;
101
+ autoFocus: RealmNode<boolean | {
102
+ defaultSelection?: "rootStart" | "rootEnd" | undefined;
103
+ preventScroll: boolean;
104
+ }>;
99
105
  readOnly: RealmNode<boolean>;
100
106
  composerChildren: RealmNode<ComponentType<{}>[]>;
101
107
  addComposerChild: RealmNode<ComponentType<{}>>;
@@ -147,7 +153,10 @@ export declare const codeMirrorSystem: SystemSpec<[SystemSpec<[], (r: Realm) =>
147
153
  editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
148
154
  contentEditableClassName: RealmNode<string>;
149
155
  placeholder: RealmNode<ReactNode>;
150
- autoFocus: RealmNode<boolean | "rootStart" | "rootEnd">;
156
+ autoFocus: RealmNode<boolean | {
157
+ defaultSelection?: "rootStart" | "rootEnd" | undefined;
158
+ preventScroll: boolean;
159
+ }>;
151
160
  readOnly: RealmNode<boolean>;
152
161
  composerChildren: RealmNode<ComponentType<{}>[]>;
153
162
  addComposerChild: RealmNode<ComponentType<{}>>;
@@ -204,7 +213,10 @@ export declare const codeMirrorSystem: SystemSpec<[SystemSpec<[], (r: Realm) =>
204
213
  editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
205
214
  contentEditableClassName: RealmNode<string>;
206
215
  placeholder: RealmNode<ReactNode>;
207
- autoFocus: RealmNode<boolean | "rootStart" | "rootEnd">;
216
+ autoFocus: RealmNode<boolean | {
217
+ defaultSelection?: "rootStart" | "rootEnd" | undefined;
218
+ preventScroll: boolean;
219
+ }>;
208
220
  readOnly: RealmNode<boolean>;
209
221
  composerChildren: RealmNode<ComponentType<{}>[]>;
210
222
  addComposerChild: RealmNode<ComponentType<{}>>;
@@ -270,7 +282,10 @@ codeMirrorPlugin: PluginConstructor<SystemSpec<[SystemSpec<[], (r: Realm) => {
270
282
  editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
271
283
  contentEditableClassName: RealmNode<string>;
272
284
  placeholder: RealmNode<ReactNode>;
273
- autoFocus: RealmNode<boolean | "rootStart" | "rootEnd">;
285
+ autoFocus: RealmNode<boolean | {
286
+ defaultSelection?: "rootStart" | "rootEnd" | undefined;
287
+ preventScroll: boolean;
288
+ }>;
274
289
  readOnly: RealmNode<boolean>;
275
290
  composerChildren: RealmNode<ComponentType<{}>[]>;
276
291
  addComposerChild: RealmNode<ComponentType<{}>>;
@@ -322,7 +337,10 @@ codeMirrorPlugin: PluginConstructor<SystemSpec<[SystemSpec<[], (r: Realm) => {
322
337
  editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
323
338
  contentEditableClassName: RealmNode<string>;
324
339
  placeholder: RealmNode<ReactNode>;
325
- autoFocus: RealmNode<boolean | "rootStart" | "rootEnd">;
340
+ autoFocus: RealmNode<boolean | {
341
+ defaultSelection?: "rootStart" | "rootEnd" | undefined;
342
+ preventScroll: boolean;
343
+ }>;
326
344
  readOnly: RealmNode<boolean>;
327
345
  composerChildren: RealmNode<ComponentType<{}>[]>;
328
346
  addComposerChild: RealmNode<ComponentType<{}>>;
@@ -374,7 +392,10 @@ codeMirrorPlugin: PluginConstructor<SystemSpec<[SystemSpec<[], (r: Realm) => {
374
392
  editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
375
393
  contentEditableClassName: RealmNode<string>;
376
394
  placeholder: RealmNode<ReactNode>;
377
- autoFocus: RealmNode<boolean | "rootStart" | "rootEnd">;
395
+ autoFocus: RealmNode<boolean | {
396
+ defaultSelection?: "rootStart" | "rootEnd" | undefined;
397
+ preventScroll: boolean;
398
+ }>;
378
399
  readOnly: RealmNode<boolean>;
379
400
  composerChildren: RealmNode<ComponentType<{}>[]>;
380
401
  addComposerChild: RealmNode<ComponentType<{}>>;
@@ -431,7 +452,10 @@ codeMirrorPlugin: PluginConstructor<SystemSpec<[SystemSpec<[], (r: Realm) => {
431
452
  editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
432
453
  contentEditableClassName: RealmNode<string>;
433
454
  placeholder: RealmNode<ReactNode>;
434
- autoFocus: RealmNode<boolean | "rootStart" | "rootEnd">;
455
+ autoFocus: RealmNode<boolean | {
456
+ defaultSelection?: "rootStart" | "rootEnd" | undefined;
457
+ preventScroll: boolean;
458
+ }>;
435
459
  readOnly: RealmNode<boolean>;
436
460
  composerChildren: RealmNode<ComponentType<{}>[]>;
437
461
  addComposerChild: RealmNode<ComponentType<{}>>;
@@ -505,7 +529,10 @@ codeMirrorHooks: {
505
529
  editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
506
530
  contentEditableClassName: RealmNode<string>;
507
531
  placeholder: RealmNode<ReactNode>;
508
- autoFocus: RealmNode<boolean | "rootStart" | "rootEnd">;
532
+ autoFocus: RealmNode<boolean | {
533
+ defaultSelection?: "rootStart" | "rootEnd" | undefined;
534
+ preventScroll: boolean;
535
+ }>;
509
536
  readOnly: RealmNode<boolean>;
510
537
  composerChildren: RealmNode<ComponentType<{}>[]>;
511
538
  addComposerChild: RealmNode<ComponentType<{}>>;
@@ -569,7 +596,10 @@ codeMirrorHooks: {
569
596
  editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
570
597
  contentEditableClassName: RealmNode<string>;
571
598
  placeholder: RealmNode<ReactNode>;
572
- autoFocus: RealmNode<boolean | "rootStart" | "rootEnd">;
599
+ autoFocus: RealmNode<boolean | {
600
+ defaultSelection?: "rootStart" | "rootEnd" | undefined;
601
+ preventScroll: boolean;
602
+ }>;
573
603
  readOnly: RealmNode<boolean>;
574
604
  composerChildren: RealmNode<ComponentType<{}>[]>;
575
605
  addComposerChild: RealmNode<ComponentType<{}>>;
@@ -633,7 +663,10 @@ codeMirrorHooks: {
633
663
  editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
634
664
  contentEditableClassName: RealmNode<string>;
635
665
  placeholder: RealmNode<ReactNode>;
636
- autoFocus: RealmNode<boolean | "rootStart" | "rootEnd">;
666
+ autoFocus: RealmNode<boolean | {
667
+ defaultSelection?: "rootStart" | "rootEnd" | undefined;
668
+ preventScroll: boolean;
669
+ }>;
637
670
  readOnly: RealmNode<boolean>;
638
671
  composerChildren: RealmNode<ComponentType<{}>[]>;
639
672
  addComposerChild: RealmNode<ComponentType<{}>>;
@@ -696,7 +729,10 @@ codeMirrorHooks: {
696
729
  editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
697
730
  contentEditableClassName: RealmNode<string>;
698
731
  placeholder: RealmNode<ReactNode>;
699
- autoFocus: RealmNode<boolean | "rootStart" | "rootEnd">;
732
+ autoFocus: RealmNode<boolean | {
733
+ defaultSelection?: "rootStart" | "rootEnd" | undefined;
734
+ preventScroll: boolean;
735
+ }>;
700
736
  readOnly: RealmNode<boolean>;
701
737
  composerChildren: RealmNode<ComponentType<{}>[]>;
702
738
  addComposerChild: RealmNode<ComponentType<{}>>;
@@ -760,7 +796,10 @@ codeMirrorHooks: {
760
796
  editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
761
797
  contentEditableClassName: RealmNode<string>;
762
798
  placeholder: RealmNode<ReactNode>;
763
- autoFocus: RealmNode<boolean | "rootStart" | "rootEnd">;
799
+ autoFocus: RealmNode<boolean | {
800
+ defaultSelection?: "rootStart" | "rootEnd" | undefined;
801
+ preventScroll: boolean;
802
+ }>;
764
803
  readOnly: RealmNode<boolean>;
765
804
  composerChildren: RealmNode<ComponentType<{}>[]>;
766
805
  addComposerChild: RealmNode<ComponentType<{}>>;
@@ -824,7 +863,10 @@ codeMirrorHooks: {
824
863
  editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
825
864
  contentEditableClassName: RealmNode<string>;
826
865
  placeholder: RealmNode<ReactNode>;
827
- autoFocus: RealmNode<boolean | "rootStart" | "rootEnd">;
866
+ autoFocus: RealmNode<boolean | {
867
+ defaultSelection?: "rootStart" | "rootEnd" | undefined;
868
+ preventScroll: boolean;
869
+ }>;
828
870
  readOnly: RealmNode<boolean>;
829
871
  composerChildren: RealmNode<ComponentType<{}>[]>;
830
872
  addComposerChild: RealmNode<ComponentType<{}>>;
package/dist/plugins/core/index.d.ts CHANGED
@@ -58,7 +58,10 @@ export declare const coreSystem: SystemSpec<[], (r: Realm) => {
58
58
  editorRootElementRef: RealmNode<React.RefObject<HTMLDivElement> | null>;
59
59
  contentEditableClassName: RealmNode<string>;
60
60
  placeholder: RealmNode<React.ReactNode>;
61
- autoFocus: RealmNode<boolean | "rootStart" | "rootEnd">;
61
+ autoFocus: RealmNode<boolean | {
62
+ defaultSelection?: "rootStart" | "rootEnd" | undefined;
63
+ preventScroll: boolean;
64
+ }>;
62
65
  readOnly: RealmNode<boolean>;
63
66
  composerChildren: RealmNode<React.ComponentType<{}>[]>;
64
67
  addComposerChild: RealmNode<React.ComponentType<{}>>;
@@ -85,7 +88,10 @@ interface CorePluginParams {
85
88
  initialMarkdown: string;
86
89
  contentEditableClassName: string;
87
90
  placeholder?: React.ReactNode;
88
- autoFocus: boolean | 'rootStart' | 'rootEnd';
91
+ autoFocus: boolean | {
92
+ defaultSelection?: 'rootStart' | 'rootEnd';
93
+ preventScroll?: boolean;
94
+ };
89
95
  onChange: (markdown: string) => void;
90
96
  onBlur?: (e: FocusEvent) => void;
91
97
  toMarkdownOptions: NonNullable<LexicalConvertOptions['toMarkdownOptions']>;
@@ -123,7 +129,10 @@ corePlugin: PluginConstructor<SystemSpec<[], (r: Realm) => {
123
129
  editorRootElementRef: RealmNode<React.RefObject<HTMLDivElement> | null>;
124
130
  contentEditableClassName: RealmNode<string>;
125
131
  placeholder: RealmNode<React.ReactNode>;
126
- autoFocus: RealmNode<boolean | "rootStart" | "rootEnd">;
132
+ autoFocus: RealmNode<boolean | {
133
+ defaultSelection?: "rootStart" | "rootEnd" | undefined;
134
+ preventScroll: boolean;
135
+ }>;
127
136
  readOnly: RealmNode<boolean>;
128
137
  composerChildren: RealmNode<React.ComponentType<{}>[]>;
129
138
  addComposerChild: RealmNode<React.ComponentType<{}>>;
@@ -178,7 +187,10 @@ corePluginHooks: {
178
187
  editorRootElementRef: RealmNode<React.RefObject<HTMLDivElement> | null>;
179
188
  contentEditableClassName: RealmNode<string>;
180
189
  placeholder: RealmNode<React.ReactNode>;
181
- autoFocus: RealmNode<boolean | "rootStart" | "rootEnd">;
190
+ autoFocus: RealmNode<boolean | {
191
+ defaultSelection?: "rootStart" | "rootEnd" | undefined;
192
+ preventScroll: boolean;
193
+ }>;
182
194
  readOnly: RealmNode<boolean>;
183
195
  composerChildren: RealmNode<React.ComponentType<{}>[]>;
184
196
  addComposerChild: RealmNode<React.ComponentType<{}>>;
@@ -231,7 +243,10 @@ corePluginHooks: {
231
243
  editorRootElementRef: RealmNode<React.RefObject<HTMLDivElement> | null>;
232
244
  contentEditableClassName: RealmNode<string>;
233
245
  placeholder: RealmNode<React.ReactNode>;
234
- autoFocus: RealmNode<boolean | "rootStart" | "rootEnd">;
246
+ autoFocus: RealmNode<boolean | {
247
+ defaultSelection?: "rootStart" | "rootEnd" | undefined;
248
+ preventScroll: boolean;
249
+ }>;
235
250
  readOnly: RealmNode<boolean>;
236
251
  composerChildren: RealmNode<React.ComponentType<{}>[]>;
237
252
  addComposerChild: RealmNode<React.ComponentType<{}>>;
@@ -284,7 +299,10 @@ corePluginHooks: {
284
299
  editorRootElementRef: RealmNode<React.RefObject<HTMLDivElement> | null>;
285
300
  contentEditableClassName: RealmNode<string>;
286
301
  placeholder: RealmNode<React.ReactNode>;
287
- autoFocus: RealmNode<boolean | "rootStart" | "rootEnd">;
302
+ autoFocus: RealmNode<boolean | {
303
+ defaultSelection?: "rootStart" | "rootEnd" | undefined;
304
+ preventScroll: boolean;
305
+ }>;
288
306
  readOnly: RealmNode<boolean>;
289
307
  composerChildren: RealmNode<React.ComponentType<{}>[]>;
290
308
  addComposerChild: RealmNode<React.ComponentType<{}>>;
@@ -336,7 +354,10 @@ corePluginHooks: {
336
354
  editorRootElementRef: RealmNode<React.RefObject<HTMLDivElement> | null>;
337
355
  contentEditableClassName: RealmNode<string>;
338
356
  placeholder: RealmNode<React.ReactNode>;
339
- autoFocus: RealmNode<boolean | "rootStart" | "rootEnd">;
357
+ autoFocus: RealmNode<boolean | {
358
+ defaultSelection?: "rootStart" | "rootEnd" | undefined;
359
+ preventScroll: boolean;
360
+ }>;
340
361
  readOnly: RealmNode<boolean>;
341
362
  composerChildren: RealmNode<React.ComponentType<{}>[]>;
342
363
  addComposerChild: RealmNode<React.ComponentType<{}>>;
@@ -389,7 +410,10 @@ corePluginHooks: {
389
410
  editorRootElementRef: RealmNode<React.RefObject<HTMLDivElement> | null>;
390
411
  contentEditableClassName: RealmNode<string>;
391
412
  placeholder: RealmNode<React.ReactNode>;
392
- autoFocus: RealmNode<boolean | "rootStart" | "rootEnd">;
413
+ autoFocus: RealmNode<boolean | {
414
+ defaultSelection?: "rootStart" | "rootEnd" | undefined;
415
+ preventScroll: boolean;
416
+ }>;
393
417
  readOnly: RealmNode<boolean>;
394
418
  composerChildren: RealmNode<React.ComponentType<{}>[]>;
395
419
  addComposerChild: RealmNode<React.ComponentType<{}>>;
@@ -442,7 +466,10 @@ corePluginHooks: {
442
466
  editorRootElementRef: RealmNode<React.RefObject<HTMLDivElement> | null>;
443
467
  contentEditableClassName: RealmNode<string>;
444
468
  placeholder: RealmNode<React.ReactNode>;
445
- autoFocus: RealmNode<boolean | "rootStart" | "rootEnd">;
469
+ autoFocus: RealmNode<boolean | {
470
+ defaultSelection?: "rootStart" | "rootEnd" | undefined;
471
+ preventScroll: boolean;
472
+ }>;
446
473
  readOnly: RealmNode<boolean>;
447
474
  composerChildren: RealmNode<React.ComponentType<{}>[]>;
448
475
  addComposerChild: RealmNode<React.ComponentType<{}>>;
package/dist/plugins/core/index.js CHANGED
@@ -163,7 +163,16 @@ const coreSystem = system((r) => {
163
163
  });
164
164
  const autoFocusValue = r.getValue(autoFocus);
165
165
  if (autoFocusValue) {
166
- setTimeout(() => theRootEditor.focus(noop, { defaultSelection: autoFocusValue === true ? "rootStart" : autoFocusValue }));
166
+ if (autoFocusValue === true) {
167
+ setTimeout(() => theRootEditor.focus(noop, { defaultSelection: "rootStart" }));
168
+ return;
169
+ }
170
+ setTimeout(
171
+ () => theRootEditor.focus(noop, {
172
+ defaultSelection: autoFocusValue.defaultSelection ?? "rootStart",
173
+ preventScroll: autoFocusValue.preventScroll ?? false
174
+ })
175
+ );
167
176
  }
168
177
  });
169
178
  r.pub(createActiveEditorSubscription, (editor) => {
package/dist/plugins/diff-source/index.d.ts CHANGED
@@ -44,7 +44,10 @@ export declare const diffSourceSystem: SystemSpec<[SystemSpec<[], (r: Realm) =>
44
44
  editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
45
45
  contentEditableClassName: RealmNode<string>;
46
46
  placeholder: RealmNode<ReactNode>;
47
- autoFocus: RealmNode<boolean | "rootStart" | "rootEnd">;
47
+ autoFocus: RealmNode<boolean | {
48
+ defaultSelection?: "rootStart" | "rootEnd" | undefined;
49
+ preventScroll: boolean;
50
+ }>;
48
51
  readOnly: RealmNode<boolean>;
49
52
  composerChildren: RealmNode<ComponentType<{}>[]>;
50
53
  addComposerChild: RealmNode<ComponentType<{}>>;
@@ -96,7 +99,10 @@ export declare const diffSourceSystem: SystemSpec<[SystemSpec<[], (r: Realm) =>
96
99
  editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
97
100
  contentEditableClassName: RealmNode<string>;
98
101
  placeholder: RealmNode<ReactNode>;
99
- autoFocus: RealmNode<boolean | "rootStart" | "rootEnd">;
102
+ autoFocus: RealmNode<boolean | {
103
+ defaultSelection?: "rootStart" | "rootEnd" | undefined;
104
+ preventScroll: boolean;
105
+ }>;
100
106
  readOnly: RealmNode<boolean>;
101
107
  composerChildren: RealmNode<ComponentType<{}>[]>;
102
108
  addComposerChild: RealmNode<ComponentType<{}>>;
@@ -155,7 +161,10 @@ diffSourcePlugin: PluginConstructor<SystemSpec<[SystemSpec<[], (r: Realm) => {
155
161
  editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
156
162
  contentEditableClassName: RealmNode<string>;
157
163
  placeholder: RealmNode<ReactNode>;
158
- autoFocus: RealmNode<boolean | "rootStart" | "rootEnd">;
164
+ autoFocus: RealmNode<boolean | {
165
+ defaultSelection?: "rootStart" | "rootEnd" | undefined;
166
+ preventScroll: boolean;
167
+ }>;
159
168
  readOnly: RealmNode<boolean>;
160
169
  composerChildren: RealmNode<ComponentType<{}>[]>;
161
170
  addComposerChild: RealmNode<ComponentType<{}>>;
@@ -207,7 +216,10 @@ diffSourcePlugin: PluginConstructor<SystemSpec<[SystemSpec<[], (r: Realm) => {
207
216
  editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
208
217
  contentEditableClassName: RealmNode<string>;
209
218
  placeholder: RealmNode<ReactNode>;
210
- autoFocus: RealmNode<boolean | "rootStart" | "rootEnd">;
219
+ autoFocus: RealmNode<boolean | {
220
+ defaultSelection?: "rootStart" | "rootEnd" | undefined;
221
+ preventScroll: boolean;
222
+ }>;
211
223
  readOnly: RealmNode<boolean>;
212
224
  composerChildren: RealmNode<ComponentType<{}>[]>;
213
225
  addComposerChild: RealmNode<ComponentType<{}>>;
@@ -273,7 +285,10 @@ diffSourcePluginHooks: {
273
285
  editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
274
286
  contentEditableClassName: RealmNode<string>;
275
287
  placeholder: RealmNode<ReactNode>;
276
- autoFocus: RealmNode<boolean | "rootStart" | "rootEnd">;
288
+ autoFocus: RealmNode<boolean | {
289
+ defaultSelection?: "rootStart" | "rootEnd" | undefined;
290
+ preventScroll: boolean;
291
+ }>;
277
292
  readOnly: RealmNode<boolean>;
278
293
  composerChildren: RealmNode<ComponentType<{}>[]>;
279
294
  addComposerChild: RealmNode<ComponentType<{}>>;
@@ -330,7 +345,10 @@ diffSourcePluginHooks: {
330
345
  editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
331
346
  contentEditableClassName: RealmNode<string>;
332
347
  placeholder: RealmNode<ReactNode>;
333
- autoFocus: RealmNode<boolean | "rootStart" | "rootEnd">;
348
+ autoFocus: RealmNode<boolean | {
349
+ defaultSelection?: "rootStart" | "rootEnd" | undefined;
350
+ preventScroll: boolean;
351
+ }>;
334
352
  readOnly: RealmNode<boolean>;
335
353
  composerChildren: RealmNode<ComponentType<{}>[]>;
336
354
  addComposerChild: RealmNode<ComponentType<{}>>;
@@ -387,7 +405,10 @@ diffSourcePluginHooks: {
387
405
  editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
388
406
  contentEditableClassName: RealmNode<string>;
389
407
  placeholder: RealmNode<ReactNode>;
390
- autoFocus: RealmNode<boolean | "rootStart" | "rootEnd">;
408
+ autoFocus: RealmNode<boolean | {
409
+ defaultSelection?: "rootStart" | "rootEnd" | undefined;
410
+ preventScroll: boolean;
411
+ }>;
391
412
  readOnly: RealmNode<boolean>;
392
413
  composerChildren: RealmNode<ComponentType<{}>[]>;
393
414
  addComposerChild: RealmNode<ComponentType<{}>>;
@@ -443,7 +464,10 @@ diffSourcePluginHooks: {
443
464
  editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
444
465
  contentEditableClassName: RealmNode<string>;
445
466
  placeholder: RealmNode<ReactNode>;
446
- autoFocus: RealmNode<boolean | "rootStart" | "rootEnd">;
467
+ autoFocus: RealmNode<boolean | {
468
+ defaultSelection?: "rootStart" | "rootEnd" | undefined;
469
+ preventScroll: boolean;
470
+ }>;
447
471
  readOnly: RealmNode<boolean>;
448
472
  composerChildren: RealmNode<ComponentType<{}>[]>;
449
473
  addComposerChild: RealmNode<ComponentType<{}>>;
@@ -500,7 +524,10 @@ diffSourcePluginHooks: {
500
524
  editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
501
525
  contentEditableClassName: RealmNode<string>;
502
526
  placeholder: RealmNode<ReactNode>;
503
- autoFocus: RealmNode<boolean | "rootStart" | "rootEnd">;
527
+ autoFocus: RealmNode<boolean | {
528
+ defaultSelection?: "rootStart" | "rootEnd" | undefined;
529
+ preventScroll: boolean;
530
+ }>;
504
531
  readOnly: RealmNode<boolean>;
505
532
  composerChildren: RealmNode<ComponentType<{}>[]>;
506
533
  addComposerChild: RealmNode<ComponentType<{}>>;
@@ -557,7 +584,10 @@ diffSourcePluginHooks: {
557
584
  editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
558
585
  contentEditableClassName: RealmNode<string>;
559
586
  placeholder: RealmNode<ReactNode>;
560
- autoFocus: RealmNode<boolean | "rootStart" | "rootEnd">;
587
+ autoFocus: RealmNode<boolean | {
588
+ defaultSelection?: "rootStart" | "rootEnd" | undefined;
589
+ preventScroll: boolean;
590
+ }>;
561
591
  readOnly: RealmNode<boolean>;
562
592
  composerChildren: RealmNode<ComponentType<{}>[]>;
563
593
  addComposerChild: RealmNode<ComponentType<{}>>;