@modusoperandi/licit 0.13.1 → 0.13.2

package/src/DocLayoutCommand.js

@@ -1,94 +1,94 @@
-// @flow
-
-import { Schema } from 'prosemirror-model';
-import { EditorState } from 'prosemirror-state';
-import { Transform } from 'prosemirror-transform';
-import { EditorView } from 'prosemirror-view';
-
-import { SetDocAttrStep } from '@modusoperandi/licit-doc-attrs-step';
-import DocLayoutEditor from './ui/DocLayoutEditor';
-import { UICommand } from '@modusoperandi/licit-doc-attrs-step';
-import createPopUp from './ui/createPopUp';
-
-import type { DocLayoutEditorValue } from './ui/DocLayoutEditor';
-
-function setDocLayout(
-  tr: Transform,
-  schema: Schema,
-  width: ?number,
-  layout: ?string
-): Transform {
-  const { doc } = tr;
-  if (!doc) {
-    return tr;
-  }
-
-  tr = tr.step(new SetDocAttrStep('width', width || null));
-  tr = tr.step(new SetDocAttrStep('layout', layout || null));
-  return tr;
-}
-
-class DocLayoutCommand extends UICommand {
-  _popUp = null;
-
-  isEnabled = (state: EditorState): boolean => {
-    return true;
-  };
-
-  isActive = (state: EditorState): boolean => {
-    return !!this._popUp;
-  };
-
-  waitForUserInput = (
-    state: EditorState,
-    dispatch: ?(tr: Transform) => void,
-    view: ?EditorView,
-    event: ?SyntheticEvent<>
-  ): Promise<any> => {
-    if (this._popUp) {
-      return Promise.resolve(undefined);
-    }
-
-    const { doc } = state;
-
-    return new Promise((resolve) => {
-      const props = {
-        initialValue: doc.attrs,
-      };
-      this._popUp = createPopUp(DocLayoutEditor, props, {
-        modal: true,
-        onClose: (val) => {
-          if (this._popUp) {
-            this._popUp = null;
-            resolve(val);
-          }
-        },
-      });
-    });
-  };
-
-  executeWithUserInput = (
-    state: EditorState,
-    dispatch: ?(tr: Transform) => void,
-    view: ?EditorView,
-    inputs: ?DocLayoutEditorValue
-  ): boolean => {
-    if (dispatch) {
-      const { selection, schema } = state;
-      let { tr } = state;
-      // tr = view ? hideCursorPlaceholder(view.state) : tr;
-      tr = tr.setSelection(selection);
-
-      if (inputs) {
-        const { width, layout } = inputs;
-        tr = setDocLayout(tr, schema, width, layout);
-      }
-      dispatch(tr);
-      view && view.focus();
-    }
-
-    return false;
-  };
-}
-
-export default DocLayoutCommand;
+// @flow
+
+import { Schema } from 'prosemirror-model';
+import { EditorState } from 'prosemirror-state';
+import { Transform } from 'prosemirror-transform';
+import { EditorView } from 'prosemirror-view';
+
+import { SetDocAttrStep } from '@modusoperandi/licit-doc-attrs-step';
+import DocLayoutEditor from './ui/DocLayoutEditor';
+import { UICommand } from '@modusoperandi/licit-doc-attrs-step';
+import { createPopUp } from '@modusoperandi/licit-ui-commands';
+
+import type { DocLayoutEditorValue } from './ui/DocLayoutEditor';
+
+function setDocLayout(
+  tr: Transform,
+  schema: Schema,
+  width: ?number,
+  layout: ?string
+): Transform {
+  const { doc } = tr;
+  if (!doc) {
+    return tr;
+  }
+
+  tr = tr.step(new SetDocAttrStep('width', width || null));
+  tr = tr.step(new SetDocAttrStep('layout', layout || null));
+  return tr;
+}
+
+class DocLayoutCommand extends UICommand {
+  _popUp = null;
+
+  isEnabled = (state: EditorState): boolean => {
+    return true;
+  };
+
+  isActive = (state: EditorState): boolean => {
+    return !!this._popUp;
+  };
+
+  waitForUserInput = (
+    state: EditorState,
+    dispatch: ?(tr: Transform) => void,
+    view: ?EditorView,
+    event: ?SyntheticEvent<>
+  ): Promise<any> => {
+    if (this._popUp) {
+      return Promise.resolve(undefined);
+    }
+
+    const { doc } = state;
+
+    return new Promise((resolve) => {
+      const props = {
+        initialValue: doc.attrs,
+      };
+      this._popUp = createPopUp(DocLayoutEditor, props, {
+        modal: true,
+        onClose: (val) => {
+          if (this._popUp) {
+            this._popUp = null;
+            resolve(val);
+          }
+        },
+      });
+    });
+  };
+
+  executeWithUserInput = (
+    state: EditorState,
+    dispatch: ?(tr: Transform) => void,
+    view: ?EditorView,
+    inputs: ?DocLayoutEditorValue
+  ): boolean => {
+    if (dispatch) {
+      const { selection, schema } = state;
+      let { tr } = state;
+      // tr = view ? hideCursorPlaceholder(view.state) : tr;
+      tr = tr.setSelection(selection);
+
+      if (inputs) {
+        const { width, layout } = inputs;
+        tr = setDocLayout(tr, schema, width, layout);
+      }
+      dispatch(tr);
+      view && view.focus();
+    }
+
+    return false;
+  };
+}
+
+export default DocLayoutCommand;

package/src/DocNodeSpec.js

@@ -1,64 +1,64 @@
-// @flow
-
-import convertToCSSPTValue from './convertToCSSPTValue';
-
-export const LAYOUT = {
-  DESKTOP_SCREEN_4_3: 'desktop_screen_4_3',
-  DESKTOP_SCREEN_16_9: 'desktop_screen_16_9',
-  US_LETTER_LANDSCAPE: 'us_letter_landscape',
-  US_LETTER_PORTRAIT: 'us_letter_portrait',
-  A4_LANDSCAPE: 'a4_landscape',
-  A4_PORTRAIT: 'a4_portrait',
-};
-
-export const ATTRIBUTE_LAYOUT = 'data-layout';
-
-export function getAttrs(el: HTMLElement): Object {
-  const attrs: Object = {
-    layout: null,
-    width: null,
-    padding: null,
-  };
-
-  const { width, maxWidth, padding } = el.style || {};
-  const ww = convertToCSSPTValue(width) || convertToCSSPTValue(maxWidth);
-  const pp = convertToCSSPTValue(padding);
-  if (ww) {
-    // 1pt = 1/72in
-    // letter size: 8.5in x 11inch
-    const ptWidth = ww + pp * 2;
-    const inWidth = ptWidth / 72;
-    const cmWidth = inWidth * 2.54;
-    if (inWidth >= 10.9 && inWidth <= 11.1) {
-      // Round up to letter size.
-      attrs.layout = LAYOUT.US_LETTER_LANDSCAPE;
-    } else if (inWidth >= 8.4 && inWidth <= 8.6) {
-      // Round up to letter size.
-      attrs.layout = LAYOUT.US_LETTER_PORTRAIT;
-    } else if (cmWidth >= 29.5 && cmWidth <= 30.1) {
-      attrs.layout = LAYOUT.A4_LANDSCAPE;
-    } else if (cmWidth >= 20.5 && cmWidth <= 21.5) {
-      attrs.layout = LAYOUT.A4_PORTRAIT;
-    } else {
-      attrs.width = ptWidth;
-      if (pp) {
-        attrs.padding = pp;
-      }
-    }
-  }
-
-  return attrs;
-}
-
-const DocNodeSpec = {
-  attrs: {
-    layout: { default: null },
-    padding: { default: null },
-    width: { default: null },
-    // [FS] IRAD-1202 2021-02-15
-    // Counter flags for Numbering
-    counterFlags: { default: null },
-  },
-  content: 'block+',
-};
-export default DocNodeSpec;
+// @flow
+
+import convertToCSSPTValue from './convertToCSSPTValue';
+
+export const LAYOUT = {
+  DESKTOP_SCREEN_4_3: 'desktop_screen_4_3',
+  DESKTOP_SCREEN_16_9: 'desktop_screen_16_9',
+  US_LETTER_LANDSCAPE: 'us_letter_landscape',
+  US_LETTER_PORTRAIT: 'us_letter_portrait',
+  A4_LANDSCAPE: 'a4_landscape',
+  A4_PORTRAIT: 'a4_portrait',
+};
+
+export const ATTRIBUTE_LAYOUT = 'data-layout';
+
+export function getAttrs(el: HTMLElement): Object {
+  const attrs: Object = {
+    layout: null,
+    width: null,
+    padding: null,
+  };
+
+  const { width, maxWidth, padding } = el.style || {};
+  const ww = convertToCSSPTValue(width) || convertToCSSPTValue(maxWidth);
+  const pp = convertToCSSPTValue(padding);
+  if (ww) {
+    // 1pt = 1/72in
+    // letter size: 8.5in x 11inch
+    const ptWidth = ww + pp * 2;
+    const inWidth = ptWidth / 72;
+    const cmWidth = inWidth * 2.54;
+    if (inWidth >= 10.9 && inWidth <= 11.1) {
+      // Round up to letter size.
+      attrs.layout = LAYOUT.US_LETTER_LANDSCAPE;
+    } else if (inWidth >= 8.4 && inWidth <= 8.6) {
+      // Round up to letter size.
+      attrs.layout = LAYOUT.US_LETTER_PORTRAIT;
+    } else if (cmWidth >= 29.5 && cmWidth <= 30.1) {
+      attrs.layout = LAYOUT.A4_LANDSCAPE;
+    } else if (cmWidth >= 20.5 && cmWidth <= 21.5) {
+      attrs.layout = LAYOUT.A4_PORTRAIT;
+    } else {
+      attrs.width = ptWidth;
+      if (pp) {
+        attrs.padding = pp;
+      }
+    }
+  }
+
+  return attrs;
+}
+
+const DocNodeSpec = {
+  attrs: {
+    layout: { default: null },
+    padding: { default: null },
+    width: { default: null },
+    // [FS] IRAD-1202 2021-02-15
+    // Counter flags for Numbering
+    counterFlags: { default: null },
+  },
+  content: 'block+',
+};
+export default DocNodeSpec;

package/src/EMMarkSpec.js

@@ -1,14 +1,14 @@
-// @flow
-
-import type { MarkSpec } from './Types';
-
-const EM_DOM = ['em', 0];
-
-const EMMarkSpec: MarkSpec = {
-  parseDOM: [{ tag: 'i' }, { tag: 'em' }, { style: 'font-style=italic' }],
-  toDOM() {
-    return EM_DOM;
-  },
-};
-
-export default EMMarkSpec;
+// @flow
+
+import type { MarkSpec } from './Types';
+
+const EM_DOM = ['em', 0];
+
+const EMMarkSpec: MarkSpec = {
+  parseDOM: [{ tag: 'i' }, { tag: 'em' }, { style: 'font-style=italic' }],
+  toDOM() {
+    return EM_DOM;
+  },
+};
+
+export default EMMarkSpec;

package/src/EditorCommands.js

@@ -1,128 +1,128 @@
-// @flow
-
-import * as ProsemirrorTables from 'prosemirror-tables';
-// [FS][07-MAY-2020][IRAD-956]
-// import BlockquoteInsertNewLineCommand from './BlockquoteInsertNewLineCommand';
-// import BlockquoteToggleCommand from './BlockquoteToggleCommand';
-import DocLayoutCommand from './DocLayoutCommand';
-import HeadingCommand from './HeadingCommand';
-import HistoryRedoCommand from './HistoryRedoCommand';
-import HistoryUndoCommand from './HistoryUndoCommand';
-import HorizontalRuleCommand from './HorizontalRuleCommand';
-import ImageFromURLCommand from './ImageFromURLCommand';
-import ImageUploadCommand from './ImageUploadCommand';
-import IndentCommand from './IndentCommand';
-import LinkSetURLCommand from './LinkSetURLCommand';
-import ListItemInsertNewLineCommand from './ListItemInsertNewLineCommand';
-import ListItemMergeCommand from './ListItemMergeCommand';
-import ListSplitCommand from './ListSplitCommand';
-import { ListToggleCommand } from './ListToggleCommand';
-import * as MarkNames from './MarkNames';
-import MarkToggleCommand from './MarkToggleCommand';
-import MarksClearCommand from './MarksClearCommand';
-import MathEditCommand from './MathEditCommand';
-import PrintCommand from './PrintCommand';
-import TableBackgroundColorCommand from './TableBackgroundColorCommand';
-import TableBorderColorCommand from './TableBorderColorCommand';
-import TableInsertCommand from './TableInsertCommand';
-import TableMergeCellsCommand from './TableMergeCellsCommand';
-import TextAlignCommand from './TextAlignCommand';
-import TextColorCommand from './TextColorCommand';
-import TextHighlightCommand from './TextHighlightCommand';
-import TextInsertTabSpaceCommand from './TextInsertTabSpaceCommand';
-import TextLineSpacingCommand from './TextLineSpacingCommand';
-import createCommand from './createCommand';
-
-const {
-  addColumnAfter,
-  addColumnBefore,
-  addRowAfter,
-  addRowBefore,
-  // columnResizing,
-  deleteColumn,
-  deleteRow,
-  deleteTable,
-  // fixTables,
-  goToNextCell,
-  // mergeCells,
-  // setCellAttr,
-  splitCell,
-  // tableEditing,
-  // tableNodes,
-  toggleHeaderCell,
-  toggleHeaderColumn,
-  toggleHeaderRow,
-} = ProsemirrorTables;
-
-const {
-  MARK_STRONG,
-  MARK_EM,
-  MARK_STRIKE,
-  MARK_SUPER,
-  MARK_SUB,
-  MARK_UNDERLINE,
-} = MarkNames;
-
-// Note that Firefox will, by default, add various kinds of controls to
-// editable tables, even though those don't work in ProseMirror. The only way
-// to turn these off is globally, which you might want to do with the
-// following code:
-document.execCommand('enableObjectResizing', false, 'false');
-document.execCommand('enableInlineTableEditing', false, 'false');
-// [FS][07-MAY-2020][IRAD-956]
-//  export const BLOCKQUOTE_TOGGLE = new BlockquoteToggleCommand();
-//  export const BLOCKQUOTE_INSERT_NEW_LINE = new BlockquoteInsertNewLineCommand();
-export const CLEAR_FORMAT = new MarksClearCommand();
-export const DOC_LAYOUT = new DocLayoutCommand();
-export const EM = new MarkToggleCommand(MARK_EM);
-export const H1 = new HeadingCommand(1);
-export const H2 = new HeadingCommand(2);
-export const H3 = new HeadingCommand(3);
-export const H4 = new HeadingCommand(4);
-export const H5 = new HeadingCommand(5);
-export const H6 = new HeadingCommand(6);
-export const HISTORY_REDO = new HistoryRedoCommand();
-export const HISTORY_UNDO = new HistoryUndoCommand();
-export const HR = new HorizontalRuleCommand();
-export const IMAGE_FROM_URL = new ImageFromURLCommand();
-export const IMAGE_UPLOAD = new ImageUploadCommand();
-export const INDENT_LESS = new IndentCommand(-1);
-export const INDENT_MORE = new IndentCommand(1);
-export const LINK_SET_URL = new LinkSetURLCommand();
-export const LIST_ITEM_INSERT_NEW_LINE = new ListItemInsertNewLineCommand();
-export const LIST_ITEM_MERGE_DOWN = new ListItemMergeCommand('down');
-export const LIST_ITEM_MERGE_UP = new ListItemMergeCommand('up');
-export const LIST_SPLIT = new ListSplitCommand();
-export const MATH_EDIT = new MathEditCommand();
-export const PRINT = new PrintCommand();
-export const STRIKE = new MarkToggleCommand(MARK_STRIKE);
-export const STRONG = new MarkToggleCommand(MARK_STRONG);
-export const SUPER = new MarkToggleCommand(MARK_SUPER);
-export const SUB = new MarkToggleCommand(MARK_SUB);
-export const TABLE_ADD_COLUMN_AFTER = createCommand(addColumnAfter);
-export const TABLE_ADD_COLUMN_BEFORE = createCommand(addColumnBefore);
-export const TABLE_ADD_ROW_AFTER = createCommand(addRowAfter);
-export const TABLE_ADD_ROW_BEFORE = createCommand(addRowBefore);
-export const TABLE_BACKGROUND_COLOR = new TableBackgroundColorCommand();
-export const TABLE_BORDER_COLOR = new TableBorderColorCommand();
-export const TABLE_DELETE_COLUMN = createCommand(deleteColumn);
-export const TABLE_DELETE_ROW = createCommand(deleteRow);
-export const TABLE_DELETE_TABLE = createCommand(deleteTable);
-export const TABLE_INSERT_TABLE = new TableInsertCommand();
-export const TABLE_MERGE_CELLS = new TableMergeCellsCommand();
-export const TABLE_MOVE_TO_NEXT_CELL = createCommand(goToNextCell(1));
-export const TABLE_MOVE_TO_PREV_CELL = createCommand(goToNextCell(-1));
-export const TABLE_SPLIT_ROW = createCommand(splitCell);
-export const TABLE_TOGGLE_HEADER_CELL = createCommand(toggleHeaderCell);
-export const TABLE_TOGGLE_HEADER_COLUMN = createCommand(toggleHeaderColumn);
-export const TABLE_TOGGLE_HEADER_ROW = createCommand(toggleHeaderRow);
-export const TEXT_ALIGN_CENTER = new TextAlignCommand('center');
-export const TEXT_ALIGN_JUSTIFY = new TextAlignCommand('justify');
-export const TEXT_ALIGN_LEFT = new TextAlignCommand('left');
-export const TEXT_ALIGN_RIGHT = new TextAlignCommand('right');
-export const TEXT_COLOR = new TextColorCommand();
-export const TEXT_HIGHLIGHT = new TextHighlightCommand();
-export const TEXT_INSERT_TAB_SPACE = new TextInsertTabSpaceCommand();
-export const TEXT_LINE_SPACINGS = TextLineSpacingCommand.createGroup();
-export const UL = new ListToggleCommand(false, '');
-export const UNDERLINE = new MarkToggleCommand(MARK_UNDERLINE);
+// @flow
+
+import * as ProsemirrorTables from 'prosemirror-tables';
+// [FS][07-MAY-2020][IRAD-956]
+// import BlockquoteInsertNewLineCommand from './BlockquoteInsertNewLineCommand';
+// import BlockquoteToggleCommand from './BlockquoteToggleCommand';
+import DocLayoutCommand from './DocLayoutCommand';
+import { HeadingCommand } from '@modusoperandi/licit-ui-commands';
+import HistoryRedoCommand from './HistoryRedoCommand';
+import HistoryUndoCommand from './HistoryUndoCommand';
+import HorizontalRuleCommand from './HorizontalRuleCommand';
+import ImageFromURLCommand from './ImageFromURLCommand';
+import ImageUploadCommand from './ImageUploadCommand';
+import { IndentCommand } from '@modusoperandi/licit-ui-commands';
+import LinkSetURLCommand from './LinkSetURLCommand';
+import ListItemInsertNewLineCommand from './ListItemInsertNewLineCommand';
+import ListItemMergeCommand from './ListItemMergeCommand';
+import ListSplitCommand from './ListSplitCommand';
+import { ListToggleCommand } from './ListToggleCommand';
+import * as MarkNames from './MarkNames';
+import { MarkToggleCommand } from '@modusoperandi/licit-ui-commands';
+import MarksClearCommand from './MarksClearCommand';
+import MathEditCommand from './MathEditCommand';
+import PrintCommand from './PrintCommand';
+import TableBackgroundColorCommand from './TableBackgroundColorCommand';
+import TableBorderColorCommand from './TableBorderColorCommand';
+import TableInsertCommand from './TableInsertCommand';
+import TableMergeCellsCommand from './TableMergeCellsCommand';
+import { TextAlignCommand } from '@modusoperandi/licit-ui-commands';
+import { TextColorCommand } from '@modusoperandi/licit-ui-commands';
+import { TextHighlightCommand } from '@modusoperandi/licit-ui-commands';
+import TextInsertTabSpaceCommand from './TextInsertTabSpaceCommand';
+import { TextLineSpacingCommand } from '@modusoperandi/licit-ui-commands';
+import createCommand from './createCommand';
+
+const {
+  addColumnAfter,
+  addColumnBefore,
+  addRowAfter,
+  addRowBefore,
+  // columnResizing,
+  deleteColumn,
+  deleteRow,
+  deleteTable,
+  // fixTables,
+  goToNextCell,
+  // mergeCells,
+  // setCellAttr,
+  splitCell,
+  // tableEditing,
+  // tableNodes,
+  toggleHeaderCell,
+  toggleHeaderColumn,
+  toggleHeaderRow,
+} = ProsemirrorTables;
+
+const {
+  MARK_STRONG,
+  MARK_EM,
+  MARK_STRIKE,
+  MARK_SUPER,
+  MARK_SUB,
+  MARK_UNDERLINE,
+} = MarkNames;
+
+// Note that Firefox will, by default, add various kinds of controls to
+// editable tables, even though those don't work in ProseMirror. The only way
+// to turn these off is globally, which you might want to do with the
+// following code:
+document.execCommand('enableObjectResizing', false, 'false');
+document.execCommand('enableInlineTableEditing', false, 'false');
+// [FS][07-MAY-2020][IRAD-956]
+//  export const BLOCKQUOTE_TOGGLE = new BlockquoteToggleCommand();
+//  export const BLOCKQUOTE_INSERT_NEW_LINE = new BlockquoteInsertNewLineCommand();
+export const CLEAR_FORMAT = new MarksClearCommand();
+export const DOC_LAYOUT = new DocLayoutCommand();
+export const EM = new MarkToggleCommand(MARK_EM);
+export const H1 = new HeadingCommand(1);
+export const H2 = new HeadingCommand(2);
+export const H3 = new HeadingCommand(3);
+export const H4 = new HeadingCommand(4);
+export const H5 = new HeadingCommand(5);
+export const H6 = new HeadingCommand(6);
+export const HISTORY_REDO = new HistoryRedoCommand();
+export const HISTORY_UNDO = new HistoryUndoCommand();
+export const HR = new HorizontalRuleCommand();
+export const IMAGE_FROM_URL = new ImageFromURLCommand();
+export const IMAGE_UPLOAD = new ImageUploadCommand();
+export const INDENT_LESS = new IndentCommand(-1);
+export const INDENT_MORE = new IndentCommand(1);
+export const LINK_SET_URL = new LinkSetURLCommand();
+export const LIST_ITEM_INSERT_NEW_LINE = new ListItemInsertNewLineCommand();
+export const LIST_ITEM_MERGE_DOWN = new ListItemMergeCommand('down');
+export const LIST_ITEM_MERGE_UP = new ListItemMergeCommand('up');
+export const LIST_SPLIT = new ListSplitCommand();
+export const MATH_EDIT = new MathEditCommand();
+export const PRINT = new PrintCommand();
+export const STRIKE = new MarkToggleCommand(MARK_STRIKE);
+export const STRONG = new MarkToggleCommand(MARK_STRONG);
+export const SUPER = new MarkToggleCommand(MARK_SUPER);
+export const SUB = new MarkToggleCommand(MARK_SUB);
+export const TABLE_ADD_COLUMN_AFTER = createCommand(addColumnAfter);
+export const TABLE_ADD_COLUMN_BEFORE = createCommand(addColumnBefore);
+export const TABLE_ADD_ROW_AFTER = createCommand(addRowAfter);
+export const TABLE_ADD_ROW_BEFORE = createCommand(addRowBefore);
+export const TABLE_BACKGROUND_COLOR = new TableBackgroundColorCommand();
+export const TABLE_BORDER_COLOR = new TableBorderColorCommand();
+export const TABLE_DELETE_COLUMN = createCommand(deleteColumn);
+export const TABLE_DELETE_ROW = createCommand(deleteRow);
+export const TABLE_DELETE_TABLE = createCommand(deleteTable);
+export const TABLE_INSERT_TABLE = new TableInsertCommand();
+export const TABLE_MERGE_CELLS = new TableMergeCellsCommand();
+export const TABLE_MOVE_TO_NEXT_CELL = createCommand(goToNextCell(1));
+export const TABLE_MOVE_TO_PREV_CELL = createCommand(goToNextCell(-1));
+export const TABLE_SPLIT_ROW = createCommand(splitCell);
+export const TABLE_TOGGLE_HEADER_CELL = createCommand(toggleHeaderCell);
+export const TABLE_TOGGLE_HEADER_COLUMN = createCommand(toggleHeaderColumn);
+export const TABLE_TOGGLE_HEADER_ROW = createCommand(toggleHeaderRow);
+export const TEXT_ALIGN_CENTER = new TextAlignCommand('center');
+export const TEXT_ALIGN_JUSTIFY = new TextAlignCommand('justify');
+export const TEXT_ALIGN_LEFT = new TextAlignCommand('left');
+export const TEXT_ALIGN_RIGHT = new TextAlignCommand('right');
+export const TEXT_COLOR = new TextColorCommand();
+export const TEXT_HIGHLIGHT = new TextHighlightCommand();
+export const TEXT_INSERT_TAB_SPACE = new TextInsertTabSpaceCommand();
+export const TEXT_LINE_SPACINGS = TextLineSpacingCommand.createGroup();
+export const UL = new ListToggleCommand(false, '');
+export const UNDERLINE = new MarkToggleCommand(MARK_UNDERLINE);