@atlaskit/renderer 133.7.2 → 133.7.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,13 @@
1
1
  # @atlaskit/renderer
2
2
 
3
+ ## 133.7.3
4
+
5
+ ### Patch Changes
6
+
7
+ - [`d4d3ad611bb7b`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d4d3ad611bb7b) -
8
+ Add multi-bodied extension action analytics for active child changes and parameter updates.
9
+ - Updated dependencies
10
+
3
11
  ## 133.7.2
4
12
 
5
13
  ### Patch Changes
@@ -6,11 +6,18 @@ Object.defineProperty(exports, "__esModule", {
6
6
  });
7
7
  exports.useMultiBodiedExtensionActions = void 0;
8
8
  var _react = _interopRequireDefault(require("react"));
9
+ var _analytics = require("@atlaskit/editor-common/analytics");
10
+ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
9
11
  var useMultiBodiedExtensionActions = exports.useMultiBodiedExtensionActions = function useMultiBodiedExtensionActions(_ref) {
10
12
  var updateActiveChild = _ref.updateActiveChild,
11
13
  children = _ref.children,
12
14
  allowBodiedOverride = _ref.allowBodiedOverride,
13
- childrenContainer = _ref.childrenContainer;
15
+ childrenContainer = _ref.childrenContainer,
16
+ _ref$extensionKey = _ref.extensionKey,
17
+ extensionKey = _ref$extensionKey === void 0 ? '' : _ref$extensionKey,
18
+ _ref$extensionType = _ref.extensionType,
19
+ extensionType = _ref$extensionType === void 0 ? '' : _ref$extensionType,
20
+ fireAnalyticsEvent = _ref.fireAnalyticsEvent;
14
21
  return _react.default.useMemo(function () {
15
22
  return {
16
23
  changeActive: function changeActive(index) {
@@ -18,6 +25,17 @@ var useMultiBodiedExtensionActions = exports.useMultiBodiedExtensionActions = fu
18
25
  return false;
19
26
  }
20
27
  updateActiveChild(index);
28
+ if ((0, _platformFeatureFlags.fg)('confluence_frontend_native_tabs_extension')) {
29
+ fireAnalyticsEvent === null || fireAnalyticsEvent === void 0 || fireAnalyticsEvent({
30
+ action: _analytics.ACTION.CHANGE_ACTIVE,
31
+ actionSubject: _analytics.ACTION_SUBJECT.MULTI_BODIED_EXTENSION,
32
+ attributes: {
33
+ extensionType: extensionType,
34
+ extensionKey: extensionKey
35
+ },
36
+ eventType: _analytics.EVENT_TYPE.TRACK
37
+ });
38
+ }
21
39
  return true;
22
40
  },
23
41
  addChild: function addChild() {
@@ -45,5 +63,5 @@ var useMultiBodiedExtensionActions = exports.useMultiBodiedExtensionActions = fu
45
63
  return allowBodiedOverride ? childrenContainer : null;
46
64
  }
47
65
  };
48
- }, [updateActiveChild, children, allowBodiedOverride, childrenContainer]);
66
+ }, [updateActiveChild, children, allowBodiedOverride, childrenContainer, extensionKey, extensionType, fireAnalyticsEvent]);
49
67
  };
@@ -17,6 +17,7 @@ var _actions = require("./multiBodiedExtension/actions");
17
17
  var _context = require("./multiBodiedExtension/context");
18
18
  var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
19
19
  var _breakout = require("../utils/breakout");
20
+ var _analyticsContext = _interopRequireDefault(require("../../analytics/analyticsContext"));
20
21
  var _templateObject;
21
22
  /* eslint-disable @atlaskit/design-system/prefer-primitives, @atlaskit/design-system/consistent-css-prop-usage */
22
23
  /**
@@ -126,6 +127,8 @@ var MultiBodiedExtension = function MultiBodiedExtension(props) {
126
127
  _useState2 = (0, _slicedToArray2.default)(_useState, 2),
127
128
  activeChildIndex = _useState2[0],
128
129
  setActiveChildIndex = _useState2[1];
130
+ var _useContext = (0, _react2.useContext)(_analyticsContext.default),
131
+ fireAnalyticsEvent = _useContext.fireAnalyticsEvent;
129
132
  var _useMultiBodiedExtens = (0, _context.useMultiBodiedExtensionContext)({
130
133
  extensionHandlers: extensionHandlers,
131
134
  extensionType: extensionType,
@@ -137,7 +140,10 @@ var MultiBodiedExtension = function MultiBodiedExtension(props) {
137
140
  updateActiveChild: setActiveChildIndex,
138
141
  children: children,
139
142
  childrenContainer: (0, _react.jsx)(MultiBodiedExtensionChildrenContainer, null, children),
140
- allowBodiedOverride: extensionContext === null || extensionContext === void 0 || (_extensionContext$pri = extensionContext.privateProps) === null || _extensionContext$pri === void 0 ? void 0 : _extensionContext$pri.__allowBodiedOverride
143
+ allowBodiedOverride: extensionContext === null || extensionContext === void 0 || (_extensionContext$pri = extensionContext.privateProps) === null || _extensionContext$pri === void 0 ? void 0 : _extensionContext$pri.__allowBodiedOverride,
144
+ extensionKey: extensionKey,
145
+ extensionType: extensionType,
146
+ fireAnalyticsEvent: fireAnalyticsEvent
141
147
  });
142
148
  var renderContent = _react2.default.useCallback(function () {
143
149
  var _marks$find;
@@ -72,7 +72,7 @@ var DEGRADED_SEVERITY_THRESHOLD = exports.DEGRADED_SEVERITY_THRESHOLD = 3000;
72
72
  var TABLE_INFO_TIMEOUT = 10000;
73
73
  var RENDER_EVENT_SAMPLE_RATE = 0.2;
74
74
  var packageName = "@atlaskit/renderer";
75
- var packageVersion = "133.7.1";
75
+ var packageVersion = "133.7.2";
76
76
  var setAsQueryContainerStyles = (0, _react2.css)({
77
77
  containerName: 'ak-renderer-wrapper',
78
78
  containerType: 'inline-size'
@@ -1,9 +1,14 @@
1
1
  import React from 'react';
2
+ import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
3
+ import { fg } from '@atlaskit/platform-feature-flags';
2
4
  export const useMultiBodiedExtensionActions = ({
3
5
  updateActiveChild,
4
6
  children,
5
7
  allowBodiedOverride,
6
- childrenContainer
8
+ childrenContainer,
9
+ extensionKey = '',
10
+ extensionType = '',
11
+ fireAnalyticsEvent
7
12
  }) => {
8
13
  return React.useMemo(() => {
9
14
  return {
@@ -12,6 +17,17 @@ export const useMultiBodiedExtensionActions = ({
12
17
  return false;
13
18
  }
14
19
  updateActiveChild(index);
20
+ if (fg('confluence_frontend_native_tabs_extension')) {
21
+ fireAnalyticsEvent === null || fireAnalyticsEvent === void 0 ? void 0 : fireAnalyticsEvent({
22
+ action: ACTION.CHANGE_ACTIVE,
23
+ actionSubject: ACTION_SUBJECT.MULTI_BODIED_EXTENSION,
24
+ attributes: {
25
+ extensionType,
26
+ extensionKey
27
+ },
28
+ eventType: EVENT_TYPE.TRACK
29
+ });
30
+ }
15
31
  return true;
16
32
  },
17
33
  addChild() {
@@ -39,5 +55,5 @@ export const useMultiBodiedExtensionActions = ({
39
55
  return allowBodiedOverride ? childrenContainer : null;
40
56
  }
41
57
  };
42
- }, [updateActiveChild, children, allowBodiedOverride, childrenContainer]);
58
+ }, [updateActiveChild, children, allowBodiedOverride, childrenContainer, extensionKey, extensionType, fireAnalyticsEvent]);
43
59
  };
@@ -7,7 +7,7 @@
7
7
 
8
8
  /* eslint-disable @typescript-eslint/consistent-type-imports, @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766; jsx required at runtime for @jsxRuntime classic */
9
9
  import { jsx, css } from '@emotion/react';
10
- import React, { useState } from 'react';
10
+ import React, { useContext, useState } from 'react';
11
11
  import { WidthConsumer } from '@atlaskit/editor-common/ui';
12
12
  import { RendererCssClassName } from '../../consts';
13
13
  import { calcBreakoutWidth } from '@atlaskit/editor-common/utils';
@@ -15,6 +15,7 @@ import { useMultiBodiedExtensionActions } from './multiBodiedExtension/actions';
15
15
  import { useMultiBodiedExtensionContext } from './multiBodiedExtension/context';
16
16
  import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
17
17
  import { calcBreakoutWidthCss } from '../utils/breakout';
18
+ import AnalyticsContext from '../../analytics/analyticsContext';
18
19
  const containerStyles = css({
19
20
  // Remove top margin if MBE is the first on the doc/page (MBE can only be on the first level)
20
21
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors, @atlaskit/ui-styling-standard/no-nested-selectors
@@ -116,6 +117,9 @@ const MultiBodiedExtension = props => {
116
117
  rendererAppearance
117
118
  } = props;
118
119
  const [activeChildIndex, setActiveChildIndex] = useState(0);
120
+ const {
121
+ fireAnalyticsEvent
122
+ } = useContext(AnalyticsContext);
119
123
  const {
120
124
  loading,
121
125
  extensionContext
@@ -128,7 +132,10 @@ const MultiBodiedExtension = props => {
128
132
  updateActiveChild: setActiveChildIndex,
129
133
  children,
130
134
  childrenContainer: jsx(MultiBodiedExtensionChildrenContainer, null, children),
131
- allowBodiedOverride: extensionContext === null || extensionContext === void 0 ? void 0 : (_extensionContext$pri = extensionContext.privateProps) === null || _extensionContext$pri === void 0 ? void 0 : _extensionContext$pri.__allowBodiedOverride
135
+ allowBodiedOverride: extensionContext === null || extensionContext === void 0 ? void 0 : (_extensionContext$pri = extensionContext.privateProps) === null || _extensionContext$pri === void 0 ? void 0 : _extensionContext$pri.__allowBodiedOverride,
136
+ extensionKey,
137
+ extensionType,
138
+ fireAnalyticsEvent
132
139
  });
133
140
  const renderContent = React.useCallback(() => {
134
141
  var _marks$find, _marks$find$attrs;
@@ -58,7 +58,7 @@ export const DEGRADED_SEVERITY_THRESHOLD = 3000;
58
58
  const TABLE_INFO_TIMEOUT = 10000;
59
59
  const RENDER_EVENT_SAMPLE_RATE = 0.2;
60
60
  const packageName = "@atlaskit/renderer";
61
- const packageVersion = "133.7.1";
61
+ const packageVersion = "133.7.2";
62
62
  const setAsQueryContainerStyles = css({
63
63
  containerName: 'ak-renderer-wrapper',
64
64
  containerType: 'inline-size'
@@ -1,9 +1,16 @@
1
1
  import React from 'react';
2
+ import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
3
+ import { fg } from '@atlaskit/platform-feature-flags';
2
4
  export var useMultiBodiedExtensionActions = function useMultiBodiedExtensionActions(_ref) {
3
5
  var updateActiveChild = _ref.updateActiveChild,
4
6
  children = _ref.children,
5
7
  allowBodiedOverride = _ref.allowBodiedOverride,
6
- childrenContainer = _ref.childrenContainer;
8
+ childrenContainer = _ref.childrenContainer,
9
+ _ref$extensionKey = _ref.extensionKey,
10
+ extensionKey = _ref$extensionKey === void 0 ? '' : _ref$extensionKey,
11
+ _ref$extensionType = _ref.extensionType,
12
+ extensionType = _ref$extensionType === void 0 ? '' : _ref$extensionType,
13
+ fireAnalyticsEvent = _ref.fireAnalyticsEvent;
7
14
  return React.useMemo(function () {
8
15
  return {
9
16
  changeActive: function changeActive(index) {
@@ -11,6 +18,17 @@ export var useMultiBodiedExtensionActions = function useMultiBodiedExtensionActi
11
18
  return false;
12
19
  }
13
20
  updateActiveChild(index);
21
+ if (fg('confluence_frontend_native_tabs_extension')) {
22
+ fireAnalyticsEvent === null || fireAnalyticsEvent === void 0 || fireAnalyticsEvent({
23
+ action: ACTION.CHANGE_ACTIVE,
24
+ actionSubject: ACTION_SUBJECT.MULTI_BODIED_EXTENSION,
25
+ attributes: {
26
+ extensionType: extensionType,
27
+ extensionKey: extensionKey
28
+ },
29
+ eventType: EVENT_TYPE.TRACK
30
+ });
31
+ }
14
32
  return true;
15
33
  },
16
34
  addChild: function addChild() {
@@ -38,5 +56,5 @@ export var useMultiBodiedExtensionActions = function useMultiBodiedExtensionActi
38
56
  return allowBodiedOverride ? childrenContainer : null;
39
57
  }
40
58
  };
41
- }, [updateActiveChild, children, allowBodiedOverride, childrenContainer]);
59
+ }, [updateActiveChild, children, allowBodiedOverride, childrenContainer, extensionKey, extensionType, fireAnalyticsEvent]);
42
60
  };
@@ -10,7 +10,7 @@ var _templateObject;
10
10
 
11
11
  /* eslint-disable @typescript-eslint/consistent-type-imports, @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766; jsx required at runtime for @jsxRuntime classic */
12
12
  import { jsx, css } from '@emotion/react';
13
- import React, { useState } from 'react';
13
+ import React, { useContext, useState } from 'react';
14
14
  import { WidthConsumer } from '@atlaskit/editor-common/ui';
15
15
  import { RendererCssClassName } from '../../consts';
16
16
  import { calcBreakoutWidth } from '@atlaskit/editor-common/utils';
@@ -18,6 +18,7 @@ import { useMultiBodiedExtensionActions } from './multiBodiedExtension/actions';
18
18
  import { useMultiBodiedExtensionContext } from './multiBodiedExtension/context';
19
19
  import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
20
20
  import { calcBreakoutWidthCss } from '../utils/breakout';
21
+ import AnalyticsContext from '../../analytics/analyticsContext';
21
22
  var containerStyles = css({
22
23
  // Remove top margin if MBE is the first on the doc/page (MBE can only be on the first level)
23
24
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors, @atlaskit/ui-styling-standard/no-nested-selectors
@@ -118,6 +119,8 @@ var MultiBodiedExtension = function MultiBodiedExtension(props) {
118
119
  _useState2 = _slicedToArray(_useState, 2),
119
120
  activeChildIndex = _useState2[0],
120
121
  setActiveChildIndex = _useState2[1];
122
+ var _useContext = useContext(AnalyticsContext),
123
+ fireAnalyticsEvent = _useContext.fireAnalyticsEvent;
121
124
  var _useMultiBodiedExtens = useMultiBodiedExtensionContext({
122
125
  extensionHandlers: extensionHandlers,
123
126
  extensionType: extensionType,
@@ -129,7 +132,10 @@ var MultiBodiedExtension = function MultiBodiedExtension(props) {
129
132
  updateActiveChild: setActiveChildIndex,
130
133
  children: children,
131
134
  childrenContainer: jsx(MultiBodiedExtensionChildrenContainer, null, children),
132
- allowBodiedOverride: extensionContext === null || extensionContext === void 0 || (_extensionContext$pri = extensionContext.privateProps) === null || _extensionContext$pri === void 0 ? void 0 : _extensionContext$pri.__allowBodiedOverride
135
+ allowBodiedOverride: extensionContext === null || extensionContext === void 0 || (_extensionContext$pri = extensionContext.privateProps) === null || _extensionContext$pri === void 0 ? void 0 : _extensionContext$pri.__allowBodiedOverride,
136
+ extensionKey: extensionKey,
137
+ extensionType: extensionType,
138
+ fireAnalyticsEvent: fireAnalyticsEvent
133
139
  });
134
140
  var renderContent = React.useCallback(function () {
135
141
  var _marks$find;
@@ -63,7 +63,7 @@ export var DEGRADED_SEVERITY_THRESHOLD = 3000;
63
63
  var TABLE_INFO_TIMEOUT = 10000;
64
64
  var RENDER_EVENT_SAMPLE_RATE = 0.2;
65
65
  var packageName = "@atlaskit/renderer";
66
- var packageVersion = "133.7.1";
66
+ var packageVersion = "133.7.2";
67
67
  var setAsQueryContainerStyles = css({
68
68
  containerName: 'ak-renderer-wrapper',
69
69
  containerType: 'inline-size'
@@ -179,6 +179,10 @@ type ExtensionRenderedAsInlineAEP = OperationalAEP<ACTION.RENDERED, ACTION_SUBJE
179
179
  extensionKey: string;
180
180
  extensionType: string;
181
181
  }>;
182
- export type AnalyticsEventPayload<_T = void> = RendererStartAEP | RendererRenderedAEP | RendererRenderedSampledAEP | ComponentCrashErrorAEP | RendererUnsupportedContentLevelsTrackingSucceeded | RendererUnsupportedContentLevelsTrackingErrored | RendererSelectAllCaughtAEP | RendererSelectAllEscapedAEP | CodeBlockCopyAEP | CodeBlockWrapAEP | HeadingAnchorLinkButtonAEP | HoverLabelAEP | AnchorLinkAEP | TableSortColumnNotAllowedAEP | TableSortColumnAEP | TableWidthInfoAEP | TableRendererHeightInfoAEP | VisitLinkAEP | VisitMediaLinkAEP | ExpandAEP | UnsupportedContentPayload | UnsupportedContentTooltipPayload | AnnotationAEP | AnnotationDeleteAEP | MediaLnkTransformedAEP | InvalidProsemirrorDocumentErrorAEP | NestedTableTransformedAEP | ContainerNodeTransformedAEP | NativeEmbedsTransformedAEP | MediaRenderErrorEvent | SyncedBlockFetchErrorAEP | SyncedBlockGetSourceInfoErrorAEP | SyncedBlockSSRErrorAEP | ReferenceSyncedBlockUpdateErrorAEP | SyncedBlockFetchSuccessAEP | ExperienceEventPayload | ExtensionRenderedAsInlineAEP;
182
+ export type MBEChangeActiveAnalyticsEvent = AEP<ACTION.CHANGE_ACTIVE, ACTION_SUBJECT.MULTI_BODIED_EXTENSION, undefined, {
183
+ extensionKey: string;
184
+ extensionType: string;
185
+ }, EVENT_TYPE.TRACK>;
186
+ export type AnalyticsEventPayload<_T = void> = RendererStartAEP | RendererRenderedAEP | RendererRenderedSampledAEP | ComponentCrashErrorAEP | RendererUnsupportedContentLevelsTrackingSucceeded | RendererUnsupportedContentLevelsTrackingErrored | RendererSelectAllCaughtAEP | RendererSelectAllEscapedAEP | CodeBlockCopyAEP | CodeBlockWrapAEP | HeadingAnchorLinkButtonAEP | HoverLabelAEP | AnchorLinkAEP | TableSortColumnNotAllowedAEP | TableSortColumnAEP | TableWidthInfoAEP | TableRendererHeightInfoAEP | VisitLinkAEP | VisitMediaLinkAEP | ExpandAEP | UnsupportedContentPayload | UnsupportedContentTooltipPayload | AnnotationAEP | AnnotationDeleteAEP | MediaLnkTransformedAEP | InvalidProsemirrorDocumentErrorAEP | NestedTableTransformedAEP | ContainerNodeTransformedAEP | NativeEmbedsTransformedAEP | MediaRenderErrorEvent | SyncedBlockFetchErrorAEP | SyncedBlockGetSourceInfoErrorAEP | SyncedBlockSSRErrorAEP | ReferenceSyncedBlockUpdateErrorAEP | SyncedBlockFetchSuccessAEP | ExperienceEventPayload | ExtensionRenderedAsInlineAEP | MBEChangeActiveAnalyticsEvent;
183
187
  export type FireAnalyticsCallback = <T = void>(payload: AnalyticsEventPayload<T>) => void | undefined;
184
188
  export {};
@@ -1,10 +1,14 @@
1
1
  import React from 'react';
2
2
  import type { MultiBodiedExtensionActions } from '@atlaskit/editor-common/extensions';
3
+ import type { MBEChangeActiveAnalyticsEvent } from '../../../analytics/events';
3
4
  type ActionsProps = {
4
5
  allowBodiedOverride: boolean;
5
6
  children: React.ReactNode;
6
7
  childrenContainer: React.ReactNode;
8
+ extensionKey?: string;
9
+ extensionType?: string;
10
+ fireAnalyticsEvent?: (event: MBEChangeActiveAnalyticsEvent) => void;
7
11
  updateActiveChild: (index: number) => void;
8
12
  };
9
- export declare const useMultiBodiedExtensionActions: ({ updateActiveChild, children, allowBodiedOverride, childrenContainer, }: ActionsProps) => MultiBodiedExtensionActions;
13
+ export declare const useMultiBodiedExtensionActions: ({ updateActiveChild, children, allowBodiedOverride, childrenContainer, extensionKey, extensionType, fireAnalyticsEvent, }: ActionsProps) => MultiBodiedExtensionActions;
10
14
  export {};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/renderer",
3
- "version": "133.7.2",
3
+ "version": "133.7.3",
4
4
  "description": "Renderer component",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -67,7 +67,7 @@
67
67
  "@atlaskit/status": "^5.4.0",
68
68
  "@atlaskit/task-decision": "^21.4.0",
69
69
  "@atlaskit/theme": "^26.1.0",
70
- "@atlaskit/tmp-editor-statsig": "^115.0.0",
70
+ "@atlaskit/tmp-editor-statsig": "^116.0.0",
71
71
  "@atlaskit/tokens": "^15.2.0",
72
72
  "@atlaskit/tooltip": "^23.1.0",
73
73
  "@atlaskit/visually-hidden": "^4.1.0",
@@ -103,7 +103,7 @@
103
103
  "@atlaskit/mention": "^27.5.0",
104
104
  "@atlaskit/modal-dialog": "^16.1.0",
105
105
  "@atlaskit/navigation-system": "^10.1.0",
106
- "@atlaskit/profilecard": "^26.4.0",
106
+ "@atlaskit/profilecard": "^26.5.0",
107
107
  "@atlaskit/side-nav-items": "^2.2.0",
108
108
  "@atlaskit/util-data-test": "^19.1.0",
109
109
  "@atlassian/a11y-jest-testing": "^0.13.0",