@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.
- package/dist/MDXEditor.d.ts +9 -3
- package/dist/MDXEditor.js +8 -3
- package/dist/plugins/codeblock/index.d.ts +40 -10
- package/dist/plugins/codemirror/index.d.ts +56 -14
- package/dist/plugins/core/index.d.ts +36 -9
- package/dist/plugins/core/index.js +10 -1
- package/dist/plugins/diff-source/index.d.ts +40 -10
- package/dist/plugins/directives/index.d.ts +40 -10
- package/dist/plugins/frontmatter/index.d.ts +40 -10
- package/dist/plugins/headings/index.d.ts +40 -10
- package/dist/plugins/image/index.d.ts +40 -10
- package/dist/plugins/jsx/index.d.ts +40 -10
- package/dist/plugins/link/index.d.ts +4 -1
- package/dist/plugins/link-dialog/LinkDialog.js +4 -1
- package/dist/plugins/link-dialog/index.d.ts +32 -8
- package/dist/plugins/lists/index.d.ts +40 -10
- package/dist/plugins/markdown-shortcut/index.d.ts +4 -1
- package/dist/plugins/quote/index.d.ts +28 -7
- package/dist/plugins/sandpack/index.d.ts +56 -14
- package/dist/plugins/table/index.d.ts +40 -10
- package/dist/plugins/thematic-break/index.d.ts +40 -10
- package/dist/plugins/toolbar/index.d.ts +32 -8
- package/dist/plugins/toolbar/primitives/DialogButton.js +1 -1
- package/dist/style.css +183 -177
- package/dist/styles/ui.module.css.js +94 -91
- package/package.json +1 -1
|
@@ -101,7 +101,10 @@ export declare const directivesSystem: SystemSpec<[SystemSpec<[], (r: Realm) =>
|
|
|
101
101
|
editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
|
|
102
102
|
contentEditableClassName: RealmNode<string>;
|
|
103
103
|
placeholder: RealmNode<ReactNode>;
|
|
104
|
-
autoFocus: RealmNode<boolean |
|
|
104
|
+
autoFocus: RealmNode<boolean | {
|
|
105
|
+
defaultSelection?: "rootStart" | "rootEnd" | undefined;
|
|
106
|
+
preventScroll: boolean;
|
|
107
|
+
}>;
|
|
105
108
|
readOnly: RealmNode<boolean>;
|
|
106
109
|
composerChildren: RealmNode<ComponentType<{}>[]>;
|
|
107
110
|
addComposerChild: RealmNode<ComponentType<{}>>;
|
|
@@ -153,7 +156,10 @@ export declare const directivesSystem: SystemSpec<[SystemSpec<[], (r: Realm) =>
|
|
|
153
156
|
editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
|
|
154
157
|
contentEditableClassName: RealmNode<string>;
|
|
155
158
|
placeholder: RealmNode<ReactNode>;
|
|
156
|
-
autoFocus: RealmNode<boolean |
|
|
159
|
+
autoFocus: RealmNode<boolean | {
|
|
160
|
+
defaultSelection?: "rootStart" | "rootEnd" | undefined;
|
|
161
|
+
preventScroll: boolean;
|
|
162
|
+
}>;
|
|
157
163
|
readOnly: RealmNode<boolean>;
|
|
158
164
|
composerChildren: RealmNode<ComponentType<{}>[]>;
|
|
159
165
|
addComposerChild: RealmNode<ComponentType<{}>>;
|
|
@@ -223,7 +229,10 @@ directivesPlugin: PluginConstructor<SystemSpec<[SystemSpec<[], (r: Realm) => {
|
|
|
223
229
|
editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
|
|
224
230
|
contentEditableClassName: RealmNode<string>;
|
|
225
231
|
placeholder: RealmNode<ReactNode>;
|
|
226
|
-
autoFocus: RealmNode<boolean |
|
|
232
|
+
autoFocus: RealmNode<boolean | {
|
|
233
|
+
defaultSelection?: "rootStart" | "rootEnd" | undefined;
|
|
234
|
+
preventScroll: boolean;
|
|
235
|
+
}>;
|
|
227
236
|
readOnly: RealmNode<boolean>;
|
|
228
237
|
composerChildren: RealmNode<ComponentType<{}>[]>;
|
|
229
238
|
addComposerChild: RealmNode<ComponentType<{}>>;
|
|
@@ -275,7 +284,10 @@ directivesPlugin: PluginConstructor<SystemSpec<[SystemSpec<[], (r: Realm) => {
|
|
|
275
284
|
editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
|
|
276
285
|
contentEditableClassName: RealmNode<string>;
|
|
277
286
|
placeholder: RealmNode<ReactNode>;
|
|
278
|
-
autoFocus: RealmNode<boolean |
|
|
287
|
+
autoFocus: RealmNode<boolean | {
|
|
288
|
+
defaultSelection?: "rootStart" | "rootEnd" | undefined;
|
|
289
|
+
preventScroll: boolean;
|
|
290
|
+
}>;
|
|
279
291
|
readOnly: RealmNode<boolean>;
|
|
280
292
|
composerChildren: RealmNode<ComponentType<{}>[]>;
|
|
281
293
|
addComposerChild: RealmNode<ComponentType<{}>>;
|
|
@@ -336,7 +348,10 @@ directivesPluginHooks: {
|
|
|
336
348
|
editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
|
|
337
349
|
contentEditableClassName: RealmNode<string>;
|
|
338
350
|
placeholder: RealmNode<ReactNode>;
|
|
339
|
-
autoFocus: RealmNode<boolean |
|
|
351
|
+
autoFocus: RealmNode<boolean | {
|
|
352
|
+
defaultSelection?: "rootStart" | "rootEnd" | undefined;
|
|
353
|
+
preventScroll: boolean;
|
|
354
|
+
}>;
|
|
340
355
|
readOnly: RealmNode<boolean>;
|
|
341
356
|
composerChildren: RealmNode<ComponentType<{}>[]>;
|
|
342
357
|
addComposerChild: RealmNode<ComponentType<{}>>;
|
|
@@ -392,7 +407,10 @@ directivesPluginHooks: {
|
|
|
392
407
|
editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
|
|
393
408
|
contentEditableClassName: RealmNode<string>;
|
|
394
409
|
placeholder: RealmNode<ReactNode>;
|
|
395
|
-
autoFocus: RealmNode<boolean |
|
|
410
|
+
autoFocus: RealmNode<boolean | {
|
|
411
|
+
defaultSelection?: "rootStart" | "rootEnd" | undefined;
|
|
412
|
+
preventScroll: boolean;
|
|
413
|
+
}>;
|
|
396
414
|
readOnly: RealmNode<boolean>;
|
|
397
415
|
composerChildren: RealmNode<ComponentType<{}>[]>;
|
|
398
416
|
addComposerChild: RealmNode<ComponentType<{}>>;
|
|
@@ -448,7 +466,10 @@ directivesPluginHooks: {
|
|
|
448
466
|
editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
|
|
449
467
|
contentEditableClassName: RealmNode<string>;
|
|
450
468
|
placeholder: RealmNode<ReactNode>;
|
|
451
|
-
autoFocus: RealmNode<boolean |
|
|
469
|
+
autoFocus: RealmNode<boolean | {
|
|
470
|
+
defaultSelection?: "rootStart" | "rootEnd" | undefined;
|
|
471
|
+
preventScroll: boolean;
|
|
472
|
+
}>;
|
|
452
473
|
readOnly: RealmNode<boolean>;
|
|
453
474
|
composerChildren: RealmNode<ComponentType<{}>[]>;
|
|
454
475
|
addComposerChild: RealmNode<ComponentType<{}>>;
|
|
@@ -503,7 +524,10 @@ directivesPluginHooks: {
|
|
|
503
524
|
editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
|
|
504
525
|
contentEditableClassName: RealmNode<string>;
|
|
505
526
|
placeholder: RealmNode<ReactNode>;
|
|
506
|
-
autoFocus: RealmNode<boolean |
|
|
527
|
+
autoFocus: RealmNode<boolean | {
|
|
528
|
+
defaultSelection?: "rootStart" | "rootEnd" | undefined;
|
|
529
|
+
preventScroll: boolean;
|
|
530
|
+
}>;
|
|
507
531
|
readOnly: RealmNode<boolean>;
|
|
508
532
|
composerChildren: RealmNode<ComponentType<{}>[]>;
|
|
509
533
|
addComposerChild: RealmNode<ComponentType<{}>>;
|
|
@@ -559,7 +583,10 @@ directivesPluginHooks: {
|
|
|
559
583
|
editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
|
|
560
584
|
contentEditableClassName: RealmNode<string>;
|
|
561
585
|
placeholder: RealmNode<ReactNode>;
|
|
562
|
-
autoFocus: RealmNode<boolean |
|
|
586
|
+
autoFocus: RealmNode<boolean | {
|
|
587
|
+
defaultSelection?: "rootStart" | "rootEnd" | undefined;
|
|
588
|
+
preventScroll: boolean;
|
|
589
|
+
}>;
|
|
563
590
|
readOnly: RealmNode<boolean>;
|
|
564
591
|
composerChildren: RealmNode<ComponentType<{}>[]>;
|
|
565
592
|
addComposerChild: RealmNode<ComponentType<{}>>;
|
|
@@ -615,7 +642,10 @@ directivesPluginHooks: {
|
|
|
615
642
|
editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
|
|
616
643
|
contentEditableClassName: RealmNode<string>;
|
|
617
644
|
placeholder: RealmNode<ReactNode>;
|
|
618
|
-
autoFocus: RealmNode<boolean |
|
|
645
|
+
autoFocus: RealmNode<boolean | {
|
|
646
|
+
defaultSelection?: "rootStart" | "rootEnd" | undefined;
|
|
647
|
+
preventScroll: boolean;
|
|
648
|
+
}>;
|
|
619
649
|
readOnly: RealmNode<boolean>;
|
|
620
650
|
composerChildren: RealmNode<ComponentType<{}>[]>;
|
|
621
651
|
addComposerChild: RealmNode<ComponentType<{}>>;
|
|
@@ -42,7 +42,10 @@ export declare const frontmatterSystem: 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 | {
|
|
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 frontmatterSystem: 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 |
|
|
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<{}>>;
|
|
@@ -154,7 +160,10 @@ frontmatterPlugin: PluginConstructor<SystemSpec<[SystemSpec<[], (r: Realm) => {
|
|
|
154
160
|
editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
|
|
155
161
|
contentEditableClassName: RealmNode<string>;
|
|
156
162
|
placeholder: RealmNode<ReactNode>;
|
|
157
|
-
autoFocus: RealmNode<boolean |
|
|
163
|
+
autoFocus: RealmNode<boolean | {
|
|
164
|
+
defaultSelection?: "rootStart" | "rootEnd" | undefined;
|
|
165
|
+
preventScroll: boolean;
|
|
166
|
+
}>;
|
|
158
167
|
readOnly: RealmNode<boolean>;
|
|
159
168
|
composerChildren: RealmNode<ComponentType<{}>[]>;
|
|
160
169
|
addComposerChild: RealmNode<ComponentType<{}>>;
|
|
@@ -206,7 +215,10 @@ frontmatterPlugin: PluginConstructor<SystemSpec<[SystemSpec<[], (r: Realm) => {
|
|
|
206
215
|
editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
|
|
207
216
|
contentEditableClassName: RealmNode<string>;
|
|
208
217
|
placeholder: RealmNode<ReactNode>;
|
|
209
|
-
autoFocus: RealmNode<boolean |
|
|
218
|
+
autoFocus: RealmNode<boolean | {
|
|
219
|
+
defaultSelection?: "rootStart" | "rootEnd" | undefined;
|
|
220
|
+
preventScroll: boolean;
|
|
221
|
+
}>;
|
|
210
222
|
readOnly: RealmNode<boolean>;
|
|
211
223
|
composerChildren: RealmNode<ComponentType<{}>[]>;
|
|
212
224
|
addComposerChild: RealmNode<ComponentType<{}>>;
|
|
@@ -271,7 +283,10 @@ frontmatterPluginHooks: {
|
|
|
271
283
|
editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
|
|
272
284
|
contentEditableClassName: RealmNode<string>;
|
|
273
285
|
placeholder: RealmNode<ReactNode>;
|
|
274
|
-
autoFocus: RealmNode<boolean |
|
|
286
|
+
autoFocus: RealmNode<boolean | {
|
|
287
|
+
defaultSelection?: "rootStart" | "rootEnd" | undefined;
|
|
288
|
+
preventScroll: boolean;
|
|
289
|
+
}>;
|
|
275
290
|
readOnly: RealmNode<boolean>;
|
|
276
291
|
composerChildren: RealmNode<ComponentType<{}>[]>;
|
|
277
292
|
addComposerChild: RealmNode<ComponentType<{}>>;
|
|
@@ -329,7 +344,10 @@ frontmatterPluginHooks: {
|
|
|
329
344
|
editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
|
|
330
345
|
contentEditableClassName: RealmNode<string>;
|
|
331
346
|
placeholder: RealmNode<ReactNode>;
|
|
332
|
-
autoFocus: RealmNode<boolean |
|
|
347
|
+
autoFocus: RealmNode<boolean | {
|
|
348
|
+
defaultSelection?: "rootStart" | "rootEnd" | undefined;
|
|
349
|
+
preventScroll: boolean;
|
|
350
|
+
}>;
|
|
333
351
|
readOnly: RealmNode<boolean>;
|
|
334
352
|
composerChildren: RealmNode<ComponentType<{}>[]>;
|
|
335
353
|
addComposerChild: RealmNode<ComponentType<{}>>;
|
|
@@ -387,7 +405,10 @@ frontmatterPluginHooks: {
|
|
|
387
405
|
editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
|
|
388
406
|
contentEditableClassName: RealmNode<string>;
|
|
389
407
|
placeholder: RealmNode<ReactNode>;
|
|
390
|
-
autoFocus: RealmNode<boolean |
|
|
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<{}>>;
|
|
@@ -444,7 +465,10 @@ frontmatterPluginHooks: {
|
|
|
444
465
|
editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
|
|
445
466
|
contentEditableClassName: RealmNode<string>;
|
|
446
467
|
placeholder: RealmNode<ReactNode>;
|
|
447
|
-
autoFocus: RealmNode<boolean |
|
|
468
|
+
autoFocus: RealmNode<boolean | {
|
|
469
|
+
defaultSelection?: "rootStart" | "rootEnd" | undefined;
|
|
470
|
+
preventScroll: boolean;
|
|
471
|
+
}>;
|
|
448
472
|
readOnly: RealmNode<boolean>;
|
|
449
473
|
composerChildren: RealmNode<ComponentType<{}>[]>;
|
|
450
474
|
addComposerChild: RealmNode<ComponentType<{}>>;
|
|
@@ -502,7 +526,10 @@ frontmatterPluginHooks: {
|
|
|
502
526
|
editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
|
|
503
527
|
contentEditableClassName: RealmNode<string>;
|
|
504
528
|
placeholder: RealmNode<ReactNode>;
|
|
505
|
-
autoFocus: RealmNode<boolean |
|
|
529
|
+
autoFocus: RealmNode<boolean | {
|
|
530
|
+
defaultSelection?: "rootStart" | "rootEnd" | undefined;
|
|
531
|
+
preventScroll: boolean;
|
|
532
|
+
}>;
|
|
506
533
|
readOnly: RealmNode<boolean>;
|
|
507
534
|
composerChildren: RealmNode<ComponentType<{}>[]>;
|
|
508
535
|
addComposerChild: RealmNode<ComponentType<{}>>;
|
|
@@ -560,7 +587,10 @@ frontmatterPluginHooks: {
|
|
|
560
587
|
editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
|
|
561
588
|
contentEditableClassName: RealmNode<string>;
|
|
562
589
|
placeholder: RealmNode<ReactNode>;
|
|
563
|
-
autoFocus: RealmNode<boolean |
|
|
590
|
+
autoFocus: RealmNode<boolean | {
|
|
591
|
+
defaultSelection?: "rootStart" | "rootEnd" | undefined;
|
|
592
|
+
preventScroll: boolean;
|
|
593
|
+
}>;
|
|
564
594
|
readOnly: RealmNode<boolean>;
|
|
565
595
|
composerChildren: RealmNode<ComponentType<{}>[]>;
|
|
566
596
|
addComposerChild: RealmNode<ComponentType<{}>>;
|
|
@@ -46,7 +46,10 @@ export declare const headingsSystem: SystemSpec<[SystemSpec<[], (r: Realm) => {
|
|
|
46
46
|
editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
|
|
47
47
|
contentEditableClassName: RealmNode<string>;
|
|
48
48
|
placeholder: RealmNode<ReactNode>;
|
|
49
|
-
autoFocus: RealmNode<boolean |
|
|
49
|
+
autoFocus: RealmNode<boolean | {
|
|
50
|
+
defaultSelection?: "rootStart" | "rootEnd" | undefined;
|
|
51
|
+
preventScroll: boolean;
|
|
52
|
+
}>;
|
|
50
53
|
readOnly: RealmNode<boolean>;
|
|
51
54
|
composerChildren: RealmNode<ComponentType<{}>[]>;
|
|
52
55
|
addComposerChild: RealmNode<ComponentType<{}>>;
|
|
@@ -98,7 +101,10 @@ export declare const headingsSystem: SystemSpec<[SystemSpec<[], (r: Realm) => {
|
|
|
98
101
|
editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
|
|
99
102
|
contentEditableClassName: RealmNode<string>;
|
|
100
103
|
placeholder: RealmNode<ReactNode>;
|
|
101
|
-
autoFocus: RealmNode<boolean |
|
|
104
|
+
autoFocus: RealmNode<boolean | {
|
|
105
|
+
defaultSelection?: "rootStart" | "rootEnd" | undefined;
|
|
106
|
+
preventScroll: boolean;
|
|
107
|
+
}>;
|
|
102
108
|
readOnly: RealmNode<boolean>;
|
|
103
109
|
composerChildren: RealmNode<ComponentType<{}>[]>;
|
|
104
110
|
addComposerChild: RealmNode<ComponentType<{}>>;
|
|
@@ -166,7 +172,10 @@ export declare const headingsPlugin: PluginConstructor<SystemSpec<[SystemSpec<[]
|
|
|
166
172
|
editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
|
|
167
173
|
contentEditableClassName: RealmNode<string>;
|
|
168
174
|
placeholder: RealmNode<ReactNode>;
|
|
169
|
-
autoFocus: RealmNode<boolean |
|
|
175
|
+
autoFocus: RealmNode<boolean | {
|
|
176
|
+
defaultSelection?: "rootStart" | "rootEnd" | undefined;
|
|
177
|
+
preventScroll: boolean;
|
|
178
|
+
}>;
|
|
170
179
|
readOnly: RealmNode<boolean>;
|
|
171
180
|
composerChildren: RealmNode<ComponentType<{}>[]>;
|
|
172
181
|
addComposerChild: RealmNode<ComponentType<{}>>;
|
|
@@ -218,7 +227,10 @@ export declare const headingsPlugin: PluginConstructor<SystemSpec<[SystemSpec<[]
|
|
|
218
227
|
editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
|
|
219
228
|
contentEditableClassName: RealmNode<string>;
|
|
220
229
|
placeholder: RealmNode<ReactNode>;
|
|
221
|
-
autoFocus: RealmNode<boolean |
|
|
230
|
+
autoFocus: RealmNode<boolean | {
|
|
231
|
+
defaultSelection?: "rootStart" | "rootEnd" | undefined;
|
|
232
|
+
preventScroll: boolean;
|
|
233
|
+
}>;
|
|
222
234
|
readOnly: RealmNode<boolean>;
|
|
223
235
|
composerChildren: RealmNode<ComponentType<{}>[]>;
|
|
224
236
|
addComposerChild: RealmNode<ComponentType<{}>>;
|
|
@@ -275,7 +287,10 @@ export declare const headingsPlugin: PluginConstructor<SystemSpec<[SystemSpec<[]
|
|
|
275
287
|
editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
|
|
276
288
|
contentEditableClassName: RealmNode<string>;
|
|
277
289
|
placeholder: RealmNode<ReactNode>;
|
|
278
|
-
autoFocus: RealmNode<boolean |
|
|
290
|
+
autoFocus: RealmNode<boolean | {
|
|
291
|
+
defaultSelection?: "rootStart" | "rootEnd" | undefined;
|
|
292
|
+
preventScroll: boolean;
|
|
293
|
+
}>;
|
|
279
294
|
readOnly: RealmNode<boolean>;
|
|
280
295
|
composerChildren: RealmNode<ComponentType<{}>[]>;
|
|
281
296
|
addComposerChild: RealmNode<ComponentType<{}>>;
|
|
@@ -330,7 +345,10 @@ export declare const headingsPlugin: PluginConstructor<SystemSpec<[SystemSpec<[]
|
|
|
330
345
|
editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
|
|
331
346
|
contentEditableClassName: RealmNode<string>;
|
|
332
347
|
placeholder: RealmNode<ReactNode>;
|
|
333
|
-
autoFocus: RealmNode<boolean |
|
|
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<{}>>;
|
|
@@ -385,7 +403,10 @@ export declare const headingsPlugin: PluginConstructor<SystemSpec<[SystemSpec<[]
|
|
|
385
403
|
editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
|
|
386
404
|
contentEditableClassName: RealmNode<string>;
|
|
387
405
|
placeholder: RealmNode<ReactNode>;
|
|
388
|
-
autoFocus: RealmNode<boolean |
|
|
406
|
+
autoFocus: RealmNode<boolean | {
|
|
407
|
+
defaultSelection?: "rootStart" | "rootEnd" | undefined;
|
|
408
|
+
preventScroll: boolean;
|
|
409
|
+
}>;
|
|
389
410
|
readOnly: RealmNode<boolean>;
|
|
390
411
|
composerChildren: RealmNode<ComponentType<{}>[]>;
|
|
391
412
|
addComposerChild: RealmNode<ComponentType<{}>>;
|
|
@@ -439,7 +460,10 @@ export declare const headingsPlugin: PluginConstructor<SystemSpec<[SystemSpec<[]
|
|
|
439
460
|
editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
|
|
440
461
|
contentEditableClassName: RealmNode<string>;
|
|
441
462
|
placeholder: RealmNode<ReactNode>;
|
|
442
|
-
autoFocus: RealmNode<boolean |
|
|
463
|
+
autoFocus: RealmNode<boolean | {
|
|
464
|
+
defaultSelection?: "rootStart" | "rootEnd" | undefined;
|
|
465
|
+
preventScroll: boolean;
|
|
466
|
+
}>;
|
|
443
467
|
readOnly: RealmNode<boolean>;
|
|
444
468
|
composerChildren: RealmNode<ComponentType<{}>[]>;
|
|
445
469
|
addComposerChild: RealmNode<ComponentType<{}>>;
|
|
@@ -494,7 +518,10 @@ export declare const headingsPlugin: PluginConstructor<SystemSpec<[SystemSpec<[]
|
|
|
494
518
|
editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
|
|
495
519
|
contentEditableClassName: RealmNode<string>;
|
|
496
520
|
placeholder: RealmNode<ReactNode>;
|
|
497
|
-
autoFocus: RealmNode<boolean |
|
|
521
|
+
autoFocus: RealmNode<boolean | {
|
|
522
|
+
defaultSelection?: "rootStart" | "rootEnd" | undefined;
|
|
523
|
+
preventScroll: boolean;
|
|
524
|
+
}>;
|
|
498
525
|
readOnly: RealmNode<boolean>;
|
|
499
526
|
composerChildren: RealmNode<ComponentType<{}>[]>;
|
|
500
527
|
addComposerChild: RealmNode<ComponentType<{}>>;
|
|
@@ -549,7 +576,10 @@ export declare const headingsPlugin: PluginConstructor<SystemSpec<[SystemSpec<[]
|
|
|
549
576
|
editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
|
|
550
577
|
contentEditableClassName: RealmNode<string>;
|
|
551
578
|
placeholder: RealmNode<ReactNode>;
|
|
552
|
-
autoFocus: RealmNode<boolean |
|
|
579
|
+
autoFocus: RealmNode<boolean | {
|
|
580
|
+
defaultSelection?: "rootStart" | "rootEnd" | undefined;
|
|
581
|
+
preventScroll: boolean;
|
|
582
|
+
}>;
|
|
553
583
|
readOnly: RealmNode<boolean>;
|
|
554
584
|
composerChildren: RealmNode<ComponentType<{}>[]>;
|
|
555
585
|
addComposerChild: RealmNode<ComponentType<{}>>;
|
|
@@ -46,7 +46,10 @@ export declare const imageSystem: SystemSpec<[SystemSpec<[], (r: Realm) => {
|
|
|
46
46
|
editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
|
|
47
47
|
contentEditableClassName: RealmNode<string>;
|
|
48
48
|
placeholder: RealmNode<ReactNode>;
|
|
49
|
-
autoFocus: RealmNode<boolean |
|
|
49
|
+
autoFocus: RealmNode<boolean | {
|
|
50
|
+
defaultSelection?: "rootStart" | "rootEnd" | undefined;
|
|
51
|
+
preventScroll: boolean;
|
|
52
|
+
}>;
|
|
50
53
|
readOnly: RealmNode<boolean>;
|
|
51
54
|
composerChildren: RealmNode<ComponentType<{}>[]>;
|
|
52
55
|
addComposerChild: RealmNode<ComponentType<{}>>;
|
|
@@ -98,7 +101,10 @@ export declare const imageSystem: SystemSpec<[SystemSpec<[], (r: Realm) => {
|
|
|
98
101
|
editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
|
|
99
102
|
contentEditableClassName: RealmNode<string>;
|
|
100
103
|
placeholder: RealmNode<ReactNode>;
|
|
101
|
-
autoFocus: RealmNode<boolean |
|
|
104
|
+
autoFocus: RealmNode<boolean | {
|
|
105
|
+
defaultSelection?: "rootStart" | "rootEnd" | undefined;
|
|
106
|
+
preventScroll: boolean;
|
|
107
|
+
}>;
|
|
102
108
|
readOnly: RealmNode<boolean>;
|
|
103
109
|
composerChildren: RealmNode<ComponentType<{}>[]>;
|
|
104
110
|
addComposerChild: RealmNode<ComponentType<{}>>;
|
|
@@ -165,7 +171,10 @@ imagePlugin: PluginConstructor<SystemSpec<[SystemSpec<[], (r: Realm) => {
|
|
|
165
171
|
editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
|
|
166
172
|
contentEditableClassName: RealmNode<string>;
|
|
167
173
|
placeholder: RealmNode<ReactNode>;
|
|
168
|
-
autoFocus: RealmNode<boolean |
|
|
174
|
+
autoFocus: RealmNode<boolean | {
|
|
175
|
+
defaultSelection?: "rootStart" | "rootEnd" | undefined;
|
|
176
|
+
preventScroll: boolean;
|
|
177
|
+
}>;
|
|
169
178
|
readOnly: RealmNode<boolean>;
|
|
170
179
|
composerChildren: RealmNode<ComponentType<{}>[]>;
|
|
171
180
|
addComposerChild: RealmNode<ComponentType<{}>>;
|
|
@@ -217,7 +226,10 @@ imagePlugin: PluginConstructor<SystemSpec<[SystemSpec<[], (r: Realm) => {
|
|
|
217
226
|
editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
|
|
218
227
|
contentEditableClassName: RealmNode<string>;
|
|
219
228
|
placeholder: RealmNode<ReactNode>;
|
|
220
|
-
autoFocus: RealmNode<boolean |
|
|
229
|
+
autoFocus: RealmNode<boolean | {
|
|
230
|
+
defaultSelection?: "rootStart" | "rootEnd" | undefined;
|
|
231
|
+
preventScroll: boolean;
|
|
232
|
+
}>;
|
|
221
233
|
readOnly: RealmNode<boolean>;
|
|
222
234
|
composerChildren: RealmNode<ComponentType<{}>[]>;
|
|
223
235
|
addComposerChild: RealmNode<ComponentType<{}>>;
|
|
@@ -284,7 +296,10 @@ imagePluginHooks: {
|
|
|
284
296
|
editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
|
|
285
297
|
contentEditableClassName: RealmNode<string>;
|
|
286
298
|
placeholder: RealmNode<ReactNode>;
|
|
287
|
-
autoFocus: RealmNode<boolean |
|
|
299
|
+
autoFocus: RealmNode<boolean | {
|
|
300
|
+
defaultSelection?: "rootStart" | "rootEnd" | undefined;
|
|
301
|
+
preventScroll: boolean;
|
|
302
|
+
}>;
|
|
288
303
|
readOnly: RealmNode<boolean>;
|
|
289
304
|
composerChildren: RealmNode<ComponentType<{}>[]>;
|
|
290
305
|
addComposerChild: RealmNode<ComponentType<{}>>;
|
|
@@ -343,7 +358,10 @@ imagePluginHooks: {
|
|
|
343
358
|
editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
|
|
344
359
|
contentEditableClassName: RealmNode<string>;
|
|
345
360
|
placeholder: RealmNode<ReactNode>;
|
|
346
|
-
autoFocus: RealmNode<boolean |
|
|
361
|
+
autoFocus: RealmNode<boolean | {
|
|
362
|
+
defaultSelection?: "rootStart" | "rootEnd" | undefined;
|
|
363
|
+
preventScroll: boolean;
|
|
364
|
+
}>;
|
|
347
365
|
readOnly: RealmNode<boolean>;
|
|
348
366
|
composerChildren: RealmNode<ComponentType<{}>[]>;
|
|
349
367
|
addComposerChild: RealmNode<ComponentType<{}>>;
|
|
@@ -402,7 +420,10 @@ imagePluginHooks: {
|
|
|
402
420
|
editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
|
|
403
421
|
contentEditableClassName: RealmNode<string>;
|
|
404
422
|
placeholder: RealmNode<ReactNode>;
|
|
405
|
-
autoFocus: RealmNode<boolean |
|
|
423
|
+
autoFocus: RealmNode<boolean | {
|
|
424
|
+
defaultSelection?: "rootStart" | "rootEnd" | undefined;
|
|
425
|
+
preventScroll: boolean;
|
|
426
|
+
}>;
|
|
406
427
|
readOnly: RealmNode<boolean>;
|
|
407
428
|
composerChildren: RealmNode<ComponentType<{}>[]>;
|
|
408
429
|
addComposerChild: RealmNode<ComponentType<{}>>;
|
|
@@ -460,7 +481,10 @@ imagePluginHooks: {
|
|
|
460
481
|
editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
|
|
461
482
|
contentEditableClassName: RealmNode<string>;
|
|
462
483
|
placeholder: RealmNode<ReactNode>;
|
|
463
|
-
autoFocus: RealmNode<boolean |
|
|
484
|
+
autoFocus: RealmNode<boolean | {
|
|
485
|
+
defaultSelection?: "rootStart" | "rootEnd" | undefined;
|
|
486
|
+
preventScroll: boolean;
|
|
487
|
+
}>;
|
|
464
488
|
readOnly: RealmNode<boolean>;
|
|
465
489
|
composerChildren: RealmNode<ComponentType<{}>[]>;
|
|
466
490
|
addComposerChild: RealmNode<ComponentType<{}>>;
|
|
@@ -519,7 +543,10 @@ imagePluginHooks: {
|
|
|
519
543
|
editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
|
|
520
544
|
contentEditableClassName: RealmNode<string>;
|
|
521
545
|
placeholder: RealmNode<ReactNode>;
|
|
522
|
-
autoFocus: RealmNode<boolean |
|
|
546
|
+
autoFocus: RealmNode<boolean | {
|
|
547
|
+
defaultSelection?: "rootStart" | "rootEnd" | undefined;
|
|
548
|
+
preventScroll: boolean;
|
|
549
|
+
}>;
|
|
523
550
|
readOnly: RealmNode<boolean>;
|
|
524
551
|
composerChildren: RealmNode<ComponentType<{}>[]>;
|
|
525
552
|
addComposerChild: RealmNode<ComponentType<{}>>;
|
|
@@ -578,7 +605,10 @@ imagePluginHooks: {
|
|
|
578
605
|
editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
|
|
579
606
|
contentEditableClassName: RealmNode<string>;
|
|
580
607
|
placeholder: RealmNode<ReactNode>;
|
|
581
|
-
autoFocus: RealmNode<boolean |
|
|
608
|
+
autoFocus: RealmNode<boolean | {
|
|
609
|
+
defaultSelection?: "rootStart" | "rootEnd" | undefined;
|
|
610
|
+
preventScroll: boolean;
|
|
611
|
+
}>;
|
|
582
612
|
readOnly: RealmNode<boolean>;
|
|
583
613
|
composerChildren: RealmNode<ComponentType<{}>[]>;
|
|
584
614
|
addComposerChild: RealmNode<ComponentType<{}>>;
|
|
@@ -109,7 +109,10 @@ export declare const jsxSystem: SystemSpec<[SystemSpec<[], (r: Realm) => {
|
|
|
109
109
|
editorRootElementRef: RealmNode<React.RefObject<HTMLDivElement> | null>;
|
|
110
110
|
contentEditableClassName: RealmNode<string>;
|
|
111
111
|
placeholder: RealmNode<React.ReactNode>;
|
|
112
|
-
autoFocus: RealmNode<boolean |
|
|
112
|
+
autoFocus: RealmNode<boolean | {
|
|
113
|
+
defaultSelection?: "rootStart" | "rootEnd" | undefined;
|
|
114
|
+
preventScroll: boolean;
|
|
115
|
+
}>;
|
|
113
116
|
readOnly: RealmNode<boolean>;
|
|
114
117
|
composerChildren: RealmNode<React.ComponentType<{}>[]>;
|
|
115
118
|
addComposerChild: RealmNode<React.ComponentType<{}>>;
|
|
@@ -161,7 +164,10 @@ export declare const jsxSystem: SystemSpec<[SystemSpec<[], (r: Realm) => {
|
|
|
161
164
|
editorRootElementRef: RealmNode<React.RefObject<HTMLDivElement> | null>;
|
|
162
165
|
contentEditableClassName: RealmNode<string>;
|
|
163
166
|
placeholder: RealmNode<React.ReactNode>;
|
|
164
|
-
autoFocus: RealmNode<boolean |
|
|
167
|
+
autoFocus: RealmNode<boolean | {
|
|
168
|
+
defaultSelection?: "rootStart" | "rootEnd" | undefined;
|
|
169
|
+
preventScroll: boolean;
|
|
170
|
+
}>;
|
|
165
171
|
readOnly: RealmNode<boolean>;
|
|
166
172
|
composerChildren: RealmNode<React.ComponentType<{}>[]>;
|
|
167
173
|
addComposerChild: RealmNode<React.ComponentType<{}>>;
|
|
@@ -227,7 +233,10 @@ jsxPlugin: PluginConstructor<SystemSpec<[SystemSpec<[], (r: Realm) => {
|
|
|
227
233
|
editorRootElementRef: RealmNode<React.RefObject<HTMLDivElement> | null>;
|
|
228
234
|
contentEditableClassName: RealmNode<string>;
|
|
229
235
|
placeholder: RealmNode<React.ReactNode>;
|
|
230
|
-
autoFocus: RealmNode<boolean |
|
|
236
|
+
autoFocus: RealmNode<boolean | {
|
|
237
|
+
defaultSelection?: "rootStart" | "rootEnd" | undefined;
|
|
238
|
+
preventScroll: boolean;
|
|
239
|
+
}>;
|
|
231
240
|
readOnly: RealmNode<boolean>;
|
|
232
241
|
composerChildren: RealmNode<React.ComponentType<{}>[]>;
|
|
233
242
|
addComposerChild: RealmNode<React.ComponentType<{}>>;
|
|
@@ -279,7 +288,10 @@ jsxPlugin: PluginConstructor<SystemSpec<[SystemSpec<[], (r: Realm) => {
|
|
|
279
288
|
editorRootElementRef: RealmNode<React.RefObject<HTMLDivElement> | null>;
|
|
280
289
|
contentEditableClassName: RealmNode<string>;
|
|
281
290
|
placeholder: RealmNode<React.ReactNode>;
|
|
282
|
-
autoFocus: RealmNode<boolean |
|
|
291
|
+
autoFocus: RealmNode<boolean | {
|
|
292
|
+
defaultSelection?: "rootStart" | "rootEnd" | undefined;
|
|
293
|
+
preventScroll: boolean;
|
|
294
|
+
}>;
|
|
283
295
|
readOnly: RealmNode<boolean>;
|
|
284
296
|
composerChildren: RealmNode<React.ComponentType<{}>[]>;
|
|
285
297
|
addComposerChild: RealmNode<React.ComponentType<{}>>;
|
|
@@ -338,7 +350,10 @@ jsxPluginHooks: {
|
|
|
338
350
|
editorRootElementRef: RealmNode<React.RefObject<HTMLDivElement> | null>;
|
|
339
351
|
contentEditableClassName: RealmNode<string>;
|
|
340
352
|
placeholder: RealmNode<React.ReactNode>;
|
|
341
|
-
autoFocus: RealmNode<boolean |
|
|
353
|
+
autoFocus: RealmNode<boolean | {
|
|
354
|
+
defaultSelection?: "rootStart" | "rootEnd" | undefined;
|
|
355
|
+
preventScroll: boolean;
|
|
356
|
+
}>;
|
|
342
357
|
readOnly: RealmNode<boolean>;
|
|
343
358
|
composerChildren: RealmNode<React.ComponentType<{}>[]>;
|
|
344
359
|
addComposerChild: RealmNode<React.ComponentType<{}>>;
|
|
@@ -393,7 +408,10 @@ jsxPluginHooks: {
|
|
|
393
408
|
editorRootElementRef: RealmNode<React.RefObject<HTMLDivElement> | null>;
|
|
394
409
|
contentEditableClassName: RealmNode<string>;
|
|
395
410
|
placeholder: RealmNode<React.ReactNode>;
|
|
396
|
-
autoFocus: RealmNode<boolean |
|
|
411
|
+
autoFocus: RealmNode<boolean | {
|
|
412
|
+
defaultSelection?: "rootStart" | "rootEnd" | undefined;
|
|
413
|
+
preventScroll: boolean;
|
|
414
|
+
}>;
|
|
397
415
|
readOnly: RealmNode<boolean>;
|
|
398
416
|
composerChildren: RealmNode<React.ComponentType<{}>[]>;
|
|
399
417
|
addComposerChild: RealmNode<React.ComponentType<{}>>;
|
|
@@ -448,7 +466,10 @@ jsxPluginHooks: {
|
|
|
448
466
|
editorRootElementRef: RealmNode<React.RefObject<HTMLDivElement> | null>;
|
|
449
467
|
contentEditableClassName: RealmNode<string>;
|
|
450
468
|
placeholder: RealmNode<React.ReactNode>;
|
|
451
|
-
autoFocus: RealmNode<boolean |
|
|
469
|
+
autoFocus: RealmNode<boolean | {
|
|
470
|
+
defaultSelection?: "rootStart" | "rootEnd" | undefined;
|
|
471
|
+
preventScroll: boolean;
|
|
472
|
+
}>;
|
|
452
473
|
readOnly: RealmNode<boolean>;
|
|
453
474
|
composerChildren: RealmNode<React.ComponentType<{}>[]>;
|
|
454
475
|
addComposerChild: RealmNode<React.ComponentType<{}>>;
|
|
@@ -502,7 +523,10 @@ jsxPluginHooks: {
|
|
|
502
523
|
editorRootElementRef: RealmNode<React.RefObject<HTMLDivElement> | null>;
|
|
503
524
|
contentEditableClassName: RealmNode<string>;
|
|
504
525
|
placeholder: RealmNode<React.ReactNode>;
|
|
505
|
-
autoFocus: RealmNode<boolean |
|
|
526
|
+
autoFocus: RealmNode<boolean | {
|
|
527
|
+
defaultSelection?: "rootStart" | "rootEnd" | undefined;
|
|
528
|
+
preventScroll: boolean;
|
|
529
|
+
}>;
|
|
506
530
|
readOnly: RealmNode<boolean>;
|
|
507
531
|
composerChildren: RealmNode<React.ComponentType<{}>[]>;
|
|
508
532
|
addComposerChild: RealmNode<React.ComponentType<{}>>;
|
|
@@ -557,7 +581,10 @@ jsxPluginHooks: {
|
|
|
557
581
|
editorRootElementRef: RealmNode<React.RefObject<HTMLDivElement> | null>;
|
|
558
582
|
contentEditableClassName: RealmNode<string>;
|
|
559
583
|
placeholder: RealmNode<React.ReactNode>;
|
|
560
|
-
autoFocus: RealmNode<boolean |
|
|
584
|
+
autoFocus: RealmNode<boolean | {
|
|
585
|
+
defaultSelection?: "rootStart" | "rootEnd" | undefined;
|
|
586
|
+
preventScroll: boolean;
|
|
587
|
+
}>;
|
|
561
588
|
readOnly: RealmNode<boolean>;
|
|
562
589
|
composerChildren: RealmNode<React.ComponentType<{}>[]>;
|
|
563
590
|
addComposerChild: RealmNode<React.ComponentType<{}>>;
|
|
@@ -612,7 +639,10 @@ jsxPluginHooks: {
|
|
|
612
639
|
editorRootElementRef: RealmNode<React.RefObject<HTMLDivElement> | null>;
|
|
613
640
|
contentEditableClassName: RealmNode<string>;
|
|
614
641
|
placeholder: RealmNode<React.ReactNode>;
|
|
615
|
-
autoFocus: RealmNode<boolean |
|
|
642
|
+
autoFocus: RealmNode<boolean | {
|
|
643
|
+
defaultSelection?: "rootStart" | "rootEnd" | undefined;
|
|
644
|
+
preventScroll: boolean;
|
|
645
|
+
}>;
|
|
616
646
|
readOnly: RealmNode<boolean>;
|
|
617
647
|
composerChildren: RealmNode<React.ComponentType<{}>[]>;
|
|
618
648
|
addComposerChild: RealmNode<React.ComponentType<{}>>;
|
|
@@ -59,7 +59,10 @@ export declare const linkPlugin: PluginConstructor<SystemSpec<[SystemSpec<[], (r
|
|
|
59
59
|
editorRootElementRef: RealmNode<React.RefObject<HTMLDivElement> | null>;
|
|
60
60
|
contentEditableClassName: RealmNode<string>;
|
|
61
61
|
placeholder: RealmNode<React.ReactNode>;
|
|
62
|
-
autoFocus: RealmNode<boolean |
|
|
62
|
+
autoFocus: RealmNode<boolean | {
|
|
63
|
+
defaultSelection?: "rootStart" | "rootEnd" | undefined;
|
|
64
|
+
preventScroll: boolean;
|
|
65
|
+
}>;
|
|
63
66
|
readOnly: RealmNode<boolean>;
|
|
64
67
|
composerChildren: RealmNode<React.ComponentType<{}>[]>;
|
|
65
68
|
addComposerChild: RealmNode<React.ComponentType<{}>>;
|
|
@@ -54,6 +54,9 @@ function LinkEditForm({ initialUrl, initialTitle, onSubmit, onCancel, linkAutoco
|
|
|
54
54
|
},
|
|
55
55
|
[isOpen, items, onSubmit, title]
|
|
56
56
|
);
|
|
57
|
+
const handleSaveClick = (event) => {
|
|
58
|
+
event.stopPropagation();
|
|
59
|
+
};
|
|
57
60
|
const downshiftInputProps = getInputProps();
|
|
58
61
|
const inputProps = {
|
|
59
62
|
...downshiftInputProps,
|
|
@@ -72,7 +75,7 @@ function LinkEditForm({ initialUrl, initialTitle, onSubmit, onCancel, linkAutoco
|
|
|
72
75
|
...getItemProps({ item, index })
|
|
73
76
|
},
|
|
74
77
|
item
|
|
75
|
-
))))), /* @__PURE__ */ React__default.createElement("div", null, /* @__PURE__ */ React__default.createElement("label", { htmlFor: "link-title" }, "Title")), /* @__PURE__ */ React__default.createElement("div", null, /* @__PURE__ */ React__default.createElement("div", { className: styles.linkDialogInputWrapper }, /* @__PURE__ */ React__default.createElement("input", { id: "link-title", className: styles.linkDialogInput, size: 40, value: title, onChange: (e) => setTitle(e.target.value) }))), /* @__PURE__ */ React__default.createElement("div", { style: { display: "flex", justifyContent: "flex-end", gap: "var(--spacing-2)" } }, /* @__PURE__ */ React__default.createElement("button", { type: "reset", title: "Cancel change", "aria-label": "Cancel change", className: classNames(styles.secondaryButton) }, "Cancel"), /* @__PURE__ */ React__default.createElement("button", { type: "submit", title: "Set URL", "aria-label": "Set URL", className: classNames(styles.primaryButton) }, "Save")));
|
|
78
|
+
))))), /* @__PURE__ */ React__default.createElement("div", null, /* @__PURE__ */ React__default.createElement("label", { htmlFor: "link-title" }, "Title")), /* @__PURE__ */ React__default.createElement("div", null, /* @__PURE__ */ React__default.createElement("div", { className: styles.linkDialogInputWrapper }, /* @__PURE__ */ React__default.createElement("input", { id: "link-title", className: styles.linkDialogInput, size: 40, value: title, onChange: (e) => setTitle(e.target.value) }))), /* @__PURE__ */ React__default.createElement("div", { style: { display: "flex", justifyContent: "flex-end", gap: "var(--spacing-2)" } }, /* @__PURE__ */ React__default.createElement("button", { type: "reset", title: "Cancel change", "aria-label": "Cancel change", className: classNames(styles.secondaryButton) }, "Cancel"), /* @__PURE__ */ React__default.createElement("button", { type: "submit", title: "Set URL", "aria-label": "Set URL", className: classNames(styles.primaryButton), onClick: handleSaveClick }, "Save")));
|
|
76
79
|
}
|
|
77
80
|
const LinkDialog = () => {
|
|
78
81
|
const [editorRootElementRef] = corePluginHooks.useEmitterValues("editorRootElementRef");
|