@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,40 +1,40 @@
1
- // @flow
2
-
3
- import { Node } from 'prosemirror-model';
4
-
5
- import toCSSColor from './ui/toCSSColor.js';
6
-
7
- import type { MarkSpec } from './Types.js';
8
-
9
- const TextColorMarkSpec: MarkSpec = {
10
- attrs: {
11
- color: { default: null }, // Allow missing color
12
- overridden: { default: false },
13
- },
14
- inline: true,
15
- group: 'inline',
16
- parseDOM: [
17
- {
18
- tag: 'span[style*=color]',
19
- getAttrs: (dom: HTMLElement) => {
20
- const { color } = dom.style;
21
- const overridden = dom.getAttribute('overridden') === 'true'; // Extract overridden flag
22
- return {
23
- color: toCSSColor(color),
24
- overridden
25
- };
26
- },
27
- },
28
- ],
29
- toDOM(node: Node) {
30
- const { color, overridden } = node.attrs;
31
- const attrs = {};
32
- if (color) {
33
- attrs.style = `color: ${color};`;
34
- attrs['overridden'] = overridden?.toString();
35
- }
36
- return ['span', attrs, 0];
37
- },
38
- };
39
-
40
- export default TextColorMarkSpec;
1
+ // @flow
2
+
3
+ import { Node } from 'prosemirror-model';
4
+
5
+ import toCSSColor from './ui/toCSSColor.js';
6
+
7
+ import type { MarkSpec } from './Types.js';
8
+
9
+ const TextColorMarkSpec: MarkSpec = {
10
+ attrs: {
11
+ color: { default: null }, // Allow missing color
12
+ overridden: { default: false },
13
+ },
14
+ inline: true,
15
+ group: 'inline',
16
+ parseDOM: [
17
+ {
18
+ tag: 'span[style*=color]',
19
+ getAttrs: (dom: HTMLElement) => {
20
+ const { color } = dom.style;
21
+ const overridden = dom.getAttribute('overridden') === 'true'; // Extract overridden flag
22
+ return {
23
+ color: toCSSColor(color),
24
+ overridden
25
+ };
26
+ },
27
+ },
28
+ ],
29
+ toDOM(node: Node) {
30
+ const { color, overridden } = node.attrs;
31
+ const attrs = {};
32
+ if (color) {
33
+ attrs.style = `color: ${color};`;
34
+ attrs['overridden'] = overridden?.toString();
35
+ }
36
+ return ['span', attrs, 0];
37
+ },
38
+ };
39
+
40
+ export default TextColorMarkSpec;
@@ -1,47 +1,47 @@
1
- // @flow
2
-
3
- import { Node } from 'prosemirror-model';
4
- import { isTransparent, toCSSColor } from './ui/toCSSColor.js';
5
-
6
- import type { MarkSpec } from './Types.js';
7
-
8
- const TextHighlightMarkSpec: MarkSpec = {
9
- attrs: {
10
- highlightColor: { default: null }, // Allow missing color
11
- overridden: { default: false },
12
- },
13
- inline: true,
14
- group: 'inline',
15
- parseDOM: [
16
- {
17
- tag: 'span[style*=background-color]',
18
- priority: 100,
19
- getAttrs: (dom: HTMLElement) => {
20
- const { backgroundColor } = dom.style;
21
- const color = toCSSColor(backgroundColor);
22
- const overridden = dom.getAttribute('overridden') === 'true'; // Extract overridden flag
23
-
24
- return {
25
- highlightColor: isTransparent(color) ? '' : color,
26
- overridden, // Ensure overridden is captured
27
- };
28
- },
29
- },
30
- ],
31
-
32
- toDOM(node: Node) {
33
- const { highlightColor, overridden } = node.attrs;
34
- const attrs = {};
35
-
36
- if (highlightColor) {
37
- attrs.style = `background-color: ${highlightColor};`;
38
- }
39
-
40
- // Store overridden flag properly as a data attribute
41
- attrs['overridden'] = overridden?.toString();
42
-
43
- return ['span', attrs, 0];
44
- },
45
- };
46
-
47
- export default TextHighlightMarkSpec;
1
+ // @flow
2
+
3
+ import { Node } from 'prosemirror-model';
4
+ import { isTransparent, toCSSColor } from './ui/toCSSColor.js';
5
+
6
+ import type { MarkSpec } from './Types.js';
7
+
8
+ const TextHighlightMarkSpec: MarkSpec = {
9
+ attrs: {
10
+ highlightColor: { default: null }, // Allow missing color
11
+ overridden: { default: false },
12
+ },
13
+ inline: true,
14
+ group: 'inline',
15
+ parseDOM: [
16
+ {
17
+ tag: 'span[style*=background-color]',
18
+ priority: 100,
19
+ getAttrs: (dom: HTMLElement) => {
20
+ const { backgroundColor } = dom.style;
21
+ const color = toCSSColor(backgroundColor);
22
+ const overridden = dom.getAttribute('overridden') === 'true'; // Extract overridden flag
23
+
24
+ return {
25
+ highlightColor: isTransparent(color) ? '' : color,
26
+ overridden, // Ensure overridden is captured
27
+ };
28
+ },
29
+ },
30
+ ],
31
+
32
+ toDOM(node: Node) {
33
+ const { highlightColor, overridden } = node.attrs;
34
+ const attrs = {};
35
+
36
+ if (highlightColor) {
37
+ attrs.style = `background-color: ${highlightColor};`;
38
+ }
39
+
40
+ // Store overridden flag properly as a data attribute
41
+ attrs['overridden'] = overridden?.toString();
42
+
43
+ return ['span', attrs, 0];
44
+ },
45
+ };
46
+
47
+ export default TextHighlightMarkSpec;
@@ -47,9 +47,6 @@ function insertTabSpace(state, tr, schema) {
47
47
  // behavior happen.
48
48
  return tr;
49
49
  }
50
- if (found.node.type === paragraph && found.pos === from - 1) {
51
- return tr;
52
- }
53
50
  var textNode = schema.text(HAIR_SPACE_CHAR);
54
51
  tr = tr.insert(to, Fragment.from(textNode));
55
52
  var attrs = {
@@ -1,106 +1,103 @@
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 { findParentNodeOfType } from 'prosemirror-utils';
7
- import { EditorView } from 'prosemirror-view';
8
- import { MARK_SPACER } from './MarkNames.js';
9
- import { HEADING, LIST_ITEM, PARAGRAPH } from './NodeNames.js';
10
- import { HAIR_SPACE_CHAR, SPACER_SIZE_TAB } from './SpacerMarkSpec.js';
11
- import { applyMark } from '@modusoperandi/licit-ui-commands';
12
- import { UICommand } from '@modusoperandi/licit-doc-attrs-step';
13
- import * as React from 'react';
14
-
15
- function insertTabSpace(
16
- state: EditorState,
17
- tr: Transform,
18
- schema: Schema
19
- ): Transform {
20
- const { selection } = tr;
21
- if (!selection.empty || !(selection instanceof TextSelection)) {
22
- return tr;
23
- }
24
-
25
- const markType = schema.marks[MARK_SPACER];
26
- if (!markType) {
27
- return tr;
28
- }
29
- const paragraph = schema.nodes[PARAGRAPH];
30
- const heading = schema.nodes[HEADING];
31
- const listItem = schema.nodes[LIST_ITEM];
32
-
33
- const found =
34
- (listItem && findParentNodeOfType(listItem)(selection)) ||
35
- (paragraph && findParentNodeOfType(paragraph)(selection)) ||
36
- (heading && findParentNodeOfType(heading)(selection));
37
-
38
- if (!found) {
39
- return tr;
40
- }
41
-
42
- const { from, to } = selection;
43
- if (found.node.type === listItem && found.pos === from - 2) {
44
- // Cursur is at the begin of the list-item, let the default indentation
45
- // behavior happen.
46
- return tr;
47
- }
48
-
49
- if (found.node.type === paragraph && found.pos === from - 1) {
50
- return tr;
51
- }
52
- const textNode = schema.text(HAIR_SPACE_CHAR);
53
- tr = tr.insert(to, Fragment.from(textNode));
54
- const attrs = {
55
- size: SPACER_SIZE_TAB,
56
- };
57
-
58
- tr = tr.setSelection(TextSelection.create(tr.doc, to, to + 1));
59
-
60
- tr = applyMark(tr, schema, markType, attrs);
61
-
62
- tr = tr.setSelection(TextSelection.create(tr.doc, to + 1, to + 1));
63
-
64
- return tr;
65
- }
66
-
67
- class TextInsertTabSpaceCommand extends UICommand {
68
- execute = (
69
- state: EditorState,
70
- dispatch: ?(tr: Transform) => void,
71
- view: ?EditorView,
72
- event: ?SyntheticEvent<>
73
- ): boolean => {
74
- const { schema, tr } = state;
75
- const trNext = insertTabSpace(state, tr, schema);
76
- if (trNext.docChanged) {
77
- dispatch && dispatch(trNext);
78
- return true;
79
- }
80
- return false;
81
- };
82
-
83
- waitForUserInput = (
84
- _state: EditorState,
85
- _dispatch: ?(tr: Transform) => void,
86
- _view: ?EditorView,
87
- _event: ?React.SyntheticEvent
88
- ): Promise<undefined> => {
89
- return Promise.resolve(undefined);
90
- };
91
-
92
- executeWithUserInput = (
93
- _state: EditorState,
94
- _dispatch: ?(tr: Transform) => void,
95
- _view: ?EditorView,
96
- _inputs: ?string
97
- ): boolean => {
98
- return false;
99
- };
100
-
101
- cancel(): void {
102
- return null;
103
- }
104
- }
105
-
106
- export default TextInsertTabSpaceCommand;
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 { findParentNodeOfType } from 'prosemirror-utils';
7
+ import { EditorView } from 'prosemirror-view';
8
+ import { MARK_SPACER } from './MarkNames.js';
9
+ import { HEADING, LIST_ITEM, PARAGRAPH } from './NodeNames.js';
10
+ import { HAIR_SPACE_CHAR, SPACER_SIZE_TAB } from './SpacerMarkSpec.js';
11
+ import { applyMark } from '@modusoperandi/licit-ui-commands';
12
+ import { UICommand } from '@modusoperandi/licit-doc-attrs-step';
13
+ import * as React from 'react';
14
+
15
+ function insertTabSpace(
16
+ state: EditorState,
17
+ tr: Transform,
18
+ schema: Schema
19
+ ): Transform {
20
+ const { selection } = tr;
21
+ if (!selection.empty || !(selection instanceof TextSelection)) {
22
+ return tr;
23
+ }
24
+
25
+ const markType = schema.marks[MARK_SPACER];
26
+ if (!markType) {
27
+ return tr;
28
+ }
29
+ const paragraph = schema.nodes[PARAGRAPH];
30
+ const heading = schema.nodes[HEADING];
31
+ const listItem = schema.nodes[LIST_ITEM];
32
+
33
+ const found =
34
+ (listItem && findParentNodeOfType(listItem)(selection)) ||
35
+ (paragraph && findParentNodeOfType(paragraph)(selection)) ||
36
+ (heading && findParentNodeOfType(heading)(selection));
37
+
38
+ if (!found) {
39
+ return tr;
40
+ }
41
+
42
+ const { from, to } = selection;
43
+ if (found.node.type === listItem && found.pos === from - 2) {
44
+ // Cursur is at the begin of the list-item, let the default indentation
45
+ // behavior happen.
46
+ return tr;
47
+ }
48
+
49
+ const textNode = schema.text(HAIR_SPACE_CHAR);
50
+ tr = tr.insert(to, Fragment.from(textNode));
51
+ const attrs = {
52
+ size: SPACER_SIZE_TAB,
53
+ };
54
+
55
+ tr = tr.setSelection(TextSelection.create(tr.doc, to, to + 1));
56
+
57
+ tr = applyMark(tr, schema, markType, attrs);
58
+
59
+ tr = tr.setSelection(TextSelection.create(tr.doc, to + 1, to + 1));
60
+
61
+ return tr;
62
+ }
63
+
64
+ class TextInsertTabSpaceCommand extends UICommand {
65
+ execute = (
66
+ state: EditorState,
67
+ dispatch: ?(tr: Transform) => void,
68
+ view: ?EditorView,
69
+ event: ?SyntheticEvent<>
70
+ ): boolean => {
71
+ const { schema, tr } = state;
72
+ const trNext = insertTabSpace(state, tr, schema);
73
+ if (trNext.docChanged) {
74
+ dispatch && dispatch(trNext);
75
+ return true;
76
+ }
77
+ return false;
78
+ };
79
+
80
+ waitForUserInput = (
81
+ _state: EditorState,
82
+ _dispatch: ?(tr: Transform) => void,
83
+ _view: ?EditorView,
84
+ _event: ?React.SyntheticEvent
85
+ ): Promise<undefined> => {
86
+ return Promise.resolve(undefined);
87
+ };
88
+
89
+ executeWithUserInput = (
90
+ _state: EditorState,
91
+ _dispatch: ?(tr: Transform) => void,
92
+ _view: ?EditorView,
93
+ _inputs: ?string
94
+ ): boolean => {
95
+ return false;
96
+ };
97
+
98
+ cancel(): void {
99
+ return null;
100
+ }
101
+ }
102
+
103
+ export default TextInsertTabSpaceCommand;
@@ -1,14 +1,14 @@
1
- // @flow
2
-
3
- import type { MarkSpec } from './Types.js';
4
-
5
- const NO_WRAP_DOM = ['nobr', 0];
6
-
7
- const TextNoWrapMarkSpec: MarkSpec = {
8
- parseDOM: [{ tag: 'nobr' }],
9
- toDOM() {
10
- return NO_WRAP_DOM;
11
- },
12
- };
13
-
14
- export default TextNoWrapMarkSpec;
1
+ // @flow
2
+
3
+ import type { MarkSpec } from './Types.js';
4
+
5
+ const NO_WRAP_DOM = ['nobr', 0];
6
+
7
+ const TextNoWrapMarkSpec: MarkSpec = {
8
+ parseDOM: [{ tag: 'nobr' }],
9
+ toDOM() {
10
+ return NO_WRAP_DOM;
11
+ },
12
+ };
13
+
14
+ export default TextNoWrapMarkSpec;
@@ -1,7 +1,7 @@
1
- // @flow
2
-
3
- const TextNodeSpec = {
4
- group: 'inline',
5
- };
6
-
7
- export default TextNodeSpec;
1
+ // @flow
2
+
3
+ const TextNodeSpec = {
4
+ group: 'inline',
5
+ };
6
+
7
+ export default TextNodeSpec;
@@ -1,24 +1,24 @@
1
- // @flow
2
-
3
- import { Node } from 'prosemirror-model';
4
-
5
- import type { MarkSpec } from './Types.js';
6
-
7
- const TextSelectionMarkSpec: MarkSpec = {
8
- attrs: {
9
- id: '',
10
- },
11
- inline: true,
12
- group: 'inline',
13
- parseDOM: [
14
- {
15
- tag: 'czi-text-selection',
16
- },
17
- ],
18
-
19
- toDOM(node: Node) {
20
- return ['czi-text-selection', { class: 'czi-text-selection' }, 0];
21
- },
22
- };
23
-
24
- export default TextSelectionMarkSpec;
1
+ // @flow
2
+
3
+ import { Node } from 'prosemirror-model';
4
+
5
+ import type { MarkSpec } from './Types.js';
6
+
7
+ const TextSelectionMarkSpec: MarkSpec = {
8
+ attrs: {
9
+ id: '',
10
+ },
11
+ inline: true,
12
+ group: 'inline',
13
+ parseDOM: [
14
+ {
15
+ tag: 'czi-text-selection',
16
+ },
17
+ ],
18
+
19
+ toDOM(node: Node) {
20
+ return ['czi-text-selection', { class: 'czi-text-selection' }, 0];
21
+ },
22
+ };
23
+
24
+ export default TextSelectionMarkSpec;
@@ -1,28 +1,28 @@
1
- // @flow
2
-
3
- import type { MarkSpec } from './Types.js';
4
-
5
- const TextSubMarkSpec: MarkSpec = {
6
- attrs: {
7
- overridden: { default: false },
8
- },
9
- parseDOM: [
10
- {
11
- tag: 'sub',
12
- priority: 150,
13
- getAttrs: (dom: HTMLElement) => {
14
- const _overridden = dom.getAttribute('overridden');
15
- return { overridden: _overridden === 'true' };
16
- }
17
- },
18
- {
19
- style: 'vertical-align',
20
- getAttrs: (value) => (value === 'sub' ? { overridden: true } : null),
21
- },
22
- ],
23
- toDOM(mark) {
24
- return ['sub', { overridden: mark.attrs.overridden }, 0];
25
- },
26
- };
27
-
28
- export default TextSubMarkSpec;
1
+ // @flow
2
+
3
+ import type { MarkSpec } from './Types.js';
4
+
5
+ const TextSubMarkSpec: MarkSpec = {
6
+ attrs: {
7
+ overridden: { default: false },
8
+ },
9
+ parseDOM: [
10
+ {
11
+ tag: 'sub',
12
+ priority: 150,
13
+ getAttrs: (dom: HTMLElement) => {
14
+ const _overridden = dom.getAttribute('overridden');
15
+ return { overridden: _overridden === 'true' };
16
+ }
17
+ },
18
+ {
19
+ style: 'vertical-align',
20
+ getAttrs: (value) => (value === 'sub' ? { overridden: true } : null),
21
+ },
22
+ ],
23
+ toDOM(mark) {
24
+ return ['sub', { overridden: mark.attrs.overridden }, 0];
25
+ },
26
+ };
27
+
28
+ export default TextSubMarkSpec;
@@ -1,28 +1,28 @@
1
- // @flow
2
-
3
- import type { MarkSpec } from './Types.js';
4
-
5
- const TextSuperMarkSpec: MarkSpec = {
6
- attrs: {
7
- overridden: { default: false },
8
- },
9
- parseDOM: [
10
- {
11
- tag: 'sup',
12
- getAttrs: (dom: HTMLElement) => {
13
- const _overridden = dom.getAttribute('overridden');
14
- return { overridden: _overridden === 'true' };
15
- }
16
- },
17
-
18
- {
19
- style: 'vertical-align',
20
- getAttrs: (value) => (value === 'sup' ? { overridden: true } : null),
21
- },
22
- ],
23
- toDOM(mark) {
24
- return ['sup', { overridden: mark.attrs.overridden }, 0];
25
- },
26
- };
27
-
28
- export default TextSuperMarkSpec;
1
+ // @flow
2
+
3
+ import type { MarkSpec } from './Types.js';
4
+
5
+ const TextSuperMarkSpec: MarkSpec = {
6
+ attrs: {
7
+ overridden: { default: false },
8
+ },
9
+ parseDOM: [
10
+ {
11
+ tag: 'sup',
12
+ getAttrs: (dom: HTMLElement) => {
13
+ const _overridden = dom.getAttribute('overridden');
14
+ return { overridden: _overridden === 'true' };
15
+ }
16
+ },
17
+
18
+ {
19
+ style: 'vertical-align',
20
+ getAttrs: (value) => (value === 'sup' ? { overridden: true } : null),
21
+ },
22
+ ],
23
+ toDOM(mark) {
24
+ return ['sup', { overridden: mark.attrs.overridden }, 0];
25
+ },
26
+ };
27
+
28
+ export default TextSuperMarkSpec;
@@ -1,24 +1,24 @@
1
- // @flow
2
-
3
- import type { MarkSpec } from './Types.js';
4
-
5
- // https://bitbucket.org/atlassian/atlaskit/src/34facee3f461/packages/editor-core/src/schema/nodes/?at=master
6
- const TextUnderlineMarkSpec: MarkSpec = {
7
- attrs: {
8
- overridden: { default: false },
9
- },
10
- parseDOM: [
11
- {
12
- tag: 'u',
13
- getAttrs: (dom: HTMLElement) => {
14
- const _overridden = dom.getAttribute('overridden');
15
- return { overridden: _overridden === 'true' };
16
- }
17
- },
18
- ],
19
- toDOM(mark) {
20
- return ['u', { overridden: mark.attrs.overridden }, 0];
21
- },
22
- };
23
-
24
- export default TextUnderlineMarkSpec;
1
+ // @flow
2
+
3
+ import type { MarkSpec } from './Types.js';
4
+
5
+ // https://bitbucket.org/atlassian/atlaskit/src/34facee3f461/packages/editor-core/src/schema/nodes/?at=master
6
+ const TextUnderlineMarkSpec: MarkSpec = {
7
+ attrs: {
8
+ overridden: { default: false },
9
+ },
10
+ parseDOM: [
11
+ {
12
+ tag: 'u',
13
+ getAttrs: (dom: HTMLElement) => {
14
+ const _overridden = dom.getAttribute('overridden');
15
+ return { overridden: _overridden === 'true' };
16
+ }
17
+ },
18
+ ],
19
+ toDOM(mark) {
20
+ return ['u', { overridden: mark.attrs.overridden }, 0];
21
+ },
22
+ };
23
+
24
+ export default TextUnderlineMarkSpec;