@mdxeditor/editor 0.19.0 → 0.21.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 (30) hide show
  1. package/dist/MDXEditor.d.ts +1 -1
  2. package/dist/plugins/codeblock/index.d.ts +10 -10
  3. package/dist/plugins/codemirror/index.d.ts +14 -14
  4. package/dist/plugins/core/index.d.ts +9 -9
  5. package/dist/plugins/core/index.js +3 -2
  6. package/dist/plugins/diff-source/index.d.ts +10 -10
  7. package/dist/plugins/directives/index.d.ts +10 -10
  8. package/dist/plugins/frontmatter/FrontmatterEditor.js +22 -24
  9. package/dist/plugins/frontmatter/index.d.ts +38 -14
  10. package/dist/plugins/frontmatter/index.js +25 -2
  11. package/dist/plugins/headings/index.d.ts +10 -10
  12. package/dist/plugins/image/index.d.ts +10 -10
  13. package/dist/plugins/jsx/index.d.ts +10 -10
  14. package/dist/plugins/link/index.d.ts +1 -1
  15. package/dist/plugins/link-dialog/LinkDialog.d.ts +3 -2
  16. package/dist/plugins/link-dialog/LinkDialog.js +14 -13
  17. package/dist/plugins/link-dialog/index.d.ts +17 -15
  18. package/dist/plugins/link-dialog/index.js +16 -4
  19. package/dist/plugins/lists/index.d.ts +10 -10
  20. package/dist/plugins/markdown-shortcut/index.d.ts +1 -1
  21. package/dist/plugins/quote/index.d.ts +7 -7
  22. package/dist/plugins/sandpack/index.d.ts +14 -14
  23. package/dist/plugins/table/index.d.ts +10 -10
  24. package/dist/plugins/thematic-break/index.d.ts +10 -10
  25. package/dist/plugins/toolbar/components/InsertFrontmatter.js +14 -1
  26. package/dist/plugins/toolbar/index.d.ts +8 -8
  27. package/dist/style.css +218 -175
  28. package/dist/styles/ui.module.css.js +101 -86
  29. package/package.json +1 -1
  30. package/dist/icons/arrow_right.svg.js +0 -8
package/dist/plugins/link-dialog/index.d.ts CHANGED
@@ -26,7 +26,9 @@ type PreviewLinkDialog = {
26
26
  type EditLinkDialog = {
27
27
  type: 'edit';
28
28
  initialUrl: string;
29
+ initialTitle?: string;
29
30
  url: string;
31
+ title: string;
30
32
  linkNodeKey: string;
31
33
  rectangle: RectData;
32
34
  };
@@ -62,7 +64,7 @@ linkDialogPlugin: PluginConstructor<SystemSpec<[SystemSpec<[], (r: Realm) => {
62
64
  editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
63
65
  contentEditableClassName: RealmNode<string>;
64
66
  placeholder: RealmNode<ReactNode>;
65
- autoFocus: RealmNode<boolean>;
67
+ autoFocus: RealmNode<boolean | "rootStart" | "rootEnd">;
66
68
  readOnly: RealmNode<boolean>;
67
69
  composerChildren: RealmNode<ComponentType<{}>[]>;
68
70
  addComposerChild: RealmNode<ComponentType<{}>>;
@@ -114,7 +116,7 @@ linkDialogPlugin: PluginConstructor<SystemSpec<[SystemSpec<[], (r: Realm) => {
114
116
  editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
115
117
  contentEditableClassName: RealmNode<string>;
116
118
  placeholder: RealmNode<ReactNode>;
117
- autoFocus: RealmNode<boolean>;
119
+ autoFocus: RealmNode<boolean | "rootStart" | "rootEnd">;
118
120
  readOnly: RealmNode<boolean>;
119
121
  composerChildren: RealmNode<ComponentType<{}>[]>;
120
122
  addComposerChild: RealmNode<ComponentType<{}>>;
@@ -140,7 +142,7 @@ linkDialogPlugin: PluginConstructor<SystemSpec<[SystemSpec<[], (r: Realm) => {
140
142
  dialogState: RealmNode<boolean>;
141
143
  onWindowChange: RealmNode<true>;
142
144
  linkDialogState: RealmNode<InactiveLinkDialog | PreviewLinkDialog | EditLinkDialog>;
143
- updateLinkUrl: RealmNode<string>;
145
+ updateLinkUrl: RealmNode<[string, string]>;
144
146
  switchFromPreviewToLinkEdit: RealmNode<true>;
145
147
  cancelLinkEdit: RealmNode<true>;
146
148
  removeLink: RealmNode<true>;
@@ -156,7 +158,7 @@ linkDialogPluginHooks: {
156
158
  dialogState: RealmNode<boolean>;
157
159
  onWindowChange: RealmNode<true>;
158
160
  linkDialogState: RealmNode<InactiveLinkDialog | PreviewLinkDialog | EditLinkDialog>;
159
- updateLinkUrl: RealmNode<string>;
161
+ updateLinkUrl: RealmNode<[string, string]>;
160
162
  switchFromPreviewToLinkEdit: RealmNode<true>;
161
163
  cancelLinkEdit: RealmNode<true>;
162
164
  removeLink: RealmNode<true>;
@@ -193,7 +195,7 @@ linkDialogPluginHooks: {
193
195
  editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
194
196
  contentEditableClassName: RealmNode<string>;
195
197
  placeholder: RealmNode<ReactNode>;
196
- autoFocus: RealmNode<boolean>;
198
+ autoFocus: RealmNode<boolean | "rootStart" | "rootEnd">;
197
199
  readOnly: RealmNode<boolean>;
198
200
  composerChildren: RealmNode<ComponentType<{}>[]>;
199
201
  addComposerChild: RealmNode<ComponentType<{}>>;
@@ -220,7 +222,7 @@ linkDialogPluginHooks: {
220
222
  dialogState: RealmNode<boolean>;
221
223
  onWindowChange: RealmNode<true>;
222
224
  linkDialogState: RealmNode<InactiveLinkDialog | PreviewLinkDialog | EditLinkDialog>;
223
- updateLinkUrl: RealmNode<string>;
225
+ updateLinkUrl: RealmNode<[string, string]>;
224
226
  switchFromPreviewToLinkEdit: RealmNode<true>;
225
227
  cancelLinkEdit: RealmNode<true>;
226
228
  removeLink: RealmNode<true>;
@@ -257,7 +259,7 @@ linkDialogPluginHooks: {
257
259
  editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
258
260
  contentEditableClassName: RealmNode<string>;
259
261
  placeholder: RealmNode<ReactNode>;
260
- autoFocus: RealmNode<boolean>;
262
+ autoFocus: RealmNode<boolean | "rootStart" | "rootEnd">;
261
263
  readOnly: RealmNode<boolean>;
262
264
  composerChildren: RealmNode<ComponentType<{}>[]>;
263
265
  addComposerChild: RealmNode<ComponentType<{}>>;
@@ -284,7 +286,7 @@ linkDialogPluginHooks: {
284
286
  dialogState: RealmNode<boolean>;
285
287
  onWindowChange: RealmNode<true>;
286
288
  linkDialogState: RealmNode<InactiveLinkDialog | PreviewLinkDialog | EditLinkDialog>;
287
- updateLinkUrl: RealmNode<string>;
289
+ updateLinkUrl: RealmNode<[string, string]>;
288
290
  switchFromPreviewToLinkEdit: RealmNode<true>;
289
291
  cancelLinkEdit: RealmNode<true>;
290
292
  removeLink: RealmNode<true>;
@@ -321,7 +323,7 @@ linkDialogPluginHooks: {
321
323
  editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
322
324
  contentEditableClassName: RealmNode<string>;
323
325
  placeholder: RealmNode<ReactNode>;
324
- autoFocus: RealmNode<boolean>;
326
+ autoFocus: RealmNode<boolean | "rootStart" | "rootEnd">;
325
327
  readOnly: RealmNode<boolean>;
326
328
  composerChildren: RealmNode<ComponentType<{}>[]>;
327
329
  addComposerChild: RealmNode<ComponentType<{}>>;
@@ -347,7 +349,7 @@ linkDialogPluginHooks: {
347
349
  dialogState: RealmNode<boolean>;
348
350
  onWindowChange: RealmNode<true>;
349
351
  linkDialogState: RealmNode<InactiveLinkDialog | PreviewLinkDialog | EditLinkDialog>;
350
- updateLinkUrl: RealmNode<string>;
352
+ updateLinkUrl: RealmNode<[string, string]>;
351
353
  switchFromPreviewToLinkEdit: RealmNode<true>;
352
354
  cancelLinkEdit: RealmNode<true>;
353
355
  removeLink: RealmNode<true>;
@@ -384,7 +386,7 @@ linkDialogPluginHooks: {
384
386
  editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
385
387
  contentEditableClassName: RealmNode<string>;
386
388
  placeholder: RealmNode<ReactNode>;
387
- autoFocus: RealmNode<boolean>;
389
+ autoFocus: RealmNode<boolean | "rootStart" | "rootEnd">;
388
390
  readOnly: RealmNode<boolean>;
389
391
  composerChildren: RealmNode<ComponentType<{}>[]>;
390
392
  addComposerChild: RealmNode<ComponentType<{}>>;
@@ -411,7 +413,7 @@ linkDialogPluginHooks: {
411
413
  dialogState: RealmNode<boolean>;
412
414
  onWindowChange: RealmNode<true>;
413
415
  linkDialogState: RealmNode<InactiveLinkDialog | PreviewLinkDialog | EditLinkDialog>;
414
- updateLinkUrl: RealmNode<string>;
416
+ updateLinkUrl: RealmNode<[string, string]>;
415
417
  switchFromPreviewToLinkEdit: RealmNode<true>;
416
418
  cancelLinkEdit: RealmNode<true>;
417
419
  removeLink: RealmNode<true>;
@@ -448,7 +450,7 @@ linkDialogPluginHooks: {
448
450
  editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
449
451
  contentEditableClassName: RealmNode<string>;
450
452
  placeholder: RealmNode<ReactNode>;
451
- autoFocus: RealmNode<boolean>;
453
+ autoFocus: RealmNode<boolean | "rootStart" | "rootEnd">;
452
454
  readOnly: RealmNode<boolean>;
453
455
  composerChildren: RealmNode<ComponentType<{}>[]>;
454
456
  addComposerChild: RealmNode<ComponentType<{}>>;
@@ -475,7 +477,7 @@ linkDialogPluginHooks: {
475
477
  dialogState: RealmNode<boolean>;
476
478
  onWindowChange: RealmNode<true>;
477
479
  linkDialogState: RealmNode<InactiveLinkDialog | PreviewLinkDialog | EditLinkDialog>;
478
- updateLinkUrl: RealmNode<string>;
480
+ updateLinkUrl: RealmNode<[string, string]>;
479
481
  switchFromPreviewToLinkEdit: RealmNode<true>;
480
482
  cancelLinkEdit: RealmNode<true>;
481
483
  removeLink: RealmNode<true>;
@@ -512,7 +514,7 @@ linkDialogPluginHooks: {
512
514
  editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
513
515
  contentEditableClassName: RealmNode<string>;
514
516
  placeholder: RealmNode<ReactNode>;
515
- autoFocus: RealmNode<boolean>;
517
+ autoFocus: RealmNode<boolean | "rootStart" | "rootEnd">;
516
518
  readOnly: RealmNode<boolean>;
517
519
  composerChildren: RealmNode<ComponentType<{}>[]>;
518
520
  addComposerChild: RealmNode<ComponentType<{}>>;
package/dist/plugins/link-dialog/index.js CHANGED
@@ -45,7 +45,9 @@ const linkDialogSystem = system(
45
45
  r.pub(linkDialogState, {
46
46
  type: "edit",
47
47
  initialUrl: node.getURL(),
48
+ initialTitle: node.getTitle() || "",
48
49
  url: node.getURL(),
50
+ title: node.getTitle() || "",
49
51
  linkNodeKey: node.getKey(),
50
52
  rectangle
51
53
  });
@@ -53,6 +55,8 @@ const linkDialogSystem = system(
53
55
  r.pub(linkDialogState, {
54
56
  type: "edit",
55
57
  initialUrl: "",
58
+ initialTitle: "",
59
+ title: "",
56
60
  url: "",
57
61
  linkNodeKey: "",
58
62
  rectangle
@@ -84,7 +88,7 @@ const linkDialogSystem = system(
84
88
  (event) => {
85
89
  if (event.key === "k" && (IS_APPLE ? event.metaKey : event.ctrlKey)) {
86
90
  const selection = $getSelection();
87
- if ($isRangeSelection(selection) && !selection.isCollapsed()) {
91
+ if ($isRangeSelection(selection) && (getLinkNodeInSelection(selection) || !selection.isCollapsed())) {
88
92
  r.pub(openLinkEditDialog, true);
89
93
  event.stopPropagation();
90
94
  return true;
@@ -120,8 +124,15 @@ const linkDialogSystem = system(
120
124
  r.sub(r.pipe(applyLinkChanges, r.o.withLatestFrom(linkDialogState, activeEditor)), ([, state, editor]) => {
121
125
  if (state.type === "edit") {
122
126
  const url = state.url.trim();
127
+ const title = state.title.trim();
123
128
  if (url.trim() !== "") {
124
- editor == null ? void 0 : editor.dispatchCommand(TOGGLE_LINK_COMMAND, url);
129
+ editor == null ? void 0 : editor.dispatchCommand(TOGGLE_LINK_COMMAND, { url, title });
130
+ setTimeout(() => {
131
+ editor == null ? void 0 : editor.update(() => {
132
+ const node = getLinkNodeInSelection($getSelection());
133
+ node == null ? void 0 : node.setTitle(title);
134
+ });
135
+ });
125
136
  r.pub(linkDialogState, {
126
137
  type: "preview",
127
138
  linkNodeKey: state.linkNodeKey,
@@ -144,11 +155,12 @@ const linkDialogSystem = system(
144
155
  r.pipe(
145
156
  updateLinkUrl,
146
157
  r.o.withLatestFrom(linkDialogState),
147
- r.o.map(([url, state]) => {
158
+ r.o.map(([[url, title], state]) => {
148
159
  if (state.type === "edit") {
149
160
  return {
150
161
  ...state,
151
- url
162
+ url,
163
+ title
152
164
  };
153
165
  } else {
154
166
  throw new Error("Cannot update link url when not in edit mode");
package/dist/plugins/lists/index.d.ts CHANGED
@@ -44,7 +44,7 @@ export declare const listsSystem: 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>;
47
+ autoFocus: RealmNode<boolean | "rootStart" | "rootEnd">;
48
48
  readOnly: RealmNode<boolean>;
49
49
  composerChildren: RealmNode<ComponentType<{}>[]>;
50
50
  addComposerChild: RealmNode<ComponentType<{}>>;
@@ -96,7 +96,7 @@ export declare const listsSystem: SystemSpec<[SystemSpec<[], (r: Realm) => {
96
96
  editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
97
97
  contentEditableClassName: RealmNode<string>;
98
98
  placeholder: RealmNode<ReactNode>;
99
- autoFocus: RealmNode<boolean>;
99
+ autoFocus: RealmNode<boolean | "rootStart" | "rootEnd">;
100
100
  readOnly: RealmNode<boolean>;
101
101
  composerChildren: RealmNode<ComponentType<{}>[]>;
102
102
  addComposerChild: RealmNode<ComponentType<{}>>;
@@ -154,7 +154,7 @@ listsPlugin: PluginConstructor<SystemSpec<[SystemSpec<[], (r: Realm) => {
154
154
  editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
155
155
  contentEditableClassName: RealmNode<string>;
156
156
  placeholder: RealmNode<ReactNode>;
157
- autoFocus: RealmNode<boolean>;
157
+ autoFocus: RealmNode<boolean | "rootStart" | "rootEnd">;
158
158
  readOnly: RealmNode<boolean>;
159
159
  composerChildren: RealmNode<ComponentType<{}>[]>;
160
160
  addComposerChild: RealmNode<ComponentType<{}>>;
@@ -206,7 +206,7 @@ listsPlugin: PluginConstructor<SystemSpec<[SystemSpec<[], (r: Realm) => {
206
206
  editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
207
207
  contentEditableClassName: RealmNode<string>;
208
208
  placeholder: RealmNode<ReactNode>;
209
- autoFocus: RealmNode<boolean>;
209
+ autoFocus: RealmNode<boolean | "rootStart" | "rootEnd">;
210
210
  readOnly: RealmNode<boolean>;
211
211
  composerChildren: RealmNode<ComponentType<{}>[]>;
212
212
  addComposerChild: RealmNode<ComponentType<{}>>;
@@ -267,7 +267,7 @@ listsPluginHooks: {
267
267
  editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
268
268
  contentEditableClassName: RealmNode<string>;
269
269
  placeholder: RealmNode<ReactNode>;
270
- autoFocus: RealmNode<boolean>;
270
+ autoFocus: RealmNode<boolean | "rootStart" | "rootEnd">;
271
271
  readOnly: RealmNode<boolean>;
272
272
  composerChildren: RealmNode<ComponentType<{}>[]>;
273
273
  addComposerChild: RealmNode<ComponentType<{}>>;
@@ -323,7 +323,7 @@ listsPluginHooks: {
323
323
  editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
324
324
  contentEditableClassName: RealmNode<string>;
325
325
  placeholder: RealmNode<ReactNode>;
326
- autoFocus: RealmNode<boolean>;
326
+ autoFocus: RealmNode<boolean | "rootStart" | "rootEnd">;
327
327
  readOnly: RealmNode<boolean>;
328
328
  composerChildren: RealmNode<ComponentType<{}>[]>;
329
329
  addComposerChild: RealmNode<ComponentType<{}>>;
@@ -379,7 +379,7 @@ listsPluginHooks: {
379
379
  editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
380
380
  contentEditableClassName: RealmNode<string>;
381
381
  placeholder: RealmNode<ReactNode>;
382
- autoFocus: RealmNode<boolean>;
382
+ autoFocus: RealmNode<boolean | "rootStart" | "rootEnd">;
383
383
  readOnly: RealmNode<boolean>;
384
384
  composerChildren: RealmNode<ComponentType<{}>[]>;
385
385
  addComposerChild: RealmNode<ComponentType<{}>>;
@@ -434,7 +434,7 @@ listsPluginHooks: {
434
434
  editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
435
435
  contentEditableClassName: RealmNode<string>;
436
436
  placeholder: RealmNode<ReactNode>;
437
- autoFocus: RealmNode<boolean>;
437
+ autoFocus: RealmNode<boolean | "rootStart" | "rootEnd">;
438
438
  readOnly: RealmNode<boolean>;
439
439
  composerChildren: RealmNode<ComponentType<{}>[]>;
440
440
  addComposerChild: RealmNode<ComponentType<{}>>;
@@ -490,7 +490,7 @@ listsPluginHooks: {
490
490
  editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
491
491
  contentEditableClassName: RealmNode<string>;
492
492
  placeholder: RealmNode<ReactNode>;
493
- autoFocus: RealmNode<boolean>;
493
+ autoFocus: RealmNode<boolean | "rootStart" | "rootEnd">;
494
494
  readOnly: RealmNode<boolean>;
495
495
  composerChildren: RealmNode<ComponentType<{}>[]>;
496
496
  addComposerChild: RealmNode<ComponentType<{}>>;
@@ -546,7 +546,7 @@ listsPluginHooks: {
546
546
  editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
547
547
  contentEditableClassName: RealmNode<string>;
548
548
  placeholder: RealmNode<ReactNode>;
549
- autoFocus: RealmNode<boolean>;
549
+ autoFocus: RealmNode<boolean | "rootStart" | "rootEnd">;
550
550
  readOnly: RealmNode<boolean>;
551
551
  composerChildren: RealmNode<ComponentType<{}>[]>;
552
552
  addComposerChild: RealmNode<ComponentType<{}>>;
package/dist/plugins/markdown-shortcut/index.d.ts CHANGED
@@ -41,7 +41,7 @@ export declare const markdownShortcutPlugin: PluginConstructor<SystemSpec<[Syste
41
41
  editorRootElementRef: RealmNode<React.RefObject<HTMLDivElement> | null>;
42
42
  contentEditableClassName: RealmNode<string>;
43
43
  placeholder: RealmNode<React.ReactNode>;
44
- autoFocus: RealmNode<boolean>;
44
+ autoFocus: RealmNode<boolean | "rootStart" | "rootEnd">;
45
45
  readOnly: RealmNode<boolean>;
46
46
  composerChildren: RealmNode<React.ComponentType<{}>[]>;
47
47
  addComposerChild: RealmNode<React.ComponentType<{}>>;
package/dist/plugins/quote/index.d.ts CHANGED
@@ -43,7 +43,7 @@ quotePlugin: PluginConstructor<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>;
46
+ autoFocus: RealmNode<boolean | "rootStart" | "rootEnd">;
47
47
  readOnly: RealmNode<boolean>;
48
48
  composerChildren: RealmNode<ComponentType<{}>[]>;
49
49
  addComposerChild: RealmNode<ComponentType<{}>>;
@@ -98,7 +98,7 @@ quotePluginHooks: {
98
98
  editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
99
99
  contentEditableClassName: RealmNode<string>;
100
100
  placeholder: RealmNode<ReactNode>;
101
- autoFocus: RealmNode<boolean>;
101
+ autoFocus: RealmNode<boolean | "rootStart" | "rootEnd">;
102
102
  readOnly: RealmNode<boolean>;
103
103
  composerChildren: RealmNode<ComponentType<{}>[]>;
104
104
  addComposerChild: RealmNode<ComponentType<{}>>;
@@ -151,7 +151,7 @@ quotePluginHooks: {
151
151
  editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
152
152
  contentEditableClassName: RealmNode<string>;
153
153
  placeholder: RealmNode<ReactNode>;
154
- autoFocus: RealmNode<boolean>;
154
+ autoFocus: RealmNode<boolean | "rootStart" | "rootEnd">;
155
155
  readOnly: RealmNode<boolean>;
156
156
  composerChildren: RealmNode<ComponentType<{}>[]>;
157
157
  addComposerChild: RealmNode<ComponentType<{}>>;
@@ -204,7 +204,7 @@ quotePluginHooks: {
204
204
  editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
205
205
  contentEditableClassName: RealmNode<string>;
206
206
  placeholder: RealmNode<ReactNode>;
207
- autoFocus: RealmNode<boolean>;
207
+ autoFocus: RealmNode<boolean | "rootStart" | "rootEnd">;
208
208
  readOnly: RealmNode<boolean>;
209
209
  composerChildren: RealmNode<ComponentType<{}>[]>;
210
210
  addComposerChild: RealmNode<ComponentType<{}>>;
@@ -256,7 +256,7 @@ quotePluginHooks: {
256
256
  editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
257
257
  contentEditableClassName: RealmNode<string>;
258
258
  placeholder: RealmNode<ReactNode>;
259
- autoFocus: RealmNode<boolean>;
259
+ autoFocus: RealmNode<boolean | "rootStart" | "rootEnd">;
260
260
  readOnly: RealmNode<boolean>;
261
261
  composerChildren: RealmNode<ComponentType<{}>[]>;
262
262
  addComposerChild: RealmNode<ComponentType<{}>>;
@@ -309,7 +309,7 @@ quotePluginHooks: {
309
309
  editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
310
310
  contentEditableClassName: RealmNode<string>;
311
311
  placeholder: RealmNode<ReactNode>;
312
- autoFocus: RealmNode<boolean>;
312
+ autoFocus: RealmNode<boolean | "rootStart" | "rootEnd">;
313
313
  readOnly: RealmNode<boolean>;
314
314
  composerChildren: RealmNode<ComponentType<{}>[]>;
315
315
  addComposerChild: RealmNode<ComponentType<{}>>;
@@ -362,7 +362,7 @@ quotePluginHooks: {
362
362
  editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
363
363
  contentEditableClassName: RealmNode<string>;
364
364
  placeholder: RealmNode<ReactNode>;
365
- autoFocus: RealmNode<boolean>;
365
+ autoFocus: RealmNode<boolean | "rootStart" | "rootEnd">;
366
366
  readOnly: RealmNode<boolean>;
367
367
  composerChildren: RealmNode<ComponentType<{}>[]>;
368
368
  addComposerChild: RealmNode<ComponentType<{}>>;
package/dist/plugins/sandpack/index.d.ts CHANGED
@@ -105,7 +105,7 @@ export declare const sandpackSystem: SystemSpec<[SystemSpec<[], (r: Realm) => {
105
105
  editorRootElementRef: RealmNode<React.RefObject<HTMLDivElement> | null>;
106
106
  contentEditableClassName: RealmNode<string>;
107
107
  placeholder: RealmNode<React.ReactNode>;
108
- autoFocus: RealmNode<boolean>;
108
+ autoFocus: RealmNode<boolean | "rootStart" | "rootEnd">;
109
109
  readOnly: RealmNode<boolean>;
110
110
  composerChildren: RealmNode<React.ComponentType<{}>[]>;
111
111
  addComposerChild: RealmNode<React.ComponentType<{}>>;
@@ -157,7 +157,7 @@ export declare const sandpackSystem: SystemSpec<[SystemSpec<[], (r: Realm) => {
157
157
  editorRootElementRef: RealmNode<React.RefObject<HTMLDivElement> | null>;
158
158
  contentEditableClassName: RealmNode<string>;
159
159
  placeholder: RealmNode<React.ReactNode>;
160
- autoFocus: RealmNode<boolean>;
160
+ autoFocus: RealmNode<boolean | "rootStart" | "rootEnd">;
161
161
  readOnly: RealmNode<boolean>;
162
162
  composerChildren: RealmNode<React.ComponentType<{}>[]>;
163
163
  addComposerChild: RealmNode<React.ComponentType<{}>>;
@@ -209,7 +209,7 @@ export declare const sandpackSystem: SystemSpec<[SystemSpec<[], (r: Realm) => {
209
209
  editorRootElementRef: RealmNode<React.RefObject<HTMLDivElement> | null>;
210
210
  contentEditableClassName: RealmNode<string>;
211
211
  placeholder: RealmNode<React.ReactNode>;
212
- autoFocus: RealmNode<boolean>;
212
+ autoFocus: RealmNode<boolean | "rootStart" | "rootEnd">;
213
213
  readOnly: RealmNode<boolean>;
214
214
  composerChildren: RealmNode<React.ComponentType<{}>[]>;
215
215
  addComposerChild: RealmNode<React.ComponentType<{}>>;
@@ -266,7 +266,7 @@ export declare const sandpackSystem: SystemSpec<[SystemSpec<[], (r: Realm) => {
266
266
  editorRootElementRef: RealmNode<React.RefObject<HTMLDivElement> | null>;
267
267
  contentEditableClassName: RealmNode<string>;
268
268
  placeholder: RealmNode<React.ReactNode>;
269
- autoFocus: RealmNode<boolean>;
269
+ autoFocus: RealmNode<boolean | "rootStart" | "rootEnd">;
270
270
  readOnly: RealmNode<boolean>;
271
271
  composerChildren: RealmNode<React.ComponentType<{}>[]>;
272
272
  addComposerChild: RealmNode<React.ComponentType<{}>>;
@@ -329,7 +329,7 @@ sandpackPlugin: PluginConstructor<SystemSpec<[SystemSpec<[], (r: Realm) => {
329
329
  editorRootElementRef: RealmNode<React.RefObject<HTMLDivElement> | null>;
330
330
  contentEditableClassName: RealmNode<string>;
331
331
  placeholder: RealmNode<React.ReactNode>;
332
- autoFocus: RealmNode<boolean>;
332
+ autoFocus: RealmNode<boolean | "rootStart" | "rootEnd">;
333
333
  readOnly: RealmNode<boolean>;
334
334
  composerChildren: RealmNode<React.ComponentType<{}>[]>;
335
335
  addComposerChild: RealmNode<React.ComponentType<{}>>;
@@ -381,7 +381,7 @@ sandpackPlugin: PluginConstructor<SystemSpec<[SystemSpec<[], (r: Realm) => {
381
381
  editorRootElementRef: RealmNode<React.RefObject<HTMLDivElement> | null>;
382
382
  contentEditableClassName: RealmNode<string>;
383
383
  placeholder: RealmNode<React.ReactNode>;
384
- autoFocus: RealmNode<boolean>;
384
+ autoFocus: RealmNode<boolean | "rootStart" | "rootEnd">;
385
385
  readOnly: RealmNode<boolean>;
386
386
  composerChildren: RealmNode<React.ComponentType<{}>[]>;
387
387
  addComposerChild: RealmNode<React.ComponentType<{}>>;
@@ -433,7 +433,7 @@ sandpackPlugin: PluginConstructor<SystemSpec<[SystemSpec<[], (r: Realm) => {
433
433
  editorRootElementRef: RealmNode<React.RefObject<HTMLDivElement> | null>;
434
434
  contentEditableClassName: RealmNode<string>;
435
435
  placeholder: RealmNode<React.ReactNode>;
436
- autoFocus: RealmNode<boolean>;
436
+ autoFocus: RealmNode<boolean | "rootStart" | "rootEnd">;
437
437
  readOnly: RealmNode<boolean>;
438
438
  composerChildren: RealmNode<React.ComponentType<{}>[]>;
439
439
  addComposerChild: RealmNode<React.ComponentType<{}>>;
@@ -490,7 +490,7 @@ sandpackPlugin: PluginConstructor<SystemSpec<[SystemSpec<[], (r: Realm) => {
490
490
  editorRootElementRef: RealmNode<React.RefObject<HTMLDivElement> | null>;
491
491
  contentEditableClassName: RealmNode<string>;
492
492
  placeholder: RealmNode<React.ReactNode>;
493
- autoFocus: RealmNode<boolean>;
493
+ autoFocus: RealmNode<boolean | "rootStart" | "rootEnd">;
494
494
  readOnly: RealmNode<boolean>;
495
495
  composerChildren: RealmNode<React.ComponentType<{}>[]>;
496
496
  addComposerChild: RealmNode<React.ComponentType<{}>>;
@@ -558,7 +558,7 @@ sandpackPluginHooks: {
558
558
  editorRootElementRef: RealmNode<React.RefObject<HTMLDivElement> | null>;
559
559
  contentEditableClassName: RealmNode<string>;
560
560
  placeholder: RealmNode<React.ReactNode>;
561
- autoFocus: RealmNode<boolean>;
561
+ autoFocus: RealmNode<boolean | "rootStart" | "rootEnd">;
562
562
  readOnly: RealmNode<boolean>;
563
563
  composerChildren: RealmNode<React.ComponentType<{}>[]>;
564
564
  addComposerChild: RealmNode<React.ComponentType<{}>>;
@@ -619,7 +619,7 @@ sandpackPluginHooks: {
619
619
  editorRootElementRef: RealmNode<React.RefObject<HTMLDivElement> | null>;
620
620
  contentEditableClassName: RealmNode<string>;
621
621
  placeholder: RealmNode<React.ReactNode>;
622
- autoFocus: RealmNode<boolean>;
622
+ autoFocus: RealmNode<boolean | "rootStart" | "rootEnd">;
623
623
  readOnly: RealmNode<boolean>;
624
624
  composerChildren: RealmNode<React.ComponentType<{}>[]>;
625
625
  addComposerChild: RealmNode<React.ComponentType<{}>>;
@@ -680,7 +680,7 @@ sandpackPluginHooks: {
680
680
  editorRootElementRef: RealmNode<React.RefObject<HTMLDivElement> | null>;
681
681
  contentEditableClassName: RealmNode<string>;
682
682
  placeholder: RealmNode<React.ReactNode>;
683
- autoFocus: RealmNode<boolean>;
683
+ autoFocus: RealmNode<boolean | "rootStart" | "rootEnd">;
684
684
  readOnly: RealmNode<boolean>;
685
685
  composerChildren: RealmNode<React.ComponentType<{}>[]>;
686
686
  addComposerChild: RealmNode<React.ComponentType<{}>>;
@@ -740,7 +740,7 @@ sandpackPluginHooks: {
740
740
  editorRootElementRef: RealmNode<React.RefObject<HTMLDivElement> | null>;
741
741
  contentEditableClassName: RealmNode<string>;
742
742
  placeholder: RealmNode<React.ReactNode>;
743
- autoFocus: RealmNode<boolean>;
743
+ autoFocus: RealmNode<boolean | "rootStart" | "rootEnd">;
744
744
  readOnly: RealmNode<boolean>;
745
745
  composerChildren: RealmNode<React.ComponentType<{}>[]>;
746
746
  addComposerChild: RealmNode<React.ComponentType<{}>>;
@@ -801,7 +801,7 @@ sandpackPluginHooks: {
801
801
  editorRootElementRef: RealmNode<React.RefObject<HTMLDivElement> | null>;
802
802
  contentEditableClassName: RealmNode<string>;
803
803
  placeholder: RealmNode<React.ReactNode>;
804
- autoFocus: RealmNode<boolean>;
804
+ autoFocus: RealmNode<boolean | "rootStart" | "rootEnd">;
805
805
  readOnly: RealmNode<boolean>;
806
806
  composerChildren: RealmNode<React.ComponentType<{}>[]>;
807
807
  addComposerChild: RealmNode<React.ComponentType<{}>>;
@@ -862,7 +862,7 @@ sandpackPluginHooks: {
862
862
  editorRootElementRef: RealmNode<React.RefObject<HTMLDivElement> | null>;
863
863
  contentEditableClassName: RealmNode<string>;
864
864
  placeholder: RealmNode<React.ReactNode>;
865
- autoFocus: RealmNode<boolean>;
865
+ autoFocus: RealmNode<boolean | "rootStart" | "rootEnd">;
866
866
  readOnly: RealmNode<boolean>;
867
867
  composerChildren: RealmNode<React.ComponentType<{}>[]>;
868
868
  addComposerChild: RealmNode<React.ComponentType<{}>>;
package/dist/plugins/table/index.d.ts CHANGED
@@ -42,7 +42,7 @@ export declare const tableSystem: SystemSpec<[SystemSpec<[], (r: Realm) => {
42
42
  editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
43
43
  contentEditableClassName: RealmNode<string>;
44
44
  placeholder: RealmNode<ReactNode>;
45
- autoFocus: RealmNode<boolean>;
45
+ autoFocus: RealmNode<boolean | "rootStart" | "rootEnd">;
46
46
  readOnly: RealmNode<boolean>;
47
47
  composerChildren: RealmNode<ComponentType<{}>[]>;
48
48
  addComposerChild: RealmNode<ComponentType<{}>>;
@@ -94,7 +94,7 @@ export declare const tableSystem: SystemSpec<[SystemSpec<[], (r: Realm) => {
94
94
  editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
95
95
  contentEditableClassName: RealmNode<string>;
96
96
  placeholder: RealmNode<ReactNode>;
97
- autoFocus: RealmNode<boolean>;
97
+ autoFocus: RealmNode<boolean | "rootStart" | "rootEnd">;
98
98
  readOnly: RealmNode<boolean>;
99
99
  composerChildren: RealmNode<ComponentType<{}>[]>;
100
100
  addComposerChild: RealmNode<ComponentType<{}>>;
@@ -151,7 +151,7 @@ tablePlugin: PluginConstructor<SystemSpec<[SystemSpec<[], (r: Realm) => {
151
151
  editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
152
152
  contentEditableClassName: RealmNode<string>;
153
153
  placeholder: RealmNode<ReactNode>;
154
- autoFocus: RealmNode<boolean>;
154
+ autoFocus: RealmNode<boolean | "rootStart" | "rootEnd">;
155
155
  readOnly: RealmNode<boolean>;
156
156
  composerChildren: RealmNode<ComponentType<{}>[]>;
157
157
  addComposerChild: RealmNode<ComponentType<{}>>;
@@ -203,7 +203,7 @@ tablePlugin: PluginConstructor<SystemSpec<[SystemSpec<[], (r: Realm) => {
203
203
  editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
204
204
  contentEditableClassName: RealmNode<string>;
205
205
  placeholder: RealmNode<ReactNode>;
206
- autoFocus: RealmNode<boolean>;
206
+ autoFocus: RealmNode<boolean | "rootStart" | "rootEnd">;
207
207
  readOnly: RealmNode<boolean>;
208
208
  composerChildren: RealmNode<ComponentType<{}>[]>;
209
209
  addComposerChild: RealmNode<ComponentType<{}>>;
@@ -262,7 +262,7 @@ tablePluginHooks: {
262
262
  editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
263
263
  contentEditableClassName: RealmNode<string>;
264
264
  placeholder: RealmNode<ReactNode>;
265
- autoFocus: RealmNode<boolean>;
265
+ autoFocus: RealmNode<boolean | "rootStart" | "rootEnd">;
266
266
  readOnly: RealmNode<boolean>;
267
267
  composerChildren: RealmNode<ComponentType<{}>[]>;
268
268
  addComposerChild: RealmNode<ComponentType<{}>>;
@@ -317,7 +317,7 @@ tablePluginHooks: {
317
317
  editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
318
318
  contentEditableClassName: RealmNode<string>;
319
319
  placeholder: RealmNode<ReactNode>;
320
- autoFocus: RealmNode<boolean>;
320
+ autoFocus: RealmNode<boolean | "rootStart" | "rootEnd">;
321
321
  readOnly: RealmNode<boolean>;
322
322
  composerChildren: RealmNode<ComponentType<{}>[]>;
323
323
  addComposerChild: RealmNode<ComponentType<{}>>;
@@ -372,7 +372,7 @@ tablePluginHooks: {
372
372
  editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
373
373
  contentEditableClassName: RealmNode<string>;
374
374
  placeholder: RealmNode<ReactNode>;
375
- autoFocus: RealmNode<boolean>;
375
+ autoFocus: RealmNode<boolean | "rootStart" | "rootEnd">;
376
376
  readOnly: RealmNode<boolean>;
377
377
  composerChildren: RealmNode<ComponentType<{}>[]>;
378
378
  addComposerChild: RealmNode<ComponentType<{}>>;
@@ -426,7 +426,7 @@ tablePluginHooks: {
426
426
  editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
427
427
  contentEditableClassName: RealmNode<string>;
428
428
  placeholder: RealmNode<ReactNode>;
429
- autoFocus: RealmNode<boolean>;
429
+ autoFocus: RealmNode<boolean | "rootStart" | "rootEnd">;
430
430
  readOnly: RealmNode<boolean>;
431
431
  composerChildren: RealmNode<ComponentType<{}>[]>;
432
432
  addComposerChild: RealmNode<ComponentType<{}>>;
@@ -481,7 +481,7 @@ tablePluginHooks: {
481
481
  editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
482
482
  contentEditableClassName: RealmNode<string>;
483
483
  placeholder: RealmNode<ReactNode>;
484
- autoFocus: RealmNode<boolean>;
484
+ autoFocus: RealmNode<boolean | "rootStart" | "rootEnd">;
485
485
  readOnly: RealmNode<boolean>;
486
486
  composerChildren: RealmNode<ComponentType<{}>[]>;
487
487
  addComposerChild: RealmNode<ComponentType<{}>>;
@@ -536,7 +536,7 @@ tablePluginHooks: {
536
536
  editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
537
537
  contentEditableClassName: RealmNode<string>;
538
538
  placeholder: RealmNode<ReactNode>;
539
- autoFocus: RealmNode<boolean>;
539
+ autoFocus: RealmNode<boolean | "rootStart" | "rootEnd">;
540
540
  readOnly: RealmNode<boolean>;
541
541
  composerChildren: RealmNode<ComponentType<{}>[]>;
542
542
  addComposerChild: RealmNode<ComponentType<{}>>;