@mdxeditor/editor 0.4.0 → 0.4.2

package/dist/index.js

@@ -2932,59 +2932,59 @@ const SvgArrowDropDown$1 = (props) => /* @__PURE__ */ React.createElement("svg",
   maskType: "alpha"
 } }, /* @__PURE__ */ React.createElement("path", { d: "M0 0h24v24H0z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#a)" }, /* @__PURE__ */ React.createElement("path", { d: "m12 15-5-5h10l-5 5Z" })));
 const DropDownIcon = SvgArrowDropDown$1;
-const editorRoot = "_editorRoot_15boy_47";
-const editorWrapper = "_editorWrapper_15boy_141";
-const nestedListItem = "_nestedListItem_15boy_145";
-const toolbarRoot = "_toolbarRoot_15boy_149";
-const toolbarModeSwitch = "_toolbarModeSwitch_15boy_170";
-const toolbarToggleItem = "_toolbarToggleItem_15boy_179";
-const toolbarGroupOfGroups = "_toolbarGroupOfGroups_15boy_189";
-const toolbarToggleSingleGroup = "_toolbarToggleSingleGroup_15boy_193";
-const toolbarButton = "_toolbarButton_15boy_207";
-const toolbarNodeKindSelectContainer = "_toolbarNodeKindSelectContainer_15boy_236";
-const toolbarButtonDropdownContainer = "_toolbarButtonDropdownContainer_15boy_237";
-const toolbarCodeBlockLanguageSelectContent = "_toolbarCodeBlockLanguageSelectContent_15boy_238";
-const toolbarNodeKindSelectTrigger = "_toolbarNodeKindSelectTrigger_15boy_252";
-const toolbarButtonSelectTrigger = "_toolbarButtonSelectTrigger_15boy_253";
-const toolbarCodeBlockLanguageSelectTrigger = "_toolbarCodeBlockLanguageSelectTrigger_15boy_286";
-const toolbarNodeKindSelectItem = "_toolbarNodeKindSelectItem_15boy_292";
-const toolbarNodeKindSelectDropdownArrow = "_toolbarNodeKindSelectDropdownArrow_15boy_315";
-const contentEditable = "_contentEditable_15boy_319";
-const sandpackWrapper = "_sandpackWrapper_15boy_327";
-const frontmatterWrapper = "_frontmatterWrapper_15boy_331";
-const frontmatterToggleButton = "_frontmatterToggleButton_15boy_341";
-const frontmatterEditorTable = "_frontmatterEditorTable_15boy_349";
-const iconButton = "_iconButton_15boy_367";
-const frontmatterInput = "_frontmatterInput_15boy_373";
-const primaryButton = "_primaryButton_15boy_388";
-const linkDialogEditForm = "_linkDialogEditForm_15boy_398";
-const linkDialogInputContainer = "_linkDialogInputContainer_15boy_404";
-const linkDialogInputWrapper = "_linkDialogInputWrapper_15boy_410";
-const linkDialogInput = "_linkDialogInput_15boy_404";
-const linkDialogAutocompleteContainer = "_linkDialogAutocompleteContainer_15boy_440";
-const linkDialogAnchor = "_linkDialogAnchor_15boy_485";
-const linkDialogPopoverContent = "_linkDialogPopoverContent_15boy_499";
-const tableColumnEditorPopoverContent = "_tableColumnEditorPopoverContent_15boy_499";
-const dialogContent = "_dialogContent_15boy_499";
-const linkDialogPreviewAnchor = "_linkDialogPreviewAnchor_15boy_513";
-const tooltipContent = "_tooltipContent_15boy_535";
-const actionButton = "_actionButton_15boy_547";
-const primaryActionButton = "_primaryActionButton_15boy_553";
-const tableEditor = "_tableEditor_15boy_562";
-const toolCell = "_toolCell_15boy_573";
-const tableColumnEditorTrigger = "_tableColumnEditorTrigger_15boy_590";
-const tableRowEditorTrigger = "_tableRowEditorTrigger_15boy_590";
-const addRowButton = "_addRowButton_15boy_590";
-const addColumnButton = "_addColumnButton_15boy_590";
-const tableColumnEditorToolbar = "_tableColumnEditorToolbar_15boy_624";
-const toggleGroupRoot = "_toggleGroupRoot_15boy_636";
-const tableToolsColumn = "_tableToolsColumn_15boy_653";
-const leftAlignedCell = "_leftAlignedCell_15boy_661";
-const rightAlignedCell = "_rightAlignedCell_15boy_665";
-const centeredCell = "_centeredCell_15boy_669";
-const dialogOverlay = "_dialogOverlay_15boy_697";
-const overlayShow = "_overlayShow_15boy_1";
-const contentShow = "_contentShow_15boy_1";
+const editorRoot = "_editorRoot_gm91f_47";
+const editorWrapper = "_editorWrapper_gm91f_141";
+const nestedListItem = "_nestedListItem_gm91f_145";
+const toolbarRoot = "_toolbarRoot_gm91f_149";
+const toolbarModeSwitch = "_toolbarModeSwitch_gm91f_170";
+const toolbarToggleItem = "_toolbarToggleItem_gm91f_179";
+const toolbarGroupOfGroups = "_toolbarGroupOfGroups_gm91f_189";
+const toolbarToggleSingleGroup = "_toolbarToggleSingleGroup_gm91f_193";
+const toolbarButton = "_toolbarButton_gm91f_207";
+const toolbarNodeKindSelectContainer = "_toolbarNodeKindSelectContainer_gm91f_236";
+const toolbarButtonDropdownContainer = "_toolbarButtonDropdownContainer_gm91f_237";
+const toolbarCodeBlockLanguageSelectContent = "_toolbarCodeBlockLanguageSelectContent_gm91f_238";
+const toolbarNodeKindSelectTrigger = "_toolbarNodeKindSelectTrigger_gm91f_252";
+const toolbarButtonSelectTrigger = "_toolbarButtonSelectTrigger_gm91f_253";
+const toolbarCodeBlockLanguageSelectTrigger = "_toolbarCodeBlockLanguageSelectTrigger_gm91f_286";
+const toolbarNodeKindSelectItem = "_toolbarNodeKindSelectItem_gm91f_292";
+const toolbarNodeKindSelectDropdownArrow = "_toolbarNodeKindSelectDropdownArrow_gm91f_315";
+const contentEditable = "_contentEditable_gm91f_319";
+const sandpackWrapper = "_sandpackWrapper_gm91f_327";
+const frontmatterWrapper = "_frontmatterWrapper_gm91f_331";
+const frontmatterToggleButton = "_frontmatterToggleButton_gm91f_341";
+const frontmatterEditorTable = "_frontmatterEditorTable_gm91f_349";
+const iconButton = "_iconButton_gm91f_367";
+const frontmatterInput = "_frontmatterInput_gm91f_373";
+const primaryButton = "_primaryButton_gm91f_388";
+const linkDialogEditForm = "_linkDialogEditForm_gm91f_398";
+const linkDialogInputContainer = "_linkDialogInputContainer_gm91f_404";
+const linkDialogInputWrapper = "_linkDialogInputWrapper_gm91f_410";
+const linkDialogInput = "_linkDialogInput_gm91f_404";
+const linkDialogAutocompleteContainer = "_linkDialogAutocompleteContainer_gm91f_440";
+const linkDialogAnchor = "_linkDialogAnchor_gm91f_485";
+const linkDialogPopoverContent = "_linkDialogPopoverContent_gm91f_499";
+const tableColumnEditorPopoverContent = "_tableColumnEditorPopoverContent_gm91f_499";
+const dialogContent = "_dialogContent_gm91f_499";
+const linkDialogPreviewAnchor = "_linkDialogPreviewAnchor_gm91f_513";
+const tooltipContent = "_tooltipContent_gm91f_535";
+const actionButton = "_actionButton_gm91f_549";
+const primaryActionButton = "_primaryActionButton_gm91f_555";
+const tableEditor = "_tableEditor_gm91f_564";
+const toolCell = "_toolCell_gm91f_575";
+const tableColumnEditorTrigger = "_tableColumnEditorTrigger_gm91f_592";
+const tableRowEditorTrigger = "_tableRowEditorTrigger_gm91f_592";
+const addRowButton = "_addRowButton_gm91f_592";
+const addColumnButton = "_addColumnButton_gm91f_592";
+const tableColumnEditorToolbar = "_tableColumnEditorToolbar_gm91f_626";
+const toggleGroupRoot = "_toggleGroupRoot_gm91f_638";
+const tableToolsColumn = "_tableToolsColumn_gm91f_655";
+const leftAlignedCell = "_leftAlignedCell_gm91f_663";
+const rightAlignedCell = "_rightAlignedCell_gm91f_667";
+const centeredCell = "_centeredCell_gm91f_671";
+const dialogOverlay = "_dialogOverlay_gm91f_699";
+const overlayShow = "_overlayShow_gm91f_1";
+const contentShow = "_contentShow_gm91f_1";
 const styles = {
   editorRoot,
   editorWrapper,
@@ -3954,7 +3954,7 @@ const SourceEditor = () => {
 };
 const InstantTooltip = React__default.forwardRef(({ title, children }, ref) => {
   const [editorRootElementRef] = useEmitterValues("editorRootElementRef");
-  return /* @__PURE__ */ React__default.createElement(Tooltip.Provider, { delayDuration: 100 }, /* @__PURE__ */ React__default.createElement(Tooltip.Root, null, /* @__PURE__ */ React__default.createElement(Tooltip.Trigger, { ref, asChild: true }, children), /* @__PURE__ */ React__default.createElement(Tooltip.Portal, { container: editorRootElementRef == null ? void 0 : editorRootElementRef.current }, /* @__PURE__ */ React__default.createElement(Tooltip.Content, { className: classNames(styles.tooltipContent), sideOffset: 10 }, title))));
+  return /* @__PURE__ */ React__default.createElement(Tooltip.Provider, { delayDuration: 100 }, /* @__PURE__ */ React__default.createElement(Tooltip.Root, null, /* @__PURE__ */ React__default.createElement(Tooltip.Trigger, { ref, asChild: true }, /* @__PURE__ */ React__default.createElement("span", null, children)), /* @__PURE__ */ React__default.createElement(Tooltip.Portal, { container: editorRootElementRef == null ? void 0 : editorRootElementRef.current }, /* @__PURE__ */ React__default.createElement(Tooltip.Content, { className: classNames(styles.tooltipContent), sideOffset: 10 }, title))));
 });
 const SelectItem = React__default.forwardRef(
   ({ children, className, ...props }, forwardedRef) => {
@@ -4090,7 +4090,7 @@ const ImageButton = React__default.forwardRef((props, forwardedRef) => {
     },
     [insertImage]
   );
-  return /* @__PURE__ */ React__default.createElement(Dialog.Root, { open, onOpenChange: setOpen }, /* @__PURE__ */ React__default.createElement(Dialog.Trigger, { asChild: true }, /* @__PURE__ */ React__default.createElement(InstantTooltip, { title: "Insert image" }, /* @__PURE__ */ React__default.createElement(RadixToolbar.Button, { className: styles.toolbarButton, ...props, ref: forwardedRef }, /* @__PURE__ */ React__default.createElement(AddPhotoIcon, null)))), /* @__PURE__ */ React__default.createElement(Dialog.Portal, { container: editorRootElementRef.current }, /* @__PURE__ */ React__default.createElement(Dialog.Overlay, { className: styles.dialogOverlay }), /* @__PURE__ */ React__default.createElement(Dialog.Content, { className: styles.dialogContent }, /* @__PURE__ */ React__default.createElement(ImageForm, { initialUrl: "", onSubmit, imageAutocompleteSuggestions }))));
+  return /* @__PURE__ */ React__default.createElement(Dialog.Root, { open, onOpenChange: setOpen }, /* @__PURE__ */ React__default.createElement(Dialog.Trigger, { asChild: true }, /* @__PURE__ */ React__default.createElement(RadixToolbar.Button, { className: styles.toolbarButton, ...props, ref: forwardedRef }, /* @__PURE__ */ React__default.createElement(InstantTooltip, { title: "Insert image" }, /* @__PURE__ */ React__default.createElement(AddPhotoIcon, null)))), /* @__PURE__ */ React__default.createElement(Dialog.Portal, { container: editorRootElementRef.current }, /* @__PURE__ */ React__default.createElement(Dialog.Overlay, { className: styles.dialogOverlay }), /* @__PURE__ */ React__default.createElement(Dialog.Content, { className: styles.dialogContent }, /* @__PURE__ */ React__default.createElement(ImageForm, { initialUrl: "", onSubmit, imageAutocompleteSuggestions }))));
 });
 createCommand();
 const MAX_SUGGESTIONS = 20;
@@ -4166,13 +4166,13 @@ const ActionButton = React__default.forwardRef(({ className, ...props }, ref) =>
   return /* @__PURE__ */ React__default.createElement("button", { className: classNames(styles.actionButton, className), ref, ...props });
 });
 const ToggleItem = React__default.forwardRef(
-  ({ title, className: passedClassName, ...props }, forwardedRef) => {
-    return /* @__PURE__ */ React__default.createElement(InstantTooltip, { title }, /* @__PURE__ */ React__default.createElement(RadixToolbar.ToggleItem, { className: classNames(passedClassName, styles.toolbarToggleItem), ...props, ref: forwardedRef }));
+  ({ title, children, className: passedClassName, ...props }, forwardedRef) => {
+    return /* @__PURE__ */ React__default.createElement(RadixToolbar.ToggleItem, { className: classNames(passedClassName, styles.toolbarToggleItem), ...props, ref: forwardedRef }, /* @__PURE__ */ React__default.createElement(InstantTooltip, { title }, children));
   }
 );
 const ToolbarButton = React__default.forwardRef(
-  ({ title, ...props }, forwardedRef) => {
-    return /* @__PURE__ */ React__default.createElement(InstantTooltip, { title }, /* @__PURE__ */ React__default.createElement(RadixToolbar.Button, { className: styles.toolbarButton, ...props, ref: forwardedRef }));
+  ({ title, children, ...props }, forwardedRef) => {
+    return /* @__PURE__ */ React__default.createElement(RadixToolbar.Button, { className: styles.toolbarButton, ...props, ref: forwardedRef }, /* @__PURE__ */ React__default.createElement(InstantTooltip, { title }, children));
   }
 );
 const ToggleSingleGroup = React__default.forwardRef(
@@ -4278,8 +4278,7 @@ const ViewModeSwitch = () => {
       value: viewMode,
       className: styles.toolbarModeSwitch
     },
-    /* @__PURE__ */ React__default.createElement(RichTextIcon, null),
-    /* @__PURE__ */ React__default.createElement(ToggleItem, { value: "editor", "aria-label": "Rich text", title: "Rich text mode" }),
+    /* @__PURE__ */ React__default.createElement(ToggleItem, { value: "editor", "aria-label": "Rich text", title: "Rich text mode" }, /* @__PURE__ */ React__default.createElement(RichTextIcon, null)),
     /* @__PURE__ */ React__default.createElement(ToggleItem, { value: "diff", "aria-label": "View diff", title: "Diff mode" }, /* @__PURE__ */ React__default.createElement(DifferenceIcon, null)),
     /* @__PURE__ */ React__default.createElement(ToggleItem, { value: "markdown", "aria-label": "View Markdown", title: "Markdown source mode" }, /* @__PURE__ */ React__default.createElement(MarkdownIcon, null))
   );