@modusoperandi/licit 0.14.17 → 1.0.0

package/dist/ContentPlaceholderPlugin.js

@@ -1,164 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _prosemirrorState = require("prosemirror-state");
-var _prosemirrorView = require("prosemirror-view");
-var React = _interopRequireWildcard(require("react"));
-var _reactDom = _interopRequireDefault(require("react-dom"));
-var _isEditorStateEmpty = _interopRequireDefault(require("./isEditorStateEmpty"));
-require("./ui/czi-editor.css");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-const CLASS_NAME_HAS_PLACEHOLDER = 'czi-has-placeholder';
-class ContentPlaceholderView {
-  constructor(editorView) {
-    _defineProperty(this, "_el", null);
-    _defineProperty(this, "_focused", null);
-    _defineProperty(this, "_view", null);
-    _defineProperty(this, "_visible", null);
-    _defineProperty(this, "_checkFocus", () => {
-      const el = this._el;
-      const view = this._view;
-      if (!view || !el) {
-        return;
-      }
-      const doc = document;
-      const activeElement = doc.activeElement;
-      const bodyEl = this._getBodyElement();
-      if (!activeElement || !bodyEl || doc.hasFocus && !doc.hasFocus()) {
-        this._onBlur();
-      } else {
-        if (activeElement === bodyEl || bodyEl.contains(activeElement) || activeElement === bodyEl.parentNode) {
-          this._onFocus();
-        } else {
-          this._onBlur();
-        }
-      }
-    });
-    const _el = document.createElement('div');
-    this._el = _el;
-    this._view = editorView;
-    _el.className = 'czi-editor-content-placeholder';
-    editorView.dom.parentNode.appendChild(_el);
-    document.addEventListener('focusin', this._checkFocus, true);
-    document.addEventListener('focusout', this._checkFocus, false);
-    this.update(editorView);
-
-    // We don't know whether view is focused at this moment yet. Manually
-    // calls `this._checkFocus` which will set `_focused` accordingly.
-    this._checkFocus();
-  }
-  update(view) {
-    this._view = view;
-    const el = this._el;
-    if (!el || !view) {
-      return;
-    }
-    if (this._focused || !(0, _isEditorStateEmpty.default)(view.state)) {
-      this._hide();
-      return;
-    }
-    const parentEl = el.parentNode;
-    const bodyEl = this._getBodyElement();
-    const placeholder = view.placeholder;
-    if (!parentEl || !bodyEl || !placeholder) {
-      return;
-    }
-    this._visible = true;
-    view.dom.classList.add(CLASS_NAME_HAS_PLACEHOLDER);
-    const parentElRect = parentEl.getBoundingClientRect();
-    const bodyRect = bodyEl.getBoundingClientRect();
-    const bodyStyle = window.getComputedStyle(bodyEl);
-    const left = bodyRect.left - parentElRect.left;
-    const top = bodyRect.top - parentElRect.top;
-    el.style.left = left + 'px';
-    el.style.top = top + 'px';
-    el.style.padding = bodyStyle.padding;
-    el.style.display = 'block';
-    el.style.width = bodyEl.offsetWidth + 'px';
-    _reactDom.default.render( /*#__PURE__*/React.createElement("div", null, placeholder), el);
-  }
-  destroy() {
-    this._hide();
-    const el = this._el;
-    if (el) {
-      el.parentNode && el.parentNode.removeChild(el);
-      _reactDom.default.unmountComponentAtNode(el);
-    }
-    document.removeEventListener('focusin', this._checkFocus, true);
-    document.removeEventListener('focusout', this._checkFocus, false);
-    this._view = null;
-    this._el = null;
-    this._focused = false;
-    this._visible = false;
-  }
-  _onFocus() {
-    if (this._focused !== true) {
-      this._focused = true;
-      this._hide();
-    }
-  }
-  _onBlur() {
-    const view = this._view;
-    if (this._focused !== false) {
-      this._focused = false;
-      if (view && (0, _isEditorStateEmpty.default)(view.state)) {
-        this._show();
-      } else {
-        this._hide();
-      }
-    }
-  }
-  _getBodyElement() {
-    const view = this._view;
-    return view && view.docView && view.docView.dom && view.docView.dom.firstChild;
-  }
-  _show() {
-    if (this._visible !== true) {
-      const el = this._el;
-      const view = this._view;
-      this._visible = true;
-      if (el) {
-        el.style.display = 'block';
-      }
-      if (view) {
-        this.update(view);
-        view.dom.classList.add(CLASS_NAME_HAS_PLACEHOLDER);
-      }
-    }
-  }
-  _hide() {
-    if (this._visible !== false) {
-      const el = this._el;
-      const view = this._view;
-      this._visible = false;
-      if (el) {
-        el.style.display = 'none';
-      }
-      if (view) {
-        view.dom.classList.remove(CLASS_NAME_HAS_PLACEHOLDER);
-      }
-    }
-  }
-}
-class ContentPlaceholderPlugin extends _prosemirrorState.Plugin {
-  constructor() {
-    super({
-      // [FS] IRAD-1005 2020-07-07
-      // Upgrade outdated packages.
-      key: new _prosemirrorState.PluginKey('ContentPlaceholderPlugin'),
-      view(editorView) {
-        return new ContentPlaceholderView(editorView);
-      }
-    });
-  }
-}
-var _default = ContentPlaceholderPlugin;
-exports.default = _default;

package/dist/ContentPlaceholderPlugin.js.flow

@@ -1,187 +0,0 @@
-// @flow
-
-import { Plugin, PluginKey } from 'prosemirror-state';
-import { EditorView } from 'prosemirror-view';
-import * as React from 'react';
-import ReactDOM from 'react-dom';
-
-import isEditorStateEmpty from './isEditorStateEmpty';
-
-import './ui/czi-editor.css';
-
-const CLASS_NAME_HAS_PLACEHOLDER = 'czi-has-placeholder';
-
-class ContentPlaceholderView {
-  _el = null;
-  _focused = null;
-  _view = null;
-  _visible = null;
-
-  constructor(editorView: EditorView) {
-    const el: any = document.createElement('div');
-
-    this._el = el;
-    this._view = editorView;
-
-    el.className = 'czi-editor-content-placeholder';
-    editorView.dom.parentNode.appendChild(el);
-    document.addEventListener('focusin', this._checkFocus, true);
-    document.addEventListener('focusout', this._checkFocus, false);
-
-    this.update(editorView);
-
-    // We don't know whether view is focused at this moment yet. Manually
-    // calls `this._checkFocus` which will set `_focused` accordingly.
-    this._checkFocus();
-  }
-
-  update(view: EditorView): void {
-    this._view = view;
-
-    const el = this._el;
-    if (!el || !view) {
-      return;
-    }
-
-    if (this._focused || !isEditorStateEmpty(view.state)) {
-      this._hide();
-      return;
-    }
-
-    const parentEl = el.parentNode;
-    const bodyEl = this._getBodyElement();
-    const placeholder = view.placeholder;
-    if (!parentEl || !bodyEl || !placeholder) {
-      return;
-    }
-
-    this._visible = true;
-    view.dom.classList.add(CLASS_NAME_HAS_PLACEHOLDER);
-
-    const parentElRect = parentEl.getBoundingClientRect();
-    const bodyRect = bodyEl.getBoundingClientRect();
-    const bodyStyle = window.getComputedStyle(bodyEl);
-
-    const left = bodyRect.left - parentElRect.left;
-    const top = bodyRect.top - parentElRect.top;
-
-    el.style.left = left + 'px';
-    el.style.top = top + 'px';
-    el.style.padding = bodyStyle.padding;
-    el.style.display = 'block';
-    el.style.width = bodyEl.offsetWidth + 'px';
-
-    ReactDOM.render(<div>{placeholder}</div>, el);
-  }
-
-  destroy() {
-    this._hide();
-
-    const el = this._el;
-    if (el) {
-      el.parentNode && el.parentNode.removeChild(el);
-      ReactDOM.unmountComponentAtNode(el);
-    }
-    document.removeEventListener('focusin', this._checkFocus, true);
-    document.removeEventListener('focusout', this._checkFocus, false);
-    this._view = null;
-    this._el = null;
-    this._focused = false;
-    this._visible = false;
-  }
-
-  _checkFocus = (): void => {
-    const el = this._el;
-    const view = this._view;
-    if (!view || !el) {
-      return;
-    }
-    const doc = document;
-    const activeElement = doc.activeElement;
-    const bodyEl = this._getBodyElement();
-
-    if (!activeElement || !bodyEl || (doc.hasFocus && !doc.hasFocus())) {
-      this._onBlur();
-    } else {
-      if (
-        activeElement === bodyEl ||
-        bodyEl.contains(activeElement) ||
-        activeElement === bodyEl.parentNode
-      ) {
-        this._onFocus();
-      } else {
-        this._onBlur();
-      }
-    }
-  };
-
-  _onFocus(): void {
-    if (this._focused !== true) {
-      this._focused = true;
-      this._hide();
-    }
-  }
-
-  _onBlur(): void {
-    const view = this._view;
-    if (this._focused !== false) {
-      this._focused = false;
-      if (view && isEditorStateEmpty(view.state)) {
-        this._show();
-      } else {
-        this._hide();
-      }
-    }
-  }
-
-  _getBodyElement(): ?HTMLElement {
-    const view = this._view;
-    return (
-      view && view.docView && view.docView.dom && view.docView.dom.firstChild
-    );
-  }
-
-  _show(): void {
-    if (this._visible !== true) {
-      const el = this._el;
-      const view = this._view;
-      this._visible = true;
-      if (el) {
-        el.style.display = 'block';
-      }
-      if (view) {
-        this.update(view);
-        view.dom.classList.add(CLASS_NAME_HAS_PLACEHOLDER);
-      }
-    }
-  }
-
-  _hide(): void {
-    if (this._visible !== false) {
-      const el = this._el;
-      const view = this._view;
-      this._visible = false;
-      if (el) {
-        el.style.display = 'none';
-      }
-      if (view) {
-        view.dom.classList.remove(CLASS_NAME_HAS_PLACEHOLDER);
-      }
-    }
-  }
-}
-
-class ContentPlaceholderPlugin extends Plugin {
-  constructor() {
-    super({
-      // [FS] IRAD-1005 2020-07-07
-      // Upgrade outdated packages.
-      key: new PluginKey('ContentPlaceholderPlugin'),
-      view(editorView: EditorView) {
-        return new ContentPlaceholderView(editorView);
-      },
-    });
-  }
-}
-
-export default ContentPlaceholderPlugin;

package/dist/CursorPlaceholderPlugin.js

@@ -1,114 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-exports.hideCursorPlaceholder = hideCursorPlaceholder;
-exports.showCursorPlaceholder = showCursorPlaceholder;
-var _prosemirrorState = require("prosemirror-state");
-var _prosemirrorTransform = require("prosemirror-transform");
-var _prosemirrorView = require("prosemirror-view");
-require("./ui/czi-cursor-placeholder.css");
-const PLACE_HOLDER_ID = {
-  name: 'CursorPlaceholderPlugin'
-};
-let singletonInstance = null;
-
-// https://prosemirror.net/examples/upload/
-const SPEC = {
-  // [FS] IRAD-1005 2020-07-07
-  // Upgrade outdated packages.
-  key: new _prosemirrorState.PluginKey('CursorPlaceholderPlugin'),
-  state: {
-    init() {
-      return _prosemirrorView.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 widget = document.createElement('czi-cursor-placeholder');
-        widget.className = 'czi-cursor-placeholder';
-        const deco = _prosemirrorView.Decoration.widget(action.add.pos, widget, {
-          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 CursorPlaceholderPlugin extends _prosemirrorState.Plugin {
-  constructor() {
-    super(SPEC);
-    if (singletonInstance) {
-      return singletonInstance;
-    }
-    singletonInstance = this;
-  }
-}
-function specFinder(spec) {
-  return spec.id === PLACE_HOLDER_ID;
-}
-function findCursorPlaceholderPos(state) {
-  if (!singletonInstance) {
-    return null;
-  }
-  const decos = singletonInstance.getState(state);
-  const found = decos.find(null, null, specFinder);
-  const pos = found.length ? found[0].from : null;
-  return pos || null;
-}
-function showCursorPlaceholder(state) {
-  const plugin = singletonInstance;
-  let {
-    tr
-  } = state;
-  if (!plugin || !tr.selection) {
-    return tr;
-  }
-  const pos = findCursorPlaceholderPos(state);
-  if (pos === null) {
-    if (!tr.selection.empty) {
-      // Replace the selection with a placeholder.
-      tr = tr.deleteSelection();
-    }
-    tr = tr.setMeta(plugin, {
-      add: {
-        pos: tr.selection.from
-      }
-    });
-  }
-  return tr;
-}
-function hideCursorPlaceholder(state) {
-  const plugin = singletonInstance;
-  let {
-    tr
-  } = state;
-  if (!plugin) {
-    return tr;
-  }
-  const pos = findCursorPlaceholderPos(state);
-  if (pos !== null) {
-    tr = tr.setMeta(plugin, {
-      remove: {}
-    });
-  }
-  return tr;
-}
-var _default = CursorPlaceholderPlugin;
-exports.default = _default;

package/dist/DocLayoutCommand.js

@@ -1,88 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _prosemirrorModel = require("prosemirror-model");
-var _prosemirrorState = require("prosemirror-state");
-var _prosemirrorTransform = require("prosemirror-transform");
-var _prosemirrorView = require("prosemirror-view");
-var _licitDocAttrsStep = require("@modusoperandi/licit-doc-attrs-step");
-var _DocLayoutEditor = _interopRequireWildcard(require("./ui/DocLayoutEditor"));
-var _licitUiCommands = require("@modusoperandi/licit-ui-commands");
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-function setDocLayout(tr, schema, width, layout) {
-  const {
-    doc
-  } = tr;
-  if (!doc) {
-    return tr;
-  }
-  tr = tr.step(new _licitDocAttrsStep.SetDocAttrStep('width', width || null));
-  tr = tr.step(new _licitDocAttrsStep.SetDocAttrStep('layout', layout || null));
-  return tr;
-}
-class DocLayoutCommand extends _licitDocAttrsStep.UICommand {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "_popUp", null);
-    _defineProperty(this, "isEnabled", state => {
-      return true;
-    });
-    _defineProperty(this, "isActive", state => {
-      return !!this._popUp;
-    });
-    _defineProperty(this, "waitForUserInput", (state, dispatch, view, event) => {
-      if (this._popUp) {
-        return Promise.resolve(undefined);
-      }
-      const {
-        doc
-      } = state;
-      return new Promise(resolve => {
-        const props = {
-          initialValue: doc.attrs
-        };
-        this._popUp = (0, _licitUiCommands.createPopUp)(_DocLayoutEditor.default, props, {
-          modal: true,
-          onClose: val => {
-            if (this._popUp) {
-              this._popUp = null;
-              resolve(val);
-            }
-          }
-        });
-      });
-    });
-    _defineProperty(this, "executeWithUserInput", (state, dispatch, view, inputs) => {
-      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;
-    });
-  }
-}
-var _default = DocLayoutCommand;
-exports.default = _default;

package/dist/DocLayoutCommand.js.flow

@@ -1,94 +0,0 @@
-// @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;