@atlaskit/renderer 124.17.4 → 124.17.5

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 (14) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/dist/cjs/react/nodes/extension.js +3 -1
  3. package/dist/cjs/react/nodes/multiBodiedExtension.js +2 -1
  4. package/dist/cjs/ui/Renderer/breakout-ssr.js +5 -3
  5. package/dist/cjs/ui/Renderer/index.js +1 -1
  6. package/dist/es2019/react/nodes/extension.js +3 -1
  7. package/dist/es2019/react/nodes/multiBodiedExtension.js +2 -1
  8. package/dist/es2019/ui/Renderer/breakout-ssr.js +5 -3
  9. package/dist/es2019/ui/Renderer/index.js +1 -1
  10. package/dist/esm/react/nodes/extension.js +3 -1
  11. package/dist/esm/react/nodes/multiBodiedExtension.js +2 -1
  12. package/dist/esm/ui/Renderer/breakout-ssr.js +5 -3
  13. package/dist/esm/ui/Renderer/index.js +1 -1
  14. package/package.json +4 -4
package/CHANGELOG.md CHANGED
@@ -1,5 +1,13 @@
1
1
  # @atlaskit/renderer
2
2
 
3
+ ## 124.17.5
4
+
5
+ ### Patch Changes
6
+
7
+ - [`92f05802f66e6`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/92f05802f66e6) -
8
+ fix extension breakout ssr issue
9
+ - Updated dependencies
10
+
3
11
  ## 124.17.4
4
12
 
5
13
  ### Patch Changes
package/dist/cjs/react/nodes/extension.js CHANGED
@@ -70,7 +70,8 @@ var renderExtension = exports.renderExtension = function renderExtension(content
70
70
  },
71
71
  "data-layout": layout,
72
72
  "data-local-id": localId,
73
- "data-testid": "extension--wrapper"
73
+ "data-testid": "extension--wrapper",
74
+ "data-node-type": "extension"
74
75
  }, /*#__PURE__*/_react.default.createElement("div", {
75
76
  className: overflowContainerClass
76
77
  }, content));
@@ -123,6 +124,7 @@ var Extension = function Extension(props) {
123
124
  shadowClassNames: shadowClassNames
124
125
  }, undefined, parameters === null || parameters === void 0 ? void 0 : parameters.extensionId, extensionViewportSizes, nodeHeight, localId);
125
126
  }
127
+ // eslint-disable-next-line @typescript-eslint/no-unused-vars
126
128
  } catch (e) {
127
129
  /** We don't want this error to block renderer */
128
130
  /** We keep rendering the default content */
package/dist/cjs/react/nodes/multiBodiedExtension.js CHANGED
@@ -162,7 +162,8 @@ var MultiBodiedExtension = function MultiBodiedExtension(props) {
162
162
  "data-multiBodiedExtension-container": true,
163
163
  "data-active-child-index": activeChildIndex,
164
164
  "data-layout": layout,
165
- "data-local-id": localId
165
+ "data-local-id": localId,
166
+ "data-node-type": "multiBodiedExtension"
166
167
  }, (0, _react.jsx)(MultiBodiedExtensionWrapperNext, {
167
168
  layout: layout,
168
169
  path: path
package/dist/cjs/ui/Renderer/breakout-ssr.js CHANGED
@@ -11,6 +11,7 @@ var _react = _interopRequireDefault(require("react"));
11
11
  var _utils = require("@atlaskit/editor-common/utils");
12
12
  var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
13
13
  var _style = require("./style");
14
+ var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
14
15
  /**
15
16
  * Inline Script that updates breakout node width on client side,
16
17
  * before main JavaScript bundle is ready.
@@ -50,7 +51,8 @@ function BreakoutSSRInlineScript(_ref) {
50
51
  function createBreakoutInlineScript(id, shouldSkipScript) {
51
52
  var flags = {
52
53
  platform_editor_fix_media_in_renderer: (0, _platformFeatureFlags.fg)('platform_editor_fix_media_in_renderer'),
53
- platform_editor_fix_wide_media_in_renderer: (0, _platformFeatureFlags.fg)('platform_editor_fix_wide_media_in_renderer')
54
+ platform_editor_fix_wide_media_in_renderer: (0, _platformFeatureFlags.fg)('platform_editor_fix_wide_media_in_renderer'),
55
+ platform_editor_renderer_extension_width_fix: (0, _expValEquals.expValEquals)('platform_editor_renderer_extension_width_fix', 'isEnabled', true)
54
56
  };
55
57
  return "(function(window){\nif(typeof window !== 'undefined' && window.__RENDERER_BYPASS_BREAKOUT_SSR__) { return; }\n".concat(breakoutInlineScriptContext, ";\n(").concat(applyBreakoutAfterSSR.toString(), ")(\"").concat(id, "\", breakoutConsts, ").concat(JSON.stringify(shouldSkipScript), ", ").concat(JSON.stringify(flags), ");\n})(window);\n");
56
58
  }
@@ -108,10 +110,10 @@ function applyBreakoutAfterSSR(id, breakoutConsts, shouldSkipBreakoutScript, fla
108
110
  var nodeType = node.dataset.nodeType;
109
111
  var widthType = node.dataset.widthType;
110
112
  var isMediaSingleWithPixelWidth = nodeType === 'mediaSingle' && widthType === 'pixel';
113
+ var isExtension = nodeType === 'extension' || nodeType === 'bodiedExtension';
111
114
  if (!mode || !WIDE_LAYOUT_MODES.includes(mode) ||
112
115
  // skip apply width styling to mediaSingle node with pixel width to avoid image size changing
113
- // eslint-disable-next-line @atlaskit/platform/no-preconditioning
114
- isMediaSingleWithPixelWidth && flags['platform_editor_fix_media_in_renderer']) {
116
+ isMediaSingleWithPixelWidth && flags['platform_editor_fix_media_in_renderer'] || isExtension && flags['platform_editor_renderer_extension_width_fix']) {
115
117
  return;
116
118
  }
117
119
 
package/dist/cjs/ui/Renderer/index.js CHANGED
@@ -69,7 +69,7 @@ var DEGRADED_SEVERITY_THRESHOLD = exports.DEGRADED_SEVERITY_THRESHOLD = 3000;
69
69
  // we want to calculate all the table widths (which causes reflows) after the renderer has finished loading to mitigate performance impact
70
70
  var TABLE_INFO_TIMEOUT = 10000;
71
71
  var packageName = "@atlaskit/renderer";
72
- var packageVersion = "124.17.3";
72
+ var packageVersion = "0.0.0-development";
73
73
  var setAsQueryContainerStyles = (0, _react2.css)({
74
74
  containerName: 'ak-renderer-wrapper',
75
75
  containerType: 'inline-size'
package/dist/es2019/react/nodes/extension.js CHANGED
@@ -55,7 +55,8 @@ export const renderExtension = (content, layout, options = {}, removeOverflow, e
55
55
  },
56
56
  "data-layout": layout,
57
57
  "data-local-id": localId,
58
- "data-testid": "extension--wrapper"
58
+ "data-testid": "extension--wrapper",
59
+ "data-node-type": "extension"
59
60
  }, /*#__PURE__*/React.createElement("div", {
60
61
  className: overflowContainerClass
61
62
  }, content));
@@ -108,6 +109,7 @@ const Extension = props => {
108
109
  shadowClassNames
109
110
  }, undefined, parameters === null || parameters === void 0 ? void 0 : parameters.extensionId, extensionViewportSizes, nodeHeight, localId);
110
111
  }
112
+ // eslint-disable-next-line @typescript-eslint/no-unused-vars
111
113
  } catch (e) {
112
114
  /** We don't want this error to block renderer */
113
115
  /** We keep rendering the default content */
package/dist/es2019/react/nodes/multiBodiedExtension.js CHANGED
@@ -157,7 +157,8 @@ const MultiBodiedExtension = props => {
157
157
  "data-multiBodiedExtension-container": true,
158
158
  "data-active-child-index": activeChildIndex,
159
159
  "data-layout": layout,
160
- "data-local-id": localId
160
+ "data-local-id": localId,
161
+ "data-node-type": "multiBodiedExtension"
161
162
  }, jsx(MultiBodiedExtensionWrapperNext, {
162
163
  layout: layout,
163
164
  path: path
package/dist/es2019/ui/Renderer/breakout-ssr.js CHANGED
@@ -2,6 +2,7 @@ import React from 'react';
2
2
  import { breakoutConsts } from '@atlaskit/editor-common/utils';
3
3
  import { fg } from '@atlaskit/platform-feature-flags';
4
4
  import { FullPagePadding } from './style';
5
+ import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
5
6
  /**
6
7
  * Inline Script that updates breakout node width on client side,
7
8
  * before main JavaScript bundle is ready.
@@ -42,7 +43,8 @@ export function BreakoutSSRInlineScript({
42
43
  export function createBreakoutInlineScript(id, shouldSkipScript) {
43
44
  const flags = {
44
45
  platform_editor_fix_media_in_renderer: fg('platform_editor_fix_media_in_renderer'),
45
- platform_editor_fix_wide_media_in_renderer: fg('platform_editor_fix_wide_media_in_renderer')
46
+ platform_editor_fix_wide_media_in_renderer: fg('platform_editor_fix_wide_media_in_renderer'),
47
+ platform_editor_renderer_extension_width_fix: expValEquals('platform_editor_renderer_extension_width_fix', 'isEnabled', true)
46
48
  };
47
49
  return `(function(window){
48
50
  if(typeof window !== 'undefined' && window.__RENDERER_BYPASS_BREAKOUT_SSR__) { return; }
@@ -113,10 +115,10 @@ function applyBreakoutAfterSSR(id, breakoutConsts, shouldSkipBreakoutScript, fla
113
115
  const nodeType = node.dataset.nodeType;
114
116
  const widthType = node.dataset.widthType;
115
117
  const isMediaSingleWithPixelWidth = nodeType === 'mediaSingle' && widthType === 'pixel';
118
+ const isExtension = nodeType === 'extension' || nodeType === 'bodiedExtension';
116
119
  if (!mode || !WIDE_LAYOUT_MODES.includes(mode) ||
117
120
  // skip apply width styling to mediaSingle node with pixel width to avoid image size changing
118
- // eslint-disable-next-line @atlaskit/platform/no-preconditioning
119
- isMediaSingleWithPixelWidth && flags['platform_editor_fix_media_in_renderer']) {
121
+ isMediaSingleWithPixelWidth && flags['platform_editor_fix_media_in_renderer'] || isExtension && flags['platform_editor_renderer_extension_width_fix']) {
120
122
  return;
121
123
  }
122
124
 
package/dist/es2019/ui/Renderer/index.js CHANGED
@@ -55,7 +55,7 @@ export const DEGRADED_SEVERITY_THRESHOLD = 3000;
55
55
  // we want to calculate all the table widths (which causes reflows) after the renderer has finished loading to mitigate performance impact
56
56
  const TABLE_INFO_TIMEOUT = 10000;
57
57
  const packageName = "@atlaskit/renderer";
58
- const packageVersion = "124.17.3";
58
+ const packageVersion = "0.0.0-development";
59
59
  const setAsQueryContainerStyles = css({
60
60
  containerName: 'ak-renderer-wrapper',
61
61
  containerType: 'inline-size'
package/dist/esm/react/nodes/extension.js CHANGED
@@ -63,7 +63,8 @@ export var renderExtension = function renderExtension(content, layout) {
63
63
  },
64
64
  "data-layout": layout,
65
65
  "data-local-id": localId,
66
- "data-testid": "extension--wrapper"
66
+ "data-testid": "extension--wrapper",
67
+ "data-node-type": "extension"
67
68
  }, /*#__PURE__*/React.createElement("div", {
68
69
  className: overflowContainerClass
69
70
  }, content));
@@ -116,6 +117,7 @@ var Extension = function Extension(props) {
116
117
  shadowClassNames: shadowClassNames
117
118
  }, undefined, parameters === null || parameters === void 0 ? void 0 : parameters.extensionId, extensionViewportSizes, nodeHeight, localId);
118
119
  }
120
+ // eslint-disable-next-line @typescript-eslint/no-unused-vars
119
121
  } catch (e) {
120
122
  /** We don't want this error to block renderer */
121
123
  /** We keep rendering the default content */
package/dist/esm/react/nodes/multiBodiedExtension.js CHANGED
@@ -154,7 +154,8 @@ var MultiBodiedExtension = function MultiBodiedExtension(props) {
154
154
  "data-multiBodiedExtension-container": true,
155
155
  "data-active-child-index": activeChildIndex,
156
156
  "data-layout": layout,
157
- "data-local-id": localId
157
+ "data-local-id": localId,
158
+ "data-node-type": "multiBodiedExtension"
158
159
  }, jsx(MultiBodiedExtensionWrapperNext, {
159
160
  layout: layout,
160
161
  path: path
package/dist/esm/ui/Renderer/breakout-ssr.js CHANGED
@@ -2,6 +2,7 @@ import React from 'react';
2
2
  import { breakoutConsts } from '@atlaskit/editor-common/utils';
3
3
  import { fg } from '@atlaskit/platform-feature-flags';
4
4
  import { FullPagePadding } from './style';
5
+ import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
5
6
  /**
6
7
  * Inline Script that updates breakout node width on client side,
7
8
  * before main JavaScript bundle is ready.
@@ -41,7 +42,8 @@ export function BreakoutSSRInlineScript(_ref) {
41
42
  export function createBreakoutInlineScript(id, shouldSkipScript) {
42
43
  var flags = {
43
44
  platform_editor_fix_media_in_renderer: fg('platform_editor_fix_media_in_renderer'),
44
- platform_editor_fix_wide_media_in_renderer: fg('platform_editor_fix_wide_media_in_renderer')
45
+ platform_editor_fix_wide_media_in_renderer: fg('platform_editor_fix_wide_media_in_renderer'),
46
+ platform_editor_renderer_extension_width_fix: expValEquals('platform_editor_renderer_extension_width_fix', 'isEnabled', true)
45
47
  };
46
48
  return "(function(window){\nif(typeof window !== 'undefined' && window.__RENDERER_BYPASS_BREAKOUT_SSR__) { return; }\n".concat(breakoutInlineScriptContext, ";\n(").concat(applyBreakoutAfterSSR.toString(), ")(\"").concat(id, "\", breakoutConsts, ").concat(JSON.stringify(shouldSkipScript), ", ").concat(JSON.stringify(flags), ");\n})(window);\n");
47
49
  }
@@ -99,10 +101,10 @@ function applyBreakoutAfterSSR(id, breakoutConsts, shouldSkipBreakoutScript, fla
99
101
  var nodeType = node.dataset.nodeType;
100
102
  var widthType = node.dataset.widthType;
101
103
  var isMediaSingleWithPixelWidth = nodeType === 'mediaSingle' && widthType === 'pixel';
104
+ var isExtension = nodeType === 'extension' || nodeType === 'bodiedExtension';
102
105
  if (!mode || !WIDE_LAYOUT_MODES.includes(mode) ||
103
106
  // skip apply width styling to mediaSingle node with pixel width to avoid image size changing
104
- // eslint-disable-next-line @atlaskit/platform/no-preconditioning
105
- isMediaSingleWithPixelWidth && flags['platform_editor_fix_media_in_renderer']) {
107
+ isMediaSingleWithPixelWidth && flags['platform_editor_fix_media_in_renderer'] || isExtension && flags['platform_editor_renderer_extension_width_fix']) {
106
108
  return;
107
109
  }
108
110
 
package/dist/esm/ui/Renderer/index.js CHANGED
@@ -60,7 +60,7 @@ export var DEGRADED_SEVERITY_THRESHOLD = 3000;
60
60
  // we want to calculate all the table widths (which causes reflows) after the renderer has finished loading to mitigate performance impact
61
61
  var TABLE_INFO_TIMEOUT = 10000;
62
62
  var packageName = "@atlaskit/renderer";
63
- var packageVersion = "124.17.3";
63
+ var packageVersion = "0.0.0-development";
64
64
  var setAsQueryContainerStyles = css({
65
65
  containerName: 'ak-renderer-wrapper',
66
66
  containerType: 'inline-size'
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/renderer",
3
- "version": "124.17.4",
3
+ "version": "124.17.5",
4
4
  "description": "Renderer component",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -53,11 +53,11 @@
53
53
  "@atlaskit/platform-feature-flags": "^1.1.0",
54
54
  "@atlaskit/platform-feature-flags-react": "^0.4.0",
55
55
  "@atlaskit/react-ufo": "^4.15.0",
56
- "@atlaskit/smart-card": "^43.12.0",
56
+ "@atlaskit/smart-card": "^43.13.0",
57
57
  "@atlaskit/status": "^3.0.0",
58
58
  "@atlaskit/task-decision": "^19.2.0",
59
59
  "@atlaskit/theme": "^21.0.0",
60
- "@atlaskit/tmp-editor-statsig": "^14.6.0",
60
+ "@atlaskit/tmp-editor-statsig": "^14.7.0",
61
61
  "@atlaskit/tokens": "^8.4.0",
62
62
  "@atlaskit/tooltip": "^20.10.0",
63
63
  "@atlaskit/visually-hidden": "^3.0.0",
@@ -83,7 +83,7 @@
83
83
  "@atlaskit/analytics-gas-types": "^5.1.0",
84
84
  "@atlaskit/checkbox": "^17.1.0",
85
85
  "@atlaskit/link-provider": "^4.0.0",
86
- "@atlaskit/link-test-helpers": "^8.5.0",
86
+ "@atlaskit/link-test-helpers": "^9.0.0",
87
87
  "@atlaskit/media-core": "^37.0.0",
88
88
  "@atlaskit/media-integration-test-helpers": "workspace:^",
89
89
  "@atlaskit/media-test-helpers": "^39.0.0",