@atlaskit/editor-core 198.6.10 → 198.6.11
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 +9 -0
- package/dist/cjs/composable-editor/core-editor.js +2 -5
- package/dist/cjs/composable-editor/editor-internal.js +3 -10
- package/dist/cjs/composable-editor/hooks/useMeasureEditorMountTime.js +2 -2
- package/dist/cjs/composable-editor/hooks/useMemoEditorProps.js +3 -3
- package/dist/cjs/create-editor/ReactEditorView.js +59 -110
- package/dist/cjs/create-editor/create-plugins-list.js +1 -4
- package/dist/cjs/create-editor/feature-flags-from-props.js +2 -2
- package/dist/cjs/version-wrapper.js +1 -1
- package/dist/es2019/composable-editor/core-editor.js +2 -5
- package/dist/es2019/composable-editor/editor-internal.js +3 -10
- package/dist/es2019/composable-editor/hooks/useMeasureEditorMountTime.js +2 -2
- package/dist/es2019/composable-editor/hooks/useMemoEditorProps.js +3 -3
- package/dist/es2019/create-editor/ReactEditorView.js +51 -100
- package/dist/es2019/create-editor/create-plugins-list.js +1 -4
- package/dist/es2019/create-editor/feature-flags-from-props.js +2 -2
- package/dist/es2019/version-wrapper.js +1 -1
- package/dist/esm/composable-editor/core-editor.js +2 -5
- package/dist/esm/composable-editor/editor-internal.js +3 -10
- package/dist/esm/composable-editor/hooks/useMeasureEditorMountTime.js +2 -2
- package/dist/esm/composable-editor/hooks/useMemoEditorProps.js +3 -3
- package/dist/esm/create-editor/ReactEditorView.js +50 -101
- package/dist/esm/create-editor/create-plugins-list.js +1 -4
- package/dist/esm/create-editor/feature-flags-from-props.js +2 -2
- package/dist/esm/version-wrapper.js +1 -1
- package/dist/types/create-editor/ReactEditorView.d.ts +3 -4
- package/dist/types/create-editor/create-universal-preset.d.ts +72 -0
- package/dist/types/editor-appearances/ChromelessEditor.d.ts +1 -1
- package/dist/types/editor-appearances/CommentEditor.d.ts +1 -1
- package/dist/types/editor-appearances/FullPageEditor.d.ts +1 -1
- package/dist/types/editor-appearances/FullWidthEditor.d.ts +1 -1
- package/dist/types/presets/default.d.ts +36 -0
- package/dist/types/presets/universal.d.ts +72 -0
- package/dist/types/presets/useUniversalPreset.d.ts +72 -0
- package/dist/types/types/editor-props.d.ts +2 -1
- package/dist/types-ts4.5/create-editor/ReactEditorView.d.ts +3 -4
- package/dist/types-ts4.5/create-editor/create-universal-preset.d.ts +72 -0
- package/dist/types-ts4.5/editor-appearances/ChromelessEditor.d.ts +1 -1
- package/dist/types-ts4.5/editor-appearances/CommentEditor.d.ts +1 -1
- package/dist/types-ts4.5/editor-appearances/FullPageEditor.d.ts +1 -1
- package/dist/types-ts4.5/editor-appearances/FullWidthEditor.d.ts +1 -1
- package/dist/types-ts4.5/presets/default.d.ts +36 -0
- package/dist/types-ts4.5/presets/universal.d.ts +72 -0
- package/dist/types-ts4.5/presets/useUniversalPreset.d.ts +72 -0
- package/dist/types-ts4.5/types/editor-props.d.ts +2 -1
- package/package.json +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,14 @@
|
|
|
1
1
|
# @atlaskit/editor-core
|
|
2
2
|
|
|
3
|
+
## 198.6.11
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#154162](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/154162)
|
|
8
|
+
[`5982815965267`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/5982815965267) -
|
|
9
|
+
Updated performanceTracking and inputSampling props to hardcoded values as we're removing this
|
|
10
|
+
feature flag
|
|
11
|
+
|
|
3
12
|
## 198.6.10
|
|
4
13
|
|
|
5
14
|
### Patch Changes
|
|
@@ -65,7 +65,6 @@ function Editor(passedProps) {
|
|
|
65
65
|
var _propsRef$current = propsRef.current,
|
|
66
66
|
contextIdentifierProvider = _propsRef$current.contextIdentifierProvider,
|
|
67
67
|
onEditorReady = _propsRef$current.onEditorReady,
|
|
68
|
-
performanceTracking = _propsRef$current.performanceTracking,
|
|
69
68
|
featureFlags = _propsRef$current.featureFlags;
|
|
70
69
|
editorActions._privateRegisterEditor(instance.view, instance.eventDispatcher, instance.transformer, getFeatureFlagsFromRef);
|
|
71
70
|
if (featureFlags !== null && featureFlags !== void 0 && featureFlags.ufo) {
|
|
@@ -74,11 +73,9 @@ function Editor(passedProps) {
|
|
|
74
73
|
(_experienceStore$curr = experienceStore.current) === null || _experienceStore$curr === void 0 || _experienceStore$curr.start(_ufo.EditorExperience.loadEditor, startTime.current);
|
|
75
74
|
}
|
|
76
75
|
if (onEditorReady) {
|
|
77
|
-
|
|
78
|
-
var measureEditorReady = (performanceTracking === null || performanceTracking === void 0 || (_performanceTracking$ = performanceTracking.onEditorReadyCallbackTracking) === null || _performanceTracking$ === void 0 ? void 0 : _performanceTracking$.enabled) || (featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.ufo);
|
|
79
|
-
measureEditorReady && (0, _performanceMeasures.startMeasure)(_measureEnum.default.ON_EDITOR_READY_CALLBACK);
|
|
76
|
+
(0, _performanceMeasures.startMeasure)(_measureEnum.default.ON_EDITOR_READY_CALLBACK);
|
|
80
77
|
onEditorReady(editorActions);
|
|
81
|
-
|
|
78
|
+
(0, _performanceMeasures.stopMeasure)(_measureEnum.default.ON_EDITOR_READY_CALLBACK, (0, _sendDurationAnalytics.default)(_analytics.ACTION.ON_EDITOR_READY_CALLBACK, {
|
|
82
79
|
contextIdentifierProvider: contextIdentifierProvider,
|
|
83
80
|
featureFlags: featureFlags
|
|
84
81
|
}, getExperienceStore, createAnalyticsEvent));
|
|
@@ -38,7 +38,6 @@ var editorContainerStyles = (0, _react2.css)({
|
|
|
38
38
|
* from the `render` method of `Editor` and share it with `EditorNext`.
|
|
39
39
|
*/
|
|
40
40
|
var EditorInternal = exports.EditorInternal = /*#__PURE__*/(0, _react.memo)(function (_ref) {
|
|
41
|
-
var _props$performanceTra, _props$performanceTra2;
|
|
42
41
|
var props = _ref.props,
|
|
43
42
|
handleAnalyticsEvent = _ref.handleAnalyticsEvent,
|
|
44
43
|
createAnalyticsEvent = _ref.createAnalyticsEvent,
|
|
@@ -55,18 +54,12 @@ var EditorInternal = exports.EditorInternal = /*#__PURE__*/(0, _react.memo)(func
|
|
|
55
54
|
analyticsHandler: undefined
|
|
56
55
|
});
|
|
57
56
|
var featureFlags = (0, _featureFlagsFromProps.createFeatureFlagsFromProps)(props);
|
|
58
|
-
var
|
|
59
|
-
var
|
|
60
|
-
var useShallow = renderTracking === null || renderTracking === void 0 ? void 0 : renderTracking.useShallow;
|
|
57
|
+
var renderTrackingEnabled = true;
|
|
58
|
+
var useShallow = false;
|
|
61
59
|
var _usePortalProvider = (0, _portal.usePortalProvider)(),
|
|
62
60
|
_usePortalProvider2 = (0, _slicedToArray2.default)(_usePortalProvider, 2),
|
|
63
61
|
portalProviderAPI = _usePortalProvider2[0],
|
|
64
62
|
PortalRenderer = _usePortalProvider2[1];
|
|
65
|
-
|
|
66
|
-
// ED-16320: Check for explicit disable so that by default
|
|
67
|
-
// it will still be enabled as it currently is. Then we can
|
|
68
|
-
// progressively opt out synthetic tenants.
|
|
69
|
-
var isErrorTrackingExplicitlyDisabled = ((_props$performanceTra2 = props.performanceTracking) === null || _props$performanceTra2 === void 0 || (_props$performanceTra2 = _props$performanceTra2.errorTracking) === null || _props$performanceTra2 === void 0 ? void 0 : _props$performanceTra2.enabled) === false;
|
|
70
63
|
return (0, _react2.jsx)(_react.Fragment, null, renderTrackingEnabled && (0, _react2.jsx)(_RenderTracking.RenderTracking, {
|
|
71
64
|
componentProps: props,
|
|
72
65
|
action: _analytics.ACTION.RE_RENDERED,
|
|
@@ -75,7 +68,7 @@ var EditorInternal = exports.EditorInternal = /*#__PURE__*/(0, _react.memo)(func
|
|
|
75
68
|
propsToIgnore: ['defaultValue'],
|
|
76
69
|
useShallow: useShallow
|
|
77
70
|
}), (0, _react2.jsx)(_ErrorBoundary.default, {
|
|
78
|
-
errorTracking:
|
|
71
|
+
errorTracking: true,
|
|
79
72
|
createAnalyticsEvent: createAnalyticsEvent,
|
|
80
73
|
contextIdentifierProvider: props.contextIdentifierProvider,
|
|
81
74
|
featureFlags: featureFlags
|
|
@@ -30,9 +30,9 @@ function useMeasureEditorMountTime(props, getExperienceStore, createAnalyticsEve
|
|
|
30
30
|
(0, _react.useEffect)(function () {
|
|
31
31
|
(0, _performanceMeasures.stopMeasure)(_measureEnum.default.EDITOR_MOUNTED, (0, _sendDurationAnalytics.default)(_analytics.ACTION.EDITOR_MOUNTED, props, getExperienceStore, createAnalyticsEvent));
|
|
32
32
|
return function () {
|
|
33
|
-
var _props$
|
|
33
|
+
var _props$featureFlags;
|
|
34
34
|
(0, _performanceMeasures.clearMeasure)(_measureEnum.default.EDITOR_MOUNTED);
|
|
35
|
-
(
|
|
35
|
+
(0, _performanceMeasures.clearMeasure)(_measureEnum.default.ON_EDITOR_READY_CALLBACK);
|
|
36
36
|
if ((_props$featureFlags = props.featureFlags) !== null && _props$featureFlags !== void 0 && _props$featureFlags.ufo) {
|
|
37
37
|
var _getExperienceStore;
|
|
38
38
|
(_getExperienceStore = getExperienceStore()) === null || _getExperienceStore === void 0 || _getExperienceStore.abortAll({
|
|
@@ -40,17 +40,17 @@ var useMemoEditorProps = exports.useMemoEditorProps = function useMemoEditorProp
|
|
|
40
40
|
onDestroy: passedProps.onDestroy,
|
|
41
41
|
onChange: passedProps.onChange,
|
|
42
42
|
onCancel: passedProps.onCancel,
|
|
43
|
-
inputSamplingLimit: passedProps.inputSamplingLimit,
|
|
44
43
|
extensionProviders: passedProps.extensionProviders,
|
|
45
44
|
UNSAFE_useAnalyticsContext: passedProps.UNSAFE_useAnalyticsContext,
|
|
46
45
|
useStickyToolbar: passedProps.useStickyToolbar,
|
|
47
46
|
featureFlags: passedProps.featureFlags,
|
|
48
47
|
onSave: passedProps.onSave,
|
|
49
|
-
performanceTracking: passedProps.performanceTracking,
|
|
50
48
|
sanitizePrivateContent: passedProps.sanitizePrivateContent,
|
|
51
49
|
media: passedProps.media,
|
|
52
50
|
collabEdit: passedProps.collabEdit,
|
|
53
51
|
primaryToolbarComponents: passedProps.primaryToolbarComponents,
|
|
52
|
+
performanceTracking: passedProps.performanceTracking,
|
|
53
|
+
inputSamplingLimit: passedProps.inputSamplingLimit,
|
|
54
54
|
allowUndoRedoButtons: passedProps.allowUndoRedoButtons,
|
|
55
55
|
linking: passedProps.linking,
|
|
56
56
|
activityProvider: passedProps.activityProvider,
|
|
@@ -114,7 +114,7 @@ var useMemoEditorProps = exports.useMemoEditorProps = function useMemoEditorProp
|
|
|
114
114
|
};
|
|
115
115
|
var nextProps = _objectSpread(_objectSpread({}, defaultProps), allProps);
|
|
116
116
|
return nextProps;
|
|
117
|
-
}, [passedProps.preset, passedProps.appearance, passedProps.contentComponents, passedProps.primaryToolbarIconBefore, passedProps.secondaryToolbarComponents, passedProps.persistScrollGutter, passedProps.quickInsert, passedProps.shouldFocus, passedProps.disabled, passedProps.contextPanel, passedProps.errorReporterHandler, passedProps.contentTransformerProvider, passedProps.maxHeight, passedProps.minHeight, passedProps.placeholder, passedProps.placeholderBracketHint, passedProps.defaultValue, passedProps.assistiveLabel, passedProps.assistiveDescribedBy, passedProps.popupsMountPoint, passedProps.popupsBoundariesElement, passedProps.popupsScrollableElement, passedProps.editorActions, passedProps.onEditorReady, passedProps.onDestroy, passedProps.onChange, passedProps.onCancel, passedProps.
|
|
117
|
+
}, [passedProps.preset, passedProps.appearance, passedProps.contentComponents, passedProps.primaryToolbarIconBefore, passedProps.secondaryToolbarComponents, passedProps.persistScrollGutter, passedProps.quickInsert, passedProps.shouldFocus, passedProps.disabled, passedProps.contextPanel, passedProps.errorReporterHandler, passedProps.contentTransformerProvider, passedProps.maxHeight, passedProps.minHeight, passedProps.placeholder, passedProps.placeholderBracketHint, passedProps.performanceTracking, passedProps.inputSamplingLimit, passedProps.defaultValue, passedProps.assistiveLabel, passedProps.assistiveDescribedBy, passedProps.popupsMountPoint, passedProps.popupsBoundariesElement, passedProps.popupsScrollableElement, passedProps.editorActions, passedProps.onEditorReady, passedProps.onDestroy, passedProps.onChange, passedProps.onCancel, passedProps.extensionProviders, passedProps.UNSAFE_useAnalyticsContext, passedProps.useStickyToolbar, passedProps.featureFlags, passedProps.onSave, passedProps.sanitizePrivateContent, passedProps.media, passedProps.collabEdit, passedProps.primaryToolbarComponents, passedProps.allowUndoRedoButtons, passedProps.linking, passedProps.activityProvider, passedProps.searchProvider, passedProps.annotationProviders, passedProps.collabEditProvider, passedProps.presenceProvider, passedProps.emojiProvider, passedProps.taskDecisionProvider, passedProps.legacyImageUploadProvider, passedProps.mentionProvider, passedProps.autoformattingProvider, passedProps.macroProvider, passedProps.contextIdentifierProvider, passedProps.allowExpand, passedProps.allowNestedTasks, passedProps.allowBlockType, passedProps.allowTasksAndDecisions, passedProps.allowBreakout, passedProps.allowRule, passedProps.allowHelpDialog, passedProps.allowPanel, passedProps.allowExtension, passedProps.allowConfluenceInlineComment, passedProps.allowTemplatePlaceholders, passedProps.allowDate, passedProps.allowLayouts, passedProps.allowStatus, passedProps.allowTextAlignment, passedProps.allowIndentation, passedProps.showIndentationButtons, passedProps.allowFindReplace, passedProps.allowBorderMark, passedProps.allowFragmentMark, passedProps.autoScrollIntoView, passedProps.elementBrowser, passedProps.maxContentSize, passedProps.saveOnEnter, passedProps.feedbackInfo, passedProps.mention, passedProps.mentionInsertDisplayName, passedProps.uploadErrorHandler, passedProps.waitForMediaUpload, passedProps.extensionHandlers, passedProps.allowTextColor, passedProps.allowTables, passedProps.insertMenuItems, passedProps.UNSAFE_cards, passedProps.smartLinks, passedProps.allowAnalyticsGASV3, passedProps.codeBlock, passedProps.textFormatting, passedProps.dangerouslyAppendPlugins, passedProps.__livePage, passedProps.AppearanceComponent]);
|
|
118
118
|
return memodProps;
|
|
119
119
|
};
|
|
120
120
|
var _default = exports.default = useMemoEditorProps;
|
|
@@ -93,7 +93,7 @@ var ReactEditorView = exports.ReactEditorView = /*#__PURE__*/function (_React$Co
|
|
|
93
93
|
(0, _inherits2.default)(ReactEditorView, _React$Component);
|
|
94
94
|
var _super = _createSuper(ReactEditorView);
|
|
95
95
|
function ReactEditorView(props) {
|
|
96
|
-
var _this$props$
|
|
96
|
+
var _this$props$editorPro3, _props$setEditorAPI;
|
|
97
97
|
var _this;
|
|
98
98
|
(0, _classCallCheck2.default)(this, ReactEditorView);
|
|
99
99
|
_this = _super.call(this, props);
|
|
@@ -255,31 +255,20 @@ var ReactEditorView = exports.ReactEditorView = /*#__PURE__*/function (_React$Co
|
|
|
255
255
|
transactions = _ref2.transactions,
|
|
256
256
|
oldEditorState = _ref2.oldEditorState,
|
|
257
257
|
newEditorState = _ref2.newEditorState;
|
|
258
|
-
var trackinEnabled = _this.transactionTracking.enabled;
|
|
259
258
|
_this.config.onEditorViewStateUpdatedCallbacks.forEach(function (entry) {
|
|
260
|
-
trackinEnabled && (0, _performanceMeasures.startMeasure)("\uD83E\uDD89 ".concat(entry.pluginName, "::onEditorViewStateUpdated"));
|
|
261
259
|
entry.callback({
|
|
262
260
|
originalTransaction: originalTransaction,
|
|
263
261
|
transactions: transactions,
|
|
264
262
|
oldEditorState: oldEditorState,
|
|
265
263
|
newEditorState: newEditorState
|
|
266
264
|
});
|
|
267
|
-
trackinEnabled && (0, _performanceMeasures.stopMeasure)("\uD83E\uDD89 ".concat(entry.pluginName, "::onEditorViewStateUpdated"));
|
|
268
265
|
});
|
|
269
266
|
});
|
|
270
267
|
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "dispatchTransaction", function (unsafeTransaction) {
|
|
271
268
|
if (!_this.view) {
|
|
272
269
|
return;
|
|
273
270
|
}
|
|
274
|
-
|
|
275
|
-
var _this$transactionTrac = _this.transactionTracker.getMeasureHelpers(_this.transactionTracking),
|
|
276
|
-
startMeasure = _this$transactionTrac.startMeasure,
|
|
277
|
-
stopMeasure = _this$transactionTrac.stopMeasure;
|
|
278
|
-
startMeasure(_trackTransactions.EVENT_NAME_DISPATCH_TRANSACTION);
|
|
279
|
-
if (_this.transactionTracker.shouldTrackTransaction(_this.transactionTracking)) {
|
|
280
|
-
var _this$experienceStore;
|
|
281
|
-
(_this$experienceStore = _this.experienceStore) === null || _this$experienceStore === void 0 || _this$experienceStore.start(_ufo.EditorExperience.interaction);
|
|
282
|
-
}
|
|
271
|
+
(0, _performanceMeasures.startMeasure)(_trackTransactions.EVENT_NAME_DISPATCH_TRANSACTION);
|
|
283
272
|
var nodes = (0, _findChangedNodesFromTransaction.findChangedNodesFromTransaction)(unsafeTransaction);
|
|
284
273
|
var changedNodesValid = (0, _validateNodes.validateNodes)(nodes);
|
|
285
274
|
var transaction = new Proxy(unsafeTransaction, (0, _saferTransactions.freezeUnsafeTransactionProperties)({
|
|
@@ -290,50 +279,47 @@ var ReactEditorView = exports.ReactEditorView = /*#__PURE__*/function (_React$Co
|
|
|
290
279
|
var oldEditorState = _this.view.state;
|
|
291
280
|
|
|
292
281
|
// go ahead and update the state now we know the transaction is good
|
|
293
|
-
startMeasure(_trackTransactions.EVENT_NAME_STATE_APPLY);
|
|
282
|
+
(0, _performanceMeasures.startMeasure)(_trackTransactions.EVENT_NAME_STATE_APPLY);
|
|
294
283
|
var _this$view$state$appl = _this.view.state.applyTransaction(transaction),
|
|
295
284
|
editorState = _this$view$state$appl.state,
|
|
296
285
|
transactions = _this$view$state$appl.transactions;
|
|
297
|
-
stopMeasure(_trackTransactions.EVENT_NAME_STATE_APPLY, function (duration, startTime) {
|
|
298
|
-
var _this$
|
|
299
|
-
(_this$
|
|
286
|
+
(0, _performanceMeasures.stopMeasure)(_trackTransactions.EVENT_NAME_STATE_APPLY, function (duration, startTime) {
|
|
287
|
+
var _this$experienceStore;
|
|
288
|
+
(_this$experienceStore = _this.experienceStore) === null || _this$experienceStore === void 0 || _this$experienceStore.mark(_ufo.EditorExperience.interaction, 'stateApply', startTime + duration);
|
|
300
289
|
});
|
|
301
290
|
if (editorState === oldEditorState) {
|
|
302
291
|
return;
|
|
303
292
|
}
|
|
304
|
-
startMeasure(_trackTransactions.EVENT_NAME_UPDATE_STATE);
|
|
293
|
+
(0, _performanceMeasures.startMeasure)(_trackTransactions.EVENT_NAME_UPDATE_STATE);
|
|
305
294
|
_this.view.updateState(editorState);
|
|
306
|
-
stopMeasure(_trackTransactions.EVENT_NAME_UPDATE_STATE, function (duration, startTime) {
|
|
307
|
-
var _this$
|
|
308
|
-
(_this$
|
|
295
|
+
(0, _performanceMeasures.stopMeasure)(_trackTransactions.EVENT_NAME_UPDATE_STATE, function (duration, startTime) {
|
|
296
|
+
var _this$experienceStore2;
|
|
297
|
+
(_this$experienceStore2 = _this.experienceStore) === null || _this$experienceStore2 === void 0 || _this$experienceStore2.mark(_ufo.EditorExperience.interaction, 'viewUpdateState', startTime + duration);
|
|
309
298
|
});
|
|
310
299
|
_this.pluginInjectionAPI.onEditorViewUpdated({
|
|
311
300
|
newEditorState: editorState,
|
|
312
301
|
oldEditorState: oldEditorState
|
|
313
302
|
});
|
|
314
|
-
startMeasure(_trackTransactions.EVENT_NAME_VIEW_STATE_UPDATED);
|
|
303
|
+
(0, _performanceMeasures.startMeasure)(_trackTransactions.EVENT_NAME_VIEW_STATE_UPDATED);
|
|
315
304
|
_this.onEditorViewStateUpdated({
|
|
316
305
|
originalTransaction: transaction,
|
|
317
306
|
transactions: transactions,
|
|
318
307
|
oldEditorState: oldEditorState,
|
|
319
308
|
newEditorState: editorState
|
|
320
309
|
});
|
|
321
|
-
stopMeasure(_trackTransactions.EVENT_NAME_VIEW_STATE_UPDATED, function (duration, startTime) {
|
|
322
|
-
var _this$
|
|
323
|
-
(_this$
|
|
310
|
+
(0, _performanceMeasures.stopMeasure)(_trackTransactions.EVENT_NAME_VIEW_STATE_UPDATED, function (duration, startTime) {
|
|
311
|
+
var _this$experienceStore3;
|
|
312
|
+
(_this$experienceStore3 = _this.experienceStore) === null || _this$experienceStore3 === void 0 || _this$experienceStore3.mark(_ufo.EditorExperience.interaction, 'onEditorViewStateUpdated', startTime + duration);
|
|
324
313
|
});
|
|
325
314
|
if (_this.props.editorProps.onChange && transaction.docChanged) {
|
|
326
315
|
var source = transaction.getMeta('isRemote') ? 'remote' : 'local';
|
|
327
|
-
startMeasure(_trackTransactions.EVENT_NAME_ON_CHANGE);
|
|
316
|
+
(0, _performanceMeasures.startMeasure)(_trackTransactions.EVENT_NAME_ON_CHANGE);
|
|
328
317
|
_this.props.editorProps.onChange(_this.view, {
|
|
329
318
|
source: source
|
|
330
319
|
});
|
|
331
|
-
stopMeasure(_trackTransactions.EVENT_NAME_ON_CHANGE, function (duration, startTime) {
|
|
332
|
-
var _this$
|
|
333
|
-
(_this$
|
|
334
|
-
if (((_this$props$editorPro3 = _this.props.editorProps.performanceTracking) === null || _this$props$editorPro3 === void 0 || (_this$props$editorPro3 = _this$props$editorPro3.onChangeCallbackTracking) === null || _this$props$editorPro3 === void 0 ? void 0 : _this$props$editorPro3.enabled) !== true) {
|
|
335
|
-
return;
|
|
336
|
-
}
|
|
320
|
+
(0, _performanceMeasures.stopMeasure)(_trackTransactions.EVENT_NAME_ON_CHANGE, function (duration, startTime) {
|
|
321
|
+
var _this$experienceStore4;
|
|
322
|
+
(_this$experienceStore4 = _this.experienceStore) === null || _this$experienceStore4 === void 0 || _this$experienceStore4.mark(_ufo.EditorExperience.interaction, 'onChange', startTime + duration);
|
|
337
323
|
_this.dispatchAnalyticsEvent({
|
|
338
324
|
action: _analytics.ACTION.ON_CHANGE_CALLBACK,
|
|
339
325
|
actionSubject: _analytics.ACTION_SUBJECT.EDITOR,
|
|
@@ -346,13 +332,12 @@ var ReactEditorView = exports.ReactEditorView = /*#__PURE__*/function (_React$Co
|
|
|
346
332
|
});
|
|
347
333
|
}
|
|
348
334
|
_this.editorState = editorState;
|
|
349
|
-
stopMeasure(_trackTransactions.EVENT_NAME_DISPATCH_TRANSACTION, function (duration, startTime) {
|
|
350
|
-
var _this$
|
|
351
|
-
(_this$
|
|
352
|
-
(_this$
|
|
335
|
+
(0, _performanceMeasures.stopMeasure)(_trackTransactions.EVENT_NAME_DISPATCH_TRANSACTION, function (duration, startTime) {
|
|
336
|
+
var _this$experienceStore5, _this$experienceStore6;
|
|
337
|
+
(_this$experienceStore5 = _this.experienceStore) === null || _this$experienceStore5 === void 0 || _this$experienceStore5.mark(_ufo.EditorExperience.interaction, 'dispatchTransaction', startTime + duration);
|
|
338
|
+
(_this$experienceStore6 = _this.experienceStore) === null || _this$experienceStore6 === void 0 || _this$experienceStore6.success(_ufo.EditorExperience.interaction);
|
|
353
339
|
});
|
|
354
340
|
} else {
|
|
355
|
-
var _this$experienceStore8;
|
|
356
341
|
var invalidNodes = nodes.filter(function (node) {
|
|
357
342
|
return !(0, _validateNodes.validNode)(node);
|
|
358
343
|
}).map(function (node) {
|
|
@@ -360,20 +345,14 @@ var ReactEditorView = exports.ReactEditorView = /*#__PURE__*/function (_React$Co
|
|
|
360
345
|
compact: true
|
|
361
346
|
});
|
|
362
347
|
});
|
|
363
|
-
|
|
364
|
-
|
|
365
|
-
|
|
366
|
-
|
|
367
|
-
|
|
368
|
-
|
|
369
|
-
|
|
370
|
-
|
|
371
|
-
}
|
|
372
|
-
});
|
|
373
|
-
}
|
|
374
|
-
(_this$experienceStore8 = _this.experienceStore) === null || _this$experienceStore8 === void 0 || _this$experienceStore8.fail(_ufo.EditorExperience.interaction, {
|
|
375
|
-
reason: 'invalid transaction',
|
|
376
|
-
invalidNodes: invalidNodes.toString()
|
|
348
|
+
_this.dispatchAnalyticsEvent({
|
|
349
|
+
action: _analytics.ACTION.DISPATCHED_INVALID_TRANSACTION,
|
|
350
|
+
actionSubject: _analytics.ACTION_SUBJECT.EDITOR,
|
|
351
|
+
eventType: _analytics.EVENT_TYPE.OPERATIONAL,
|
|
352
|
+
attributes: {
|
|
353
|
+
analyticsEventPayloads: (0, _analytics.getAnalyticsEventsFromTransaction)(transaction),
|
|
354
|
+
invalidNodes: invalidNodes
|
|
355
|
+
}
|
|
377
356
|
});
|
|
378
357
|
}
|
|
379
358
|
});
|
|
@@ -399,15 +378,12 @@ var ReactEditorView = exports.ReactEditorView = /*#__PURE__*/function (_React$Co
|
|
|
399
378
|
});
|
|
400
379
|
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "createEditorView", function (node) {
|
|
401
380
|
(0, _measureRender.measureRender)(_measureEnum.default.PROSEMIRROR_RENDERED, function (_ref3) {
|
|
402
|
-
var _this$props$editorPro4, _proseMirrorRenderedT, _proseMirrorRenderedT2;
|
|
403
381
|
var duration = _ref3.duration,
|
|
404
382
|
startTime = _ref3.startTime,
|
|
405
383
|
distortedDuration = _ref3.distortedDuration;
|
|
406
|
-
|
|
407
|
-
var forceSeverityTracking = typeof proseMirrorRenderedTracking === 'undefined';
|
|
408
|
-
_this.proseMirrorRenderedSeverity = !!forceSeverityTracking || proseMirrorRenderedTracking !== null && proseMirrorRenderedTracking !== void 0 && proseMirrorRenderedTracking.trackSeverity ? (0, _analytics2.getAnalyticsEventSeverity)(duration, (_proseMirrorRenderedT = proseMirrorRenderedTracking === null || proseMirrorRenderedTracking === void 0 ? void 0 : proseMirrorRenderedTracking.severityNormalThreshold) !== null && _proseMirrorRenderedT !== void 0 ? _proseMirrorRenderedT : _consts.PROSEMIRROR_RENDERED_NORMAL_SEVERITY_THRESHOLD, (_proseMirrorRenderedT2 = proseMirrorRenderedTracking === null || proseMirrorRenderedTracking === void 0 ? void 0 : proseMirrorRenderedTracking.severityDegradedThreshold) !== null && _proseMirrorRenderedT2 !== void 0 ? _proseMirrorRenderedT2 : _consts.PROSEMIRROR_RENDERED_DEGRADED_SEVERITY_THRESHOLD) : undefined;
|
|
384
|
+
_this.proseMirrorRenderedSeverity = (0, _analytics2.getAnalyticsEventSeverity)(duration, _consts.PROSEMIRROR_RENDERED_NORMAL_SEVERITY_THRESHOLD, _consts.PROSEMIRROR_RENDERED_DEGRADED_SEVERITY_THRESHOLD);
|
|
409
385
|
if (_this.view) {
|
|
410
|
-
var _this$pluginInjection2, _this$
|
|
386
|
+
var _this$pluginInjection2, _this$experienceStore8;
|
|
411
387
|
var nodes = (0, _getNodesCount.getNodesCount)(_this.view.state.doc);
|
|
412
388
|
var ttfb = (0, _navigation.getResponseEndTime)();
|
|
413
389
|
var contextIdentifier = (_this$pluginInjection2 = _this.pluginInjectionAPI.api().base) === null || _this$pluginInjection2 === void 0 ? void 0 : _this$pluginInjection2.sharedState.currentState();
|
|
@@ -426,10 +402,10 @@ var ReactEditorView = exports.ReactEditorView = /*#__PURE__*/function (_React$Co
|
|
|
426
402
|
eventType: _analytics.EVENT_TYPE.OPERATIONAL
|
|
427
403
|
});
|
|
428
404
|
if (!distortedDuration) {
|
|
429
|
-
var _this$
|
|
430
|
-
(_this$
|
|
405
|
+
var _this$experienceStore7;
|
|
406
|
+
(_this$experienceStore7 = _this.experienceStore) === null || _this$experienceStore7 === void 0 || _this$experienceStore7.mark(_ufo.EditorExperience.loadEditor, _analytics.ACTION.PROSEMIRROR_RENDERED, startTime + duration);
|
|
431
407
|
}
|
|
432
|
-
(_this$
|
|
408
|
+
(_this$experienceStore8 = _this.experienceStore) === null || _this$experienceStore8 === void 0 || _this$experienceStore8.addMetadata(_ufo.EditorExperience.loadEditor, {
|
|
433
409
|
nodes: nodes,
|
|
434
410
|
ttfb: ttfb
|
|
435
411
|
});
|
|
@@ -466,11 +442,11 @@ var ReactEditorView = exports.ReactEditorView = /*#__PURE__*/function (_React$Co
|
|
|
466
442
|
reliabilityInterval: _ufo.RELIABILITY_INTERVAL
|
|
467
443
|
});
|
|
468
444
|
_this.reliabilityInterval = window.setInterval(function () {
|
|
469
|
-
var _this$
|
|
470
|
-
(_this$
|
|
471
|
-
var _this$
|
|
472
|
-
(_this$
|
|
473
|
-
(_this$
|
|
445
|
+
var _this$experienceStore9;
|
|
446
|
+
(_this$experienceStore9 = _this.experienceStore) === null || _this$experienceStore9 === void 0 || (_this$experienceStore9 = _this$experienceStore9.success(_ufo.EditorExperience.editSession)) === null || _this$experienceStore9 === void 0 || _this$experienceStore9.finally(function () {
|
|
447
|
+
var _this$experienceStore10, _this$experienceStore11;
|
|
448
|
+
(_this$experienceStore10 = _this.experienceStore) === null || _this$experienceStore10 === void 0 || _this$experienceStore10.start(_ufo.EditorExperience.editSession);
|
|
449
|
+
(_this$experienceStore11 = _this.experienceStore) === null || _this$experienceStore11 === void 0 || _this$experienceStore11.addMetadata(_ufo.EditorExperience.editSession, {
|
|
474
450
|
reliabilityInterval: _ufo.RELIABILITY_INTERVAL
|
|
475
451
|
});
|
|
476
452
|
});
|
|
@@ -541,7 +517,7 @@ var ReactEditorView = exports.ReactEditorView = /*#__PURE__*/function (_React$Co
|
|
|
541
517
|
"data-editor-id": _this.editorId
|
|
542
518
|
});
|
|
543
519
|
});
|
|
544
|
-
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "editor", _this.createEditor(_this.props.editorProps.assistiveLabel, (_this$props$
|
|
520
|
+
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "editor", _this.createEditor(_this.props.editorProps.assistiveLabel, (_this$props$editorPro3 = _this.props.editorProps) === null || _this$props$editorPro3 === void 0 ? void 0 : _this$props$editorPro3.assistiveDescribedBy));
|
|
545
521
|
_this.pluginInjectionAPI = new _preset.EditorPluginInjectionAPI({
|
|
546
522
|
getEditorState: _this.getEditorState,
|
|
547
523
|
getEditorView: _this.getEditorView
|
|
@@ -551,17 +527,12 @@ var ReactEditorView = exports.ReactEditorView = /*#__PURE__*/function (_React$Co
|
|
|
551
527
|
_this.eventDispatcher = new _eventDispatcher.EventDispatcher();
|
|
552
528
|
_this.dispatch = (0, _eventDispatcher.createDispatch)(_this.eventDispatcher);
|
|
553
529
|
_this.errorReporter = (0, _createEditor.createErrorReporter)(props.editorProps.errorReporterHandler);
|
|
554
|
-
_this.transactionTracker = new _trackTransactions.TransactionTracker();
|
|
555
530
|
_this.pluginPerformanceObserver = new _pluginPerformanceObserver.PluginPerformanceObserver(function (report) {
|
|
556
531
|
return _this.onPluginObservation(report);
|
|
557
532
|
}).withPlugins(function () {
|
|
558
533
|
return _this.getPluginNames();
|
|
559
534
|
}).withNodeCounts(function () {
|
|
560
535
|
return _this.countNodes();
|
|
561
|
-
}).withOptions(function () {
|
|
562
|
-
return _this.transactionTracking;
|
|
563
|
-
}).withTransactionTracker(function () {
|
|
564
|
-
return _this.transactionTracker;
|
|
565
536
|
});
|
|
566
537
|
_this.featureFlags = (0, _featureFlagsFromProps.createFeatureFlagsFromProps)(_this.props.editorProps);
|
|
567
538
|
var featureFlagsEnabled = _this.featureFlags ? (0, _normalizeFeatureFlags.getEnabledFeatureFlagKeys)(_this.featureFlags) : [];
|
|
@@ -576,29 +547,23 @@ var ReactEditorView = exports.ReactEditorView = /*#__PURE__*/function (_React$Co
|
|
|
576
547
|
// ED-4759: Don't set selection at end for full-page editor - should be at start.
|
|
577
548
|
selectionAtStart: (0, _isFullPage.isFullPage)(props.editorProps.appearance)
|
|
578
549
|
});
|
|
579
|
-
|
|
580
|
-
|
|
581
|
-
|
|
582
|
-
|
|
583
|
-
|
|
584
|
-
|
|
585
|
-
|
|
586
|
-
|
|
587
|
-
|
|
588
|
-
attributes: {
|
|
589
|
-
platform: _analytics.PLATFORMS.WEB,
|
|
590
|
-
featureFlags: featureFlagsEnabled
|
|
591
|
-
},
|
|
592
|
-
eventType: _analytics.EVENT_TYPE.UI
|
|
593
|
-
});
|
|
594
|
-
}
|
|
550
|
+
_this.dispatchAnalyticsEvent({
|
|
551
|
+
action: _analytics.ACTION.STARTED,
|
|
552
|
+
actionSubject: _analytics.ACTION_SUBJECT.EDITOR,
|
|
553
|
+
attributes: {
|
|
554
|
+
platform: _analytics.PLATFORMS.WEB,
|
|
555
|
+
featureFlags: featureFlagsEnabled
|
|
556
|
+
},
|
|
557
|
+
eventType: _analytics.EVENT_TYPE.UI
|
|
558
|
+
});
|
|
595
559
|
return _this;
|
|
596
560
|
}
|
|
597
561
|
(0, _createClass2.default)(ReactEditorView, [{
|
|
598
562
|
key: "transactionTracking",
|
|
599
|
-
get:
|
|
600
|
-
|
|
601
|
-
|
|
563
|
+
get:
|
|
564
|
+
//TODO: clean up
|
|
565
|
+
function get() {
|
|
566
|
+
return {
|
|
602
567
|
enabled: false
|
|
603
568
|
};
|
|
604
569
|
}
|
|
@@ -615,19 +580,10 @@ var ReactEditorView = exports.ReactEditorView = /*#__PURE__*/function (_React$Co
|
|
|
615
580
|
value: function countNodes() {
|
|
616
581
|
return (0, _countNodes2.countNodes)(this.editorState);
|
|
617
582
|
}
|
|
618
|
-
}, {
|
|
619
|
-
key: "isTransactionTrackingExplicitlyDisabled",
|
|
620
|
-
value: function isTransactionTrackingExplicitlyDisabled() {
|
|
621
|
-
var _this$props$editorPro8;
|
|
622
|
-
// ED-16320: Check for explicit disable so that by default
|
|
623
|
-
// it will still be enabled as it currently is. Then we can
|
|
624
|
-
// progressively opt out synthetic tenants.
|
|
625
|
-
return ((_this$props$editorPro8 = this.props.editorProps) === null || _this$props$editorPro8 === void 0 || (_this$props$editorPro8 = _this$props$editorPro8.performanceTracking) === null || _this$props$editorPro8 === void 0 || (_this$props$editorPro8 = _this$props$editorPro8.transactionTracking) === null || _this$props$editorPro8 === void 0 ? void 0 : _this$props$editorPro8.enabled) === false;
|
|
626
|
-
}
|
|
627
583
|
}, {
|
|
628
584
|
key: "UNSAFE_componentWillReceiveProps",
|
|
629
585
|
value: function UNSAFE_componentWillReceiveProps(nextProps) {
|
|
630
|
-
var _nextProps$editorProp, _this$props$
|
|
586
|
+
var _nextProps$editorProp, _this$props$editorPro4;
|
|
631
587
|
if (this.view && this.props.editorProps.disabled !== nextProps.editorProps.disabled) {
|
|
632
588
|
// Disables the contentEditable attribute of the editor if the editor is disabled
|
|
633
589
|
this.view.setProps({
|
|
@@ -657,10 +613,7 @@ var ReactEditorView = exports.ReactEditorView = /*#__PURE__*/function (_React$Co
|
|
|
657
613
|
});
|
|
658
614
|
}
|
|
659
615
|
}
|
|
660
|
-
if (
|
|
661
|
-
this.pluginPerformanceObserver.disconnect();
|
|
662
|
-
}
|
|
663
|
-
if (nextProps.editorProps.assistiveLabel !== this.props.editorProps.assistiveLabel || ((_nextProps$editorProp = nextProps.editorProps) === null || _nextProps$editorProp === void 0 ? void 0 : _nextProps$editorProp.assistiveDescribedBy) !== ((_this$props$editorPro9 = this.props.editorProps) === null || _this$props$editorPro9 === void 0 ? void 0 : _this$props$editorPro9.assistiveDescribedBy)) {
|
|
616
|
+
if (nextProps.editorProps.assistiveLabel !== this.props.editorProps.assistiveLabel || ((_nextProps$editorProp = nextProps.editorProps) === null || _nextProps$editorProp === void 0 ? void 0 : _nextProps$editorProp.assistiveDescribedBy) !== ((_this$props$editorPro4 = this.props.editorProps) === null || _this$props$editorPro4 === void 0 ? void 0 : _this$props$editorPro4.assistiveDescribedBy)) {
|
|
664
617
|
var _nextProps$editorProp2;
|
|
665
618
|
this.editor = this.createEditor(nextProps.editorProps.assistiveLabel, (_nextProps$editorProp2 = nextProps.editorProps) === null || _nextProps$editorProp2 === void 0 ? void 0 : _nextProps$editorProp2.assistiveDescribedBy);
|
|
666
619
|
}
|
|
@@ -716,9 +669,6 @@ var ReactEditorView = exports.ReactEditorView = /*#__PURE__*/function (_React$Co
|
|
|
716
669
|
// we do so here so that we can intercept and abort asynchronous
|
|
717
670
|
// ProseMirror transactions when a dismount is imminent.
|
|
718
671
|
this.canDispatchTransactions = true;
|
|
719
|
-
if (this.transactionTracking.enabled) {
|
|
720
|
-
this.pluginPerformanceObserver.observe();
|
|
721
|
-
}
|
|
722
672
|
}
|
|
723
673
|
|
|
724
674
|
/**
|
|
@@ -761,10 +711,9 @@ var ReactEditorView = exports.ReactEditorView = /*#__PURE__*/function (_React$Co
|
|
|
761
711
|
}, {
|
|
762
712
|
key: "render",
|
|
763
713
|
value: function render() {
|
|
764
|
-
var _this$props$
|
|
765
|
-
var
|
|
766
|
-
var
|
|
767
|
-
var useShallow = renderTracking === null || renderTracking === void 0 ? void 0 : renderTracking.useShallow;
|
|
714
|
+
var _this$props$render, _this$props$render2, _this$props;
|
|
715
|
+
var renderTrackingEnabled = true;
|
|
716
|
+
var useShallow = true;
|
|
768
717
|
return /*#__PURE__*/_react.default.createElement(_ReactEditorViewContext.default.Provider, {
|
|
769
718
|
value: {
|
|
770
719
|
editorRef: this.editorRef,
|
|
@@ -31,9 +31,8 @@ function getScrollGutterOptions(props) {
|
|
|
31
31
|
function getDefaultPresetOptionsFromEditorProps(props, createAnalyticsEvent
|
|
32
32
|
// Omit placeholder since it's an existing prop in `DefaultPresetPluginOptions` and will get overidden there
|
|
33
33
|
) {
|
|
34
|
-
var _props$
|
|
34
|
+
var _props$linking, _props$textFormatting, _props$linking2;
|
|
35
35
|
var appearance = props.appearance;
|
|
36
|
-
var inputTracking = (_props$performanceTra = props.performanceTracking) === null || _props$performanceTra === void 0 ? void 0 : _props$performanceTra.inputTracking;
|
|
37
36
|
var cardOptions = ((_props$linking = props.linking) === null || _props$linking === void 0 ? void 0 : _props$linking.smartLinks) || props.smartLinks || props.UNSAFE_cards;
|
|
38
37
|
return _objectSpread(_objectSpread({}, props), {}, {
|
|
39
38
|
createAnalyticsEvent: createAnalyticsEvent,
|
|
@@ -48,8 +47,6 @@ function getDefaultPresetOptionsFromEditorProps(props, createAnalyticsEvent
|
|
|
48
47
|
base: {
|
|
49
48
|
allowInlineCursorTarget: true,
|
|
50
49
|
allowScrollGutter: getScrollGutterOptions(props),
|
|
51
|
-
inputTracking: inputTracking,
|
|
52
|
-
browserFreezeTracking: (_props$performanceTra2 = props.performanceTracking) === null || _props$performanceTra2 === void 0 ? void 0 : _props$performanceTra2.bFreezeTracking,
|
|
53
50
|
ufo: (0, _featureFlagsFromProps.createFeatureFlagsFromProps)(props).ufo
|
|
54
51
|
},
|
|
55
52
|
blockType: {
|
|
@@ -32,10 +32,10 @@ function getSpellCheck(featureFlags) {
|
|
|
32
32
|
* which is used by both current and archv3 editors.
|
|
33
33
|
*/
|
|
34
34
|
function createFeatureFlagsFromProps(props) {
|
|
35
|
-
var _props$
|
|
35
|
+
var _props$featureFlags, _props$featureFlags2, _props$featureFlags3, _props$featureFlags4, _props$featureFlags5, _props$featureFlags6, _props$featureFlags7, _props$featureFlags8, _props$featureFlags9, _props$featureFlags10, _props$featureFlags11, _props$featureFlags12, _props$featureFlags13, _props$featureFlags14, _props$collabEdit, _props$collabEdit2;
|
|
36
36
|
var normalizedFeatureFlags = (0, _normalizeFeatureFlags.normalizeFeatureFlags)(props.featureFlags);
|
|
37
37
|
return _objectSpread(_objectSpread({}, normalizedFeatureFlags), {}, {
|
|
38
|
-
catchAllTracking:
|
|
38
|
+
catchAllTracking: false,
|
|
39
39
|
showAvatarGroupAsPlugin: Boolean(typeof ((_props$featureFlags = props.featureFlags) === null || _props$featureFlags === void 0 ? void 0 : _props$featureFlags.showAvatarGroupAsPlugin) === 'boolean' ? !!((_props$featureFlags2 = props.featureFlags) !== null && _props$featureFlags2 !== void 0 && _props$featureFlags2.showAvatarGroupAsPlugin) : false),
|
|
40
40
|
errorBoundaryDocStructure: Boolean(typeof ((_props$featureFlags3 = props.featureFlags) === null || _props$featureFlags3 === void 0 ? void 0 : _props$featureFlags3.useErrorBoundaryDocStructure) === 'boolean' ? !!((_props$featureFlags4 = props.featureFlags) !== null && _props$featureFlags4 !== void 0 && _props$featureFlags4.useErrorBoundaryDocStructure) : false),
|
|
41
41
|
synchronyErrorDocStructure: Boolean(typeof ((_props$featureFlags5 = props.featureFlags) === null || _props$featureFlags5 === void 0 ? void 0 : _props$featureFlags5.synchronyErrorDocStructure) === 'boolean' ? !!((_props$featureFlags6 = props.featureFlags) !== null && _props$featureFlags6 !== void 0 && _props$featureFlags6.synchronyErrorDocStructure) : false),
|
|
@@ -56,7 +56,6 @@ function Editor(passedProps) {
|
|
|
56
56
|
const {
|
|
57
57
|
contextIdentifierProvider,
|
|
58
58
|
onEditorReady,
|
|
59
|
-
performanceTracking,
|
|
60
59
|
featureFlags
|
|
61
60
|
} = propsRef.current;
|
|
62
61
|
editorActions._privateRegisterEditor(instance.view, instance.eventDispatcher, instance.transformer, getFeatureFlagsFromRef);
|
|
@@ -66,11 +65,9 @@ function Editor(passedProps) {
|
|
|
66
65
|
(_experienceStore$curr = experienceStore.current) === null || _experienceStore$curr === void 0 ? void 0 : _experienceStore$curr.start(EditorExperience.loadEditor, startTime.current);
|
|
67
66
|
}
|
|
68
67
|
if (onEditorReady) {
|
|
69
|
-
|
|
70
|
-
const measureEditorReady = (performanceTracking === null || performanceTracking === void 0 ? void 0 : (_performanceTracking$ = performanceTracking.onEditorReadyCallbackTracking) === null || _performanceTracking$ === void 0 ? void 0 : _performanceTracking$.enabled) || (featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.ufo);
|
|
71
|
-
measureEditorReady && startMeasure(measurements.ON_EDITOR_READY_CALLBACK);
|
|
68
|
+
startMeasure(measurements.ON_EDITOR_READY_CALLBACK);
|
|
72
69
|
onEditorReady(editorActions);
|
|
73
|
-
|
|
70
|
+
stopMeasure(measurements.ON_EDITOR_READY_CALLBACK, sendDurationAnalytics(ACTION.ON_EDITOR_READY_CALLBACK, {
|
|
74
71
|
contextIdentifierProvider,
|
|
75
72
|
featureFlags
|
|
76
73
|
}, getExperienceStore, createAnalyticsEvent));
|
|
@@ -41,7 +41,6 @@ export const EditorInternal = /*#__PURE__*/memo(({
|
|
|
41
41
|
preset,
|
|
42
42
|
AppearanceComponent
|
|
43
43
|
}) => {
|
|
44
|
-
var _props$performanceTra, _props$performanceTra2, _props$performanceTra3, _props$performanceTra4;
|
|
45
44
|
const overriddenEditorProps = {
|
|
46
45
|
...props,
|
|
47
46
|
onSave: props.onSave ? handleSave : undefined,
|
|
@@ -49,15 +48,9 @@ export const EditorInternal = /*#__PURE__*/memo(({
|
|
|
49
48
|
analyticsHandler: undefined
|
|
50
49
|
};
|
|
51
50
|
const featureFlags = createFeatureFlagsFromProps(props);
|
|
52
|
-
const
|
|
53
|
-
const
|
|
54
|
-
const useShallow = renderTracking === null || renderTracking === void 0 ? void 0 : renderTracking.useShallow;
|
|
51
|
+
const renderTrackingEnabled = true;
|
|
52
|
+
const useShallow = false;
|
|
55
53
|
const [portalProviderAPI, PortalRenderer] = usePortalProvider();
|
|
56
|
-
|
|
57
|
-
// ED-16320: Check for explicit disable so that by default
|
|
58
|
-
// it will still be enabled as it currently is. Then we can
|
|
59
|
-
// progressively opt out synthetic tenants.
|
|
60
|
-
const isErrorTrackingExplicitlyDisabled = ((_props$performanceTra3 = props.performanceTracking) === null || _props$performanceTra3 === void 0 ? void 0 : (_props$performanceTra4 = _props$performanceTra3.errorTracking) === null || _props$performanceTra4 === void 0 ? void 0 : _props$performanceTra4.enabled) === false;
|
|
61
54
|
return jsx(Fragment, null, renderTrackingEnabled && jsx(RenderTracking, {
|
|
62
55
|
componentProps: props,
|
|
63
56
|
action: ACTION.RE_RENDERED,
|
|
@@ -66,7 +59,7 @@ export const EditorInternal = /*#__PURE__*/memo(({
|
|
|
66
59
|
propsToIgnore: ['defaultValue'],
|
|
67
60
|
useShallow: useShallow
|
|
68
61
|
}), jsx(ErrorBoundary, {
|
|
69
|
-
errorTracking:
|
|
62
|
+
errorTracking: true,
|
|
70
63
|
createAnalyticsEvent: createAnalyticsEvent,
|
|
71
64
|
contextIdentifierProvider: props.contextIdentifierProvider,
|
|
72
65
|
featureFlags: featureFlags
|
|
@@ -23,9 +23,9 @@ export default function useMeasureEditorMountTime(props, getExperienceStore, cre
|
|
|
23
23
|
useEffect(() => {
|
|
24
24
|
stopMeasure(measurements.EDITOR_MOUNTED, sendDurationAnalytics(ACTION.EDITOR_MOUNTED, props, getExperienceStore, createAnalyticsEvent));
|
|
25
25
|
return () => {
|
|
26
|
-
var _props$
|
|
26
|
+
var _props$featureFlags;
|
|
27
27
|
clearMeasure(measurements.EDITOR_MOUNTED);
|
|
28
|
-
|
|
28
|
+
clearMeasure(measurements.ON_EDITOR_READY_CALLBACK);
|
|
29
29
|
if ((_props$featureFlags = props.featureFlags) !== null && _props$featureFlags !== void 0 && _props$featureFlags.ufo) {
|
|
30
30
|
var _getExperienceStore;
|
|
31
31
|
(_getExperienceStore = getExperienceStore()) === null || _getExperienceStore === void 0 ? void 0 : _getExperienceStore.abortAll({
|
|
@@ -30,17 +30,17 @@ export const useMemoEditorProps = passedProps => {
|
|
|
30
30
|
onDestroy: passedProps.onDestroy,
|
|
31
31
|
onChange: passedProps.onChange,
|
|
32
32
|
onCancel: passedProps.onCancel,
|
|
33
|
-
inputSamplingLimit: passedProps.inputSamplingLimit,
|
|
34
33
|
extensionProviders: passedProps.extensionProviders,
|
|
35
34
|
UNSAFE_useAnalyticsContext: passedProps.UNSAFE_useAnalyticsContext,
|
|
36
35
|
useStickyToolbar: passedProps.useStickyToolbar,
|
|
37
36
|
featureFlags: passedProps.featureFlags,
|
|
38
37
|
onSave: passedProps.onSave,
|
|
39
|
-
performanceTracking: passedProps.performanceTracking,
|
|
40
38
|
sanitizePrivateContent: passedProps.sanitizePrivateContent,
|
|
41
39
|
media: passedProps.media,
|
|
42
40
|
collabEdit: passedProps.collabEdit,
|
|
43
41
|
primaryToolbarComponents: passedProps.primaryToolbarComponents,
|
|
42
|
+
performanceTracking: passedProps.performanceTracking,
|
|
43
|
+
inputSamplingLimit: passedProps.inputSamplingLimit,
|
|
44
44
|
allowUndoRedoButtons: passedProps.allowUndoRedoButtons,
|
|
45
45
|
linking: passedProps.linking,
|
|
46
46
|
activityProvider: passedProps.activityProvider,
|
|
@@ -107,7 +107,7 @@ export const useMemoEditorProps = passedProps => {
|
|
|
107
107
|
...allProps
|
|
108
108
|
};
|
|
109
109
|
return nextProps;
|
|
110
|
-
}, [passedProps.preset, passedProps.appearance, passedProps.contentComponents, passedProps.primaryToolbarIconBefore, passedProps.secondaryToolbarComponents, passedProps.persistScrollGutter, passedProps.quickInsert, passedProps.shouldFocus, passedProps.disabled, passedProps.contextPanel, passedProps.errorReporterHandler, passedProps.contentTransformerProvider, passedProps.maxHeight, passedProps.minHeight, passedProps.placeholder, passedProps.placeholderBracketHint, passedProps.defaultValue, passedProps.assistiveLabel, passedProps.assistiveDescribedBy, passedProps.popupsMountPoint, passedProps.popupsBoundariesElement, passedProps.popupsScrollableElement, passedProps.editorActions, passedProps.onEditorReady, passedProps.onDestroy, passedProps.onChange, passedProps.onCancel, passedProps.
|
|
110
|
+
}, [passedProps.preset, passedProps.appearance, passedProps.contentComponents, passedProps.primaryToolbarIconBefore, passedProps.secondaryToolbarComponents, passedProps.persistScrollGutter, passedProps.quickInsert, passedProps.shouldFocus, passedProps.disabled, passedProps.contextPanel, passedProps.errorReporterHandler, passedProps.contentTransformerProvider, passedProps.maxHeight, passedProps.minHeight, passedProps.placeholder, passedProps.placeholderBracketHint, passedProps.performanceTracking, passedProps.inputSamplingLimit, passedProps.defaultValue, passedProps.assistiveLabel, passedProps.assistiveDescribedBy, passedProps.popupsMountPoint, passedProps.popupsBoundariesElement, passedProps.popupsScrollableElement, passedProps.editorActions, passedProps.onEditorReady, passedProps.onDestroy, passedProps.onChange, passedProps.onCancel, passedProps.extensionProviders, passedProps.UNSAFE_useAnalyticsContext, passedProps.useStickyToolbar, passedProps.featureFlags, passedProps.onSave, passedProps.sanitizePrivateContent, passedProps.media, passedProps.collabEdit, passedProps.primaryToolbarComponents, passedProps.allowUndoRedoButtons, passedProps.linking, passedProps.activityProvider, passedProps.searchProvider, passedProps.annotationProviders, passedProps.collabEditProvider, passedProps.presenceProvider, passedProps.emojiProvider, passedProps.taskDecisionProvider, passedProps.legacyImageUploadProvider, passedProps.mentionProvider, passedProps.autoformattingProvider, passedProps.macroProvider, passedProps.contextIdentifierProvider, passedProps.allowExpand, passedProps.allowNestedTasks, passedProps.allowBlockType, passedProps.allowTasksAndDecisions, passedProps.allowBreakout, passedProps.allowRule, passedProps.allowHelpDialog, passedProps.allowPanel, passedProps.allowExtension, passedProps.allowConfluenceInlineComment, passedProps.allowTemplatePlaceholders, passedProps.allowDate, passedProps.allowLayouts, passedProps.allowStatus, passedProps.allowTextAlignment, passedProps.allowIndentation, passedProps.showIndentationButtons, passedProps.allowFindReplace, passedProps.allowBorderMark, passedProps.allowFragmentMark, passedProps.autoScrollIntoView, passedProps.elementBrowser, passedProps.maxContentSize, passedProps.saveOnEnter, passedProps.feedbackInfo, passedProps.mention, passedProps.mentionInsertDisplayName, passedProps.uploadErrorHandler, passedProps.waitForMediaUpload, passedProps.extensionHandlers, passedProps.allowTextColor, passedProps.allowTables, passedProps.insertMenuItems, passedProps.UNSAFE_cards, passedProps.smartLinks, passedProps.allowAnalyticsGASV3, passedProps.codeBlock, passedProps.textFormatting, passedProps.dangerouslyAppendPlugins, passedProps.__livePage, passedProps.AppearanceComponent]);
|
|
111
111
|
return memodProps;
|
|
112
112
|
};
|
|
113
113
|
export default useMemoEditorProps;
|