@atlaskit/renderer 109.53.0 → 109.53.2

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 (25) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/dist/cjs/analytics/enums.js +0 -1
  3. package/dist/cjs/react/nodes/codeBlock/components/codeBlockCopyButton.js +1 -1
  4. package/dist/cjs/react/nodes/codeBlock/components/codeBlockWrapButton.js +1 -1
  5. package/dist/cjs/ui/Renderer/index.js +8 -18
  6. package/dist/es2019/analytics/enums.js +0 -1
  7. package/dist/es2019/react/nodes/codeBlock/components/codeBlockCopyButton.js +1 -1
  8. package/dist/es2019/react/nodes/codeBlock/components/codeBlockWrapButton.js +1 -1
  9. package/dist/es2019/ui/Renderer/index.js +8 -18
  10. package/dist/esm/analytics/enums.js +0 -1
  11. package/dist/esm/react/nodes/codeBlock/components/codeBlockCopyButton.js +1 -1
  12. package/dist/esm/react/nodes/codeBlock/components/codeBlockWrapButton.js +1 -1
  13. package/dist/esm/ui/Renderer/index.js +8 -18
  14. package/dist/types/analytics/enums.d.ts +0 -1
  15. package/dist/types/analytics/events.d.ts +3 -7
  16. package/dist/types/ui/renderer-props.d.ts +0 -9
  17. package/dist/types-ts4.5/analytics/enums.d.ts +0 -1
  18. package/dist/types-ts4.5/analytics/events.d.ts +3 -7
  19. package/dist/types-ts4.5/ui/renderer-props.d.ts +0 -9
  20. package/package.json +3 -3
  21. package/dist/cjs/react/utils/performance/RenderTracking.js +0 -44
  22. package/dist/es2019/react/utils/performance/RenderTracking.js +0 -36
  23. package/dist/esm/react/utils/performance/RenderTracking.js +0 -37
  24. package/dist/types/react/utils/performance/RenderTracking.d.ts +0 -15
  25. package/dist/types-ts4.5/react/utils/performance/RenderTracking.d.ts +0 -15
package/CHANGELOG.md CHANGED
@@ -1,5 +1,23 @@
1
1
  # @atlaskit/renderer
2
2
 
3
+ ## 109.53.2
4
+
5
+ ### Patch Changes
6
+
7
+ - [#139453](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/139453)
8
+ [`6ca31cec5324f`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/6ca31cec5324f) -
9
+ EDF-957 Removed renderer re-render tracking analytics.
10
+
11
+ ## 109.53.1
12
+
13
+ ### Patch Changes
14
+
15
+ - [#138801](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/138801)
16
+ [`eeb1f7ad41211`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/eeb1f7ad41211) -
17
+ Adding new entry-points to editor-common to optimise bundle size and move away from "utils"
18
+ entry-point.
19
+ - Updated dependencies
20
+
3
21
  ## 109.53.0
4
22
 
5
23
  ### Minor Changes
package/dist/cjs/analytics/enums.js CHANGED
@@ -14,7 +14,6 @@ var EVENT_TYPE = exports.EVENT_TYPE = /*#__PURE__*/function (EVENT_TYPE) {
14
14
  var ACTION = exports.ACTION = /*#__PURE__*/function (ACTION) {
15
15
  ACTION["STARTED"] = "started";
16
16
  ACTION["RENDERED"] = "rendered";
17
- ACTION["RE_RENDERED"] = "reRendered";
18
17
  ACTION["RENDERER_TTI"] = "tti";
19
18
  ACTION["CRASHED"] = "unhandledErrorCaught";
20
19
  ACTION["INVALID_PROSEMIRROR_DOCUMENT"] = "invalidProsemirrorDocument";
package/dist/cjs/react/nodes/codeBlock/components/codeBlockCopyButton.js CHANGED
@@ -57,7 +57,7 @@ var CopyButton = function CopyButton(_ref) {
57
57
  }),
58
58
  onClick: function onClick(event) {
59
59
  fireAnalyticsEvent({
60
- // @ts-expect-error - Type 'ACTION.CLICKED' is not assignable to type 'ACTION.CLICKED | ACTION.EDITOR_TTI | ACTION.RE_RENDERED | ACTION.MEDIA_LINK_TRANSFORMED | ACTION.STARTED | ACTION.TOGGLE_EXPAND | ACTION.UNSUPPORTED_CONTENT_ENCOUNTERED | ACTION.VISITED | ACTION.RENDERED | ACTION.INVALID_PROSEMIRROR_DOCUMENT | ACTION.CRASHED | ... 6 more ... | AnnotationActionType'.
60
+ // @ts-expect-error - Type 'ACTION.CLICKED' is not assignable to type 'ACTION.CLICKED | ACTION.EDITOR_TTI | ACTION.MEDIA_LINK_TRANSFORMED | ACTION.STARTED | ACTION.TOGGLE_EXPAND | ACTION.UNSUPPORTED_CONTENT_ENCOUNTERED | ACTION.VISITED | ACTION.RENDERED | ACTION.INVALID_PROSEMIRROR_DOCUMENT | ACTION.CRASHED | ... 6 more ... | AnnotationActionType'.
61
61
  // This error was introduced after upgrading to TypeScript 5
62
62
  action: _enums.ACTION.CLICKED,
63
63
  actionSubject: _enums.ACTION_SUBJECT.BUTTON,
package/dist/cjs/react/nodes/codeBlock/components/codeBlockWrapButton.js CHANGED
@@ -59,7 +59,7 @@ var CodeBlockWrapButton = function CodeBlockWrapButton(_ref) {
59
59
  isSelected: wrapLongLines,
60
60
  onClick: function onClick(event) {
61
61
  fireAnalyticsEvent({
62
- // @ts-expect-error - Type 'ACTION.CLICKED' is not assignable to type 'ACTION.CLICKED | ACTION.EDITOR_TTI | ACTION.RE_RENDERED | ACTION.MEDIA_LINK_TRANSFORMED | ACTION.STARTED | ACTION.TOGGLE_EXPAND | ACTION.UNSUPPORTED_CONTENT_ENCOUNTERED | ACTION.VISITED | ACTION.RENDERED | ACTION.INVALID_PROSEMIRROR_DOCUMENT | ACTION.CRASHED | ... 6 more ... | AnnotationActionType'
62
+ // @ts-expect-error - Type 'ACTION.CLICKED' is not assignable to type 'ACTION.CLICKED | ACTION.EDITOR_TTI | ACTION.MEDIA_LINK_TRANSFORMED | ACTION.STARTED | ACTION.TOGGLE_EXPAND | ACTION.UNSUPPORTED_CONTENT_ENCOUNTERED | ACTION.VISITED | ACTION.RENDERED | ACTION.INVALID_PROSEMIRROR_DOCUMENT | ACTION.CRASHED | ... 6 more ... | AnnotationActionType'
63
63
  // This error was introduced after upgrading to TypeScript 5
64
64
  action: _enums.ACTION.CLICKED,
65
65
  actionSubject: _enums.ACTION_SUBJECT.BUTTON,
package/dist/cjs/ui/Renderer/index.js CHANGED
@@ -22,6 +22,7 @@ var _providerFactory = require("@atlaskit/editor-common/provider-factory");
22
22
  var _ui = require("@atlaskit/editor-common/ui");
23
23
  var _performanceMeasures = require("@atlaskit/editor-common/performance-measures");
24
24
  var _utils = require("@atlaskit/editor-common/utils");
25
+ var _measureTti = require("@atlaskit/editor-common/performance/measure-tti");
25
26
  var _measureRender = require("@atlaskit/editor-common/performance/measure-render");
26
27
  var _browser = require("@atlaskit/editor-common/browser");
27
28
  var _navigation = require("@atlaskit/editor-common/performance/navigation");
@@ -48,7 +49,6 @@ var _clickToEdit = require("./click-to-edit");
48
49
  var _rendererContext = require("../../renderer-context");
49
50
  var _memoizeOne = _interopRequireDefault(require("memoize-one"));
50
51
  var _ErrorBoundary = require("./ErrorBoundary");
51
- var _RenderTracking = require("../../react/utils/performance/RenderTracking");
52
52
  var _EditorMediaClientProvider = require("../../react/utils/EditorMediaClientProvider");
53
53
  var _nodes = require("../../react/nodes");
54
54
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
@@ -63,7 +63,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
63
63
  var NORMAL_SEVERITY_THRESHOLD = exports.NORMAL_SEVERITY_THRESHOLD = 2000;
64
64
  var DEGRADED_SEVERITY_THRESHOLD = exports.DEGRADED_SEVERITY_THRESHOLD = 3000;
65
65
  var packageName = "@atlaskit/renderer";
66
- var packageVersion = "109.53.0";
66
+ var packageVersion = "109.53.2";
67
67
  var defaultNodeComponents = exports.defaultNodeComponents = _nodes.nodeToReact;
68
68
  var Renderer = exports.Renderer = /*#__PURE__*/function (_PureComponent) {
69
69
  (0, _inherits2.default)(Renderer, _PureComponent);
@@ -78,9 +78,7 @@ var Renderer = exports.Renderer = /*#__PURE__*/function (_PureComponent) {
78
78
  */
79
79
  (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderedMeasurementDistortedDurationMonitor", (0, _measureRender.getDistortedDurationMonitor)());
80
80
  (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "featureFlags", (0, _memoizeOne.default)(function (featureFlags) {
81
- var normalizedFeatureFlags = (0, _normalizeFeatureFlags.normalizeFeatureFlags)(featureFlags, {
82
- objectFlagKeys: ['rendererRenderTracking']
83
- });
81
+ var normalizedFeatureFlags = (0, _normalizeFeatureFlags.normalizeFeatureFlags)(featureFlags);
84
82
  return {
85
83
  featureFlags: normalizedFeatureFlags
86
84
  };
@@ -156,7 +154,7 @@ var Renderer = exports.Renderer = /*#__PURE__*/function (_PureComponent) {
156
154
  (0, _performanceMeasures.startMeasure)("Renderer Render Time: ".concat(_this.id));
157
155
  var _featureFlags = _this.featureFlags(_this.props.featureFlags).featureFlags;
158
156
  if (_featureFlags !== null && _featureFlags !== void 0 && _featureFlags.rendererTtiTracking) {
159
- (0, _utils.measureTTI)(function (tti, ttiFromInvocation, canceled) {
157
+ (0, _measureTti.measureTTI)(function (tti, ttiFromInvocation, canceled) {
160
158
  _this.fireAnalyticsEvent({
161
159
  action: _analytics.ACTION.RENDERER_TTI,
162
160
  actionSubject: _analytics.ACTION_SUBJECT.RENDERER,
@@ -367,7 +365,7 @@ var Renderer = exports.Renderer = /*#__PURE__*/function (_PureComponent) {
367
365
  }
368
366
  };
369
367
  try {
370
- var _featureFlags$feature, _featureFlags$feature2;
368
+ var _featureFlags$feature;
371
369
  var schema = this.getSchema(this.props.schema, this.props.adfStage);
372
370
  var _renderDocument = (0, _.renderDocument)(adfDocument, this.serializer, schema, adfStage, this.props.useSpecBasedValidator, this.id, this.fireAnalyticsEvent, this.props.unsupportedContentLevelsTracking, this.props.appearance),
373
371
  result = _renderDocument.result,
@@ -413,17 +411,9 @@ var Renderer = exports.Renderer = /*#__PURE__*/function (_PureComponent) {
413
411
  height: maxHeight,
414
412
  fadeHeight: fadeOutHeight
415
413
  }, rendererOutput) : rendererOutput;
416
- var rendererRenderTracking = featureFlags === null || featureFlags === void 0 || (_featureFlags$feature2 = featureFlags.featureFlags) === null || _featureFlags$feature2 === void 0 || (_featureFlags$feature2 = _featureFlags$feature2.rendererRenderTracking) === null || _featureFlags$feature2 === void 0 ? void 0 : _featureFlags$feature2[_analytics.ACTION_SUBJECT.RENDERER];
417
- var reRenderTracking = (rendererRenderTracking === null || rendererRenderTracking === void 0 ? void 0 : rendererRenderTracking.enabled) && (0, _react2.jsx)(_RenderTracking.RenderTracking, {
418
- componentProps: this.props,
419
- action: _analytics.ACTION.RE_RENDERED,
420
- actionSubject: _analytics.ACTION_SUBJECT.RENDERER,
421
- handleAnalyticsEvent: this.fireAnalyticsEvent,
422
- useShallow: rendererRenderTracking.useShallow
423
- });
424
- return (0, _react2.jsx)(_react.Fragment, null, reRenderTracking, rendererResult);
414
+ return (0, _react2.jsx)(_react.Fragment, null, rendererResult);
425
415
  } catch (e) {
426
- var _featureFlags$feature3;
416
+ var _featureFlags$feature2;
427
417
  if (onError) {
428
418
  onError(e);
429
419
  }
@@ -435,7 +425,7 @@ var Renderer = exports.Renderer = /*#__PURE__*/function (_PureComponent) {
435
425
  allowPlaceholderText: allowPlaceholderText,
436
426
  allowColumnSorting: allowColumnSorting,
437
427
  allowNestedHeaderLinks: allowNestedHeaderLinks,
438
- useBlockRenderForCodeBlock: (_featureFlags$feature3 = featureFlags.featureFlags.useBlockRenderForCodeBlock) !== null && _featureFlags$feature3 !== void 0 ? _featureFlags$feature3 : true,
428
+ useBlockRenderForCodeBlock: (_featureFlags$feature2 = featureFlags.featureFlags.useBlockRenderForCodeBlock) !== null && _featureFlags$feature2 !== void 0 ? _featureFlags$feature2 : true,
439
429
  addTelepointer: this.props.addTelepointer,
440
430
  onClick: handleWrapperOnClick
441
431
  }, (0, _react2.jsx)(_ui.UnsupportedBlock, null));
package/dist/es2019/analytics/enums.js CHANGED
@@ -8,7 +8,6 @@ export let EVENT_TYPE = /*#__PURE__*/function (EVENT_TYPE) {
8
8
  export let ACTION = /*#__PURE__*/function (ACTION) {
9
9
  ACTION["STARTED"] = "started";
10
10
  ACTION["RENDERED"] = "rendered";
11
- ACTION["RE_RENDERED"] = "reRendered";
12
11
  ACTION["RENDERER_TTI"] = "tti";
13
12
  ACTION["CRASHED"] = "unhandledErrorCaught";
14
13
  ACTION["INVALID_PROSEMIRROR_DOCUMENT"] = "invalidProsemirrorDocument";
package/dist/es2019/react/nodes/codeBlock/components/codeBlockCopyButton.js CHANGED
@@ -43,7 +43,7 @@ const CopyButton = ({
43
43
  }),
44
44
  onClick: event => {
45
45
  fireAnalyticsEvent({
46
- // @ts-expect-error - Type 'ACTION.CLICKED' is not assignable to type 'ACTION.CLICKED | ACTION.EDITOR_TTI | ACTION.RE_RENDERED | ACTION.MEDIA_LINK_TRANSFORMED | ACTION.STARTED | ACTION.TOGGLE_EXPAND | ACTION.UNSUPPORTED_CONTENT_ENCOUNTERED | ACTION.VISITED | ACTION.RENDERED | ACTION.INVALID_PROSEMIRROR_DOCUMENT | ACTION.CRASHED | ... 6 more ... | AnnotationActionType'.
46
+ // @ts-expect-error - Type 'ACTION.CLICKED' is not assignable to type 'ACTION.CLICKED | ACTION.EDITOR_TTI | ACTION.MEDIA_LINK_TRANSFORMED | ACTION.STARTED | ACTION.TOGGLE_EXPAND | ACTION.UNSUPPORTED_CONTENT_ENCOUNTERED | ACTION.VISITED | ACTION.RENDERED | ACTION.INVALID_PROSEMIRROR_DOCUMENT | ACTION.CRASHED | ... 6 more ... | AnnotationActionType'.
47
47
  // This error was introduced after upgrading to TypeScript 5
48
48
  action: ACTION.CLICKED,
49
49
  actionSubject: ACTION_SUBJECT.BUTTON,
package/dist/es2019/react/nodes/codeBlock/components/codeBlockWrapButton.js CHANGED
@@ -52,7 +52,7 @@ const CodeBlockWrapButton = ({
52
52
  isSelected: wrapLongLines,
53
53
  onClick: event => {
54
54
  fireAnalyticsEvent({
55
- // @ts-expect-error - Type 'ACTION.CLICKED' is not assignable to type 'ACTION.CLICKED | ACTION.EDITOR_TTI | ACTION.RE_RENDERED | ACTION.MEDIA_LINK_TRANSFORMED | ACTION.STARTED | ACTION.TOGGLE_EXPAND | ACTION.UNSUPPORTED_CONTENT_ENCOUNTERED | ACTION.VISITED | ACTION.RENDERED | ACTION.INVALID_PROSEMIRROR_DOCUMENT | ACTION.CRASHED | ... 6 more ... | AnnotationActionType'
55
+ // @ts-expect-error - Type 'ACTION.CLICKED' is not assignable to type 'ACTION.CLICKED | ACTION.EDITOR_TTI | ACTION.MEDIA_LINK_TRANSFORMED | ACTION.STARTED | ACTION.TOGGLE_EXPAND | ACTION.UNSUPPORTED_CONTENT_ENCOUNTERED | ACTION.VISITED | ACTION.RENDERED | ACTION.INVALID_PROSEMIRROR_DOCUMENT | ACTION.CRASHED | ... 6 more ... | AnnotationActionType'
56
56
  // This error was introduced after upgrading to TypeScript 5
57
57
  action: ACTION.CLICKED,
58
58
  actionSubject: ACTION_SUBJECT.BUTTON,
package/dist/es2019/ui/Renderer/index.js CHANGED
@@ -12,7 +12,8 @@ import { reduce } from '@atlaskit/adf-utils/traverse';
12
12
  import { ProviderFactory, ProviderFactoryProvider } from '@atlaskit/editor-common/provider-factory';
13
13
  import { UnsupportedBlock, BaseTheme, WidthProvider, WithCreateAnalyticsEvent, IntlErrorBoundary } from '@atlaskit/editor-common/ui';
14
14
  import { startMeasure, stopMeasure } from '@atlaskit/editor-common/performance-measures';
15
- import { getAnalyticsAppearance, getAnalyticsEventSeverity, shouldForceTracking, measureTTI } from '@atlaskit/editor-common/utils';
15
+ import { getAnalyticsAppearance, getAnalyticsEventSeverity, shouldForceTracking } from '@atlaskit/editor-common/utils';
16
+ import { measureTTI } from '@atlaskit/editor-common/performance/measure-tti';
16
17
  import { getDistortedDurationMonitor } from '@atlaskit/editor-common/performance/measure-render';
17
18
  import { browser } from '@atlaskit/editor-common/browser';
18
19
  import { getResponseEndTime } from '@atlaskit/editor-common/performance/navigation';
@@ -39,13 +40,12 @@ import { isInteractiveElement } from './click-to-edit';
39
40
  import { RendererContextProvider } from '../../renderer-context';
40
41
  import memoizeOne from 'memoize-one';
41
42
  import { ErrorBoundary } from './ErrorBoundary';
42
- import { RenderTracking } from '../../react/utils/performance/RenderTracking';
43
43
  import { EditorMediaClientProvider } from '../../react/utils/EditorMediaClientProvider';
44
44
  import { nodeToReact } from '../../react/nodes';
45
45
  export const NORMAL_SEVERITY_THRESHOLD = 2000;
46
46
  export const DEGRADED_SEVERITY_THRESHOLD = 3000;
47
47
  const packageName = "@atlaskit/renderer";
48
- const packageVersion = "109.53.0";
48
+ const packageVersion = "109.53.2";
49
49
  export const defaultNodeComponents = nodeToReact;
50
50
  export class Renderer extends PureComponent {
51
51
  constructor(props) {
@@ -56,9 +56,7 @@ export class Renderer extends PureComponent {
56
56
  */
57
57
  _defineProperty(this, "renderedMeasurementDistortedDurationMonitor", getDistortedDurationMonitor());
58
58
  _defineProperty(this, "featureFlags", memoizeOne(featureFlags => {
59
- const normalizedFeatureFlags = normalizeFeatureFlags(featureFlags, {
60
- objectFlagKeys: ['rendererRenderTracking']
61
- });
59
+ const normalizedFeatureFlags = normalizeFeatureFlags(featureFlags);
62
60
  return {
63
61
  featureFlags: normalizedFeatureFlags
64
62
  };
@@ -345,7 +343,7 @@ export class Renderer extends PureComponent {
345
343
  }
346
344
  };
347
345
  try {
348
- var _featureFlags$feature, _featureFlags$feature2, _featureFlags$feature3;
346
+ var _featureFlags$feature;
349
347
  const schema = this.getSchema(this.props.schema, this.props.adfStage);
350
348
  const {
351
349
  result,
@@ -390,17 +388,9 @@ export class Renderer extends PureComponent {
390
388
  height: maxHeight,
391
389
  fadeHeight: fadeOutHeight
392
390
  }, rendererOutput) : rendererOutput;
393
- const rendererRenderTracking = featureFlags === null || featureFlags === void 0 ? void 0 : (_featureFlags$feature2 = featureFlags.featureFlags) === null || _featureFlags$feature2 === void 0 ? void 0 : (_featureFlags$feature3 = _featureFlags$feature2.rendererRenderTracking) === null || _featureFlags$feature3 === void 0 ? void 0 : _featureFlags$feature3[ACTION_SUBJECT.RENDERER];
394
- const reRenderTracking = (rendererRenderTracking === null || rendererRenderTracking === void 0 ? void 0 : rendererRenderTracking.enabled) && jsx(RenderTracking, {
395
- componentProps: this.props,
396
- action: ACTION.RE_RENDERED,
397
- actionSubject: ACTION_SUBJECT.RENDERER,
398
- handleAnalyticsEvent: this.fireAnalyticsEvent,
399
- useShallow: rendererRenderTracking.useShallow
400
- });
401
- return jsx(Fragment, null, reRenderTracking, rendererResult);
391
+ return jsx(Fragment, null, rendererResult);
402
392
  } catch (e) {
403
- var _featureFlags$feature4;
393
+ var _featureFlags$feature2;
404
394
  if (onError) {
405
395
  onError(e);
406
396
  }
@@ -412,7 +402,7 @@ export class Renderer extends PureComponent {
412
402
  allowPlaceholderText: allowPlaceholderText,
413
403
  allowColumnSorting: allowColumnSorting,
414
404
  allowNestedHeaderLinks: allowNestedHeaderLinks,
415
- useBlockRenderForCodeBlock: (_featureFlags$feature4 = featureFlags.featureFlags.useBlockRenderForCodeBlock) !== null && _featureFlags$feature4 !== void 0 ? _featureFlags$feature4 : true,
405
+ useBlockRenderForCodeBlock: (_featureFlags$feature2 = featureFlags.featureFlags.useBlockRenderForCodeBlock) !== null && _featureFlags$feature2 !== void 0 ? _featureFlags$feature2 : true,
416
406
  addTelepointer: this.props.addTelepointer,
417
407
  onClick: handleWrapperOnClick
418
408
  }, jsx(UnsupportedBlock, null));
package/dist/esm/analytics/enums.js CHANGED
@@ -8,7 +8,6 @@ export var EVENT_TYPE = /*#__PURE__*/function (EVENT_TYPE) {
8
8
  export var ACTION = /*#__PURE__*/function (ACTION) {
9
9
  ACTION["STARTED"] = "started";
10
10
  ACTION["RENDERED"] = "rendered";
11
- ACTION["RE_RENDERED"] = "reRendered";
12
11
  ACTION["RENDERER_TTI"] = "tti";
13
12
  ACTION["CRASHED"] = "unhandledErrorCaught";
14
13
  ACTION["INVALID_PROSEMIRROR_DOCUMENT"] = "invalidProsemirrorDocument";
package/dist/esm/react/nodes/codeBlock/components/codeBlockCopyButton.js CHANGED
@@ -49,7 +49,7 @@ var CopyButton = function CopyButton(_ref) {
49
49
  }),
50
50
  onClick: function onClick(event) {
51
51
  fireAnalyticsEvent({
52
- // @ts-expect-error - Type 'ACTION.CLICKED' is not assignable to type 'ACTION.CLICKED | ACTION.EDITOR_TTI | ACTION.RE_RENDERED | ACTION.MEDIA_LINK_TRANSFORMED | ACTION.STARTED | ACTION.TOGGLE_EXPAND | ACTION.UNSUPPORTED_CONTENT_ENCOUNTERED | ACTION.VISITED | ACTION.RENDERED | ACTION.INVALID_PROSEMIRROR_DOCUMENT | ACTION.CRASHED | ... 6 more ... | AnnotationActionType'.
52
+ // @ts-expect-error - Type 'ACTION.CLICKED' is not assignable to type 'ACTION.CLICKED | ACTION.EDITOR_TTI | ACTION.MEDIA_LINK_TRANSFORMED | ACTION.STARTED | ACTION.TOGGLE_EXPAND | ACTION.UNSUPPORTED_CONTENT_ENCOUNTERED | ACTION.VISITED | ACTION.RENDERED | ACTION.INVALID_PROSEMIRROR_DOCUMENT | ACTION.CRASHED | ... 6 more ... | AnnotationActionType'.
53
53
  // This error was introduced after upgrading to TypeScript 5
54
54
  action: ACTION.CLICKED,
55
55
  actionSubject: ACTION_SUBJECT.BUTTON,
package/dist/esm/react/nodes/codeBlock/components/codeBlockWrapButton.js CHANGED
@@ -51,7 +51,7 @@ var CodeBlockWrapButton = function CodeBlockWrapButton(_ref) {
51
51
  isSelected: wrapLongLines,
52
52
  onClick: function onClick(event) {
53
53
  fireAnalyticsEvent({
54
- // @ts-expect-error - Type 'ACTION.CLICKED' is not assignable to type 'ACTION.CLICKED | ACTION.EDITOR_TTI | ACTION.RE_RENDERED | ACTION.MEDIA_LINK_TRANSFORMED | ACTION.STARTED | ACTION.TOGGLE_EXPAND | ACTION.UNSUPPORTED_CONTENT_ENCOUNTERED | ACTION.VISITED | ACTION.RENDERED | ACTION.INVALID_PROSEMIRROR_DOCUMENT | ACTION.CRASHED | ... 6 more ... | AnnotationActionType'
54
+ // @ts-expect-error - Type 'ACTION.CLICKED' is not assignable to type 'ACTION.CLICKED | ACTION.EDITOR_TTI | ACTION.MEDIA_LINK_TRANSFORMED | ACTION.STARTED | ACTION.TOGGLE_EXPAND | ACTION.UNSUPPORTED_CONTENT_ENCOUNTERED | ACTION.VISITED | ACTION.RENDERED | ACTION.INVALID_PROSEMIRROR_DOCUMENT | ACTION.CRASHED | ... 6 more ... | AnnotationActionType'
55
55
  // This error was introduced after upgrading to TypeScript 5
56
56
  action: ACTION.CLICKED,
57
57
  actionSubject: ACTION_SUBJECT.BUTTON,
package/dist/esm/ui/Renderer/index.js CHANGED
@@ -22,7 +22,8 @@ import { reduce } from '@atlaskit/adf-utils/traverse';
22
22
  import { ProviderFactory, ProviderFactoryProvider } from '@atlaskit/editor-common/provider-factory';
23
23
  import { UnsupportedBlock, BaseTheme, WidthProvider, WithCreateAnalyticsEvent, IntlErrorBoundary } from '@atlaskit/editor-common/ui';
24
24
  import { startMeasure, stopMeasure } from '@atlaskit/editor-common/performance-measures';
25
- import { getAnalyticsAppearance, getAnalyticsEventSeverity, shouldForceTracking, measureTTI } from '@atlaskit/editor-common/utils';
25
+ import { getAnalyticsAppearance, getAnalyticsEventSeverity, shouldForceTracking } from '@atlaskit/editor-common/utils';
26
+ import { measureTTI } from '@atlaskit/editor-common/performance/measure-tti';
26
27
  import { getDistortedDurationMonitor } from '@atlaskit/editor-common/performance/measure-render';
27
28
  import { browser } from '@atlaskit/editor-common/browser';
28
29
  import { getResponseEndTime } from '@atlaskit/editor-common/performance/navigation';
@@ -49,13 +50,12 @@ import { isInteractiveElement } from './click-to-edit';
49
50
  import { RendererContextProvider } from '../../renderer-context';
50
51
  import memoizeOne from 'memoize-one';
51
52
  import { ErrorBoundary } from './ErrorBoundary';
52
- import { RenderTracking } from '../../react/utils/performance/RenderTracking';
53
53
  import { EditorMediaClientProvider } from '../../react/utils/EditorMediaClientProvider';
54
54
  import { nodeToReact } from '../../react/nodes';
55
55
  export var NORMAL_SEVERITY_THRESHOLD = 2000;
56
56
  export var DEGRADED_SEVERITY_THRESHOLD = 3000;
57
57
  var packageName = "@atlaskit/renderer";
58
- var packageVersion = "109.53.0";
58
+ var packageVersion = "109.53.2";
59
59
  export var defaultNodeComponents = nodeToReact;
60
60
  export var Renderer = /*#__PURE__*/function (_PureComponent) {
61
61
  _inherits(Renderer, _PureComponent);
@@ -70,9 +70,7 @@ export var Renderer = /*#__PURE__*/function (_PureComponent) {
70
70
  */
71
71
  _defineProperty(_assertThisInitialized(_this), "renderedMeasurementDistortedDurationMonitor", getDistortedDurationMonitor());
72
72
  _defineProperty(_assertThisInitialized(_this), "featureFlags", memoizeOne(function (featureFlags) {
73
- var normalizedFeatureFlags = normalizeFeatureFlags(featureFlags, {
74
- objectFlagKeys: ['rendererRenderTracking']
75
- });
73
+ var normalizedFeatureFlags = normalizeFeatureFlags(featureFlags);
76
74
  return {
77
75
  featureFlags: normalizedFeatureFlags
78
76
  };
@@ -359,7 +357,7 @@ export var Renderer = /*#__PURE__*/function (_PureComponent) {
359
357
  }
360
358
  };
361
359
  try {
362
- var _featureFlags$feature, _featureFlags$feature2;
360
+ var _featureFlags$feature;
363
361
  var schema = this.getSchema(this.props.schema, this.props.adfStage);
364
362
  var _renderDocument = renderDocument(adfDocument, this.serializer, schema, adfStage, this.props.useSpecBasedValidator, this.id, this.fireAnalyticsEvent, this.props.unsupportedContentLevelsTracking, this.props.appearance),
365
363
  result = _renderDocument.result,
@@ -405,17 +403,9 @@ export var Renderer = /*#__PURE__*/function (_PureComponent) {
405
403
  height: maxHeight,
406
404
  fadeHeight: fadeOutHeight
407
405
  }, rendererOutput) : rendererOutput;
408
- var rendererRenderTracking = featureFlags === null || featureFlags === void 0 || (_featureFlags$feature2 = featureFlags.featureFlags) === null || _featureFlags$feature2 === void 0 || (_featureFlags$feature2 = _featureFlags$feature2.rendererRenderTracking) === null || _featureFlags$feature2 === void 0 ? void 0 : _featureFlags$feature2[ACTION_SUBJECT.RENDERER];
409
- var reRenderTracking = (rendererRenderTracking === null || rendererRenderTracking === void 0 ? void 0 : rendererRenderTracking.enabled) && jsx(RenderTracking, {
410
- componentProps: this.props,
411
- action: ACTION.RE_RENDERED,
412
- actionSubject: ACTION_SUBJECT.RENDERER,
413
- handleAnalyticsEvent: this.fireAnalyticsEvent,
414
- useShallow: rendererRenderTracking.useShallow
415
- });
416
- return jsx(Fragment, null, reRenderTracking, rendererResult);
406
+ return jsx(Fragment, null, rendererResult);
417
407
  } catch (e) {
418
- var _featureFlags$feature3;
408
+ var _featureFlags$feature2;
419
409
  if (onError) {
420
410
  onError(e);
421
411
  }
@@ -427,7 +417,7 @@ export var Renderer = /*#__PURE__*/function (_PureComponent) {
427
417
  allowPlaceholderText: allowPlaceholderText,
428
418
  allowColumnSorting: allowColumnSorting,
429
419
  allowNestedHeaderLinks: allowNestedHeaderLinks,
430
- useBlockRenderForCodeBlock: (_featureFlags$feature3 = featureFlags.featureFlags.useBlockRenderForCodeBlock) !== null && _featureFlags$feature3 !== void 0 ? _featureFlags$feature3 : true,
420
+ useBlockRenderForCodeBlock: (_featureFlags$feature2 = featureFlags.featureFlags.useBlockRenderForCodeBlock) !== null && _featureFlags$feature2 !== void 0 ? _featureFlags$feature2 : true,
431
421
  addTelepointer: this.props.addTelepointer,
432
422
  onClick: handleWrapperOnClick
433
423
  }, jsx(UnsupportedBlock, null));
package/dist/types/analytics/enums.d.ts CHANGED
@@ -7,7 +7,6 @@ export declare enum EVENT_TYPE {
7
7
  export declare enum ACTION {
8
8
  STARTED = "started",
9
9
  RENDERED = "rendered",
10
- RE_RENDERED = "reRendered",
11
10
  RENDERER_TTI = "tti",
12
11
  CRASHED = "unhandledErrorCaught",
13
12
  INVALID_PROSEMIRROR_DOCUMENT = "invalidProsemirrorDocument",
package/dist/types/analytics/events.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import type { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, OperationalAEP } from '@atlaskit/editor-common/analytics';
2
2
  import type { AEP } from './enums';
3
- import type { PropsDifference, SEVERITY, ShallowPropsDifference, UNSUPPORTED_CONTENT_LEVEL_SEVERITY } from '@atlaskit/editor-common/utils';
3
+ import type { SEVERITY, UNSUPPORTED_CONTENT_LEVEL_SEVERITY } from '@atlaskit/editor-common/utils';
4
4
  import type { UnsupportedContentPayload, UnsupportedContentTooltipPayload } from '@atlaskit/editor-common/utils';
5
5
  import type { SortOrder } from '@atlaskit/editor-common/types';
6
6
  export declare enum PLATFORM {
@@ -23,11 +23,6 @@ type RendererRenderedAEP = AEP<ACTION.RENDERED, ACTION_SUBJECT.RENDERER, undefin
23
23
  nodes: Record<string, number>;
24
24
  severity?: SEVERITY;
25
25
  }, EVENT_TYPE.OPERATIONAL>;
26
- type RendererReRenderedAEP<Props> = AEP<ACTION.RE_RENDERED, ACTION_SUBJECT.RENDERER, undefined, {
27
- propsDifference: PropsDifference<Props> | ShallowPropsDifference<Props>;
28
- count: number;
29
- componentId?: string;
30
- }, EVENT_TYPE.OPERATIONAL>;
31
26
  export type ComponentCrashErrorAEP = OperationalAEP<ACTION.CRASHED, ACTION_SUBJECT.RENDERER, ACTION_SUBJECT_ID, {
32
27
  platform: PLATFORM.WEB;
33
28
  errorMessage?: string;
@@ -119,5 +114,6 @@ type RendererTTIAEP = AEP<ACTION.RENDERER_TTI, ACTION_SUBJECT.RENDERER, undefine
119
114
  ttiFromInvocation: number;
120
115
  canceled: boolean;
121
116
  }, EVENT_TYPE.OPERATIONAL>;
122
- export type AnalyticsEventPayload<T = void> = RendererStartAEP | RendererRenderedAEP | RendererReRenderedAEP<T> | ComponentCrashErrorAEP | RendererUnsupportedContentLevelsTrackingSucceeded | RendererUnsupportedContentLevelsTrackingErrored | RendererSelectAllCaughtAEP | RendererSelectAllEscapedAEP | CodeBlockCopyAEP | CodeBlockWrapAEP | HeadingAnchorLinkButtonAEP | AnchorLinkAEP | TableSortColumnNotAllowedAEP | TableSortColumnAEP | VisitLinkAEP | VisitMediaLinkAEP | ExpandAEP | UnsupportedContentPayload | UnsupportedContentTooltipPayload | AnnotationAEP | AnnotationDeleteAEP | MediaLnkTransformedAEP | InvalidProsemirrorDocumentErrorAEP | RendererTTIAEP;
117
+ export type AnalyticsEventPayload<T = void> = RendererStartAEP | RendererRenderedAEP | ComponentCrashErrorAEP | RendererUnsupportedContentLevelsTrackingSucceeded | RendererUnsupportedContentLevelsTrackingErrored | RendererSelectAllCaughtAEP | RendererSelectAllEscapedAEP | CodeBlockCopyAEP | CodeBlockWrapAEP | HeadingAnchorLinkButtonAEP | AnchorLinkAEP | TableSortColumnNotAllowedAEP | TableSortColumnAEP | VisitLinkAEP | VisitMediaLinkAEP | ExpandAEP | UnsupportedContentPayload | UnsupportedContentTooltipPayload | AnnotationAEP | AnnotationDeleteAEP | MediaLnkTransformedAEP | InvalidProsemirrorDocumentErrorAEP | RendererTTIAEP;
118
+ export type FireAnalyticsCallback = <T = void>(payload: AnalyticsEventPayload<T>) => void | undefined;
123
119
  export {};
package/dist/types/ui/renderer-props.d.ts CHANGED
@@ -13,21 +13,12 @@ import type { RenderOutputStat } from '../render-document';
13
13
  import type { RendererAppearance, StickyHeaderProps, HeadingAnchorLinksProps, NodeComponentsProps } from './Renderer/types';
14
14
  import type { MediaOptions } from '../types/mediaOptions';
15
15
  import type { SmartLinksOptions } from '../types/smartLinksOptions';
16
- import type { ACTION_SUBJECT } from '@atlaskit/editor-common/analytics';
17
16
  import type { DocNode } from '@atlaskit/adf-schema';
18
17
  import type { TextHighlighter } from '../react/types';
19
18
  export type { NodeComponentsProps } from './Renderer/types';
20
19
  interface RawObjectFeatureFlags {
21
20
  ['renderer-render-tracking']: string;
22
21
  }
23
- export interface NormalizedObjectFeatureFlags {
24
- rendererRenderTracking: {
25
- [ACTION_SUBJECT.RENDERER]: {
26
- enabled: boolean;
27
- useShallow: boolean;
28
- };
29
- };
30
- }
31
22
  export interface RendererProps {
32
23
  document: DocNode;
33
24
  dataProviders?: ProviderFactory;
package/dist/types-ts4.5/analytics/enums.d.ts CHANGED
@@ -7,7 +7,6 @@ export declare enum EVENT_TYPE {
7
7
  export declare enum ACTION {
8
8
  STARTED = "started",
9
9
  RENDERED = "rendered",
10
- RE_RENDERED = "reRendered",
11
10
  RENDERER_TTI = "tti",
12
11
  CRASHED = "unhandledErrorCaught",
13
12
  INVALID_PROSEMIRROR_DOCUMENT = "invalidProsemirrorDocument",
package/dist/types-ts4.5/analytics/events.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import type { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, OperationalAEP } from '@atlaskit/editor-common/analytics';
2
2
  import type { AEP } from './enums';
3
- import type { PropsDifference, SEVERITY, ShallowPropsDifference, UNSUPPORTED_CONTENT_LEVEL_SEVERITY } from '@atlaskit/editor-common/utils';
3
+ import type { SEVERITY, UNSUPPORTED_CONTENT_LEVEL_SEVERITY } from '@atlaskit/editor-common/utils';
4
4
  import type { UnsupportedContentPayload, UnsupportedContentTooltipPayload } from '@atlaskit/editor-common/utils';
5
5
  import type { SortOrder } from '@atlaskit/editor-common/types';
6
6
  export declare enum PLATFORM {
@@ -23,11 +23,6 @@ type RendererRenderedAEP = AEP<ACTION.RENDERED, ACTION_SUBJECT.RENDERER, undefin
23
23
  nodes: Record<string, number>;
24
24
  severity?: SEVERITY;
25
25
  }, EVENT_TYPE.OPERATIONAL>;
26
- type RendererReRenderedAEP<Props> = AEP<ACTION.RE_RENDERED, ACTION_SUBJECT.RENDERER, undefined, {
27
- propsDifference: PropsDifference<Props> | ShallowPropsDifference<Props>;
28
- count: number;
29
- componentId?: string;
30
- }, EVENT_TYPE.OPERATIONAL>;
31
26
  export type ComponentCrashErrorAEP = OperationalAEP<ACTION.CRASHED, ACTION_SUBJECT.RENDERER, ACTION_SUBJECT_ID, {
32
27
  platform: PLATFORM.WEB;
33
28
  errorMessage?: string;
@@ -119,5 +114,6 @@ type RendererTTIAEP = AEP<ACTION.RENDERER_TTI, ACTION_SUBJECT.RENDERER, undefine
119
114
  ttiFromInvocation: number;
120
115
  canceled: boolean;
121
116
  }, EVENT_TYPE.OPERATIONAL>;
122
- export type AnalyticsEventPayload<T = void> = RendererStartAEP | RendererRenderedAEP | RendererReRenderedAEP<T> | ComponentCrashErrorAEP | RendererUnsupportedContentLevelsTrackingSucceeded | RendererUnsupportedContentLevelsTrackingErrored | RendererSelectAllCaughtAEP | RendererSelectAllEscapedAEP | CodeBlockCopyAEP | CodeBlockWrapAEP | HeadingAnchorLinkButtonAEP | AnchorLinkAEP | TableSortColumnNotAllowedAEP | TableSortColumnAEP | VisitLinkAEP | VisitMediaLinkAEP | ExpandAEP | UnsupportedContentPayload | UnsupportedContentTooltipPayload | AnnotationAEP | AnnotationDeleteAEP | MediaLnkTransformedAEP | InvalidProsemirrorDocumentErrorAEP | RendererTTIAEP;
117
+ export type AnalyticsEventPayload<T = void> = RendererStartAEP | RendererRenderedAEP | ComponentCrashErrorAEP | RendererUnsupportedContentLevelsTrackingSucceeded | RendererUnsupportedContentLevelsTrackingErrored | RendererSelectAllCaughtAEP | RendererSelectAllEscapedAEP | CodeBlockCopyAEP | CodeBlockWrapAEP | HeadingAnchorLinkButtonAEP | AnchorLinkAEP | TableSortColumnNotAllowedAEP | TableSortColumnAEP | VisitLinkAEP | VisitMediaLinkAEP | ExpandAEP | UnsupportedContentPayload | UnsupportedContentTooltipPayload | AnnotationAEP | AnnotationDeleteAEP | MediaLnkTransformedAEP | InvalidProsemirrorDocumentErrorAEP | RendererTTIAEP;
118
+ export type FireAnalyticsCallback = <T = void>(payload: AnalyticsEventPayload<T>) => void | undefined;
123
119
  export {};
package/dist/types-ts4.5/ui/renderer-props.d.ts CHANGED
@@ -13,21 +13,12 @@ import type { RenderOutputStat } from '../render-document';
13
13
  import type { RendererAppearance, StickyHeaderProps, HeadingAnchorLinksProps, NodeComponentsProps } from './Renderer/types';
14
14
  import type { MediaOptions } from '../types/mediaOptions';
15
15
  import type { SmartLinksOptions } from '../types/smartLinksOptions';
16
- import type { ACTION_SUBJECT } from '@atlaskit/editor-common/analytics';
17
16
  import type { DocNode } from '@atlaskit/adf-schema';
18
17
  import type { TextHighlighter } from '../react/types';
19
18
  export type { NodeComponentsProps } from './Renderer/types';
20
19
  interface RawObjectFeatureFlags {
21
20
  ['renderer-render-tracking']: string;
22
21
  }
23
- export interface NormalizedObjectFeatureFlags {
24
- rendererRenderTracking: {
25
- [ACTION_SUBJECT.RENDERER]: {
26
- enabled: boolean;
27
- useShallow: boolean;
28
- };
29
- };
30
- }
31
22
  export interface RendererProps {
32
23
  document: DocNode;
33
24
  dataProviders?: ProviderFactory;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/renderer",
3
- "version": "109.53.0",
3
+ "version": "109.53.2",
4
4
  "description": "Renderer component",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -29,7 +29,7 @@
29
29
  "@atlaskit/analytics-next": "^10.1.0",
30
30
  "@atlaskit/button": "^20.1.0",
31
31
  "@atlaskit/code": "^15.6.0",
32
- "@atlaskit/editor-common": "^88.12.0",
32
+ "@atlaskit/editor-common": "^88.13.0",
33
33
  "@atlaskit/editor-json-transformer": "^8.18.0",
34
34
  "@atlaskit/editor-palette": "1.6.0",
35
35
  "@atlaskit/editor-prosemirror": "5.0.1",
@@ -46,7 +46,7 @@
46
46
  "@atlaskit/media-ui": "^25.11.0",
47
47
  "@atlaskit/media-viewer": "^48.7.0",
48
48
  "@atlaskit/platform-feature-flags": "^0.3.0",
49
- "@atlaskit/smart-card": "^28.0.0",
49
+ "@atlaskit/smart-card": "^28.1.0",
50
50
  "@atlaskit/status": "^1.4.0",
51
51
  "@atlaskit/task-decision": "^17.10.0",
52
52
  "@atlaskit/theme": "^13.0.0",
package/dist/cjs/react/utils/performance/RenderTracking.js DELETED
@@ -1,44 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.RenderTracking = RenderTracking;
8
- var _react = require("react");
9
- var _debounce = _interopRequireDefault(require("lodash/debounce"));
10
- var _utils = require("@atlaskit/editor-common/utils");
11
- var _analytics = require("@atlaskit/editor-common/analytics");
12
- function RenderTracking(props) {
13
- var debouncedHandleAnalyticsEvent = (0, _react.useMemo)(function () {
14
- return (0, _debounce.default)(props.handleAnalyticsEvent, 500);
15
- }, [props.handleAnalyticsEvent]);
16
- (0, _utils.useComponentRenderTracking)({
17
- onRender: function onRender(_ref) {
18
- var renderCount = _ref.renderCount,
19
- propsDifference = _ref.propsDifference,
20
- componentId = _ref.componentId;
21
- if (!renderCount) {
22
- return;
23
- }
24
- debouncedHandleAnalyticsEvent({
25
- action: props.action,
26
- actionSubject: props.actionSubject,
27
- attributes: {
28
- count: renderCount,
29
- propsDifference: propsDifference,
30
- componentId: componentId
31
- },
32
- eventType: _analytics.EVENT_TYPE.OPERATIONAL
33
- });
34
- },
35
- propsDiffingOptions: {
36
- enabled: true,
37
- props: props.componentProps,
38
- propsToIgnore: props.propsToIgnore,
39
- useShallow: props.useShallow
40
- },
41
- zeroBasedCount: true
42
- });
43
- return null;
44
- }
package/dist/es2019/react/utils/performance/RenderTracking.js DELETED
@@ -1,36 +0,0 @@
1
- import { useMemo } from 'react';
2
- import debounce from 'lodash/debounce';
3
- import { useComponentRenderTracking } from '@atlaskit/editor-common/utils';
4
- import { EVENT_TYPE } from '@atlaskit/editor-common/analytics';
5
- export function RenderTracking(props) {
6
- const debouncedHandleAnalyticsEvent = useMemo(() => debounce(props.handleAnalyticsEvent, 500), [props.handleAnalyticsEvent]);
7
- useComponentRenderTracking({
8
- onRender: ({
9
- renderCount,
10
- propsDifference,
11
- componentId
12
- }) => {
13
- if (!renderCount) {
14
- return;
15
- }
16
- debouncedHandleAnalyticsEvent({
17
- action: props.action,
18
- actionSubject: props.actionSubject,
19
- attributes: {
20
- count: renderCount,
21
- propsDifference: propsDifference,
22
- componentId
23
- },
24
- eventType: EVENT_TYPE.OPERATIONAL
25
- });
26
- },
27
- propsDiffingOptions: {
28
- enabled: true,
29
- props: props.componentProps,
30
- propsToIgnore: props.propsToIgnore,
31
- useShallow: props.useShallow
32
- },
33
- zeroBasedCount: true
34
- });
35
- return null;
36
- }
package/dist/esm/react/utils/performance/RenderTracking.js DELETED
@@ -1,37 +0,0 @@
1
- import { useMemo } from 'react';
2
- import debounce from 'lodash/debounce';
3
- import { useComponentRenderTracking } from '@atlaskit/editor-common/utils';
4
- import { EVENT_TYPE } from '@atlaskit/editor-common/analytics';
5
- export function RenderTracking(props) {
6
- var debouncedHandleAnalyticsEvent = useMemo(function () {
7
- return debounce(props.handleAnalyticsEvent, 500);
8
- }, [props.handleAnalyticsEvent]);
9
- useComponentRenderTracking({
10
- onRender: function onRender(_ref) {
11
- var renderCount = _ref.renderCount,
12
- propsDifference = _ref.propsDifference,
13
- componentId = _ref.componentId;
14
- if (!renderCount) {
15
- return;
16
- }
17
- debouncedHandleAnalyticsEvent({
18
- action: props.action,
19
- actionSubject: props.actionSubject,
20
- attributes: {
21
- count: renderCount,
22
- propsDifference: propsDifference,
23
- componentId: componentId
24
- },
25
- eventType: EVENT_TYPE.OPERATIONAL
26
- });
27
- },
28
- propsDiffingOptions: {
29
- enabled: true,
30
- props: props.componentProps,
31
- propsToIgnore: props.propsToIgnore,
32
- useShallow: props.useShallow
33
- },
34
- zeroBasedCount: true
35
- });
36
- return null;
37
- }
package/dist/types/react/utils/performance/RenderTracking.d.ts DELETED
@@ -1,15 +0,0 @@
1
- import type { AnalyticsEventPayload } from '../../../analytics/events';
2
- import { type ACTION_SUBJECT, type ACTION } from '@atlaskit/editor-common/analytics';
3
- export type FireAnalyticsCallback = <T = void>(payload: AnalyticsEventPayload<T>) => void | undefined;
4
- type RenderActions = ACTION.RE_RENDERED;
5
- type RenderActionSubjects = ACTION_SUBJECT.RENDERER;
6
- type RenderTrackingProps<ComponentProps> = {
7
- componentProps: ComponentProps;
8
- action: RenderActions;
9
- actionSubject: RenderActionSubjects;
10
- handleAnalyticsEvent: FireAnalyticsCallback;
11
- propsToIgnore?: Array<keyof ComponentProps>;
12
- useShallow?: boolean;
13
- };
14
- export declare function RenderTracking<Props>(props: RenderTrackingProps<Props>): null;
15
- export {};
package/dist/types-ts4.5/react/utils/performance/RenderTracking.d.ts DELETED
@@ -1,15 +0,0 @@
1
- import type { AnalyticsEventPayload } from '../../../analytics/events';
2
- import { type ACTION_SUBJECT, type ACTION } from '@atlaskit/editor-common/analytics';
3
- export type FireAnalyticsCallback = <T = void>(payload: AnalyticsEventPayload<T>) => void | undefined;
4
- type RenderActions = ACTION.RE_RENDERED;
5
- type RenderActionSubjects = ACTION_SUBJECT.RENDERER;
6
- type RenderTrackingProps<ComponentProps> = {
7
- componentProps: ComponentProps;
8
- action: RenderActions;
9
- actionSubject: RenderActionSubjects;
10
- handleAnalyticsEvent: FireAnalyticsCallback;
11
- propsToIgnore?: Array<keyof ComponentProps>;
12
- useShallow?: boolean;
13
- };
14
- export declare function RenderTracking<Props>(props: RenderTrackingProps<Props>): null;
15
- export {};