@modusoperandi/licit 1.4.3 → 1.4.7
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.
- package/BlockquoteInsertNewLineCommand.js.flow +70 -70
- package/BlockquoteNodeSpec.js.flow +29 -29
- package/BlockquoteToggleCommand.js.flow +56 -56
- package/BookmarkNodeSpec.js.flow +39 -39
- package/BulletListNodeSpec.js.flow +61 -61
- package/CZIProseMirror.js.flow +90 -90
- package/CodeBlockCommand.js.flow +65 -65
- package/CodeBlockNodeSpec.js.flow +24 -24
- package/CodeMarkSpec.js.flow +14 -14
- package/ContentPlaceholderPlugin.js.flow +183 -183
- package/CursorPlaceholderPlugin.js.flow +113 -113
- package/DocLayoutCommand.js.flow +97 -97
- package/DocNodeSpec.js.flow +62 -62
- package/EMMarkSpec.js.flow +39 -39
- package/EditorCommands.js.flow +124 -124
- package/EditorKeyMap.js.flow +173 -173
- package/EditorMarks.js +4 -2
- package/EditorMarks.js.flow +77 -74
- package/EditorNodes.js.flow +55 -55
- package/EditorPageLayoutPlugin.js.flow +67 -67
- package/EditorPlugins.js.flow +8 -8
- package/EditorSchema.js.flow +12 -12
- package/EditorState.js.flow +7 -7
- package/FontSizeMarkSpec.js.flow +54 -54
- package/FontTypeMarkSpec.js.flow +89 -89
- package/HTMLMutator.js.flow +58 -58
- package/HangingIndentMarkSpec.js +34 -0
- package/HangingIndentMarkSpec.js.flow +30 -0
- package/HardBreakNodeSpec.js.flow +15 -15
- package/HeadingNodeSpec.js.flow +42 -42
- package/HistoryRedoCommand.js.flow +41 -41
- package/HistoryUndoCommand.js.flow +41 -41
- package/HorizontalRuleCommand.js.flow +71 -71
- package/HorizontalRuleNodeSpec.js.flow +39 -39
- package/ImageUploadPlaceholderPlugin.js.flow +187 -187
- package/LICENSE +22 -22
- package/LinkMarkSpec.js +13 -3
- package/LinkMarkSpec.js.flow +41 -37
- package/LinkSetURLCommand.js.flow +129 -129
- package/LinkTooltipPlugin.js +34 -37
- package/LinkTooltipPlugin.js.flow +207 -217
- package/ListItemInsertNewLineCommand.js.flow +76 -76
- package/ListItemMergeCommand.js.flow +197 -197
- package/ListItemNodeSpec.js.flow +52 -52
- package/ListSplitCommand.js.flow +54 -54
- package/ListToggleCommand.js.flow +99 -99
- package/MarkNames.js +2 -1
- package/MarkNames.js.flow +20 -19
- package/MarksClearCommand.js.flow +66 -66
- package/NodeNames.js.flow +23 -23
- package/OrderedListNodeSpec.js.flow +131 -131
- package/OverrideMarkSpec.js.flow +49 -49
- package/ParagraphNodeSpec.js +21 -2
- package/ParagraphNodeSpec.js.flow +233 -215
- package/ParagraphSpacingCommand.js.flow +139 -139
- package/PrintCommand.js.flow +53 -53
- package/SelectionPlaceholderPlugin.js.flow +129 -129
- package/SpacerMarkSpec.js.flow +47 -47
- package/StrikeMarkSpec.js.flow +24 -24
- package/StrongMarkSpec.js.flow +39 -39
- package/StyleView.js.flow +18 -18
- package/TableBackgroundColorCommand.js.flow +79 -79
- package/TableBorderColorCommand.js +5 -3
- package/TableBorderColorCommand.js.flow +108 -106
- package/TableCellColorCommand.js.flow +73 -73
- package/TableCellMenuPlugin.js.flow +129 -129
- package/TableInsertCommand.js.flow +117 -117
- package/TableMergeCellsCommand.js.flow +113 -113
- package/TableNodesSpecs.js.flow +144 -144
- package/TablePlugins.js.flow +14 -14
- package/TableResizePlugin.js.flow +636 -636
- package/TextColorMarkSpec.js.flow +40 -40
- package/TextHighlightMarkSpec.js.flow +47 -47
- package/TextInsertTabSpaceCommand.js +0 -3
- package/TextInsertTabSpaceCommand.js.flow +103 -106
- package/TextNoWrapMarkSpec.js.flow +14 -14
- package/TextNodeSpec.js.flow +7 -7
- package/TextSelectionMarkSpec.js.flow +24 -24
- package/TextSubMarkSpec.js.flow +28 -28
- package/TextSuperMarkSpec.js.flow +28 -28
- package/TextUnderlineMarkSpec.js.flow +24 -24
- package/Types.js.flow +77 -77
- package/WebFontLoader.js.flow +22 -22
- package/blockQuoteInputRule.js.flow +36 -36
- package/bom.xml +9555 -9683
- package/browser.js.flow +7 -7
- package/buildEditorPlugins.js.flow +48 -48
- package/buildInputRules.js.flow +85 -85
- package/client/CollabConnector.js.flow +90 -90
- package/client/EditorConnection.js.flow +324 -324
- package/client/Licit.js +39 -39
- package/client/Licit.js.flow +649 -649
- package/client/Licit.test.js.flow +104 -104
- package/client/Reporter.js.flow +35 -35
- package/client/SimpleConnector.js.flow +61 -61
- package/client/http.js.flow +60 -60
- package/client/licit.css +12 -12
- package/client/throttle.js.flow +27 -27
- package/convertFromDOMElement.js.flow +33 -33
- package/convertFromHTML.js.flow +15 -15
- package/convertFromJSON.js.flow +53 -53
- package/convertToCSSPTValue.js.flow +19 -19
- package/convertToJSON.js.flow +7 -7
- package/createCommand.js.flow +62 -62
- package/createEditorKeyMap.js.flow +87 -87
- package/createEmptyEditorState.js.flow +29 -29
- package/createTableResizingPlugin.js.flow +86 -86
- package/findActionableCell.js.flow +74 -74
- package/findActiveMark.js.flow +32 -32
- package/hyphenize.js.flow +17 -17
- package/index.d.ts +167 -167
- package/index.js.flow +10 -10
- package/insertTable.js.flow +54 -54
- package/isEditorStateEmpty.js.flow +32 -32
- package/isTableNode.js.flow +15 -15
- package/joinDown.js.flow +25 -25
- package/joinListNode.js.flow +55 -55
- package/joinUp.js.flow +37 -37
- package/keymaps.js.flow +175 -175
- package/lookUpElement.js.flow +14 -14
- package/nodeAt.js.flow +12 -12
- package/normalizeHTML.js.flow +80 -80
- package/package.json +152 -152
- package/patchAnchorElements.js.flow +38 -38
- package/patchBreakElements.js.flow +22 -22
- package/patchElementInlineStyles.js.flow +92 -92
- package/patchListElements.js.flow +275 -275
- package/patchMathElements.js.flow +58 -58
- package/patchParagraphElements.js.flow +20 -20
- package/patchStyleElements.js.flow +197 -197
- package/patchTableElements.js.flow +88 -88
- package/rebaseDocWithSteps.js.flow +42 -42
- package/sanitizeURL.js.flow +13 -13
- package/splitListItem.js.flow +191 -191
- package/styles.css +46 -46
- package/toClosestFontPtSize.js.flow +22 -22
- package/toSafeHTMLDocument.js.flow +9 -9
- package/toggleBlockquote.js.flow +101 -101
- package/toggleCodeBlock.js.flow +102 -102
- package/ui/AlertInfo.js.flow +63 -63
- package/ui/BookmarkNodeView.js.flow +64 -64
- package/ui/CommandButton.js.flow +68 -68
- package/ui/CommandMenu.js.flow +74 -74
- package/ui/CommandMenuButton.js.flow +128 -128
- package/ui/CustomEditorView.js.flow +29 -29
- package/ui/CustomMenu.js.flow +14 -14
- package/ui/CustomMenuItem.js.flow +35 -35
- package/ui/CustomNodeView.js.flow +207 -207
- package/ui/CustomRadioButton.js.flow +63 -63
- package/ui/DocLayoutEditor.js.flow +130 -130
- package/ui/Editor.js.flow +281 -281
- package/ui/EditorFrameset.js.flow +79 -79
- package/ui/EditorToolbar.js.flow +197 -197
- package/ui/EditorToolbarConfig.js.flow +162 -162
- package/ui/FontSizeCommandMenuButton.js.flow +66 -66
- package/ui/FontTypeCommandMenuButton.js.flow +60 -60
- package/ui/Frag.js.flow +11 -11
- package/ui/Icon.js.flow +82 -82
- package/ui/ImageInlineEditor.js.flow +66 -66
- package/ui/KeyCodes.js.flow +12 -12
- package/ui/LinkTooltip.js.flow +51 -51
- package/ui/LinkURLEditor.js.flow +227 -227
- package/ui/ListItemNodeView.js.flow +101 -101
- package/ui/ListTypeButton.js.flow +121 -121
- package/ui/ListTypeCommandButton.js.flow +85 -85
- package/ui/ListTypeMenu.js.flow +78 -78
- package/ui/LoadingIndicator.js.flow +19 -19
- package/ui/PasteMenu.js.flow +52 -52
- package/ui/ResizeObserver.js.flow +105 -105
- package/ui/RichTextEditor.js.flow +133 -133
- package/ui/SelectionObserver.js.flow +134 -134
- package/ui/TableCellMenu.js.flow +49 -49
- package/ui/TableGridSizeEditor.js.flow +185 -185
- package/ui/TableNodeView.js.flow +36 -36
- package/ui/bindScrollHandler.js.flow +46 -46
- package/ui/canUseCSSFont.js.flow +42 -42
- package/ui/czi-body-layout-editor.css +16 -16
- package/ui/czi-bookmark-view.css +10 -10
- package/ui/czi-cursor-placeholder.css +36 -36
- package/ui/czi-custom-menu-button.css +18 -18
- package/ui/czi-custom-menu-item.css +30 -30
- package/ui/czi-custom-menu.css +8 -8
- package/ui/czi-custom-radio-button.css +80 -80
- package/ui/czi-custom-scrollbar.css +21 -21
- package/ui/czi-editor-frameset.css +81 -81
- package/ui/czi-editor-toolbar.css +122 -122
- package/ui/czi-editor.css +239 -216
- package/ui/czi-form.css +201 -201
- package/ui/czi-frag.css +3 -3
- package/ui/czi-heading.css +40 -40
- package/ui/czi-icon.css +72 -72
- package/ui/czi-image-resize-box.css +165 -165
- package/ui/czi-image-upload-editor.css +57 -57
- package/ui/czi-image-upload-placeholder.css +50 -50
- package/ui/czi-image-url-editor.css +38 -38
- package/ui/czi-image-view.css +121 -121
- package/ui/czi-indent.css +137 -137
- package/ui/czi-inline-editor.css +20 -20
- package/ui/czi-link-tooltip.css +112 -112
- package/ui/czi-list.css +406 -406
- package/ui/czi-loading-indicator.css +66 -66
- package/ui/czi-math-view.css +62 -62
- package/ui/czi-selection-placeholder.css +24 -24
- package/ui/czi-table-cell-menu.css +16 -16
- package/ui/czi-table-grid-size-editor.css +37 -37
- package/ui/czi-table.css +89 -89
- package/ui/czi-vars.css +47 -45
- package/ui/findActiveFontSize.js.flow +55 -55
- package/ui/findActiveFontType.js.flow +35 -35
- package/ui/fonts.css +460 -460
- package/ui/handleEditorDrop.js.flow +28 -28
- package/ui/handleEditorKeyDown.js.flow +39 -39
- package/ui/handleEditorPaste.js.flow +33 -33
- package/ui/htmlElementToRect.js.flow +18 -18
- package/ui/icon-font.css +9 -9
- package/ui/injectStyleSheet.js.flow +40 -40
- package/ui/isElementFullyVisible.js.flow +14 -14
- package/ui/isOffline.js.flow +8 -8
- package/ui/isReactClass.js.flow +12 -12
- package/ui/listType.css +21 -21
- package/ui/resolveImage.js.flow +121 -121
- package/ui/toCSSColor.js.flow +51 -51
- package/ui/toCSSLineSpacing.js.flow +53 -53
- package/ui/toHexColor.js.flow +26 -26
- package/ui/uuid.js.flow +9 -9
- package/uuid.js.flow +9 -9
|
@@ -1,139 +1,139 @@
|
|
|
1
|
-
// @flow
|
|
2
|
-
|
|
3
|
-
import { UICommand } from '@modusoperandi/licit-doc-attrs-step';
|
|
4
|
-
import { AllSelection, TextSelection, EditorState } from 'prosemirror-state';
|
|
5
|
-
import { BLOCKQUOTE, HEADING, LIST_ITEM, PARAGRAPH } from './NodeNames';
|
|
6
|
-
import { EditorView } from 'prosemirror-view';
|
|
7
|
-
import { Schema } from 'prosemirror-model';
|
|
8
|
-
import { Transform } from 'prosemirror-transform';
|
|
9
|
-
import * as React from 'react';
|
|
10
|
-
|
|
11
|
-
export function setParagraphSpacing(
|
|
12
|
-
tr: Transform,
|
|
13
|
-
schema: Schema,
|
|
14
|
-
paragraphSpacing: ?string,
|
|
15
|
-
isAfter: ?boolean
|
|
16
|
-
): Transform {
|
|
17
|
-
const { selection, doc } = tr;
|
|
18
|
-
if (!selection || !doc) {
|
|
19
|
-
return tr;
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
if (
|
|
23
|
-
!(selection instanceof TextSelection) &&
|
|
24
|
-
!(selection instanceof AllSelection)
|
|
25
|
-
) {
|
|
26
|
-
return tr;
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
const { from, to } = selection;
|
|
30
|
-
const paragraph = schema.nodes[PARAGRAPH];
|
|
31
|
-
const heading = schema.nodes[HEADING];
|
|
32
|
-
const listItem = schema.nodes[LIST_ITEM];
|
|
33
|
-
const blockquote = schema.nodes[BLOCKQUOTE];
|
|
34
|
-
if (!paragraph && !heading && !listItem && !blockquote) {
|
|
35
|
-
return tr;
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
const tasks = [];
|
|
39
|
-
const paragraphSpacingValue = paragraphSpacing || null;
|
|
40
|
-
|
|
41
|
-
doc.nodesBetween(from, to, (node, pos, parentNode) => {
|
|
42
|
-
const nodeType = node.type;
|
|
43
|
-
if (
|
|
44
|
-
nodeType === paragraph ||
|
|
45
|
-
nodeType === heading ||
|
|
46
|
-
nodeType === listItem ||
|
|
47
|
-
nodeType === blockquote
|
|
48
|
-
) {
|
|
49
|
-
const paragraphSpacing = node.attrs.paragraphSpacing || null;
|
|
50
|
-
if (paragraphSpacing !== paragraphSpacingValue) {
|
|
51
|
-
tasks.push({
|
|
52
|
-
node,
|
|
53
|
-
pos,
|
|
54
|
-
nodeType,
|
|
55
|
-
});
|
|
56
|
-
}
|
|
57
|
-
return nodeType === listItem;
|
|
58
|
-
}
|
|
59
|
-
return true;
|
|
60
|
-
});
|
|
61
|
-
|
|
62
|
-
if (!tasks.length) {
|
|
63
|
-
return tr;
|
|
64
|
-
}
|
|
65
|
-
|
|
66
|
-
tasks.forEach((job) => {
|
|
67
|
-
const { node, pos, nodeType } = job;
|
|
68
|
-
let { attrs } = node;
|
|
69
|
-
if (isAfter) {
|
|
70
|
-
attrs = {
|
|
71
|
-
...attrs,
|
|
72
|
-
paragraphSpacingAfter: paragraphSpacingValue || null,
|
|
73
|
-
};
|
|
74
|
-
} else {
|
|
75
|
-
attrs = {
|
|
76
|
-
...attrs,
|
|
77
|
-
paragraphSpacingBefore: paragraphSpacingValue || null,
|
|
78
|
-
};
|
|
79
|
-
}
|
|
80
|
-
tr = tr.setNodeMarkup(pos, nodeType, attrs, node.marks);
|
|
81
|
-
});
|
|
82
|
-
|
|
83
|
-
return tr;
|
|
84
|
-
}
|
|
85
|
-
|
|
86
|
-
class ParagraphSpacingCommand extends UICommand {
|
|
87
|
-
_paragraphSpacing: ?string;
|
|
88
|
-
_isAfter: ?boolean;
|
|
89
|
-
|
|
90
|
-
constructor(paragraphSpacing: ?string, isAfter: ?boolean) {
|
|
91
|
-
super();
|
|
92
|
-
this._paragraphSpacing = paragraphSpacing;
|
|
93
|
-
this._isAfter = isAfter;
|
|
94
|
-
}
|
|
95
|
-
|
|
96
|
-
execute = (
|
|
97
|
-
state: EditorState,
|
|
98
|
-
dispatch: ?(tr: Transform) => void,
|
|
99
|
-
view: ?EditorView
|
|
100
|
-
): boolean => {
|
|
101
|
-
const { schema, selection } = state;
|
|
102
|
-
const tr = setParagraphSpacing(
|
|
103
|
-
state.tr.setSelection(selection),
|
|
104
|
-
schema,
|
|
105
|
-
this._paragraphSpacing,
|
|
106
|
-
this._isAfter
|
|
107
|
-
);
|
|
108
|
-
if (tr.docChanged) {
|
|
109
|
-
dispatch && dispatch(tr);
|
|
110
|
-
return true;
|
|
111
|
-
} else {
|
|
112
|
-
return false;
|
|
113
|
-
}
|
|
114
|
-
};
|
|
115
|
-
|
|
116
|
-
waitForUserInput = (
|
|
117
|
-
_state: EditorState,
|
|
118
|
-
_dispatch: ?(tr: Transform) => void,
|
|
119
|
-
_view: ?EditorView,
|
|
120
|
-
_event: ?React.SyntheticEvent
|
|
121
|
-
): Promise<undefined> => {
|
|
122
|
-
return Promise.resolve(undefined);
|
|
123
|
-
};
|
|
124
|
-
|
|
125
|
-
executeWithUserInput = (
|
|
126
|
-
_state: EditorState,
|
|
127
|
-
_dispatch: ?(tr: Transform) => void,
|
|
128
|
-
_view: ?EditorView,
|
|
129
|
-
_inputs: ?string
|
|
130
|
-
): boolean => {
|
|
131
|
-
return false;
|
|
132
|
-
};
|
|
133
|
-
|
|
134
|
-
cancel(): void {
|
|
135
|
-
return null;
|
|
136
|
-
}
|
|
137
|
-
}
|
|
138
|
-
|
|
139
|
-
export default ParagraphSpacingCommand;
|
|
1
|
+
// @flow
|
|
2
|
+
|
|
3
|
+
import { UICommand } from '@modusoperandi/licit-doc-attrs-step';
|
|
4
|
+
import { AllSelection, TextSelection, EditorState } from 'prosemirror-state';
|
|
5
|
+
import { BLOCKQUOTE, HEADING, LIST_ITEM, PARAGRAPH } from './NodeNames';
|
|
6
|
+
import { EditorView } from 'prosemirror-view';
|
|
7
|
+
import { Schema } from 'prosemirror-model';
|
|
8
|
+
import { Transform } from 'prosemirror-transform';
|
|
9
|
+
import * as React from 'react';
|
|
10
|
+
|
|
11
|
+
export function setParagraphSpacing(
|
|
12
|
+
tr: Transform,
|
|
13
|
+
schema: Schema,
|
|
14
|
+
paragraphSpacing: ?string,
|
|
15
|
+
isAfter: ?boolean
|
|
16
|
+
): Transform {
|
|
17
|
+
const { selection, doc } = tr;
|
|
18
|
+
if (!selection || !doc) {
|
|
19
|
+
return tr;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
if (
|
|
23
|
+
!(selection instanceof TextSelection) &&
|
|
24
|
+
!(selection instanceof AllSelection)
|
|
25
|
+
) {
|
|
26
|
+
return tr;
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
const { from, to } = selection;
|
|
30
|
+
const paragraph = schema.nodes[PARAGRAPH];
|
|
31
|
+
const heading = schema.nodes[HEADING];
|
|
32
|
+
const listItem = schema.nodes[LIST_ITEM];
|
|
33
|
+
const blockquote = schema.nodes[BLOCKQUOTE];
|
|
34
|
+
if (!paragraph && !heading && !listItem && !blockquote) {
|
|
35
|
+
return tr;
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
const tasks = [];
|
|
39
|
+
const paragraphSpacingValue = paragraphSpacing || null;
|
|
40
|
+
|
|
41
|
+
doc.nodesBetween(from, to, (node, pos, parentNode) => {
|
|
42
|
+
const nodeType = node.type;
|
|
43
|
+
if (
|
|
44
|
+
nodeType === paragraph ||
|
|
45
|
+
nodeType === heading ||
|
|
46
|
+
nodeType === listItem ||
|
|
47
|
+
nodeType === blockquote
|
|
48
|
+
) {
|
|
49
|
+
const paragraphSpacing = node.attrs.paragraphSpacing || null;
|
|
50
|
+
if (paragraphSpacing !== paragraphSpacingValue) {
|
|
51
|
+
tasks.push({
|
|
52
|
+
node,
|
|
53
|
+
pos,
|
|
54
|
+
nodeType,
|
|
55
|
+
});
|
|
56
|
+
}
|
|
57
|
+
return nodeType === listItem;
|
|
58
|
+
}
|
|
59
|
+
return true;
|
|
60
|
+
});
|
|
61
|
+
|
|
62
|
+
if (!tasks.length) {
|
|
63
|
+
return tr;
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
tasks.forEach((job) => {
|
|
67
|
+
const { node, pos, nodeType } = job;
|
|
68
|
+
let { attrs } = node;
|
|
69
|
+
if (isAfter) {
|
|
70
|
+
attrs = {
|
|
71
|
+
...attrs,
|
|
72
|
+
paragraphSpacingAfter: paragraphSpacingValue || null,
|
|
73
|
+
};
|
|
74
|
+
} else {
|
|
75
|
+
attrs = {
|
|
76
|
+
...attrs,
|
|
77
|
+
paragraphSpacingBefore: paragraphSpacingValue || null,
|
|
78
|
+
};
|
|
79
|
+
}
|
|
80
|
+
tr = tr.setNodeMarkup(pos, nodeType, attrs, node.marks);
|
|
81
|
+
});
|
|
82
|
+
|
|
83
|
+
return tr;
|
|
84
|
+
}
|
|
85
|
+
|
|
86
|
+
class ParagraphSpacingCommand extends UICommand {
|
|
87
|
+
_paragraphSpacing: ?string;
|
|
88
|
+
_isAfter: ?boolean;
|
|
89
|
+
|
|
90
|
+
constructor(paragraphSpacing: ?string, isAfter: ?boolean) {
|
|
91
|
+
super();
|
|
92
|
+
this._paragraphSpacing = paragraphSpacing;
|
|
93
|
+
this._isAfter = isAfter;
|
|
94
|
+
}
|
|
95
|
+
|
|
96
|
+
execute = (
|
|
97
|
+
state: EditorState,
|
|
98
|
+
dispatch: ?(tr: Transform) => void,
|
|
99
|
+
view: ?EditorView
|
|
100
|
+
): boolean => {
|
|
101
|
+
const { schema, selection } = state;
|
|
102
|
+
const tr = setParagraphSpacing(
|
|
103
|
+
state.tr.setSelection(selection),
|
|
104
|
+
schema,
|
|
105
|
+
this._paragraphSpacing,
|
|
106
|
+
this._isAfter
|
|
107
|
+
);
|
|
108
|
+
if (tr.docChanged) {
|
|
109
|
+
dispatch && dispatch(tr);
|
|
110
|
+
return true;
|
|
111
|
+
} else {
|
|
112
|
+
return false;
|
|
113
|
+
}
|
|
114
|
+
};
|
|
115
|
+
|
|
116
|
+
waitForUserInput = (
|
|
117
|
+
_state: EditorState,
|
|
118
|
+
_dispatch: ?(tr: Transform) => void,
|
|
119
|
+
_view: ?EditorView,
|
|
120
|
+
_event: ?React.SyntheticEvent
|
|
121
|
+
): Promise<undefined> => {
|
|
122
|
+
return Promise.resolve(undefined);
|
|
123
|
+
};
|
|
124
|
+
|
|
125
|
+
executeWithUserInput = (
|
|
126
|
+
_state: EditorState,
|
|
127
|
+
_dispatch: ?(tr: Transform) => void,
|
|
128
|
+
_view: ?EditorView,
|
|
129
|
+
_inputs: ?string
|
|
130
|
+
): boolean => {
|
|
131
|
+
return false;
|
|
132
|
+
};
|
|
133
|
+
|
|
134
|
+
cancel(): void {
|
|
135
|
+
return null;
|
|
136
|
+
}
|
|
137
|
+
}
|
|
138
|
+
|
|
139
|
+
export default ParagraphSpacingCommand;
|
package/PrintCommand.js.flow
CHANGED
|
@@ -1,53 +1,53 @@
|
|
|
1
|
-
// @flow
|
|
2
|
-
|
|
3
|
-
import { EditorState } from 'prosemirror-state';
|
|
4
|
-
import { Transform } from 'prosemirror-transform';
|
|
5
|
-
import { EditorView } from 'prosemirror-view';
|
|
6
|
-
import * as React from 'react';
|
|
7
|
-
import { UICommand } from '@modusoperandi/licit-doc-attrs-step';
|
|
8
|
-
|
|
9
|
-
class PrintCommand extends UICommand {
|
|
10
|
-
isActive = (state: EditorState): boolean => {
|
|
11
|
-
return false;
|
|
12
|
-
};
|
|
13
|
-
|
|
14
|
-
isEnabled = (state: EditorState): boolean => {
|
|
15
|
-
return !!window.print;
|
|
16
|
-
};
|
|
17
|
-
|
|
18
|
-
execute = (
|
|
19
|
-
state: EditorState,
|
|
20
|
-
dispatch: ?(tr: Transform) => void,
|
|
21
|
-
view: ?EditorView
|
|
22
|
-
): boolean => {
|
|
23
|
-
if (dispatch && window.print) {
|
|
24
|
-
window.print();
|
|
25
|
-
return true;
|
|
26
|
-
}
|
|
27
|
-
return false;
|
|
28
|
-
};
|
|
29
|
-
|
|
30
|
-
waitForUserInput = (
|
|
31
|
-
_state: EditorState,
|
|
32
|
-
_dispatch: ?(tr: Transform) => void,
|
|
33
|
-
_view: ?EditorView,
|
|
34
|
-
_event: ?React.SyntheticEvent
|
|
35
|
-
): Promise<undefined> => {
|
|
36
|
-
return Promise.resolve(undefined);
|
|
37
|
-
};
|
|
38
|
-
|
|
39
|
-
executeWithUserInput = (
|
|
40
|
-
_state: EditorState,
|
|
41
|
-
_dispatch: ?(tr: Transform) => void,
|
|
42
|
-
_view: ?EditorView,
|
|
43
|
-
_inputs: ?string
|
|
44
|
-
): boolean => {
|
|
45
|
-
return false;
|
|
46
|
-
};
|
|
47
|
-
|
|
48
|
-
cancel(): void {
|
|
49
|
-
return null;
|
|
50
|
-
}
|
|
51
|
-
}
|
|
52
|
-
|
|
53
|
-
export default PrintCommand;
|
|
1
|
+
// @flow
|
|
2
|
+
|
|
3
|
+
import { EditorState } from 'prosemirror-state';
|
|
4
|
+
import { Transform } from 'prosemirror-transform';
|
|
5
|
+
import { EditorView } from 'prosemirror-view';
|
|
6
|
+
import * as React from 'react';
|
|
7
|
+
import { UICommand } from '@modusoperandi/licit-doc-attrs-step';
|
|
8
|
+
|
|
9
|
+
class PrintCommand extends UICommand {
|
|
10
|
+
isActive = (state: EditorState): boolean => {
|
|
11
|
+
return false;
|
|
12
|
+
};
|
|
13
|
+
|
|
14
|
+
isEnabled = (state: EditorState): boolean => {
|
|
15
|
+
return !!window.print;
|
|
16
|
+
};
|
|
17
|
+
|
|
18
|
+
execute = (
|
|
19
|
+
state: EditorState,
|
|
20
|
+
dispatch: ?(tr: Transform) => void,
|
|
21
|
+
view: ?EditorView
|
|
22
|
+
): boolean => {
|
|
23
|
+
if (dispatch && window.print) {
|
|
24
|
+
window.print();
|
|
25
|
+
return true;
|
|
26
|
+
}
|
|
27
|
+
return false;
|
|
28
|
+
};
|
|
29
|
+
|
|
30
|
+
waitForUserInput = (
|
|
31
|
+
_state: EditorState,
|
|
32
|
+
_dispatch: ?(tr: Transform) => void,
|
|
33
|
+
_view: ?EditorView,
|
|
34
|
+
_event: ?React.SyntheticEvent
|
|
35
|
+
): Promise<undefined> => {
|
|
36
|
+
return Promise.resolve(undefined);
|
|
37
|
+
};
|
|
38
|
+
|
|
39
|
+
executeWithUserInput = (
|
|
40
|
+
_state: EditorState,
|
|
41
|
+
_dispatch: ?(tr: Transform) => void,
|
|
42
|
+
_view: ?EditorView,
|
|
43
|
+
_inputs: ?string
|
|
44
|
+
): boolean => {
|
|
45
|
+
return false;
|
|
46
|
+
};
|
|
47
|
+
|
|
48
|
+
cancel(): void {
|
|
49
|
+
return null;
|
|
50
|
+
}
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
export default PrintCommand;
|
|
@@ -1,129 +1,129 @@
|
|
|
1
|
-
// @flow
|
|
2
|
-
|
|
3
|
-
import { EditorState, Plugin, PluginKey } from 'prosemirror-state';
|
|
4
|
-
import { Transform } from 'prosemirror-transform';
|
|
5
|
-
import { Decoration, DecorationSet } from 'prosemirror-view';
|
|
6
|
-
|
|
7
|
-
const PLACE_HOLDER_ID = { name: 'SelectionPlaceholderPlugin' };
|
|
8
|
-
|
|
9
|
-
let singletonInstance = null;
|
|
10
|
-
|
|
11
|
-
// https://prosemirror.net/examples/upload/
|
|
12
|
-
const SPEC = {
|
|
13
|
-
// [FS] IRAD-1005 2020-07-07
|
|
14
|
-
// Upgrade outdated packages.
|
|
15
|
-
key: new PluginKey('SelectionPlaceholderPlugin'),
|
|
16
|
-
state: {
|
|
17
|
-
init() {
|
|
18
|
-
return DecorationSet.empty;
|
|
19
|
-
},
|
|
20
|
-
|
|
21
|
-
apply(tr, set) {
|
|
22
|
-
set = set.map(tr.mapping, tr.doc);
|
|
23
|
-
const action = tr.getMeta(this);
|
|
24
|
-
|
|
25
|
-
if (!action) {
|
|
26
|
-
return set;
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
if (action.add) {
|
|
30
|
-
const deco = Decoration.inline(
|
|
31
|
-
action.add.from,
|
|
32
|
-
action.add.to,
|
|
33
|
-
{
|
|
34
|
-
class: 'czi-selection-placeholder',
|
|
35
|
-
},
|
|
36
|
-
{
|
|
37
|
-
id: PLACE_HOLDER_ID,
|
|
38
|
-
}
|
|
39
|
-
);
|
|
40
|
-
set = set.add(tr.doc, [deco]);
|
|
41
|
-
} else if (action.remove) {
|
|
42
|
-
const found = set.find(null, null, specFinder);
|
|
43
|
-
set = set.remove(found);
|
|
44
|
-
}
|
|
45
|
-
|
|
46
|
-
return set;
|
|
47
|
-
},
|
|
48
|
-
},
|
|
49
|
-
props: {
|
|
50
|
-
decorations: (state) => {
|
|
51
|
-
const plugin = singletonInstance;
|
|
52
|
-
return plugin ? plugin.getState(state) : null;
|
|
53
|
-
},
|
|
54
|
-
},
|
|
55
|
-
};
|
|
56
|
-
|
|
57
|
-
class SelectionPlaceholderPlugin extends Plugin {
|
|
58
|
-
constructor() {
|
|
59
|
-
super(SPEC);
|
|
60
|
-
if (singletonInstance) {
|
|
61
|
-
return singletonInstance;
|
|
62
|
-
}
|
|
63
|
-
singletonInstance = this;
|
|
64
|
-
}
|
|
65
|
-
}
|
|
66
|
-
|
|
67
|
-
function specFinder(spec: Object): boolean {
|
|
68
|
-
return spec.id == PLACE_HOLDER_ID;
|
|
69
|
-
}
|
|
70
|
-
|
|
71
|
-
function findSelectionPlaceholder(state: EditorState): ?Decoration {
|
|
72
|
-
if (!singletonInstance) {
|
|
73
|
-
return null;
|
|
74
|
-
}
|
|
75
|
-
if (!state.plugins.includes(singletonInstance)) {
|
|
76
|
-
console.warn('SelectionPlaceholderPlugin is not installed');
|
|
77
|
-
return null;
|
|
78
|
-
}
|
|
79
|
-
const decos = singletonInstance.getState(state);
|
|
80
|
-
const found = decos.find(null, null, specFinder);
|
|
81
|
-
const pos = found.length ? found[0] : null;
|
|
82
|
-
return pos || null;
|
|
83
|
-
}
|
|
84
|
-
|
|
85
|
-
export function showSelectionPlaceholder(
|
|
86
|
-
state: EditorState,
|
|
87
|
-
tr: ?Transform
|
|
88
|
-
): Transform {
|
|
89
|
-
tr = tr || state.tr;
|
|
90
|
-
const plugin = singletonInstance;
|
|
91
|
-
|
|
92
|
-
if (!plugin || !tr.selection || tr.selection.empty) {
|
|
93
|
-
return tr;
|
|
94
|
-
}
|
|
95
|
-
|
|
96
|
-
const deco = findSelectionPlaceholder(state);
|
|
97
|
-
if (deco === null) {
|
|
98
|
-
tr = tr.setMeta(plugin, {
|
|
99
|
-
add: {
|
|
100
|
-
from: tr.selection.from,
|
|
101
|
-
to: tr.selection.to,
|
|
102
|
-
},
|
|
103
|
-
});
|
|
104
|
-
}
|
|
105
|
-
|
|
106
|
-
return tr;
|
|
107
|
-
}
|
|
108
|
-
|
|
109
|
-
export function hideSelectionPlaceholder(
|
|
110
|
-
state: EditorState,
|
|
111
|
-
tr: ?Transform
|
|
112
|
-
): Transform {
|
|
113
|
-
tr = tr || state.tr;
|
|
114
|
-
const plugin = singletonInstance;
|
|
115
|
-
if (!plugin) {
|
|
116
|
-
return tr;
|
|
117
|
-
}
|
|
118
|
-
|
|
119
|
-
const deco = findSelectionPlaceholder(state);
|
|
120
|
-
if (deco) {
|
|
121
|
-
tr = tr.setMeta(plugin, {
|
|
122
|
-
remove: {},
|
|
123
|
-
});
|
|
124
|
-
}
|
|
125
|
-
|
|
126
|
-
return tr;
|
|
127
|
-
}
|
|
128
|
-
|
|
129
|
-
export default SelectionPlaceholderPlugin;
|
|
1
|
+
// @flow
|
|
2
|
+
|
|
3
|
+
import { EditorState, Plugin, PluginKey } from 'prosemirror-state';
|
|
4
|
+
import { Transform } from 'prosemirror-transform';
|
|
5
|
+
import { Decoration, DecorationSet } from 'prosemirror-view';
|
|
6
|
+
|
|
7
|
+
const PLACE_HOLDER_ID = { name: 'SelectionPlaceholderPlugin' };
|
|
8
|
+
|
|
9
|
+
let singletonInstance = null;
|
|
10
|
+
|
|
11
|
+
// https://prosemirror.net/examples/upload/
|
|
12
|
+
const SPEC = {
|
|
13
|
+
// [FS] IRAD-1005 2020-07-07
|
|
14
|
+
// Upgrade outdated packages.
|
|
15
|
+
key: new PluginKey('SelectionPlaceholderPlugin'),
|
|
16
|
+
state: {
|
|
17
|
+
init() {
|
|
18
|
+
return DecorationSet.empty;
|
|
19
|
+
},
|
|
20
|
+
|
|
21
|
+
apply(tr, set) {
|
|
22
|
+
set = set.map(tr.mapping, tr.doc);
|
|
23
|
+
const action = tr.getMeta(this);
|
|
24
|
+
|
|
25
|
+
if (!action) {
|
|
26
|
+
return set;
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
if (action.add) {
|
|
30
|
+
const deco = Decoration.inline(
|
|
31
|
+
action.add.from,
|
|
32
|
+
action.add.to,
|
|
33
|
+
{
|
|
34
|
+
class: 'czi-selection-placeholder',
|
|
35
|
+
},
|
|
36
|
+
{
|
|
37
|
+
id: PLACE_HOLDER_ID,
|
|
38
|
+
}
|
|
39
|
+
);
|
|
40
|
+
set = set.add(tr.doc, [deco]);
|
|
41
|
+
} else if (action.remove) {
|
|
42
|
+
const found = set.find(null, null, specFinder);
|
|
43
|
+
set = set.remove(found);
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
return set;
|
|
47
|
+
},
|
|
48
|
+
},
|
|
49
|
+
props: {
|
|
50
|
+
decorations: (state) => {
|
|
51
|
+
const plugin = singletonInstance;
|
|
52
|
+
return plugin ? plugin.getState(state) : null;
|
|
53
|
+
},
|
|
54
|
+
},
|
|
55
|
+
};
|
|
56
|
+
|
|
57
|
+
class SelectionPlaceholderPlugin extends Plugin {
|
|
58
|
+
constructor() {
|
|
59
|
+
super(SPEC);
|
|
60
|
+
if (singletonInstance) {
|
|
61
|
+
return singletonInstance;
|
|
62
|
+
}
|
|
63
|
+
singletonInstance = this;
|
|
64
|
+
}
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
function specFinder(spec: Object): boolean {
|
|
68
|
+
return spec.id == PLACE_HOLDER_ID;
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
function findSelectionPlaceholder(state: EditorState): ?Decoration {
|
|
72
|
+
if (!singletonInstance) {
|
|
73
|
+
return null;
|
|
74
|
+
}
|
|
75
|
+
if (!state.plugins.includes(singletonInstance)) {
|
|
76
|
+
console.warn('SelectionPlaceholderPlugin is not installed');
|
|
77
|
+
return null;
|
|
78
|
+
}
|
|
79
|
+
const decos = singletonInstance.getState(state);
|
|
80
|
+
const found = decos.find(null, null, specFinder);
|
|
81
|
+
const pos = found.length ? found[0] : null;
|
|
82
|
+
return pos || null;
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
export function showSelectionPlaceholder(
|
|
86
|
+
state: EditorState,
|
|
87
|
+
tr: ?Transform
|
|
88
|
+
): Transform {
|
|
89
|
+
tr = tr || state.tr;
|
|
90
|
+
const plugin = singletonInstance;
|
|
91
|
+
|
|
92
|
+
if (!plugin || !tr.selection || tr.selection.empty) {
|
|
93
|
+
return tr;
|
|
94
|
+
}
|
|
95
|
+
|
|
96
|
+
const deco = findSelectionPlaceholder(state);
|
|
97
|
+
if (deco === null) {
|
|
98
|
+
tr = tr.setMeta(plugin, {
|
|
99
|
+
add: {
|
|
100
|
+
from: tr.selection.from,
|
|
101
|
+
to: tr.selection.to,
|
|
102
|
+
},
|
|
103
|
+
});
|
|
104
|
+
}
|
|
105
|
+
|
|
106
|
+
return tr;
|
|
107
|
+
}
|
|
108
|
+
|
|
109
|
+
export function hideSelectionPlaceholder(
|
|
110
|
+
state: EditorState,
|
|
111
|
+
tr: ?Transform
|
|
112
|
+
): Transform {
|
|
113
|
+
tr = tr || state.tr;
|
|
114
|
+
const plugin = singletonInstance;
|
|
115
|
+
if (!plugin) {
|
|
116
|
+
return tr;
|
|
117
|
+
}
|
|
118
|
+
|
|
119
|
+
const deco = findSelectionPlaceholder(state);
|
|
120
|
+
if (deco) {
|
|
121
|
+
tr = tr.setMeta(plugin, {
|
|
122
|
+
remove: {},
|
|
123
|
+
});
|
|
124
|
+
}
|
|
125
|
+
|
|
126
|
+
return tr;
|
|
127
|
+
}
|
|
128
|
+
|
|
129
|
+
export default SelectionPlaceholderPlugin;
|