@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,162 +1,162 @@
1
- // @flow
2
-
3
- // eslint-disable-next-line no-unused-vars
4
- import * as React from 'react';
5
-
6
- import * as EditorCommands from '../EditorCommands.js';
7
- import FontSizeCommandMenuButton from './FontSizeCommandMenuButton.js';
8
- import FontTypeCommandMenuButton from './FontTypeCommandMenuButton.js';
9
- import ListTypeCommandButton from './ListTypeCommandButton.js';
10
- import Icon from './Icon.js';
11
-
12
- const ICON_LABEL_PATTERN = /\[([A-Za-z_\d]+)\](.*)/;
13
-
14
- export function parseLabel(input: string): Object {
15
- const matched = ICON_LABEL_PATTERN.exec(input);
16
- if (matched) {
17
- const [
18
- // eslint-disable-next-line no-unused-vars
19
- all,
20
- icon,
21
- label,
22
- ] = matched;
23
- return {
24
- icon: icon ? Icon.get(icon) : null,
25
- title: label || null,
26
- };
27
- }
28
- return {
29
- icon: null,
30
- title: input || null,
31
- };
32
- }
33
-
34
- const {
35
- // [FS][07-MAY-2020][IRAD-956]
36
- // BLOCKQUOTE_TOGGLE,
37
- CLEAR_FORMAT,
38
- EM,
39
- HISTORY_REDO,
40
- HISTORY_UNDO,
41
- HR,
42
- INDENT_LESS,
43
- INDENT_MORE,
44
- LINK_SET_URL,
45
- STRIKE,
46
- STRONG,
47
- SUPER,
48
- SUB,
49
- TABLE_ADD_COLUMN_AFTER,
50
- TABLE_ADD_COLUMN_BEFORE,
51
- TABLE_ADD_ROW_AFTER,
52
- TABLE_ADD_ROW_BEFORE,
53
- TABLE_BORDER_COLOR,
54
- TABLE_BACKGROUND_COLOR,
55
- TABLE_DELETE_COLUMN,
56
- TABLE_DELETE_ROW,
57
- TABLE_DELETE_TABLE,
58
- TABLE_INSERT_TABLE,
59
- TABLE_MERGE_CELLS,
60
- TABLE_SPLIT_ROW,
61
- TABLE_TOGGLE_HEADER_CELL,
62
- TABLE_TOGGLE_HEADER_COLUMN,
63
- TABLE_TOGGLE_HEADER_ROW,
64
- TEXT_ALIGN_CENTER,
65
- TEXT_ALIGN_JUSTIFY,
66
- TEXT_ALIGN_LEFT,
67
- TEXT_ALIGN_RIGHT,
68
- TEXT_COLOR,
69
- TEXT_HIGHLIGHT,
70
- TEXT_LINE_SPACINGS,
71
- UL,
72
- UNDERLINE,
73
- } = EditorCommands;
74
-
75
- export const TABLE_COMMANDS_GROUP = [
76
- {
77
- 'Insert Table...': TABLE_INSERT_TABLE,
78
- },
79
- {
80
- 'Fill Color...': TABLE_BACKGROUND_COLOR,
81
- 'Border Color....': TABLE_BORDER_COLOR,
82
- },
83
- {
84
- 'Insert Column Before': TABLE_ADD_COLUMN_BEFORE,
85
- 'Insert Column After': TABLE_ADD_COLUMN_AFTER,
86
- 'Delete Column': TABLE_DELETE_COLUMN,
87
- },
88
- {
89
- 'Insert Row Before': TABLE_ADD_ROW_BEFORE,
90
- 'Insert Row After': TABLE_ADD_ROW_AFTER,
91
- 'Delete Row': TABLE_DELETE_ROW,
92
- },
93
- {
94
- 'Merge Cells': TABLE_MERGE_CELLS,
95
- 'Split Row': TABLE_SPLIT_ROW,
96
- },
97
- // Disable these commands cause user rarely use them.
98
- {
99
- 'Toggle Header Column': TABLE_TOGGLE_HEADER_COLUMN,
100
- 'Toggle Header Row': TABLE_TOGGLE_HEADER_ROW,
101
- 'Toggle Header Cells': TABLE_TOGGLE_HEADER_CELL,
102
- },
103
- {
104
- 'Delete Table': TABLE_DELETE_TABLE,
105
- },
106
- ];
107
-
108
- // [FS] IRAD-1012 2020-07-14
109
- // Fix: Toolbar is poorly organized.
110
-
111
- export const COMMAND_GROUPS = [
112
- {
113
- '[font_download] Font Type': FontTypeCommandMenuButton,
114
- },
115
- {
116
- '[format_size] Text Size': FontSizeCommandMenuButton,
117
- },
118
- {
119
- '[format_bold] Bold': STRONG,
120
- '[format_italic] Italic': EM,
121
- '[format_underline] Underline': UNDERLINE,
122
- '[format_strikethrough] Strike through': STRIKE,
123
- '[superscript] Superscript': SUPER,
124
- '[subscript] Subscript': SUB,
125
- '[format_color_text] Text color': TEXT_COLOR,
126
- '[border_color] Highlight color': TEXT_HIGHLIGHT,
127
- '[format_clear] Clear formats': CLEAR_FORMAT,
128
- },
129
- {
130
- '[format_align_left] Left align': TEXT_ALIGN_LEFT,
131
- '[format_align_center] Center Align': TEXT_ALIGN_CENTER,
132
- '[format_align_right] Right Align': TEXT_ALIGN_RIGHT,
133
- '[format_align_justify] Justify': TEXT_ALIGN_JUSTIFY,
134
- },
135
- {
136
- '[format_indent_increase] Indent more': INDENT_MORE,
137
- '[format_indent_decrease] Indent less': INDENT_LESS,
138
- '[format_line_spacing] Line spacing': TEXT_LINE_SPACINGS,
139
- },
140
- {
141
- // [FS] IRAD-1039 2020-09-23
142
- // Added new command button that brings a popup
143
- '[format_list_numbered] Ordered list': ListTypeCommandButton,
144
- '[format_list_bulleted] Bulleted list': UL,
145
- },
146
- {
147
- '[link] Apply link': LINK_SET_URL,
148
- '[grid_on] Table...': TABLE_COMMANDS_GROUP,
149
- '[hr] Horizontal line': HR,
150
-
151
- // [FS][07-MAY-2020][IRAD-956]
152
- // '[format_quote] Block quote': BLOCKQUOTE_TOGGLE,
153
- },
154
- // Removed page layout icon from Editor
155
- // {
156
- // '[settings_overscan] Page layout': DOC_LAYOUT,
157
- // },
158
- {
159
- '[undo] Undo': HISTORY_UNDO,
160
- '[redo] Redo': HISTORY_REDO,
161
- },
162
- ];
1
+ // @flow
2
+
3
+ // eslint-disable-next-line no-unused-vars
4
+ import * as React from 'react';
5
+
6
+ import * as EditorCommands from '../EditorCommands.js';
7
+ import FontSizeCommandMenuButton from './FontSizeCommandMenuButton.js';
8
+ import FontTypeCommandMenuButton from './FontTypeCommandMenuButton.js';
9
+ import ListTypeCommandButton from './ListTypeCommandButton.js';
10
+ import Icon from './Icon.js';
11
+
12
+ const ICON_LABEL_PATTERN = /\[([A-Za-z_\d]+)\](.*)/;
13
+
14
+ export function parseLabel(input: string): Object {
15
+ const matched = ICON_LABEL_PATTERN.exec(input);
16
+ if (matched) {
17
+ const [
18
+ // eslint-disable-next-line no-unused-vars
19
+ all,
20
+ icon,
21
+ label,
22
+ ] = matched;
23
+ return {
24
+ icon: icon ? Icon.get(icon) : null,
25
+ title: label || null,
26
+ };
27
+ }
28
+ return {
29
+ icon: null,
30
+ title: input || null,
31
+ };
32
+ }
33
+
34
+ const {
35
+ // [FS][07-MAY-2020][IRAD-956]
36
+ // BLOCKQUOTE_TOGGLE,
37
+ CLEAR_FORMAT,
38
+ EM,
39
+ HISTORY_REDO,
40
+ HISTORY_UNDO,
41
+ HR,
42
+ INDENT_LESS,
43
+ INDENT_MORE,
44
+ LINK_SET_URL,
45
+ STRIKE,
46
+ STRONG,
47
+ SUPER,
48
+ SUB,
49
+ TABLE_ADD_COLUMN_AFTER,
50
+ TABLE_ADD_COLUMN_BEFORE,
51
+ TABLE_ADD_ROW_AFTER,
52
+ TABLE_ADD_ROW_BEFORE,
53
+ TABLE_BORDER_COLOR,
54
+ TABLE_BACKGROUND_COLOR,
55
+ TABLE_DELETE_COLUMN,
56
+ TABLE_DELETE_ROW,
57
+ TABLE_DELETE_TABLE,
58
+ TABLE_INSERT_TABLE,
59
+ TABLE_MERGE_CELLS,
60
+ TABLE_SPLIT_ROW,
61
+ TABLE_TOGGLE_HEADER_CELL,
62
+ TABLE_TOGGLE_HEADER_COLUMN,
63
+ TABLE_TOGGLE_HEADER_ROW,
64
+ TEXT_ALIGN_CENTER,
65
+ TEXT_ALIGN_JUSTIFY,
66
+ TEXT_ALIGN_LEFT,
67
+ TEXT_ALIGN_RIGHT,
68
+ TEXT_COLOR,
69
+ TEXT_HIGHLIGHT,
70
+ TEXT_LINE_SPACINGS,
71
+ UL,
72
+ UNDERLINE,
73
+ } = EditorCommands;
74
+
75
+ export const TABLE_COMMANDS_GROUP = [
76
+ {
77
+ 'Insert Table...': TABLE_INSERT_TABLE,
78
+ },
79
+ {
80
+ 'Fill Color...': TABLE_BACKGROUND_COLOR,
81
+ 'Border Color....': TABLE_BORDER_COLOR,
82
+ },
83
+ {
84
+ 'Insert Column Before': TABLE_ADD_COLUMN_BEFORE,
85
+ 'Insert Column After': TABLE_ADD_COLUMN_AFTER,
86
+ 'Delete Column': TABLE_DELETE_COLUMN,
87
+ },
88
+ {
89
+ 'Insert Row Before': TABLE_ADD_ROW_BEFORE,
90
+ 'Insert Row After': TABLE_ADD_ROW_AFTER,
91
+ 'Delete Row': TABLE_DELETE_ROW,
92
+ },
93
+ {
94
+ 'Merge Cells': TABLE_MERGE_CELLS,
95
+ 'Split Row': TABLE_SPLIT_ROW,
96
+ },
97
+ // Disable these commands cause user rarely use them.
98
+ {
99
+ 'Toggle Header Column': TABLE_TOGGLE_HEADER_COLUMN,
100
+ 'Toggle Header Row': TABLE_TOGGLE_HEADER_ROW,
101
+ 'Toggle Header Cells': TABLE_TOGGLE_HEADER_CELL,
102
+ },
103
+ {
104
+ 'Delete Table': TABLE_DELETE_TABLE,
105
+ },
106
+ ];
107
+
108
+ // [FS] IRAD-1012 2020-07-14
109
+ // Fix: Toolbar is poorly organized.
110
+
111
+ export const COMMAND_GROUPS = [
112
+ {
113
+ '[font_download] Font Type': FontTypeCommandMenuButton,
114
+ },
115
+ {
116
+ '[format_size] Text Size': FontSizeCommandMenuButton,
117
+ },
118
+ {
119
+ '[format_bold] Bold': STRONG,
120
+ '[format_italic] Italic': EM,
121
+ '[format_underline] Underline': UNDERLINE,
122
+ '[format_strikethrough] Strike through': STRIKE,
123
+ '[superscript] Superscript': SUPER,
124
+ '[subscript] Subscript': SUB,
125
+ '[format_color_text] Text color': TEXT_COLOR,
126
+ '[border_color] Highlight color': TEXT_HIGHLIGHT,
127
+ '[format_clear] Clear formats': CLEAR_FORMAT,
128
+ },
129
+ {
130
+ '[format_align_left] Left align': TEXT_ALIGN_LEFT,
131
+ '[format_align_center] Center Align': TEXT_ALIGN_CENTER,
132
+ '[format_align_right] Right Align': TEXT_ALIGN_RIGHT,
133
+ '[format_align_justify] Justify': TEXT_ALIGN_JUSTIFY,
134
+ },
135
+ {
136
+ '[format_indent_increase] Indent more': INDENT_MORE,
137
+ '[format_indent_decrease] Indent less': INDENT_LESS,
138
+ '[format_line_spacing] Line spacing': TEXT_LINE_SPACINGS,
139
+ },
140
+ {
141
+ // [FS] IRAD-1039 2020-09-23
142
+ // Added new command button that brings a popup
143
+ '[format_list_numbered] Ordered list': ListTypeCommandButton,
144
+ '[format_list_bulleted] Bulleted list': UL,
145
+ },
146
+ {
147
+ '[link] Apply link': LINK_SET_URL,
148
+ '[grid_on] Table...': TABLE_COMMANDS_GROUP,
149
+ '[hr] Horizontal line': HR,
150
+
151
+ // [FS][07-MAY-2020][IRAD-956]
152
+ // '[format_quote] Block quote': BLOCKQUOTE_TOGGLE,
153
+ },
154
+ // Removed page layout icon from Editor
155
+ // {
156
+ // '[settings_overscan] Page layout': DOC_LAYOUT,
157
+ // },
158
+ {
159
+ '[undo] Undo': HISTORY_UNDO,
160
+ '[redo] Redo': HISTORY_REDO,
161
+ },
162
+ ];
@@ -1,66 +1,66 @@
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
-
8
- import {FontSizeCommand} from '@modusoperandi/licit-ui-commands';
9
- import CommandMenuButton from './CommandMenuButton.js';
10
- import findActiveFontSize from './findActiveFontSize.js';
11
-
12
- export const FONT_PT_SIZES = [
13
- 8,
14
- 9,
15
- 10,
16
- 11,
17
- 12,
18
- 14,
19
- 18,
20
- 24,
21
- 30,
22
- 36,
23
- 48,
24
- 60,
25
- 72,
26
- 90,
27
- ];
28
-
29
- const FONT_PT_SIZE_COMMANDS = FONT_PT_SIZES.reduce((memo, size) => {
30
- memo[` ${size} `] = new FontSizeCommand(size);
31
- return memo;
32
- }, {});
33
-
34
- const COMMAND_GROUPS = [
35
- { Default: new FontSizeCommand(0) },
36
- FONT_PT_SIZE_COMMANDS,
37
- ];
38
-
39
- class FontSizeCommandMenuButton extends React.PureComponent<any, any> {
40
- props: {
41
- dispatch: (tr: Transform) => void,
42
- editorState: EditorState,
43
- editorView: ?EditorView,
44
- };
45
-
46
- render(): React.Element<any> {
47
- const { dispatch, editorState, editorView } = this.props;
48
- const fontSize = findActiveFontSize(editorState);
49
- const className = String(fontSize).length <= 2 ? 'width-30' : 'width-60';
50
- return (
51
- <CommandMenuButton
52
- className={className}
53
- // [FS] IRAD-1008 2020-07-16
54
- // Disable font size menu on editor disable state
55
- commandGroups={COMMAND_GROUPS}
56
- disabled={editorView?.disabled}
57
- dispatch={dispatch}
58
- editorState={editorState}
59
- editorView={editorView}
60
- label={fontSize}
61
- />
62
- );
63
- }
64
- }
65
-
66
- export default FontSizeCommandMenuButton;
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
+
8
+ import {FontSizeCommand} from '@modusoperandi/licit-ui-commands';
9
+ import CommandMenuButton from './CommandMenuButton.js';
10
+ import findActiveFontSize from './findActiveFontSize.js';
11
+
12
+ export const FONT_PT_SIZES = [
13
+ 8,
14
+ 9,
15
+ 10,
16
+ 11,
17
+ 12,
18
+ 14,
19
+ 18,
20
+ 24,
21
+ 30,
22
+ 36,
23
+ 48,
24
+ 60,
25
+ 72,
26
+ 90,
27
+ ];
28
+
29
+ const FONT_PT_SIZE_COMMANDS = FONT_PT_SIZES.reduce((memo, size) => {
30
+ memo[` ${size} `] = new FontSizeCommand(size);
31
+ return memo;
32
+ }, {});
33
+
34
+ const COMMAND_GROUPS = [
35
+ { Default: new FontSizeCommand(0) },
36
+ FONT_PT_SIZE_COMMANDS,
37
+ ];
38
+
39
+ class FontSizeCommandMenuButton extends React.PureComponent<any, any> {
40
+ props: {
41
+ dispatch: (tr: Transform) => void,
42
+ editorState: EditorState,
43
+ editorView: ?EditorView,
44
+ };
45
+
46
+ render(): React.Element<any> {
47
+ const { dispatch, editorState, editorView } = this.props;
48
+ const fontSize = findActiveFontSize(editorState);
49
+ const className = String(fontSize).length <= 2 ? 'width-30' : 'width-60';
50
+ return (
51
+ <CommandMenuButton
52
+ className={className}
53
+ // [FS] IRAD-1008 2020-07-16
54
+ // Disable font size menu on editor disable state
55
+ commandGroups={COMMAND_GROUPS}
56
+ disabled={editorView?.disabled}
57
+ dispatch={dispatch}
58
+ editorState={editorState}
59
+ editorView={editorView}
60
+ label={fontSize}
61
+ />
62
+ );
63
+ }
64
+ }
65
+
66
+ export default FontSizeCommandMenuButton;
@@ -1,60 +1,60 @@
1
- // @flow
2
-
3
- import CommandMenuButton from './CommandMenuButton.js';
4
- import {
5
- FontTypeCommand
6
- } from '@modusoperandi/licit-ui-commands';
7
- import * as React from 'react';
8
- import findActiveFontType, {
9
- FONT_TYPE_NAME_DEFAULT
10
- } from './findActiveFontType.js';
11
- import {
12
- EditorState
13
- } from 'prosemirror-state';
14
- import {
15
- EditorView
16
- } from 'prosemirror-view';
17
- import {
18
- FONT_TYPE_NAMES
19
- } from '../FontTypeMarkSpec.js';
20
- import {
21
- Transform
22
- } from 'prosemirror-transform';
23
-
24
- const FONT_TYPE_COMMANDS: Object = {
25
- [FONT_TYPE_NAME_DEFAULT]: new FontTypeCommand(''),
26
- };
27
-
28
- FONT_TYPE_NAMES.forEach((name) => {
29
- FONT_TYPE_COMMANDS[name] = new FontTypeCommand(name);
30
- });
31
-
32
- const COMMAND_GROUPS = [FONT_TYPE_COMMANDS];
33
-
34
- class FontTypeCommandMenuButton extends React.PureComponent<any, any> {
35
- props: {
36
- dispatch: (tr: Transform) => void,
37
- editorState: EditorState,
38
- editorView: ?EditorView,
39
- };
40
-
41
- render(): React.Element<any> {
42
- const { dispatch, editorState, editorView } = this.props;
43
- const fontType = findActiveFontType(editorState);
44
- return (
45
- <CommandMenuButton
46
- className="width-100"
47
- // [FS] IRAD-1008 2020-07-16
48
- // Disable font type menu on editor disable state
49
- commandGroups={COMMAND_GROUPS}
50
- disabled={editorView?.disabled}
51
- dispatch={dispatch}
52
- editorState={editorState}
53
- editorView={editorView}
54
- label={fontType}
55
- />
56
- );
57
- }
58
- }
59
-
60
- export default FontTypeCommandMenuButton;
1
+ // @flow
2
+
3
+ import CommandMenuButton from './CommandMenuButton.js';
4
+ import {
5
+ FontTypeCommand
6
+ } from '@modusoperandi/licit-ui-commands';
7
+ import * as React from 'react';
8
+ import findActiveFontType, {
9
+ FONT_TYPE_NAME_DEFAULT
10
+ } from './findActiveFontType.js';
11
+ import {
12
+ EditorState
13
+ } from 'prosemirror-state';
14
+ import {
15
+ EditorView
16
+ } from 'prosemirror-view';
17
+ import {
18
+ FONT_TYPE_NAMES
19
+ } from '../FontTypeMarkSpec.js';
20
+ import {
21
+ Transform
22
+ } from 'prosemirror-transform';
23
+
24
+ const FONT_TYPE_COMMANDS: Object = {
25
+ [FONT_TYPE_NAME_DEFAULT]: new FontTypeCommand(''),
26
+ };
27
+
28
+ FONT_TYPE_NAMES.forEach((name) => {
29
+ FONT_TYPE_COMMANDS[name] = new FontTypeCommand(name);
30
+ });
31
+
32
+ const COMMAND_GROUPS = [FONT_TYPE_COMMANDS];
33
+
34
+ class FontTypeCommandMenuButton extends React.PureComponent<any, any> {
35
+ props: {
36
+ dispatch: (tr: Transform) => void,
37
+ editorState: EditorState,
38
+ editorView: ?EditorView,
39
+ };
40
+
41
+ render(): React.Element<any> {
42
+ const { dispatch, editorState, editorView } = this.props;
43
+ const fontType = findActiveFontType(editorState);
44
+ return (
45
+ <CommandMenuButton
46
+ className="width-100"
47
+ // [FS] IRAD-1008 2020-07-16
48
+ // Disable font type menu on editor disable state
49
+ commandGroups={COMMAND_GROUPS}
50
+ disabled={editorView?.disabled}
51
+ dispatch={dispatch}
52
+ editorState={editorState}
53
+ editorView={editorView}
54
+ label={fontType}
55
+ />
56
+ );
57
+ }
58
+ }
59
+
60
+ export default FontTypeCommandMenuButton;
package/ui/Frag.js.flow CHANGED
@@ -1,11 +1,11 @@
1
- // @flow
2
-
3
- import * as React from 'react';
4
-
5
- class Frag extends React.PureComponent<any, any> {
6
- render(): React.Element<any> {
7
- return <div className="czi-frag">{this.props.children}</div>;
8
- }
9
- }
10
-
11
- export default Frag;
1
+ // @flow
2
+
3
+ import * as React from 'react';
4
+
5
+ class Frag extends React.PureComponent<any, any> {
6
+ render(): React.Element<any> {
7
+ return <div className="czi-frag">{this.props.children}</div>;
8
+ }
9
+ }
10
+
11
+ export default Frag;
package/ui/Icon.js CHANGED
@@ -13,7 +13,7 @@ function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? O
13
13
  function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
14
14
  function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
15
15
  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 }; })(); }
16
- 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); }
16
+ 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); }
17
17
  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); }
18
18
  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); }); }; }
19
19
  import cx from 'classnames';