@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/thematic-break/index.d.ts CHANGED
@@ -42,7 +42,7 @@ 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>;
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 thematicBreakSystem: 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 @@ thematicBreakPlugin: 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 @@ thematicBreakPlugin: 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 @@ thematicBreakPluginHooks: {
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 @@ thematicBreakPluginHooks: {
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 @@ thematicBreakPluginHooks: {
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 @@ thematicBreakPluginHooks: {
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 @@ thematicBreakPluginHooks: {
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 @@ thematicBreakPluginHooks: {
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<{}>>;
package/dist/plugins/toolbar/components/InsertFrontmatter.js CHANGED
@@ -2,9 +2,22 @@ import React__default from "react";
2
2
  import { ButtonWithTooltip } from "../primitives/toolbar.js";
3
3
  import FrontmatterIcon from "../../../icons/frontmatter.svg.js";
4
4
  import { frontmatterPluginHooks } from "../../frontmatter/index.js";
5
+ import styles from "../../../styles/ui.module.css.js";
6
+ import classNames from "classnames";
5
7
  const InsertFrontmatter = () => {
6
8
  const insertFrontmatter = frontmatterPluginHooks.usePublisher("insertFrontmatter");
7
- return /* @__PURE__ */ React__default.createElement(ButtonWithTooltip, { title: "Insert frontmatter editor", onClick: insertFrontmatter.bind(null, true) }, /* @__PURE__ */ React__default.createElement(FrontmatterIcon, null));
9
+ const [hasFrontmatter] = frontmatterPluginHooks.useEmitterValues("hasFrontmatter");
10
+ return /* @__PURE__ */ React__default.createElement(
11
+ ButtonWithTooltip,
12
+ {
13
+ title: hasFrontmatter ? "Edit frontmatter" : "Insert frontmatter",
14
+ className: classNames({
15
+ [styles.activeToolbarButton]: hasFrontmatter
16
+ }),
17
+ onClick: insertFrontmatter.bind(null, true)
18
+ },
19
+ /* @__PURE__ */ React__default.createElement(FrontmatterIcon, null)
20
+ );
8
21
  };
9
22
  export {
10
23
  InsertFrontmatter
package/dist/plugins/toolbar/index.d.ts CHANGED
@@ -41,7 +41,7 @@ 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>;
44
+ autoFocus: RealmNode<boolean | "rootStart" | "rootEnd">;
45
45
  readOnly: RealmNode<boolean>;
46
46
  composerChildren: RealmNode<React.ComponentType<{}>[]>;
47
47
  addComposerChild: RealmNode<React.ComponentType<{}>>;
@@ -98,7 +98,7 @@ toolbarPlugin: PluginConstructor<SystemSpec<[SystemSpec<[], (r: Realm) => {
98
98
  editorRootElementRef: RealmNode<React.RefObject<HTMLDivElement> | null>;
99
99
  contentEditableClassName: RealmNode<string>;
100
100
  placeholder: RealmNode<React.ReactNode>;
101
- autoFocus: RealmNode<boolean>;
101
+ autoFocus: RealmNode<boolean | "rootStart" | "rootEnd">;
102
102
  readOnly: RealmNode<boolean>;
103
103
  composerChildren: RealmNode<React.ComponentType<{}>[]>;
104
104
  addComposerChild: RealmNode<React.ComponentType<{}>>;
@@ -159,7 +159,7 @@ toolbarPluginHooks: {
159
159
  editorRootElementRef: RealmNode<React.RefObject<HTMLDivElement> | null>;
160
160
  contentEditableClassName: RealmNode<string>;
161
161
  placeholder: RealmNode<React.ReactNode>;
162
- autoFocus: RealmNode<boolean>;
162
+ autoFocus: RealmNode<boolean | "rootStart" | "rootEnd">;
163
163
  readOnly: RealmNode<boolean>;
164
164
  composerChildren: RealmNode<React.ComponentType<{}>[]>;
165
165
  addComposerChild: RealmNode<React.ComponentType<{}>>;
@@ -214,7 +214,7 @@ toolbarPluginHooks: {
214
214
  editorRootElementRef: RealmNode<React.RefObject<HTMLDivElement> | null>;
215
215
  contentEditableClassName: RealmNode<string>;
216
216
  placeholder: RealmNode<React.ReactNode>;
217
- autoFocus: RealmNode<boolean>;
217
+ autoFocus: RealmNode<boolean | "rootStart" | "rootEnd">;
218
218
  readOnly: RealmNode<boolean>;
219
219
  composerChildren: RealmNode<React.ComponentType<{}>[]>;
220
220
  addComposerChild: RealmNode<React.ComponentType<{}>>;
@@ -269,7 +269,7 @@ toolbarPluginHooks: {
269
269
  editorRootElementRef: RealmNode<React.RefObject<HTMLDivElement> | null>;
270
270
  contentEditableClassName: RealmNode<string>;
271
271
  placeholder: RealmNode<React.ReactNode>;
272
- autoFocus: RealmNode<boolean>;
272
+ autoFocus: RealmNode<boolean | "rootStart" | "rootEnd">;
273
273
  readOnly: RealmNode<boolean>;
274
274
  composerChildren: RealmNode<React.ComponentType<{}>[]>;
275
275
  addComposerChild: RealmNode<React.ComponentType<{}>>;
@@ -323,7 +323,7 @@ toolbarPluginHooks: {
323
323
  editorRootElementRef: RealmNode<React.RefObject<HTMLDivElement> | null>;
324
324
  contentEditableClassName: RealmNode<string>;
325
325
  placeholder: RealmNode<React.ReactNode>;
326
- autoFocus: RealmNode<boolean>;
326
+ autoFocus: RealmNode<boolean | "rootStart" | "rootEnd">;
327
327
  readOnly: RealmNode<boolean>;
328
328
  composerChildren: RealmNode<React.ComponentType<{}>[]>;
329
329
  addComposerChild: RealmNode<React.ComponentType<{}>>;
@@ -378,7 +378,7 @@ toolbarPluginHooks: {
378
378
  editorRootElementRef: RealmNode<React.RefObject<HTMLDivElement> | null>;
379
379
  contentEditableClassName: RealmNode<string>;
380
380
  placeholder: RealmNode<React.ReactNode>;
381
- autoFocus: RealmNode<boolean>;
381
+ autoFocus: RealmNode<boolean | "rootStart" | "rootEnd">;
382
382
  readOnly: RealmNode<boolean>;
383
383
  composerChildren: RealmNode<React.ComponentType<{}>[]>;
384
384
  addComposerChild: RealmNode<React.ComponentType<{}>>;
@@ -433,7 +433,7 @@ toolbarPluginHooks: {
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<{}>>;