@modusoperandi/licit 1.4.2 → 1.4.6

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 (228) hide show
  1. package/BlockquoteInsertNewLineCommand.js.flow +70 -70
  2. package/BlockquoteNodeSpec.js.flow +29 -29
  3. package/BlockquoteToggleCommand.js.flow +56 -56
  4. package/BookmarkNodeSpec.js.flow +39 -39
  5. package/BulletListNodeSpec.js.flow +61 -61
  6. package/CZIProseMirror.js.flow +90 -90
  7. package/CodeBlockCommand.js.flow +65 -65
  8. package/CodeBlockNodeSpec.js.flow +24 -24
  9. package/CodeMarkSpec.js.flow +14 -14
  10. package/ContentPlaceholderPlugin.js.flow +183 -183
  11. package/CursorPlaceholderPlugin.js.flow +113 -113
  12. package/DocLayoutCommand.js.flow +97 -97
  13. package/DocNodeSpec.js.flow +62 -62
  14. package/EMMarkSpec.js.flow +39 -39
  15. package/EditorCommands.js.flow +124 -124
  16. package/EditorKeyMap.js.flow +173 -173
  17. package/EditorMarks.js +4 -2
  18. package/EditorMarks.js.flow +77 -74
  19. package/EditorNodes.js.flow +55 -55
  20. package/EditorPageLayoutPlugin.js.flow +67 -67
  21. package/EditorPlugins.js.flow +8 -8
  22. package/EditorSchema.js.flow +12 -12
  23. package/EditorState.js.flow +7 -7
  24. package/FontSizeMarkSpec.js.flow +54 -54
  25. package/FontTypeMarkSpec.js.flow +89 -89
  26. package/HTMLMutator.js.flow +58 -58
  27. package/HangingIndentMarkSpec.js +34 -0
  28. package/HangingIndentMarkSpec.js.flow +30 -0
  29. package/HardBreakNodeSpec.js.flow +15 -15
  30. package/HeadingNodeSpec.js.flow +42 -42
  31. package/HistoryRedoCommand.js.flow +41 -41
  32. package/HistoryUndoCommand.js.flow +41 -41
  33. package/HorizontalRuleCommand.js.flow +71 -71
  34. package/HorizontalRuleNodeSpec.js.flow +39 -39
  35. package/ImageUploadPlaceholderPlugin.js.flow +187 -187
  36. package/LICENSE +22 -22
  37. package/LinkMarkSpec.js +4 -2
  38. package/LinkMarkSpec.js.flow +38 -37
  39. package/LinkSetURLCommand.js +1 -1
  40. package/LinkSetURLCommand.js.flow +129 -129
  41. package/LinkTooltipPlugin.js +32 -38
  42. package/LinkTooltipPlugin.js.flow +204 -217
  43. package/ListItemInsertNewLineCommand.js.flow +76 -76
  44. package/ListItemMergeCommand.js.flow +197 -197
  45. package/ListItemNodeSpec.js.flow +52 -52
  46. package/ListSplitCommand.js.flow +54 -54
  47. package/ListToggleCommand.js.flow +99 -99
  48. package/MarkNames.js +2 -1
  49. package/MarkNames.js.flow +20 -19
  50. package/MarksClearCommand.js.flow +66 -66
  51. package/NodeNames.js.flow +23 -23
  52. package/OrderedListNodeSpec.js.flow +131 -131
  53. package/OverrideMarkSpec.js.flow +49 -49
  54. package/ParagraphNodeSpec.js +21 -2
  55. package/ParagraphNodeSpec.js.flow +233 -215
  56. package/ParagraphSpacingCommand.js.flow +139 -139
  57. package/PrintCommand.js.flow +53 -53
  58. package/SelectionPlaceholderPlugin.js.flow +129 -129
  59. package/SpacerMarkSpec.js.flow +47 -47
  60. package/StrikeMarkSpec.js.flow +24 -24
  61. package/StrongMarkSpec.js.flow +39 -39
  62. package/StyleView.js.flow +18 -18
  63. package/TableBackgroundColorCommand.js.flow +79 -79
  64. package/TableBorderColorCommand.js +5 -3
  65. package/TableBorderColorCommand.js.flow +108 -106
  66. package/TableCellColorCommand.js.flow +73 -73
  67. package/TableCellMenuPlugin.js.flow +129 -129
  68. package/TableInsertCommand.js.flow +117 -117
  69. package/TableMergeCellsCommand.js.flow +113 -113
  70. package/TableNodesSpecs.js.flow +144 -144
  71. package/TablePlugins.js.flow +14 -14
  72. package/TableResizePlugin.js.flow +636 -636
  73. package/TextColorMarkSpec.js.flow +40 -40
  74. package/TextHighlightMarkSpec.js.flow +47 -47
  75. package/TextInsertTabSpaceCommand.js +0 -3
  76. package/TextInsertTabSpaceCommand.js.flow +103 -106
  77. package/TextNoWrapMarkSpec.js.flow +14 -14
  78. package/TextNodeSpec.js.flow +7 -7
  79. package/TextSelectionMarkSpec.js.flow +24 -24
  80. package/TextSubMarkSpec.js.flow +28 -28
  81. package/TextSuperMarkSpec.js.flow +28 -28
  82. package/TextUnderlineMarkSpec.js.flow +24 -24
  83. package/Types.js.flow +77 -77
  84. package/WebFontLoader.js.flow +22 -22
  85. package/blockQuoteInputRule.js.flow +36 -36
  86. package/bom.xml +8645 -8637
  87. package/browser.js.flow +7 -7
  88. package/buildEditorPlugins.js.flow +48 -48
  89. package/buildInputRules.js.flow +85 -85
  90. package/client/CollabConnector.js.flow +90 -90
  91. package/client/EditorConnection.js.flow +324 -324
  92. package/client/Licit.js +40 -40
  93. package/client/Licit.js.flow +649 -648
  94. package/client/Licit.test.js.flow +104 -104
  95. package/client/Reporter.js.flow +35 -35
  96. package/client/SimpleConnector.js.flow +61 -61
  97. package/client/http.js.flow +60 -60
  98. package/client/licit.css +12 -12
  99. package/client/throttle.js.flow +27 -27
  100. package/convertFromDOMElement.js.flow +33 -33
  101. package/convertFromHTML.js.flow +15 -15
  102. package/convertFromJSON.js.flow +53 -53
  103. package/convertToCSSPTValue.js.flow +19 -19
  104. package/convertToJSON.js.flow +7 -7
  105. package/createCommand.js.flow +62 -62
  106. package/createEditorKeyMap.js.flow +87 -87
  107. package/createEmptyEditorState.js.flow +29 -29
  108. package/createTableResizingPlugin.js.flow +86 -86
  109. package/findActionableCell.js.flow +74 -74
  110. package/findActiveMark.js.flow +32 -32
  111. package/hyphenize.js.flow +17 -17
  112. package/index.d.ts +167 -167
  113. package/index.js.flow +10 -10
  114. package/insertTable.js.flow +54 -54
  115. package/isEditorStateEmpty.js.flow +32 -32
  116. package/isTableNode.js.flow +15 -15
  117. package/joinDown.js.flow +25 -25
  118. package/joinListNode.js.flow +55 -55
  119. package/joinUp.js.flow +37 -37
  120. package/keymaps.js.flow +175 -175
  121. package/lookUpElement.js.flow +14 -14
  122. package/nodeAt.js.flow +12 -12
  123. package/normalizeHTML.js.flow +80 -80
  124. package/package.json +152 -152
  125. package/patchAnchorElements.js.flow +38 -38
  126. package/patchBreakElements.js.flow +22 -22
  127. package/patchElementInlineStyles.js.flow +92 -92
  128. package/patchListElements.js.flow +275 -275
  129. package/patchMathElements.js.flow +58 -58
  130. package/patchParagraphElements.js.flow +20 -20
  131. package/patchStyleElements.js.flow +197 -197
  132. package/patchTableElements.js.flow +88 -88
  133. package/rebaseDocWithSteps.js.flow +42 -42
  134. package/sanitizeURL.js.flow +13 -13
  135. package/splitListItem.js.flow +191 -191
  136. package/styles.css +46 -46
  137. package/toClosestFontPtSize.js.flow +22 -22
  138. package/toSafeHTMLDocument.js.flow +9 -9
  139. package/toggleBlockquote.js.flow +101 -101
  140. package/toggleCodeBlock.js.flow +102 -102
  141. package/ui/AlertInfo.js.flow +63 -63
  142. package/ui/BookmarkNodeView.js.flow +64 -64
  143. package/ui/CommandButton.js.flow +68 -68
  144. package/ui/CommandMenu.js.flow +74 -74
  145. package/ui/CommandMenuButton.js.flow +128 -128
  146. package/ui/CustomEditorView.js.flow +29 -29
  147. package/ui/CustomMenu.js.flow +14 -14
  148. package/ui/CustomMenuItem.js.flow +35 -35
  149. package/ui/CustomNodeView.js.flow +207 -207
  150. package/ui/CustomRadioButton.js.flow +63 -63
  151. package/ui/DocLayoutEditor.js.flow +130 -130
  152. package/ui/Editor.js.flow +281 -281
  153. package/ui/EditorFrameset.js.flow +79 -79
  154. package/ui/EditorToolbar.js.flow +197 -197
  155. package/ui/EditorToolbarConfig.js.flow +162 -162
  156. package/ui/FontSizeCommandMenuButton.js.flow +66 -66
  157. package/ui/FontTypeCommandMenuButton.js.flow +60 -60
  158. package/ui/Frag.js.flow +11 -11
  159. package/ui/Icon.js +1 -1
  160. package/ui/Icon.js.flow +82 -82
  161. package/ui/ImageInlineEditor.js.flow +66 -66
  162. package/ui/KeyCodes.js.flow +12 -12
  163. package/ui/LinkTooltip.js.flow +51 -51
  164. package/ui/LinkURLEditor.js.flow +227 -227
  165. package/ui/ListItemNodeView.js.flow +101 -101
  166. package/ui/ListTypeButton.js.flow +121 -121
  167. package/ui/ListTypeCommandButton.js.flow +85 -85
  168. package/ui/ListTypeMenu.js.flow +78 -78
  169. package/ui/LoadingIndicator.js.flow +19 -19
  170. package/ui/PasteMenu.js.flow +52 -52
  171. package/ui/ResizeObserver.js.flow +105 -105
  172. package/ui/RichTextEditor.js.flow +133 -133
  173. package/ui/SelectionObserver.js.flow +134 -134
  174. package/ui/TableCellMenu.js.flow +49 -49
  175. package/ui/TableGridSizeEditor.js.flow +185 -185
  176. package/ui/TableNodeView.js.flow +36 -36
  177. package/ui/bindScrollHandler.js.flow +46 -46
  178. package/ui/canUseCSSFont.js.flow +42 -42
  179. package/ui/czi-body-layout-editor.css +16 -16
  180. package/ui/czi-bookmark-view.css +10 -10
  181. package/ui/czi-cursor-placeholder.css +36 -36
  182. package/ui/czi-custom-menu-button.css +18 -18
  183. package/ui/czi-custom-menu-item.css +30 -30
  184. package/ui/czi-custom-menu.css +8 -8
  185. package/ui/czi-custom-radio-button.css +80 -80
  186. package/ui/czi-custom-scrollbar.css +21 -21
  187. package/ui/czi-editor-frameset.css +81 -81
  188. package/ui/czi-editor-toolbar.css +122 -122
  189. package/ui/czi-editor.css +239 -216
  190. package/ui/czi-form.css +201 -201
  191. package/ui/czi-frag.css +3 -3
  192. package/ui/czi-heading.css +40 -40
  193. package/ui/czi-icon.css +72 -72
  194. package/ui/czi-image-resize-box.css +165 -165
  195. package/ui/czi-image-upload-editor.css +57 -57
  196. package/ui/czi-image-upload-placeholder.css +50 -50
  197. package/ui/czi-image-url-editor.css +38 -38
  198. package/ui/czi-image-view.css +121 -121
  199. package/ui/czi-indent.css +137 -137
  200. package/ui/czi-inline-editor.css +20 -20
  201. package/ui/czi-link-tooltip.css +112 -112
  202. package/ui/czi-list.css +406 -406
  203. package/ui/czi-loading-indicator.css +66 -66
  204. package/ui/czi-math-view.css +62 -62
  205. package/ui/czi-selection-placeholder.css +24 -24
  206. package/ui/czi-table-cell-menu.css +16 -16
  207. package/ui/czi-table-grid-size-editor.css +37 -37
  208. package/ui/czi-table.css +89 -89
  209. package/ui/czi-vars.css +47 -45
  210. package/ui/findActiveFontSize.js.flow +55 -55
  211. package/ui/findActiveFontType.js.flow +35 -35
  212. package/ui/fonts.css +460 -460
  213. package/ui/handleEditorDrop.js.flow +28 -28
  214. package/ui/handleEditorKeyDown.js.flow +39 -39
  215. package/ui/handleEditorPaste.js.flow +33 -33
  216. package/ui/htmlElementToRect.js.flow +18 -18
  217. package/ui/icon-font.css +9 -9
  218. package/ui/injectStyleSheet.js.flow +40 -40
  219. package/ui/isElementFullyVisible.js.flow +14 -14
  220. package/ui/isOffline.js.flow +8 -8
  221. package/ui/isReactClass.js.flow +12 -12
  222. package/ui/listType.css +21 -21
  223. package/ui/resolveImage.js.flow +121 -121
  224. package/ui/toCSSColor.js.flow +51 -51
  225. package/ui/toCSSLineSpacing.js.flow +53 -53
  226. package/ui/toHexColor.js.flow +26 -26
  227. package/ui/uuid.js.flow +9 -9
  228. package/uuid.js.flow +9 -9
@@ -1,187 +1,187 @@
1
- // @flow
2
-
3
- import { EditorState, TextSelection, Plugin, PluginKey } from 'prosemirror-state';
4
- import { Transform } from 'prosemirror-transform';
5
- import { Decoration, DecorationSet, EditorView } from 'prosemirror-view';
6
-
7
- import { IMAGE } from './NodeNames.js';
8
- import uuid from './ui/uuid.js';
9
-
10
- const IMAGE_FILE_TYLES = new Set([
11
- 'image/jpeg',
12
- 'image/gif',
13
- 'image/png',
14
- 'image/jpg',
15
- ]);
16
-
17
- const TITLE = 'Uploading...';
18
-
19
- const INNER_HTML = new Array(4).join(
20
- '<div class="czi-image-upload-placeholder-child"></div>'
21
- );
22
-
23
- function isImageUploadPlaceholderPlugin(plugin: Plugin): boolean {
24
- return plugin instanceof ImageUploadPlaceholderPlugin;
25
- }
26
-
27
- function isImageFileType(file: File): boolean {
28
- return file && IMAGE_FILE_TYLES.has(file.type);
29
- }
30
-
31
- function findImageUploadPlaceholder(
32
- placeholderPlugin: ImageUploadPlaceholderPlugin,
33
- state: EditorState,
34
- id: Object
35
- ): ?Decoration {
36
- const decos = placeholderPlugin.getState(state);
37
- const found = decos.find(null, null, (spec) => spec.id === id);
38
- return found.length ? found[0].from : null;
39
- }
40
-
41
- function defer(fn: Function): Function {
42
- return () => {
43
- setTimeout(fn, 0);
44
- };
45
- }
46
-
47
- export function uploadImageFiles(
48
- view: EditorView,
49
- files: Array<File>,
50
- coords: ?{ x: number, y: number }
51
- ): boolean {
52
- const { runtime, state, readOnly, disabled } = view;
53
- const { schema, plugins } = state;
54
- if (readOnly || disabled || !runtime?.canUploadImage) {
55
- return false;
56
- }
57
-
58
- const imageType = schema.nodes[IMAGE];
59
- if (!imageType) {
60
- return false;
61
- }
62
-
63
- const { uploadImage, canUploadImage } = runtime;
64
- if (!uploadImage || !canUploadImage) {
65
- return false;
66
- }
67
-
68
- const imageFiles = Array.from(files).filter(isImageFileType);
69
- if (!imageFiles.length) {
70
- return false;
71
- }
72
-
73
- const placeholderPlugin = plugins.find(isImageUploadPlaceholderPlugin);
74
- if (!placeholderPlugin) {
75
- return false;
76
- }
77
-
78
- // A fresh object to act as the ID for this upload.
79
- const id = {
80
- debugId: 'image_upload_' + uuid(),
81
- };
82
-
83
- const uploadNext = defer(() => {
84
- const done = (imageInfo: { src: ?string }) => {
85
- const pos = findImageUploadPlaceholder(placeholderPlugin, view.state, id);
86
- let trNext = view.state.tr;
87
- if (pos && !view.readOnly && !view.disabled) {
88
- const imageNode = imageType.create(imageInfo);
89
- trNext = trNext.replaceWith(pos, pos, imageNode);
90
- } else {
91
- // Upload was cancelled.
92
- imageFiles.length = 0;
93
- }
94
- if (imageFiles.length) {
95
- uploadNext();
96
- } else {
97
- // Remove the placeholder.
98
- trNext = trNext.setMeta(placeholderPlugin, { remove: { id } });
99
- }
100
- view.dispatch(trNext);
101
- };
102
- const ff = imageFiles?.shift();
103
- uploadImage(ff)
104
- .then(done)
105
- .catch(done.bind(null, { src: null }));
106
- });
107
-
108
- uploadNext();
109
-
110
- let { tr } = state;
111
-
112
- // Replace the selection with a placeholder
113
- let from = 0;
114
-
115
- // Adjust the cursor to the dropped position.
116
- if (coords) {
117
- const dropPos = view.posAtCoords({
118
- left: coords.x,
119
- top: coords.y,
120
- });
121
-
122
- if (!dropPos) {
123
- return false;
124
- }
125
-
126
- from = dropPos.pos;
127
- tr = tr.setSelection(TextSelection.create(tr.doc, from, from));
128
- } else {
129
- from = tr.selection.to;
130
- tr = tr.setSelection(TextSelection.create(tr.doc, from, from));
131
- }
132
- const meta = {
133
- add: {
134
- id,
135
- pos: from,
136
- },
137
- };
138
-
139
- tr = tr.setMeta(placeholderPlugin, meta);
140
- view.dispatch(tr);
141
- return true;
142
- }
143
-
144
- // https://prosemirror.net/examples/upload/
145
- class ImageUploadPlaceholderPlugin extends Plugin {
146
- constructor() {
147
- super({
148
- // [FS] IRAD-1005 2020-07-07
149
- // Upgrade outdated packages.
150
- key: new PluginKey('ImageUploadPlaceholderPlugin'),
151
- state: {
152
- init() {
153
- return DecorationSet.empty;
154
- },
155
- apply(tr: Transform, set: DecorationSet): DecorationSet {
156
- // Adjust decoration positions to changes made by the transaction
157
- set = set.map(tr.mapping, tr.doc);
158
- // See if the transaction adds or removes any placeholders
159
- const action = tr.getMeta(this);
160
- if (action?.add) {
161
- const el = document.createElement('div');
162
- el.title = TITLE;
163
- el.className = 'czi-image-upload-placeholder';
164
- el.innerHTML = INNER_HTML;
165
-
166
- const deco = Decoration.widget(action.add.pos, el, {
167
- id: action.add.id,
168
- });
169
-
170
- set = set.add(tr.doc, [deco]);
171
- } else if (action?.remove) {
172
- const finder = (spec) => spec.id == action.remove.id;
173
- set = set.remove(set.find(null, null, finder));
174
- }
175
- return set;
176
- },
177
- },
178
- props: {
179
- decorations(state: EditorState): DecorationSet {
180
- return this.getState(state);
181
- },
182
- },
183
- });
184
- }
185
- }
186
-
187
- export default ImageUploadPlaceholderPlugin;
1
+ // @flow
2
+
3
+ import { EditorState, TextSelection, Plugin, PluginKey } from 'prosemirror-state';
4
+ import { Transform } from 'prosemirror-transform';
5
+ import { Decoration, DecorationSet, EditorView } from 'prosemirror-view';
6
+
7
+ import { IMAGE } from './NodeNames.js';
8
+ import uuid from './ui/uuid.js';
9
+
10
+ const IMAGE_FILE_TYLES = new Set([
11
+ 'image/jpeg',
12
+ 'image/gif',
13
+ 'image/png',
14
+ 'image/jpg',
15
+ ]);
16
+
17
+ const TITLE = 'Uploading...';
18
+
19
+ const INNER_HTML = new Array(4).join(
20
+ '<div class="czi-image-upload-placeholder-child"></div>'
21
+ );
22
+
23
+ function isImageUploadPlaceholderPlugin(plugin: Plugin): boolean {
24
+ return plugin instanceof ImageUploadPlaceholderPlugin;
25
+ }
26
+
27
+ function isImageFileType(file: File): boolean {
28
+ return file && IMAGE_FILE_TYLES.has(file.type);
29
+ }
30
+
31
+ function findImageUploadPlaceholder(
32
+ placeholderPlugin: ImageUploadPlaceholderPlugin,
33
+ state: EditorState,
34
+ id: Object
35
+ ): ?Decoration {
36
+ const decos = placeholderPlugin.getState(state);
37
+ const found = decos.find(null, null, (spec) => spec.id === id);
38
+ return found.length ? found[0].from : null;
39
+ }
40
+
41
+ function defer(fn: Function): Function {
42
+ return () => {
43
+ setTimeout(fn, 0);
44
+ };
45
+ }
46
+
47
+ export function uploadImageFiles(
48
+ view: EditorView,
49
+ files: Array<File>,
50
+ coords: ?{ x: number, y: number }
51
+ ): boolean {
52
+ const { runtime, state, readOnly, disabled } = view;
53
+ const { schema, plugins } = state;
54
+ if (readOnly || disabled || !runtime?.canUploadImage) {
55
+ return false;
56
+ }
57
+
58
+ const imageType = schema.nodes[IMAGE];
59
+ if (!imageType) {
60
+ return false;
61
+ }
62
+
63
+ const { uploadImage, canUploadImage } = runtime;
64
+ if (!uploadImage || !canUploadImage) {
65
+ return false;
66
+ }
67
+
68
+ const imageFiles = Array.from(files).filter(isImageFileType);
69
+ if (!imageFiles.length) {
70
+ return false;
71
+ }
72
+
73
+ const placeholderPlugin = plugins.find(isImageUploadPlaceholderPlugin);
74
+ if (!placeholderPlugin) {
75
+ return false;
76
+ }
77
+
78
+ // A fresh object to act as the ID for this upload.
79
+ const id = {
80
+ debugId: 'image_upload_' + uuid(),
81
+ };
82
+
83
+ const uploadNext = defer(() => {
84
+ const done = (imageInfo: { src: ?string }) => {
85
+ const pos = findImageUploadPlaceholder(placeholderPlugin, view.state, id);
86
+ let trNext = view.state.tr;
87
+ if (pos && !view.readOnly && !view.disabled) {
88
+ const imageNode = imageType.create(imageInfo);
89
+ trNext = trNext.replaceWith(pos, pos, imageNode);
90
+ } else {
91
+ // Upload was cancelled.
92
+ imageFiles.length = 0;
93
+ }
94
+ if (imageFiles.length) {
95
+ uploadNext();
96
+ } else {
97
+ // Remove the placeholder.
98
+ trNext = trNext.setMeta(placeholderPlugin, { remove: { id } });
99
+ }
100
+ view.dispatch(trNext);
101
+ };
102
+ const ff = imageFiles?.shift();
103
+ uploadImage(ff)
104
+ .then(done)
105
+ .catch(done.bind(null, { src: null }));
106
+ });
107
+
108
+ uploadNext();
109
+
110
+ let { tr } = state;
111
+
112
+ // Replace the selection with a placeholder
113
+ let from = 0;
114
+
115
+ // Adjust the cursor to the dropped position.
116
+ if (coords) {
117
+ const dropPos = view.posAtCoords({
118
+ left: coords.x,
119
+ top: coords.y,
120
+ });
121
+
122
+ if (!dropPos) {
123
+ return false;
124
+ }
125
+
126
+ from = dropPos.pos;
127
+ tr = tr.setSelection(TextSelection.create(tr.doc, from, from));
128
+ } else {
129
+ from = tr.selection.to;
130
+ tr = tr.setSelection(TextSelection.create(tr.doc, from, from));
131
+ }
132
+ const meta = {
133
+ add: {
134
+ id,
135
+ pos: from,
136
+ },
137
+ };
138
+
139
+ tr = tr.setMeta(placeholderPlugin, meta);
140
+ view.dispatch(tr);
141
+ return true;
142
+ }
143
+
144
+ // https://prosemirror.net/examples/upload/
145
+ class ImageUploadPlaceholderPlugin extends Plugin {
146
+ constructor() {
147
+ super({
148
+ // [FS] IRAD-1005 2020-07-07
149
+ // Upgrade outdated packages.
150
+ key: new PluginKey('ImageUploadPlaceholderPlugin'),
151
+ state: {
152
+ init() {
153
+ return DecorationSet.empty;
154
+ },
155
+ apply(tr: Transform, set: DecorationSet): DecorationSet {
156
+ // Adjust decoration positions to changes made by the transaction
157
+ set = set.map(tr.mapping, tr.doc);
158
+ // See if the transaction adds or removes any placeholders
159
+ const action = tr.getMeta(this);
160
+ if (action?.add) {
161
+ const el = document.createElement('div');
162
+ el.title = TITLE;
163
+ el.className = 'czi-image-upload-placeholder';
164
+ el.innerHTML = INNER_HTML;
165
+
166
+ const deco = Decoration.widget(action.add.pos, el, {
167
+ id: action.add.id,
168
+ });
169
+
170
+ set = set.add(tr.doc, [deco]);
171
+ } else if (action?.remove) {
172
+ const finder = (spec) => spec.id == action.remove.id;
173
+ set = set.remove(set.find(null, null, finder));
174
+ }
175
+ return set;
176
+ },
177
+ },
178
+ props: {
179
+ decorations(state: EditorState): DecorationSet {
180
+ return this.getState(state);
181
+ },
182
+ },
183
+ });
184
+ }
185
+ }
186
+
187
+ export default ImageUploadPlaceholderPlugin;
package/LICENSE CHANGED
@@ -1,22 +1,22 @@
1
- MIT License
2
-
3
- Portions Copyright (c) 2020 Modus Operandi Inc
4
- Portions Copyright (c) 2018-2019 Chan Zuckerberg Initiative
5
-
6
- Permission is hereby granted, free of charge, to any person obtaining a copy
7
- of this software and associated documentation files (the "Software"), to deal
8
- in the Software without restriction, including without limitation the rights
9
- to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
10
- copies of the Software, and to permit persons to whom the Software is
11
- furnished to do so, subject to the following conditions:
12
-
13
- The above copyright notice and this permission notice shall be included in all
14
- copies or substantial portions of the Software.
15
-
16
- THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
17
- IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
18
- FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
19
- AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
20
- LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
21
- OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
22
- SOFTWARE.
1
+ MIT License
2
+
3
+ Portions Copyright (c) 2020 Modus Operandi Inc
4
+ Portions Copyright (c) 2018-2019 Chan Zuckerberg Initiative
5
+
6
+ Permission is hereby granted, free of charge, to any person obtaining a copy
7
+ of this software and associated documentation files (the "Software"), to deal
8
+ in the Software without restriction, including without limitation the rights
9
+ to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
10
+ copies of the Software, and to permit persons to whom the Software is
11
+ furnished to do so, subject to the following conditions:
12
+
13
+ The above copyright notice and this permission notice shall be included in all
14
+ copies or substantial portions of the Software.
15
+
16
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
17
+ IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
18
+ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
19
+ AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
20
+ LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
21
+ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
22
+ SOFTWARE.
package/LinkMarkSpec.js CHANGED
@@ -20,9 +20,10 @@ var LinkMarkSpec = {
20
20
  parseDOM: [{
21
21
  tag: 'a[href]',
22
22
  getAttrs: function getAttrs(dom) {
23
+ var _dom$getAttribute;
23
24
  var href = dom.getAttribute('href');
24
- var target = href && href.indexOf('#') === 0 ? '' : 'blank';
25
- var selectionId = dom.getAttribute('selectionId') || '';
25
+ var target = (href === null || href === void 0 ? void 0 : href.indexOf('#')) === 0 ? '' : 'blank';
26
+ var selectionId = (_dom$getAttribute = dom.getAttribute('selectionId')) !== null && _dom$getAttribute !== void 0 ? _dom$getAttribute : '';
26
27
  return {
27
28
  href: dom.getAttribute('href'),
28
29
  title: dom.getAttribute('title'),
@@ -32,6 +33,7 @@ var LinkMarkSpec = {
32
33
  }
33
34
  }],
34
35
  toDOM: function toDOM(node) {
36
+ node.attrs.onclick = 'return false';
35
37
  return ['a', node.attrs, 0];
36
38
  }
37
39
  };
@@ -1,37 +1,38 @@
1
- // @flow
2
-
3
- import type { MarkSpec } from './Types.js';
4
-
5
- const LinkMarkSpec: MarkSpec = {
6
- attrs: {
7
- href: { default: null },
8
- rel: { default: 'noopener noreferrer nofollow' },
9
- target: { default: 'blank' },
10
- title: { default: null },
11
- selectionId: {
12
- default: null,
13
- },
14
- },
15
- inclusive: false,
16
- parseDOM: [
17
- {
18
- tag: 'a[href]',
19
- getAttrs: (dom) => {
20
- const href = dom.getAttribute('href');
21
- const target = href && href.indexOf('#') === 0 ? '' : 'blank';
22
- const selectionId = dom.getAttribute('selectionId') || '';
23
- return {
24
- href: dom.getAttribute('href'),
25
- title: dom.getAttribute('title'),
26
- target,
27
- selectionId,
28
- };
29
- },
30
- },
31
- ],
32
- toDOM(node) {
33
- return ['a', node.attrs, 0];
34
- },
35
- };
36
-
37
- export default LinkMarkSpec;
1
+ // @flow
2
+
3
+ import type { MarkSpec } from './Types.js';
4
+
5
+ const LinkMarkSpec: MarkSpec = {
6
+ attrs: {
7
+ href: { default: null },
8
+ rel: { default: 'noopener noreferrer nofollow' },
9
+ target: { default: 'blank' },
10
+ title: { default: null },
11
+ selectionId: {
12
+ default: null,
13
+ },
14
+ },
15
+ inclusive: false,
16
+ parseDOM: [
17
+ {
18
+ tag: 'a[href]',
19
+ getAttrs: (dom) => {
20
+ const href = dom.getAttribute('href');
21
+ const target = href?.indexOf('#') === 0 ? '' : 'blank';
22
+ const selectionId = dom.getAttribute('selectionId') ?? '';
23
+ return {
24
+ href: dom.getAttribute('href'),
25
+ title: dom.getAttribute('title'),
26
+ target,
27
+ selectionId,
28
+ };
29
+ },
30
+ },
31
+ ],
32
+ toDOM(node) {
33
+ node.attrs.onclick = 'return false';
34
+ return ['a', node.attrs, 0];
35
+ },
36
+ };
37
+
38
+ export default LinkMarkSpec;
@@ -1,6 +1,6 @@
1
1
  function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
2
2
  function _regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return _regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i["return"]) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine2(u), _regeneratorDefine2(u, o, "Generator"), _regeneratorDefine2(u, n, function () { return this; }), _regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
3
- function _regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { if (r) i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n;else { var o = function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); }; o("next", 0), o("throw", 1), o("return", 2); } }, _regeneratorDefine2(e, r, n, t); }
3
+ function _regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); } r ? i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2)); }, _regeneratorDefine2(e, r, n, t); }
4
4
  function asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }
5
5
  function _asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { asyncGeneratorStep(a, r, o, _next, _throw, "next", n); } function _throw(n) { asyncGeneratorStep(a, r, o, _next, _throw, "throw", n); } _next(void 0); }); }; }
6
6
  function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }