@mdxeditor/editor 0.18.0 → 0.20.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 +5 -1
- package/dist/MDXEditor.js +3 -2
- package/dist/gurx/realm.d.ts +2 -2
- package/dist/gurx/realm.js +5 -1
- package/dist/plugins/codeblock/index.d.ts +12 -2
- package/dist/plugins/codemirror/index.d.ts +16 -2
- package/dist/plugins/core/index.d.ts +11 -2
- package/dist/plugins/core/index.js +9 -2
- package/dist/plugins/diff-source/index.d.ts +12 -2
- package/dist/plugins/directives/index.d.ts +12 -2
- package/dist/plugins/frontmatter/FrontmatterEditor.js +22 -24
- package/dist/plugins/frontmatter/index.d.ts +38 -4
- package/dist/plugins/frontmatter/index.js +25 -2
- package/dist/plugins/headings/index.d.ts +12 -2
- package/dist/plugins/image/index.d.ts +12 -2
- package/dist/plugins/jsx/index.d.ts +12 -2
- package/dist/plugins/link/index.d.ts +1 -0
- package/dist/plugins/link-dialog/LinkDialog.d.ts +3 -2
- package/dist/plugins/link-dialog/LinkDialog.js +14 -13
- package/dist/plugins/link-dialog/index.d.ts +19 -9
- package/dist/plugins/link-dialog/index.js +16 -4
- package/dist/plugins/lists/index.d.ts +12 -2
- package/dist/plugins/markdown-shortcut/index.d.ts +1 -0
- package/dist/plugins/quote/index.d.ts +9 -2
- package/dist/plugins/sandpack/index.d.ts +16 -2
- package/dist/plugins/table/index.d.ts +12 -2
- package/dist/plugins/thematic-break/index.d.ts +12 -2
- package/dist/plugins/toolbar/components/InsertFrontmatter.js +14 -1
- package/dist/plugins/toolbar/index.d.ts +10 -2
- package/dist/style.css +218 -175
- package/dist/styles/ui.module.css.js +101 -86
- package/package.json +1 -1
- package/dist/icons/arrow_right.svg.js +0 -8
|
@@ -63,6 +63,7 @@ export declare const tableSystem: SystemSpec<[SystemSpec<[], (r: Realm) => {
|
|
|
63
63
|
applyBlockType: RealmNode<BlockType>;
|
|
64
64
|
convertSelectionToNode: RealmNode<() => ElementNode>;
|
|
65
65
|
insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
|
|
66
|
+
onBlur: RealmNode<FocusEvent>;
|
|
66
67
|
}>], (r: Realm, [{ insertDecoratorNode }]: [{
|
|
67
68
|
activeEditor: RealmNode<LexicalEditor | null>;
|
|
68
69
|
inFocus: RealmNode<boolean>;
|
|
@@ -114,6 +115,7 @@ export declare const tableSystem: SystemSpec<[SystemSpec<[], (r: Realm) => {
|
|
|
114
115
|
applyBlockType: RealmNode<BlockType>;
|
|
115
116
|
convertSelectionToNode: RealmNode<() => ElementNode>;
|
|
116
117
|
insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
|
|
118
|
+
onBlur: RealmNode<FocusEvent>;
|
|
117
119
|
}]) => {
|
|
118
120
|
insertTable: RealmNode<true>;
|
|
119
121
|
}>;
|
|
@@ -170,6 +172,7 @@ tablePlugin: PluginConstructor<SystemSpec<[SystemSpec<[], (r: Realm) => {
|
|
|
170
172
|
applyBlockType: RealmNode<BlockType>;
|
|
171
173
|
convertSelectionToNode: RealmNode<() => ElementNode>;
|
|
172
174
|
insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
|
|
175
|
+
onBlur: RealmNode<FocusEvent>;
|
|
173
176
|
}>], (r: Realm, [{ insertDecoratorNode }]: [{
|
|
174
177
|
activeEditor: RealmNode<LexicalEditor | null>;
|
|
175
178
|
inFocus: RealmNode<boolean>;
|
|
@@ -221,6 +224,7 @@ tablePlugin: PluginConstructor<SystemSpec<[SystemSpec<[], (r: Realm) => {
|
|
|
221
224
|
applyBlockType: RealmNode<BlockType>;
|
|
222
225
|
convertSelectionToNode: RealmNode<() => ElementNode>;
|
|
223
226
|
insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
|
|
227
|
+
onBlur: RealmNode<FocusEvent>;
|
|
224
228
|
}]) => {
|
|
225
229
|
insertTable: RealmNode<true>;
|
|
226
230
|
}>, object>,
|
|
@@ -279,8 +283,9 @@ tablePluginHooks: {
|
|
|
279
283
|
applyBlockType: RealmNode<BlockType>;
|
|
280
284
|
convertSelectionToNode: RealmNode<() => ElementNode>;
|
|
281
285
|
insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
|
|
286
|
+
onBlur: RealmNode<FocusEvent>;
|
|
282
287
|
}>;
|
|
283
|
-
useEmitter: <K extends "jsxComponentDescriptors" | "jsxIsAvailable" | "toMarkdownOptions" | "toMarkdownExtensions" | "mdastExtensions" | "syntaxExtensions" | "markdown" | "activeEditor" | "inFocus" | "historyState" | "currentSelection" | "initialRootEditorState" | "rootEditor" | "createRootEditorSubscription" | "createActiveEditorSubscription" | "importVisitors" | "usedLexicalNodes" | "addImportVisitor" | "addLexicalNode" | "addSyntaxExtension" | "addMdastExtension" | "addToMarkdownExtension" | "addExportVisitor" | "exportVisitors" | "initialMarkdown" | "setMarkdown" | "editorRootElementRef" | "contentEditableClassName" | "placeholder" | "autoFocus" | "readOnly" | "composerChildren" | "addComposerChild" | "topAreaChildren" | "addTopAreaChild" | "nestedEditorChildren" | "addNestedEditorChild" | "editorWrappers" | "addEditorWrapper" | "currentFormat" | "editorInFocus" | "applyFormat" | "currentBlockType" | "applyBlockType" | "convertSelectionToNode" | "insertDecoratorNode" | "insertTable">(key: K, callback: (value: ValueForKey<{
|
|
288
|
+
useEmitter: <K extends "jsxComponentDescriptors" | "jsxIsAvailable" | "toMarkdownOptions" | "toMarkdownExtensions" | "mdastExtensions" | "syntaxExtensions" | "markdown" | "activeEditor" | "inFocus" | "historyState" | "currentSelection" | "initialRootEditorState" | "rootEditor" | "createRootEditorSubscription" | "createActiveEditorSubscription" | "importVisitors" | "usedLexicalNodes" | "addImportVisitor" | "addLexicalNode" | "addSyntaxExtension" | "addMdastExtension" | "addToMarkdownExtension" | "addExportVisitor" | "exportVisitors" | "initialMarkdown" | "setMarkdown" | "editorRootElementRef" | "contentEditableClassName" | "placeholder" | "autoFocus" | "readOnly" | "composerChildren" | "addComposerChild" | "topAreaChildren" | "addTopAreaChild" | "nestedEditorChildren" | "addNestedEditorChild" | "editorWrappers" | "addEditorWrapper" | "currentFormat" | "editorInFocus" | "applyFormat" | "currentBlockType" | "applyBlockType" | "convertSelectionToNode" | "insertDecoratorNode" | "onBlur" | "insertTable">(key: K, callback: (value: ValueForKey<{
|
|
284
289
|
insertTable: RealmNode<true>;
|
|
285
290
|
} & {
|
|
286
291
|
activeEditor: RealmNode<LexicalEditor | null>;
|
|
@@ -333,6 +338,7 @@ tablePluginHooks: {
|
|
|
333
338
|
applyBlockType: RealmNode<BlockType>;
|
|
334
339
|
convertSelectionToNode: RealmNode<() => ElementNode>;
|
|
335
340
|
insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
|
|
341
|
+
onBlur: RealmNode<FocusEvent>;
|
|
336
342
|
}, K>) => void) => void;
|
|
337
343
|
useEmitterValues: <K_1 extends SystemKeys<{
|
|
338
344
|
insertTable: RealmNode<true>;
|
|
@@ -387,6 +393,7 @@ tablePluginHooks: {
|
|
|
387
393
|
applyBlockType: RealmNode<BlockType>;
|
|
388
394
|
convertSelectionToNode: RealmNode<() => ElementNode>;
|
|
389
395
|
insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
|
|
396
|
+
onBlur: RealmNode<FocusEvent>;
|
|
390
397
|
}>>(...keys: K_1) => ValuesForKeys<{
|
|
391
398
|
insertTable: RealmNode<true>;
|
|
392
399
|
} & {
|
|
@@ -440,6 +447,7 @@ tablePluginHooks: {
|
|
|
440
447
|
applyBlockType: RealmNode<BlockType>;
|
|
441
448
|
convertSelectionToNode: RealmNode<() => ElementNode>;
|
|
442
449
|
insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
|
|
450
|
+
onBlur: RealmNode<FocusEvent>;
|
|
443
451
|
}, K_1>;
|
|
444
452
|
usePubKeys: () => (values: SystemDict<{
|
|
445
453
|
insertTable: RealmNode<true>;
|
|
@@ -494,8 +502,9 @@ tablePluginHooks: {
|
|
|
494
502
|
applyBlockType: RealmNode<BlockType>;
|
|
495
503
|
convertSelectionToNode: RealmNode<() => ElementNode>;
|
|
496
504
|
insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
|
|
505
|
+
onBlur: RealmNode<FocusEvent>;
|
|
497
506
|
}>) => void;
|
|
498
|
-
usePublisher: <K_2 extends "jsxComponentDescriptors" | "jsxIsAvailable" | "toMarkdownOptions" | "toMarkdownExtensions" | "mdastExtensions" | "syntaxExtensions" | "markdown" | "activeEditor" | "inFocus" | "historyState" | "currentSelection" | "initialRootEditorState" | "rootEditor" | "createRootEditorSubscription" | "createActiveEditorSubscription" | "importVisitors" | "usedLexicalNodes" | "addImportVisitor" | "addLexicalNode" | "addSyntaxExtension" | "addMdastExtension" | "addToMarkdownExtension" | "addExportVisitor" | "exportVisitors" | "initialMarkdown" | "setMarkdown" | "editorRootElementRef" | "contentEditableClassName" | "placeholder" | "autoFocus" | "readOnly" | "composerChildren" | "addComposerChild" | "topAreaChildren" | "addTopAreaChild" | "nestedEditorChildren" | "addNestedEditorChild" | "editorWrappers" | "addEditorWrapper" | "currentFormat" | "editorInFocus" | "applyFormat" | "currentBlockType" | "applyBlockType" | "convertSelectionToNode" | "insertDecoratorNode" | "insertTable">(key: K_2) => (value: ValueForKey<{
|
|
507
|
+
usePublisher: <K_2 extends "jsxComponentDescriptors" | "jsxIsAvailable" | "toMarkdownOptions" | "toMarkdownExtensions" | "mdastExtensions" | "syntaxExtensions" | "markdown" | "activeEditor" | "inFocus" | "historyState" | "currentSelection" | "initialRootEditorState" | "rootEditor" | "createRootEditorSubscription" | "createActiveEditorSubscription" | "importVisitors" | "usedLexicalNodes" | "addImportVisitor" | "addLexicalNode" | "addSyntaxExtension" | "addMdastExtension" | "addToMarkdownExtension" | "addExportVisitor" | "exportVisitors" | "initialMarkdown" | "setMarkdown" | "editorRootElementRef" | "contentEditableClassName" | "placeholder" | "autoFocus" | "readOnly" | "composerChildren" | "addComposerChild" | "topAreaChildren" | "addTopAreaChild" | "nestedEditorChildren" | "addNestedEditorChild" | "editorWrappers" | "addEditorWrapper" | "currentFormat" | "editorInFocus" | "applyFormat" | "currentBlockType" | "applyBlockType" | "convertSelectionToNode" | "insertDecoratorNode" | "onBlur" | "insertTable">(key: K_2) => (value: ValueForKey<{
|
|
499
508
|
insertTable: RealmNode<true>;
|
|
500
509
|
} & {
|
|
501
510
|
activeEditor: RealmNode<LexicalEditor | null>;
|
|
@@ -548,5 +557,6 @@ tablePluginHooks: {
|
|
|
548
557
|
applyBlockType: RealmNode<BlockType>;
|
|
549
558
|
convertSelectionToNode: RealmNode<() => ElementNode>;
|
|
550
559
|
insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
|
|
560
|
+
onBlur: RealmNode<FocusEvent>;
|
|
551
561
|
}, K_2>) => void;
|
|
552
562
|
};
|
|
@@ -63,6 +63,7 @@ export declare const thematicBreakSystem: SystemSpec<[SystemSpec<[], (r: Realm)
|
|
|
63
63
|
applyBlockType: RealmNode<BlockType>;
|
|
64
64
|
convertSelectionToNode: RealmNode<() => ElementNode>;
|
|
65
65
|
insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
|
|
66
|
+
onBlur: RealmNode<FocusEvent>;
|
|
66
67
|
}>], (r: Realm, [{ activeEditor }]: [{
|
|
67
68
|
activeEditor: RealmNode<LexicalEditor | null>;
|
|
68
69
|
inFocus: RealmNode<boolean>;
|
|
@@ -114,6 +115,7 @@ export declare const thematicBreakSystem: SystemSpec<[SystemSpec<[], (r: Realm)
|
|
|
114
115
|
applyBlockType: RealmNode<BlockType>;
|
|
115
116
|
convertSelectionToNode: RealmNode<() => ElementNode>;
|
|
116
117
|
insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
|
|
118
|
+
onBlur: RealmNode<FocusEvent>;
|
|
117
119
|
}]) => {
|
|
118
120
|
insertThematicBreak: RealmNode<true>;
|
|
119
121
|
}>;
|
|
@@ -170,6 +172,7 @@ thematicBreakPlugin: PluginConstructor<SystemSpec<[SystemSpec<[], (r: Realm) =>
|
|
|
170
172
|
applyBlockType: RealmNode<BlockType>;
|
|
171
173
|
convertSelectionToNode: RealmNode<() => ElementNode>;
|
|
172
174
|
insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
|
|
175
|
+
onBlur: RealmNode<FocusEvent>;
|
|
173
176
|
}>], (r: Realm, [{ activeEditor }]: [{
|
|
174
177
|
activeEditor: RealmNode<LexicalEditor | null>;
|
|
175
178
|
inFocus: RealmNode<boolean>;
|
|
@@ -221,6 +224,7 @@ thematicBreakPlugin: PluginConstructor<SystemSpec<[SystemSpec<[], (r: Realm) =>
|
|
|
221
224
|
applyBlockType: RealmNode<BlockType>;
|
|
222
225
|
convertSelectionToNode: RealmNode<() => ElementNode>;
|
|
223
226
|
insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
|
|
227
|
+
onBlur: RealmNode<FocusEvent>;
|
|
224
228
|
}]) => {
|
|
225
229
|
insertThematicBreak: RealmNode<true>;
|
|
226
230
|
}>, object>,
|
|
@@ -279,8 +283,9 @@ thematicBreakPluginHooks: {
|
|
|
279
283
|
applyBlockType: RealmNode<BlockType>;
|
|
280
284
|
convertSelectionToNode: RealmNode<() => ElementNode>;
|
|
281
285
|
insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
|
|
286
|
+
onBlur: RealmNode<FocusEvent>;
|
|
282
287
|
}>;
|
|
283
|
-
useEmitter: <K extends "jsxComponentDescriptors" | "jsxIsAvailable" | "toMarkdownOptions" | "toMarkdownExtensions" | "mdastExtensions" | "syntaxExtensions" | "markdown" | "activeEditor" | "inFocus" | "historyState" | "currentSelection" | "initialRootEditorState" | "rootEditor" | "createRootEditorSubscription" | "createActiveEditorSubscription" | "importVisitors" | "usedLexicalNodes" | "addImportVisitor" | "addLexicalNode" | "addSyntaxExtension" | "addMdastExtension" | "addToMarkdownExtension" | "addExportVisitor" | "exportVisitors" | "initialMarkdown" | "setMarkdown" | "editorRootElementRef" | "contentEditableClassName" | "placeholder" | "autoFocus" | "readOnly" | "composerChildren" | "addComposerChild" | "topAreaChildren" | "addTopAreaChild" | "nestedEditorChildren" | "addNestedEditorChild" | "editorWrappers" | "addEditorWrapper" | "currentFormat" | "editorInFocus" | "applyFormat" | "currentBlockType" | "applyBlockType" | "convertSelectionToNode" | "insertDecoratorNode" | "insertThematicBreak">(key: K, callback: (value: ValueForKey<{
|
|
288
|
+
useEmitter: <K extends "jsxComponentDescriptors" | "jsxIsAvailable" | "toMarkdownOptions" | "toMarkdownExtensions" | "mdastExtensions" | "syntaxExtensions" | "markdown" | "activeEditor" | "inFocus" | "historyState" | "currentSelection" | "initialRootEditorState" | "rootEditor" | "createRootEditorSubscription" | "createActiveEditorSubscription" | "importVisitors" | "usedLexicalNodes" | "addImportVisitor" | "addLexicalNode" | "addSyntaxExtension" | "addMdastExtension" | "addToMarkdownExtension" | "addExportVisitor" | "exportVisitors" | "initialMarkdown" | "setMarkdown" | "editorRootElementRef" | "contentEditableClassName" | "placeholder" | "autoFocus" | "readOnly" | "composerChildren" | "addComposerChild" | "topAreaChildren" | "addTopAreaChild" | "nestedEditorChildren" | "addNestedEditorChild" | "editorWrappers" | "addEditorWrapper" | "currentFormat" | "editorInFocus" | "applyFormat" | "currentBlockType" | "applyBlockType" | "convertSelectionToNode" | "insertDecoratorNode" | "onBlur" | "insertThematicBreak">(key: K, callback: (value: ValueForKey<{
|
|
284
289
|
insertThematicBreak: RealmNode<true>;
|
|
285
290
|
} & {
|
|
286
291
|
activeEditor: RealmNode<LexicalEditor | null>;
|
|
@@ -333,6 +338,7 @@ thematicBreakPluginHooks: {
|
|
|
333
338
|
applyBlockType: RealmNode<BlockType>;
|
|
334
339
|
convertSelectionToNode: RealmNode<() => ElementNode>;
|
|
335
340
|
insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
|
|
341
|
+
onBlur: RealmNode<FocusEvent>;
|
|
336
342
|
}, K>) => void) => void;
|
|
337
343
|
useEmitterValues: <K_1 extends SystemKeys<{
|
|
338
344
|
insertThematicBreak: RealmNode<true>;
|
|
@@ -387,6 +393,7 @@ thematicBreakPluginHooks: {
|
|
|
387
393
|
applyBlockType: RealmNode<BlockType>;
|
|
388
394
|
convertSelectionToNode: RealmNode<() => ElementNode>;
|
|
389
395
|
insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
|
|
396
|
+
onBlur: RealmNode<FocusEvent>;
|
|
390
397
|
}>>(...keys: K_1) => ValuesForKeys<{
|
|
391
398
|
insertThematicBreak: RealmNode<true>;
|
|
392
399
|
} & {
|
|
@@ -440,6 +447,7 @@ thematicBreakPluginHooks: {
|
|
|
440
447
|
applyBlockType: RealmNode<BlockType>;
|
|
441
448
|
convertSelectionToNode: RealmNode<() => ElementNode>;
|
|
442
449
|
insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
|
|
450
|
+
onBlur: RealmNode<FocusEvent>;
|
|
443
451
|
}, K_1>;
|
|
444
452
|
usePubKeys: () => (values: SystemDict<{
|
|
445
453
|
insertThematicBreak: RealmNode<true>;
|
|
@@ -494,8 +502,9 @@ thematicBreakPluginHooks: {
|
|
|
494
502
|
applyBlockType: RealmNode<BlockType>;
|
|
495
503
|
convertSelectionToNode: RealmNode<() => ElementNode>;
|
|
496
504
|
insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
|
|
505
|
+
onBlur: RealmNode<FocusEvent>;
|
|
497
506
|
}>) => void;
|
|
498
|
-
usePublisher: <K_2 extends "jsxComponentDescriptors" | "jsxIsAvailable" | "toMarkdownOptions" | "toMarkdownExtensions" | "mdastExtensions" | "syntaxExtensions" | "markdown" | "activeEditor" | "inFocus" | "historyState" | "currentSelection" | "initialRootEditorState" | "rootEditor" | "createRootEditorSubscription" | "createActiveEditorSubscription" | "importVisitors" | "usedLexicalNodes" | "addImportVisitor" | "addLexicalNode" | "addSyntaxExtension" | "addMdastExtension" | "addToMarkdownExtension" | "addExportVisitor" | "exportVisitors" | "initialMarkdown" | "setMarkdown" | "editorRootElementRef" | "contentEditableClassName" | "placeholder" | "autoFocus" | "readOnly" | "composerChildren" | "addComposerChild" | "topAreaChildren" | "addTopAreaChild" | "nestedEditorChildren" | "addNestedEditorChild" | "editorWrappers" | "addEditorWrapper" | "currentFormat" | "editorInFocus" | "applyFormat" | "currentBlockType" | "applyBlockType" | "convertSelectionToNode" | "insertDecoratorNode" | "insertThematicBreak">(key: K_2) => (value: ValueForKey<{
|
|
507
|
+
usePublisher: <K_2 extends "jsxComponentDescriptors" | "jsxIsAvailable" | "toMarkdownOptions" | "toMarkdownExtensions" | "mdastExtensions" | "syntaxExtensions" | "markdown" | "activeEditor" | "inFocus" | "historyState" | "currentSelection" | "initialRootEditorState" | "rootEditor" | "createRootEditorSubscription" | "createActiveEditorSubscription" | "importVisitors" | "usedLexicalNodes" | "addImportVisitor" | "addLexicalNode" | "addSyntaxExtension" | "addMdastExtension" | "addToMarkdownExtension" | "addExportVisitor" | "exportVisitors" | "initialMarkdown" | "setMarkdown" | "editorRootElementRef" | "contentEditableClassName" | "placeholder" | "autoFocus" | "readOnly" | "composerChildren" | "addComposerChild" | "topAreaChildren" | "addTopAreaChild" | "nestedEditorChildren" | "addNestedEditorChild" | "editorWrappers" | "addEditorWrapper" | "currentFormat" | "editorInFocus" | "applyFormat" | "currentBlockType" | "applyBlockType" | "convertSelectionToNode" | "insertDecoratorNode" | "onBlur" | "insertThematicBreak">(key: K_2) => (value: ValueForKey<{
|
|
499
508
|
insertThematicBreak: RealmNode<true>;
|
|
500
509
|
} & {
|
|
501
510
|
activeEditor: RealmNode<LexicalEditor | null>;
|
|
@@ -548,5 +557,6 @@ thematicBreakPluginHooks: {
|
|
|
548
557
|
applyBlockType: RealmNode<BlockType>;
|
|
549
558
|
convertSelectionToNode: RealmNode<() => ElementNode>;
|
|
550
559
|
insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
|
|
560
|
+
onBlur: RealmNode<FocusEvent>;
|
|
551
561
|
}, K_2>) => void;
|
|
552
562
|
};
|
|
@@ -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
|
-
|
|
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
|
|
@@ -62,6 +62,7 @@ export declare const toolbarSystem: SystemSpec<[SystemSpec<[], (r: Realm) => {
|
|
|
62
62
|
applyBlockType: RealmNode<BlockType>;
|
|
63
63
|
convertSelectionToNode: RealmNode<() => ElementNode>;
|
|
64
64
|
insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
|
|
65
|
+
onBlur: RealmNode<FocusEvent>;
|
|
65
66
|
}>], (r: Realm) => {
|
|
66
67
|
toolbarContents: RealmNode<() => React.ReactNode>;
|
|
67
68
|
}>;
|
|
@@ -118,6 +119,7 @@ toolbarPlugin: PluginConstructor<SystemSpec<[SystemSpec<[], (r: Realm) => {
|
|
|
118
119
|
applyBlockType: RealmNode<BlockType>;
|
|
119
120
|
convertSelectionToNode: RealmNode<() => ElementNode>;
|
|
120
121
|
insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
|
|
122
|
+
onBlur: RealmNode<FocusEvent>;
|
|
121
123
|
}>], (r: Realm) => {
|
|
122
124
|
toolbarContents: RealmNode<() => React.ReactNode>;
|
|
123
125
|
}>, {
|
|
@@ -178,8 +180,9 @@ toolbarPluginHooks: {
|
|
|
178
180
|
applyBlockType: RealmNode<BlockType>;
|
|
179
181
|
convertSelectionToNode: RealmNode<() => ElementNode>;
|
|
180
182
|
insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
|
|
183
|
+
onBlur: RealmNode<FocusEvent>;
|
|
181
184
|
}>;
|
|
182
|
-
useEmitter: <K extends "jsxComponentDescriptors" | "jsxIsAvailable" | "toMarkdownOptions" | "toMarkdownExtensions" | "mdastExtensions" | "syntaxExtensions" | "markdown" | "activeEditor" | "inFocus" | "historyState" | "currentSelection" | "initialRootEditorState" | "rootEditor" | "createRootEditorSubscription" | "createActiveEditorSubscription" | "importVisitors" | "usedLexicalNodes" | "addImportVisitor" | "addLexicalNode" | "addSyntaxExtension" | "addMdastExtension" | "addToMarkdownExtension" | "addExportVisitor" | "exportVisitors" | "initialMarkdown" | "setMarkdown" | "editorRootElementRef" | "contentEditableClassName" | "placeholder" | "autoFocus" | "readOnly" | "composerChildren" | "addComposerChild" | "topAreaChildren" | "addTopAreaChild" | "nestedEditorChildren" | "addNestedEditorChild" | "editorWrappers" | "addEditorWrapper" | "currentFormat" | "editorInFocus" | "applyFormat" | "currentBlockType" | "applyBlockType" | "convertSelectionToNode" | "insertDecoratorNode" | "toolbarContents">(key: K, callback: (value: ValueForKey<{
|
|
185
|
+
useEmitter: <K extends "jsxComponentDescriptors" | "jsxIsAvailable" | "toMarkdownOptions" | "toMarkdownExtensions" | "mdastExtensions" | "syntaxExtensions" | "markdown" | "activeEditor" | "inFocus" | "historyState" | "currentSelection" | "initialRootEditorState" | "rootEditor" | "createRootEditorSubscription" | "createActiveEditorSubscription" | "importVisitors" | "usedLexicalNodes" | "addImportVisitor" | "addLexicalNode" | "addSyntaxExtension" | "addMdastExtension" | "addToMarkdownExtension" | "addExportVisitor" | "exportVisitors" | "initialMarkdown" | "setMarkdown" | "editorRootElementRef" | "contentEditableClassName" | "placeholder" | "autoFocus" | "readOnly" | "composerChildren" | "addComposerChild" | "topAreaChildren" | "addTopAreaChild" | "nestedEditorChildren" | "addNestedEditorChild" | "editorWrappers" | "addEditorWrapper" | "currentFormat" | "editorInFocus" | "applyFormat" | "currentBlockType" | "applyBlockType" | "convertSelectionToNode" | "insertDecoratorNode" | "onBlur" | "toolbarContents">(key: K, callback: (value: ValueForKey<{
|
|
183
186
|
toolbarContents: RealmNode<() => React.ReactNode>;
|
|
184
187
|
} & {
|
|
185
188
|
activeEditor: RealmNode<LexicalEditor | null>;
|
|
@@ -232,6 +235,7 @@ toolbarPluginHooks: {
|
|
|
232
235
|
applyBlockType: RealmNode<BlockType>;
|
|
233
236
|
convertSelectionToNode: RealmNode<() => ElementNode>;
|
|
234
237
|
insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
|
|
238
|
+
onBlur: RealmNode<FocusEvent>;
|
|
235
239
|
}, K>) => void) => void;
|
|
236
240
|
useEmitterValues: <K_1 extends SystemKeys<{
|
|
237
241
|
toolbarContents: RealmNode<() => React.ReactNode>;
|
|
@@ -286,6 +290,7 @@ toolbarPluginHooks: {
|
|
|
286
290
|
applyBlockType: RealmNode<BlockType>;
|
|
287
291
|
convertSelectionToNode: RealmNode<() => ElementNode>;
|
|
288
292
|
insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
|
|
293
|
+
onBlur: RealmNode<FocusEvent>;
|
|
289
294
|
}>>(...keys: K_1) => ValuesForKeys<{
|
|
290
295
|
toolbarContents: RealmNode<() => React.ReactNode>;
|
|
291
296
|
} & {
|
|
@@ -339,6 +344,7 @@ toolbarPluginHooks: {
|
|
|
339
344
|
applyBlockType: RealmNode<BlockType>;
|
|
340
345
|
convertSelectionToNode: RealmNode<() => ElementNode>;
|
|
341
346
|
insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
|
|
347
|
+
onBlur: RealmNode<FocusEvent>;
|
|
342
348
|
}, K_1>;
|
|
343
349
|
usePubKeys: () => (values: SystemDict<{
|
|
344
350
|
toolbarContents: RealmNode<() => React.ReactNode>;
|
|
@@ -393,8 +399,9 @@ toolbarPluginHooks: {
|
|
|
393
399
|
applyBlockType: RealmNode<BlockType>;
|
|
394
400
|
convertSelectionToNode: RealmNode<() => ElementNode>;
|
|
395
401
|
insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
|
|
402
|
+
onBlur: RealmNode<FocusEvent>;
|
|
396
403
|
}>) => void;
|
|
397
|
-
usePublisher: <K_2 extends "jsxComponentDescriptors" | "jsxIsAvailable" | "toMarkdownOptions" | "toMarkdownExtensions" | "mdastExtensions" | "syntaxExtensions" | "markdown" | "activeEditor" | "inFocus" | "historyState" | "currentSelection" | "initialRootEditorState" | "rootEditor" | "createRootEditorSubscription" | "createActiveEditorSubscription" | "importVisitors" | "usedLexicalNodes" | "addImportVisitor" | "addLexicalNode" | "addSyntaxExtension" | "addMdastExtension" | "addToMarkdownExtension" | "addExportVisitor" | "exportVisitors" | "initialMarkdown" | "setMarkdown" | "editorRootElementRef" | "contentEditableClassName" | "placeholder" | "autoFocus" | "readOnly" | "composerChildren" | "addComposerChild" | "topAreaChildren" | "addTopAreaChild" | "nestedEditorChildren" | "addNestedEditorChild" | "editorWrappers" | "addEditorWrapper" | "currentFormat" | "editorInFocus" | "applyFormat" | "currentBlockType" | "applyBlockType" | "convertSelectionToNode" | "insertDecoratorNode" | "toolbarContents">(key: K_2) => (value: ValueForKey<{
|
|
404
|
+
usePublisher: <K_2 extends "jsxComponentDescriptors" | "jsxIsAvailable" | "toMarkdownOptions" | "toMarkdownExtensions" | "mdastExtensions" | "syntaxExtensions" | "markdown" | "activeEditor" | "inFocus" | "historyState" | "currentSelection" | "initialRootEditorState" | "rootEditor" | "createRootEditorSubscription" | "createActiveEditorSubscription" | "importVisitors" | "usedLexicalNodes" | "addImportVisitor" | "addLexicalNode" | "addSyntaxExtension" | "addMdastExtension" | "addToMarkdownExtension" | "addExportVisitor" | "exportVisitors" | "initialMarkdown" | "setMarkdown" | "editorRootElementRef" | "contentEditableClassName" | "placeholder" | "autoFocus" | "readOnly" | "composerChildren" | "addComposerChild" | "topAreaChildren" | "addTopAreaChild" | "nestedEditorChildren" | "addNestedEditorChild" | "editorWrappers" | "addEditorWrapper" | "currentFormat" | "editorInFocus" | "applyFormat" | "currentBlockType" | "applyBlockType" | "convertSelectionToNode" | "insertDecoratorNode" | "onBlur" | "toolbarContents">(key: K_2) => (value: ValueForKey<{
|
|
398
405
|
toolbarContents: RealmNode<() => React.ReactNode>;
|
|
399
406
|
} & {
|
|
400
407
|
activeEditor: RealmNode<LexicalEditor | null>;
|
|
@@ -447,5 +454,6 @@ toolbarPluginHooks: {
|
|
|
447
454
|
applyBlockType: RealmNode<BlockType>;
|
|
448
455
|
convertSelectionToNode: RealmNode<() => ElementNode>;
|
|
449
456
|
insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
|
|
457
|
+
onBlur: RealmNode<FocusEvent>;
|
|
450
458
|
}, K_2>) => void;
|
|
451
459
|
};
|