@mdxeditor/editor 1.9.2 → 1.10.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 -0
- package/dist/MDXEditor.js +6 -1
- package/dist/icons/add_column.svg.js +1 -2
- package/dist/icons/add_photo.svg.js +1 -2
- package/dist/icons/add_row.svg.js +1 -2
- package/dist/icons/{emergency_home.svg.js → admonition.svg.js} +2 -3
- package/dist/icons/arrow_drop_down.svg.js +3 -4
- package/dist/icons/check.svg.js +1 -2
- package/dist/icons/check_small.svg.js +7 -0
- package/dist/icons/close.svg.js +1 -2
- package/dist/icons/code.svg.js +1 -2
- package/dist/icons/content_copy.svg.js +1 -2
- package/dist/icons/delete_big.svg.js +7 -0
- package/dist/icons/delete_small.svg.js +1 -2
- package/dist/icons/difference.svg.js +1 -2
- package/dist/icons/edit.svg.js +1 -2
- package/dist/icons/extension.svg.js +7 -0
- package/dist/icons/format_align_center.svg.js +1 -2
- package/dist/icons/format_align_left.svg.js +1 -2
- package/dist/icons/format_align_right.svg.js +1 -2
- package/dist/icons/format_bold.svg.js +1 -2
- package/dist/icons/format_italic.svg.js +1 -2
- package/dist/icons/format_list_bulleted.svg.js +1 -2
- package/dist/icons/format_list_checked.svg.js +1 -2
- package/dist/icons/format_list_numbered.svg.js +1 -2
- package/dist/icons/format_underlined.svg.js +1 -2
- package/dist/icons/frame_source.svg.js +1 -2
- package/dist/icons/frontmatter.svg.js +1 -2
- package/dist/icons/horizontal_rule.svg.js +1 -2
- package/dist/icons/insert_col_left.svg.js +1 -2
- package/dist/icons/insert_col_right.svg.js +1 -2
- package/dist/icons/insert_row_above.svg.js +1 -2
- package/dist/icons/insert_row_below.svg.js +1 -2
- package/dist/icons/link.svg.js +1 -2
- package/dist/icons/link_off.svg.js +1 -2
- package/dist/icons/markdown.svg.js +1 -2
- package/dist/icons/more_horiz.svg.js +1 -2
- package/dist/icons/more_vert.svg.js +7 -0
- package/dist/icons/open_in_new.svg.js +1 -2
- package/dist/icons/redo.svg.js +1 -2
- package/dist/icons/rich_text.svg.js +1 -2
- package/dist/icons/{deployed_code.svg.js → sandpack.svg.js} +2 -3
- package/dist/icons/settings.svg.js +1 -2
- package/dist/icons/table.svg.js +1 -2
- package/dist/icons/undo.svg.js +1 -2
- package/dist/plugins/codeblock/index.d.ts +13 -2
- package/dist/plugins/codemirror/index.d.ts +17 -2
- package/dist/plugins/core/Icon.d.ts +6 -0
- package/dist/plugins/core/Icon.js +96 -0
- package/dist/plugins/core/PropertyPopover.js +3 -2
- package/dist/plugins/core/index.d.ts +12 -2
- package/dist/plugins/core/index.js +7 -2
- package/dist/plugins/core/ui/DownshiftAutoComplete.js +3 -2
- package/dist/plugins/diff-source/index.d.ts +13 -2
- package/dist/plugins/directives/index.d.ts +13 -2
- package/dist/plugins/frontmatter/FrontmatterEditor.js +7 -5
- package/dist/plugins/frontmatter/index.d.ts +13 -2
- package/dist/plugins/headings/index.d.ts +13 -2
- package/dist/plugins/image/ImageEditor.js +3 -2
- package/dist/plugins/image/index.d.ts +13 -2
- package/dist/plugins/jsx/index.d.ts +13 -2
- package/dist/plugins/link/index.d.ts +2 -0
- package/dist/plugins/link-dialog/LinkDialog.js +11 -14
- package/dist/plugins/link-dialog/index.d.ts +11 -2
- package/dist/plugins/lists/index.d.ts +13 -2
- package/dist/plugins/markdown-shortcut/index.d.ts +2 -0
- package/dist/plugins/quote/index.d.ts +10 -2
- package/dist/plugins/sandpack/index.d.ts +17 -2
- package/dist/plugins/table/TableEditor.js +22 -28
- package/dist/plugins/table/index.d.ts +13 -2
- package/dist/plugins/thematic-break/index.d.ts +13 -2
- package/dist/plugins/toolbar/components/BoldItalicUnderlineToggles.js +4 -6
- package/dist/plugins/toolbar/components/CodeToggle.js +2 -3
- package/dist/plugins/toolbar/components/CreateLink.js +2 -2
- package/dist/plugins/toolbar/components/DiffSourceToggleWrapper.js +4 -6
- package/dist/plugins/toolbar/components/InsertAdmonition.js +2 -2
- package/dist/plugins/toolbar/components/InsertCodeBlock.js +2 -2
- package/dist/plugins/toolbar/components/InsertFrontmatter.js +2 -2
- package/dist/plugins/toolbar/components/InsertImage.js +2 -3
- package/dist/plugins/toolbar/components/InsertSandpack.js +2 -2
- package/dist/plugins/toolbar/components/InsertTable.js +2 -2
- package/dist/plugins/toolbar/components/InsertThematicBreak.js +2 -2
- package/dist/plugins/toolbar/components/ListsToggle.js +4 -6
- package/dist/plugins/toolbar/components/ShowSandpackInfo.js +3 -4
- package/dist/plugins/toolbar/components/UndoRedo.js +3 -4
- package/dist/plugins/toolbar/index.d.ts +11 -2
- package/dist/plugins/toolbar/primitives/DialogButton.js +4 -6
- package/dist/plugins/toolbar/primitives/TooltipWrap.js +1 -1
- package/dist/plugins/toolbar/primitives/select.js +4 -5
- package/dist/style.css +252 -236
- package/dist/styles/ui.module.css.js +105 -102
- package/package.json +2 -1
- package/dist/icons/delete.svg.js +0 -8
|
@@ -1,103 +1,104 @@
|
|
|
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
|
|
17
|
-
const
|
|
18
|
-
const
|
|
19
|
-
const
|
|
20
|
-
const
|
|
21
|
-
const
|
|
22
|
-
const toolbarNodeKindSelectDropdownArrow = "
|
|
23
|
-
const selectDropdownArrow = "
|
|
24
|
-
const contentEditable = "
|
|
25
|
-
const sandpackWrapper = "
|
|
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
|
|
55
|
-
const
|
|
56
|
-
const
|
|
57
|
-
const
|
|
58
|
-
const
|
|
59
|
-
const
|
|
60
|
-
const
|
|
61
|
-
const
|
|
62
|
-
const
|
|
63
|
-
const
|
|
64
|
-
const
|
|
65
|
-
const
|
|
66
|
-
const
|
|
67
|
-
const
|
|
68
|
-
const
|
|
69
|
-
const
|
|
70
|
-
const
|
|
71
|
-
const
|
|
72
|
-
const
|
|
73
|
-
const
|
|
74
|
-
const
|
|
75
|
-
const
|
|
76
|
-
const
|
|
77
|
-
const
|
|
78
|
-
const
|
|
79
|
-
const
|
|
80
|
-
const
|
|
81
|
-
const
|
|
82
|
-
const
|
|
83
|
-
const
|
|
84
|
-
const
|
|
85
|
-
const
|
|
86
|
-
const
|
|
87
|
-
const
|
|
88
|
-
const
|
|
89
|
-
const
|
|
90
|
-
const
|
|
91
|
-
const
|
|
92
|
-
const
|
|
93
|
-
const
|
|
94
|
-
const
|
|
95
|
-
const
|
|
96
|
-
const
|
|
97
|
-
const
|
|
98
|
-
const
|
|
99
|
-
const
|
|
100
|
-
const
|
|
1
|
+
const editorRoot = "_editorRoot_1xgxv_37";
|
|
2
|
+
const editorWrapper = "_editorWrapper_1xgxv_136";
|
|
3
|
+
const nestedListItem = "_nestedListItem_1xgxv_139";
|
|
4
|
+
const toolbarRoot = "_toolbarRoot_1xgxv_143";
|
|
5
|
+
const readOnlyToolbarRoot = "_readOnlyToolbarRoot_1xgxv_166";
|
|
6
|
+
const toolbarModeSwitch = "_toolbarModeSwitch_1xgxv_174";
|
|
7
|
+
const toolbarToggleItem = "_toolbarToggleItem_1xgxv_184";
|
|
8
|
+
const toolbarGroupOfGroups = "_toolbarGroupOfGroups_1xgxv_194";
|
|
9
|
+
const toolbarToggleSingleGroup = "_toolbarToggleSingleGroup_1xgxv_199";
|
|
10
|
+
const toolbarButton = "_toolbarButton_1xgxv_213";
|
|
11
|
+
const activeToolbarButton = "_activeToolbarButton_1xgxv_244";
|
|
12
|
+
const toolbarNodeKindSelectContainer = "_toolbarNodeKindSelectContainer_1xgxv_252";
|
|
13
|
+
const toolbarButtonDropdownContainer = "_toolbarButtonDropdownContainer_1xgxv_253";
|
|
14
|
+
const toolbarCodeBlockLanguageSelectContent = "_toolbarCodeBlockLanguageSelectContent_1xgxv_254";
|
|
15
|
+
const selectContainer = "_selectContainer_1xgxv_255";
|
|
16
|
+
const selectItem = "_selectItem_1xgxv_269";
|
|
17
|
+
const toolbarNodeKindSelectTrigger = "_toolbarNodeKindSelectTrigger_1xgxv_274";
|
|
18
|
+
const toolbarButtonSelectTrigger = "_toolbarButtonSelectTrigger_1xgxv_275";
|
|
19
|
+
const selectTrigger = "_selectTrigger_1xgxv_276";
|
|
20
|
+
const toolbarCodeBlockLanguageSelectTrigger = "_toolbarCodeBlockLanguageSelectTrigger_1xgxv_310";
|
|
21
|
+
const toolbarNodeKindSelectItem = "_toolbarNodeKindSelectItem_1xgxv_316";
|
|
22
|
+
const toolbarNodeKindSelectDropdownArrow = "_toolbarNodeKindSelectDropdownArrow_1xgxv_342";
|
|
23
|
+
const selectDropdownArrow = "_selectDropdownArrow_1xgxv_343";
|
|
24
|
+
const contentEditable = "_contentEditable_1xgxv_349";
|
|
25
|
+
const sandpackWrapper = "_sandpackWrapper_1xgxv_359";
|
|
26
|
+
const frontmatterWrapper = "_frontmatterWrapper_1xgxv_363";
|
|
27
|
+
const frontmatterToggleButton = "_frontmatterToggleButton_1xgxv_373";
|
|
28
|
+
const propertyPanelTitle = "_propertyPanelTitle_1xgxv_381";
|
|
29
|
+
const propertyEditorTable = "_propertyEditorTable_1xgxv_389";
|
|
30
|
+
const iconButton = "_iconButton_1xgxv_406";
|
|
31
|
+
const readOnlyColumnCell = "_readOnlyColumnCell_1xgxv_411";
|
|
32
|
+
const propertyEditorLabelCell = "_propertyEditorLabelCell_1xgxv_416";
|
|
33
|
+
const buttonsFooter = "_buttonsFooter_1xgxv_424";
|
|
34
|
+
const propertyEditorInput = "_propertyEditorInput_1xgxv_430";
|
|
35
|
+
const primaryButton = "_primaryButton_1xgxv_451";
|
|
36
|
+
const secondaryButton = "_secondaryButton_1xgxv_451";
|
|
37
|
+
const smallButton = "_smallButton_1xgxv_465";
|
|
38
|
+
const dialogForm = "_dialogForm_1xgxv_477";
|
|
39
|
+
const linkDialogEditForm = "_linkDialogEditForm_1xgxv_483";
|
|
40
|
+
const linkDialogInputContainer = "_linkDialogInputContainer_1xgxv_491";
|
|
41
|
+
const linkDialogInputWrapper = "_linkDialogInputWrapper_1xgxv_497";
|
|
42
|
+
const linkDialogInput = "_linkDialogInput_1xgxv_491";
|
|
43
|
+
const dialogInput = "_dialogInput_1xgxv_517";
|
|
44
|
+
const linkDialogAnchor = "_linkDialogAnchor_1xgxv_527";
|
|
45
|
+
const linkDialogPopoverContent = "_linkDialogPopoverContent_1xgxv_541";
|
|
46
|
+
const tableColumnEditorPopoverContent = "_tableColumnEditorPopoverContent_1xgxv_541";
|
|
47
|
+
const dialogContent = "_dialogContent_1xgxv_541";
|
|
48
|
+
const largeDialogContent = "_largeDialogContent_1xgxv_553";
|
|
49
|
+
const dialogTitle = "_dialogTitle_1xgxv_563";
|
|
50
|
+
const dialogCloseButton = "_dialogCloseButton_1xgxv_569";
|
|
51
|
+
const popoverContent = "_popoverContent_1xgxv_576";
|
|
52
|
+
const popoverArrow = "_popoverArrow_1xgxv_588";
|
|
53
|
+
const linkDialogPreviewAnchor = "_linkDialogPreviewAnchor_1xgxv_592";
|
|
54
|
+
const tooltipTrigger = "_tooltipTrigger_1xgxv_613";
|
|
55
|
+
const tooltipContent = "_tooltipContent_1xgxv_617";
|
|
56
|
+
const actionButton = "_actionButton_1xgxv_631";
|
|
57
|
+
const primaryActionButton = "_primaryActionButton_1xgxv_637";
|
|
58
|
+
const tableEditor = "_tableEditor_1xgxv_646";
|
|
59
|
+
const toolCell = "_toolCell_1xgxv_657";
|
|
60
|
+
const tableColumnEditorTrigger = "_tableColumnEditorTrigger_1xgxv_674";
|
|
61
|
+
const tableRowEditorTrigger = "_tableRowEditorTrigger_1xgxv_674";
|
|
62
|
+
const addRowButton = "_addRowButton_1xgxv_674";
|
|
63
|
+
const addColumnButton = "_addColumnButton_1xgxv_674";
|
|
64
|
+
const tableColumnEditorToolbar = "_tableColumnEditorToolbar_1xgxv_708";
|
|
65
|
+
const toggleGroupRoot = "_toggleGroupRoot_1xgxv_721";
|
|
66
|
+
const tableToolsColumn = "_tableToolsColumn_1xgxv_738";
|
|
67
|
+
const leftAlignedCell = "_leftAlignedCell_1xgxv_746";
|
|
68
|
+
const rightAlignedCell = "_rightAlignedCell_1xgxv_750";
|
|
69
|
+
const centeredCell = "_centeredCell_1xgxv_754";
|
|
70
|
+
const dialogOverlay = "_dialogOverlay_1xgxv_785";
|
|
71
|
+
const overlayShow = "_overlayShow_1xgxv_1";
|
|
72
|
+
const contentShow = "_contentShow_1xgxv_1";
|
|
73
|
+
const focusedImage = "_focusedImage_1xgxv_828";
|
|
74
|
+
const imageWrapper = "_imageWrapper_1xgxv_832";
|
|
75
|
+
const editImageButton = "_editImageButton_1xgxv_844";
|
|
76
|
+
const inlineEditor = "_inlineEditor_1xgxv_856";
|
|
77
|
+
const blockEditor = "_blockEditor_1xgxv_865";
|
|
78
|
+
const nestedEditor = "_nestedEditor_1xgxv_874";
|
|
79
|
+
const genericComponentName = "_genericComponentName_1xgxv_891";
|
|
80
|
+
const diffSourceToggle = "_diffSourceToggle_1xgxv_897";
|
|
81
|
+
const selectWithLabel = "_selectWithLabel_1xgxv_910";
|
|
82
|
+
const toolbarTitleMode = "_toolbarTitleMode_1xgxv_924";
|
|
83
|
+
const imageControlWrapperResizing = "_imageControlWrapperResizing_1xgxv_930";
|
|
84
|
+
const imageResizer = "_imageResizer_1xgxv_934";
|
|
85
|
+
const imageResizerN = "_imageResizerN_1xgxv_943";
|
|
86
|
+
const imageResizerNe = "_imageResizerNe_1xgxv_949";
|
|
87
|
+
const imageResizerE = "_imageResizerE_1xgxv_955";
|
|
88
|
+
const imageResizerSe = "_imageResizerSe_1xgxv_961";
|
|
89
|
+
const imageResizerS = "_imageResizerS_1xgxv_961";
|
|
90
|
+
const imageResizerSw = "_imageResizerSw_1xgxv_973";
|
|
91
|
+
const imageResizerW = "_imageResizerW_1xgxv_979";
|
|
92
|
+
const imageResizerNw = "_imageResizerNw_1xgxv_985";
|
|
93
|
+
const placeholder = "_placeholder_1xgxv_991";
|
|
94
|
+
const rootContentEditableWrapper = "_rootContentEditableWrapper_1xgxv_1004";
|
|
95
|
+
const downshiftContainer = "_downshiftContainer_1xgxv_1010";
|
|
96
|
+
const downshiftInputWrapper = "_downshiftInputWrapper_1xgxv_1016";
|
|
97
|
+
const downshiftInput = "_downshiftInput_1xgxv_1016";
|
|
98
|
+
const downshiftAutocompleteContainer = "_downshiftAutocompleteContainer_1xgxv_1046";
|
|
99
|
+
const textInput = "_textInput_1xgxv_1091";
|
|
100
|
+
const multiFieldForm = "_multiFieldForm_1xgxv_1099";
|
|
101
|
+
const formField = "_formField_1xgxv_1105";
|
|
101
102
|
const styles = {
|
|
102
103
|
editorRoot,
|
|
103
104
|
editorWrapper,
|
|
@@ -114,12 +115,12 @@ const styles = {
|
|
|
114
115
|
toolbarButtonDropdownContainer,
|
|
115
116
|
toolbarCodeBlockLanguageSelectContent,
|
|
116
117
|
selectContainer,
|
|
118
|
+
selectItem,
|
|
117
119
|
toolbarNodeKindSelectTrigger,
|
|
118
120
|
toolbarButtonSelectTrigger,
|
|
119
121
|
selectTrigger,
|
|
120
122
|
toolbarCodeBlockLanguageSelectTrigger,
|
|
121
123
|
toolbarNodeKindSelectItem,
|
|
122
|
-
selectItem,
|
|
123
124
|
toolbarNodeKindSelectDropdownArrow,
|
|
124
125
|
selectDropdownArrow,
|
|
125
126
|
contentEditable,
|
|
@@ -152,6 +153,7 @@ const styles = {
|
|
|
152
153
|
popoverContent,
|
|
153
154
|
popoverArrow,
|
|
154
155
|
linkDialogPreviewAnchor,
|
|
156
|
+
tooltipTrigger,
|
|
155
157
|
tooltipContent,
|
|
156
158
|
actionButton,
|
|
157
159
|
primaryActionButton,
|
|
@@ -301,5 +303,6 @@ export {
|
|
|
301
303
|
toolbarTitleMode,
|
|
302
304
|
toolbarToggleItem,
|
|
303
305
|
toolbarToggleSingleGroup,
|
|
304
|
-
tooltipContent
|
|
306
|
+
tooltipContent,
|
|
307
|
+
tooltipTrigger
|
|
305
308
|
};
|
package/package.json
CHANGED
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
"private": false,
|
|
10
10
|
"sideEffects": false,
|
|
11
11
|
"type": "module",
|
|
12
|
-
"version": "1.
|
|
12
|
+
"version": "1.10.0",
|
|
13
13
|
"description": "React component for rich text markdown editing",
|
|
14
14
|
"scripts": {
|
|
15
15
|
"build": "vite build",
|
|
@@ -146,6 +146,7 @@
|
|
|
146
146
|
"vite": "^4.3.9",
|
|
147
147
|
"vite-plugin-dts": "^2.3.0",
|
|
148
148
|
"vite-plugin-svgr": "^3.2.0",
|
|
149
|
+
"vite-tsconfig-paths": "^4.2.1",
|
|
149
150
|
"vitest": "^0.31.1"
|
|
150
151
|
},
|
|
151
152
|
"publishConfig": {
|
package/dist/icons/delete.svg.js
DELETED
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
const SvgDelete = (props) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, fill: "currentColor", viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ React.createElement("mask", { id: "a", width: 24, height: 24, x: 0, y: 0, maskUnits: "userSpaceOnUse", style: {
|
|
3
|
-
maskType: "alpha"
|
|
4
|
-
} }, /* @__PURE__ */ React.createElement("path", { d: "M0 0h24v24H0z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#a)" }, /* @__PURE__ */ React.createElement("path", { d: "M5 21V6H4V4h5V3h6v1h5v2h-1v15H5Zm2-2h10V6H7v13Zm2-2h2V8H9v9Zm4 0h2V8h-2v9Z" })));
|
|
5
|
-
const DeleteIcon = SvgDelete;
|
|
6
|
-
export {
|
|
7
|
-
DeleteIcon as default
|
|
8
|
-
};
|