@atlaskit/renderer 147.1.2 → 147.1.4

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 (9) hide show
  1. package/CHANGELOG.md +17 -0
  2. package/dist/cjs/react/nodes/multiBodiedExtension.js +2 -18
  3. package/dist/cjs/ui/Renderer/index.js +1 -1
  4. package/dist/es2019/react/nodes/multiBodiedExtension.js +1 -21
  5. package/dist/es2019/ui/Renderer/index.js +1 -1
  6. package/dist/esm/react/nodes/multiBodiedExtension.js +2 -18
  7. package/dist/esm/ui/Renderer/index.js +1 -1
  8. package/dist/types/analytics/events.d.ts +1 -10
  9. package/package.json +4 -7
package/CHANGELOG.md CHANGED
@@ -1,5 +1,22 @@
1
1
  # @atlaskit/renderer
2
2
 
3
+ ## 147.1.4
4
+
5
+ ### Patch Changes
6
+
7
+ - [`be603fee7766f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/be603fee7766f) -
8
+ Remove unused internal performance analytics code (plugin performance report/observer and the
9
+ renderedSampled payload type)
10
+ - Updated dependencies
11
+
12
+ ## 147.1.3
13
+
14
+ ### Patch Changes
15
+
16
+ - [`7690092b13a84`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/7690092b13a84) -
17
+ Clean up the fully rolled out nested MultiBodiedExtension frame styling feature gate.
18
+ - Updated dependencies
19
+
3
20
  ## 147.1.2
4
21
 
5
22
  ### Patch Changes
package/dist/cjs/react/nodes/multiBodiedExtension.js CHANGED
@@ -10,14 +10,13 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
10
10
  var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
11
11
  var _react = _interopRequireWildcard(require("react"));
12
12
  var _react2 = require("@emotion/react");
13
- var _fg = require("@atlaskit/platform-feature-flags/fg");
14
13
  var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
15
14
  var _analyticsContext = _interopRequireDefault(require("../../analytics/analyticsContext"));
16
15
  var _consts = require("../../consts");
17
16
  var _breakout = require("../utils/breakout");
18
17
  var _actions = require("./multiBodiedExtension/actions");
19
18
  var _context = require("./multiBodiedExtension/context");
20
- var _templateObject, _templateObject2;
19
+ var _templateObject;
21
20
  /* eslint-disable @atlaskit/design-system/prefer-primitives, @atlaskit/design-system/consistent-css-prop-usage */
22
21
  /**
23
22
  * @jsxRuntime classic
@@ -38,23 +37,11 @@ var containerStyles = (0, _react2.css)({
38
37
  }
39
38
  });
40
39
  var getFramesActiveFrameStyles = function getFramesActiveFrameStyles(activeChildIndex) {
41
- if (!(0, _fg.fg)('platform_editor_nested_mbe_frames')) {
42
- return undefined;
43
- }
44
-
45
40
  // Apply the active-frame rule on the frames article itself so nested MBEs
46
41
  // only target their own direct frames.
47
42
  // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression
48
43
  return (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\t\t& > [data-extension-frame='true']:nth-of-type(", ") {\n\t\t\tdisplay: block;\n\t\t}\n\t"])), activeChildIndex + 1);
49
44
  };
50
- var getContainerActiveFrameStyles = function getContainerActiveFrameStyles(activeChildIndex) {
51
- if ((0, _fg.fg)('platform_editor_nested_mbe_frames')) {
52
- return undefined;
53
- }
54
-
55
- // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression
56
- return (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n\t\t& [data-extension-frame='true']:nth-of-type(", ") {\n\t\t\tdisplay: block;\n\t\t}\n\t"])), activeChildIndex + 1);
57
- };
58
45
  var MultiBodiedExtensionChildrenContainer = function MultiBodiedExtensionChildrenContainer(_ref) {
59
46
  var activeChildIndex = _ref.activeChildIndex,
60
47
  children = _ref.children;
@@ -169,9 +156,6 @@ var MultiBodiedExtension = function MultiBodiedExtension(props) {
169
156
  }, children));
170
157
  }
171
158
  }, [activeChildIndex, loading, extensionContext, marks, extensionKey, extensionType, parameters, getContent, localId, actions, children]);
172
-
173
- // make the frame visible
174
- var containerActiveFrameStyles = getContainerActiveFrameStyles(activeChildIndex);
175
159
  var isTopLevel = path.length < 1;
176
160
  var useCenterWrapper = isTopLevel && ['wide', 'full-width'].includes(layout);
177
161
  var wrapper = (0, _react2.jsx)(MultiBodiedExtensionWrapperNext, {
@@ -180,7 +164,7 @@ var MultiBodiedExtension = function MultiBodiedExtension(props) {
180
164
  rendererAppearance: rendererAppearance
181
165
  }, renderContent());
182
166
  return (0, _react2.jsx)("section", {
183
- css: [containerStyles, containerActiveFrameStyles],
167
+ css: containerStyles,
184
168
  "data-testid": "multiBodiedExtension--container",
185
169
  "data-multiBodiedExtension-container": true,
186
170
  "data-active-child-index": activeChildIndex,
package/dist/cjs/ui/Renderer/index.js CHANGED
@@ -71,7 +71,7 @@ var DEGRADED_SEVERITY_THRESHOLD = exports.DEGRADED_SEVERITY_THRESHOLD = 3000;
71
71
  var TABLE_INFO_TIMEOUT = 10000;
72
72
  var RENDER_EVENT_SAMPLE_RATE = 0.1;
73
73
  var packageName = "@atlaskit/renderer";
74
- var packageVersion = "147.1.1";
74
+ var packageVersion = "147.1.3";
75
75
  var setAsQueryContainerStyles = (0, _react2.css)({
76
76
  containerName: 'ak-renderer-wrapper',
77
77
  containerType: 'inline-size'
package/dist/es2019/react/nodes/multiBodiedExtension.js CHANGED
@@ -8,7 +8,6 @@
8
8
 
9
9
  import React, { useContext, useState } from 'react';
10
10
  import { jsx, css } from '@emotion/react';
11
- import { fg } from '@atlaskit/platform-feature-flags/fg';
12
11
  import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
13
12
  import AnalyticsContext from '../../analytics/analyticsContext';
14
13
  import { RendererCssClassName } from '../../consts';
@@ -28,10 +27,6 @@ const containerStyles = css({
28
27
  }
29
28
  });
30
29
  const getFramesActiveFrameStyles = activeChildIndex => {
31
- if (!fg('platform_editor_nested_mbe_frames')) {
32
- return undefined;
33
- }
34
-
35
30
  // Apply the active-frame rule on the frames article itself so nested MBEs
36
31
  // only target their own direct frames.
37
32
  // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression
@@ -41,18 +36,6 @@ const getFramesActiveFrameStyles = activeChildIndex => {
41
36
  }
42
37
  `;
43
38
  };
44
- const getContainerActiveFrameStyles = activeChildIndex => {
45
- if (fg('platform_editor_nested_mbe_frames')) {
46
- return undefined;
47
- }
48
-
49
- // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression
50
- return css`
51
- & [data-extension-frame='true']:nth-of-type(${activeChildIndex + 1}) {
52
- display: block;
53
- }
54
- `;
55
- };
56
39
  const MultiBodiedExtensionChildrenContainer = ({
57
40
  activeChildIndex,
58
41
  children
@@ -169,9 +152,6 @@ const MultiBodiedExtension = props => {
169
152
  }, children));
170
153
  }
171
154
  }, [activeChildIndex, loading, extensionContext, marks, extensionKey, extensionType, parameters, getContent, localId, actions, children]);
172
-
173
- // make the frame visible
174
- const containerActiveFrameStyles = getContainerActiveFrameStyles(activeChildIndex);
175
155
  const isTopLevel = path.length < 1;
176
156
  const useCenterWrapper = isTopLevel && ['wide', 'full-width'].includes(layout);
177
157
  const wrapper = jsx(MultiBodiedExtensionWrapperNext, {
@@ -180,7 +160,7 @@ const MultiBodiedExtension = props => {
180
160
  rendererAppearance: rendererAppearance
181
161
  }, renderContent());
182
162
  return jsx("section", {
183
- css: [containerStyles, containerActiveFrameStyles],
163
+ css: containerStyles,
184
164
  "data-testid": "multiBodiedExtension--container",
185
165
  "data-multiBodiedExtension-container": true,
186
166
  "data-active-child-index": activeChildIndex,
package/dist/es2019/ui/Renderer/index.js CHANGED
@@ -56,7 +56,7 @@ export const DEGRADED_SEVERITY_THRESHOLD = 3000;
56
56
  const TABLE_INFO_TIMEOUT = 10000;
57
57
  const RENDER_EVENT_SAMPLE_RATE = 0.1;
58
58
  const packageName = "@atlaskit/renderer";
59
- const packageVersion = "147.1.1";
59
+ const packageVersion = "147.1.3";
60
60
  const setAsQueryContainerStyles = css({
61
61
  containerName: 'ak-renderer-wrapper',
62
62
  containerType: 'inline-size'
package/dist/esm/react/nodes/multiBodiedExtension.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
2
2
  import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
3
- var _templateObject, _templateObject2;
3
+ var _templateObject;
4
4
  /* eslint-disable @atlaskit/design-system/prefer-primitives, @atlaskit/design-system/consistent-css-prop-usage */
5
5
  /**
6
6
  * @jsxRuntime classic
@@ -11,7 +11,6 @@ var _templateObject, _templateObject2;
11
11
 
12
12
  import React, { useContext, useState } from 'react';
13
13
  import { jsx, css } from '@emotion/react';
14
- import { fg } from '@atlaskit/platform-feature-flags/fg';
15
14
  import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
16
15
  import AnalyticsContext from '../../analytics/analyticsContext';
17
16
  import { RendererCssClassName } from '../../consts';
@@ -31,23 +30,11 @@ var containerStyles = css({
31
30
  }
32
31
  });
33
32
  var getFramesActiveFrameStyles = function getFramesActiveFrameStyles(activeChildIndex) {
34
- if (!fg('platform_editor_nested_mbe_frames')) {
35
- return undefined;
36
- }
37
-
38
33
  // Apply the active-frame rule on the frames article itself so nested MBEs
39
34
  // only target their own direct frames.
40
35
  // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression
41
36
  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\t\t& > [data-extension-frame='true']:nth-of-type(", ") {\n\t\t\tdisplay: block;\n\t\t}\n\t"])), activeChildIndex + 1);
42
37
  };
43
- var getContainerActiveFrameStyles = function getContainerActiveFrameStyles(activeChildIndex) {
44
- if (fg('platform_editor_nested_mbe_frames')) {
45
- return undefined;
46
- }
47
-
48
- // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression
49
- return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n\t\t& [data-extension-frame='true']:nth-of-type(", ") {\n\t\t\tdisplay: block;\n\t\t}\n\t"])), activeChildIndex + 1);
50
- };
51
38
  var MultiBodiedExtensionChildrenContainer = function MultiBodiedExtensionChildrenContainer(_ref) {
52
39
  var activeChildIndex = _ref.activeChildIndex,
53
40
  children = _ref.children;
@@ -162,9 +149,6 @@ var MultiBodiedExtension = function MultiBodiedExtension(props) {
162
149
  }, children));
163
150
  }
164
151
  }, [activeChildIndex, loading, extensionContext, marks, extensionKey, extensionType, parameters, getContent, localId, actions, children]);
165
-
166
- // make the frame visible
167
- var containerActiveFrameStyles = getContainerActiveFrameStyles(activeChildIndex);
168
152
  var isTopLevel = path.length < 1;
169
153
  var useCenterWrapper = isTopLevel && ['wide', 'full-width'].includes(layout);
170
154
  var wrapper = jsx(MultiBodiedExtensionWrapperNext, {
@@ -173,7 +157,7 @@ var MultiBodiedExtension = function MultiBodiedExtension(props) {
173
157
  rendererAppearance: rendererAppearance
174
158
  }, renderContent());
175
159
  return jsx("section", {
176
- css: [containerStyles, containerActiveFrameStyles],
160
+ css: containerStyles,
177
161
  "data-testid": "multiBodiedExtension--container",
178
162
  "data-multiBodiedExtension-container": true,
179
163
  "data-active-child-index": activeChildIndex,
package/dist/esm/ui/Renderer/index.js CHANGED
@@ -61,7 +61,7 @@ export var DEGRADED_SEVERITY_THRESHOLD = 3000;
61
61
  var TABLE_INFO_TIMEOUT = 10000;
62
62
  var RENDER_EVENT_SAMPLE_RATE = 0.1;
63
63
  var packageName = "@atlaskit/renderer";
64
- var packageVersion = "147.1.1";
64
+ var packageVersion = "147.1.3";
65
65
  var setAsQueryContainerStyles = css({
66
66
  containerName: 'ak-renderer-wrapper',
67
67
  containerType: 'inline-size'
package/dist/types/analytics/events.d.ts CHANGED
@@ -27,15 +27,6 @@ type RendererRenderedAEP = AEP<ACTION.RENDERED, ACTION_SUBJECT.RENDERER, undefin
27
27
  severity?: SEVERITY;
28
28
  ttfb?: number;
29
29
  }, EVENT_TYPE.OPERATIONAL>;
30
- type RendererRenderedSampledAEP = AEP<ACTION.RENDERED_SAMPLED, ACTION_SUBJECT.RENDERER, undefined, {
31
- distortedDuration: boolean;
32
- duration: number;
33
- nestedRendererType?: NestedRendererType;
34
- nodes: Record<string, number>;
35
- platform: PLATFORM.WEB;
36
- severity?: SEVERITY;
37
- ttfb?: number;
38
- }, EVENT_TYPE.OPERATIONAL>;
39
30
  export type ComponentCrashErrorAEP = OperationalAEP<ACTION.CRASHED, ACTION_SUBJECT.RENDERER, ACTION_SUBJECT_ID, {
40
31
  componentStack?: string;
41
32
  errorMessage?: string;
@@ -189,6 +180,6 @@ export type MBEChangeActiveAnalyticsEvent = AEP<ACTION.CHANGE_ACTIVE, ACTION_SUB
189
180
  extensionKey: string;
190
181
  extensionType: string;
191
182
  }, EVENT_TYPE.TRACK>;
192
- 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 | CollapsibleHeadingToggledAEP | UnsupportedContentPayload | UnsupportedContentTooltipPayload | AnnotationAEP | AnnotationDeleteAEP | MediaLnkTransformedAEP | InvalidProsemirrorDocumentErrorAEP | NestedTableTransformedAEP | ContainerNodeTransformedAEP | NativeEmbedsTransformedAEP | MediaRenderErrorEvent | SyncedBlockFetchErrorAEP | SyncedBlockGetSourceInfoErrorAEP | SyncedBlockSSRErrorAEP | ReferenceSyncedBlockUpdateErrorAEP | SyncedBlockFetchSuccessAEP | ExperienceEventPayload | MediaRenderedAEP | ExtensionRenderedAsInlineAEP | MBEChangeActiveAnalyticsEvent;
183
+ export type AnalyticsEventPayload<_T = void> = RendererStartAEP | RendererRenderedAEP | ComponentCrashErrorAEP | RendererUnsupportedContentLevelsTrackingSucceeded | RendererUnsupportedContentLevelsTrackingErrored | RendererSelectAllCaughtAEP | RendererSelectAllEscapedAEP | CodeBlockCopyAEP | CodeBlockWrapAEP | HeadingAnchorLinkButtonAEP | HoverLabelAEP | AnchorLinkAEP | TableSortColumnNotAllowedAEP | TableSortColumnAEP | TableWidthInfoAEP | TableRendererHeightInfoAEP | VisitLinkAEP | VisitMediaLinkAEP | ExpandAEP | CollapsibleHeadingToggledAEP | UnsupportedContentPayload | UnsupportedContentTooltipPayload | AnnotationAEP | AnnotationDeleteAEP | MediaLnkTransformedAEP | InvalidProsemirrorDocumentErrorAEP | NestedTableTransformedAEP | ContainerNodeTransformedAEP | NativeEmbedsTransformedAEP | MediaRenderErrorEvent | SyncedBlockFetchErrorAEP | SyncedBlockGetSourceInfoErrorAEP | SyncedBlockSSRErrorAEP | ReferenceSyncedBlockUpdateErrorAEP | SyncedBlockFetchSuccessAEP | ExperienceEventPayload | MediaRenderedAEP | ExtensionRenderedAsInlineAEP | MBEChangeActiveAnalyticsEvent;
193
184
  export type FireAnalyticsCallback = <T = void>(payload: AnalyticsEventPayload<T>) => void | undefined;
194
185
  export {};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/renderer",
3
- "version": "147.1.2",
3
+ "version": "147.1.4",
4
4
  "description": "Renderer component",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -73,7 +73,7 @@
73
73
  "@atlaskit/status": "^5.13.0",
74
74
  "@atlaskit/task-decision": "^21.12.0",
75
75
  "@atlaskit/theme": "^28.2.0",
76
- "@atlaskit/tmp-editor-statsig": "^223.0.0",
76
+ "@atlaskit/tmp-editor-statsig": "^224.0.0",
77
77
  "@atlaskit/tokens": "^20.3.0",
78
78
  "@atlaskit/tooltip": "^24.4.0",
79
79
  "@atlaskit/visually-hidden": "^4.4.0",
@@ -88,7 +88,7 @@
88
88
  "uuid": "^11.1.1"
89
89
  },
90
90
  "peerDependencies": {
91
- "@atlaskit/editor-common": "^128.3.0",
91
+ "@atlaskit/editor-common": "^128.4.0",
92
92
  "@atlaskit/link-provider": "^6.0.0",
93
93
  "@atlaskit/media-core": "^39.0.0",
94
94
  "react": "^18.2.0 || ^19.2.0",
@@ -113,7 +113,7 @@
113
113
  "@atlaskit/media-test-helpers": "^43.0.0",
114
114
  "@atlaskit/mention": "^30.1.0",
115
115
  "@atlaskit/modal-dialog": "^17.0.0",
116
- "@atlaskit/navigation-system": "^11.1.0",
116
+ "@atlaskit/navigation-system": "^11.2.0",
117
117
  "@atlaskit/primitives": "^22.5.0",
118
118
  "@atlaskit/profilecard": "^27.1.0",
119
119
  "@atlaskit/radio": "^10.2.0",
@@ -171,9 +171,6 @@
171
171
  "platform_editor_querySelector_fix_table_renderer": {
172
172
  "type": "boolean"
173
173
  },
174
- "platform_editor_nested_mbe_frames": {
175
- "type": "boolean"
176
- },
177
174
  "platform_editor_content_mode_button_mvp": {
178
175
  "type": "boolean"
179
176
  },