@modusoperandi/licit 0.14.0 → 0.14.2

package/dist/ImageSourceCommand.js.flow

@@ -1,117 +0,0 @@
-// @flow
-
-import { Fragment, Schema } from 'prosemirror-model';
-import { EditorState } from 'prosemirror-state';
-import { TextSelection } from 'prosemirror-state';
-import { Transform } from 'prosemirror-transform';
-import { EditorView } from 'prosemirror-view';
-import * as React from 'react';
-import {
-  hideCursorPlaceholder,
-  showCursorPlaceholder,
-} from './CursorPlaceholderPlugin';
-import { IMAGE } from './NodeNames';
-import { UICommand } from '@modusoperandi/licit-doc-attrs-step';
-import { createPopUp } from '@modusoperandi/licit-ui-commands';
-
-import type { ImageLike } from './Types';
-
-function insertImage(tr: Transform, schema: Schema, src: ?string): Transform {
-  const { selection } = tr;
-  if (!selection) {
-    return tr;
-  }
-  const { from, to } = selection;
-  if (from !== to) {
-    return tr;
-  }
-
-  const image = schema.nodes[IMAGE];
-  if (!image) {
-    return tr;
-  }
-
-  const attrs = {
-    src: src || '',
-    alt: '',
-    title: '',
-  };
-
-  const node = image.create(attrs, null, null);
-  const frag = Fragment.from(node);
-  tr = tr.insert(from, frag);
-  return tr;
-}
-
-class ImageSourceCommand extends UICommand {
-  _popUp = null;
-
-  getEditor(): Class<React.Component<any, any>> {
-    throw new Error('Not implemented');
-  }
-
-  isEnabled = (state: EditorState, view: ?EditorView): boolean => {
-    return this.__isEnabled(state, view);
-  };
-
-  waitForUserInput = (
-    state: EditorState,
-    dispatch: ?(tr: Transform) => void,
-    view: ?EditorView,
-    event: ?SyntheticEvent<>
-  ): Promise<any> => {
-    if (this._popUp) {
-      return Promise.resolve(undefined);
-    }
-
-    if (dispatch) {
-      dispatch(showCursorPlaceholder(state));
-    }
-
-    return new Promise((resolve) => {
-      const props = { runtime: view ? view.runtime : null };
-      this._popUp = createPopUp(this.getEditor(), props, {
-        modal: true,
-        onClose: (val) => {
-          if (this._popUp) {
-            this._popUp = null;
-            resolve(val);
-          }
-        },
-      });
-    });
-  };
-
-  executeWithUserInput = (
-    state: EditorState,
-    dispatch: ?(tr: Transform) => void,
-    view: ?EditorView,
-    inputs: ?ImageLike
-  ): boolean => {
-    if (dispatch) {
-      const { selection, schema } = state;
-      let { tr } = state;
-      tr = view ? hideCursorPlaceholder(view.state) : tr;
-      tr = tr.setSelection(selection);
-      if (inputs) {
-        const { src } = inputs;
-        tr = insertImage(tr, schema, src);
-      }
-      dispatch(tr);
-      view && view.focus();
-    }
-
-    return false;
-  };
-
-  __isEnabled = (state: EditorState, view: ?EditorView): boolean => {
-    const tr = state;
-    const { selection } = tr;
-    if (selection instanceof TextSelection) {
-      return selection.from === selection.to;
-    }
-    return false;
-  };
-}
-
-export default ImageSourceCommand;

package/dist/ImageUploadCommand.js

@@ -1,49 +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 _ImageSourceCommand = _interopRequireDefault(require("./ImageSourceCommand"));
-var _ImageUploadEditor = _interopRequireDefault(require("./ui/ImageUploadEditor"));
-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); }
-class ImageUploadCommand extends _ImageSourceCommand.default {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "isEnabled", (state, view) => {
-      if (!view) {
-        return false;
-      }
-      const {
-        runtime
-      } = view;
-      if (!runtime) {
-        return false;
-      }
-      const {
-        canUploadImage,
-        uploadImage
-      } = runtime;
-      if (!canUploadImage || !uploadImage) {
-        return false;
-      }
-      if (!canUploadImage()) {
-        return false;
-      }
-      return this.__isEnabled(state, view);
-    });
-  }
-  getEditor() {
-    return _ImageUploadEditor.default;
-  }
-}
-var _default = ImageUploadCommand;
-exports.default = _default;

package/dist/ImageUploadCommand.js.flow

@@ -1,36 +0,0 @@
-// @flow
-
-import { EditorState } from 'prosemirror-state';
-import { EditorView } from 'prosemirror-view';
-import * as React from 'react';
-
-import ImageSourceCommand from './ImageSourceCommand';
-import ImageUploadEditor from './ui/ImageUploadEditor';
-
-class ImageUploadCommand extends ImageSourceCommand {
-  isEnabled = (state: EditorState, view: ?EditorView): boolean => {
-    if (!view) {
-      return false;
-    }
-
-    const { runtime } = view;
-    if (!runtime) {
-      return false;
-    }
-
-    const { canUploadImage, uploadImage } = runtime;
-    if (!canUploadImage || !uploadImage) {
-      return false;
-    }
-    if (!canUploadImage()) {
-      return false;
-    }
-
-    return this.__isEnabled(state, view);
-  };
-
-  getEditor(): Class<React.Component<any, any>> {
-    return ImageUploadEditor;
-  }
-}
-export default ImageUploadCommand;

package/dist/ui/ImageAlignEditor.js

@@ -1,71 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.bpfrpt_proptype_ImageInlineEditorValue = void 0;
-require("./czi-inline-editor.css");
-var _licitUiCommands = require("@modusoperandi/licit-ui-commands");
-var React = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-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 ImageAlignValues = {
-  NONE: {
-    value: null,
-    text: 'Inline'
-  },
-  LEFT: {
-    value: 'left',
-    text: 'Float left'
-  },
-  CENTER: {
-    value: 'center',
-    text: 'Center'
-  },
-  RIGHT: {
-    value: 'right',
-    text: 'Float right'
-  }
-};
-var bpfrpt_proptype_ImageInlineEditorValue = {
-  "align": _propTypes.default.string
-};
-exports.bpfrpt_proptype_ImageInlineEditorValue = bpfrpt_proptype_ImageInlineEditorValue;
-class ImageInlineEditor extends React.PureComponent {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "props", void 0);
-    _defineProperty(this, "_onClick", align => {
-      this.props.onSelect({
-        align: align
-      });
-    });
-  }
-  render() {
-    const align = this.props.value ? this.props.value.align : null;
-    const onClick = this._onClick;
-    const buttons = Object.keys(ImageAlignValues).map(key => {
-      const {
-        value,
-        text
-      } = ImageAlignValues[key];
-      return /*#__PURE__*/React.createElement(_licitUiCommands.CustomButton, {
-        active: align === value,
-        key: key,
-        label: text,
-        onClick: onClick,
-        value: value
-      });
-    });
-    return /*#__PURE__*/React.createElement("div", {
-      className: "czi-inline-editor custom-"
-    }, buttons);
-  }
-}
-var _default = ImageInlineEditor;
-exports.default = _default;

package/dist/ui/ImageAlignEditor.js.flow

@@ -1,60 +0,0 @@
-// @flow
-
-import './czi-inline-editor.css';
-import { CustomButton } from '@modusoperandi/licit-ui-commands';
-import * as React from 'react';
-
-const ImageAlignValues = {
-  NONE: {
-    value: null,
-    text: 'Inline',
-  },
-  LEFT: {
-    value: 'left',
-    text: 'Float left',
-  },
-  CENTER: {
-    value: 'center',
-    text: 'Center',
-  },
-  RIGHT: {
-    value: 'right',
-    text: 'Float right',
-  },
-};
-
-export type ImageInlineEditorValue = {
-  align: ?string,
-};
-
-class ImageInlineEditor extends React.PureComponent<any, any> {
-  props: {
-    onSelect: (val: ImageInlineEditorValue) => void,
-    value: ?ImageInlineEditorValue,
-  };
-
-  render(): React.Element<any> {
-    const align = this.props.value ? this.props.value.align : null;
-    const onClick = this._onClick;
-    const buttons = Object.keys(ImageAlignValues).map((key) => {
-      const { value, text } = ImageAlignValues[key];
-      return (
-        <CustomButton
-          active={align === value}
-          key={key}
-          label={text}
-          onClick={onClick}
-          value={value}
-        />
-      );
-    });
-
-    return <div className="czi-inline-editor custom-">{buttons}</div>;
-  }
-
-  _onClick = (align: ?string): void => {
-    this.props.onSelect({ align: align });
-  };
-}
-
-export default ImageInlineEditor;