@modusoperandi/licit 0.1.7 → 0.1.8

package/src/SelectionPlaceholderPlugin.js

@@ -1,131 +1,131 @@
-// @flow
-
-import { EditorState, Plugin, PluginKey } from 'prosemirror-state';
-import { Transform } from 'prosemirror-transform';
-import { Decoration, DecorationSet } from 'prosemirror-view';
-
-import './ui/czi-selection-placeholder.css';
-
-const PLACE_HOLDER_ID = { name: 'SelectionPlaceholderPlugin' };
-
-let singletonInstance = null;
-
-// https://prosemirror.net/examples/upload/
-const SPEC = {
-  // [FS] IRAD-1005 2020-07-07
-  // Upgrade outdated packages.
-  key: new PluginKey('SelectionPlaceholderPlugin'),
-  state: {
-    init() {
-      return DecorationSet.empty;
-    },
-
-    apply(tr, set) {
-      set = set.map(tr.mapping, tr.doc);
-      const action = tr.getMeta(this);
-
-      if (!action) {
-        return set;
-      }
-
-      if (action.add) {
-        const deco = Decoration.inline(
-          action.add.from,
-          action.add.to,
-          {
-            class: 'czi-selection-placeholder',
-          },
-          {
-            id: PLACE_HOLDER_ID,
-          }
-        );
-        set = set.add(tr.doc, [deco]);
-      } else if (action.remove) {
-        const found = set.find(null, null, specFinder);
-        set = set.remove(found);
-      }
-
-      return set;
-    },
-  },
-  props: {
-    decorations: (state) => {
-      const plugin = singletonInstance;
-      return plugin ? plugin.getState(state) : null;
-    },
-  },
-};
-
-class SelectionPlaceholderPlugin extends Plugin {
-  constructor() {
-    super(SPEC);
-    if (singletonInstance) {
-      return singletonInstance;
-    }
-    singletonInstance = this;
-  }
-}
-
-function specFinder(spec: Object): boolean {
-  return spec.id == PLACE_HOLDER_ID;
-}
-
-function findSelectionPlaceholder(state: EditorState): ?Decoration {
-  if (!singletonInstance) {
-    return null;
-  }
-  if (!state.plugins.includes(singletonInstance)) {
-    console.warn('SelectionPlaceholderPlugin is not installed');
-    return null;
-  }
-  const decos = singletonInstance.getState(state);
-  const found = decos.find(null, null, specFinder);
-  const pos = found.length ? found[0] : null;
-  return pos || null;
-}
-
-export function showSelectionPlaceholder(
-  state: EditorState,
-  tr: ?Transform
-): Transform {
-  tr = tr || state.tr;
-  const plugin = singletonInstance;
-
-  if (!plugin || !tr.selection || tr.selection.empty) {
-    return tr;
-  }
-
-  const deco = findSelectionPlaceholder(state);
-  if (deco === null) {
-    tr = tr.setMeta(plugin, {
-      add: {
-        from: tr.selection.from,
-        to: tr.selection.to,
-      },
-    });
-  }
-
-  return tr;
-}
-
-export function hideSelectionPlaceholder(
-  state: EditorState,
-  tr: ?Transform
-): Transform {
-  tr = tr || state.tr;
-  const plugin = singletonInstance;
-  if (!plugin) {
-    return tr;
-  }
-
-  const deco = findSelectionPlaceholder(state);
-  if (deco) {
-    tr = tr.setMeta(plugin, {
-      remove: {},
-    });
-  }
-
-  return tr;
-}
-
-export default SelectionPlaceholderPlugin;
+// @flow
+
+import { EditorState, Plugin, PluginKey } from 'prosemirror-state';
+import { Transform } from 'prosemirror-transform';
+import { Decoration, DecorationSet } from 'prosemirror-view';
+
+import './ui/czi-selection-placeholder.css';
+
+const PLACE_HOLDER_ID = { name: 'SelectionPlaceholderPlugin' };
+
+let singletonInstance = null;
+
+// https://prosemirror.net/examples/upload/
+const SPEC = {
+  // [FS] IRAD-1005 2020-07-07
+  // Upgrade outdated packages.
+  key: new PluginKey('SelectionPlaceholderPlugin'),
+  state: {
+    init() {
+      return DecorationSet.empty;
+    },
+
+    apply(tr, set) {
+      set = set.map(tr.mapping, tr.doc);
+      const action = tr.getMeta(this);
+
+      if (!action) {
+        return set;
+      }
+
+      if (action.add) {
+        const deco = Decoration.inline(
+          action.add.from,
+          action.add.to,
+          {
+            class: 'czi-selection-placeholder',
+          },
+          {
+            id: PLACE_HOLDER_ID,
+          }
+        );
+        set = set.add(tr.doc, [deco]);
+      } else if (action.remove) {
+        const found = set.find(null, null, specFinder);
+        set = set.remove(found);
+      }
+
+      return set;
+    },
+  },
+  props: {
+    decorations: (state) => {
+      const plugin = singletonInstance;
+      return plugin ? plugin.getState(state) : null;
+    },
+  },
+};
+
+class SelectionPlaceholderPlugin extends Plugin {
+  constructor() {
+    super(SPEC);
+    if (singletonInstance) {
+      return singletonInstance;
+    }
+    singletonInstance = this;
+  }
+}
+
+function specFinder(spec: Object): boolean {
+  return spec.id == PLACE_HOLDER_ID;
+}
+
+function findSelectionPlaceholder(state: EditorState): ?Decoration {
+  if (!singletonInstance) {
+    return null;
+  }
+  if (!state.plugins.includes(singletonInstance)) {
+    console.warn('SelectionPlaceholderPlugin is not installed');
+    return null;
+  }
+  const decos = singletonInstance.getState(state);
+  const found = decos.find(null, null, specFinder);
+  const pos = found.length ? found[0] : null;
+  return pos || null;
+}
+
+export function showSelectionPlaceholder(
+  state: EditorState,
+  tr: ?Transform
+): Transform {
+  tr = tr || state.tr;
+  const plugin = singletonInstance;
+
+  if (!plugin || !tr.selection || tr.selection.empty) {
+    return tr;
+  }
+
+  const deco = findSelectionPlaceholder(state);
+  if (deco === null) {
+    tr = tr.setMeta(plugin, {
+      add: {
+        from: tr.selection.from,
+        to: tr.selection.to,
+      },
+    });
+  }
+
+  return tr;
+}
+
+export function hideSelectionPlaceholder(
+  state: EditorState,
+  tr: ?Transform
+): Transform {
+  tr = tr || state.tr;
+  const plugin = singletonInstance;
+  if (!plugin) {
+    return tr;
+  }
+
+  const deco = findSelectionPlaceholder(state);
+  if (deco) {
+    tr = tr.setMeta(plugin, {
+      remove: {},
+    });
+  }
+
+  return tr;
+}
+
+export default SelectionPlaceholderPlugin;

package/src/SpacerMarkSpec.js

@@ -1,47 +1,47 @@
-// @flow
-
-import { Node } from 'prosemirror-model';
-
-import type { MarkSpec } from './Types';
-
-export const DOM_ATTRIBUTE_SIZE = 'data-spacer-size';
-export const SPACER_SIZE_TAB = 'tab';
-export const SPACER_SIZE_TAB_LARGE = 'tab-large';
-
-// See http://jkorpela.fi/chars/spaces.html
-export const HAIR_SPACE_CHAR = '\u200A';
-
-const SpacerMarkSpec: MarkSpec = {
-  attrs: {
-    size: { default: SPACER_SIZE_TAB },
-  },
-  defining: true,
-  draggable: false,
-  excludes: '_',
-  group: 'inline',
-  inclusive: false,
-  inline: true,
-  spanning: false,
-  parseDOM: [
-    {
-      tag: `span[${DOM_ATTRIBUTE_SIZE}]`,
-      getAttrs: (el) => {
-        return {
-          size: el.getAttribute(DOM_ATTRIBUTE_SIZE) || SPACER_SIZE_TAB,
-        };
-      },
-    },
-  ],
-  toDOM(node: Node) {
-    const { size } = node.attrs;
-    return [
-      'span',
-      {
-        [DOM_ATTRIBUTE_SIZE]: size,
-      },
-      0,
-    ];
-  },
-};
-
-export default SpacerMarkSpec;
+// @flow
+
+import { Node } from 'prosemirror-model';
+
+import type { MarkSpec } from './Types';
+
+export const DOM_ATTRIBUTE_SIZE = 'data-spacer-size';
+export const SPACER_SIZE_TAB = 'tab';
+export const SPACER_SIZE_TAB_LARGE = 'tab-large';
+
+// See http://jkorpela.fi/chars/spaces.html
+export const HAIR_SPACE_CHAR = '\u200A';
+
+const SpacerMarkSpec: MarkSpec = {
+  attrs: {
+    size: { default: SPACER_SIZE_TAB },
+  },
+  defining: true,
+  draggable: false,
+  excludes: '_',
+  group: 'inline',
+  inclusive: false,
+  inline: true,
+  spanning: false,
+  parseDOM: [
+    {
+      tag: `span[${DOM_ATTRIBUTE_SIZE}]`,
+      getAttrs: (el) => {
+        return {
+          size: el.getAttribute(DOM_ATTRIBUTE_SIZE) || SPACER_SIZE_TAB,
+        };
+      },
+    },
+  ],
+  toDOM(node: Node) {
+    const { size } = node.attrs;
+    return [
+      'span',
+      {
+        [DOM_ATTRIBUTE_SIZE]: size,
+      },
+      0,
+    ];
+  },
+};
+
+export default SpacerMarkSpec;

package/src/StrikeMarkSpec.js

@@ -1,21 +1,21 @@
-// @flow
-
-import type { MarkSpec } from './Types';
-
-// https://bitbucket.org/atlassian/atlaskit/src/34facee3f461/packages/editor-core/src/schema/nodes/?at=master
-const StrikeMarkSpec: MarkSpec = {
-  parseDOM: [
-    {
-      style: 'text-decoration',
-      getAttrs: (value) => {
-        return value === 'line-through' && null;
-      },
-    },
-  ],
-  toDOM() {
-    const style = 'text-decoration: line-through';
-    return ['span', { style }, 0];
-  },
-};
-
-export default StrikeMarkSpec;
+// @flow
+
+import type { MarkSpec } from './Types';
+
+// https://bitbucket.org/atlassian/atlaskit/src/34facee3f461/packages/editor-core/src/schema/nodes/?at=master
+const StrikeMarkSpec: MarkSpec = {
+  parseDOM: [
+    {
+      style: 'text-decoration',
+      getAttrs: (value) => {
+        return value === 'line-through' && null;
+      },
+    },
+  ],
+  toDOM() {
+    const style = 'text-decoration: line-through';
+    return ['span', { style }, 0];
+  },
+};
+
+export default StrikeMarkSpec;

package/src/StrongMarkSpec.js

@@ -1,25 +1,25 @@
-// @flow
-
-import type { MarkSpec } from './Types';
-
-const STRONG_DOM = ['strong', 0];
-const CSS_BOLD_PATTERN = /^(bold(er)?|[5-9]\d{2,})$/;
-
-const StrongMarkSpec: MarkSpec = {
-  parseDOM: [
-    { tag: 'strong' },
-    // This works around a Google Docs misbehavior where
-    // pasted content will be inexplicably wrapped in `<b>`
-    // tags with a font-weight normal.
-    { tag: 'b', getAttrs: (node) => node.style.fontWeight != 'normal' && null },
-    {
-      style: 'font-weight',
-      getAttrs: (value) => CSS_BOLD_PATTERN.test(value) && null,
-    },
-  ],
-  toDOM() {
-    return STRONG_DOM;
-  },
-};
-
-export default StrongMarkSpec;
+// @flow
+
+import type { MarkSpec } from './Types';
+
+const STRONG_DOM = ['strong', 0];
+const CSS_BOLD_PATTERN = /^(bold(er)?|[5-9]\d{2,})$/;
+
+const StrongMarkSpec: MarkSpec = {
+  parseDOM: [
+    { tag: 'strong' },
+    // This works around a Google Docs misbehavior where
+    // pasted content will be inexplicably wrapped in `<b>`
+    // tags with a font-weight normal.
+    { tag: 'b', getAttrs: (node) => node.style.fontWeight != 'normal' && null },
+    {
+      style: 'font-weight',
+      getAttrs: (value) => CSS_BOLD_PATTERN.test(value) && null,
+    },
+  ],
+  toDOM() {
+    return STRONG_DOM;
+  },
+};
+
+export default StrongMarkSpec;

package/src/StyleView.js

@@ -1,19 +1,19 @@
-// temp view for custom style have to check this view is needed?
-
-import { EditorView } from 'prosemirror-view';
-import { EditorState } from 'prosemirror-state';
-
-export class StyleView {
-  constructor(editorView: EditorView) {
-    this.update(editorView, null);
-  }
-
-  update(view: EditorView, lastState: EditorState): void {
-    if (view.readOnly) {
-      this.destroy();
-      return;
-    }
-  }
-
-  destroy() {}
-}
+// temp view for custom style have to check this view is needed?
+
+import { EditorView } from 'prosemirror-view';
+import { EditorState } from 'prosemirror-state';
+
+export class StyleView {
+  constructor(editorView: EditorView) {
+    this.update(editorView, null);
+  }
+
+  update(view: EditorView, lastState: EditorState): void {
+    if (view.readOnly) {
+      this.destroy();
+      return;
+    }
+  }
+
+  destroy() {}
+}

package/src/TableBackgroundColorCommand.js

@@ -1,75 +1,75 @@
-// @flow
-
-import nullthrows from 'nullthrows';
-import { EditorState } from 'prosemirror-state';
-import { setCellAttr } from 'prosemirror-tables';
-import { Transform } from 'prosemirror-transform';
-import { EditorView } from 'prosemirror-view';
-
-import ColorEditor from './ui/ColorEditor';
-import { atAnchorRight } from './ui/PopUpPosition';
-import { UICommand } from '@modusoperandi/licit-doc-attrs-step';
-import createPopUp from './ui/createPopUp';
-
-const setCellBackgroundBlack = setCellAttr('background', '#000000');
-
-class TableBackgroundColorCommand extends UICommand {
-  _popUp = null;
-
-  shouldRespondToUIEvent = (e: SyntheticEvent<> | MouseEvent): boolean => {
-    return e.type === UICommand.EventType.MOUSEENTER;
-  };
-
-  isEnabled = (state: EditorState): boolean => {
-    return setCellBackgroundBlack(state.tr);
-  };
-
-  waitForUserInput = (
-    state: EditorState,
-    dispatch: ?(tr: Transform) => void,
-    view: ?EditorView,
-    event: ?SyntheticEvent<>
-  ): Promise<any> => {
-    if (this._popUp) {
-      return Promise.resolve(undefined);
-    }
-    const target = nullthrows(event).currentTarget;
-    if (!(target instanceof HTMLElement)) {
-      return Promise.resolve(undefined);
-    }
-
-    const anchor = event ? event.currentTarget : null;
-    return new Promise((resolve) => {
-      this._popUp = createPopUp(ColorEditor, null, {
-        anchor,
-        position: atAnchorRight,
-        onClose: (val) => {
-          if (this._popUp) {
-            this._popUp = null;
-            resolve(val);
-          }
-        },
-      });
-    });
-  };
-
-  executeWithUserInput = (
-    state: EditorState,
-    dispatch: ?(tr: Transform) => void,
-    view: ?EditorView,
-    hex: ?string
-  ): boolean => {
-    if (dispatch && hex !== undefined) {
-      const cmd = setCellAttr('background', hex);
-      cmd(state, dispatch, view);
-      return true;
-    }
-    return false;
-  };
-
-  cancel(): void {
-    this._popUp && this._popUp.close(undefined);
-  }
-}
-
-export default TableBackgroundColorCommand;
+// @flow
+
+import nullthrows from 'nullthrows';
+import { EditorState } from 'prosemirror-state';
+import { setCellAttr } from 'prosemirror-tables';
+import { Transform } from 'prosemirror-transform';
+import { EditorView } from 'prosemirror-view';
+
+import ColorEditor from './ui/ColorEditor';
+import { atAnchorRight } from './ui/PopUpPosition';
+import { UICommand } from '@modusoperandi/licit-doc-attrs-step';
+import createPopUp from './ui/createPopUp';
+
+const setCellBackgroundBlack = setCellAttr('background', '#000000');
+
+class TableBackgroundColorCommand extends UICommand {
+  _popUp = null;
+
+  shouldRespondToUIEvent = (e: SyntheticEvent<> | MouseEvent): boolean => {
+    return e.type === UICommand.EventType.MOUSEENTER;
+  };
+
+  isEnabled = (state: EditorState): boolean => {
+    return setCellBackgroundBlack(state.tr);
+  };
+
+  waitForUserInput = (
+    state: EditorState,
+    dispatch: ?(tr: Transform) => void,
+    view: ?EditorView,
+    event: ?SyntheticEvent<>
+  ): Promise<any> => {
+    if (this._popUp) {
+      return Promise.resolve(undefined);
+    }
+    const target = nullthrows(event).currentTarget;
+    if (!(target instanceof HTMLElement)) {
+      return Promise.resolve(undefined);
+    }
+
+    const anchor = event ? event.currentTarget : null;
+    return new Promise((resolve) => {
+      this._popUp = createPopUp(ColorEditor, null, {
+        anchor,
+        position: atAnchorRight,
+        onClose: (val) => {
+          if (this._popUp) {
+            this._popUp = null;
+            resolve(val);
+          }
+        },
+      });
+    });
+  };
+
+  executeWithUserInput = (
+    state: EditorState,
+    dispatch: ?(tr: Transform) => void,
+    view: ?EditorView,
+    hex: ?string
+  ): boolean => {
+    if (dispatch && hex !== undefined) {
+      const cmd = setCellAttr('background', hex);
+      cmd(state, dispatch, view);
+      return true;
+    }
+    return false;
+  };
+
+  cancel(): void {
+    this._popUp && this._popUp.close(undefined);
+  }
+}
+
+export default TableBackgroundColorCommand;