@atlaskit/renderer 112.6.15 → 112.6.16

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 (11) hide show
  1. package/CHANGELOG.md +9 -0
  2. package/dist/cjs/react/marks/breakout.js +2 -1
  3. package/dist/cjs/ui/Renderer/breakout-ssr.js +4 -1
  4. package/dist/cjs/ui/Renderer/index.js +1 -1
  5. package/dist/es2019/react/marks/breakout.js +2 -1
  6. package/dist/es2019/ui/Renderer/breakout-ssr.js +4 -0
  7. package/dist/es2019/ui/Renderer/index.js +1 -1
  8. package/dist/esm/react/marks/breakout.js +2 -1
  9. package/dist/esm/ui/Renderer/breakout-ssr.js +4 -1
  10. package/dist/esm/ui/Renderer/index.js +1 -1
  11. package/package.json +7 -7
package/CHANGELOG.md CHANGED
@@ -1,5 +1,14 @@
1
1
  # @atlaskit/renderer
2
2
 
3
+ ## 112.6.16
4
+
5
+ ### Patch Changes
6
+
7
+ - [#176983](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/176983)
8
+ [`b62801c154a5b`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/b62801c154a5b) -
9
+ Migrated smart-card proxied exports (linking-common, link-provider, json-ld-types) to import from
10
+ modules directly
11
+
3
12
  ## 112.6.15
4
13
 
5
14
  ### 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/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.6.16";
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/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.6.16";
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/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.6.16";
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.6.16",
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.14.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.24.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",