@atlaskit/editor-core 150.0.3 → 151.0.0

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 (195) hide show
  1. package/CHANGELOG.md +47 -0
  2. package/dist/cjs/actions/index.js +5 -23
  3. package/dist/cjs/create-editor/ErrorBoundary.js +113 -79
  4. package/dist/cjs/create-editor/ReactEditorView.js +145 -31
  5. package/dist/cjs/create-editor/create-plugins-list.js +4 -2
  6. package/dist/cjs/editor.js +101 -40
  7. package/dist/cjs/labs/next/presets/cxhtml.js +2 -1
  8. package/dist/cjs/plugins/analytics/types/enums.js +3 -1
  9. package/dist/cjs/plugins/base/index.js +4 -3
  10. package/dist/cjs/plugins/base/pm-plugins/frozen-editor.js +66 -36
  11. package/dist/cjs/plugins/block-type/ui/ToolbarBlockType/styled.js +3 -1
  12. package/dist/cjs/plugins/card/index.js +13 -2
  13. package/dist/cjs/plugins/card/nodeviews/embedCard.js +1 -0
  14. package/dist/cjs/plugins/card/pm-plugins/main.js +7 -2
  15. package/dist/cjs/plugins/card/pm-plugins/util/resolve.js +10 -3
  16. package/dist/cjs/plugins/code-block/toolbar.js +1 -1
  17. package/dist/cjs/plugins/emoji/styles.js +1 -1
  18. package/dist/cjs/plugins/extension/pm-plugins/main.js +1 -4
  19. package/dist/cjs/plugins/extension/toolbar.js +28 -23
  20. package/dist/cjs/plugins/feature-flags-context/feature-flags-from-props.js +8 -3
  21. package/dist/cjs/plugins/find-replace/ui/Find.js +27 -7
  22. package/dist/cjs/plugins/hyperlink/pm-plugins/keymap.js +3 -3
  23. package/dist/cjs/plugins/hyperlink/ui/HyperlinkAddToolbar/HyperlinkAddToolbar.js +7 -4
  24. package/dist/cjs/plugins/hyperlink/utils.js +6 -69
  25. package/dist/cjs/plugins/media/index.js +14 -3
  26. package/dist/cjs/plugins/media/nodeviews/mediaGroup.js +24 -10
  27. package/dist/cjs/plugins/media/nodeviews/mediaInline.js +179 -0
  28. package/dist/cjs/plugins/media/pm-plugins/main.js +18 -9
  29. package/dist/cjs/plugins/media/toolbar/index.js +49 -17
  30. package/dist/cjs/plugins/media/toolbar/utils.js +20 -2
  31. package/dist/cjs/plugins/media/utils/media-files.js +67 -1
  32. package/dist/cjs/plugins/panel/index.js +2 -3
  33. package/dist/cjs/plugins/panel/message.js +47 -0
  34. package/dist/cjs/plugins/panel/toolbar.js +64 -84
  35. package/dist/cjs/plugins/panel/utils.js +2 -2
  36. package/dist/cjs/plugins/paste/linkify-md-plugin.js +3 -3
  37. package/dist/cjs/plugins/status/styles.js +1 -1
  38. package/dist/cjs/plugins/table/pm-plugins/sticky-headers/nodeviews/tableRow.js +18 -2
  39. package/dist/cjs/profiler/render-count.js +82 -0
  40. package/dist/cjs/ui/Appearance/Comment/Comment.js +6 -5
  41. package/dist/cjs/utils/react-hooks/use-component-renderer-tracking/index.js +55 -19
  42. package/dist/cjs/version-wrapper.js +1 -1
  43. package/dist/cjs/version.json +1 -1
  44. package/dist/es2019/actions/index.js +6 -28
  45. package/dist/es2019/create-editor/ErrorBoundary.js +73 -60
  46. package/dist/es2019/create-editor/ReactEditorView.js +130 -23
  47. package/dist/es2019/create-editor/create-plugins-list.js +4 -2
  48. package/dist/es2019/editor.js +74 -35
  49. package/dist/es2019/labs/next/presets/cxhtml.js +2 -1
  50. package/dist/es2019/plugins/analytics/types/enums.js +3 -1
  51. package/dist/es2019/plugins/base/index.js +4 -3
  52. package/dist/es2019/plugins/base/pm-plugins/frozen-editor.js +63 -35
  53. package/dist/es2019/plugins/block-type/ui/ToolbarBlockType/styled.js +2 -1
  54. package/dist/es2019/plugins/card/index.js +7 -2
  55. package/dist/es2019/plugins/card/nodeviews/embedCard.js +1 -0
  56. package/dist/es2019/plugins/card/pm-plugins/main.js +9 -2
  57. package/dist/es2019/plugins/card/pm-plugins/util/resolve.js +12 -5
  58. package/dist/es2019/plugins/code-block/toolbar.js +1 -1
  59. package/dist/es2019/plugins/emoji/styles.js +2 -0
  60. package/dist/es2019/plugins/extension/pm-plugins/main.js +1 -4
  61. package/dist/es2019/plugins/extension/toolbar.js +30 -25
  62. package/dist/es2019/plugins/feature-flags-context/feature-flags-from-props.js +8 -4
  63. package/dist/es2019/plugins/find-replace/ui/Find.js +27 -6
  64. package/dist/es2019/plugins/hyperlink/pm-plugins/keymap.js +1 -1
  65. package/dist/es2019/plugins/hyperlink/ui/HyperlinkAddToolbar/HyperlinkAddToolbar.js +7 -4
  66. package/dist/es2019/plugins/hyperlink/utils.js +3 -59
  67. package/dist/es2019/plugins/media/index.js +13 -4
  68. package/dist/es2019/plugins/media/nodeviews/mediaGroup.js +16 -7
  69. package/dist/es2019/plugins/media/nodeviews/mediaInline.js +88 -0
  70. package/dist/es2019/plugins/media/pm-plugins/main.js +20 -11
  71. package/dist/es2019/plugins/media/toolbar/index.js +44 -15
  72. package/dist/es2019/plugins/media/toolbar/utils.js +16 -0
  73. package/dist/es2019/plugins/media/utils/media-files.js +68 -2
  74. package/dist/es2019/plugins/panel/index.js +3 -4
  75. package/dist/es2019/plugins/panel/message.js +38 -0
  76. package/dist/es2019/plugins/panel/toolbar.js +52 -71
  77. package/dist/es2019/plugins/panel/utils.js +2 -2
  78. package/dist/es2019/plugins/paste/linkify-md-plugin.js +2 -2
  79. package/dist/es2019/plugins/status/styles.js +2 -0
  80. package/dist/es2019/plugins/table/pm-plugins/sticky-headers/nodeviews/tableRow.js +18 -2
  81. package/dist/es2019/profiler/render-count.js +60 -0
  82. package/dist/es2019/ui/Appearance/Comment/Comment.js +4 -2
  83. package/dist/es2019/utils/react-hooks/use-component-renderer-tracking/index.js +51 -18
  84. package/dist/es2019/version-wrapper.js +1 -1
  85. package/dist/es2019/version.json +1 -1
  86. package/dist/esm/actions/index.js +6 -24
  87. package/dist/esm/create-editor/ErrorBoundary.js +113 -78
  88. package/dist/esm/create-editor/ReactEditorView.js +146 -31
  89. package/dist/esm/create-editor/create-plugins-list.js +4 -2
  90. package/dist/esm/editor.js +100 -40
  91. package/dist/esm/labs/next/presets/cxhtml.js +2 -1
  92. package/dist/esm/plugins/analytics/types/enums.js +3 -1
  93. package/dist/esm/plugins/base/index.js +4 -3
  94. package/dist/esm/plugins/base/pm-plugins/frozen-editor.js +64 -36
  95. package/dist/esm/plugins/block-type/ui/ToolbarBlockType/styled.js +3 -1
  96. package/dist/esm/plugins/card/index.js +13 -2
  97. package/dist/esm/plugins/card/nodeviews/embedCard.js +1 -0
  98. package/dist/esm/plugins/card/pm-plugins/main.js +7 -2
  99. package/dist/esm/plugins/card/pm-plugins/util/resolve.js +12 -5
  100. package/dist/esm/plugins/code-block/toolbar.js +1 -1
  101. package/dist/esm/plugins/emoji/styles.js +1 -1
  102. package/dist/esm/plugins/extension/pm-plugins/main.js +1 -4
  103. package/dist/esm/plugins/extension/toolbar.js +28 -23
  104. package/dist/esm/plugins/feature-flags-context/feature-flags-from-props.js +8 -4
  105. package/dist/esm/plugins/find-replace/ui/Find.js +27 -7
  106. package/dist/esm/plugins/hyperlink/pm-plugins/keymap.js +1 -1
  107. package/dist/esm/plugins/hyperlink/ui/HyperlinkAddToolbar/HyperlinkAddToolbar.js +7 -4
  108. package/dist/esm/plugins/hyperlink/utils.js +3 -59
  109. package/dist/esm/plugins/media/index.js +14 -4
  110. package/dist/esm/plugins/media/nodeviews/mediaGroup.js +24 -10
  111. package/dist/esm/plugins/media/nodeviews/mediaInline.js +147 -0
  112. package/dist/esm/plugins/media/pm-plugins/main.js +19 -11
  113. package/dist/esm/plugins/media/toolbar/index.js +47 -19
  114. package/dist/esm/plugins/media/toolbar/utils.js +15 -1
  115. package/dist/esm/plugins/media/utils/media-files.js +60 -2
  116. package/dist/esm/plugins/panel/index.js +3 -4
  117. package/dist/esm/plugins/panel/message.js +38 -0
  118. package/dist/esm/plugins/panel/toolbar.js +57 -77
  119. package/dist/esm/plugins/panel/utils.js +2 -2
  120. package/dist/esm/plugins/paste/linkify-md-plugin.js +2 -2
  121. package/dist/esm/plugins/status/styles.js +1 -1
  122. package/dist/esm/plugins/table/pm-plugins/sticky-headers/nodeviews/tableRow.js +18 -2
  123. package/dist/esm/profiler/render-count.js +57 -0
  124. package/dist/esm/ui/Appearance/Comment/Comment.js +6 -5
  125. package/dist/esm/utils/react-hooks/use-component-renderer-tracking/index.js +53 -20
  126. package/dist/esm/version-wrapper.js +1 -1
  127. package/dist/esm/version.json +1 -1
  128. package/dist/types/create-editor/ErrorBoundary.d.ts +6 -6
  129. package/dist/types/create-editor/ReactEditorView.d.ts +15 -3
  130. package/dist/types/editor.d.ts +2 -0
  131. package/dist/types/plugins/analytics/index.d.ts +1 -1
  132. package/dist/types/plugins/analytics/types/enums.d.ts +4 -2
  133. package/dist/types/plugins/analytics/types/events.d.ts +7 -2
  134. package/dist/types/plugins/analytics/types/general-events.d.ts +4 -1
  135. package/dist/types/plugins/analytics/types/index.d.ts +1 -1
  136. package/dist/types/plugins/analytics/types/insert-events.d.ts +6 -1
  137. package/dist/types/plugins/analytics/types/link-tool-bar-events.d.ts +1 -0
  138. package/dist/types/plugins/base/index.d.ts +1 -0
  139. package/dist/types/plugins/base/pm-plugins/frozen-editor.d.ts +3 -2
  140. package/dist/types/plugins/card/pm-plugins/main.d.ts +2 -3
  141. package/dist/types/plugins/card/pm-plugins/util/resolve.d.ts +2 -1
  142. package/dist/types/plugins/card/types.d.ts +6 -0
  143. package/dist/types/plugins/extension/types.d.ts +0 -2
  144. package/dist/types/plugins/feature-flags-context/get-enabled-feature-flag-keys.d.ts +1 -1
  145. package/dist/types/plugins/floating-toolbar/types.d.ts +1 -1
  146. package/dist/types/plugins/floating-toolbar/ui/Select.d.ts +1 -1
  147. package/dist/types/plugins/hyperlink/utils.d.ts +0 -21
  148. package/dist/types/plugins/media/nodeviews/mediaInline.d.ts +27 -0
  149. package/dist/types/plugins/media/pm-plugins/main.d.ts +2 -2
  150. package/dist/types/plugins/media/toolbar/utils.d.ts +2 -0
  151. package/dist/types/plugins/media/utils/media-files.d.ts +8 -0
  152. package/dist/types/plugins/panel/message.d.ts +37 -0
  153. package/dist/types/plugins/panel/toolbar.d.ts +4 -37
  154. package/dist/types/plugins/panel/types.d.ts +1 -0
  155. package/dist/types/profiler/render-count.d.ts +14 -0
  156. package/dist/types/types/feature-flags.d.ts +8 -0
  157. package/dist/types/ui/LinkSearch/types.d.ts +1 -0
  158. package/dist/types/utils/react-hooks/use-component-renderer-tracking/index.d.ts +17 -1
  159. package/package.json +19 -16
  160. package/dist/cjs/plugins/caption/nodeviews/index.test.js +0 -135
  161. package/dist/cjs/plugins/caption/pm-plugins/keymap.test.js +0 -203
  162. package/dist/cjs/plugins/caption/pm-plugins/main.test.js +0 -141
  163. package/dist/cjs/plugins/code-block/language-list.test.js +0 -74
  164. package/dist/cjs/plugins/extension/ui/SaveIndicator/SaveIndicator.test.js +0 -101
  165. package/dist/cjs/plugins/floating-toolbar/ui/EmojiPickerButton.test.js +0 -98
  166. package/dist/cjs/plugins/media/commands/captions.test.js +0 -149
  167. package/dist/cjs/plugins/media/commands/linking.test.js +0 -296
  168. package/dist/cjs/plugins/media/ui/CaptionPlaceholder/index.test.js +0 -50
  169. package/dist/cjs/plugins/panel/toolbar.test.js +0 -250
  170. package/dist/cjs/ui/ColorPickerButton/index.test.js +0 -123
  171. package/dist/cjs/ui/PortalProvider/index.test.js +0 -139
  172. package/dist/es2019/plugins/caption/nodeviews/index.test.js +0 -122
  173. package/dist/es2019/plugins/caption/pm-plugins/keymap.test.js +0 -193
  174. package/dist/es2019/plugins/caption/pm-plugins/main.test.js +0 -132
  175. package/dist/es2019/plugins/code-block/language-list.test.js +0 -69
  176. package/dist/es2019/plugins/extension/ui/SaveIndicator/SaveIndicator.test.js +0 -83
  177. package/dist/es2019/plugins/floating-toolbar/ui/EmojiPickerButton.test.js +0 -85
  178. package/dist/es2019/plugins/media/commands/captions.test.js +0 -126
  179. package/dist/es2019/plugins/media/commands/linking.test.js +0 -208
  180. package/dist/es2019/plugins/media/ui/CaptionPlaceholder/index.test.js +0 -41
  181. package/dist/es2019/plugins/panel/toolbar.test.js +0 -200
  182. package/dist/es2019/ui/ColorPickerButton/index.test.js +0 -88
  183. package/dist/es2019/ui/PortalProvider/index.test.js +0 -115
  184. package/dist/esm/plugins/caption/nodeviews/index.test.js +0 -125
  185. package/dist/esm/plugins/caption/pm-plugins/keymap.test.js +0 -195
  186. package/dist/esm/plugins/caption/pm-plugins/main.test.js +0 -124
  187. package/dist/esm/plugins/code-block/language-list.test.js +0 -71
  188. package/dist/esm/plugins/extension/ui/SaveIndicator/SaveIndicator.test.js +0 -92
  189. package/dist/esm/plugins/floating-toolbar/ui/EmojiPickerButton.test.js +0 -85
  190. package/dist/esm/plugins/media/commands/captions.test.js +0 -135
  191. package/dist/esm/plugins/media/commands/linking.test.js +0 -268
  192. package/dist/esm/plugins/media/ui/CaptionPlaceholder/index.test.js +0 -41
  193. package/dist/esm/plugins/panel/toolbar.test.js +0 -230
  194. package/dist/esm/ui/ColorPickerButton/index.test.js +0 -107
  195. package/dist/esm/ui/PortalProvider/index.test.js +0 -129
@@ -1,203 +0,0 @@
1
- "use strict";
2
-
3
- var _sendKeyToPm = require("@atlaskit/editor-test-helpers/send-key-to-pm");
4
-
5
- var _createEditor = require("@atlaskit/editor-test-helpers/create-editor");
6
-
7
- var _docBuilder = require("@atlaskit/editor-test-helpers/doc-builder");
8
-
9
- var _prosemirrorState = require("prosemirror-state");
10
-
11
- var _prosemirrorUtils = require("prosemirror-utils");
12
-
13
- var _selection = require("../../selection/gap-cursor/selection");
14
-
15
- var createEditorTestingLibrary = (0, _createEditor.createEditorFactory)();
16
-
17
- var editor = function editor(doc) {
18
- return createEditorTestingLibrary({
19
- doc: doc,
20
- editorProps: {
21
- allowPanel: true,
22
- media: {
23
- allowMediaSingle: true,
24
- featureFlags: {
25
- captions: true
26
- }
27
- }
28
- }
29
- });
30
- };
31
-
32
- describe('caption keymap', function () {
33
- it('should go to caption on tab', function () {
34
- var _editor = editor((0, _docBuilder.doc)('{<node>}', (0, _docBuilder.mediaSingle)()((0, _docBuilder.media)({
35
- id: 'a559980d-cd47-43e2-8377-27359fcb905f',
36
- type: 'file',
37
- collection: 'MediaServicesSample'
38
- })(), (0, _docBuilder.caption)('Hello')))),
39
- editorView = _editor.editorView;
40
-
41
- (0, _sendKeyToPm.sendKeyToPm)(editorView, 'Tab');
42
- var captionParentNode = (0, _prosemirrorUtils.findParentNodeOfType)(editorView.state.schema.nodes.caption)(editorView.state.selection);
43
- expect(editorView.state.selection instanceof _prosemirrorState.TextSelection).toBe(true);
44
- expect(captionParentNode).toBeDefined();
45
- });
46
- it('should select caption on arrow down', function () {
47
- var _editor2 = editor((0, _docBuilder.doc)('{<node>}', (0, _docBuilder.mediaSingle)()((0, _docBuilder.media)({
48
- id: 'a559980d-cd47-43e2-8377-27359fcb905f',
49
- type: 'file',
50
- collection: 'MediaServicesSample'
51
- })(), (0, _docBuilder.caption)('Hello')), (0, _docBuilder.p)(''))),
52
- editorView = _editor2.editorView;
53
-
54
- (0, _sendKeyToPm.sendKeyToPm)(editorView, 'ArrowDown');
55
- var captionParentNode = (0, _prosemirrorUtils.findParentNodeOfType)(editorView.state.schema.nodes.caption)(editorView.state.selection);
56
- expect(editorView.state.selection instanceof _prosemirrorState.TextSelection).toBe(true);
57
- expect(captionParentNode).toBeDefined();
58
- });
59
- it('should select media from paragraph below on arrow up', function () {
60
- var _editor3 = editor((0, _docBuilder.doc)((0, _docBuilder.mediaSingle)({
61
- layout: 'center'
62
- })((0, _docBuilder.media)({
63
- id: 'abc',
64
- type: 'file',
65
- collection: 'xyz'
66
- })(), (0, _docBuilder.caption)('hello')), (0, _docBuilder.p)('{<>}something'))),
67
- editorView = _editor3.editorView;
68
-
69
- (0, _sendKeyToPm.sendKeyToPm)(editorView, 'ArrowUp');
70
- expect(editorView.state.selection instanceof _prosemirrorState.NodeSelection).toBe(true);
71
- expect(editorView.state.selection.from).toBe(0);
72
- });
73
- it('should select media from caption on arrow up', function () {
74
- var _editor4 = editor((0, _docBuilder.doc)((0, _docBuilder.mediaSingle)({
75
- layout: 'center'
76
- })((0, _docBuilder.media)({
77
- id: 'abc',
78
- type: 'file',
79
- collection: 'xyz'
80
- })(), (0, _docBuilder.caption)('he{<>}llo')), (0, _docBuilder.p)('something'))),
81
- editorView = _editor4.editorView;
82
-
83
- (0, _sendKeyToPm.sendKeyToPm)(editorView, 'ArrowUp');
84
- expect(editorView.state.selection instanceof _prosemirrorState.NodeSelection).toBe(true);
85
- expect(editorView.state.selection.from).toBe(0);
86
- });
87
- it('should select media from caption on shift + tab', function () {
88
- var _editor5 = editor((0, _docBuilder.doc)((0, _docBuilder.mediaSingle)({
89
- layout: 'center'
90
- })((0, _docBuilder.media)({
91
- id: 'abc',
92
- type: 'file',
93
- collection: 'xyz'
94
- })(), (0, _docBuilder.caption)('he{<>}llo')), (0, _docBuilder.p)('something'))),
95
- editorView = _editor5.editorView;
96
-
97
- (0, _sendKeyToPm.sendKeyToPm)(editorView, 'Shift-Tab');
98
- expect(editorView.state.selection instanceof _prosemirrorState.NodeSelection).toBe(true);
99
- expect(editorView.state.selection.from).toBe(0);
100
- });
101
- it('should create paragraph below caption on arrow down', function () {
102
- var _editor6 = editor((0, _docBuilder.doc)((0, _docBuilder.mediaSingle)({
103
- layout: 'center'
104
- })((0, _docBuilder.media)({
105
- id: 'a559980d-cd47-43e2-8377-27359fcb905f',
106
- type: 'file',
107
- collection: 'MediaServicesSample'
108
- })(), (0, _docBuilder.caption)('hello{<>}')))),
109
- editorView = _editor6.editorView;
110
-
111
- (0, _sendKeyToPm.sendKeyToPm)(editorView, 'ArrowDown');
112
- expect(editorView.state.doc).toEqualDocument((0, _docBuilder.doc)((0, _docBuilder.mediaSingle)()((0, _docBuilder.media)({
113
- id: 'a559980d-cd47-43e2-8377-27359fcb905f',
114
- type: 'file',
115
- collection: 'MediaServicesSample'
116
- })(), (0, _docBuilder.caption)('hello')), (0, _docBuilder.p)()));
117
- });
118
- it('should create paragraph below caption on enter', function () {
119
- var _editor7 = editor((0, _docBuilder.doc)((0, _docBuilder.mediaSingle)({
120
- layout: 'center'
121
- })((0, _docBuilder.media)({
122
- id: 'a559980d-cd47-43e2-8377-27359fcb905f',
123
- type: 'file',
124
- collection: 'MediaServicesSample'
125
- })(), (0, _docBuilder.caption)('hello{<>}')))),
126
- editorView = _editor7.editorView;
127
-
128
- (0, _sendKeyToPm.sendKeyToPm)(editorView, 'Enter');
129
- expect(editorView.state.doc).toEqualDocument((0, _docBuilder.doc)((0, _docBuilder.mediaSingle)()((0, _docBuilder.media)({
130
- id: 'a559980d-cd47-43e2-8377-27359fcb905f',
131
- type: 'file',
132
- collection: 'MediaServicesSample'
133
- })(), (0, _docBuilder.caption)('hello')), (0, _docBuilder.p)()));
134
- });
135
- it('should not create paragraph below panel on enter', function () {
136
- var _editor8 = editor((0, _docBuilder.doc)((0, _docBuilder.panel)()((0, _docBuilder.p)('text{<>}')))),
137
- editorView = _editor8.editorView;
138
-
139
- (0, _sendKeyToPm.sendKeyToPm)(editorView, 'Enter');
140
- expect(editorView.state.doc).toEqualDocument((0, _docBuilder.doc)((0, _docBuilder.panel)()((0, _docBuilder.p)('text'), (0, _docBuilder.p)())));
141
- });
142
- it('should move to paragraph below caption on arrow down', function () {
143
- var _editor9 = editor((0, _docBuilder.doc)((0, _docBuilder.mediaSingle)({
144
- layout: 'center'
145
- })((0, _docBuilder.media)({
146
- id: 'a559980d-cd47-43e2-8377-27359fcb905f',
147
- type: 'file',
148
- collection: 'MediaServicesSample'
149
- })(), (0, _docBuilder.caption)('hel{<>}lo')), (0, _docBuilder.p)('something'))),
150
- editorView = _editor9.editorView;
151
-
152
- (0, _sendKeyToPm.sendKeyToPm)(editorView, 'ArrowDown');
153
- expect(editorView.state).toEqualDocumentAndSelection((0, _docBuilder.doc)((0, _docBuilder.mediaSingle)()((0, _docBuilder.media)({
154
- id: 'a559980d-cd47-43e2-8377-27359fcb905f',
155
- type: 'file',
156
- collection: 'MediaServicesSample'
157
- })(), (0, _docBuilder.caption)('hello')), (0, _docBuilder.p)('{<>}something')));
158
- });
159
- it('should move to paragraph below caption on enter', function () {
160
- var _editor10 = editor((0, _docBuilder.doc)((0, _docBuilder.mediaSingle)({
161
- layout: 'center'
162
- })((0, _docBuilder.media)({
163
- id: 'a559980d-cd47-43e2-8377-27359fcb905f',
164
- type: 'file',
165
- collection: 'MediaServicesSample'
166
- })(), (0, _docBuilder.caption)('he{<>}llo')), (0, _docBuilder.p)('something'))),
167
- editorView = _editor10.editorView;
168
-
169
- (0, _sendKeyToPm.sendKeyToPm)(editorView, 'Enter');
170
- expect(editorView.state).toEqualDocumentAndSelection((0, _docBuilder.doc)((0, _docBuilder.mediaSingle)()((0, _docBuilder.media)({
171
- id: 'a559980d-cd47-43e2-8377-27359fcb905f',
172
- type: 'file',
173
- collection: 'MediaServicesSample'
174
- })(), (0, _docBuilder.caption)('hello')), (0, _docBuilder.p)('{<>}something')));
175
- });
176
- it('should gap cursor parent media single on left arrow', function () {
177
- var _editor11 = editor((0, _docBuilder.doc)((0, _docBuilder.mediaSingle)()((0, _docBuilder.media)({
178
- id: 'a559980d-cd47-43e2-8377-27359fcb905f',
179
- type: 'file',
180
- collection: 'MediaServicesSample'
181
- })(), (0, _docBuilder.caption)('{<>}Hello')), (0, _docBuilder.p)(''))),
182
- editorView = _editor11.editorView;
183
-
184
- (0, _sendKeyToPm.sendKeyToPm)(editorView, 'ArrowLeft');
185
- expect(editorView.state.selection).toBeInstanceOf(_selection.GapCursorSelection);
186
- expect(editorView.state).toEqualDocumentAndSelection((0, _docBuilder.doc)('{<gap|>}', (0, _docBuilder.mediaSingle)()((0, _docBuilder.media)({
187
- id: 'a559980d-cd47-43e2-8377-27359fcb905f',
188
- type: 'file',
189
- collection: 'MediaServicesSample'
190
- })(), (0, _docBuilder.caption)('Hello')), (0, _docBuilder.p)('')));
191
- });
192
- it('should not gap cursor parent media single on left arrow when not at start', function () {
193
- var _editor12 = editor((0, _docBuilder.doc)((0, _docBuilder.mediaSingle)()((0, _docBuilder.media)({
194
- id: 'a559980d-cd47-43e2-8377-27359fcb905f',
195
- type: 'file',
196
- collection: 'MediaServicesSample'
197
- })(), (0, _docBuilder.caption)('H{<>}ello')), (0, _docBuilder.p)(''))),
198
- editorView = _editor12.editorView;
199
-
200
- (0, _sendKeyToPm.sendKeyToPm)(editorView, 'ArrowLeft');
201
- expect(editorView.state.selection).not.toBeInstanceOf(_selection.GapCursorSelection);
202
- });
203
- });
@@ -1,141 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
- var _typeof = require("@babel/runtime/helpers/typeof");
6
-
7
- var _createProsemirrorEditor = require("@atlaskit/editor-test-helpers/create-prosemirror-editor");
8
-
9
- var _media = _interopRequireDefault(require("../../media"));
10
-
11
- var _ = _interopRequireDefault(require("../"));
12
-
13
- var _docBuilder = require("@atlaskit/editor-test-helpers/doc-builder");
14
-
15
- var _pluginKey = require("./plugin-key");
16
-
17
- var _selection = require("../../../utils/selection");
18
-
19
- var analyticsUtils = _interopRequireWildcard(require("../../analytics/utils"));
20
-
21
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
22
-
23
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
24
-
25
- describe('Caption plugin', function () {
26
- var createEditor = (0, _createProsemirrorEditor.createProsemirrorEditorFactory)();
27
-
28
- var editor = function editor(doc) {
29
- return createEditor({
30
- doc: doc,
31
- pluginKey: _pluginKey.pluginKey,
32
- preset: new _createProsemirrorEditor.Preset().add([_media.default, {
33
- allowMediaSingle: true,
34
- featureFlags: {
35
- captions: true
36
- }
37
- }]).add(_.default)
38
- });
39
- };
40
-
41
- it('should not remove caption when there is content', function () {
42
- var _editor = editor((0, _docBuilder.doc)((0, _docBuilder.mediaSingle)()((0, _docBuilder.media)({
43
- id: 'a559980d-cd47-43e2-8377-27359fcb905f',
44
- type: 'file',
45
- collection: 'MediaServicesSample'
46
- })(), (0, _docBuilder.caption)('Test{<>}')), (0, _docBuilder.p)('Line {movePos}two'))),
47
- editorView = _editor.editorView,
48
- movePos = _editor.refs.movePos;
49
-
50
- (0, _selection.setTextSelection)(editorView, movePos);
51
- expect(editorView.state.doc).toEqualDocument((0, _docBuilder.doc)((0, _docBuilder.mediaSingle)()((0, _docBuilder.media)({
52
- id: 'a559980d-cd47-43e2-8377-27359fcb905f',
53
- type: 'file',
54
- collection: 'MediaServicesSample'
55
- })(), (0, _docBuilder.caption)('Test')), (0, _docBuilder.p)('Line two')));
56
- });
57
- it('should remove caption when there is no content', function () {
58
- var _editor2 = editor((0, _docBuilder.doc)((0, _docBuilder.mediaSingle)()((0, _docBuilder.media)({
59
- id: 'a559980d-cd47-43e2-8377-27359fcb905f',
60
- type: 'file',
61
- collection: 'MediaServicesSample'
62
- })(), (0, _docBuilder.caption)('{<>}')), (0, _docBuilder.p)('Line {movePos}two'))),
63
- editorView = _editor2.editorView,
64
- movePos = _editor2.refs.movePos;
65
-
66
- (0, _selection.setTextSelection)(editorView, movePos);
67
- expect(editorView.state.doc).toEqualDocument((0, _docBuilder.doc)((0, _docBuilder.mediaSingle)()((0, _docBuilder.media)({
68
- id: 'a559980d-cd47-43e2-8377-27359fcb905f',
69
- type: 'file',
70
- collection: 'MediaServicesSample'
71
- })()), (0, _docBuilder.p)('Line two')));
72
- });
73
- it('should remove caption when clicking onto another caption', function () {
74
- var _editor3 = editor((0, _docBuilder.doc)((0, _docBuilder.mediaSingle)()((0, _docBuilder.media)({
75
- id: 'a559980d-cd47-43e2-8377-27359fcb905f',
76
- type: 'file',
77
- collection: 'MediaServicesSample'
78
- })(), (0, _docBuilder.caption)('{<>}')), (0, _docBuilder.mediaSingle)()((0, _docBuilder.media)({
79
- id: 'a559980d-cd47-43e2-8377-27359fcb905f',
80
- type: 'file',
81
- collection: 'MediaServicesSample'
82
- })(), (0, _docBuilder.caption)('second {movePos}caption')))),
83
- editorView = _editor3.editorView,
84
- movePos = _editor3.refs.movePos;
85
-
86
- (0, _selection.setTextSelection)(editorView, movePos);
87
- expect(editorView.state.doc).toEqualDocument((0, _docBuilder.doc)((0, _docBuilder.mediaSingle)()((0, _docBuilder.media)({
88
- id: 'a559980d-cd47-43e2-8377-27359fcb905f',
89
- type: 'file',
90
- collection: 'MediaServicesSample'
91
- })()), (0, _docBuilder.mediaSingle)()((0, _docBuilder.media)({
92
- id: 'a559980d-cd47-43e2-8377-27359fcb905f',
93
- type: 'file',
94
- collection: 'MediaServicesSample'
95
- })(), (0, _docBuilder.caption)('second caption'))));
96
- });
97
- describe('analytics', function () {
98
- var addAnalyticsSpy = jest.spyOn(analyticsUtils, 'addAnalytics');
99
- var FIRST_CALL = 0;
100
- var PAYLOAD_ARGUMENT = 2;
101
- beforeEach(function () {
102
- addAnalyticsSpy.mockReset();
103
- });
104
- it('should fire deleted analytic when removing caption', function () {
105
- var _editor4 = editor((0, _docBuilder.doc)((0, _docBuilder.mediaSingle)()((0, _docBuilder.media)({
106
- id: 'a559980d-cd47-43e2-8377-27359fcb905f',
107
- type: 'file',
108
- collection: 'MediaServicesSample'
109
- })(), (0, _docBuilder.caption)('{<>}')), (0, _docBuilder.p)('Line {movePos}two'))),
110
- editorView = _editor4.editorView,
111
- movePos = _editor4.refs.movePos;
112
-
113
- (0, _selection.setTextSelection)(editorView, movePos);
114
- expect(addAnalyticsSpy).toBeCalled();
115
- expect(addAnalyticsSpy.mock.calls[FIRST_CALL][PAYLOAD_ARGUMENT]).toEqual({
116
- action: 'deleted',
117
- actionSubject: 'mediaSingle',
118
- actionSubjectId: 'caption',
119
- eventType: 'track'
120
- });
121
- });
122
- it('should fire edited analytic when moving away from a non empty caption', function () {
123
- var _editor5 = editor((0, _docBuilder.doc)((0, _docBuilder.mediaSingle)()((0, _docBuilder.media)({
124
- id: 'a559980d-cd47-43e2-8377-27359fcb905f',
125
- type: 'file',
126
- collection: 'MediaServicesSample'
127
- })(), (0, _docBuilder.caption)('Test{<>}')), (0, _docBuilder.p)('Line {movePos}two'))),
128
- editorView = _editor5.editorView,
129
- movePos = _editor5.refs.movePos;
130
-
131
- (0, _selection.setTextSelection)(editorView, movePos);
132
- expect(addAnalyticsSpy).toBeCalled();
133
- expect(addAnalyticsSpy.mock.calls[FIRST_CALL][PAYLOAD_ARGUMENT]).toEqual({
134
- action: 'edited',
135
- actionSubject: 'mediaSingle',
136
- actionSubjectId: 'caption',
137
- eventType: 'track'
138
- });
139
- });
140
- });
141
- });
@@ -1,74 +0,0 @@
1
- "use strict";
2
-
3
- var _languageList = require("./language-list");
4
-
5
- var mockSupportedLanguages = [{
6
- name: 'JSON',
7
- alias: ['json'],
8
- value: 'json'
9
- }, {
10
- name: 'JavaScript',
11
- alias: ['javascript', 'js'],
12
- value: 'javascript'
13
- }, {
14
- name: 'Python',
15
- alias: ['python', 'py'],
16
- value: 'python'
17
- }];
18
- describe('languageList utils', function () {
19
- it('should find matched language', function () {
20
- expect((0, _languageList.findMatchedLanguage)(mockSupportedLanguages, 'JavaScript')).toEqual({
21
- name: 'JavaScript',
22
- alias: ['javascript', 'js'],
23
- value: 'javascript'
24
- });
25
- expect((0, _languageList.findMatchedLanguage)(mockSupportedLanguages, 'Python')).toEqual({
26
- name: 'Python',
27
- alias: ['python', 'py'],
28
- value: 'python'
29
- });
30
- expect((0, _languageList.findMatchedLanguage)(mockSupportedLanguages, 'GiBBeRish')).toBeUndefined();
31
- });
32
- it('should filter supported languages', function () {
33
- var mockSupportedLanguageStrings = mockSupportedLanguages.map(function (language) {
34
- return language.name.toLowerCase();
35
- });
36
- expect((0, _languageList.filterSupportedLanguages)([])).toEqual(_languageList.DEFAULT_LANGUAGES);
37
- expect((0, _languageList.filterSupportedLanguages)(mockSupportedLanguageStrings)).toEqual([{
38
- name: 'Python',
39
- alias: ['python', 'py'],
40
- value: 'python'
41
- }, {
42
- name: 'JavaScript',
43
- alias: ['javascript', 'js'],
44
- value: 'javascript'
45
- }, {
46
- name: 'JSON',
47
- alias: ['json'],
48
- value: 'json'
49
- } // '(None)' is not an actual language and should not be 'supported'
50
- ]);
51
- });
52
- it('should get language identifier', function () {
53
- expect((0, _languageList.getLanguageIdentifier)({
54
- name: 'MyLanguage',
55
- alias: ['myalias'],
56
- value: 'myalias'
57
- })).toEqual('myalias');
58
- });
59
- it('should create language list sorted as case insensitive', function () {
60
- expect((0, _languageList.createLanguageList)(mockSupportedLanguages)).toEqual([{
61
- name: 'JavaScript',
62
- alias: ['javascript', 'js'],
63
- value: 'javascript'
64
- }, {
65
- name: 'JSON',
66
- alias: ['json'],
67
- value: 'json'
68
- }, {
69
- name: 'Python',
70
- alias: ['python', 'py'],
71
- value: 'python'
72
- }]);
73
- });
74
- });
@@ -1,101 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
- var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
6
-
7
- var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
8
-
9
- var _react = _interopRequireDefault(require("react"));
10
-
11
- var _react2 = require("@testing-library/react");
12
-
13
- var _reactIntl = require("react-intl");
14
-
15
- var _SaveIndicator = require("./SaveIndicator");
16
-
17
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
18
-
19
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
20
-
21
- jest.useFakeTimers();
22
-
23
- function setup() {
24
- var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
25
-
26
- var onSaveStarted = function onSaveStarted() {};
27
-
28
- var result = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_reactIntl.IntlProvider, {
29
- locale: "en"
30
- }, /*#__PURE__*/_react.default.createElement(_SaveIndicator.SaveIndicator, (0, _extends2.default)({
31
- duration: 2000
32
- }, props), function (_ref) {
33
- var _onSaveStarted = _ref.onSaveStarted;
34
- onSaveStarted = _onSaveStarted;
35
- return /*#__PURE__*/_react.default.createElement("div", {
36
- "data-testid": "my-component"
37
- });
38
- })));
39
- return _objectSpread(_objectSpread({}, result), {}, {
40
- onSaveStarted: onSaveStarted
41
- });
42
- }
43
-
44
- describe('Extension Context Panel - Save Indicator', function () {
45
- it('should call the render function ', function () {
46
- var renderFunction = jest.fn().mockImplementation(function () {
47
- return /*#__PURE__*/_react.default.createElement("div", {
48
- "data-testid": "my-component"
49
- });
50
- });
51
-
52
- var _render = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_reactIntl.IntlProvider, {
53
- locale: "en"
54
- }, /*#__PURE__*/_react.default.createElement(_SaveIndicator.SaveIndicator, {
55
- duration: 1000
56
- }, renderFunction))),
57
- queryByTestId = _render.queryByTestId;
58
-
59
- expect(queryByTestId('my-component')).not.toBeNull();
60
- });
61
- it('should show the save indicator when is saving ', function () {
62
- var _setup = setup(),
63
- onSaveStarted = _setup.onSaveStarted,
64
- queryByTestId = _setup.queryByTestId;
65
-
66
- (0, _react2.act)(function () {
67
- onSaveStarted();
68
- });
69
- expect(queryByTestId('save-indicator-content')).not.toBeNull();
70
- });
71
- it('should hide once the duration is over ', function () {
72
- jest.clearAllTimers();
73
- var duration = 2000;
74
-
75
- var _setup2 = setup({
76
- duration: duration
77
- }),
78
- onSaveStarted = _setup2.onSaveStarted,
79
- queryByTestId = _setup2.queryByTestId;
80
-
81
- (0, _react2.act)(function () {
82
- onSaveStarted();
83
- });
84
- (0, _react2.act)(function () {
85
- jest.advanceTimersByTime(duration);
86
- });
87
- expect(queryByTestId('save-indicator-content')).toBeNull();
88
- });
89
- it('should not show the save indicator after saving when visible is false ', function () {
90
- var _setup3 = setup({
91
- visible: false
92
- }),
93
- onSaveStarted = _setup3.onSaveStarted,
94
- queryByTestId = _setup3.queryByTestId;
95
-
96
- (0, _react2.act)(function () {
97
- onSaveStarted();
98
- });
99
- expect(queryByTestId('save-indicator-content')).toBeNull();
100
- });
101
- });
@@ -1,98 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
- var _react = _interopRequireDefault(require("react"));
6
-
7
- var _enzyme = require("@atlaskit/editor-test-helpers/enzyme");
8
-
9
- var _createProsemirrorEditor = require("@atlaskit/editor-test-helpers/create-prosemirror-editor");
10
-
11
- var _docBuilder = require("@atlaskit/editor-test-helpers/doc-builder");
12
-
13
- var _EmojiPickerButton = require("./EmojiPickerButton");
14
-
15
- var _panel = _interopRequireDefault(require("../../panel"));
16
-
17
- var _editorCommon = require("@atlaskit/editor-common");
18
-
19
- var _getTestEmojiResource = require("@atlaskit/util-data-test/get-test-emoji-resource");
20
-
21
- var _testUtils = require("react-dom/test-utils");
22
-
23
- describe('emoji-picker-button', function () {
24
- var createEditor = (0, _createProsemirrorEditor.createProsemirrorEditorFactory)();
25
- var wrapper;
26
- var onChangeMock;
27
- var providerFactory = new _editorCommon.ProviderFactory();
28
- var panelPreset = new _createProsemirrorEditor.Preset().add([_panel.default, {
29
- UNSAFE_allowCustomPanel: true
30
- }]);
31
- beforeEach(function () {
32
- var _createEditor = createEditor({
33
- doc: (0, _docBuilder.doc)((0, _docBuilder.panel)({
34
- panelType: 'info'
35
- })((0, _docBuilder.p)('{<>}'))),
36
- preset: panelPreset,
37
- providerFactory: providerFactory
38
- }),
39
- editorView = _createEditor.editorView;
40
-
41
- providerFactory.setProvider('emojiProvider', Promise.resolve((0, _getTestEmojiResource.getTestEmojiResource)()));
42
- onChangeMock = jest.fn();
43
- wrapper = (0, _enzyme.mountWithIntl)( /*#__PURE__*/_react.default.createElement(_EmojiPickerButton.EmojiPickerButton, {
44
- view: editorView,
45
- providerFactory: providerFactory,
46
- onChange: onChangeMock
47
- }));
48
- });
49
- afterEach(function () {
50
- providerFactory.removeProvider('emojiProvider');
51
- wrapper && wrapper.unmount();
52
- });
53
- it('should render a button', function () {
54
- expect(wrapper.find('button')).toHaveLength(1); // ensure no popup is rendered
55
-
56
- expect(wrapper.find('Popup')).toHaveLength(0);
57
- });
58
- it('should show a EmojiPicker popup after clicking button', function () {
59
- // popup still not shown before the click
60
- wrapper.find('button').simulate('click'); // show the popup
61
-
62
- expect(wrapper.find('Popup')).toHaveLength(1);
63
- });
64
- it('should close EmojiPicker popup after clicking outside', function () {
65
- // clicking on the button to open the popup
66
- wrapper.find('button').simulate('click'); // make sure the popup and picker are shown
67
-
68
- expect(wrapper.find('Popup')).toHaveLength(1);
69
- var emojiPicker = wrapper.find('EmojiPickerInternal').instance(); // calling click outside
70
-
71
- (0, _testUtils.act)(function () {
72
- emojiPicker.props.handleClickOutside();
73
- });
74
- wrapper.update(); // make sure popup is hidden
75
-
76
- expect(wrapper.find('Popup')).toHaveLength(0);
77
- });
78
- it('should hide popup and call onChange after selecting an emoji', function () {
79
- // click the button
80
- wrapper.find('button').simulate('click'); // make sure the popup and picker are shown
81
-
82
- expect(wrapper.find('Popup')).toHaveLength(1);
83
- var emojiPicker = wrapper.find('EmojiPickerInternal').instance(); // calling mock callback
84
-
85
- (0, _testUtils.act)(function () {
86
- emojiPicker.props.onSelection({
87
- shortName: ':smiley:'
88
- });
89
- }); // make sure the on change callback is called
90
-
91
- expect(onChangeMock).toBeCalledWith({
92
- shortName: ':smiley:'
93
- });
94
- wrapper.update(); // make sure popup is hidden
95
-
96
- expect(wrapper.find('Popup')).toHaveLength(0);
97
- });
98
- });