@mdxeditor/editor 0.8.0 → 0.10.0-alpha.1

package/dist/styles/globals.css.js

@@ -0,0 +1,4 @@
+const globals = "";
+export {
+  globals as default
+};

package/dist/styles/lexical-theme.module.css.js

@@ -0,0 +1,53 @@
+const lightTheme = "_light-theme_13nbk_1";
+const darkTheme = "_dark-theme_13nbk_1";
+const bold = "_bold_13nbk_10";
+const italic = "_italic_13nbk_14";
+const underline = "_underline_13nbk_18";
+const strikethrough = "_strikethrough_13nbk_34";
+const underlineStrikethrough = "_underlineStrikethrough_13nbk_38";
+const subscript = "_subscript_13nbk_42";
+const superscript = "_superscript_13nbk_47";
+const code = "_code_13nbk_52";
+const nestedListItem = "_nestedListItem_13nbk_59";
+const admonitionDanger = "_admonitionDanger_13nbk_63";
+const admonitionInfo = "_admonitionInfo_13nbk_63";
+const admonitionNote = "_admonitionNote_13nbk_63";
+const admonitionTip = "_admonitionTip_13nbk_63";
+const admonitionCaution = "_admonitionCaution_13nbk_63";
+const styles = {
+  lightTheme,
+  darkTheme,
+  bold,
+  italic,
+  underline,
+  strikethrough,
+  underlineStrikethrough,
+  subscript,
+  superscript,
+  code,
+  nestedListItem,
+  admonitionDanger,
+  admonitionInfo,
+  admonitionNote,
+  admonitionTip,
+  admonitionCaution
+};
+export {
+  admonitionCaution,
+  admonitionDanger,
+  admonitionInfo,
+  admonitionNote,
+  admonitionTip,
+  bold,
+  code,
+  darkTheme,
+  styles as default,
+  italic,
+  lightTheme,
+  nestedListItem,
+  strikethrough,
+  subscript,
+  superscript,
+  underline,
+  underlineStrikethrough
+};

package/dist/styles/lexicalTheme.d.ts

@@ -0,0 +1,2 @@
+import { EditorThemeClasses } from 'lexical';
+export declare const lexicalTheme: EditorThemeClasses;

package/dist/styles/lexicalTheme.js

@@ -0,0 +1,28 @@
+import styles from "./lexical-theme.module.css.js";
+const lexicalTheme = {
+  text: {
+    bold: styles.bold,
+    italic: styles.italic,
+    underline: styles.underline,
+    code: styles.code,
+    strikethrough: styles.strikethrough,
+    subscript: styles.subscript,
+    superscript: styles.superscript,
+    underlineStrikethrough: styles.underlineStrikethrough
+  },
+  list: {
+    nested: {
+      listitem: styles.nestedListItem
+    }
+  },
+  admonition: {
+    danger: styles.admonitionDanger,
+    info: styles.admonitionInfo,
+    note: styles.admonitionNote,
+    tip: styles.admonitionTip,
+    caution: styles.admonitionCaution
+  }
+};
+export {
+  lexicalTheme
+};

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

@@ -0,0 +1,227 @@
+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 styles = {
+  editorRoot,
+  dropZone,
+  editorWrapper,
+  nestedListItem,
+  toolbarRoot,
+  toolbarModeSwitch,
+  toolbarToggleItem,
+  toolbarGroupOfGroups,
+  toolbarToggleSingleGroup,
+  toolbarButton,
+  toolbarNodeKindSelectContainer,
+  toolbarButtonDropdownContainer,
+  toolbarCodeBlockLanguageSelectContent,
+  selectContainer,
+  toolbarNodeKindSelectTrigger,
+  toolbarButtonSelectTrigger,
+  selectTrigger,
+  toolbarCodeBlockLanguageSelectTrigger,
+  toolbarNodeKindSelectItem,
+  selectItem,
+  toolbarNodeKindSelectDropdownArrow,
+  selectDropdownArrow,
+  contentEditable,
+  sandpackWrapper,
+  frontmatterWrapper,
+  frontmatterToggleButton,
+  propertyPanelTitle,
+  propertyEditorTable,
+  iconButton,
+  readOnlyColumnCell,
+  propertyEditorLabelCell,
+  buttonsFooter,
+  propertyEditorInput,
+  primaryButton,
+  secondaryButton,
+  linkDialogEditForm,
+  linkDialogInputContainer,
+  linkDialogInputWrapper,
+  linkDialogInput,
+  linkDialogAutocompleteContainer,
+  linkDialogAnchor,
+  linkDialogPopoverContent,
+  tableColumnEditorPopoverContent,
+  dialogContent,
+  popoverContent,
+  popoverArrow,
+  linkDialogPreviewAnchor,
+  tooltipContent,
+  actionButton,
+  primaryActionButton,
+  tableEditor,
+  toolCell,
+  tableColumnEditorTrigger,
+  tableRowEditorTrigger,
+  addRowButton,
+  addColumnButton,
+  tableColumnEditorToolbar,
+  toggleGroupRoot,
+  tableToolsColumn,
+  leftAlignedCell,
+  rightAlignedCell,
+  centeredCell,
+  dialogOverlay,
+  overlayShow,
+  contentShow,
+  focusedImage,
+  imageWrapper,
+  inlineEditor,
+  blockEditor,
+  nestedEditor,
+  genericComponentName,
+  diffSourceToggle,
+  selectWithLabel,
+  toolbarTitleMode
+};
+export {
+  actionButton,
+  addColumnButton,
+  addRowButton,
+  blockEditor,
+  buttonsFooter,
+  centeredCell,
+  contentEditable,
+  contentShow,
+  styles as default,
+  dialogContent,
+  dialogOverlay,
+  diffSourceToggle,
+  dropZone,
+  editorRoot,
+  editorWrapper,
+  focusedImage,
+  frontmatterToggleButton,
+  frontmatterWrapper,
+  genericComponentName,
+  iconButton,
+  imageWrapper,
+  inlineEditor,
+  leftAlignedCell,
+  linkDialogAnchor,
+  linkDialogAutocompleteContainer,
+  linkDialogEditForm,
+  linkDialogInput,
+  linkDialogInputContainer,
+  linkDialogInputWrapper,
+  linkDialogPopoverContent,
+  linkDialogPreviewAnchor,
+  nestedEditor,
+  nestedListItem,
+  overlayShow,
+  popoverArrow,
+  popoverContent,
+  primaryActionButton,
+  primaryButton,
+  propertyEditorInput,
+  propertyEditorLabelCell,
+  propertyEditorTable,
+  propertyPanelTitle,
+  readOnlyColumnCell,
+  rightAlignedCell,
+  sandpackWrapper,
+  secondaryButton,
+  selectContainer,
+  selectDropdownArrow,
+  selectItem,
+  selectTrigger,
+  selectWithLabel,
+  tableColumnEditorPopoverContent,
+  tableColumnEditorToolbar,
+  tableColumnEditorTrigger,
+  tableEditor,
+  tableRowEditorTrigger,
+  tableToolsColumn,
+  toggleGroupRoot,
+  toolCell,
+  toolbarButton,
+  toolbarButtonDropdownContainer,
+  toolbarButtonSelectTrigger,
+  toolbarCodeBlockLanguageSelectContent,
+  toolbarCodeBlockLanguageSelectTrigger,
+  toolbarGroupOfGroups,
+  toolbarModeSwitch,
+  toolbarNodeKindSelectContainer,
+  toolbarNodeKindSelectDropdownArrow,
+  toolbarNodeKindSelectItem,
+  toolbarNodeKindSelectTrigger,
+  toolbarRoot,
+  toolbarTitleMode,
+  toolbarToggleItem,
+  toolbarToggleSingleGroup,
+  tooltipContent
+};

package/dist/utils/detectMac.d.ts

@@ -0,0 +1,2 @@
+export declare const CAN_USE_DOM: boolean;
+export declare const IS_APPLE: boolean;

package/dist/utils/detectMac.js

@@ -0,0 +1,6 @@
+const CAN_USE_DOM = typeof window !== "undefined" && typeof window.document !== "undefined" && typeof window.document.createElement !== "undefined";
+const IS_APPLE = CAN_USE_DOM && /Mac|iPod|iPhone|iPad/.test(navigator.platform);
+export {
+  CAN_USE_DOM,
+  IS_APPLE
+};

package/dist/utils/fp.d.ts

@@ -0,0 +1,47 @@
+/**
+ * Utils includes a handful of functional utilities inspired by or taken from the [Ramda library](https://ramdajs.com/);
+ * Use these for your convenience - they are here so that urx is zero-dependency package.
+ * @packageDocumentation
+ */
+/** @internal */
+export interface Proc {
+    (): unknown;
+}
+/**
+ * Performs left to right composition of two functions.
+ */
+export declare function compose<I, A, R>(a: (arg: A) => R, b: (arg: I) => A): (arg: I) => R;
+/**
+ * Takes a value and applies a function to it.
+ */
+export declare function thrush<I, K>(arg: I, proc: (arg: I) => K): K;
+/**
+ * Takes a 2 argument function and partially applies the first argument.
+ */
+export declare function curry2to1<T, K, R>(proc: (arg1: T, arg2: K) => R, arg1: T): (arg2: K) => R;
+/**
+ * Takes a 1 argument function and returns a function which when called, executes it with the provided argument.
+ */
+export declare function curry1to0<T, R>(proc: (arg: T) => R, arg: T): () => R;
+/**
+ * Returns a function which extracts the property from from the passed object.
+ */
+export declare function prop<T extends Record<string, unknown>>(property: keyof T): (object: T) => T[keyof T];
+/**
+ * Calls callback with the first argument, and returns it.
+ */
+export declare function tap<T>(arg: T, proc: (arg: T) => unknown): T;
+/**
+ * Calls the passed function.
+ */
+export declare function call(proc: Proc): void;
+/**
+ * returns a function which when called always returns the passed value
+ */
+export declare function always<T>(value: T): () => T;
+/**
+ * returns a function which calls all passed functions in the passed order.
+ * joinProc does not pass arguments or collect return values.
+ */
+export declare function joinProc(...procs: Proc[]): () => void;
+export declare function noop(): void;

package/dist/utils/fp.js

@@ -0,0 +1,10 @@
+function tap(arg, proc) {
+  proc(arg);
+  return arg;
+}
+function noop() {
+}
+export {
+  noop,
+  tap
+};

package/dist/utils/isPartOftheEditorUI.d.ts

@@ -0,0 +1 @@
+export declare function isPartOftheEditorUI(element: HTMLElement | null, editorRoot: HTMLElement): boolean;

package/dist/utils/isPartOftheEditorUI.js

@@ -0,0 +1,12 @@
+function isPartOftheEditorUI(element, editorRoot) {
+  if (element === null || element === editorRoot) {
+    return false;
+  }
+  if (element.dataset["editorDialog"] !== void 0 || element.dataset["toolbarItem"] !== void 0 || element.dataset["editorDropdown"]) {
+    return true;
+  }
+  return isPartOftheEditorUI(element.parentElement, editorRoot);
+}
+export {
+  isPartOftheEditorUI
+};

package/dist/utils/lexicalHelpers.d.ts

@@ -0,0 +1,11 @@
+import { ElementNode, LexicalEditor, RangeSelection, TextNode } from 'lexical';
+import { ExportMarkdownFromLexicalOptions } from '../exportMarkdownFromLexical';
+export declare function fromWithinEditorRead<T>(editor: LexicalEditor, fn: () => T): T;
+export declare function getSelectedNode(selection: RangeSelection): TextNode | ElementNode;
+export declare function getSelectionRectangle(editor: LexicalEditor): {
+    top: number;
+    left: number;
+    width: number;
+    height: number;
+} | null;
+export declare function getStateAsMarkdown(editor: LexicalEditor, exportParams: Omit<ExportMarkdownFromLexicalOptions, 'root'>): string;

package/dist/utils/lexicalHelpers.js

@@ -0,0 +1,49 @@
+import { $getSelection } from "lexical";
+import { $isAtNodeEnd } from "@lexical/selection";
+function getSelectedNode(selection) {
+  const anchor = selection.anchor;
+  const focus = selection.focus;
+  const anchorNode = selection.anchor.getNode();
+  const focusNode = selection.focus.getNode();
+  if (anchorNode === focusNode) {
+    return anchorNode;
+  }
+  const isBackward = selection.isBackward();
+  if (isBackward) {
+    return $isAtNodeEnd(focus) ? anchorNode : focusNode;
+  } else {
+    return $isAtNodeEnd(anchor) ? anchorNode : focusNode;
+  }
+}
+function getSelectionRectangle(editor) {
+  const selection = $getSelection();
+  const nativeSelection = window.getSelection();
+  const activeElement = document.activeElement;
+  const rootElement = editor.getRootElement();
+  if (selection !== null && nativeSelection !== null && rootElement !== null && rootElement.contains(nativeSelection.anchorNode) && editor.isEditable()) {
+    const domRange = nativeSelection.getRangeAt(0);
+    let rect;
+    if (nativeSelection.anchorNode === rootElement) {
+      let inner = rootElement;
+      while (inner.firstElementChild != null) {
+        inner = inner.firstElementChild;
+      }
+      rect = inner.getBoundingClientRect();
+    } else {
+      rect = domRange.getBoundingClientRect();
+    }
+    return {
+      top: rect.top + window.scrollY,
+      left: rect.left + window.scrollX,
+      width: rect.width,
+      height: rect.height
+    };
+  } else if (!activeElement || activeElement.className !== "link-input") {
+    return null;
+  }
+  return null;
+}
+export {
+  getSelectedNode,
+  getSelectionRectangle
+};

package/dist/utils/uuid4.d.ts

@@ -0,0 +1 @@
+export declare function uuidv4(): string;

package/dist/utils/uuid4.js

@@ -0,0 +1,10 @@
+function uuidv4() {
+  const hex = [...Array(256).keys()].map((index) => index.toString(16).padStart(2, "0"));
+  const r = crypto.getRandomValues(new Uint8Array(16));
+  r[6] = r[6] & 15 | 64;
+  r[8] = r[8] & 63 | 128;
+  return [...r.entries()].map(([index, int]) => [4, 6, 8, 10].includes(index) ? `-${hex[int]}` : hex[int]).join("");
+}
+export {
+  uuidv4
+};

package/dist/utils/voidEmitter.d.ts

@@ -0,0 +1,14 @@
+/**
+ * An emitter object that has a single subscription that will be executed.
+ * The construct is used so that the lexical nodes can focus their React component editors.
+ */
+export type VoidEmitter = {
+    /**
+     * Subscribes to the emitter event
+     */
+    subscribe: (cb: () => void) => void;
+};
+export declare function voidEmitter(): {
+    publish: () => void;
+    subscribe: (cb: () => void) => void;
+};

package/dist/utils/voidEmitter.js

@@ -0,0 +1,15 @@
+import { noop } from "./fp.js";
+function voidEmitter() {
+  let subscription = noop;
+  return {
+    publish: () => {
+      subscription();
+    },
+    subscribe: (cb) => {
+      subscription = cb;
+    }
+  };
+}
+export {
+  voidEmitter
+};