@modusoperandi/licit 0.14.1 → 0.14.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (48) hide show
  1. package/README.md +1 -0
  2. package/dist/EditorCommands.js +1 -7
  3. package/dist/EditorCommands.js.flow +0 -4
  4. package/dist/EditorNodes.js +0 -3
  5. package/dist/EditorNodes.js.flow +0 -3
  6. package/dist/bom.xml +225 -227
  7. package/dist/buildEditorPlugins.js +1 -2
  8. package/dist/buildEditorPlugins.js.flow +0 -2
  9. package/dist/client/Licit.js +7 -0
  10. package/dist/client/Licit.js.flow +9 -0
  11. package/dist/ui/Editor.js +0 -2
  12. package/dist/ui/Editor.js.flow +1 -3
  13. package/dist/ui/EditorToolbarConfig.js +0 -6
  14. package/dist/ui/EditorToolbarConfig.js.flow +0 -8
  15. package/package.json +6 -12
  16. package/src/EditorCommands.js +0 -4
  17. package/src/EditorNodes.js +0 -3
  18. package/src/buildEditorPlugins.js +0 -2
  19. package/src/client/Licit.js +9 -0
  20. package/src/ui/Editor.js +1 -3
  21. package/src/ui/EditorToolbarConfig.js +0 -8
  22. package/dist/ImageFromURLCommand.js +0 -19
  23. package/dist/ImageFromURLCommand.js.flow +0 -14
  24. package/dist/ImageNodeSpec.js +0 -109
  25. package/dist/ImageNodeSpec.js.flow +0 -90
  26. package/dist/ImageSourceCommand.js +0 -117
  27. package/dist/ImageSourceCommand.js.flow +0 -117
  28. package/dist/ImageUploadCommand.js +0 -49
  29. package/dist/ImageUploadCommand.js.flow +0 -36
  30. package/dist/ui/ImageAlignEditor.js +0 -71
  31. package/dist/ui/ImageAlignEditor.js.flow +0 -60
  32. package/dist/ui/ImageNodeView.js +0 -404
  33. package/dist/ui/ImageNodeView.js.flow +0 -405
  34. package/dist/ui/ImageResizeBox.js +0 -206
  35. package/dist/ui/ImageResizeBox.js.flow +0 -219
  36. package/dist/ui/ImageURLEditor.js +0 -108
  37. package/dist/ui/ImageURLEditor.js.flow +0 -119
  38. package/dist/ui/ImageUploadEditor.js +0 -123
  39. package/dist/ui/ImageUploadEditor.js.flow +0 -117
  40. package/src/ImageFromURLCommand.js +0 -14
  41. package/src/ImageNodeSpec.js +0 -90
  42. package/src/ImageSourceCommand.js +0 -117
  43. package/src/ImageUploadCommand.js +0 -36
  44. package/src/ui/ImageAlignEditor.js +0 -60
  45. package/src/ui/ImageNodeView.js +0 -405
  46. package/src/ui/ImageResizeBox.js +0 -219
  47. package/src/ui/ImageURLEditor.js +0 -119
  48. package/src/ui/ImageUploadEditor.js +0 -117
@@ -1,117 +0,0 @@
1
- // @flow
2
-
3
- import { Fragment, Schema } from 'prosemirror-model';
4
- import { EditorState } from 'prosemirror-state';
5
- import { TextSelection } from 'prosemirror-state';
6
- import { Transform } from 'prosemirror-transform';
7
- import { EditorView } from 'prosemirror-view';
8
- import * as React from 'react';
9
- import {
10
- hideCursorPlaceholder,
11
- showCursorPlaceholder,
12
- } from './CursorPlaceholderPlugin';
13
- import { IMAGE } from './NodeNames';
14
- import { UICommand } from '@modusoperandi/licit-doc-attrs-step';
15
- import { createPopUp } from '@modusoperandi/licit-ui-commands';
16
-
17
- import type { ImageLike } from './Types';
18
-
19
- function insertImage(tr: Transform, schema: Schema, src: ?string): Transform {
20
- const { selection } = tr;
21
- if (!selection) {
22
- return tr;
23
- }
24
- const { from, to } = selection;
25
- if (from !== to) {
26
- return tr;
27
- }
28
-
29
- const image = schema.nodes[IMAGE];
30
- if (!image) {
31
- return tr;
32
- }
33
-
34
- const attrs = {
35
- src: src || '',
36
- alt: '',
37
- title: '',
38
- };
39
-
40
- const node = image.create(attrs, null, null);
41
- const frag = Fragment.from(node);
42
- tr = tr.insert(from, frag);
43
- return tr;
44
- }
45
-
46
- class ImageSourceCommand extends UICommand {
47
- _popUp = null;
48
-
49
- getEditor(): Class<React.Component<any, any>> {
50
- throw new Error('Not implemented');
51
- }
52
-
53
- isEnabled = (state: EditorState, view: ?EditorView): boolean => {
54
- return this.__isEnabled(state, view);
55
- };
56
-
57
- waitForUserInput = (
58
- state: EditorState,
59
- dispatch: ?(tr: Transform) => void,
60
- view: ?EditorView,
61
- event: ?SyntheticEvent<>
62
- ): Promise<any> => {
63
- if (this._popUp) {
64
- return Promise.resolve(undefined);
65
- }
66
-
67
- if (dispatch) {
68
- dispatch(showCursorPlaceholder(state));
69
- }
70
-
71
- return new Promise((resolve) => {
72
- const props = { runtime: view ? view.runtime : null };
73
- this._popUp = createPopUp(this.getEditor(), props, {
74
- modal: true,
75
- onClose: (val) => {
76
- if (this._popUp) {
77
- this._popUp = null;
78
- resolve(val);
79
- }
80
- },
81
- });
82
- });
83
- };
84
-
85
- executeWithUserInput = (
86
- state: EditorState,
87
- dispatch: ?(tr: Transform) => void,
88
- view: ?EditorView,
89
- inputs: ?ImageLike
90
- ): boolean => {
91
- if (dispatch) {
92
- const { selection, schema } = state;
93
- let { tr } = state;
94
- tr = view ? hideCursorPlaceholder(view.state) : tr;
95
- tr = tr.setSelection(selection);
96
- if (inputs) {
97
- const { src } = inputs;
98
- tr = insertImage(tr, schema, src);
99
- }
100
- dispatch(tr);
101
- view && view.focus();
102
- }
103
-
104
- return false;
105
- };
106
-
107
- __isEnabled = (state: EditorState, view: ?EditorView): boolean => {
108
- const tr = state;
109
- const { selection } = tr;
110
- if (selection instanceof TextSelection) {
111
- return selection.from === selection.to;
112
- }
113
- return false;
114
- };
115
- }
116
-
117
- export default ImageSourceCommand;
@@ -1,49 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
- var _prosemirrorState = require("prosemirror-state");
8
- var _prosemirrorView = require("prosemirror-view");
9
- var React = _interopRequireWildcard(require("react"));
10
- var _ImageSourceCommand = _interopRequireDefault(require("./ImageSourceCommand"));
11
- var _ImageUploadEditor = _interopRequireDefault(require("./ui/ImageUploadEditor"));
12
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
13
- 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); }
14
- 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; }
15
- 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; }
16
- function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
17
- 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); }
18
- class ImageUploadCommand extends _ImageSourceCommand.default {
19
- constructor() {
20
- super(...arguments);
21
- _defineProperty(this, "isEnabled", (state, view) => {
22
- if (!view) {
23
- return false;
24
- }
25
- const {
26
- runtime
27
- } = view;
28
- if (!runtime) {
29
- return false;
30
- }
31
- const {
32
- canUploadImage,
33
- uploadImage
34
- } = runtime;
35
- if (!canUploadImage || !uploadImage) {
36
- return false;
37
- }
38
- if (!canUploadImage()) {
39
- return false;
40
- }
41
- return this.__isEnabled(state, view);
42
- });
43
- }
44
- getEditor() {
45
- return _ImageUploadEditor.default;
46
- }
47
- }
48
- var _default = ImageUploadCommand;
49
- exports.default = _default;
@@ -1,36 +0,0 @@
1
- // @flow
2
-
3
- import { EditorState } from 'prosemirror-state';
4
- import { EditorView } from 'prosemirror-view';
5
- import * as React from 'react';
6
-
7
- import ImageSourceCommand from './ImageSourceCommand';
8
- import ImageUploadEditor from './ui/ImageUploadEditor';
9
-
10
- class ImageUploadCommand extends ImageSourceCommand {
11
- isEnabled = (state: EditorState, view: ?EditorView): boolean => {
12
- if (!view) {
13
- return false;
14
- }
15
-
16
- const { runtime } = view;
17
- if (!runtime) {
18
- return false;
19
- }
20
-
21
- const { canUploadImage, uploadImage } = runtime;
22
- if (!canUploadImage || !uploadImage) {
23
- return false;
24
- }
25
- if (!canUploadImage()) {
26
- return false;
27
- }
28
-
29
- return this.__isEnabled(state, view);
30
- };
31
-
32
- getEditor(): Class<React.Component<any, any>> {
33
- return ImageUploadEditor;
34
- }
35
- }
36
- export default ImageUploadCommand;
@@ -1,71 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = exports.bpfrpt_proptype_ImageInlineEditorValue = void 0;
7
- require("./czi-inline-editor.css");
8
- var _licitUiCommands = require("@modusoperandi/licit-ui-commands");
9
- var React = _interopRequireWildcard(require("react"));
10
- var _propTypes = _interopRequireDefault(require("prop-types"));
11
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
12
- 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); }
13
- 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; }
14
- 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; }
15
- function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
16
- 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); }
17
- const ImageAlignValues = {
18
- NONE: {
19
- value: null,
20
- text: 'Inline'
21
- },
22
- LEFT: {
23
- value: 'left',
24
- text: 'Float left'
25
- },
26
- CENTER: {
27
- value: 'center',
28
- text: 'Center'
29
- },
30
- RIGHT: {
31
- value: 'right',
32
- text: 'Float right'
33
- }
34
- };
35
- var bpfrpt_proptype_ImageInlineEditorValue = {
36
- "align": _propTypes.default.string
37
- };
38
- exports.bpfrpt_proptype_ImageInlineEditorValue = bpfrpt_proptype_ImageInlineEditorValue;
39
- class ImageInlineEditor extends React.PureComponent {
40
- constructor() {
41
- super(...arguments);
42
- _defineProperty(this, "props", void 0);
43
- _defineProperty(this, "_onClick", align => {
44
- this.props.onSelect({
45
- align: align
46
- });
47
- });
48
- }
49
- render() {
50
- const align = this.props.value ? this.props.value.align : null;
51
- const onClick = this._onClick;
52
- const buttons = Object.keys(ImageAlignValues).map(key => {
53
- const {
54
- value,
55
- text
56
- } = ImageAlignValues[key];
57
- return /*#__PURE__*/React.createElement(_licitUiCommands.CustomButton, {
58
- active: align === value,
59
- key: key,
60
- label: text,
61
- onClick: onClick,
62
- value: value
63
- });
64
- });
65
- return /*#__PURE__*/React.createElement("div", {
66
- className: "czi-inline-editor custom-"
67
- }, buttons);
68
- }
69
- }
70
- var _default = ImageInlineEditor;
71
- exports.default = _default;
@@ -1,60 +0,0 @@
1
- // @flow
2
-
3
- import './czi-inline-editor.css';
4
- import { CustomButton } from '@modusoperandi/licit-ui-commands';
5
- import * as React from 'react';
6
-
7
- const ImageAlignValues = {
8
- NONE: {
9
- value: null,
10
- text: 'Inline',
11
- },
12
- LEFT: {
13
- value: 'left',
14
- text: 'Float left',
15
- },
16
- CENTER: {
17
- value: 'center',
18
- text: 'Center',
19
- },
20
- RIGHT: {
21
- value: 'right',
22
- text: 'Float right',
23
- },
24
- };
25
-
26
- export type ImageInlineEditorValue = {
27
- align: ?string,
28
- };
29
-
30
- class ImageInlineEditor extends React.PureComponent<any, any> {
31
- props: {
32
- onSelect: (val: ImageInlineEditorValue) => void,
33
- value: ?ImageInlineEditorValue,
34
- };
35
-
36
- render(): React.Element<any> {
37
- const align = this.props.value ? this.props.value.align : null;
38
- const onClick = this._onClick;
39
- const buttons = Object.keys(ImageAlignValues).map((key) => {
40
- const { value, text } = ImageAlignValues[key];
41
- return (
42
- <CustomButton
43
- active={align === value}
44
- key={key}
45
- label={text}
46
- onClick={onClick}
47
- value={value}
48
- />
49
- );
50
- });
51
-
52
- return <div className="czi-inline-editor custom-">{buttons}</div>;
53
- }
54
-
55
- _onClick = (align: ?string): void => {
56
- this.props.onSelect({ align: align });
57
- };
58
- }
59
-
60
- export default ImageInlineEditor;