@modusoperandi/licit 0.13.1 → 0.13.2

package/dist/TextAlignCommand.js

@@ -1,151 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-exports.setTextAlign = setTextAlign;
-
-var _prosemirrorModel = require("prosemirror-model");
-
-var _prosemirrorState = require("prosemirror-state");
-
-var _prosemirrorTransform = require("prosemirror-transform");
-
-var _prosemirrorView = require("prosemirror-view");
-
-var _NodeNames = require("./NodeNames");
-
-var _licitDocAttrsStep = require("@modusoperandi/licit-doc-attrs-step");
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-function setTextAlign(tr, schema, alignment) {
-  const {
-    selection,
-    doc
-  } = tr;
-
-  if (!selection || !doc) {
-    return tr;
-  }
-
-  const {
-    from,
-    to
-  } = selection;
-  const {
-    nodes
-  } = schema;
-  const blockquote = nodes[_NodeNames.BLOCKQUOTE];
-  const listItem = nodes[_NodeNames.LIST_ITEM];
-  const heading = nodes[_NodeNames.HEADING];
-  const paragraph = nodes[_NodeNames.PARAGRAPH];
-  const tasks = [];
-  alignment = alignment || null;
-  const allowedNodeTypes = new Set([blockquote, heading, listItem, paragraph]);
-  doc.nodesBetween(from, to, (node, pos, parentNode) => {
-    const nodeType = node.type;
-    const align = node.attrs.align || null;
-
-    if (align !== alignment && allowedNodeTypes.has(nodeType)) {
-      tasks.push({
-        node,
-        pos,
-        nodeType
-      });
-    }
-
-    return true;
-  });
-
-  if (!tasks.length) {
-    return tr;
-  }
-
-  tasks.forEach(job => {
-    const {
-      node,
-      pos,
-      nodeType
-    } = job;
-    let {
-      attrs
-    } = node;
-
-    if (alignment) {
-      attrs = _objectSpread(_objectSpread({}, attrs), {}, {
-        align: alignment
-      });
-    } else {
-      attrs = _objectSpread(_objectSpread({}, attrs), {}, {
-        align: null
-      });
-    }
-
-    tr = tr.setNodeMarkup(pos, nodeType, attrs, node.marks);
-  });
-  return tr;
-}
-
-class TextAlignCommand extends _licitDocAttrsStep.UICommand {
-  constructor(alignment) {
-    super();
-
-    _defineProperty(this, "_alignment", void 0);
-
-    _defineProperty(this, "isActive", state => {
-      const {
-        selection,
-        doc
-      } = state;
-      const {
-        from,
-        to
-      } = selection;
-      let keepLooking = true;
-      let active = false;
-      doc.nodesBetween(from, to, (node, pos) => {
-        if (keepLooking && node.attrs.align === this._alignment) {
-          keepLooking = false;
-          active = true;
-        }
-
-        return keepLooking;
-      });
-      return active;
-    });
-
-    _defineProperty(this, "isEnabled", state => {
-      const {
-        selection
-      } = state;
-      return selection instanceof _prosemirrorState.TextSelection || selection instanceof _prosemirrorState.AllSelection;
-    });
-
-    _defineProperty(this, "execute", (state, dispatch, view) => {
-      const {
-        schema,
-        selection
-      } = state;
-      const tr = setTextAlign(state.tr.setSelection(selection), schema, this._alignment);
-
-      if (tr.docChanged) {
-        dispatch && dispatch(tr);
-        return true;
-      } else {
-        return false;
-      }
-    });
-
-    this._alignment = alignment;
-  }
-
-}
-
-var _default = TextAlignCommand;
-exports.default = _default;

package/dist/TextAlignCommand.js.flow

@@ -1,122 +0,0 @@
-// @flow
-
-import { Schema } from 'prosemirror-model';
-import { AllSelection, EditorState, TextSelection } from 'prosemirror-state';
-import { Transform } from 'prosemirror-transform';
-import { EditorView } from 'prosemirror-view';
-
-import { BLOCKQUOTE, HEADING, LIST_ITEM, PARAGRAPH } from './NodeNames';
-import { UICommand } from '@modusoperandi/licit-doc-attrs-step';
-
-export function setTextAlign(
-  tr: Transform,
-  schema: Schema,
-  alignment: ?string
-): Transform {
-  const { selection, doc } = tr;
-  if (!selection || !doc) {
-    return tr;
-  }
-  const { from, to } = selection;
-  const { nodes } = schema;
-
-  const blockquote = nodes[BLOCKQUOTE];
-  const listItem = nodes[LIST_ITEM];
-  const heading = nodes[HEADING];
-  const paragraph = nodes[PARAGRAPH];
-
-  const tasks = [];
-  alignment = alignment || null;
-
-  const allowedNodeTypes = new Set([blockquote, heading, listItem, paragraph]);
-
-  doc.nodesBetween(from, to, (node, pos, parentNode) => {
-    const nodeType = node.type;
-    const align = node.attrs.align || null;
-    if (align !== alignment && allowedNodeTypes.has(nodeType)) {
-      tasks.push({
-        node,
-        pos,
-        nodeType,
-      });
-    }
-    return true;
-  });
-
-  if (!tasks.length) {
-    return tr;
-  }
-
-  tasks.forEach((job) => {
-    const { node, pos, nodeType } = job;
-    let { attrs } = node;
-    if (alignment) {
-      attrs = {
-        ...attrs,
-        align: alignment,
-      };
-    } else {
-      attrs = {
-        ...attrs,
-        align: null,
-      };
-    }
-    tr = tr.setNodeMarkup(pos, nodeType, attrs, node.marks);
-  });
-
-  return tr;
-}
-
-class TextAlignCommand extends UICommand {
-  _alignment: string;
-
-  constructor(alignment: string) {
-    super();
-    this._alignment = alignment;
-  }
-
-  isActive = (state: EditorState): boolean => {
-    const { selection, doc } = state;
-    const { from, to } = selection;
-    let keepLooking = true;
-    let active = false;
-    doc.nodesBetween(from, to, (node, pos) => {
-      if (keepLooking && node.attrs.align === this._alignment) {
-        keepLooking = false;
-        active = true;
-      }
-      return keepLooking;
-    });
-    return active;
-  };
-
-  isEnabled = (state: EditorState): boolean => {
-    const { selection } = state;
-    return (
-      selection instanceof TextSelection || selection instanceof AllSelection
-    );
-  };
-
-  execute = (
-    state: EditorState,
-    dispatch: ?(tr: Transform) => void,
-    view: ?EditorView
-  ): boolean => {
-    const { schema, selection } = state;
-    const tr = setTextAlign(
-      state.tr.setSelection(selection),
-      schema,
-      this._alignment
-    );
-    if (tr.docChanged) {
-      dispatch && dispatch(tr);
-      return true;
-    } else {
-      return false;
-    }
-  };
-
-
-}
-
-export default TextAlignCommand;

package/dist/TextColorCommand.js

@@ -1,114 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _ColorEditor = _interopRequireDefault(require("./ui/ColorEditor"));
-
-var _licitDocAttrsStep = require("@modusoperandi/licit-doc-attrs-step");
-
-var _applyMark = _interopRequireDefault(require("./applyMark"));
-
-var _createPopUp = _interopRequireDefault(require("./ui/createPopUp"));
-
-var _findNodesWithSameMark = _interopRequireDefault(require("./findNodesWithSameMark"));
-
-var _isTextStyleMarkCommandEnabled = _interopRequireDefault(require("./isTextStyleMarkCommandEnabled"));
-
-var _nullthrows = _interopRequireDefault(require("nullthrows"));
-
-var _prosemirrorState = require("prosemirror-state");
-
-var _prosemirrorView = require("prosemirror-view");
-
-var _MarkNames = require("./MarkNames");
-
-var _prosemirrorTransform = require("prosemirror-transform");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-class TextColorCommand extends _licitDocAttrsStep.UICommand {
-  constructor(_color) {
-    super();
-
-    _defineProperty(this, "_popUp", null);
-
-    _defineProperty(this, "_color", '');
-
-    _defineProperty(this, "isEnabled", state => {
-      return (0, _isTextStyleMarkCommandEnabled.default)(state, _MarkNames.MARK_TEXT_COLOR);
-    });
-
-    _defineProperty(this, "waitForUserInput", (state, dispatch, view, event) => {
-      if (this._popUp) {
-        return Promise.resolve(undefined);
-      }
-
-      const target = (0, _nullthrows.default)(event).currentTarget;
-
-      if (!(target instanceof HTMLElement)) {
-        return Promise.resolve(undefined);
-      }
-
-      const {
-        doc,
-        selection,
-        schema
-      } = state;
-      const markType = schema.marks[_MarkNames.MARK_TEXT_COLOR];
-      const anchor = event ? event.currentTarget : null;
-      const {
-        from,
-        to
-      } = selection;
-      const result = (0, _findNodesWithSameMark.default)(doc, from, to, markType);
-      const hex = result ? result.mark.attrs.color : null;
-      return new Promise(resolve => {
-        this._popUp = (0, _createPopUp.default)(_ColorEditor.default, {
-          hex
-        }, {
-          anchor,
-          onClose: val => {
-            if (this._popUp) {
-              this._popUp = null;
-              resolve(val);
-            }
-          }
-        });
-      });
-    });
-
-    _defineProperty(this, "executeWithUserInput", (state, dispatch, view, color) => {
-      if (dispatch && color !== undefined) {
-        const {
-          schema
-        } = state;
-        const markType = schema.marks[_MarkNames.MARK_TEXT_COLOR];
-        const attrs = color ? {
-          color
-        } : null;
-        const tr = (0, _applyMark.default)(state.tr, schema, markType, attrs);
-
-        if (tr.docChanged || tr.storedMarksSet) {
-          // If selection is empty, the color is added to `storedMarks`, which
-          // works like `toggleMark`
-          // (see https://prosemirror.net/docs/ref/#commands.toggleMark).
-          dispatch(tr);
-          return true;
-        }
-      }
-
-      return false;
-    });
-
-    this._color = _color;
-  }
-
-}
-
-var _default = TextColorCommand;
-exports.default = _default;

package/dist/TextColorCommand.js.flow

@@ -1,87 +0,0 @@
-// @flow
-
-import ColorEditor from './ui/ColorEditor';
-import { UICommand } from '@modusoperandi/licit-doc-attrs-step';
-import applyMark from './applyMark';
-import createPopUp from './ui/createPopUp';
-import findNodesWithSameMark from './findNodesWithSameMark';
-import isTextStyleMarkCommandEnabled from './isTextStyleMarkCommandEnabled';
-import nullthrows from 'nullthrows';
-import { EditorState } from 'prosemirror-state';
-import { EditorView } from 'prosemirror-view';
-import { MARK_TEXT_COLOR } from './MarkNames';
-import { Transform } from 'prosemirror-transform';
-
-class TextColorCommand extends UICommand {
-  _popUp = null;
-  _color = '';
-
-  constructor(color: ?string) {
-    super();
-    this._color = color;
-  }
-  isEnabled = (state: EditorState): boolean => {
-    return isTextStyleMarkCommandEnabled(state, MARK_TEXT_COLOR);
-  };
-
-  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 { doc, selection, schema } = state;
-    const markType = schema.marks[MARK_TEXT_COLOR];
-    const anchor = event ? event.currentTarget : null;
-    const { from, to } = selection;
-    const result = findNodesWithSameMark(doc, from, to, markType);
-    const hex = result ? result.mark.attrs.color : null;
-    return new Promise((resolve) => {
-      this._popUp = createPopUp(
-        ColorEditor,
-        { hex },
-        {
-          anchor,
-          onClose: (val) => {
-            if (this._popUp) {
-              this._popUp = null;
-              resolve(val);
-            }
-          },
-        }
-      );
-    });
-  };
-
-  executeWithUserInput = (
-    state: EditorState,
-    dispatch: ?(tr: Transform) => void,
-    view: ?EditorView,
-    color: ?string
-  ): boolean => {
-    if (dispatch && color !== undefined) {
-      const { schema } = state;
-      const markType = schema.marks[MARK_TEXT_COLOR];
-      const attrs = color ? { color } : null;
-      const tr = applyMark(state.tr, schema, markType, attrs);
-      if (tr.docChanged || tr.storedMarksSet) {
-        // If selection is empty, the color is added to `storedMarks`, which
-        // works like `toggleMark`
-        // (see https://prosemirror.net/docs/ref/#commands.toggleMark).
-        dispatch(tr);
-        return true;
-      }
-    }
-    return false;
-  };
-}
-
-export default TextColorCommand;

package/dist/TextHighlightCommand.js

@@ -1,118 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _ColorEditor = _interopRequireDefault(require("./ui/ColorEditor"));
-
-var _licitDocAttrsStep = require("@modusoperandi/licit-doc-attrs-step");
-
-var _applyMark = _interopRequireDefault(require("./applyMark"));
-
-var _createPopUp = _interopRequireDefault(require("./ui/createPopUp"));
-
-var _findNodesWithSameMark = _interopRequireDefault(require("./findNodesWithSameMark"));
-
-var _isTextStyleMarkCommandEnabled = _interopRequireDefault(require("./isTextStyleMarkCommandEnabled"));
-
-var _nullthrows = _interopRequireDefault(require("nullthrows"));
-
-var _prosemirrorState = require("prosemirror-state");
-
-var _prosemirrorView = require("prosemirror-view");
-
-var _MarkNames = require("./MarkNames");
-
-var _prosemirrorTransform = require("prosemirror-transform");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-class TextHighlightCommand extends _licitDocAttrsStep.UICommand {
-  constructor(_color) {
-    super();
-
-    _defineProperty(this, "_popUp", null);
-
-    _defineProperty(this, "_color", '');
-
-    _defineProperty(this, "isEnabled", state => {
-      return (0, _isTextStyleMarkCommandEnabled.default)(state, _MarkNames.MARK_TEXT_HIGHLIGHT);
-    });
-
-    _defineProperty(this, "waitForUserInput", (state, dispatch, view, event) => {
-      if (this._popUp) {
-        return Promise.resolve(undefined);
-      }
-
-      const target = (0, _nullthrows.default)(event).currentTarget;
-
-      if (!(target instanceof HTMLElement)) {
-        return Promise.resolve(undefined);
-      }
-
-      const {
-        doc,
-        selection,
-        schema
-      } = state;
-      const markType = schema.marks[_MarkNames.MARK_TEXT_HIGHLIGHT];
-      const {
-        from,
-        to
-      } = selection;
-      const result = (0, _findNodesWithSameMark.default)(doc, from, to, markType);
-      const hex = result ? result.mark.attrs.highlightColor : null;
-      const anchor = event ? event.currentTarget : null;
-      return new Promise(resolve => {
-        this._popUp = (0, _createPopUp.default)(_ColorEditor.default, {
-          hex
-        }, {
-          anchor,
-          onClose: val => {
-            if (this._popUp) {
-              this._popUp = null;
-              resolve(val);
-            }
-          }
-        });
-      });
-    });
-
-    _defineProperty(this, "executeWithUserInput", (state, dispatch, view, color) => {
-      if (dispatch && color !== undefined) {
-        const {
-          schema
-        } = state;
-        let {
-          tr
-        } = state;
-        const markType = schema.marks[_MarkNames.MARK_TEXT_HIGHLIGHT];
-        const attrs = color ? {
-          highlightColor: color
-        } : null; // tr = applyMark(tr.setSelection(state.selection), schema, markType, attrs);
-
-        tr = (0, _applyMark.default)(tr, schema, markType, attrs);
-
-        if (tr.docChanged || tr.storedMarksSet) {
-          // If selection is empty, the color is added to `storedMarks`, which
-          // works like `toggleMark`
-          // (see https://prosemirror.net/docs/ref/#commands.toggleMark).
-          dispatch(tr);
-          return true;
-        }
-      }
-
-      return false;
-    });
-
-    this._color = _color;
-  }
-
-}
-
-var _default = TextHighlightCommand;
-exports.default = _default;

package/dist/TextHighlightCommand.js.flow

@@ -1,91 +0,0 @@
-// @flow
-
-import ColorEditor from './ui/ColorEditor';
-import { UICommand } from '@modusoperandi/licit-doc-attrs-step';
-import applyMark from './applyMark';
-import createPopUp from './ui/createPopUp';
-import findNodesWithSameMark from './findNodesWithSameMark';
-import isTextStyleMarkCommandEnabled from './isTextStyleMarkCommandEnabled';
-import nullthrows from 'nullthrows';
-import { EditorState } from 'prosemirror-state';
-import { EditorView } from 'prosemirror-view';
-import { MARK_TEXT_HIGHLIGHT } from './MarkNames';
-import { Transform } from 'prosemirror-transform';
-
-class TextHighlightCommand extends UICommand {
-  _popUp = null;
-  _color = '';
-
-  constructor(color: ?string) {
-    super();
-    this._color = color;
-  }
-  isEnabled = (state: EditorState): boolean => {
-    return isTextStyleMarkCommandEnabled(state, MARK_TEXT_HIGHLIGHT);
-  };
-
-  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 { doc, selection, schema } = state;
-    const markType = schema.marks[MARK_TEXT_HIGHLIGHT];
-    const { from, to } = selection;
-    const result = findNodesWithSameMark(doc, from, to, markType);
-    const hex = result ? result.mark.attrs.highlightColor : null;
-    const anchor = event ? event.currentTarget : null;
-    return new Promise((resolve) => {
-      this._popUp = createPopUp(
-        ColorEditor,
-        { hex },
-        {
-          anchor,
-          onClose: (val) => {
-            if (this._popUp) {
-              this._popUp = null;
-              resolve(val);
-            }
-          },
-        }
-      );
-    });
-  };
-
-  executeWithUserInput = (
-    state: EditorState,
-    dispatch: ?(tr: Transform) => void,
-    view: ?EditorView,
-    color: ?string
-  ): boolean => {
-    if (dispatch && color !== undefined) {
-      const { schema } = state;
-      let { tr } = state;
-      const markType = schema.marks[MARK_TEXT_HIGHLIGHT];
-      const attrs = color ? { highlightColor: color } : null;
-      // tr = applyMark(tr.setSelection(state.selection), schema, markType, attrs);
-      tr = applyMark(tr, schema, markType, attrs);
-      if (tr.docChanged || tr.storedMarksSet) {
-        // If selection is empty, the color is added to `storedMarks`, which
-        // works like `toggleMark`
-        // (see https://prosemirror.net/docs/ref/#commands.toggleMark).
-        dispatch(tr);
-        return true;
-      }
-    }
-    return false;
-  };
-
-
-}
-
-export default TextHighlightCommand;