@mdxeditor/editor 0.10.0-alpha.1 → 0.10.0-alpha.2

package/dist/styles/ui.module.css.js

@@ -1,77 +1,87 @@
-const editorRoot = "_editorRoot_1tl3n_36";
-const dropZone = "_dropZone_1tl3n_129";
-const editorWrapper = "_editorWrapper_1tl3n_137";
-const nestedListItem = "_nestedListItem_1tl3n_141";
-const toolbarRoot = "_toolbarRoot_1tl3n_145";
-const toolbarModeSwitch = "_toolbarModeSwitch_1tl3n_169";
-const toolbarToggleItem = "_toolbarToggleItem_1tl3n_178";
-const toolbarGroupOfGroups = "_toolbarGroupOfGroups_1tl3n_188";
-const toolbarToggleSingleGroup = "_toolbarToggleSingleGroup_1tl3n_193";
-const toolbarButton = "_toolbarButton_1tl3n_207";
-const toolbarNodeKindSelectContainer = "_toolbarNodeKindSelectContainer_1tl3n_241";
-const toolbarButtonDropdownContainer = "_toolbarButtonDropdownContainer_1tl3n_242";
-const toolbarCodeBlockLanguageSelectContent = "_toolbarCodeBlockLanguageSelectContent_1tl3n_243";
-const selectContainer = "_selectContainer_1tl3n_244";
-const toolbarNodeKindSelectTrigger = "_toolbarNodeKindSelectTrigger_1tl3n_258";
-const toolbarButtonSelectTrigger = "_toolbarButtonSelectTrigger_1tl3n_259";
-const selectTrigger = "_selectTrigger_1tl3n_260";
-const toolbarCodeBlockLanguageSelectTrigger = "_toolbarCodeBlockLanguageSelectTrigger_1tl3n_293";
-const toolbarNodeKindSelectItem = "_toolbarNodeKindSelectItem_1tl3n_299";
-const selectItem = "_selectItem_1tl3n_300";
-const toolbarNodeKindSelectDropdownArrow = "_toolbarNodeKindSelectDropdownArrow_1tl3n_324";
-const selectDropdownArrow = "_selectDropdownArrow_1tl3n_325";
-const contentEditable = "_contentEditable_1tl3n_329";
-const sandpackWrapper = "_sandpackWrapper_1tl3n_337";
-const frontmatterWrapper = "_frontmatterWrapper_1tl3n_341";
-const frontmatterToggleButton = "_frontmatterToggleButton_1tl3n_351";
-const propertyPanelTitle = "_propertyPanelTitle_1tl3n_359";
-const propertyEditorTable = "_propertyEditorTable_1tl3n_367";
-const iconButton = "_iconButton_1tl3n_384";
-const readOnlyColumnCell = "_readOnlyColumnCell_1tl3n_389";
-const propertyEditorLabelCell = "_propertyEditorLabelCell_1tl3n_394";
-const buttonsFooter = "_buttonsFooter_1tl3n_402";
-const propertyEditorInput = "_propertyEditorInput_1tl3n_408";
-const primaryButton = "_primaryButton_1tl3n_423";
-const secondaryButton = "_secondaryButton_1tl3n_423";
-const linkDialogEditForm = "_linkDialogEditForm_1tl3n_439";
-const linkDialogInputContainer = "_linkDialogInputContainer_1tl3n_445";
-const linkDialogInputWrapper = "_linkDialogInputWrapper_1tl3n_451";
-const linkDialogInput = "_linkDialogInput_1tl3n_445";
-const linkDialogAutocompleteContainer = "_linkDialogAutocompleteContainer_1tl3n_481";
-const linkDialogAnchor = "_linkDialogAnchor_1tl3n_526";
-const linkDialogPopoverContent = "_linkDialogPopoverContent_1tl3n_540";
-const tableColumnEditorPopoverContent = "_tableColumnEditorPopoverContent_1tl3n_540";
-const dialogContent = "_dialogContent_1tl3n_540";
-const popoverContent = "_popoverContent_1tl3n_552";
-const popoverArrow = "_popoverArrow_1tl3n_563";
-const linkDialogPreviewAnchor = "_linkDialogPreviewAnchor_1tl3n_569";
-const tooltipContent = "_tooltipContent_1tl3n_591";
-const actionButton = "_actionButton_1tl3n_605";
-const primaryActionButton = "_primaryActionButton_1tl3n_611";
-const tableEditor = "_tableEditor_1tl3n_620";
-const toolCell = "_toolCell_1tl3n_631";
-const tableColumnEditorTrigger = "_tableColumnEditorTrigger_1tl3n_648";
-const tableRowEditorTrigger = "_tableRowEditorTrigger_1tl3n_648";
-const addRowButton = "_addRowButton_1tl3n_648";
-const addColumnButton = "_addColumnButton_1tl3n_648";
-const tableColumnEditorToolbar = "_tableColumnEditorToolbar_1tl3n_682";
-const toggleGroupRoot = "_toggleGroupRoot_1tl3n_694";
-const tableToolsColumn = "_tableToolsColumn_1tl3n_711";
-const leftAlignedCell = "_leftAlignedCell_1tl3n_719";
-const rightAlignedCell = "_rightAlignedCell_1tl3n_723";
-const centeredCell = "_centeredCell_1tl3n_727";
-const dialogOverlay = "_dialogOverlay_1tl3n_755";
-const overlayShow = "_overlayShow_1tl3n_1";
-const contentShow = "_contentShow_1tl3n_1";
-const focusedImage = "_focusedImage_1tl3n_797";
-const imageWrapper = "_imageWrapper_1tl3n_801";
-const inlineEditor = "_inlineEditor_1tl3n_812";
-const blockEditor = "_blockEditor_1tl3n_821";
-const nestedEditor = "_nestedEditor_1tl3n_830";
-const genericComponentName = "_genericComponentName_1tl3n_847";
-const diffSourceToggle = "_diffSourceToggle_1tl3n_853";
-const selectWithLabel = "_selectWithLabel_1tl3n_867";
-const toolbarTitleMode = "_toolbarTitleMode_1tl3n_881";
+const editorRoot = "_editorRoot_1i155_36";
+const dropZone = "_dropZone_1i155_130";
+const editorWrapper = "_editorWrapper_1i155_138";
+const nestedListItem = "_nestedListItem_1i155_142";
+const toolbarRoot = "_toolbarRoot_1i155_146";
+const toolbarModeSwitch = "_toolbarModeSwitch_1i155_170";
+const toolbarToggleItem = "_toolbarToggleItem_1i155_179";
+const toolbarGroupOfGroups = "_toolbarGroupOfGroups_1i155_189";
+const toolbarToggleSingleGroup = "_toolbarToggleSingleGroup_1i155_194";
+const toolbarButton = "_toolbarButton_1i155_208";
+const toolbarNodeKindSelectContainer = "_toolbarNodeKindSelectContainer_1i155_242";
+const toolbarButtonDropdownContainer = "_toolbarButtonDropdownContainer_1i155_243";
+const toolbarCodeBlockLanguageSelectContent = "_toolbarCodeBlockLanguageSelectContent_1i155_244";
+const selectContainer = "_selectContainer_1i155_245";
+const toolbarNodeKindSelectTrigger = "_toolbarNodeKindSelectTrigger_1i155_259";
+const toolbarButtonSelectTrigger = "_toolbarButtonSelectTrigger_1i155_260";
+const selectTrigger = "_selectTrigger_1i155_261";
+const toolbarCodeBlockLanguageSelectTrigger = "_toolbarCodeBlockLanguageSelectTrigger_1i155_294";
+const toolbarNodeKindSelectItem = "_toolbarNodeKindSelectItem_1i155_300";
+const selectItem = "_selectItem_1i155_301";
+const toolbarNodeKindSelectDropdownArrow = "_toolbarNodeKindSelectDropdownArrow_1i155_325";
+const selectDropdownArrow = "_selectDropdownArrow_1i155_326";
+const contentEditable = "_contentEditable_1i155_330";
+const sandpackWrapper = "_sandpackWrapper_1i155_338";
+const frontmatterWrapper = "_frontmatterWrapper_1i155_342";
+const frontmatterToggleButton = "_frontmatterToggleButton_1i155_352";
+const propertyPanelTitle = "_propertyPanelTitle_1i155_360";
+const propertyEditorTable = "_propertyEditorTable_1i155_368";
+const iconButton = "_iconButton_1i155_385";
+const readOnlyColumnCell = "_readOnlyColumnCell_1i155_390";
+const propertyEditorLabelCell = "_propertyEditorLabelCell_1i155_395";
+const buttonsFooter = "_buttonsFooter_1i155_403";
+const propertyEditorInput = "_propertyEditorInput_1i155_409";
+const primaryButton = "_primaryButton_1i155_424";
+const secondaryButton = "_secondaryButton_1i155_424";
+const linkDialogEditForm = "_linkDialogEditForm_1i155_440";
+const linkDialogInputContainer = "_linkDialogInputContainer_1i155_446";
+const linkDialogInputWrapper = "_linkDialogInputWrapper_1i155_452";
+const linkDialogInput = "_linkDialogInput_1i155_446";
+const linkDialogAutocompleteContainer = "_linkDialogAutocompleteContainer_1i155_482";
+const linkDialogAnchor = "_linkDialogAnchor_1i155_527";
+const linkDialogPopoverContent = "_linkDialogPopoverContent_1i155_541";
+const tableColumnEditorPopoverContent = "_tableColumnEditorPopoverContent_1i155_541";
+const dialogContent = "_dialogContent_1i155_541";
+const popoverContent = "_popoverContent_1i155_553";
+const popoverArrow = "_popoverArrow_1i155_564";
+const linkDialogPreviewAnchor = "_linkDialogPreviewAnchor_1i155_570";
+const tooltipContent = "_tooltipContent_1i155_592";
+const actionButton = "_actionButton_1i155_606";
+const primaryActionButton = "_primaryActionButton_1i155_612";
+const tableEditor = "_tableEditor_1i155_621";
+const toolCell = "_toolCell_1i155_632";
+const tableColumnEditorTrigger = "_tableColumnEditorTrigger_1i155_649";
+const tableRowEditorTrigger = "_tableRowEditorTrigger_1i155_649";
+const addRowButton = "_addRowButton_1i155_649";
+const addColumnButton = "_addColumnButton_1i155_649";
+const tableColumnEditorToolbar = "_tableColumnEditorToolbar_1i155_683";
+const toggleGroupRoot = "_toggleGroupRoot_1i155_695";
+const tableToolsColumn = "_tableToolsColumn_1i155_712";
+const leftAlignedCell = "_leftAlignedCell_1i155_720";
+const rightAlignedCell = "_rightAlignedCell_1i155_724";
+const centeredCell = "_centeredCell_1i155_728";
+const dialogOverlay = "_dialogOverlay_1i155_756";
+const overlayShow = "_overlayShow_1i155_1";
+const contentShow = "_contentShow_1i155_1";
+const focusedImage = "_focusedImage_1i155_798";
+const imageWrapper = "_imageWrapper_1i155_802";
+const inlineEditor = "_inlineEditor_1i155_814";
+const blockEditor = "_blockEditor_1i155_823";
+const nestedEditor = "_nestedEditor_1i155_832";
+const genericComponentName = "_genericComponentName_1i155_849";
+const diffSourceToggle = "_diffSourceToggle_1i155_855";
+const selectWithLabel = "_selectWithLabel_1i155_869";
+const toolbarTitleMode = "_toolbarTitleMode_1i155_883";
+const imageControlWrapperResizing = "_imageControlWrapperResizing_1i155_889";
+const imageResizer = "_imageResizer_1i155_893";
+const imageResizerN = "_imageResizerN_1i155_902";
+const imageResizerNe = "_imageResizerNe_1i155_908";
+const imageResizerE = "_imageResizerE_1i155_914";
+const imageResizerSe = "_imageResizerSe_1i155_920";
+const imageResizerS = "_imageResizerS_1i155_920";
+const imageResizerSw = "_imageResizerSw_1i155_932";
+const imageResizerW = "_imageResizerW_1i155_938";
+const imageResizerNw = "_imageResizerNw_1i155_944";
 const styles = {
   editorRoot,
   dropZone,
@@ -146,7 +156,17 @@ const styles = {
   genericComponentName,
   diffSourceToggle,
   selectWithLabel,
-  toolbarTitleMode
+  toolbarTitleMode,
+  imageControlWrapperResizing,
+  imageResizer,
+  imageResizerN,
+  imageResizerNe,
+  imageResizerE,
+  imageResizerSe,
+  imageResizerS,
+  imageResizerSw,
+  imageResizerW,
+  imageResizerNw
 };
 export {
   actionButton,
@@ -169,6 +189,16 @@ export {
   frontmatterWrapper,
   genericComponentName,
   iconButton,
+  imageControlWrapperResizing,
+  imageResizer,
+  imageResizerE,
+  imageResizerN,
+  imageResizerNe,
+  imageResizerNw,
+  imageResizerS,
+  imageResizerSe,
+  imageResizerSw,
+  imageResizerW,
   imageWrapper,
   inlineEditor,
   leftAlignedCell,

package/dist/utils/lexicalHelpers.js

@@ -33,8 +33,8 @@ function getSelectionRectangle(editor) {
       rect = domRange.getBoundingClientRect();
     }
     return {
-      top: rect.top + window.scrollY,
-      left: rect.left + window.scrollX,
+      top: rect.top,
+      left: rect.left,
       width: rect.width,
       height: rect.height
     };

package/package.json

@@ -9,7 +9,7 @@
   "private": false,
   "sideEffects": false,
   "type": "module",
-  "version": "0.10.0-alpha.1",
+  "version": "0.10.0-alpha.2",
   "description": "React component for rich text markdown editing",
   "scripts": {
     "build": "vite build",
@@ -37,6 +37,7 @@
   "dependencies": {
     "@codemirror/lang-markdown": "^6.1.1",
     "@codemirror/state": "^6.2.1",
+    "@codemirror/view": "6.15.3",
     "@codesandbox/sandpack-react": "^2.6.7",
     "@lexical/clipboard": "^0.11.1",
     "@lexical/code": "^0.11.1",