@atlaskit/editor-plugin-synced-block 5.3.18 → 5.3.20
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.
- package/CHANGELOG.md +14 -0
- package/dist/cjs/editor-commands/index.js +52 -76
- package/dist/cjs/pm-plugins/main.js +6 -30
- package/dist/cjs/pm-plugins/menu-and-toolbar-experiences.js +36 -44
- package/dist/cjs/ui/SyncedLocationDropdown.js +14 -17
- package/dist/cjs/ui/floating-toolbar.js +3 -4
- package/dist/es2019/editor-commands/index.js +52 -76
- package/dist/es2019/pm-plugins/main.js +6 -30
- package/dist/es2019/pm-plugins/menu-and-toolbar-experiences.js +36 -44
- package/dist/es2019/ui/SyncedLocationDropdown.js +14 -17
- package/dist/es2019/ui/floating-toolbar.js +3 -4
- package/dist/esm/editor-commands/index.js +52 -76
- package/dist/esm/pm-plugins/main.js +6 -30
- package/dist/esm/pm-plugins/menu-and-toolbar-experiences.js +36 -44
- package/dist/esm/ui/SyncedLocationDropdown.js +14 -17
- package/dist/esm/ui/floating-toolbar.js +3 -4
- package/package.json +4 -7
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,19 @@
|
|
|
1
1
|
# @atlaskit/editor-plugin-synced-block
|
|
2
2
|
|
|
3
|
+
## 5.3.20
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`fa62876ed1943`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/fa62876ed1943) -
|
|
8
|
+
EDITOR-5134 Clean up platform_synced_block_patch_1
|
|
9
|
+
- Updated dependencies
|
|
10
|
+
|
|
11
|
+
## 5.3.19
|
|
12
|
+
|
|
13
|
+
### Patch Changes
|
|
14
|
+
|
|
15
|
+
- Updated dependencies
|
|
16
|
+
|
|
3
17
|
## 5.3.18
|
|
4
18
|
|
|
5
19
|
### Patch Changes
|
|
@@ -10,7 +10,6 @@ var _copyButton = require("@atlaskit/editor-common/copy-button");
|
|
|
10
10
|
var _model = require("@atlaskit/editor-prosemirror/model");
|
|
11
11
|
var _state = require("@atlaskit/editor-prosemirror/state");
|
|
12
12
|
var _utils = require("@atlaskit/editor-prosemirror/utils");
|
|
13
|
-
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
14
13
|
var _main = require("../pm-plugins/main");
|
|
15
14
|
var _utils2 = require("../pm-plugins/utils/utils");
|
|
16
15
|
var _types = require("../types");
|
|
@@ -41,12 +40,6 @@ var createSyncedBlock = exports.createSyncedBlock = function createSyncedBlock(_
|
|
|
41
40
|
});
|
|
42
41
|
return false;
|
|
43
42
|
}
|
|
44
|
-
|
|
45
|
-
// Save the new node with empty content to backend
|
|
46
|
-
// This is so that the node can be copied and referenced without the source being saved/published
|
|
47
|
-
if (!(0, _platformFeatureFlags.fg)('platform_synced_block_patch_1')) {
|
|
48
|
-
syncBlockStore.sourceManager.createBodiedSyncBlockNode(attrs, function () {});
|
|
49
|
-
}
|
|
50
43
|
if (typeAheadInsert) {
|
|
51
44
|
tr = typeAheadInsert(newBodiedSyncBlockNode);
|
|
52
45
|
} else {
|
|
@@ -80,13 +73,6 @@ var createSyncedBlock = exports.createSyncedBlock = function createSyncedBlock(_
|
|
|
80
73
|
});
|
|
81
74
|
return false;
|
|
82
75
|
}
|
|
83
|
-
|
|
84
|
-
// Save the new node with empty content to backend
|
|
85
|
-
// This is so that the node can be copied and referenced without the source being saved/published
|
|
86
|
-
if (!(0, _platformFeatureFlags.fg)('platform_synced_block_patch_1')) {
|
|
87
|
-
// Moved to appendTransaction
|
|
88
|
-
syncBlockStore.sourceManager.createBodiedSyncBlockNode(_attrs, function () {}, _newBodiedSyncBlockNode);
|
|
89
|
-
}
|
|
90
76
|
tr.replaceWith(conversionInfo.from, conversionInfo.to, _newBodiedSyncBlockNode).scrollIntoView();
|
|
91
77
|
|
|
92
78
|
// set selection to the start of the previous selection for the position taken up by the start of the new synced block
|
|
@@ -111,19 +97,17 @@ var copySyncedBlockReferenceToClipboard = exports.copySyncedBlockReferenceToClip
|
|
|
111
97
|
var copySyncedBlockReferenceToClipboardInternal = function copySyncedBlockReferenceToClipboardInternal(schema, selection, syncBlockStore, inputMethod, api) {
|
|
112
98
|
var syncBlockFindResult = (0, _utils2.findSyncBlockOrBodiedSyncBlock)(schema, selection);
|
|
113
99
|
if (!syncBlockFindResult) {
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
});
|
|
126
|
-
}
|
|
100
|
+
var _api$analytics;
|
|
101
|
+
api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 || (_api$analytics = _api$analytics.actions) === null || _api$analytics === void 0 || _api$analytics.fireAnalyticsEvent({
|
|
102
|
+
eventType: _analytics.EVENT_TYPE.OPERATIONAL,
|
|
103
|
+
action: _analytics.ACTION.ERROR,
|
|
104
|
+
actionSubject: _analytics.ACTION_SUBJECT.SYNCED_BLOCK,
|
|
105
|
+
actionSubjectId: _analytics.ACTION_SUBJECT_ID.SYNCED_BLOCK_COPY,
|
|
106
|
+
attributes: {
|
|
107
|
+
error: 'No sync block found in selection',
|
|
108
|
+
inputMethod: inputMethod
|
|
109
|
+
}
|
|
110
|
+
});
|
|
127
111
|
return false;
|
|
128
112
|
}
|
|
129
113
|
var isBodiedSyncBlock = (0, _utils2.isBodiedSyncBlockNode)(syncBlockFindResult.node, schema.nodes.bodiedSyncBlock);
|
|
@@ -136,39 +120,35 @@ var copySyncedBlockReferenceToClipboardInternal = function copySyncedBlockRefere
|
|
|
136
120
|
resourceId: syncBlockStore.referenceManager.generateResourceIdForReference(syncBlockFindResult.node.attrs.resourceId)
|
|
137
121
|
});
|
|
138
122
|
if (!referenceSyncBlockNode) {
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
api === null || api === void 0 || (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 || (_api$analytics2 = _api$analytics2.actions) === null || _api$analytics2 === void 0 || _api$analytics2.fireAnalyticsEvent({
|
|
142
|
-
eventType: _analytics.EVENT_TYPE.OPERATIONAL,
|
|
143
|
-
action: _analytics.ACTION.ERROR,
|
|
144
|
-
actionSubject: _analytics.ACTION_SUBJECT.SYNCED_BLOCK,
|
|
145
|
-
actionSubjectId: _analytics.ACTION_SUBJECT_ID.SYNCED_BLOCK_COPY,
|
|
146
|
-
attributes: {
|
|
147
|
-
error: 'Failed to create reference sync block node',
|
|
148
|
-
resourceId: syncBlockFindResult.node.attrs.resourceId,
|
|
149
|
-
inputMethod: inputMethod
|
|
150
|
-
}
|
|
151
|
-
});
|
|
152
|
-
}
|
|
153
|
-
return false;
|
|
154
|
-
}
|
|
155
|
-
} else {
|
|
156
|
-
referenceSyncBlockNode = syncBlockFindResult.node;
|
|
157
|
-
}
|
|
158
|
-
if (!referenceSyncBlockNode) {
|
|
159
|
-
if ((0, _platformFeatureFlags.fg)('platform_synced_block_patch_1')) {
|
|
160
|
-
var _api$analytics3;
|
|
161
|
-
api === null || api === void 0 || (_api$analytics3 = api.analytics) === null || _api$analytics3 === void 0 || (_api$analytics3 = _api$analytics3.actions) === null || _api$analytics3 === void 0 || _api$analytics3.fireAnalyticsEvent({
|
|
123
|
+
var _api$analytics2;
|
|
124
|
+
api === null || api === void 0 || (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 || (_api$analytics2 = _api$analytics2.actions) === null || _api$analytics2 === void 0 || _api$analytics2.fireAnalyticsEvent({
|
|
162
125
|
eventType: _analytics.EVENT_TYPE.OPERATIONAL,
|
|
163
126
|
action: _analytics.ACTION.ERROR,
|
|
164
127
|
actionSubject: _analytics.ACTION_SUBJECT.SYNCED_BLOCK,
|
|
165
128
|
actionSubjectId: _analytics.ACTION_SUBJECT_ID.SYNCED_BLOCK_COPY,
|
|
166
129
|
attributes: {
|
|
167
|
-
error: '
|
|
130
|
+
error: 'Failed to create reference sync block node',
|
|
131
|
+
resourceId: syncBlockFindResult.node.attrs.resourceId,
|
|
168
132
|
inputMethod: inputMethod
|
|
169
133
|
}
|
|
170
134
|
});
|
|
135
|
+
return false;
|
|
171
136
|
}
|
|
137
|
+
} else {
|
|
138
|
+
referenceSyncBlockNode = syncBlockFindResult.node;
|
|
139
|
+
}
|
|
140
|
+
if (!referenceSyncBlockNode) {
|
|
141
|
+
var _api$analytics3;
|
|
142
|
+
api === null || api === void 0 || (_api$analytics3 = api.analytics) === null || _api$analytics3 === void 0 || (_api$analytics3 = _api$analytics3.actions) === null || _api$analytics3 === void 0 || _api$analytics3.fireAnalyticsEvent({
|
|
143
|
+
eventType: _analytics.EVENT_TYPE.OPERATIONAL,
|
|
144
|
+
action: _analytics.ACTION.ERROR,
|
|
145
|
+
actionSubject: _analytics.ACTION_SUBJECT.SYNCED_BLOCK,
|
|
146
|
+
actionSubjectId: _analytics.ACTION_SUBJECT_ID.SYNCED_BLOCK_COPY,
|
|
147
|
+
attributes: {
|
|
148
|
+
error: 'No reference sync block node available',
|
|
149
|
+
inputMethod: inputMethod
|
|
150
|
+
}
|
|
151
|
+
});
|
|
172
152
|
return false;
|
|
173
153
|
}
|
|
174
154
|
var domNode = (0, _copyButton.toDOM)(referenceSyncBlockNode, schema);
|
|
@@ -177,20 +157,18 @@ var copySyncedBlockReferenceToClipboardInternal = function copySyncedBlockRefere
|
|
|
177
157
|
// Use setTimeout to dispatch transaction in next tick and avoid re-entrant dispatch
|
|
178
158
|
setTimeout(function () {
|
|
179
159
|
api === null || api === void 0 || api.core.actions.execute(function (_ref3) {
|
|
160
|
+
var _api$analytics4;
|
|
180
161
|
var tr = _ref3.tr;
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
}
|
|
192
|
-
});
|
|
193
|
-
}
|
|
162
|
+
api === null || api === void 0 || (_api$analytics4 = api.analytics) === null || _api$analytics4 === void 0 || (_api$analytics4 = _api$analytics4.actions) === null || _api$analytics4 === void 0 || _api$analytics4.fireAnalyticsEvent({
|
|
163
|
+
eventType: _analytics.EVENT_TYPE.OPERATIONAL,
|
|
164
|
+
action: _analytics.ACTION.COPIED,
|
|
165
|
+
actionSubject: _analytics.ACTION_SUBJECT.SYNCED_BLOCK,
|
|
166
|
+
actionSubjectId: _analytics.ACTION_SUBJECT_ID.SYNCED_BLOCK_COPY,
|
|
167
|
+
attributes: {
|
|
168
|
+
resourceId: referenceSyncBlockNode.attrs.resourceId,
|
|
169
|
+
inputMethod: inputMethod
|
|
170
|
+
}
|
|
171
|
+
});
|
|
194
172
|
return tr.setMeta(_main.syncedBlockPluginKey, {
|
|
195
173
|
activeFlag: {
|
|
196
174
|
id: _types.FLAG_ID.SYNC_BLOCK_COPIED
|
|
@@ -210,18 +188,16 @@ var editSyncedBlockSource = exports.editSyncedBlockSource = function editSyncedB
|
|
|
210
188
|
}
|
|
211
189
|
var syncBlockURL = syncBlockStore.referenceManager.getSyncBlockURL(resourceId);
|
|
212
190
|
if (syncBlockURL) {
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
});
|
|
224
|
-
}
|
|
191
|
+
var _api$analytics5;
|
|
192
|
+
api === null || api === void 0 || (_api$analytics5 = api.analytics) === null || _api$analytics5 === void 0 || _api$analytics5.actions.fireAnalyticsEvent({
|
|
193
|
+
eventType: _analytics.EVENT_TYPE.OPERATIONAL,
|
|
194
|
+
action: _analytics.ACTION.SYNCED_BLOCK_EDIT_SOURCE,
|
|
195
|
+
actionSubject: _analytics.ACTION_SUBJECT.SYNCED_BLOCK,
|
|
196
|
+
actionSubjectId: _analytics.ACTION_SUBJECT_ID.SYNCED_BLOCK_SOURCE_URL,
|
|
197
|
+
attributes: {
|
|
198
|
+
resourceId: resourceId
|
|
199
|
+
}
|
|
200
|
+
});
|
|
225
201
|
window.open(syncBlockURL, '_blank');
|
|
226
202
|
} else {
|
|
227
203
|
var _api$analytics6;
|
|
@@ -16,7 +16,6 @@ var _editorPluginConnectivity = require("@atlaskit/editor-plugin-connectivity");
|
|
|
16
16
|
var _state = require("@atlaskit/editor-prosemirror/state");
|
|
17
17
|
var _view = require("@atlaskit/editor-prosemirror/view");
|
|
18
18
|
var _editorSyncedBlockProvider = require("@atlaskit/editor-synced-block-provider");
|
|
19
|
-
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
20
19
|
var _bodiedLazySyncedBlock = require("../nodeviews/bodiedLazySyncedBlock");
|
|
21
20
|
var _syncedBlock = require("../nodeviews/syncedBlock");
|
|
22
21
|
var _types = require("../types");
|
|
@@ -141,11 +140,8 @@ var createPlugin = exports.createPlugin = function createPlugin(options, pmPlugi
|
|
|
141
140
|
if (!tr.selection.eq(oldEditorState.selection)) {
|
|
142
141
|
newDecorationSet = (0, _selectionDecorations.calculateDecorations)(tr.doc, tr.selection, tr.doc.type.schema);
|
|
143
142
|
}
|
|
144
|
-
var
|
|
145
|
-
|
|
146
|
-
var newPosEntry = meta === null || meta === void 0 ? void 0 : meta.retryCreationPos;
|
|
147
|
-
newRetryCreationPosMap = mapRetryCreationPosMap(retryCreationPosMap, newPosEntry, tr.mapping.map.bind(tr.mapping));
|
|
148
|
-
}
|
|
143
|
+
var newPosEntry = meta === null || meta === void 0 ? void 0 : meta.retryCreationPos;
|
|
144
|
+
var newRetryCreationPosMap = mapRetryCreationPosMap(retryCreationPosMap, newPosEntry, tr.mapping.map.bind(tr.mapping));
|
|
149
145
|
return {
|
|
150
146
|
activeFlag: (_meta$activeFlag = meta === null || meta === void 0 ? void 0 : meta.activeFlag) !== null && _meta$activeFlag !== void 0 ? _meta$activeFlag : activeFlag,
|
|
151
147
|
selectionDecorationSet: newDecorationSet,
|
|
@@ -201,7 +197,7 @@ var createPlugin = exports.createPlugin = function createPlugin(options, pmPlugi
|
|
|
201
197
|
class: _syncBlock.SyncBlockStateCssClassName.viewModeClassName
|
|
202
198
|
}));
|
|
203
199
|
}
|
|
204
|
-
if (node.type.name === 'bodiedSyncBlock' && syncBlockStore.sourceManager.isPendingCreation(node.attrs.resourceId)
|
|
200
|
+
if (node.type.name === 'bodiedSyncBlock' && syncBlockStore.sourceManager.isPendingCreation(node.attrs.resourceId)) {
|
|
205
201
|
loadingDecorations.push(_view.Decoration.node(pos, pos + node.nodeSize, {
|
|
206
202
|
class: _syncBlock.SyncBlockStateCssClassName.creationLoadingClassName
|
|
207
203
|
}));
|
|
@@ -268,12 +264,6 @@ var createPlugin = exports.createPlugin = function createPlugin(options, pmPlugi
|
|
|
268
264
|
var _api$connectivity2;
|
|
269
265
|
var isOffline = (0, _editorPluginConnectivity.isOfflineMode)(api === null || api === void 0 || (_api$connectivity2 = api.connectivity) === null || _api$connectivity2 === void 0 || (_api$connectivity2 = _api$connectivity2.sharedState.currentState()) === null || _api$connectivity2 === void 0 ? void 0 : _api$connectivity2.mode);
|
|
270
266
|
var isConfirmedSyncBlockDeletion = Boolean(tr.getMeta('isConfirmedSyncBlockDeletion'));
|
|
271
|
-
var hasNoPendingRequest = (0, _platformFeatureFlags.fg)('platform_synced_block_patch_1') ? false :
|
|
272
|
-
// requireConfirmationBeforeDelete is always true, so this evaluates to false and hence redundant
|
|
273
|
-
!(syncBlockStore !== null && syncBlockStore !== void 0 && syncBlockStore.sourceManager.requireConfirmationBeforeDelete()) && !syncBlockStore.sourceManager.hasPendingCreation();
|
|
274
|
-
var isCommitsCreation = (0, _platformFeatureFlags.fg)('platform_synced_block_patch_1') ? false :
|
|
275
|
-
// For patch 1, we don't intercept the insert transaction, hence it's redundant
|
|
276
|
-
Boolean(tr.getMeta('isCommitSyncBlockCreation'));
|
|
277
267
|
|
|
278
268
|
// Track newly added reference sync blocks before processing the transaction
|
|
279
269
|
if (tr.docChanged && !tr.getMeta('isRemote')) {
|
|
@@ -294,7 +284,7 @@ var createPlugin = exports.createPlugin = function createPlugin(options, pmPlugi
|
|
|
294
284
|
// or are from remote (collab) or already confirmed sync block deletion
|
|
295
285
|
// We only care about local changes that change the document
|
|
296
286
|
// and are not yet confirmed for sync block deletion
|
|
297
|
-
if (!tr.docChanged ||
|
|
287
|
+
if (!tr.docChanged || Boolean(tr.getMeta('isRemote')) || !isOffline && isConfirmedSyncBlockDeletion) {
|
|
298
288
|
return true;
|
|
299
289
|
}
|
|
300
290
|
var _trackSyncBlocks2 = (0, _trackSyncBlocks6.trackSyncBlocks)(syncBlockStore.sourceManager.isSourceBlock, tr, state),
|
|
@@ -343,22 +333,8 @@ var createPlugin = exports.createPlugin = function createPlugin(options, pmPlugi
|
|
|
343
333
|
// After true is returned here and the node is created, we delete the node in the filterTransaction immediately, which cancels out the creation
|
|
344
334
|
return true;
|
|
345
335
|
}
|
|
346
|
-
|
|
347
|
-
|
|
348
|
-
return true;
|
|
349
|
-
} else {
|
|
350
|
-
// If there is bodiedSyncBlock node addition and it's waiting for the result of saving the node to backend (syncBlockStore.hasPendingCreation()),
|
|
351
|
-
// we need to intercept the transaction and save it in insert callback so that we only insert it to the document when backend call if backend call is successful
|
|
352
|
-
// The callback will be evoked by in SourceSyncBlockStoreManager.commitPendingCreation
|
|
353
|
-
syncBlockStore.sourceManager.registerCreationCallback(function () {
|
|
354
|
-
var _api$core;
|
|
355
|
-
api === null || api === void 0 || (_api$core = api.core) === null || _api$core === void 0 || _api$core.actions.execute(function () {
|
|
356
|
-
return tr.setMeta('isCommitSyncBlockCreation', true);
|
|
357
|
-
});
|
|
358
|
-
api === null || api === void 0 || api.core.actions.focus();
|
|
359
|
-
});
|
|
360
|
-
return false;
|
|
361
|
-
}
|
|
336
|
+
(0, _handleBodiedSyncBlockCreation.handleBodiedSyncBlockCreation)(bodiedSyncBlockAdded, state, api);
|
|
337
|
+
return true;
|
|
362
338
|
}
|
|
363
339
|
} else {
|
|
364
340
|
var _trackSyncBlocks4 = (0, _trackSyncBlocks6.trackSyncBlocks)(function (node) {
|
|
@@ -11,7 +11,6 @@ var _analytics = require("@atlaskit/editor-common/analytics");
|
|
|
11
11
|
var _experiences = require("@atlaskit/editor-common/experiences");
|
|
12
12
|
var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
|
|
13
13
|
var _state = require("@atlaskit/editor-prosemirror/state");
|
|
14
|
-
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
15
14
|
var _types = require("../types");
|
|
16
15
|
var TIMEOUT_DURATION = 30000;
|
|
17
16
|
var pluginKey = new _state.PluginKey('syncedBlockMenuAndToolbarExperience');
|
|
@@ -61,44 +60,38 @@ var getMenuAndToolbarExperiencesPlugin = exports.getMenuAndToolbarExperiencesPlu
|
|
|
61
60
|
durationMs: TIMEOUT_DURATION
|
|
62
61
|
}), referenceSyncBlockRemovedFromDomCheck(refs)]
|
|
63
62
|
});
|
|
64
|
-
var unsyncReferenceSyncedBlockExperience
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
dispatchAnalyticsEvent: dispatchAnalyticsEvent,
|
|
97
|
-
checks: [new _experiences.ExperienceCheckTimeout({
|
|
98
|
-
durationMs: TIMEOUT_DURATION
|
|
99
|
-
}), syncedLocationsDropdownOpenedCheck(refs)]
|
|
100
|
-
});
|
|
101
|
-
}
|
|
63
|
+
var unsyncReferenceSyncedBlockExperience = new _experiences.Experience(_experiences.EXPERIENCE_ID.TOOLBAR_ACTION, {
|
|
64
|
+
action: _analytics.ACTION.REFERENCE_SYNCED_BLOCK_UNSYNC,
|
|
65
|
+
actionSubjectId: _analytics.ACTION_SUBJECT_ID.SYNCED_BLOCK_TOOLBAR,
|
|
66
|
+
dispatchAnalyticsEvent: dispatchAnalyticsEvent,
|
|
67
|
+
checks: [new _experiences.ExperienceCheckTimeout({
|
|
68
|
+
durationMs: TIMEOUT_DURATION
|
|
69
|
+
}), referenceSyncBlockRemovedFromDomCheck(refs)]
|
|
70
|
+
});
|
|
71
|
+
var unsyncSourceSyncedBlockExperience = new _experiences.Experience(_experiences.EXPERIENCE_ID.TOOLBAR_ACTION, {
|
|
72
|
+
action: _analytics.ACTION.SYNCED_BLOCK_UNSYNC,
|
|
73
|
+
actionSubjectId: _analytics.ACTION_SUBJECT_ID.SYNCED_BLOCK_TOOLBAR,
|
|
74
|
+
dispatchAnalyticsEvent: dispatchAnalyticsEvent,
|
|
75
|
+
checks: [new _experiences.ExperienceCheckTimeout({
|
|
76
|
+
durationMs: TIMEOUT_DURATION
|
|
77
|
+
}), syncBlockDeleteConfirmationModalAddedCheck(refs)]
|
|
78
|
+
});
|
|
79
|
+
var deleteSourceSyncedBlockExperience = new _experiences.Experience(_experiences.EXPERIENCE_ID.TOOLBAR_ACTION, {
|
|
80
|
+
action: _analytics.ACTION.SYNCED_BLOCK_DELETE,
|
|
81
|
+
actionSubjectId: _analytics.ACTION_SUBJECT_ID.SYNCED_BLOCK_TOOLBAR,
|
|
82
|
+
dispatchAnalyticsEvent: dispatchAnalyticsEvent,
|
|
83
|
+
checks: [new _experiences.ExperienceCheckTimeout({
|
|
84
|
+
durationMs: TIMEOUT_DURATION
|
|
85
|
+
}), syncBlockDeleteConfirmationModalAddedCheck(refs)]
|
|
86
|
+
});
|
|
87
|
+
var syncedLocationsExperience = new _experiences.Experience(_experiences.EXPERIENCE_ID.TOOLBAR_ACTION, {
|
|
88
|
+
action: _analytics.ACTION.SYNCED_BLOCK_VIEW_SYNCED_LOCATIONS,
|
|
89
|
+
actionSubjectId: _analytics.ACTION_SUBJECT_ID.SYNCED_BLOCK_TOOLBAR,
|
|
90
|
+
dispatchAnalyticsEvent: dispatchAnalyticsEvent,
|
|
91
|
+
checks: [new _experiences.ExperienceCheckTimeout({
|
|
92
|
+
durationMs: TIMEOUT_DURATION
|
|
93
|
+
}), syncedLocationsDropdownOpenedCheck(refs)]
|
|
94
|
+
});
|
|
102
95
|
var unbindClickListener = (0, _bindEventListener.bind)(document, {
|
|
103
96
|
type: 'click',
|
|
104
97
|
listener: function listener(event) {
|
|
@@ -162,7 +155,6 @@ var getMenuAndToolbarExperiencesPlugin = exports.getMenuAndToolbarExperiencesPlu
|
|
|
162
155
|
editorViewEl = editorView.dom;
|
|
163
156
|
return {
|
|
164
157
|
destroy: function destroy() {
|
|
165
|
-
var _deleteSourceSyncedBl, _unsyncReferenceSynce, _unsyncSourceSyncedBl, _syncedLocationsExper;
|
|
166
158
|
createSourcePrimaryToolbarExperience.abort({
|
|
167
159
|
reason: 'editorDestroyed'
|
|
168
160
|
});
|
|
@@ -175,16 +167,16 @@ var getMenuAndToolbarExperiencesPlugin = exports.getMenuAndToolbarExperiencesPlu
|
|
|
175
167
|
deleteReferenceSyncedBlockExperience.abort({
|
|
176
168
|
reason: 'editorDestroyed'
|
|
177
169
|
});
|
|
178
|
-
|
|
170
|
+
deleteSourceSyncedBlockExperience === null || deleteSourceSyncedBlockExperience === void 0 || deleteSourceSyncedBlockExperience.abort({
|
|
179
171
|
reason: 'editorDestroyed'
|
|
180
172
|
});
|
|
181
|
-
|
|
173
|
+
unsyncReferenceSyncedBlockExperience === null || unsyncReferenceSyncedBlockExperience === void 0 || unsyncReferenceSyncedBlockExperience.abort({
|
|
182
174
|
reason: 'editorDestroyed'
|
|
183
175
|
});
|
|
184
|
-
|
|
176
|
+
unsyncSourceSyncedBlockExperience === null || unsyncSourceSyncedBlockExperience === void 0 || unsyncSourceSyncedBlockExperience.abort({
|
|
185
177
|
reason: 'editorDestroyed'
|
|
186
178
|
});
|
|
187
|
-
|
|
179
|
+
syncedLocationsExperience === null || syncedLocationsExperience === void 0 || syncedLocationsExperience.abort({
|
|
188
180
|
reason: 'editorDestroyed'
|
|
189
181
|
});
|
|
190
182
|
unbindClickListener();
|
|
@@ -29,7 +29,6 @@ var _quotationMark = _interopRequireDefault(require("@atlaskit/icon/core/quotati
|
|
|
29
29
|
var _statusError = _interopRequireDefault(require("@atlaskit/icon/core/status-error"));
|
|
30
30
|
var _logo = require("@atlaskit/logo");
|
|
31
31
|
var _lozenge = _interopRequireDefault(require("@atlaskit/lozenge"));
|
|
32
|
-
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
33
32
|
var _compiled = require("@atlaskit/primitives/compiled");
|
|
34
33
|
var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
|
|
35
34
|
var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
|
|
@@ -184,14 +183,14 @@ var SyncedLocationDropdown = exports.SyncedLocationDropdown = function SyncedLoc
|
|
|
184
183
|
var isOpen = _ref5.isOpen;
|
|
185
184
|
return setIsOpen(isOpen);
|
|
186
185
|
},
|
|
187
|
-
testId:
|
|
186
|
+
testId: "synced-block-synced-locations-dropdown",
|
|
188
187
|
trigger: function trigger(_ref6) {
|
|
189
188
|
var triggerRef = _ref6.triggerRef,
|
|
190
189
|
triggerProps = (0, _objectWithoutProperties2.default)(_ref6, _excluded);
|
|
191
190
|
return /*#__PURE__*/React.createElement(_ui.FloatingToolbarButton, (0, _extends2.default)({
|
|
192
191
|
ref: triggerRef,
|
|
193
192
|
areAnyNewToolbarFlagsEnabled: true,
|
|
194
|
-
selected:
|
|
193
|
+
selected: isOpen,
|
|
195
194
|
iconAfter: /*#__PURE__*/React.createElement(_chevronDown.default, {
|
|
196
195
|
color: "currentColor",
|
|
197
196
|
spacing: "spacious",
|
|
@@ -260,18 +259,16 @@ var DropdownContent = function DropdownContent(_ref7) {
|
|
|
260
259
|
getReferenceData();
|
|
261
260
|
}, [syncBlockStore, intl, isSource, localId, resourceId]);
|
|
262
261
|
var handleLocationClick = function handleLocationClick() {
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
});
|
|
274
|
-
}
|
|
262
|
+
var _api$analytics;
|
|
263
|
+
api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 || (_api$analytics = _api$analytics.actions) === null || _api$analytics === void 0 || _api$analytics.fireAnalyticsEvent({
|
|
264
|
+
eventType: _analytics.EVENT_TYPE.OPERATIONAL,
|
|
265
|
+
action: _analytics.ACTION.CLICKED,
|
|
266
|
+
actionSubject: _analytics.ACTION_SUBJECT.SYNCED_BLOCK,
|
|
267
|
+
actionSubjectId: _analytics.ACTION_SUBJECT_ID.SYNCED_BLOCK_CLICK_SYNCED_LOCATION,
|
|
268
|
+
attributes: {
|
|
269
|
+
resourceId: resourceId
|
|
270
|
+
}
|
|
271
|
+
});
|
|
275
272
|
};
|
|
276
273
|
var content = function content() {
|
|
277
274
|
switch (fetchStatus) {
|
|
@@ -333,7 +330,7 @@ var ErrorScreen = function ErrorScreen(_ref9) {
|
|
|
333
330
|
var formatMessage = _ref9.formatMessage;
|
|
334
331
|
return /*#__PURE__*/React.createElement(_compiled.Box, {
|
|
335
332
|
xcss: styles.errorContainer,
|
|
336
|
-
testId:
|
|
333
|
+
testId: "synced-locations-dropdown-content-error"
|
|
337
334
|
}, /*#__PURE__*/React.createElement(_compiled.Box, {
|
|
338
335
|
xcss: styles.errorIcon
|
|
339
336
|
}, /*#__PURE__*/React.createElement(_statusError.default, {
|
|
@@ -351,7 +348,7 @@ var NoResultScreen = function NoResultScreen(_ref0) {
|
|
|
351
348
|
return /*#__PURE__*/React.createElement(_compiled.Stack, {
|
|
352
349
|
xcss: styles.noResultsContainer,
|
|
353
350
|
space: "space.100",
|
|
354
|
-
testId:
|
|
351
|
+
testId: "synced-locations-dropdown-content-no-results"
|
|
355
352
|
}, /*#__PURE__*/React.createElement(_compiled.Text, {
|
|
356
353
|
as: "p"
|
|
357
354
|
}, formatMessage(_messages.syncBlockMessages.syncedLocationDropdownNoResults)), /*#__PURE__*/React.createElement(_compiled.Text, {
|
|
@@ -18,7 +18,6 @@ var _copy = _interopRequireDefault(require("@atlaskit/icon/core/copy"));
|
|
|
18
18
|
var _delete = _interopRequireDefault(require("@atlaskit/icon/core/delete"));
|
|
19
19
|
var _edit = _interopRequireDefault(require("@atlaskit/icon/core/edit"));
|
|
20
20
|
var _linkBroken = _interopRequireDefault(require("@atlaskit/icon/core/link-broken"));
|
|
21
|
-
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
22
21
|
var _editorCommands = require("../editor-commands");
|
|
23
22
|
var _utils2 = require("../pm-plugins/utils/utils");
|
|
24
23
|
var _types = require("../types");
|
|
@@ -32,7 +31,7 @@ var getToolbarConfig = exports.getToolbarConfig = function getToolbarConfig(stat
|
|
|
32
31
|
if (!syncBlockObject) {
|
|
33
32
|
return;
|
|
34
33
|
}
|
|
35
|
-
if (syncBlockStore.sourceManager.isPendingCreation(syncBlockObject.node.attrs.resourceId)
|
|
34
|
+
if (syncBlockStore.sourceManager.isPendingCreation(syncBlockObject.node.attrs.resourceId)) {
|
|
36
35
|
return;
|
|
37
36
|
}
|
|
38
37
|
var syncBlockInstance = syncBlockStore.referenceManager.getFromCache(syncBlockObject.node.attrs.resourceId);
|
|
@@ -93,7 +92,7 @@ var getToolbarConfig = exports.getToolbarConfig = function getToolbarConfig(stat
|
|
|
93
92
|
onClick: function onClick() {
|
|
94
93
|
return (0, _editorCommands.unsync)(syncBlockStore, isBodiedSyncBlock, view);
|
|
95
94
|
},
|
|
96
|
-
testId:
|
|
95
|
+
testId: isBodiedSyncBlock ? _types.SYNCED_BLOCK_BUTTON_TEST_ID.syncedBlockToolbarSourceUnsync : _types.SYNCED_BLOCK_BUTTON_TEST_ID.syncedBlockToolbarReferenceUnsync
|
|
97
96
|
});
|
|
98
97
|
}
|
|
99
98
|
};
|
|
@@ -138,7 +137,7 @@ var getToolbarConfig = exports.getToolbarConfig = function getToolbarConfig(stat
|
|
|
138
137
|
icon: /*#__PURE__*/_react.default.createElement(_delete.default, {
|
|
139
138
|
label: ""
|
|
140
139
|
}),
|
|
141
|
-
testId:
|
|
140
|
+
testId: isBodiedSyncBlock ? _types.SYNCED_BLOCK_BUTTON_TEST_ID.syncedBlockToolbarSourceDelete : _types.SYNCED_BLOCK_BUTTON_TEST_ID.syncedBlockToolbarReferenceDelete
|
|
142
141
|
}, hoverDecorationProps(nodeType))]
|
|
143
142
|
}];
|
|
144
143
|
items.push.apply(items, overflowMenuConfig);
|