@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,65 +1,65 @@
1
- // @flow
2
-
3
- import './czi-custom-radio-button.css';
4
- import { PointerSurface } from '@modusoperandi/licit-ui-commands';
5
- import * as React from 'react';
6
- import cx from 'classnames';
7
- import uuid from './uuid.js';
8
- import { preventEventDefault } from '@modusoperandi/licit-ui-commands';
9
-
10
- import type { PointerSurfaceProps } from '@modusoperandi/licit-ui-commands';;
11
-
12
- class CustomRadioButton extends React.PureComponent<any, any> {
13
- props: PointerSurfaceProps & {
14
- checked?: ?boolean,
15
- inline?: ?boolean,
16
- label?: string | React.Element<any> | null,
17
- name?: ?string,
18
- onSelect?: ?(val: any, e: SyntheticEvent<>) => void,
19
- };
20
-
21
- _name = uuid();
22
-
23
- render(): React.Element<any> {
24
- const {
25
- title,
26
- className,
27
- checked,
28
- label,
29
- inline,
30
- name,
31
- onSelect,
32
- disabled,
33
- ...pointerProps
34
- } = this.props;
35
-
36
- const klass = cx(className, 'czi-custom-radio-button', {
37
- checked: checked,
38
- inline: inline,
39
- });
40
-
41
- return (
42
- <PointerSurface
43
- {...pointerProps}
44
- className={klass}
45
- disabled={disabled}
46
- onClick={onSelect}
47
- title={title || label}
48
- >
49
- <input
50
- checked={checked}
51
- className="czi-custom-radio-button-input"
52
- disabled={disabled}
53
- name={name || this._name}
54
- onChange={preventEventDefault}
55
- tabIndex={disabled ? null : 0}
56
- type="radio"
57
- />
58
- <span className="czi-custom-radio-button-icon" />
59
- <span className="czi-custom-radio-button-label">{label}</span>
60
- </PointerSurface>
61
- );
62
- }
63
- }
64
-
65
- export default CustomRadioButton;
1
+ // @flow
2
+
3
+ import './czi-custom-radio-button.css';
4
+ import { PointerSurface } from '@modusoperandi/licit-ui-commands';
5
+ import * as React from 'react';
6
+ import cx from 'classnames';
7
+ import uuid from './uuid.js';
8
+ import { preventEventDefault } from '@modusoperandi/licit-ui-commands';
9
+
10
+ import type { PointerSurfaceProps } from '@modusoperandi/licit-ui-commands';;
11
+
12
+ class CustomRadioButton extends React.PureComponent<any, any> {
13
+ props: PointerSurfaceProps & {
14
+ checked?: ?boolean,
15
+ inline?: ?boolean,
16
+ label?: string | React.Element<any> | null,
17
+ name?: ?string,
18
+ onSelect?: ?(val: any, e: SyntheticEvent<>) => void,
19
+ };
20
+
21
+ _name = uuid();
22
+
23
+ render(): React.Element<any> {
24
+ const {
25
+ title,
26
+ className,
27
+ checked,
28
+ label,
29
+ inline,
30
+ name,
31
+ onSelect,
32
+ disabled,
33
+ ...pointerProps
34
+ } = this.props;
35
+
36
+ const klass = cx(className, 'czi-custom-radio-button', {
37
+ checked: checked,
38
+ inline: inline,
39
+ });
40
+
41
+ return (
42
+ <PointerSurface
43
+ {...pointerProps}
44
+ className={klass}
45
+ disabled={disabled}
46
+ onClick={onSelect}
47
+ title={title || label}
48
+ >
49
+ <input
50
+ checked={checked}
51
+ className="czi-custom-radio-button-input"
52
+ disabled={disabled}
53
+ name={name || this._name}
54
+ onChange={preventEventDefault}
55
+ tabIndex={disabled ? null : 0}
56
+ type="radio"
57
+ />
58
+ <span className="czi-custom-radio-button-icon" />
59
+ <span className="czi-custom-radio-button-label">{label}</span>
60
+ </PointerSurface>
61
+ );
62
+ }
63
+ }
64
+
65
+ export default CustomRadioButton;
@@ -4,13 +4,13 @@ function _defineProperties(target, props) { for (var i = 0; i < props.length; i+
4
4
  function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
5
5
  function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
6
6
  function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
7
+ function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
7
8
  function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
8
9
  function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
9
- function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
10
10
  function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
11
11
  function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
12
12
  function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
13
- function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
13
+ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
14
14
  function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
15
15
  import * as React from 'react';
16
16
  import { LAYOUT } from '../DocNodeSpec.js';
@@ -24,22 +24,21 @@ var bpfrpt_proptype_DocLayoutEditorValue = {
24
24
  "width": PropTypes.number
25
25
  };
26
26
  var DocLayoutEditor = /*#__PURE__*/function (_React$PureComponent) {
27
- _inherits(DocLayoutEditor, _React$PureComponent);
28
27
  function DocLayoutEditor(props, context) {
29
28
  var _this;
30
29
  _classCallCheck(this, DocLayoutEditor);
31
30
  _this = _callSuper(this, DocLayoutEditor, [props, context]);
32
- _defineProperty(_assertThisInitialized(_this), "_unmounted", false);
33
- _defineProperty(_assertThisInitialized(_this), "state", void 0);
34
- _defineProperty(_assertThisInitialized(_this), "_onSelect", function (selectedValue) {
31
+ _defineProperty(_this, "_unmounted", false);
32
+ _defineProperty(_this, "state", void 0);
33
+ _defineProperty(_this, "_onSelect", function (selectedValue) {
35
34
  _this.setState({
36
35
  selectedValue: selectedValue
37
36
  });
38
37
  });
39
- _defineProperty(_assertThisInitialized(_this), "_cancel", function () {
38
+ _defineProperty(_this, "_cancel", function () {
40
39
  _this.props.close();
41
40
  });
42
- _defineProperty(_assertThisInitialized(_this), "_apply", function () {
41
+ _defineProperty(_this, "_apply", function () {
43
42
  var selectedValue = _this.state.selectedValue;
44
43
  if (typeof selectedValue === 'string') {
45
44
  _this.props.close({
@@ -63,7 +62,8 @@ var DocLayoutEditor = /*#__PURE__*/function (_React$PureComponent) {
63
62
  };
64
63
  return _this;
65
64
  }
66
- _createClass(DocLayoutEditor, [{
65
+ _inherits(DocLayoutEditor, _React$PureComponent);
66
+ return _createClass(DocLayoutEditor, [{
67
67
  key: "render",
68
68
  value: function render() {
69
69
  var _this$state = this.state,
@@ -123,7 +123,6 @@ var DocLayoutEditor = /*#__PURE__*/function (_React$PureComponent) {
123
123
  }))));
124
124
  }
125
125
  }]);
126
- return DocLayoutEditor;
127
126
  }(React.PureComponent);
128
127
  // [FS] IRAD-1005 2020-07-07
129
128
  // Upgrade outdated packages.
@@ -1,146 +1,146 @@
1
- // @flow
2
-
3
- import * as React from 'react';
4
- import { LAYOUT } from '../DocNodeSpec.js';
5
- import { CustomButton } from '@modusoperandi/licit-ui-commands';
6
- import CustomRadioButton from './CustomRadioButton.js';
7
- import { preventEventDefault } from '@modusoperandi/licit-ui-commands';
8
-
9
- import './czi-body-layout-editor.css';
10
- import './czi-form.css';
11
-
12
- export type DocLayoutEditorValue = {
13
- layout: ?string,
14
- width: ?number,
15
- };
16
-
17
- type State = {
18
- layout: ?string,
19
- selectedValue: any,
20
- width: ?number,
21
- };
22
-
23
- class DocLayoutEditor extends React.PureComponent<any, any> {
24
- _unmounted = false;
25
-
26
- // [FS] IRAD-1005 2020-07-07
27
- // Upgrade outdated packages.
28
- // To take care of the property type declaration.
29
- static propsTypes = {
30
- // initialValue: PropTypes.shape({
31
- // layout: PropTypes.string,
32
- // width: PropTypes.number,
33
- // }),
34
-
35
- close: function (props: any, propName: string) {
36
- const fn = props[propName];
37
- if (
38
- !fn.prototype ||
39
- (typeof fn.prototype.constructor !== 'function' &&
40
- fn.prototype.constructor.length !== 1)
41
- ) {
42
- return new Error(
43
- propName +
44
- 'must be a function with 1 arg of type DocLayoutEditorValue'
45
- );
46
- }
47
- return null;
48
- },
49
- };
50
-
51
- state: State;
52
-
53
- constructor(props: Object, context: Object) {
54
- super(props, context);
55
- const { width, layout } = this.props.initialValue || {};
56
- this.state = {
57
- width,
58
- layout,
59
- selectedValue: width || layout || LAYOUT.US_LETTER_PORTRAIT, // or LAYOUT.A4_PORTRAIT to define default layout
60
- };
61
- }
62
-
63
- render(): React.Element<any> {
64
- const { width, selectedValue } = this.state;
65
- const customOption = width ? (
66
- <CustomRadioButton
67
- checked={selectedValue === width}
68
- key="c"
69
- label={`Custom width: ${width}pt`}
70
- onSelect={this._onSelect}
71
- value={width}
72
- />
73
- ) : null;
74
-
75
- return (
76
- <div className="czi-body-layout-editor">
77
- <form className="czi-form" onSubmit={preventEventDefault}>
78
- <fieldset>
79
- <legend>Page Layout</legend>
80
- <CustomRadioButton
81
- checked={selectedValue === LAYOUT.US_LETTER_PORTRAIT}
82
- label="US Letter - Portrait"
83
- onSelect={this._onSelect}
84
- value={LAYOUT.US_LETTER_PORTRAIT}
85
- />
86
- <CustomRadioButton
87
- checked={selectedValue === LAYOUT.US_LETTER_LANDSCAPE}
88
- label="US Letter - Landscape"
89
- onSelect={this._onSelect}
90
- value={LAYOUT.US_LETTER_LANDSCAPE}
91
- />
92
- <CustomRadioButton
93
- checked={selectedValue === LAYOUT.A4_PORTRAIT}
94
- label="A4 - Portrait"
95
- onSelect={this._onSelect}
96
- value={LAYOUT.A4_PORTRAIT}
97
- />
98
- <CustomRadioButton
99
- checked={selectedValue === LAYOUT.A4_LANDSCAPE}
100
- label="A4 - Landscape"
101
- onSelect={this._onSelect}
102
- value={LAYOUT.A4_LANDSCAPE}
103
- />
104
- <CustomRadioButton
105
- checked={selectedValue === LAYOUT.DESKTOP_SCREEN_4_3}
106
- label="4:3 Desktop Screen"
107
- onSelect={this._onSelect}
108
- value={LAYOUT.DESKTOP_SCREEN_4_3}
109
- />
110
- <CustomRadioButton
111
- checked={selectedValue === LAYOUT.DESKTOP_SCREEN_16_9}
112
- label="16:9 Desktop Screen"
113
- onSelect={this._onSelect}
114
- value={LAYOUT.DESKTOP_SCREEN_16_9}
115
- />
116
- {customOption}
117
- </fieldset>
118
- <hr />
119
- <div className="czi-form-buttons">
120
- <CustomButton label="Cancel" onClick={this._cancel} />
121
- <CustomButton active={true} label="Apply" onClick={this._apply} />
122
- </div>
123
- </form>
124
- </div>
125
- );
126
- }
127
-
128
- _onSelect = (selectedValue: any): void => {
129
- this.setState({ selectedValue });
130
- };
131
-
132
- _cancel = (): void => {
133
- this.props.close();
134
- };
135
-
136
- _apply = (): void => {
137
- const { selectedValue } = this.state;
138
- if (typeof selectedValue === 'string') {
139
- this.props.close({ width: null, layout: selectedValue });
140
- } else {
141
- this.props.close({ width: selectedValue, layout: null });
142
- }
143
- };
144
- }
145
-
146
- export default DocLayoutEditor;
1
+ // @flow
2
+
3
+ import * as React from 'react';
4
+ import { LAYOUT } from '../DocNodeSpec.js';
5
+ import { CustomButton } from '@modusoperandi/licit-ui-commands';
6
+ import CustomRadioButton from './CustomRadioButton.js';
7
+ import { preventEventDefault } from '@modusoperandi/licit-ui-commands';
8
+
9
+ import './czi-body-layout-editor.css';
10
+ import './czi-form.css';
11
+
12
+ export type DocLayoutEditorValue = {
13
+ layout: ?string,
14
+ width: ?number,
15
+ };
16
+
17
+ type State = {
18
+ layout: ?string,
19
+ selectedValue: any,
20
+ width: ?number,
21
+ };
22
+
23
+ class DocLayoutEditor extends React.PureComponent<any, any> {
24
+ _unmounted = false;
25
+
26
+ // [FS] IRAD-1005 2020-07-07
27
+ // Upgrade outdated packages.
28
+ // To take care of the property type declaration.
29
+ static propsTypes = {
30
+ // initialValue: PropTypes.shape({
31
+ // layout: PropTypes.string,
32
+ // width: PropTypes.number,
33
+ // }),
34
+
35
+ close: function (props: any, propName: string) {
36
+ const fn = props[propName];
37
+ if (
38
+ !fn.prototype ||
39
+ (typeof fn.prototype.constructor !== 'function' &&
40
+ fn.prototype.constructor.length !== 1)
41
+ ) {
42
+ return new Error(
43
+ propName +
44
+ 'must be a function with 1 arg of type DocLayoutEditorValue'
45
+ );
46
+ }
47
+ return null;
48
+ },
49
+ };
50
+
51
+ state: State;
52
+
53
+ constructor(props: Object, context: Object) {
54
+ super(props, context);
55
+ const { width, layout } = this.props.initialValue || {};
56
+ this.state = {
57
+ width,
58
+ layout,
59
+ selectedValue: width || layout || LAYOUT.US_LETTER_PORTRAIT, // or LAYOUT.A4_PORTRAIT to define default layout
60
+ };
61
+ }
62
+
63
+ render(): React.Element<any> {
64
+ const { width, selectedValue } = this.state;
65
+ const customOption = width ? (
66
+ <CustomRadioButton
67
+ checked={selectedValue === width}
68
+ key="c"
69
+ label={`Custom width: ${width}pt`}
70
+ onSelect={this._onSelect}
71
+ value={width}
72
+ />
73
+ ) : null;
74
+
75
+ return (
76
+ <div className="czi-body-layout-editor">
77
+ <form className="czi-form" onSubmit={preventEventDefault}>
78
+ <fieldset>
79
+ <legend>Page Layout</legend>
80
+ <CustomRadioButton
81
+ checked={selectedValue === LAYOUT.US_LETTER_PORTRAIT}
82
+ label="US Letter - Portrait"
83
+ onSelect={this._onSelect}
84
+ value={LAYOUT.US_LETTER_PORTRAIT}
85
+ />
86
+ <CustomRadioButton
87
+ checked={selectedValue === LAYOUT.US_LETTER_LANDSCAPE}
88
+ label="US Letter - Landscape"
89
+ onSelect={this._onSelect}
90
+ value={LAYOUT.US_LETTER_LANDSCAPE}
91
+ />
92
+ <CustomRadioButton
93
+ checked={selectedValue === LAYOUT.A4_PORTRAIT}
94
+ label="A4 - Portrait"
95
+ onSelect={this._onSelect}
96
+ value={LAYOUT.A4_PORTRAIT}
97
+ />
98
+ <CustomRadioButton
99
+ checked={selectedValue === LAYOUT.A4_LANDSCAPE}
100
+ label="A4 - Landscape"
101
+ onSelect={this._onSelect}
102
+ value={LAYOUT.A4_LANDSCAPE}
103
+ />
104
+ <CustomRadioButton
105
+ checked={selectedValue === LAYOUT.DESKTOP_SCREEN_4_3}
106
+ label="4:3 Desktop Screen"
107
+ onSelect={this._onSelect}
108
+ value={LAYOUT.DESKTOP_SCREEN_4_3}
109
+ />
110
+ <CustomRadioButton
111
+ checked={selectedValue === LAYOUT.DESKTOP_SCREEN_16_9}
112
+ label="16:9 Desktop Screen"
113
+ onSelect={this._onSelect}
114
+ value={LAYOUT.DESKTOP_SCREEN_16_9}
115
+ />
116
+ {customOption}
117
+ </fieldset>
118
+ <hr />
119
+ <div className="czi-form-buttons">
120
+ <CustomButton label="Cancel" onClick={this._cancel} />
121
+ <CustomButton active={true} label="Apply" onClick={this._apply} />
122
+ </div>
123
+ </form>
124
+ </div>
125
+ );
126
+ }
127
+
128
+ _onSelect = (selectedValue: any): void => {
129
+ this.setState({ selectedValue });
130
+ };
131
+
132
+ _cancel = (): void => {
133
+ this.props.close();
134
+ };
135
+
136
+ _apply = (): void => {
137
+ const { selectedValue } = this.state;
138
+ if (typeof selectedValue === 'string') {
139
+ this.props.close({ width: null, layout: selectedValue });
140
+ } else {
141
+ this.props.close({ width: selectedValue, layout: null });
142
+ }
143
+ };
144
+ }
145
+
146
+ export default DocLayoutEditor;
package/ui/Editor.js CHANGED
@@ -4,13 +4,13 @@ function _defineProperties(target, props) { for (var i = 0; i < props.length; i+
4
4
  function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
5
5
  function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
6
6
  function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
7
+ function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
7
8
  function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
8
9
  function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
9
- function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
10
10
  function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
11
11
  function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
12
12
  function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
13
- function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
13
+ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
14
14
  function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
15
15
  import cx from 'classnames';
16
16
  import { Schema } from 'prosemirror-model';
@@ -104,7 +104,6 @@ function getSchema(editorState) {
104
104
  return editorState ? editorState.schema : EDITOR_EMPTY_STATE.schema;
105
105
  }
106
106
  var Editor = /*#__PURE__*/function (_React$PureComponent) {
107
- _inherits(Editor, _React$PureComponent);
108
107
  function Editor() {
109
108
  var _this;
110
109
  _classCallCheck(this, Editor);
@@ -112,21 +111,21 @@ var Editor = /*#__PURE__*/function (_React$PureComponent) {
112
111
  args[_key] = arguments[_key];
113
112
  }
114
113
  _this = _callSuper(this, Editor, [].concat(args));
115
- _defineProperty(_assertThisInitialized(_this), "_autoFocusTimer", 0);
116
- _defineProperty(_assertThisInitialized(_this), "_id", uuid());
117
- _defineProperty(_assertThisInitialized(_this), "_editorView", null);
118
- _defineProperty(_assertThisInitialized(_this), "props", void 0);
119
- _defineProperty(_assertThisInitialized(_this), "state", {
114
+ _defineProperty(_this, "_autoFocusTimer", 0);
115
+ _defineProperty(_this, "_id", uuid());
116
+ _defineProperty(_this, "_editorView", null);
117
+ _defineProperty(_this, "props", void 0);
118
+ _defineProperty(_this, "state", {
120
119
  isPrinting: false
121
120
  });
122
- _defineProperty(_assertThisInitialized(_this), "_onBlur", function () {
121
+ _defineProperty(_this, "_onBlur", function () {
123
122
  var onBlur = _this.props.onBlur;
124
123
  var view = _this._editorView;
125
124
  if (view && !view.disabled && !view.readOnly && onBlur) {
126
125
  onBlur();
127
126
  }
128
127
  });
129
- _defineProperty(_assertThisInitialized(_this), "focus", function () {
128
+ _defineProperty(_this, "focus", function () {
130
129
  var view = _this._editorView;
131
130
  if (view && !view.disabled && !view.readOnly) {
132
131
  view.focus();
@@ -134,7 +133,7 @@ var Editor = /*#__PURE__*/function (_React$PureComponent) {
134
133
  });
135
134
  // [FS-AFQ][20-FEB-2020]
136
135
  // Collaboration
137
- _defineProperty(_assertThisInitialized(_this), "_dispatchTransaction", function (transaction) {
136
+ _defineProperty(_this, "_dispatchTransaction", function (transaction) {
138
137
  var _this$props = _this.props,
139
138
  editorState = _this$props.editorState,
140
139
  readOnly = _this$props.readOnly,
@@ -147,26 +146,27 @@ var Editor = /*#__PURE__*/function (_React$PureComponent) {
147
146
  state: editorState || EDITOR_EMPTY_STATE
148
147
  });
149
148
  });
150
- _defineProperty(_assertThisInitialized(_this), "_isEditable", function () {
149
+ _defineProperty(_this, "_isEditable", function () {
151
150
  var _this$props2 = _this.props,
152
151
  disabled = _this$props2.disabled,
153
152
  readOnly = _this$props2.readOnly;
154
153
  var isPrinting = _this.state.isPrinting;
155
154
  return !isPrinting && !!_this._editorView && !readOnly && !disabled;
156
155
  });
157
- _defineProperty(_assertThisInitialized(_this), "_onPrintStart", function () {
156
+ _defineProperty(_this, "_onPrintStart", function () {
158
157
  _this.setState({
159
158
  isPrinting: true
160
159
  });
161
160
  });
162
- _defineProperty(_assertThisInitialized(_this), "_onPrintEnd", function () {
161
+ _defineProperty(_this, "_onPrintEnd", function () {
163
162
  _this.setState({
164
163
  isPrinting: false
165
164
  });
166
165
  });
167
166
  return _this;
168
167
  }
169
- _createClass(Editor, [{
168
+ _inherits(Editor, _React$PureComponent);
169
+ return _createClass(Editor, [{
170
170
  key: "componentDidMount",
171
171
  value: function componentDidMount() {
172
172
  var _this$props3 = this.props,
@@ -279,7 +279,6 @@ var Editor = /*#__PURE__*/function (_React$PureComponent) {
279
279
  });
280
280
  }
281
281
  }]);
282
- return Editor;
283
282
  }(React.PureComponent);
284
283
  _defineProperty(Editor, "EDITOR_EMPTY_STATE", EDITOR_EMPTY_STATE);
285
284
  _defineProperty(Editor, "defaultProps", {