@atlaskit/renderer 112.6.15 → 112.7.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (14) hide show
  1. package/CHANGELOG.md +22 -0
  2. package/dist/cjs/react/marks/breakout.js +2 -1
  3. package/dist/cjs/react/nodes/blockCard.js +1 -0
  4. package/dist/cjs/ui/Renderer/breakout-ssr.js +4 -1
  5. package/dist/cjs/ui/Renderer/index.js +1 -1
  6. package/dist/es2019/react/marks/breakout.js +2 -1
  7. package/dist/es2019/react/nodes/blockCard.js +1 -0
  8. package/dist/es2019/ui/Renderer/breakout-ssr.js +4 -0
  9. package/dist/es2019/ui/Renderer/index.js +1 -1
  10. package/dist/esm/react/marks/breakout.js +2 -1
  11. package/dist/esm/react/nodes/blockCard.js +1 -0
  12. package/dist/esm/ui/Renderer/breakout-ssr.js +4 -1
  13. package/dist/esm/ui/Renderer/index.js +1 -1
  14. package/package.json +7 -7
package/CHANGELOG.md CHANGED
@@ -1,5 +1,27 @@
1
1
  # @atlaskit/renderer
2
2
 
3
+ ## 112.7.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [#177219](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/177219)
8
+ [`6d8f4a8bb02d4`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/6d8f4a8bb02d4) -
9
+ [ux] fix an issue where the sllv table can be blurry in renderer in some specific setup (wide
10
+ screen, chrome, used in a spot with limited width)
11
+
12
+ ### Patch Changes
13
+
14
+ - Updated dependencies
15
+
16
+ ## 112.6.16
17
+
18
+ ### Patch Changes
19
+
20
+ - [#176983](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/176983)
21
+ [`b62801c154a5b`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/b62801c154a5b) -
22
+ Migrated smart-card proxied exports (linking-common, link-provider, json-ld-types) to import from
23
+ modules directly
24
+
3
25
  ## 112.6.15
4
26
 
5
27
  ### Patch Changes
package/dist/cjs/react/marks/breakout.js CHANGED
@@ -31,7 +31,8 @@ function Breakout(props) {
31
31
  css: wrapperStyles,
32
32
  "data-mode": props.mode
33
33
  }, (0, _experiments.editorExperiment)('advanced_layouts', true) && {
34
- 'data-has-width': !!props.width
34
+ 'data-has-width': !!props.width,
35
+ 'data-width': props.width
35
36
  }, {
36
37
  style: {
37
38
  width: (0, _experiments.editorExperiment)('advanced_layouts', true) ?
package/dist/cjs/react/nodes/blockCard.js CHANGED
@@ -25,6 +25,7 @@ var _utils = require("@atlaskit/editor-common/utils");
25
25
  var datasourceContainerStyle = (0, _react.css)({
26
26
  borderRadius: "var(--ds-border-radius-200, 8px)",
27
27
  border: "1px solid ".concat("var(--ds-border, ".concat(_colors.N40, ")")),
28
+ overflow: 'hidden',
28
29
  // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
29
30
  marginLeft: '50%',
30
31
  marginBottom: "var(--ds-space-150, 0.75rem)",
package/dist/cjs/ui/Renderer/breakout-ssr.js CHANGED
@@ -40,7 +40,7 @@ function BreakoutSSRInlineScript() {
40
40
  function createBreakoutInlineScript(id) {
41
41
  return "\n (function(window){\n ".concat(breakoutInlineScriptContext, ";\n (").concat(applyBreakoutAfterSSR.toString(), ")(\"").concat(id, "\", breakoutConsts, ").concat(Boolean((0, _platformFeatureFlags.fg)('platform-fix-table-ssr-resizing')), ");\n })(window);\n");
42
42
  }
43
- var breakoutInlineScriptContext = exports.breakoutInlineScriptContext = "\n var breakoutConsts = ".concat(JSON.stringify(_utils.breakoutConsts), ";\n breakoutConsts.mapBreakpointToLayoutMaxWidth = ").concat(_utils.breakoutConsts.mapBreakpointToLayoutMaxWidth.toString(), ";\n breakoutConsts.getBreakpoint = ").concat(_utils.breakoutConsts.getBreakpoint.toString(), ";\n breakoutConsts.calcBreakoutWidth = ").concat(_utils.breakoutConsts.calcBreakoutWidth.toString(), ";\n breakoutConsts.calcLineLength = ").concat(_utils.breakoutConsts.calcLineLength.toString(), ";\n breakoutConsts.calcWideWidth = ").concat(_utils.breakoutConsts.calcWideWidth.toString(), ";\n breakoutConsts.FullPagePadding = ").concat(_style.FullPagePadding.toString(), ";\n");
43
+ var breakoutInlineScriptContext = exports.breakoutInlineScriptContext = "\n var breakoutConsts = ".concat(JSON.stringify(_utils.breakoutConsts), ";\n breakoutConsts.mapBreakpointToLayoutMaxWidth = ").concat(_utils.breakoutConsts.mapBreakpointToLayoutMaxWidth.toString(), ";\n breakoutConsts.getBreakpoint = ").concat(_utils.breakoutConsts.getBreakpoint.toString(), ";\n breakoutConsts.calcBreakoutWidth = ").concat(_utils.breakoutConsts.calcBreakoutWidth.toString(), ";\n breakoutConsts.calcBreakoutWithCustomWidth = ").concat(_utils.breakoutConsts.calcBreakoutWithCustomWidth.toString(), ";\n breakoutConsts.calcLineLength = ").concat(_utils.breakoutConsts.calcLineLength.toString(), ";\n breakoutConsts.calcWideWidth = ").concat(_utils.breakoutConsts.calcWideWidth.toString(), ";\n breakoutConsts.FullPagePadding = ").concat(_style.FullPagePadding.toString(), ";\n");
44
44
  function applyBreakoutAfterSSR(id, breakoutConsts, shouldFixTableResizing) {
45
45
  var MEDIA_NODE_TYPE = 'mediaSingle';
46
46
  var WIDE_LAYOUT_MODES = ['full-width', 'wide', 'custom'];
@@ -76,6 +76,7 @@ function applyBreakoutAfterSSR(id, breakoutConsts, shouldFixTableResizing) {
76
76
  var width;
77
77
  var node = maybeNode;
78
78
  var mode = node.dataset.mode || node.dataset.layout || '';
79
+ var resizedBreakout = node.dataset.hasWidth === 'true';
79
80
  if (!mode || !WIDE_LAYOUT_MODES.includes(mode)) {
80
81
  return;
81
82
  }
@@ -86,6 +87,8 @@ function applyBreakoutAfterSSR(id, breakoutConsts, shouldFixTableResizing) {
86
87
  var rendererWidth = renderer.offsetWidth;
87
88
  var effectiveWidth = rendererWidth - breakoutConsts.padding;
88
89
  width = "".concat(Math.min(parseInt(node.style.width), effectiveWidth), "px");
90
+ } else if (resizedBreakout) {
91
+ width = breakoutConsts.calcBreakoutWithCustomWidth(mode, node.dataset.width || null, renderer.offsetWidth);
89
92
  } else {
90
93
  width = breakoutConsts.calcBreakoutWidth(mode, renderer.offsetWidth);
91
94
  }
package/dist/cjs/ui/Renderer/index.js CHANGED
@@ -65,7 +65,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
65
65
  var NORMAL_SEVERITY_THRESHOLD = exports.NORMAL_SEVERITY_THRESHOLD = 2000;
66
66
  var DEGRADED_SEVERITY_THRESHOLD = exports.DEGRADED_SEVERITY_THRESHOLD = 3000;
67
67
  var packageName = "@atlaskit/renderer";
68
- var packageVersion = "112.6.15";
68
+ var packageVersion = "112.7.0";
69
69
  var setAsQueryContainerStyles = (0, _react2.css)({
70
70
  containerName: 'ak-renderer-wrapper',
71
71
  containerType: 'inline-size',
package/dist/es2019/react/marks/breakout.js CHANGED
@@ -23,7 +23,8 @@ export default function Breakout(props) {
23
23
  css: wrapperStyles,
24
24
  "data-mode": props.mode
25
25
  }, editorExperiment('advanced_layouts', true) && {
26
- 'data-has-width': !!props.width
26
+ 'data-has-width': !!props.width,
27
+ 'data-width': props.width
27
28
  }, {
28
29
  style: {
29
30
  width: editorExperiment('advanced_layouts', true) ?
package/dist/es2019/react/nodes/blockCard.js CHANGED
@@ -17,6 +17,7 @@ import { calcBreakoutWidth, canRenderDatasource } from '@atlaskit/editor-common/
17
17
  const datasourceContainerStyle = css({
18
18
  borderRadius: `${"var(--ds-border-radius-200, 8px)"}`,
19
19
  border: `1px solid ${`var(--ds-border, ${N40})`}`,
20
+ overflow: 'hidden',
20
21
  // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
21
22
  marginLeft: '50%',
22
23
  marginBottom: `${"var(--ds-space-150, 0.75rem)"}`,
package/dist/es2019/ui/Renderer/breakout-ssr.js CHANGED
@@ -42,6 +42,7 @@ export const breakoutInlineScriptContext = `
42
42
  breakoutConsts.mapBreakpointToLayoutMaxWidth = ${breakoutConsts.mapBreakpointToLayoutMaxWidth.toString()};
43
43
  breakoutConsts.getBreakpoint = ${breakoutConsts.getBreakpoint.toString()};
44
44
  breakoutConsts.calcBreakoutWidth = ${breakoutConsts.calcBreakoutWidth.toString()};
45
+ breakoutConsts.calcBreakoutWithCustomWidth = ${breakoutConsts.calcBreakoutWithCustomWidth.toString()};
45
46
  breakoutConsts.calcLineLength = ${breakoutConsts.calcLineLength.toString()};
46
47
  breakoutConsts.calcWideWidth = ${breakoutConsts.calcWideWidth.toString()};
47
48
  breakoutConsts.FullPagePadding = ${FullPagePadding.toString()};
@@ -81,6 +82,7 @@ function applyBreakoutAfterSSR(id, breakoutConsts, shouldFixTableResizing) {
81
82
  let width;
82
83
  const node = maybeNode;
83
84
  const mode = node.dataset.mode || node.dataset.layout || '';
85
+ const resizedBreakout = node.dataset.hasWidth === 'true';
84
86
  if (!mode || !WIDE_LAYOUT_MODES.includes(mode)) {
85
87
  return;
86
88
  }
@@ -91,6 +93,8 @@ function applyBreakoutAfterSSR(id, breakoutConsts, shouldFixTableResizing) {
91
93
  const rendererWidth = renderer.offsetWidth;
92
94
  const effectiveWidth = rendererWidth - breakoutConsts.padding;
93
95
  width = `${Math.min(parseInt(node.style.width), effectiveWidth)}px`;
96
+ } else if (resizedBreakout) {
97
+ width = breakoutConsts.calcBreakoutWithCustomWidth(mode, node.dataset.width || null, renderer.offsetWidth);
94
98
  } else {
95
99
  width = breakoutConsts.calcBreakoutWidth(mode, renderer.offsetWidth);
96
100
  }
package/dist/es2019/ui/Renderer/index.js CHANGED
@@ -45,7 +45,7 @@ import { countNodes } from './count-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 = "112.6.15";
48
+ const packageVersion = "112.7.0";
49
49
  const setAsQueryContainerStyles = css({
50
50
  containerName: 'ak-renderer-wrapper',
51
51
  containerType: 'inline-size',
package/dist/esm/react/marks/breakout.js CHANGED
@@ -23,7 +23,8 @@ export default function Breakout(props) {
23
23
  css: wrapperStyles,
24
24
  "data-mode": props.mode
25
25
  }, editorExperiment('advanced_layouts', true) && {
26
- 'data-has-width': !!props.width
26
+ 'data-has-width': !!props.width,
27
+ 'data-width': props.width
27
28
  }, {
28
29
  style: {
29
30
  width: editorExperiment('advanced_layouts', true) ?
package/dist/esm/react/nodes/blockCard.js CHANGED
@@ -17,6 +17,7 @@ import { calcBreakoutWidth, canRenderDatasource } from '@atlaskit/editor-common/
17
17
  var datasourceContainerStyle = css({
18
18
  borderRadius: "var(--ds-border-radius-200, 8px)",
19
19
  border: "1px solid ".concat("var(--ds-border, ".concat(N40, ")")),
20
+ overflow: 'hidden',
20
21
  // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
21
22
  marginLeft: '50%',
22
23
  marginBottom: "var(--ds-space-150, 0.75rem)",
package/dist/esm/ui/Renderer/breakout-ssr.js CHANGED
@@ -32,7 +32,7 @@ export function BreakoutSSRInlineScript() {
32
32
  export function createBreakoutInlineScript(id) {
33
33
  return "\n (function(window){\n ".concat(breakoutInlineScriptContext, ";\n (").concat(applyBreakoutAfterSSR.toString(), ")(\"").concat(id, "\", breakoutConsts, ").concat(Boolean(fg('platform-fix-table-ssr-resizing')), ");\n })(window);\n");
34
34
  }
35
- export var breakoutInlineScriptContext = "\n var breakoutConsts = ".concat(JSON.stringify(breakoutConsts), ";\n breakoutConsts.mapBreakpointToLayoutMaxWidth = ").concat(breakoutConsts.mapBreakpointToLayoutMaxWidth.toString(), ";\n breakoutConsts.getBreakpoint = ").concat(breakoutConsts.getBreakpoint.toString(), ";\n breakoutConsts.calcBreakoutWidth = ").concat(breakoutConsts.calcBreakoutWidth.toString(), ";\n breakoutConsts.calcLineLength = ").concat(breakoutConsts.calcLineLength.toString(), ";\n breakoutConsts.calcWideWidth = ").concat(breakoutConsts.calcWideWidth.toString(), ";\n breakoutConsts.FullPagePadding = ").concat(FullPagePadding.toString(), ";\n");
35
+ export var breakoutInlineScriptContext = "\n var breakoutConsts = ".concat(JSON.stringify(breakoutConsts), ";\n breakoutConsts.mapBreakpointToLayoutMaxWidth = ").concat(breakoutConsts.mapBreakpointToLayoutMaxWidth.toString(), ";\n breakoutConsts.getBreakpoint = ").concat(breakoutConsts.getBreakpoint.toString(), ";\n breakoutConsts.calcBreakoutWidth = ").concat(breakoutConsts.calcBreakoutWidth.toString(), ";\n breakoutConsts.calcBreakoutWithCustomWidth = ").concat(breakoutConsts.calcBreakoutWithCustomWidth.toString(), ";\n breakoutConsts.calcLineLength = ").concat(breakoutConsts.calcLineLength.toString(), ";\n breakoutConsts.calcWideWidth = ").concat(breakoutConsts.calcWideWidth.toString(), ";\n breakoutConsts.FullPagePadding = ").concat(FullPagePadding.toString(), ";\n");
36
36
  function applyBreakoutAfterSSR(id, breakoutConsts, shouldFixTableResizing) {
37
37
  var MEDIA_NODE_TYPE = 'mediaSingle';
38
38
  var WIDE_LAYOUT_MODES = ['full-width', 'wide', 'custom'];
@@ -68,6 +68,7 @@ function applyBreakoutAfterSSR(id, breakoutConsts, shouldFixTableResizing) {
68
68
  var width;
69
69
  var node = maybeNode;
70
70
  var mode = node.dataset.mode || node.dataset.layout || '';
71
+ var resizedBreakout = node.dataset.hasWidth === 'true';
71
72
  if (!mode || !WIDE_LAYOUT_MODES.includes(mode)) {
72
73
  return;
73
74
  }
@@ -78,6 +79,8 @@ function applyBreakoutAfterSSR(id, breakoutConsts, shouldFixTableResizing) {
78
79
  var rendererWidth = renderer.offsetWidth;
79
80
  var effectiveWidth = rendererWidth - breakoutConsts.padding;
80
81
  width = "".concat(Math.min(parseInt(node.style.width), effectiveWidth), "px");
82
+ } else if (resizedBreakout) {
83
+ width = breakoutConsts.calcBreakoutWithCustomWidth(mode, node.dataset.width || null, renderer.offsetWidth);
81
84
  } else {
82
85
  width = breakoutConsts.calcBreakoutWidth(mode, renderer.offsetWidth);
83
86
  }
package/dist/esm/ui/Renderer/index.js CHANGED
@@ -55,7 +55,7 @@ import { countNodes } from './count-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 = "112.6.15";
58
+ var packageVersion = "112.7.0";
59
59
  var setAsQueryContainerStyles = css({
60
60
  containerName: 'ak-renderer-wrapper',
61
61
  containerType: 'inline-size',
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/renderer",
3
- "version": "112.6.15",
3
+ "version": "112.7.0",
4
4
  "description": "Renderer component",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -26,7 +26,7 @@
26
26
  "@atlaskit/adf-utils": "^19.14.0",
27
27
  "@atlaskit/analytics-listeners": "^8.13.0",
28
28
  "@atlaskit/analytics-namespaced-context": "^6.12.0",
29
- "@atlaskit/analytics-next": "^10.1.0",
29
+ "@atlaskit/analytics-next": "^10.2.0",
30
30
  "@atlaskit/button": "^20.3.0",
31
31
  "@atlaskit/code": "^15.6.0",
32
32
  "@atlaskit/editor-common": "^96.3.0",
@@ -37,7 +37,7 @@
37
37
  "@atlaskit/emoji": "^67.11.0",
38
38
  "@atlaskit/feature-gate-js-client": "^4.23.0",
39
39
  "@atlaskit/icon": "^23.1.0",
40
- "@atlaskit/link-datasource": "^3.13.0",
40
+ "@atlaskit/link-datasource": "^3.15.0",
41
41
  "@atlaskit/media-card": "^78.15.0",
42
42
  "@atlaskit/media-client": "^28.5.0",
43
43
  "@atlaskit/media-client-react": "^2.4.0",
@@ -46,11 +46,11 @@
46
46
  "@atlaskit/media-ui": "^27.0.0",
47
47
  "@atlaskit/media-viewer": "^49.4.0",
48
48
  "@atlaskit/platform-feature-flags": "^0.3.0",
49
- "@atlaskit/smart-card": "^32.6.0",
49
+ "@atlaskit/smart-card": "^32.7.0",
50
50
  "@atlaskit/status": "^1.8.0",
51
51
  "@atlaskit/task-decision": "^17.11.0",
52
52
  "@atlaskit/theme": "^14.0.0",
53
- "@atlaskit/tmp-editor-statsig": "^2.23.0",
53
+ "@atlaskit/tmp-editor-statsig": "^2.25.0",
54
54
  "@atlaskit/tokens": "^2.4.0",
55
55
  "@atlaskit/tooltip": "^18.9.0",
56
56
  "@babel/runtime": "^7.0.0",
@@ -62,7 +62,7 @@
62
62
  "uuid": "^3.1.0"
63
63
  },
64
64
  "peerDependencies": {
65
- "@atlaskit/link-provider": "^1.17.0",
65
+ "@atlaskit/link-provider": "^1.18.0",
66
66
  "@atlaskit/media-core": "^34.3.0",
67
67
  "react": "^16.8.0 || ^17.0.0 || ~18.2.0",
68
68
  "react-dom": "^16.8.0 || ^17.0.0 || ~18.2.0"
@@ -72,7 +72,7 @@
72
72
  "@af/visual-regression": "*",
73
73
  "@atlaskit/analytics-gas-types": "^5.1.0",
74
74
  "@atlaskit/css-reset": "^6.11.0",
75
- "@atlaskit/link-provider": "^1.17.0",
75
+ "@atlaskit/link-provider": "^1.18.0",
76
76
  "@atlaskit/link-test-helpers": "^7.5.0",
77
77
  "@atlaskit/linking-common": "^6.0.0",
78
78
  "@atlaskit/media-core": "^34.3.0",