@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/plugins/thematic-break/index.d.ts CHANGED
@@ -42,7 +42,10 @@ export declare const thematicBreakSystem: 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 | "rootStart" | "rootEnd">;
45
+ autoFocus: RealmNode<boolean | {
46
+ defaultSelection?: "rootStart" | "rootEnd" | undefined;
47
+ preventScroll: boolean;
48
+ }>;
46
49
  readOnly: RealmNode<boolean>;
47
50
  composerChildren: RealmNode<ComponentType<{}>[]>;
48
51
  addComposerChild: RealmNode<ComponentType<{}>>;
@@ -94,7 +97,10 @@ export declare const thematicBreakSystem: SystemSpec<[SystemSpec<[], (r: Realm)
94
97
  editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
95
98
  contentEditableClassName: RealmNode<string>;
96
99
  placeholder: RealmNode<ReactNode>;
97
- autoFocus: RealmNode<boolean | "rootStart" | "rootEnd">;
100
+ autoFocus: RealmNode<boolean | {
101
+ defaultSelection?: "rootStart" | "rootEnd" | undefined;
102
+ preventScroll: boolean;
103
+ }>;
98
104
  readOnly: RealmNode<boolean>;
99
105
  composerChildren: RealmNode<ComponentType<{}>[]>;
100
106
  addComposerChild: RealmNode<ComponentType<{}>>;
@@ -151,7 +157,10 @@ thematicBreakPlugin: PluginConstructor<SystemSpec<[SystemSpec<[], (r: Realm) =>
151
157
  editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
152
158
  contentEditableClassName: RealmNode<string>;
153
159
  placeholder: RealmNode<ReactNode>;
154
- autoFocus: RealmNode<boolean | "rootStart" | "rootEnd">;
160
+ autoFocus: RealmNode<boolean | {
161
+ defaultSelection?: "rootStart" | "rootEnd" | undefined;
162
+ preventScroll: boolean;
163
+ }>;
155
164
  readOnly: RealmNode<boolean>;
156
165
  composerChildren: RealmNode<ComponentType<{}>[]>;
157
166
  addComposerChild: RealmNode<ComponentType<{}>>;
@@ -203,7 +212,10 @@ thematicBreakPlugin: PluginConstructor<SystemSpec<[SystemSpec<[], (r: Realm) =>
203
212
  editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
204
213
  contentEditableClassName: RealmNode<string>;
205
214
  placeholder: RealmNode<ReactNode>;
206
- autoFocus: RealmNode<boolean | "rootStart" | "rootEnd">;
215
+ autoFocus: RealmNode<boolean | {
216
+ defaultSelection?: "rootStart" | "rootEnd" | undefined;
217
+ preventScroll: boolean;
218
+ }>;
207
219
  readOnly: RealmNode<boolean>;
208
220
  composerChildren: RealmNode<ComponentType<{}>[]>;
209
221
  addComposerChild: RealmNode<ComponentType<{}>>;
@@ -262,7 +274,10 @@ thematicBreakPluginHooks: {
262
274
  editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
263
275
  contentEditableClassName: RealmNode<string>;
264
276
  placeholder: RealmNode<ReactNode>;
265
- autoFocus: RealmNode<boolean | "rootStart" | "rootEnd">;
277
+ autoFocus: RealmNode<boolean | {
278
+ defaultSelection?: "rootStart" | "rootEnd" | undefined;
279
+ preventScroll: boolean;
280
+ }>;
266
281
  readOnly: RealmNode<boolean>;
267
282
  composerChildren: RealmNode<ComponentType<{}>[]>;
268
283
  addComposerChild: RealmNode<ComponentType<{}>>;
@@ -317,7 +332,10 @@ thematicBreakPluginHooks: {
317
332
  editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
318
333
  contentEditableClassName: RealmNode<string>;
319
334
  placeholder: RealmNode<ReactNode>;
320
- autoFocus: RealmNode<boolean | "rootStart" | "rootEnd">;
335
+ autoFocus: RealmNode<boolean | {
336
+ defaultSelection?: "rootStart" | "rootEnd" | undefined;
337
+ preventScroll: boolean;
338
+ }>;
321
339
  readOnly: RealmNode<boolean>;
322
340
  composerChildren: RealmNode<ComponentType<{}>[]>;
323
341
  addComposerChild: RealmNode<ComponentType<{}>>;
@@ -372,7 +390,10 @@ thematicBreakPluginHooks: {
372
390
  editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
373
391
  contentEditableClassName: RealmNode<string>;
374
392
  placeholder: RealmNode<ReactNode>;
375
- autoFocus: RealmNode<boolean | "rootStart" | "rootEnd">;
393
+ autoFocus: RealmNode<boolean | {
394
+ defaultSelection?: "rootStart" | "rootEnd" | undefined;
395
+ preventScroll: boolean;
396
+ }>;
376
397
  readOnly: RealmNode<boolean>;
377
398
  composerChildren: RealmNode<ComponentType<{}>[]>;
378
399
  addComposerChild: RealmNode<ComponentType<{}>>;
@@ -426,7 +447,10 @@ thematicBreakPluginHooks: {
426
447
  editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
427
448
  contentEditableClassName: RealmNode<string>;
428
449
  placeholder: RealmNode<ReactNode>;
429
- autoFocus: RealmNode<boolean | "rootStart" | "rootEnd">;
450
+ autoFocus: RealmNode<boolean | {
451
+ defaultSelection?: "rootStart" | "rootEnd" | undefined;
452
+ preventScroll: boolean;
453
+ }>;
430
454
  readOnly: RealmNode<boolean>;
431
455
  composerChildren: RealmNode<ComponentType<{}>[]>;
432
456
  addComposerChild: RealmNode<ComponentType<{}>>;
@@ -481,7 +505,10 @@ thematicBreakPluginHooks: {
481
505
  editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
482
506
  contentEditableClassName: RealmNode<string>;
483
507
  placeholder: RealmNode<ReactNode>;
484
- autoFocus: RealmNode<boolean | "rootStart" | "rootEnd">;
508
+ autoFocus: RealmNode<boolean | {
509
+ defaultSelection?: "rootStart" | "rootEnd" | undefined;
510
+ preventScroll: boolean;
511
+ }>;
485
512
  readOnly: RealmNode<boolean>;
486
513
  composerChildren: RealmNode<ComponentType<{}>[]>;
487
514
  addComposerChild: RealmNode<ComponentType<{}>>;
@@ -536,7 +563,10 @@ thematicBreakPluginHooks: {
536
563
  editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
537
564
  contentEditableClassName: RealmNode<string>;
538
565
  placeholder: RealmNode<ReactNode>;
539
- autoFocus: RealmNode<boolean | "rootStart" | "rootEnd">;
566
+ autoFocus: RealmNode<boolean | {
567
+ defaultSelection?: "rootStart" | "rootEnd" | undefined;
568
+ preventScroll: boolean;
569
+ }>;
540
570
  readOnly: RealmNode<boolean>;
541
571
  composerChildren: RealmNode<ComponentType<{}>[]>;
542
572
  addComposerChild: RealmNode<ComponentType<{}>>;
package/dist/plugins/toolbar/index.d.ts CHANGED
@@ -41,7 +41,10 @@ export declare const toolbarSystem: SystemSpec<[SystemSpec<[], (r: Realm) => {
41
41
  editorRootElementRef: RealmNode<React.RefObject<HTMLDivElement> | null>;
42
42
  contentEditableClassName: RealmNode<string>;
43
43
  placeholder: RealmNode<React.ReactNode>;
44
- autoFocus: RealmNode<boolean | "rootStart" | "rootEnd">;
44
+ autoFocus: RealmNode<boolean | {
45
+ defaultSelection?: "rootStart" | "rootEnd" | undefined;
46
+ preventScroll: boolean;
47
+ }>;
45
48
  readOnly: RealmNode<boolean>;
46
49
  composerChildren: RealmNode<React.ComponentType<{}>[]>;
47
50
  addComposerChild: RealmNode<React.ComponentType<{}>>;
@@ -98,7 +101,10 @@ toolbarPlugin: PluginConstructor<SystemSpec<[SystemSpec<[], (r: Realm) => {
98
101
  editorRootElementRef: RealmNode<React.RefObject<HTMLDivElement> | null>;
99
102
  contentEditableClassName: RealmNode<string>;
100
103
  placeholder: RealmNode<React.ReactNode>;
101
- autoFocus: RealmNode<boolean | "rootStart" | "rootEnd">;
104
+ autoFocus: RealmNode<boolean | {
105
+ defaultSelection?: "rootStart" | "rootEnd" | undefined;
106
+ preventScroll: boolean;
107
+ }>;
102
108
  readOnly: RealmNode<boolean>;
103
109
  composerChildren: RealmNode<React.ComponentType<{}>[]>;
104
110
  addComposerChild: RealmNode<React.ComponentType<{}>>;
@@ -159,7 +165,10 @@ toolbarPluginHooks: {
159
165
  editorRootElementRef: RealmNode<React.RefObject<HTMLDivElement> | null>;
160
166
  contentEditableClassName: RealmNode<string>;
161
167
  placeholder: RealmNode<React.ReactNode>;
162
- autoFocus: RealmNode<boolean | "rootStart" | "rootEnd">;
168
+ autoFocus: RealmNode<boolean | {
169
+ defaultSelection?: "rootStart" | "rootEnd" | undefined;
170
+ preventScroll: boolean;
171
+ }>;
163
172
  readOnly: RealmNode<boolean>;
164
173
  composerChildren: RealmNode<React.ComponentType<{}>[]>;
165
174
  addComposerChild: RealmNode<React.ComponentType<{}>>;
@@ -214,7 +223,10 @@ toolbarPluginHooks: {
214
223
  editorRootElementRef: RealmNode<React.RefObject<HTMLDivElement> | null>;
215
224
  contentEditableClassName: RealmNode<string>;
216
225
  placeholder: RealmNode<React.ReactNode>;
217
- autoFocus: RealmNode<boolean | "rootStart" | "rootEnd">;
226
+ autoFocus: RealmNode<boolean | {
227
+ defaultSelection?: "rootStart" | "rootEnd" | undefined;
228
+ preventScroll: boolean;
229
+ }>;
218
230
  readOnly: RealmNode<boolean>;
219
231
  composerChildren: RealmNode<React.ComponentType<{}>[]>;
220
232
  addComposerChild: RealmNode<React.ComponentType<{}>>;
@@ -269,7 +281,10 @@ toolbarPluginHooks: {
269
281
  editorRootElementRef: RealmNode<React.RefObject<HTMLDivElement> | null>;
270
282
  contentEditableClassName: RealmNode<string>;
271
283
  placeholder: RealmNode<React.ReactNode>;
272
- autoFocus: RealmNode<boolean | "rootStart" | "rootEnd">;
284
+ autoFocus: RealmNode<boolean | {
285
+ defaultSelection?: "rootStart" | "rootEnd" | undefined;
286
+ preventScroll: boolean;
287
+ }>;
273
288
  readOnly: RealmNode<boolean>;
274
289
  composerChildren: RealmNode<React.ComponentType<{}>[]>;
275
290
  addComposerChild: RealmNode<React.ComponentType<{}>>;
@@ -323,7 +338,10 @@ toolbarPluginHooks: {
323
338
  editorRootElementRef: RealmNode<React.RefObject<HTMLDivElement> | null>;
324
339
  contentEditableClassName: RealmNode<string>;
325
340
  placeholder: RealmNode<React.ReactNode>;
326
- autoFocus: RealmNode<boolean | "rootStart" | "rootEnd">;
341
+ autoFocus: RealmNode<boolean | {
342
+ defaultSelection?: "rootStart" | "rootEnd" | undefined;
343
+ preventScroll: boolean;
344
+ }>;
327
345
  readOnly: RealmNode<boolean>;
328
346
  composerChildren: RealmNode<React.ComponentType<{}>[]>;
329
347
  addComposerChild: RealmNode<React.ComponentType<{}>>;
@@ -378,7 +396,10 @@ toolbarPluginHooks: {
378
396
  editorRootElementRef: RealmNode<React.RefObject<HTMLDivElement> | null>;
379
397
  contentEditableClassName: RealmNode<string>;
380
398
  placeholder: RealmNode<React.ReactNode>;
381
- autoFocus: RealmNode<boolean | "rootStart" | "rootEnd">;
399
+ autoFocus: RealmNode<boolean | {
400
+ defaultSelection?: "rootStart" | "rootEnd" | undefined;
401
+ preventScroll: boolean;
402
+ }>;
382
403
  readOnly: RealmNode<boolean>;
383
404
  composerChildren: RealmNode<React.ComponentType<{}>[]>;
384
405
  addComposerChild: RealmNode<React.ComponentType<{}>>;
@@ -433,7 +454,10 @@ toolbarPluginHooks: {
433
454
  editorRootElementRef: RealmNode<React.RefObject<HTMLDivElement> | null>;
434
455
  contentEditableClassName: RealmNode<string>;
435
456
  placeholder: RealmNode<React.ReactNode>;
436
- autoFocus: RealmNode<boolean | "rootStart" | "rootEnd">;
457
+ autoFocus: RealmNode<boolean | {
458
+ defaultSelection?: "rootStart" | "rootEnd" | undefined;
459
+ preventScroll: boolean;
460
+ }>;
437
461
  readOnly: RealmNode<boolean>;
438
462
  composerChildren: RealmNode<React.ComponentType<{}>[]>;
439
463
  addComposerChild: RealmNode<React.ComponentType<{}>>;
package/dist/plugins/toolbar/primitives/DialogButton.js CHANGED
@@ -81,7 +81,7 @@ const DialogForm = ({ autocompleteSuggestions, onSubmitCallback, dialogInputPlac
81
81
  onSubmitCallback(inputProps.value);
82
82
  };
83
83
  const dropdownIsVisible = isOpen && items.length > 0;
84
- return /* @__PURE__ */ React__default.createElement("form", { onSubmit: onSubmitEH, className: classNames(styles.linkDialogEditForm) }, /* @__PURE__ */ React__default.createElement("div", { className: styles.linkDialogInputContainer }, /* @__PURE__ */ React__default.createElement("div", { "data-visible-dropdown": dropdownIsVisible, className: styles.linkDialogInputWrapper }, /* @__PURE__ */ React__default.createElement(
84
+ return /* @__PURE__ */ React__default.createElement("form", { onSubmit: onSubmitEH, className: classNames(styles.dialogForm) }, /* @__PURE__ */ React__default.createElement("div", { className: styles.linkDialogInputContainer }, /* @__PURE__ */ React__default.createElement("div", { "data-visible-dropdown": dropdownIsVisible, className: styles.linkDialogInputWrapper }, /* @__PURE__ */ React__default.createElement(
85
85
  "input",
86
86
  {
87
87
  placeholder: dialogInputPlaceholder,