@mdxeditor/editor 2.20.6 → 3.0.0-alpha.2
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/index.d.ts +23 -12
- package/dist/index.js +5 -3
- package/dist/plugins/codeblock/CodeBlockNode.js +23 -26
- package/dist/plugins/codemirror/CodeMirrorEditor.js +63 -24
- package/dist/plugins/codemirror/index.js +9 -5
- package/dist/plugins/sandpack/useCodeMirrorRef.js +1 -1
- package/dist/style.css +202 -198
- package/dist/styles/ui.module.css.js +106 -106
- package/package.json +2 -1
|
@@ -1,107 +1,107 @@
|
|
|
1
|
-
const editorRoot = "
|
|
2
|
-
const editorWrapper = "
|
|
3
|
-
const nestedListItem = "
|
|
4
|
-
const toolbarRoot = "
|
|
5
|
-
const readOnlyToolbarRoot = "
|
|
6
|
-
const toolbarModeSwitch = "
|
|
7
|
-
const toolbarToggleItem = "
|
|
8
|
-
const toolbarGroupOfGroups = "
|
|
9
|
-
const toolbarToggleSingleGroup = "
|
|
10
|
-
const toolbarButton = "
|
|
11
|
-
const activeToolbarButton = "
|
|
12
|
-
const toolbarNodeKindSelectContainer = "
|
|
13
|
-
const toolbarButtonDropdownContainer = "
|
|
14
|
-
const toolbarCodeBlockLanguageSelectContent = "
|
|
15
|
-
const selectContainer = "
|
|
16
|
-
const selectItem = "
|
|
17
|
-
const toolbarNodeKindSelectTrigger = "
|
|
18
|
-
const toolbarButtonSelectTrigger = "
|
|
19
|
-
const selectTrigger = "
|
|
20
|
-
const toolbarCodeBlockLanguageSelectTrigger = "
|
|
21
|
-
const toolbarNodeKindSelectItem = "
|
|
22
|
-
const toolbarNodeKindSelectDropdownArrow = "
|
|
23
|
-
const selectDropdownArrow = "
|
|
24
|
-
const contentEditable = "
|
|
25
|
-
const
|
|
26
|
-
const frontmatterWrapper = "
|
|
27
|
-
const frontmatterToggleButton = "
|
|
28
|
-
const propertyPanelTitle = "
|
|
29
|
-
const propertyEditorTable = "
|
|
30
|
-
const iconButton = "
|
|
31
|
-
const readOnlyColumnCell = "
|
|
32
|
-
const propertyEditorLabelCell = "
|
|
33
|
-
const buttonsFooter = "
|
|
34
|
-
const propertyEditorInput = "
|
|
35
|
-
const primaryButton = "
|
|
36
|
-
const secondaryButton = "
|
|
37
|
-
const smallButton = "
|
|
38
|
-
const dialogForm = "
|
|
39
|
-
const linkDialogEditForm = "
|
|
40
|
-
const linkDialogInputContainer = "
|
|
41
|
-
const linkDialogInputWrapper = "
|
|
42
|
-
const linkDialogInput = "
|
|
43
|
-
const dialogInput = "
|
|
44
|
-
const linkDialogAnchor = "
|
|
45
|
-
const linkDialogPopoverContent = "
|
|
46
|
-
const tableColumnEditorPopoverContent = "
|
|
47
|
-
const dialogContent = "
|
|
48
|
-
const largeDialogContent = "
|
|
49
|
-
const dialogTitle = "
|
|
50
|
-
const dialogCloseButton = "
|
|
51
|
-
const popoverContent = "
|
|
52
|
-
const popoverArrow = "
|
|
53
|
-
const linkDialogPreviewAnchor = "
|
|
54
|
-
const tooltipTrigger = "
|
|
55
|
-
const tooltipContent = "
|
|
56
|
-
const actionButton = "
|
|
57
|
-
const primaryActionButton = "
|
|
58
|
-
const tableEditor = "
|
|
59
|
-
const toolCell = "
|
|
60
|
-
const tableColumnEditorTrigger = "
|
|
61
|
-
const tableRowEditorTrigger = "
|
|
62
|
-
const addRowButton = "
|
|
63
|
-
const addColumnButton = "
|
|
64
|
-
const tableColumnEditorToolbar = "
|
|
65
|
-
const toggleGroupRoot = "
|
|
66
|
-
const tableToolsColumn = "
|
|
67
|
-
const leftAlignedCell = "
|
|
68
|
-
const rightAlignedCell = "
|
|
69
|
-
const centeredCell = "
|
|
70
|
-
const dialogOverlay = "
|
|
71
|
-
const overlayShow = "
|
|
72
|
-
const contentShow = "
|
|
73
|
-
const focusedImage = "
|
|
74
|
-
const imageWrapper = "
|
|
75
|
-
const editImageButton = "
|
|
76
|
-
const inlineEditor = "
|
|
77
|
-
const blockEditor = "
|
|
78
|
-
const nestedEditor = "
|
|
79
|
-
const genericComponentName = "
|
|
80
|
-
const diffSourceToggle = "
|
|
81
|
-
const selectWithLabel = "
|
|
82
|
-
const toolbarTitleMode = "
|
|
83
|
-
const imageControlWrapperResizing = "
|
|
84
|
-
const imageResizer = "
|
|
85
|
-
const imageResizerN = "
|
|
86
|
-
const imageResizerNe = "
|
|
87
|
-
const imageResizerE = "
|
|
88
|
-
const imageResizerSe = "
|
|
89
|
-
const imageResizerS = "
|
|
90
|
-
const imageResizerSw = "
|
|
91
|
-
const imageResizerW = "
|
|
92
|
-
const imageResizerNw = "
|
|
93
|
-
const placeholder = "
|
|
94
|
-
const rootContentEditableWrapper = "
|
|
95
|
-
const downshiftContainer = "
|
|
96
|
-
const downshiftInputWrapper = "
|
|
97
|
-
const downshiftInput = "
|
|
98
|
-
const downshiftAutocompleteContainer = "
|
|
99
|
-
const textInput = "
|
|
100
|
-
const multiFieldForm = "
|
|
101
|
-
const formField = "
|
|
102
|
-
const markdownParseError = "
|
|
103
|
-
const popupContainer = "
|
|
104
|
-
const inputSizer = "
|
|
1
|
+
const editorRoot = "_editorRoot_r5eta_38";
|
|
2
|
+
const editorWrapper = "_editorWrapper_r5eta_139";
|
|
3
|
+
const nestedListItem = "_nestedListItem_r5eta_141";
|
|
4
|
+
const toolbarRoot = "_toolbarRoot_r5eta_145";
|
|
5
|
+
const readOnlyToolbarRoot = "_readOnlyToolbarRoot_r5eta_168";
|
|
6
|
+
const toolbarModeSwitch = "_toolbarModeSwitch_r5eta_177";
|
|
7
|
+
const toolbarToggleItem = "_toolbarToggleItem_r5eta_187";
|
|
8
|
+
const toolbarGroupOfGroups = "_toolbarGroupOfGroups_r5eta_198";
|
|
9
|
+
const toolbarToggleSingleGroup = "_toolbarToggleSingleGroup_r5eta_203";
|
|
10
|
+
const toolbarButton = "_toolbarButton_r5eta_218";
|
|
11
|
+
const activeToolbarButton = "_activeToolbarButton_r5eta_250";
|
|
12
|
+
const toolbarNodeKindSelectContainer = "_toolbarNodeKindSelectContainer_r5eta_258";
|
|
13
|
+
const toolbarButtonDropdownContainer = "_toolbarButtonDropdownContainer_r5eta_259";
|
|
14
|
+
const toolbarCodeBlockLanguageSelectContent = "_toolbarCodeBlockLanguageSelectContent_r5eta_260";
|
|
15
|
+
const selectContainer = "_selectContainer_r5eta_261";
|
|
16
|
+
const selectItem = "_selectItem_r5eta_274";
|
|
17
|
+
const toolbarNodeKindSelectTrigger = "_toolbarNodeKindSelectTrigger_r5eta_279";
|
|
18
|
+
const toolbarButtonSelectTrigger = "_toolbarButtonSelectTrigger_r5eta_280";
|
|
19
|
+
const selectTrigger = "_selectTrigger_r5eta_281";
|
|
20
|
+
const toolbarCodeBlockLanguageSelectTrigger = "_toolbarCodeBlockLanguageSelectTrigger_r5eta_315";
|
|
21
|
+
const toolbarNodeKindSelectItem = "_toolbarNodeKindSelectItem_r5eta_320";
|
|
22
|
+
const toolbarNodeKindSelectDropdownArrow = "_toolbarNodeKindSelectDropdownArrow_r5eta_345";
|
|
23
|
+
const selectDropdownArrow = "_selectDropdownArrow_r5eta_346";
|
|
24
|
+
const contentEditable = "_contentEditable_r5eta_352";
|
|
25
|
+
const codeMirrorWrapper = "_codeMirrorWrapper_r5eta_364";
|
|
26
|
+
const frontmatterWrapper = "_frontmatterWrapper_r5eta_372";
|
|
27
|
+
const frontmatterToggleButton = "_frontmatterToggleButton_r5eta_382";
|
|
28
|
+
const propertyPanelTitle = "_propertyPanelTitle_r5eta_390";
|
|
29
|
+
const propertyEditorTable = "_propertyEditorTable_r5eta_398";
|
|
30
|
+
const iconButton = "_iconButton_r5eta_416";
|
|
31
|
+
const readOnlyColumnCell = "_readOnlyColumnCell_r5eta_421";
|
|
32
|
+
const propertyEditorLabelCell = "_propertyEditorLabelCell_r5eta_426";
|
|
33
|
+
const buttonsFooter = "_buttonsFooter_r5eta_434";
|
|
34
|
+
const propertyEditorInput = "_propertyEditorInput_r5eta_440";
|
|
35
|
+
const primaryButton = "_primaryButton_r5eta_464";
|
|
36
|
+
const secondaryButton = "_secondaryButton_r5eta_465";
|
|
37
|
+
const smallButton = "_smallButton_r5eta_480";
|
|
38
|
+
const dialogForm = "_dialogForm_r5eta_492";
|
|
39
|
+
const linkDialogEditForm = "_linkDialogEditForm_r5eta_498";
|
|
40
|
+
const linkDialogInputContainer = "_linkDialogInputContainer_r5eta_506";
|
|
41
|
+
const linkDialogInputWrapper = "_linkDialogInputWrapper_r5eta_512";
|
|
42
|
+
const linkDialogInput = "_linkDialogInput_r5eta_506";
|
|
43
|
+
const dialogInput = "_dialogInput_r5eta_533";
|
|
44
|
+
const linkDialogAnchor = "_linkDialogAnchor_r5eta_544";
|
|
45
|
+
const linkDialogPopoverContent = "_linkDialogPopoverContent_r5eta_558";
|
|
46
|
+
const tableColumnEditorPopoverContent = "_tableColumnEditorPopoverContent_r5eta_559";
|
|
47
|
+
const dialogContent = "_dialogContent_r5eta_560";
|
|
48
|
+
const largeDialogContent = "_largeDialogContent_r5eta_572";
|
|
49
|
+
const dialogTitle = "_dialogTitle_r5eta_582";
|
|
50
|
+
const dialogCloseButton = "_dialogCloseButton_r5eta_588";
|
|
51
|
+
const popoverContent = "_popoverContent_r5eta_595";
|
|
52
|
+
const popoverArrow = "_popoverArrow_r5eta_607";
|
|
53
|
+
const linkDialogPreviewAnchor = "_linkDialogPreviewAnchor_r5eta_611";
|
|
54
|
+
const tooltipTrigger = "_tooltipTrigger_r5eta_634";
|
|
55
|
+
const tooltipContent = "_tooltipContent_r5eta_638";
|
|
56
|
+
const actionButton = "_actionButton_r5eta_652";
|
|
57
|
+
const primaryActionButton = "_primaryActionButton_r5eta_658";
|
|
58
|
+
const tableEditor = "_tableEditor_r5eta_668";
|
|
59
|
+
const toolCell = "_toolCell_r5eta_679";
|
|
60
|
+
const tableColumnEditorTrigger = "_tableColumnEditorTrigger_r5eta_698";
|
|
61
|
+
const tableRowEditorTrigger = "_tableRowEditorTrigger_r5eta_699";
|
|
62
|
+
const addRowButton = "_addRowButton_r5eta_700";
|
|
63
|
+
const addColumnButton = "_addColumnButton_r5eta_701";
|
|
64
|
+
const tableColumnEditorToolbar = "_tableColumnEditorToolbar_r5eta_742";
|
|
65
|
+
const toggleGroupRoot = "_toggleGroupRoot_r5eta_756";
|
|
66
|
+
const tableToolsColumn = "_tableToolsColumn_r5eta_774";
|
|
67
|
+
const leftAlignedCell = "_leftAlignedCell_r5eta_783";
|
|
68
|
+
const rightAlignedCell = "_rightAlignedCell_r5eta_787";
|
|
69
|
+
const centeredCell = "_centeredCell_r5eta_791";
|
|
70
|
+
const dialogOverlay = "_dialogOverlay_r5eta_824";
|
|
71
|
+
const overlayShow = "_overlayShow_r5eta_1";
|
|
72
|
+
const contentShow = "_contentShow_r5eta_1";
|
|
73
|
+
const focusedImage = "_focusedImage_r5eta_871";
|
|
74
|
+
const imageWrapper = "_imageWrapper_r5eta_875";
|
|
75
|
+
const editImageButton = "_editImageButton_r5eta_888";
|
|
76
|
+
const inlineEditor = "_inlineEditor_r5eta_900";
|
|
77
|
+
const blockEditor = "_blockEditor_r5eta_909";
|
|
78
|
+
const nestedEditor = "_nestedEditor_r5eta_918";
|
|
79
|
+
const genericComponentName = "_genericComponentName_r5eta_937";
|
|
80
|
+
const diffSourceToggle = "_diffSourceToggle_r5eta_943";
|
|
81
|
+
const selectWithLabel = "_selectWithLabel_r5eta_957";
|
|
82
|
+
const toolbarTitleMode = "_toolbarTitleMode_r5eta_972";
|
|
83
|
+
const imageControlWrapperResizing = "_imageControlWrapperResizing_r5eta_978";
|
|
84
|
+
const imageResizer = "_imageResizer_r5eta_982";
|
|
85
|
+
const imageResizerN = "_imageResizerN_r5eta_991";
|
|
86
|
+
const imageResizerNe = "_imageResizerNe_r5eta_997";
|
|
87
|
+
const imageResizerE = "_imageResizerE_r5eta_1003";
|
|
88
|
+
const imageResizerSe = "_imageResizerSe_r5eta_1009";
|
|
89
|
+
const imageResizerS = "_imageResizerS_r5eta_1009";
|
|
90
|
+
const imageResizerSw = "_imageResizerSw_r5eta_1021";
|
|
91
|
+
const imageResizerW = "_imageResizerW_r5eta_1027";
|
|
92
|
+
const imageResizerNw = "_imageResizerNw_r5eta_1033";
|
|
93
|
+
const placeholder = "_placeholder_r5eta_1039";
|
|
94
|
+
const rootContentEditableWrapper = "_rootContentEditableWrapper_r5eta_1052";
|
|
95
|
+
const downshiftContainer = "_downshiftContainer_r5eta_1058";
|
|
96
|
+
const downshiftInputWrapper = "_downshiftInputWrapper_r5eta_1064";
|
|
97
|
+
const downshiftInput = "_downshiftInput_r5eta_1064";
|
|
98
|
+
const downshiftAutocompleteContainer = "_downshiftAutocompleteContainer_r5eta_1095";
|
|
99
|
+
const textInput = "_textInput_r5eta_1141";
|
|
100
|
+
const multiFieldForm = "_multiFieldForm_r5eta_1149";
|
|
101
|
+
const formField = "_formField_r5eta_1155";
|
|
102
|
+
const markdownParseError = "_markdownParseError_r5eta_1166";
|
|
103
|
+
const popupContainer = "_popupContainer_r5eta_1175";
|
|
104
|
+
const inputSizer = "_inputSizer_r5eta_1180";
|
|
105
105
|
const styles = {
|
|
106
106
|
editorRoot,
|
|
107
107
|
editorWrapper,
|
|
@@ -127,7 +127,7 @@ const styles = {
|
|
|
127
127
|
toolbarNodeKindSelectDropdownArrow,
|
|
128
128
|
selectDropdownArrow,
|
|
129
129
|
contentEditable,
|
|
130
|
-
|
|
130
|
+
codeMirrorWrapper,
|
|
131
131
|
frontmatterWrapper,
|
|
132
132
|
frontmatterToggleButton,
|
|
133
133
|
propertyPanelTitle,
|
|
@@ -216,6 +216,7 @@ export {
|
|
|
216
216
|
blockEditor,
|
|
217
217
|
buttonsFooter,
|
|
218
218
|
centeredCell,
|
|
219
|
+
codeMirrorWrapper,
|
|
219
220
|
contentEditable,
|
|
220
221
|
contentShow,
|
|
221
222
|
styles as default,
|
|
@@ -280,7 +281,6 @@ export {
|
|
|
280
281
|
readOnlyToolbarRoot,
|
|
281
282
|
rightAlignedCell,
|
|
282
283
|
rootContentEditableWrapper,
|
|
283
|
-
sandpackWrapper,
|
|
284
284
|
secondaryButton,
|
|
285
285
|
selectContainer,
|
|
286
286
|
selectDropdownArrow,
|
package/package.json
CHANGED
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
"*.css"
|
|
12
12
|
],
|
|
13
13
|
"type": "module",
|
|
14
|
-
"version": "
|
|
14
|
+
"version": "3.0.0-alpha.2",
|
|
15
15
|
"description": "React component for rich text markdown editing",
|
|
16
16
|
"scripts": {
|
|
17
17
|
"build": "vite build",
|
|
@@ -37,6 +37,7 @@
|
|
|
37
37
|
"license": "MIT",
|
|
38
38
|
"dependencies": {
|
|
39
39
|
"@codemirror/lang-markdown": "^6.2.3",
|
|
40
|
+
"@codemirror/language-data": "^6.5.1",
|
|
40
41
|
"@codemirror/merge": "^6.4.0",
|
|
41
42
|
"@codemirror/state": "^6.4.0",
|
|
42
43
|
"@codemirror/view": "^6.23.0",
|