@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,70 +1,70 @@
1
- // @flow
2
-
3
- import { Fragment, Schema } from 'prosemirror-model';
4
- import { EditorState, TextSelection } from 'prosemirror-state';
5
- import { Transform } from 'prosemirror-transform';
6
- import { EditorView } from 'prosemirror-view';
7
- import * as React from 'react';
8
- import { HARD_BREAK } from './NodeNames';
9
- import { UICommand } from '@modusoperandi/licit-doc-attrs-step';
10
-
11
- // This handles the case when user press SHIFT + ENTER key to insert a new line
12
- // into blockquote.
13
- function insertNewLine(tr: Transform, schema: Schema): Transform {
14
- const { selection } = tr;
15
- if (!selection) {
16
- return tr;
17
- }
18
- const { from, empty } = selection;
19
- if (!empty) {
20
- return tr;
21
- }
22
- const br = schema.nodes[HARD_BREAK];
23
- if (!br) {
24
- return tr;
25
- }
26
- tr = tr.insert(from, Fragment.from(br.create()));
27
- tr = tr.setSelection(TextSelection.create(tr.doc, from + 1, from + 1));
28
- return tr;
29
- }
30
-
31
- class BlockquoteInsertNewLineCommand extends UICommand {
32
- execute = (
33
- state: EditorState,
34
- dispatch: ?(tr: Transform) => void,
35
- view: ?EditorView
36
- ): boolean => {
37
- const { schema, selection } = state;
38
- const tr = insertNewLine(state.tr.setSelection(selection), schema);
39
- if (tr.docChanged) {
40
- dispatch && dispatch(tr);
41
- return true;
42
- } else {
43
- return false;
44
- }
45
- };
46
-
47
- waitForUserInput = (
48
- _state: EditorState,
49
- _dispatch: ?(tr: Transform) => void,
50
- _view: ?EditorView,
51
- _event: ?React.SyntheticEvent
52
- ): Promise<undefined> => {
53
- return Promise.resolve(undefined);
54
- };
55
-
56
- executeWithUserInput = (
57
- _state: EditorState,
58
- _dispatch: ?(tr: Transform) => void,
59
- _view: ?EditorView,
60
- _inputs: ?string
61
- ): boolean => {
62
- return false;
63
- };
64
-
65
- cancel(): void {
66
- return null;
67
- }
68
- }
69
-
70
- export default BlockquoteInsertNewLineCommand;
1
+ // @flow
2
+
3
+ import { Fragment, Schema } from 'prosemirror-model';
4
+ import { EditorState, TextSelection } from 'prosemirror-state';
5
+ import { Transform } from 'prosemirror-transform';
6
+ import { EditorView } from 'prosemirror-view';
7
+ import * as React from 'react';
8
+ import { HARD_BREAK } from './NodeNames';
9
+ import { UICommand } from '@modusoperandi/licit-doc-attrs-step';
10
+
11
+ // This handles the case when user press SHIFT + ENTER key to insert a new line
12
+ // into blockquote.
13
+ function insertNewLine(tr: Transform, schema: Schema): Transform {
14
+ const { selection } = tr;
15
+ if (!selection) {
16
+ return tr;
17
+ }
18
+ const { from, empty } = selection;
19
+ if (!empty) {
20
+ return tr;
21
+ }
22
+ const br = schema.nodes[HARD_BREAK];
23
+ if (!br) {
24
+ return tr;
25
+ }
26
+ tr = tr.insert(from, Fragment.from(br.create()));
27
+ tr = tr.setSelection(TextSelection.create(tr.doc, from + 1, from + 1));
28
+ return tr;
29
+ }
30
+
31
+ class BlockquoteInsertNewLineCommand extends UICommand {
32
+ execute = (
33
+ state: EditorState,
34
+ dispatch: ?(tr: Transform) => void,
35
+ view: ?EditorView
36
+ ): boolean => {
37
+ const { schema, selection } = state;
38
+ const tr = insertNewLine(state.tr.setSelection(selection), schema);
39
+ if (tr.docChanged) {
40
+ dispatch && dispatch(tr);
41
+ return true;
42
+ } else {
43
+ return false;
44
+ }
45
+ };
46
+
47
+ waitForUserInput = (
48
+ _state: EditorState,
49
+ _dispatch: ?(tr: Transform) => void,
50
+ _view: ?EditorView,
51
+ _event: ?React.SyntheticEvent
52
+ ): Promise<undefined> => {
53
+ return Promise.resolve(undefined);
54
+ };
55
+
56
+ executeWithUserInput = (
57
+ _state: EditorState,
58
+ _dispatch: ?(tr: Transform) => void,
59
+ _view: ?EditorView,
60
+ _inputs: ?string
61
+ ): boolean => {
62
+ return false;
63
+ };
64
+
65
+ cancel(): void {
66
+ return null;
67
+ }
68
+ }
69
+
70
+ export default BlockquoteInsertNewLineCommand;
@@ -1,29 +1,29 @@
1
- // @flow
2
-
3
- import { Node } from 'prosemirror-model';
4
-
5
- import ParagraphNodeSpec,{ getParagraphNodeAttrs, toParagraphDOM } from './ParagraphNodeSpec.js';
6
-
7
- import type { NodeSpec } from './Types.js';
8
-
9
- // https://github.com/ProseMirror/prosemirror-schema-basic/blob/master/src/schema-basic.js
10
- // :: NodeSpec A plain paragraph textblock. Represented in the DOM
11
- // as a `<p>` element.
12
- const BlockquoteNodeSpec: NodeSpec = {
13
- ...ParagraphNodeSpec,
14
- defining: true,
15
- parseDOM: [{ tag: 'blockquote', getAttrs }],
16
- toDOM,
17
- };
18
-
19
- function toDOM(node: Node): Array<any> {
20
- const dom = toParagraphDOM(node);
21
- dom[0] = 'blockquote';
22
- return dom;
23
- }
24
-
25
- function getAttrs(dom: HTMLElement): Object {
26
- return getParagraphNodeAttrs(dom);
27
- }
28
-
29
- export default BlockquoteNodeSpec;
1
+ // @flow
2
+
3
+ import { Node } from 'prosemirror-model';
4
+
5
+ import ParagraphNodeSpec,{ getParagraphNodeAttrs, toParagraphDOM } from './ParagraphNodeSpec.js';
6
+
7
+ import type { NodeSpec } from './Types.js';
8
+
9
+ // https://github.com/ProseMirror/prosemirror-schema-basic/blob/master/src/schema-basic.js
10
+ // :: NodeSpec A plain paragraph textblock. Represented in the DOM
11
+ // as a `<p>` element.
12
+ const BlockquoteNodeSpec: NodeSpec = {
13
+ ...ParagraphNodeSpec,
14
+ defining: true,
15
+ parseDOM: [{ tag: 'blockquote', getAttrs }],
16
+ toDOM,
17
+ };
18
+
19
+ function toDOM(node: Node): Array<any> {
20
+ const dom = toParagraphDOM(node);
21
+ dom[0] = 'blockquote';
22
+ return dom;
23
+ }
24
+
25
+ function getAttrs(dom: HTMLElement): Object {
26
+ return getParagraphNodeAttrs(dom);
27
+ }
28
+
29
+ export default BlockquoteNodeSpec;
@@ -1,56 +1,56 @@
1
- // @flow
2
-
3
- import { EditorState } from 'prosemirror-state';
4
- import { Transform } from 'prosemirror-transform';
5
- import { findParentNodeOfType } from 'prosemirror-utils';
6
- import { EditorView } from 'prosemirror-view';
7
- import * as React from 'react';
8
- import { BLOCKQUOTE } from './NodeNames';
9
- import toggleBlockquote from './toggleBlockquote';
10
- import { UICommand } from '@modusoperandi/licit-doc-attrs-step';
11
-
12
- class BlockquoteToggleCommand extends UICommand {
13
- isActive = (state: EditorState): boolean => {
14
- const blockquote = state.schema.nodes[BLOCKQUOTE];
15
- return !!(blockquote && findParentNodeOfType(blockquote)(state.selection));
16
- };
17
-
18
- execute = (
19
- state: EditorState,
20
- dispatch: ?(tr: Transform) => void,
21
- view: ?EditorView
22
- ): boolean => {
23
- const { schema, selection } = state;
24
- const tr = toggleBlockquote(state.tr.setSelection(selection), schema);
25
- if (tr.docChanged) {
26
- dispatch && dispatch(tr);
27
- return true;
28
- } else {
29
- return false;
30
- }
31
- };
32
-
33
- waitForUserInput = (
34
- _state: EditorState,
35
- _dispatch: ?(tr: Transform) => void,
36
- _view: ?EditorView,
37
- _event: ?React.SyntheticEvent
38
- ): Promise<undefined> => {
39
- return Promise.resolve(undefined);
40
- };
41
-
42
- executeWithUserInput = (
43
- _state: EditorState,
44
- _dispatch: ?(tr: Transform) => void,
45
- _view: ?EditorView,
46
- _inputs: ?string
47
- ): boolean => {
48
- return false;
49
- };
50
-
51
- cancel(): void {
52
- return null;
53
- }
54
- }
55
-
56
- export default BlockquoteToggleCommand;
1
+ // @flow
2
+
3
+ import { EditorState } from 'prosemirror-state';
4
+ import { Transform } from 'prosemirror-transform';
5
+ import { findParentNodeOfType } from 'prosemirror-utils';
6
+ import { EditorView } from 'prosemirror-view';
7
+ import * as React from 'react';
8
+ import { BLOCKQUOTE } from './NodeNames';
9
+ import toggleBlockquote from './toggleBlockquote';
10
+ import { UICommand } from '@modusoperandi/licit-doc-attrs-step';
11
+
12
+ class BlockquoteToggleCommand extends UICommand {
13
+ isActive = (state: EditorState): boolean => {
14
+ const blockquote = state.schema.nodes[BLOCKQUOTE];
15
+ return !!(blockquote && findParentNodeOfType(blockquote)(state.selection));
16
+ };
17
+
18
+ execute = (
19
+ state: EditorState,
20
+ dispatch: ?(tr: Transform) => void,
21
+ view: ?EditorView
22
+ ): boolean => {
23
+ const { schema, selection } = state;
24
+ const tr = toggleBlockquote(state.tr.setSelection(selection), schema);
25
+ if (tr.docChanged) {
26
+ dispatch && dispatch(tr);
27
+ return true;
28
+ } else {
29
+ return false;
30
+ }
31
+ };
32
+
33
+ waitForUserInput = (
34
+ _state: EditorState,
35
+ _dispatch: ?(tr: Transform) => void,
36
+ _view: ?EditorView,
37
+ _event: ?React.SyntheticEvent
38
+ ): Promise<undefined> => {
39
+ return Promise.resolve(undefined);
40
+ };
41
+
42
+ executeWithUserInput = (
43
+ _state: EditorState,
44
+ _dispatch: ?(tr: Transform) => void,
45
+ _view: ?EditorView,
46
+ _inputs: ?string
47
+ ): boolean => {
48
+ return false;
49
+ };
50
+
51
+ cancel(): void {
52
+ return null;
53
+ }
54
+ }
55
+
56
+ export default BlockquoteToggleCommand;
@@ -1,39 +1,39 @@
1
- // @flow
2
-
3
- import type { NodeSpec } from './Types.js';
4
-
5
- export const ATTRIBUTE_BOOKMARK_ID = 'data-bookmark-id';
6
- export const ATTRIBUTE_BOOKMARK_VISIBLE = 'data-bookmark-visible';
7
-
8
- function getAttrs(dom: HTMLElement) {
9
- const id = dom.getAttribute(ATTRIBUTE_BOOKMARK_ID);
10
- const visible = dom.getAttribute(ATTRIBUTE_BOOKMARK_VISIBLE) === 'true';
11
- return {
12
- id,
13
- visible,
14
- };
15
- }
16
-
17
- const BookmarkNodeSpec: NodeSpec = {
18
- inline: true,
19
- attrs: {
20
- id: { default: null },
21
- visible: { default: null },
22
- },
23
- group: 'inline',
24
- draggable: true,
25
- parseDOM: [{ tag: `a[${ATTRIBUTE_BOOKMARK_ID}]`, getAttrs }],
26
- toDOM(node) {
27
- const { id, visible } = node.attrs;
28
- const attrs = id
29
- ? {
30
- [ATTRIBUTE_BOOKMARK_ID]: id,
31
- [ATTRIBUTE_BOOKMARK_VISIBLE]: visible,
32
- id,
33
- }
34
- : {};
35
- return ['a', attrs];
36
- },
37
- };
38
-
39
- export default BookmarkNodeSpec;
1
+ // @flow
2
+
3
+ import type { NodeSpec } from './Types.js';
4
+
5
+ export const ATTRIBUTE_BOOKMARK_ID = 'data-bookmark-id';
6
+ export const ATTRIBUTE_BOOKMARK_VISIBLE = 'data-bookmark-visible';
7
+
8
+ function getAttrs(dom: HTMLElement) {
9
+ const id = dom.getAttribute(ATTRIBUTE_BOOKMARK_ID);
10
+ const visible = dom.getAttribute(ATTRIBUTE_BOOKMARK_VISIBLE) === 'true';
11
+ return {
12
+ id,
13
+ visible,
14
+ };
15
+ }
16
+
17
+ const BookmarkNodeSpec: NodeSpec = {
18
+ inline: true,
19
+ attrs: {
20
+ id: { default: null },
21
+ visible: { default: null },
22
+ },
23
+ group: 'inline',
24
+ draggable: true,
25
+ parseDOM: [{ tag: `a[${ATTRIBUTE_BOOKMARK_ID}]`, getAttrs }],
26
+ toDOM(node) {
27
+ const { id, visible } = node.attrs;
28
+ const attrs = id
29
+ ? {
30
+ [ATTRIBUTE_BOOKMARK_ID]: id,
31
+ [ATTRIBUTE_BOOKMARK_VISIBLE]: visible,
32
+ id,
33
+ }
34
+ : {};
35
+ return ['a', attrs];
36
+ },
37
+ };
38
+
39
+ export default BookmarkNodeSpec;
@@ -1,61 +1,61 @@
1
- // @flow
2
-
3
- import { Node } from 'prosemirror-model';
4
-
5
- import { ATTRIBUTE_LIST_STYLE_TYPE } from './ListItemNodeSpec.js';
6
- import { LIST_ITEM } from './NodeNames.js';
7
- import { ATTRIBUTE_INDENT, MIN_INDENT_LEVEL } from './ParagraphNodeSpec.js';
8
-
9
- import type { NodeSpec } from './Types.js';
10
-
11
- const AUTO_LIST_STYLE_TYPES = ['disc', 'square', 'circle'];
12
-
13
- const BulletListNodeSpec: NodeSpec = {
14
- attrs: {
15
- id: { default: null },
16
- indent: { default: 0 },
17
- listStyleType: { default: null },
18
- },
19
- group: 'block',
20
- content: LIST_ITEM + '+',
21
- parseDOM: [
22
- {
23
- tag: 'ul',
24
- getAttrs(dom: HTMLElement) {
25
- const listStyleType =
26
- dom.getAttribute(ATTRIBUTE_LIST_STYLE_TYPE) || null;
27
-
28
- const indent = dom.hasAttribute(ATTRIBUTE_INDENT)
29
- ? parseInt(dom.getAttribute(ATTRIBUTE_INDENT), 10)
30
- : MIN_INDENT_LEVEL;
31
- return {
32
- indent,
33
- listStyleType,
34
- };
35
- },
36
- },
37
- ],
38
-
39
- toDOM(node: Node) {
40
- const { indent, listStyleType } = node.attrs;
41
- const attrs = {};
42
- // [FS] IRAD-947 2020-05-26
43
- // Bullet list type changing fix
44
- attrs[ATTRIBUTE_INDENT] = indent;
45
- if (listStyleType) {
46
- attrs[ATTRIBUTE_LIST_STYLE_TYPE] = listStyleType;
47
- }
48
-
49
- let htmlListStyleType = listStyleType;
50
-
51
- if (!htmlListStyleType || htmlListStyleType === 'disc') {
52
- htmlListStyleType =
53
- AUTO_LIST_STYLE_TYPES[indent % AUTO_LIST_STYLE_TYPES.length];
54
- }
55
-
56
- attrs.type = htmlListStyleType;
57
- return ['ul', attrs, 0];
58
- },
59
- };
60
-
61
- export default BulletListNodeSpec;
1
+ // @flow
2
+
3
+ import { Node } from 'prosemirror-model';
4
+
5
+ import { ATTRIBUTE_LIST_STYLE_TYPE } from './ListItemNodeSpec.js';
6
+ import { LIST_ITEM } from './NodeNames.js';
7
+ import { ATTRIBUTE_INDENT, MIN_INDENT_LEVEL } from './ParagraphNodeSpec.js';
8
+
9
+ import type { NodeSpec } from './Types.js';
10
+
11
+ const AUTO_LIST_STYLE_TYPES = ['disc', 'square', 'circle'];
12
+
13
+ const BulletListNodeSpec: NodeSpec = {
14
+ attrs: {
15
+ id: { default: null },
16
+ indent: { default: 0 },
17
+ listStyleType: { default: null },
18
+ },
19
+ group: 'block',
20
+ content: LIST_ITEM + '+',
21
+ parseDOM: [
22
+ {
23
+ tag: 'ul',
24
+ getAttrs(dom: HTMLElement) {
25
+ const listStyleType =
26
+ dom.getAttribute(ATTRIBUTE_LIST_STYLE_TYPE) || null;
27
+
28
+ const indent = dom.hasAttribute(ATTRIBUTE_INDENT)
29
+ ? parseInt(dom.getAttribute(ATTRIBUTE_INDENT), 10)
30
+ : MIN_INDENT_LEVEL;
31
+ return {
32
+ indent,
33
+ listStyleType,
34
+ };
35
+ },
36
+ },
37
+ ],
38
+
39
+ toDOM(node: Node) {
40
+ const { indent, listStyleType } = node.attrs;
41
+ const attrs = {};
42
+ // [FS] IRAD-947 2020-05-26
43
+ // Bullet list type changing fix
44
+ attrs[ATTRIBUTE_INDENT] = indent;
45
+ if (listStyleType) {
46
+ attrs[ATTRIBUTE_LIST_STYLE_TYPE] = listStyleType;
47
+ }
48
+
49
+ let htmlListStyleType = listStyleType;
50
+
51
+ if (!htmlListStyleType || htmlListStyleType === 'disc') {
52
+ htmlListStyleType =
53
+ AUTO_LIST_STYLE_TYPES[indent % AUTO_LIST_STYLE_TYPES.length];
54
+ }
55
+
56
+ attrs.type = htmlListStyleType;
57
+ return ['ul', attrs, 0];
58
+ },
59
+ };
60
+
61
+ export default BulletListNodeSpec;