@atlaskit/editor-core 198.6.10 → 198.7.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 (55) hide show
  1. package/CHANGELOG.md +17 -0
  2. package/dist/cjs/composable-editor/core-editor.js +2 -5
  3. package/dist/cjs/composable-editor/editor-internal.js +3 -10
  4. package/dist/cjs/composable-editor/hooks/useMeasureEditorMountTime.js +2 -2
  5. package/dist/cjs/composable-editor/hooks/useMemoEditorProps.js +3 -3
  6. package/dist/cjs/create-editor/ReactEditorView.js +59 -110
  7. package/dist/cjs/create-editor/create-plugins-list.js +1 -4
  8. package/dist/cjs/create-editor/feature-flags-from-props.js +2 -2
  9. package/dist/cjs/ui/ToolbarHelp/index.js +41 -12
  10. package/dist/cjs/version-wrapper.js +1 -1
  11. package/dist/es2019/composable-editor/core-editor.js +2 -5
  12. package/dist/es2019/composable-editor/editor-internal.js +3 -10
  13. package/dist/es2019/composable-editor/hooks/useMeasureEditorMountTime.js +2 -2
  14. package/dist/es2019/composable-editor/hooks/useMemoEditorProps.js +3 -3
  15. package/dist/es2019/create-editor/ReactEditorView.js +51 -100
  16. package/dist/es2019/create-editor/create-plugins-list.js +1 -4
  17. package/dist/es2019/create-editor/feature-flags-from-props.js +2 -2
  18. package/dist/es2019/index.js +5 -0
  19. package/dist/es2019/ui/ToolbarHelp/index.js +41 -10
  20. package/dist/es2019/version-wrapper.js +1 -1
  21. package/dist/esm/composable-editor/core-editor.js +2 -5
  22. package/dist/esm/composable-editor/editor-internal.js +3 -10
  23. package/dist/esm/composable-editor/hooks/useMeasureEditorMountTime.js +2 -2
  24. package/dist/esm/composable-editor/hooks/useMemoEditorProps.js +3 -3
  25. package/dist/esm/create-editor/ReactEditorView.js +50 -101
  26. package/dist/esm/create-editor/create-plugins-list.js +1 -4
  27. package/dist/esm/create-editor/feature-flags-from-props.js +2 -2
  28. package/dist/esm/index.js +5 -0
  29. package/dist/esm/ui/ToolbarHelp/index.js +41 -12
  30. package/dist/esm/version-wrapper.js +1 -1
  31. package/dist/types/create-editor/ReactEditorView.d.ts +3 -4
  32. package/dist/types/create-editor/create-universal-preset.d.ts +76 -0
  33. package/dist/types/editor-appearances/ChromelessEditor.d.ts +1 -1
  34. package/dist/types/editor-appearances/CommentEditor.d.ts +1 -1
  35. package/dist/types/editor-appearances/FullPageEditor.d.ts +1 -1
  36. package/dist/types/editor-appearances/FullWidthEditor.d.ts +1 -1
  37. package/dist/types/index.d.ts +5 -0
  38. package/dist/types/presets/default.d.ts +36 -0
  39. package/dist/types/presets/universal.d.ts +76 -0
  40. package/dist/types/presets/useUniversalPreset.d.ts +76 -0
  41. package/dist/types/types/editor-props.d.ts +2 -1
  42. package/dist/types/ui/ToolbarHelp/index.d.ts +3 -0
  43. package/dist/types-ts4.5/create-editor/ReactEditorView.d.ts +3 -4
  44. package/dist/types-ts4.5/create-editor/create-universal-preset.d.ts +76 -0
  45. package/dist/types-ts4.5/editor-appearances/ChromelessEditor.d.ts +1 -1
  46. package/dist/types-ts4.5/editor-appearances/CommentEditor.d.ts +1 -1
  47. package/dist/types-ts4.5/editor-appearances/FullPageEditor.d.ts +1 -1
  48. package/dist/types-ts4.5/editor-appearances/FullWidthEditor.d.ts +1 -1
  49. package/dist/types-ts4.5/index.d.ts +5 -0
  50. package/dist/types-ts4.5/presets/default.d.ts +36 -0
  51. package/dist/types-ts4.5/presets/universal.d.ts +76 -0
  52. package/dist/types-ts4.5/presets/useUniversalPreset.d.ts +76 -0
  53. package/dist/types-ts4.5/types/editor-props.d.ts +2 -1
  54. package/dist/types-ts4.5/ui/ToolbarHelp/index.d.ts +3 -0
  55. package/package.json +2 -2
package/CHANGELOG.md CHANGED
@@ -1,5 +1,22 @@
1
1
  # @atlaskit/editor-core
2
2
 
3
+ ## 198.7.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [#154461](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/154461)
8
+ [`ed3b12d7f1092`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/ed3b12d7f1092) -
9
+ Remove WithHelpTrigger from Confluence and deprecate
10
+
11
+ ## 198.6.11
12
+
13
+ ### Patch Changes
14
+
15
+ - [#154162](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/154162)
16
+ [`5982815965267`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/5982815965267) -
17
+ Updated performanceTracking and inputSampling props to hardcoded values as we're removing this
18
+ feature flag
19
+
3
20
  ## 198.6.10
4
21
 
5
22
  ### 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
- var _performanceTracking$;
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
- measureEditorReady && (0, _performanceMeasures.stopMeasure)(_measureEnum.default.ON_EDITOR_READY_CALLBACK, (0, _sendDurationAnalytics.default)(_analytics.ACTION.ON_EDITOR_READY_CALLBACK, {
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 renderTracking = (_props$performanceTra = props.performanceTracking) === null || _props$performanceTra === void 0 || (_props$performanceTra = _props$performanceTra.renderTracking) === null || _props$performanceTra === void 0 ? void 0 : _props$performanceTra.editor;
59
- var renderTrackingEnabled = renderTracking === null || renderTracking === void 0 ? void 0 : renderTracking.enabled;
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: !isErrorTrackingExplicitlyDisabled,
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$performanceTra, _props$featureFlags;
33
+ var _props$featureFlags;
34
34
  (0, _performanceMeasures.clearMeasure)(_measureEnum.default.EDITOR_MOUNTED);
35
- (props === null || props === void 0 || (_props$performanceTra = props.performanceTracking) === null || _props$performanceTra === void 0 || (_props$performanceTra = _props$performanceTra.onEditorReadyCallbackTracking) === null || _props$performanceTra === void 0 ? void 0 : _props$performanceTra.enabled) && (0, _performanceMeasures.clearMeasure)(_measureEnum.default.ON_EDITOR_READY_CALLBACK);
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.inputSamplingLimit, passedProps.extensionProviders, passedProps.UNSAFE_useAnalyticsContext, passedProps.useStickyToolbar, passedProps.featureFlags, passedProps.onSave, passedProps.performanceTracking, 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]);
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$editorPro5, _props$setEditorAPI, _props$editorProps;
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
- _this.transactionTracker.bumpDispatchCounter(_this.transactionTracking);
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$experienceStore2;
299
- (_this$experienceStore2 = _this.experienceStore) === null || _this$experienceStore2 === void 0 || _this$experienceStore2.mark(_ufo.EditorExperience.interaction, 'stateApply', startTime + duration);
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$experienceStore3;
308
- (_this$experienceStore3 = _this.experienceStore) === null || _this$experienceStore3 === void 0 || _this$experienceStore3.mark(_ufo.EditorExperience.interaction, 'viewUpdateState', startTime + duration);
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$experienceStore4;
323
- (_this$experienceStore4 = _this.experienceStore) === null || _this$experienceStore4 === void 0 || _this$experienceStore4.mark(_ufo.EditorExperience.interaction, 'onEditorViewStateUpdated', startTime + duration);
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$experienceStore5, _this$props$editorPro3;
333
- (_this$experienceStore5 = _this.experienceStore) === null || _this$experienceStore5 === void 0 || _this$experienceStore5.mark(_ufo.EditorExperience.interaction, 'onChange', startTime + duration);
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$experienceStore6, _this$experienceStore7;
351
- (_this$experienceStore6 = _this.experienceStore) === null || _this$experienceStore6 === void 0 || _this$experienceStore6.mark(_ufo.EditorExperience.interaction, 'dispatchTransaction', startTime + duration);
352
- (_this$experienceStore7 = _this.experienceStore) === null || _this$experienceStore7 === void 0 || _this$experienceStore7.success(_ufo.EditorExperience.interaction);
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
- if (!_this.isTransactionTrackingExplicitlyDisabled()) {
364
- _this.dispatchAnalyticsEvent({
365
- action: _analytics.ACTION.DISPATCHED_INVALID_TRANSACTION,
366
- actionSubject: _analytics.ACTION_SUBJECT.EDITOR,
367
- eventType: _analytics.EVENT_TYPE.OPERATIONAL,
368
- attributes: {
369
- analyticsEventPayloads: (0, _analytics.getAnalyticsEventsFromTransaction)(transaction),
370
- invalidNodes: invalidNodes
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
- var proseMirrorRenderedTracking = (_this$props$editorPro4 = _this.props.editorProps) === null || _this$props$editorPro4 === void 0 || (_this$props$editorPro4 = _this$props$editorPro4.performanceTracking) === null || _this$props$editorPro4 === void 0 ? void 0 : _this$props$editorPro4.proseMirrorRenderedTracking;
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$experienceStore10;
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$experienceStore9;
430
- (_this$experienceStore9 = _this.experienceStore) === null || _this$experienceStore9 === void 0 || _this$experienceStore9.mark(_ufo.EditorExperience.loadEditor, _analytics.ACTION.PROSEMIRROR_RENDERED, startTime + duration);
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$experienceStore10 = _this.experienceStore) === null || _this$experienceStore10 === void 0 || _this$experienceStore10.addMetadata(_ufo.EditorExperience.loadEditor, {
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$experienceStore11;
470
- (_this$experienceStore11 = _this.experienceStore) === null || _this$experienceStore11 === void 0 || (_this$experienceStore11 = _this$experienceStore11.success(_ufo.EditorExperience.editSession)) === null || _this$experienceStore11 === void 0 || _this$experienceStore11.finally(function () {
471
- var _this$experienceStore12, _this$experienceStore13;
472
- (_this$experienceStore12 = _this.experienceStore) === null || _this$experienceStore12 === void 0 || _this$experienceStore12.start(_ufo.EditorExperience.editSession);
473
- (_this$experienceStore13 = _this.experienceStore) === null || _this$experienceStore13 === void 0 || _this$experienceStore13.addMetadata(_ufo.EditorExperience.editSession, {
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$editorPro5 = _this.props.editorProps) === null || _this$props$editorPro5 === void 0 ? void 0 : _this$props$editorPro5.assistiveDescribedBy));
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
- // ED-16320: Check for explicit disable so that by default
581
- // it will still be enabled as it currently is. Then we can
582
- // progressively opt out synthetic tenants.
583
- var isEditorStartedExplicitlyDisabled = ((_props$editorProps = props.editorProps) === null || _props$editorProps === void 0 || (_props$editorProps = _props$editorProps.performanceTracking) === null || _props$editorProps === void 0 || (_props$editorProps = _props$editorProps.startedTracking) === null || _props$editorProps === void 0 ? void 0 : _props$editorProps.enabled) === false;
584
- if (!isEditorStartedExplicitlyDisabled) {
585
- _this.dispatchAnalyticsEvent({
586
- action: _analytics.ACTION.STARTED,
587
- actionSubject: _analytics.ACTION_SUBJECT.EDITOR,
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: function get() {
600
- var _this$props$editorPro6, _this$props$editorPro7;
601
- return (_this$props$editorPro6 = (_this$props$editorPro7 = this.props.editorProps.performanceTracking) === null || _this$props$editorPro7 === void 0 ? void 0 : _this$props$editorPro7.transactionTracking) !== null && _this$props$editorPro6 !== void 0 ? _this$props$editorPro6 : {
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$editorPro9;
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 (!this.transactionTracking.enabled) {
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$editorPro10, _this$props$render, _this$props$render2, _this$props;
765
- var renderTracking = (_this$props$editorPro10 = this.props.editorProps.performanceTracking) === null || _this$props$editorPro10 === void 0 || (_this$props$editorPro10 = _this$props$editorPro10.renderTracking) === null || _this$props$editorPro10 === void 0 ? void 0 : _this$props$editorPro10.reactEditorView;
766
- var renderTrackingEnabled = renderTracking === null || renderTracking === void 0 ? void 0 : renderTracking.enabled;
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$performanceTra, _props$linking, _props$performanceTra2, _props$textFormatting, _props$linking2;
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$performanceTra, _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;
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: (_props$performanceTra = props.performanceTracking) === null || _props$performanceTra === void 0 || (_props$performanceTra = _props$performanceTra.catchAllTracking) === null || _props$performanceTra === void 0 ? void 0 : _props$performanceTra.enabled,
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),
@@ -9,30 +9,59 @@ var _react = _interopRequireDefault(require("react"));
9
9
  var _reactIntlNext = require("react-intl-next");
10
10
  var _uiMenu = require("@atlaskit/editor-common/ui-menu");
11
11
  var _question = _interopRequireDefault(require("@atlaskit/icon/glyph/question"));
12
- var _WithHelpTrigger = _interopRequireDefault(require("../WithHelpTrigger"));
12
+ var _EditorContext = require("../EditorContext");
13
13
  var _messages = require("./messages");
14
+ // Please, do not copy or use this kind of code below
15
+ // This is just a temporary solution to keep the tooltip trigger working for Trello since it's not using the composable editor
16
+ // @ts-ignore
17
+ var fakePluginKey = {
18
+ key: 'helpDialog$',
19
+ getState: function getState(state) {
20
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
21
+ return state['helpDialog$'];
22
+ }
23
+ };
24
+ var openHelpCommand = function openHelpCommand(tr, dispatch) {
25
+ tr = tr.setMeta(fakePluginKey, true);
26
+ if (dispatch) {
27
+ dispatch(tr);
28
+ return true;
29
+ }
30
+ return false;
31
+ };
14
32
  var TooltipHelpTrigger = function TooltipHelpTrigger(_ref) {
15
33
  var _ref$title = _ref.title,
16
34
  title = _ref$title === void 0 ? 'Open help dialog' : _ref$title,
17
35
  _ref$titlePosition = _ref.titlePosition,
18
36
  titlePosition = _ref$titlePosition === void 0 ? 'left' : _ref$titlePosition,
19
- intl = _ref.intl;
37
+ intl = _ref.intl,
38
+ editorApi = _ref.editorApi;
39
+ var editorContext = (0, _EditorContext.useEditorContext)();
40
+
20
41
  // to have translation for the default tooltip helper
21
42
  var displayTitle = title;
22
43
  if (title === 'Open help dialog') {
23
44
  displayTitle = intl.formatMessage(_messages.messages.toolbarHelpTitle);
24
45
  }
25
- return /*#__PURE__*/_react.default.createElement(_WithHelpTrigger.default, {
26
- render: function render(showHelp) {
27
- return /*#__PURE__*/_react.default.createElement(_uiMenu.ToolbarButton, {
28
- onClick: showHelp,
29
- title: displayTitle,
30
- titlePosition: titlePosition,
31
- iconBefore: /*#__PURE__*/_react.default.createElement(_question.default, {
32
- label: displayTitle
33
- })
34
- });
46
+ var showHelp = function showHelp() {
47
+ if (editorApi) {
48
+ var _editorApi$helpDialog;
49
+ editorApi === null || editorApi === void 0 || (_editorApi$helpDialog = editorApi.helpDialog) === null || _editorApi$helpDialog === void 0 || _editorApi$helpDialog.actions.openHelp();
50
+ } else {
51
+ var _editorContext$editor;
52
+ var editorView = editorContext === null || editorContext === void 0 || (_editorContext$editor = editorContext.editorActions) === null || _editorContext$editor === void 0 ? void 0 : _editorContext$editor._privateGetEditorView();
53
+ if (editorView) {
54
+ openHelpCommand(editorView.state.tr, editorView.dispatch);
55
+ }
35
56
  }
57
+ };
58
+ return /*#__PURE__*/_react.default.createElement(_uiMenu.ToolbarButton, {
59
+ onClick: showHelp,
60
+ title: displayTitle,
61
+ titlePosition: titlePosition,
62
+ iconBefore: /*#__PURE__*/_react.default.createElement(_question.default, {
63
+ label: displayTitle
64
+ })
36
65
  });
37
66
  };
38
67
  var _default = exports.default = (0, _reactIntlNext.injectIntl)(TooltipHelpTrigger);
@@ -5,4 +5,4 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.version = exports.name = void 0;
7
7
  var name = exports.name = "@atlaskit/editor-core";
8
- var version = exports.version = "198.6.10";
8
+ var version = exports.version = "198.7.0";
@@ -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
- var _performanceTracking$;
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
- measureEditorReady && stopMeasure(measurements.ON_EDITOR_READY_CALLBACK, sendDurationAnalytics(ACTION.ON_EDITOR_READY_CALLBACK, {
70
+ stopMeasure(measurements.ON_EDITOR_READY_CALLBACK, sendDurationAnalytics(ACTION.ON_EDITOR_READY_CALLBACK, {
74
71
  contextIdentifierProvider,
75
72
  featureFlags
76
73
  }, getExperienceStore, createAnalyticsEvent));