@modusoperandi/licit 1.0.4 → 1.0.5

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 (317) hide show
  1. package/BlockquoteInsertNewLineCommand.js +7 -8
  2. package/BlockquoteInsertNewLineCommand.js.flow +77 -77
  3. package/BlockquoteNodeSpec.js +1 -1
  4. package/BlockquoteNodeSpec.js.flow +30 -30
  5. package/BlockquoteToggleCommand.js +8 -9
  6. package/BlockquoteToggleCommand.js.flow +56 -56
  7. package/BookmarkNodeSpec.js +1 -1
  8. package/BookmarkNodeSpec.js.flow +39 -39
  9. package/BulletListNodeSpec.js.flow +61 -61
  10. package/CZIProseMirror.js.flow +90 -90
  11. package/CodeBlockCommand.js +8 -9
  12. package/CodeBlockCommand.js.flow +65 -65
  13. package/CodeBlockNodeSpec.js.flow +24 -24
  14. package/CodeMarkSpec.js.flow +14 -14
  15. package/ContentPlaceholderPlugin.js +3 -4
  16. package/ContentPlaceholderPlugin.js.flow +187 -187
  17. package/CursorPlaceholderPlugin.js +4 -4
  18. package/CursorPlaceholderPlugin.js.flow +115 -115
  19. package/DocLayoutCommand.js +9 -10
  20. package/DocLayoutCommand.js.flow +99 -99
  21. package/DocNodeSpec.js.flow +64 -64
  22. package/EMMarkSpec.js.flow +14 -14
  23. package/EditorCommands.js.flow +126 -126
  24. package/EditorKeyMap.js.flow +187 -187
  25. package/EditorMarks.js +1 -1
  26. package/EditorMarks.js.flow +71 -71
  27. package/EditorNodes.js +1 -1
  28. package/EditorNodes.js.flow +59 -59
  29. package/EditorPageLayoutPlugin.js +2 -2
  30. package/EditorPageLayoutPlugin.js.flow +67 -67
  31. package/EditorPlugins.js.flow +8 -8
  32. package/EditorSchema.js.flow +12 -12
  33. package/EditorState.js.flow +7 -7
  34. package/FontSizeMarkSpec.js.flow +49 -49
  35. package/FontTypeMarkSpec.js.flow +80 -80
  36. package/HTMLMutator.js +2 -3
  37. package/HTMLMutator.js.flow +59 -59
  38. package/HardBreakNodeSpec.js.flow +15 -15
  39. package/HeadingNodeSpec.js +1 -1
  40. package/HeadingNodeSpec.js.flow +52 -52
  41. package/HistoryRedoCommand.js +7 -8
  42. package/HistoryRedoCommand.js.flow +41 -41
  43. package/HistoryUndoCommand.js +7 -8
  44. package/HistoryUndoCommand.js.flow +41 -41
  45. package/HorizontalRuleCommand.js +7 -8
  46. package/HorizontalRuleCommand.js.flow +71 -71
  47. package/HorizontalRuleNodeSpec.js.flow +39 -39
  48. package/ImageUploadPlaceholderPlugin.js +2 -2
  49. package/ImageUploadPlaceholderPlugin.js.flow +192 -192
  50. package/LinkMarkSpec.js.flow +32 -32
  51. package/LinkSetURLCommand.js +8 -9
  52. package/LinkSetURLCommand.js.flow +117 -117
  53. package/LinkTooltipPlugin.js +3 -4
  54. package/LinkTooltipPlugin.js.flow +190 -190
  55. package/ListItemInsertNewLineCommand.js +7 -8
  56. package/ListItemInsertNewLineCommand.js.flow +77 -77
  57. package/ListItemMergeCommand.js +9 -10
  58. package/ListItemMergeCommand.js.flow +199 -199
  59. package/ListItemNodeSpec.js.flow +52 -52
  60. package/ListSplitCommand.js +7 -8
  61. package/ListSplitCommand.js.flow +54 -54
  62. package/ListToggleCommand.js +11 -12
  63. package/ListToggleCommand.js.flow +99 -99
  64. package/MarkNames.js.flow +18 -18
  65. package/MarksClearCommand.js +9 -10
  66. package/MarksClearCommand.js.flow +65 -65
  67. package/MathEditCommand.js +8 -9
  68. package/MathEditCommand.js.flow +120 -120
  69. package/MathNodeSpec.js.flow +46 -46
  70. package/NodeNames.js.flow +23 -23
  71. package/OrderedListNodeSpec.js +1 -1
  72. package/OrderedListNodeSpec.js.flow +132 -132
  73. package/ParagraphNodeSpec.js.flow +156 -156
  74. package/ParagraphSpacingCommand.js +9 -10
  75. package/ParagraphSpacingCommand.js.flow +144 -144
  76. package/PrintCommand.js +9 -10
  77. package/PrintCommand.js.flow +53 -53
  78. package/SelectionPlaceholderPlugin.js +4 -4
  79. package/SelectionPlaceholderPlugin.js.flow +131 -131
  80. package/SpacerMarkSpec.js +1 -1
  81. package/SpacerMarkSpec.js.flow +47 -47
  82. package/StrikeMarkSpec.js.flow +21 -21
  83. package/StrongMarkSpec.js.flow +25 -25
  84. package/StyleView.js +2 -3
  85. package/StyleView.js.flow +19 -19
  86. package/TableBackgroundColorCommand.js +25 -12
  87. package/TableBackgroundColorCommand.js.flow +83 -75
  88. package/TableBorderColorCommand.js +25 -12
  89. package/TableBorderColorCommand.js.flow +86 -75
  90. package/TableCellColorCommand.js +11 -11
  91. package/TableCellColorCommand.js.flow +75 -75
  92. package/TableCellMenuPlugin.js +3 -4
  93. package/TableCellMenuPlugin.js.flow +132 -132
  94. package/TableInsertCommand.js +9 -10
  95. package/TableInsertCommand.js.flow +120 -120
  96. package/TableMergeCellsCommand.js +7 -8
  97. package/TableMergeCellsCommand.js.flow +112 -112
  98. package/TableNodesSpecs.js.flow +78 -78
  99. package/TablePlugins.js.flow +14 -14
  100. package/TableResizePlugin.js +3 -4
  101. package/TableResizePlugin.js.flow +631 -631
  102. package/TextColorMarkSpec.js.flow +35 -35
  103. package/TextHighlightMarkSpec.js.flow +38 -38
  104. package/TextInsertTabSpaceCommand.js +7 -8
  105. package/TextInsertTabSpaceCommand.js.flow +106 -106
  106. package/TextNoWrapMarkSpec.js.flow +14 -14
  107. package/TextNodeSpec.js.flow +7 -7
  108. package/TextSelectionMarkSpec.js.flow +24 -24
  109. package/TextSubMarkSpec.js.flow +20 -20
  110. package/TextSuperMarkSpec.js.flow +20 -20
  111. package/TextUnderlineMarkSpec.js.flow +27 -27
  112. package/Types.js +5 -0
  113. package/Types.js.flow +80 -75
  114. package/WebFontLoader.js +2 -3
  115. package/WebFontLoader.js.flow +22 -22
  116. package/blockQuoteInputRule.js.flow +36 -36
  117. package/bom.xml +21569 -23179
  118. package/browser.js.flow +7 -7
  119. package/buildEditorPlugins.js +2 -3
  120. package/buildEditorPlugins.js.flow +49 -49
  121. package/buildInputRules.js.flow +81 -81
  122. package/client/CollabConnector.js +12 -12
  123. package/client/CollabConnector.js.flow +90 -90
  124. package/client/EditorConnection.js +2 -3
  125. package/client/EditorConnection.js.flow +323 -323
  126. package/client/Licit.js +59 -60
  127. package/client/Licit.js.flow +643 -643
  128. package/client/Licit.test.js +2 -2
  129. package/client/Licit.test.js.flow +98 -98
  130. package/client/Reporter.js +2 -3
  131. package/client/Reporter.js.flow +37 -37
  132. package/client/SimpleConnector.js +1 -1
  133. package/client/SimpleConnector.js.flow +61 -61
  134. package/client/http.js.flow +70 -70
  135. package/client/licit.css +12 -12
  136. package/client/throttle.js.flow +27 -27
  137. package/convertFromDOMElement.js.flow +36 -36
  138. package/convertFromHTML.js.flow +17 -17
  139. package/convertFromJSON.js.flow +56 -56
  140. package/convertToCSSPTValue.js.flow +22 -22
  141. package/convertToJSON.js.flow +7 -7
  142. package/createCommand.js +8 -9
  143. package/createCommand.js.flow +62 -62
  144. package/createEditorKeyMap.js +1 -1
  145. package/createEditorKeyMap.js.flow +94 -94
  146. package/createEmptyEditorState.js.flow +31 -31
  147. package/createTableResizingPlugin.js.flow +86 -86
  148. package/findActionableCell.js.flow +74 -74
  149. package/findActiveMark.js.flow +32 -32
  150. package/hyphenize.js.flow +17 -17
  151. package/index.d.ts +165 -165
  152. package/index.js.flow +10 -10
  153. package/insertTable.js.flow +56 -56
  154. package/isEditorStateEmpty.js.flow +32 -32
  155. package/isTableNode.js.flow +15 -15
  156. package/joinDown.js.flow +27 -27
  157. package/joinListNode.js.flow +55 -55
  158. package/joinUp.js.flow +39 -39
  159. package/keymaps.js.flow +185 -185
  160. package/lookUpElement.js.flow +14 -14
  161. package/nodeAt.js.flow +12 -12
  162. package/normalizeHTML.js.flow +78 -78
  163. package/package.json +156 -155
  164. package/patchAnchorElements.js.flow +38 -38
  165. package/patchBreakElements.js.flow +22 -22
  166. package/patchElementInlineStyles.js.flow +92 -92
  167. package/patchListElements.js.flow +276 -276
  168. package/patchMathElements.js.flow +60 -60
  169. package/patchParagraphElements.js.flow +20 -20
  170. package/patchStyleElements.js.flow +196 -196
  171. package/patchTableElements.js.flow +89 -89
  172. package/rebaseDocWithSteps.js.flow +42 -42
  173. package/sanitizeURL.js.flow +13 -13
  174. package/splitListItem.js +1 -1
  175. package/splitListItem.js.flow +191 -191
  176. package/styles.css +19 -19
  177. package/styles0.css +29 -29
  178. package/toClosestFontPtSize.js.flow +22 -22
  179. package/toSafeHTMLDocument.js.flow +9 -9
  180. package/toggleBlockquote.js.flow +108 -108
  181. package/toggleCodeBlock.js.flow +102 -102
  182. package/ui/AlertInfo.js +7 -8
  183. package/ui/AlertInfo.js.flow +64 -64
  184. package/ui/BookmarkNodeView.js +8 -10
  185. package/ui/BookmarkNodeView.js.flow +66 -66
  186. package/ui/CommandButton.js +7 -8
  187. package/ui/CommandButton.js.flow +68 -68
  188. package/ui/CommandMenu.js +8 -9
  189. package/ui/CommandMenu.js.flow +75 -75
  190. package/ui/CommandMenuButton.js +13 -14
  191. package/ui/CommandMenuButton.js.flow +131 -131
  192. package/ui/CustomEditorView.js +8 -9
  193. package/ui/CustomEditorView.js.flow +28 -28
  194. package/ui/CustomMenu.js +3 -4
  195. package/ui/CustomMenu.js.flow +17 -17
  196. package/ui/CustomMenuItem.js +6 -8
  197. package/ui/CustomMenuItem.js.flow +36 -36
  198. package/ui/CustomNodeView.js +2 -3
  199. package/ui/CustomNodeView.js.flow +200 -200
  200. package/ui/CustomRadioButton.js +6 -7
  201. package/ui/CustomRadioButton.js.flow +65 -65
  202. package/ui/DocLayoutEditor.js +9 -10
  203. package/ui/DocLayoutEditor.js.flow +146 -146
  204. package/ui/Editor.js +15 -16
  205. package/ui/Editor.js.flow +288 -288
  206. package/ui/EditorFrameset.js +5 -6
  207. package/ui/EditorFrameset.js.flow +81 -81
  208. package/ui/EditorToolbar.js +13 -14
  209. package/ui/EditorToolbar.js.flow +218 -218
  210. package/ui/EditorToolbarConfig.js.flow +164 -164
  211. package/ui/FontSizeCommandMenuButton.js +5 -6
  212. package/ui/FontSizeCommandMenuButton.js.flow +66 -66
  213. package/ui/FontTypeCommandMenuButton.js +5 -6
  214. package/ui/FontTypeCommandMenuButton.js.flow +61 -61
  215. package/ui/Frag.js +3 -4
  216. package/ui/Frag.js.flow +13 -13
  217. package/ui/Icon.js +9 -12
  218. package/ui/Icon.js.flow +89 -89
  219. package/ui/ImageInlineEditor.js +6 -7
  220. package/ui/ImageInlineEditor.js.flow +67 -67
  221. package/ui/KeyCodes.js.flow +12 -12
  222. package/ui/LinkTooltip.js +9 -10
  223. package/ui/LinkTooltip.js.flow +85 -85
  224. package/ui/LinkURLEditor.js +9 -10
  225. package/ui/LinkURLEditor.js.flow +117 -117
  226. package/ui/ListItemNodeView.js +2 -3
  227. package/ui/ListItemNodeView.js.flow +98 -98
  228. package/ui/ListTypeButton.js +13 -14
  229. package/ui/ListTypeButton.js.flow +131 -131
  230. package/ui/ListTypeCommandButton.js +5 -6
  231. package/ui/ListTypeCommandButton.js.flow +85 -85
  232. package/ui/ListTypeMenu.js +11 -12
  233. package/ui/ListTypeMenu.js.flow +70 -70
  234. package/ui/LoadingIndicator.js +3 -4
  235. package/ui/LoadingIndicator.js.flow +20 -20
  236. package/ui/MathEditor.js +10 -11
  237. package/ui/MathEditor.js.flow +78 -78
  238. package/ui/MathInlineEditor.js +8 -9
  239. package/ui/MathInlineEditor.js.flow +102 -102
  240. package/ui/MathNodeView.js +14 -16
  241. package/ui/MathNodeView.js.flow +186 -186
  242. package/ui/PasteMenu.js +10 -11
  243. package/ui/PasteMenu.js.flow +57 -57
  244. package/ui/ResizeObserver.js.flow +106 -106
  245. package/ui/RichTextEditor.js +9 -10
  246. package/ui/RichTextEditor.js.flow +133 -133
  247. package/ui/SelectionObserver.js +2 -3
  248. package/ui/SelectionObserver.js.flow +134 -134
  249. package/ui/TableCellMenu.js +6 -7
  250. package/ui/TableCellMenu.js.flow +51 -51
  251. package/ui/TableGridSizeEditor.js +19 -21
  252. package/ui/TableGridSizeEditor.js.flow +184 -184
  253. package/ui/TableNodeView.js +3 -4
  254. package/ui/TableNodeView.js.flow +25 -25
  255. package/ui/bindScrollHandler.js.flow +46 -46
  256. package/ui/canUseCSSFont.js.flow +43 -43
  257. package/ui/czi-body-layout-editor.css +16 -16
  258. package/ui/czi-bookmark-view.css +10 -10
  259. package/ui/czi-cursor-placeholder.css +36 -36
  260. package/ui/czi-custom-menu-button.css +18 -18
  261. package/ui/czi-custom-menu-item.css +30 -30
  262. package/ui/czi-custom-menu.css +8 -8
  263. package/ui/czi-custom-radio-button.css +80 -80
  264. package/ui/czi-custom-scrollbar.css +21 -21
  265. package/ui/czi-editor-frameset.css +81 -81
  266. package/ui/czi-editor-toolbar.css +122 -122
  267. package/ui/czi-editor.css +220 -220
  268. package/ui/czi-form.css +107 -107
  269. package/ui/czi-frag.css +3 -3
  270. package/ui/czi-heading.css +40 -40
  271. package/ui/czi-icon.css +72 -72
  272. package/ui/czi-image-resize-box.css +165 -165
  273. package/ui/czi-image-upload-editor.css +57 -57
  274. package/ui/czi-image-upload-placeholder.css +50 -50
  275. package/ui/czi-image-url-editor.css +38 -38
  276. package/ui/czi-image-view.css +125 -125
  277. package/ui/czi-indent.css +137 -137
  278. package/ui/czi-inline-editor.css +20 -20
  279. package/ui/czi-link-tooltip.css +71 -71
  280. package/ui/czi-list.css +410 -410
  281. package/ui/czi-loading-indicator.css +111 -111
  282. package/ui/czi-math-view.css +62 -62
  283. package/ui/czi-selection-placeholder.css +24 -24
  284. package/ui/czi-table-cell-menu.css +14 -14
  285. package/ui/czi-table-grid-size-editor.css +37 -37
  286. package/ui/czi-table.css +87 -87
  287. package/ui/czi-vars.css +2 -2
  288. package/ui/findActiveFontSize.js.flow +58 -58
  289. package/ui/findActiveFontType.js.flow +38 -38
  290. package/ui/fonts.css +460 -460
  291. package/ui/handleEditorDrop.js.flow +28 -28
  292. package/ui/handleEditorKeyDown.js.flow +39 -39
  293. package/ui/handleEditorPaste.js.flow +33 -33
  294. package/ui/htmlElementToRect.js.flow +18 -18
  295. package/ui/icon-font.css +9 -9
  296. package/ui/injectStyleSheet.js.flow +42 -42
  297. package/ui/isElementFullyVisible.js.flow +26 -26
  298. package/ui/isOffline.js.flow +8 -8
  299. package/ui/isReactClass.js.flow +12 -12
  300. package/ui/listType.css +21 -21
  301. package/ui/mathquill-editor/MathQuillEditor.js +15 -17
  302. package/ui/mathquill-editor/MathQuillEditor.js.flow +159 -159
  303. package/ui/mathquill-editor/MathQuillEditorSymbols.js.flow +483 -483
  304. package/ui/mathquill-editor/MathQuillEditorSymbolsPanel.js +6 -7
  305. package/ui/mathquill-editor/MathQuillEditorSymbolsPanel.js.flow +50 -50
  306. package/ui/mathquill-editor/czi-mathquill-editor-symbols-panel.css +39 -39
  307. package/ui/mathquill-editor/czi-mathquill-editor.css +50 -50
  308. package/ui/mathquill-editor/mathquill-import-kludge.js.flow +24 -24
  309. package/ui/renderLaTeXAsHTML.js +1 -1
  310. package/ui/renderLaTeXAsHTML.js.flow +46 -46
  311. package/ui/resolveImage.js +1 -1
  312. package/ui/resolveImage.js.flow +123 -123
  313. package/ui/toCSSColor.js.flow +51 -51
  314. package/ui/toCSSLineSpacing.js.flow +55 -55
  315. package/ui/toHexColor.js.flow +26 -26
  316. package/ui/uuid.js.flow +9 -9
  317. package/uuid.js.flow +9 -9
@@ -1,31 +1,31 @@
1
- // @flow
2
-
3
- import { Schema } from 'prosemirror-model';
4
- import { EditorState } from 'prosemirror-state';
5
- import { Plugin } from 'prosemirror-state';
6
-
7
- import convertFromJSON from './convertFromJSON.js';
8
- import EditorSchema from './EditorSchema.js';
9
-
10
- export const EMPTY_DOC_JSON = {
11
- type: 'doc',
12
- content: [
13
- {
14
- type: 'paragraph',
15
- }, // [FS] IRAD-1710 2022-03-04 - No text content needed
16
- ],
17
- };
18
-
19
- export default function createEmptyEditorState(
20
- schema: ?Schema,
21
- defaultSchema: ?Schema,
22
- plugins: Array<Plugin>
23
- ): EditorState {
24
- // TODO: Check if schema support doc and paragraph nodes.
25
- return convertFromJSON(
26
- EMPTY_DOC_JSON,
27
- schema,
28
- defaultSchema ? defaultSchema : EditorSchema,
29
- plugins
30
- );
31
- }
1
+ // @flow
2
+
3
+ import { Schema } from 'prosemirror-model';
4
+ import { EditorState } from 'prosemirror-state';
5
+ import { Plugin } from 'prosemirror-state';
6
+
7
+ import convertFromJSON from './convertFromJSON.js';
8
+ import EditorSchema from './EditorSchema.js';
9
+
10
+ export const EMPTY_DOC_JSON = {
11
+ type: 'doc',
12
+ content: [
13
+ {
14
+ type: 'paragraph',
15
+ }, // [FS] IRAD-1710 2022-03-04 - No text content needed
16
+ ],
17
+ };
18
+
19
+ export default function createEmptyEditorState(
20
+ schema: ?Schema,
21
+ defaultSchema: ?Schema,
22
+ plugins: Array<Plugin>
23
+ ): EditorState {
24
+ // TODO: Check if schema support doc and paragraph nodes.
25
+ return convertFromJSON(
26
+ EMPTY_DOC_JSON,
27
+ schema,
28
+ defaultSchema ? defaultSchema : EditorSchema,
29
+ plugins
30
+ );
31
+ }
@@ -1,86 +1,86 @@
1
- // @flow
2
-
3
- import { Plugin } from 'prosemirror-state';
4
- import { columnResizing } from 'prosemirror-tables';
5
- import { EditorView } from 'prosemirror-view';
6
-
7
- const TABLE_HANDLE_WIDTH = 10;
8
- const TABLE_CELL_MINWIDTH = 25;
9
- const TABLE_VIEW = undefined;
10
- const TABLE_LAST_COLUMN_RESIZABLE = false;
11
-
12
- function lookUpTableWrapper(event: Event): ?HTMLElement {
13
- const target: any = event.target;
14
- if (!target || !target.closest) {
15
- return null;
16
- }
17
- return target.closest('.tableWrapper');
18
- }
19
-
20
- function dispatchMouseEvent(type: string, clientX: number): void {
21
- requestAnimationFrame(() => {
22
- const event = new MouseEvent(type, {
23
- view: window,
24
- bubbles: true,
25
- cancelable: true,
26
- clientX,
27
- });
28
- window.dispatchEvent(event);
29
- });
30
- }
31
-
32
- function calculateMaxClientX(
33
- event: MouseEvent,
34
- targetTable: HTMLElement
35
- ): number {
36
- const { clientX } = event;
37
- const { left, width } = targetTable.getBoundingClientRect();
38
- const offsetX = clientX - left;
39
- const colgroup = targetTable.querySelector('colgroup');
40
- const colsCount = colgroup ? colgroup.querySelectorAll('col').length : 0;
41
- const cx = width - offsetX - colsCount * TABLE_CELL_MINWIDTH;
42
- return Math.round(clientX + Math.max(0, cx));
43
- }
44
-
45
- export default function createTableResizingPlugin(): Plugin {
46
- let maxClientX = 0;
47
-
48
- // https://github.com/ProseMirror/prosemirror-tables/blob/master/src/columnresizing.js
49
- const plugin = columnResizing(
50
- TABLE_HANDLE_WIDTH,
51
- TABLE_CELL_MINWIDTH,
52
- TABLE_VIEW,
53
- TABLE_LAST_COLUMN_RESIZABLE
54
- );
55
-
56
- const captureMouse = (event: any): void => {
57
- if (event.clientX > maxClientX) {
58
- // Current mouse event will make table too wide. Stop it and
59
- // fires a simulated event instead.
60
- event.stopImmediatePropagation();
61
- dispatchMouseEvent(event.type, maxClientX);
62
- } else if (event.type === 'mouseup') {
63
- window.removeEventListener('mousemove', captureMouse, true);
64
- window.removeEventListener('mouseup', captureMouse, true);
65
- }
66
- };
67
-
68
- const { mousedown } = plugin.props.handleDOMEvents;
69
-
70
- // This is a workaround to constraint the mousemove to prevent
71
- // the table become too wide.
72
- Object.assign(plugin.props.handleDOMEvents, {
73
- mousedown(view: EditorView, event: MouseEvent): boolean {
74
- const targetTable = lookUpTableWrapper(event);
75
- maxClientX = targetTable
76
- ? calculateMaxClientX(event, targetTable)
77
- : Number.MAX_VALUE;
78
- window.addEventListener('mousemove', captureMouse, true);
79
- window.addEventListener('mouseup', captureMouse, true);
80
- mousedown(view, event);
81
- return false;
82
- },
83
- });
84
-
85
- return plugin;
86
- }
1
+ // @flow
2
+
3
+ import { Plugin } from 'prosemirror-state';
4
+ import { columnResizing } from 'prosemirror-tables';
5
+ import { EditorView } from 'prosemirror-view';
6
+
7
+ const TABLE_HANDLE_WIDTH = 10;
8
+ const TABLE_CELL_MINWIDTH = 25;
9
+ const TABLE_VIEW = undefined;
10
+ const TABLE_LAST_COLUMN_RESIZABLE = false;
11
+
12
+ function lookUpTableWrapper(event: Event): ?HTMLElement {
13
+ const target: any = event.target;
14
+ if (!target || !target.closest) {
15
+ return null;
16
+ }
17
+ return target.closest('.tableWrapper');
18
+ }
19
+
20
+ function dispatchMouseEvent(type: string, clientX: number): void {
21
+ requestAnimationFrame(() => {
22
+ const event = new MouseEvent(type, {
23
+ view: window,
24
+ bubbles: true,
25
+ cancelable: true,
26
+ clientX,
27
+ });
28
+ window.dispatchEvent(event);
29
+ });
30
+ }
31
+
32
+ function calculateMaxClientX(
33
+ event: MouseEvent,
34
+ targetTable: HTMLElement
35
+ ): number {
36
+ const { clientX } = event;
37
+ const { left, width } = targetTable.getBoundingClientRect();
38
+ const offsetX = clientX - left;
39
+ const colgroup = targetTable.querySelector('colgroup');
40
+ const colsCount = colgroup ? colgroup.querySelectorAll('col').length : 0;
41
+ const cx = width - offsetX - colsCount * TABLE_CELL_MINWIDTH;
42
+ return Math.round(clientX + Math.max(0, cx));
43
+ }
44
+
45
+ export default function createTableResizingPlugin(): Plugin {
46
+ let maxClientX = 0;
47
+
48
+ // https://github.com/ProseMirror/prosemirror-tables/blob/master/src/columnresizing.js
49
+ const plugin = columnResizing(
50
+ TABLE_HANDLE_WIDTH,
51
+ TABLE_CELL_MINWIDTH,
52
+ TABLE_VIEW,
53
+ TABLE_LAST_COLUMN_RESIZABLE
54
+ );
55
+
56
+ const captureMouse = (event: any): void => {
57
+ if (event.clientX > maxClientX) {
58
+ // Current mouse event will make table too wide. Stop it and
59
+ // fires a simulated event instead.
60
+ event.stopImmediatePropagation();
61
+ dispatchMouseEvent(event.type, maxClientX);
62
+ } else if (event.type === 'mouseup') {
63
+ window.removeEventListener('mousemove', captureMouse, true);
64
+ window.removeEventListener('mouseup', captureMouse, true);
65
+ }
66
+ };
67
+
68
+ const { mousedown } = plugin.props.handleDOMEvents;
69
+
70
+ // This is a workaround to constraint the mousemove to prevent
71
+ // the table become too wide.
72
+ Object.assign(plugin.props.handleDOMEvents, {
73
+ mousedown(view: EditorView, event: MouseEvent): boolean {
74
+ const targetTable = lookUpTableWrapper(event);
75
+ maxClientX = targetTable
76
+ ? calculateMaxClientX(event, targetTable)
77
+ : Number.MAX_VALUE;
78
+ window.addEventListener('mousemove', captureMouse, true);
79
+ window.addEventListener('mouseup', captureMouse, true);
80
+ mousedown(view, event);
81
+ return false;
82
+ },
83
+ });
84
+
85
+ return plugin;
86
+ }
@@ -1,74 +1,74 @@
1
- // @flow
2
-
3
- import { Node } from 'prosemirror-model';
4
- import { EditorState, TextSelection } from 'prosemirror-state';
5
- import { CellSelection, TableMap } from 'prosemirror-tables';
6
- import { findParentNodeOfType } from 'prosemirror-utils';
7
-
8
- import { TABLE_CELL, TABLE_HEADER } from './NodeNames.js';
9
-
10
- type Result = {
11
- node: Node,
12
- pos: number,
13
- };
14
-
15
- function findActionableCellFromSelection(selection: CellSelection): ?Result {
16
- const { $anchorCell } = selection;
17
- const start = $anchorCell.start(-1);
18
- const table = $anchorCell.node(-1);
19
- const tableMap = TableMap.get(table);
20
- let topRightRect;
21
- let posFound = null;
22
- let nodeFound = null;
23
- selection.forEachCell((cell, cellPos) => {
24
- const cellRect = tableMap.findCell(cellPos - start);
25
- if (
26
- !topRightRect ||
27
- (cellRect.top >= topRightRect.top && cellRect.left > topRightRect.left)
28
- ) {
29
- topRightRect = cellRect;
30
- posFound = cellPos;
31
- nodeFound = cell;
32
- }
33
- });
34
-
35
- return posFound === null
36
- ? null
37
- : {
38
- node: nodeFound,
39
- pos: posFound,
40
- };
41
- }
42
-
43
- export default function findActionableCell(state: EditorState): ?Result {
44
- const { doc, selection, schema } = state;
45
- const tdType = schema.nodes[TABLE_CELL];
46
- const thType = schema.nodes[TABLE_HEADER];
47
- if (!tdType && !thType) {
48
- return null;
49
- }
50
-
51
- let userSelection = selection;
52
-
53
- if (userSelection instanceof TextSelection) {
54
- const { from, to } = selection;
55
- if (from !== to) {
56
- return null;
57
- }
58
- const result =
59
- (tdType && findParentNodeOfType(tdType)(selection)) ||
60
- (thType && findParentNodeOfType(thType)(selection));
61
-
62
- if (!result) {
63
- return null;
64
- }
65
-
66
- userSelection = CellSelection.create(doc, result.pos);
67
- }
68
-
69
- if (userSelection instanceof CellSelection) {
70
- return findActionableCellFromSelection(userSelection);
71
- }
72
-
73
- return null;
74
- }
1
+ // @flow
2
+
3
+ import { Node } from 'prosemirror-model';
4
+ import { EditorState, TextSelection } from 'prosemirror-state';
5
+ import { CellSelection, TableMap } from 'prosemirror-tables';
6
+ import { findParentNodeOfType } from 'prosemirror-utils';
7
+
8
+ import { TABLE_CELL, TABLE_HEADER } from './NodeNames.js';
9
+
10
+ type Result = {
11
+ node: Node,
12
+ pos: number,
13
+ };
14
+
15
+ function findActionableCellFromSelection(selection: CellSelection): ?Result {
16
+ const { $anchorCell } = selection;
17
+ const start = $anchorCell.start(-1);
18
+ const table = $anchorCell.node(-1);
19
+ const tableMap = TableMap.get(table);
20
+ let topRightRect;
21
+ let posFound = null;
22
+ let nodeFound = null;
23
+ selection.forEachCell((cell, cellPos) => {
24
+ const cellRect = tableMap.findCell(cellPos - start);
25
+ if (
26
+ !topRightRect ||
27
+ (cellRect.top >= topRightRect.top && cellRect.left > topRightRect.left)
28
+ ) {
29
+ topRightRect = cellRect;
30
+ posFound = cellPos;
31
+ nodeFound = cell;
32
+ }
33
+ });
34
+
35
+ return posFound === null
36
+ ? null
37
+ : {
38
+ node: nodeFound,
39
+ pos: posFound,
40
+ };
41
+ }
42
+
43
+ export default function findActionableCell(state: EditorState): ?Result {
44
+ const { doc, selection, schema } = state;
45
+ const tdType = schema.nodes[TABLE_CELL];
46
+ const thType = schema.nodes[TABLE_HEADER];
47
+ if (!tdType && !thType) {
48
+ return null;
49
+ }
50
+
51
+ let userSelection = selection;
52
+
53
+ if (userSelection instanceof TextSelection) {
54
+ const { from, to } = selection;
55
+ if (from !== to) {
56
+ return null;
57
+ }
58
+ const result =
59
+ (tdType && findParentNodeOfType(tdType)(selection)) ||
60
+ (thType && findParentNodeOfType(thType)(selection));
61
+
62
+ if (!result) {
63
+ return null;
64
+ }
65
+
66
+ userSelection = CellSelection.create(doc, result.pos);
67
+ }
68
+
69
+ if (userSelection instanceof CellSelection) {
70
+ return findActionableCellFromSelection(userSelection);
71
+ }
72
+
73
+ return null;
74
+ }
@@ -1,32 +1,32 @@
1
- // @flow
2
-
3
- import { Mark, MarkType, Node } from 'prosemirror-model';
4
-
5
- export default function findActiveMark(
6
- doc: Node,
7
- from: number,
8
- to: number,
9
- markType: MarkType
10
- ): ?Mark {
11
- let ii = from;
12
- if (doc.nodeSize <= 2) {
13
- return null;
14
- }
15
- const finder = (mark) => mark.type === markType;
16
- from = Math.max(2, from);
17
- to = Math.min(to, doc.nodeSize - 2);
18
-
19
- while (ii <= to) {
20
- const node = doc.nodeAt(ii);
21
- if (!node || !node.marks) {
22
- ii++;
23
- continue;
24
- }
25
- const mark = node.marks.find(finder);
26
- if (mark) {
27
- return mark;
28
- }
29
- ii++;
30
- }
31
- return null;
32
- }
1
+ // @flow
2
+
3
+ import { Mark, MarkType, Node } from 'prosemirror-model';
4
+
5
+ export default function findActiveMark(
6
+ doc: Node,
7
+ from: number,
8
+ to: number,
9
+ markType: MarkType
10
+ ): ?Mark {
11
+ let ii = from;
12
+ if (doc.nodeSize <= 2) {
13
+ return null;
14
+ }
15
+ const finder = (mark) => mark.type === markType;
16
+ from = Math.max(2, from);
17
+ to = Math.min(to, doc.nodeSize - 2);
18
+
19
+ while (ii <= to) {
20
+ const node = doc.nodeAt(ii);
21
+ if (!node || !node.marks) {
22
+ ii++;
23
+ continue;
24
+ }
25
+ const mark = node.marks.find(finder);
26
+ if (mark) {
27
+ return mark;
28
+ }
29
+ ii++;
30
+ }
31
+ return null;
32
+ }
package/hyphenize.js.flow CHANGED
@@ -1,17 +1,17 @@
1
- // @flow
2
-
3
- function hadnleMatch(matched: string): string {
4
- return matched[0] + '-' + matched[1].toLowerCase();
5
- }
6
-
7
- const cached = {};
8
-
9
- // converts `fooBar` to `foo-bar`.
10
- export default function hyphenize(str: string): string {
11
- if (cached.hasOwnProperty(str)) {
12
- return cached[str];
13
- }
14
- const result = str.replace(/[a-z][A-Z]/g, hadnleMatch);
15
- cached[str] = result;
16
- return result;
17
- }
1
+ // @flow
2
+
3
+ function hadnleMatch(matched: string): string {
4
+ return matched[0] + '-' + matched[1].toLowerCase();
5
+ }
6
+
7
+ const cached = {};
8
+
9
+ // converts `fooBar` to `foo-bar`.
10
+ export default function hyphenize(str: string): string {
11
+ if (cached.hasOwnProperty(str)) {
12
+ return cached[str];
13
+ }
14
+ const result = str.replace(/[a-z][A-Z]/g, hadnleMatch);
15
+ cached[str] = result;
16
+ return result;
17
+ }