@atlaskit/renderer 124.12.0 → 124.13.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 (8) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/dist/cjs/react/nodes/mediaGroup.js +4 -1
  3. package/dist/cjs/ui/Renderer/index.js +1 -1
  4. package/dist/es2019/react/nodes/mediaGroup.js +4 -1
  5. package/dist/es2019/ui/Renderer/index.js +1 -1
  6. package/dist/esm/react/nodes/mediaGroup.js +4 -1
  7. package/dist/esm/ui/Renderer/index.js +1 -1
  8. package/package.json +6 -6
package/CHANGELOG.md CHANGED
@@ -1,5 +1,23 @@
1
1
  # @atlaskit/renderer
2
2
 
3
+ ## 124.13.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [`7ecc830bdd14e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/7ecc830bdd14e) -
8
+ Updated media group resizing mode from stretchy fit to crop to match editor and enabling removing
9
+ of late mutation caused by dependancy of stretchy-fit on image rendered dimensions
10
+
11
+ ### Patch Changes
12
+
13
+ - Updated dependencies
14
+
15
+ ## 124.12.1
16
+
17
+ ### Patch Changes
18
+
19
+ - Updated dependencies
20
+
3
21
  ## 124.12.0
4
22
 
5
23
  ### Minor Changes
package/dist/cjs/react/nodes/mediaGroup.js CHANGED
@@ -16,6 +16,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
16
16
  var _react = _interopRequireWildcard(require("react"));
17
17
  var _mediaCard = require("@atlaskit/media-card");
18
18
  var _mediaFilmstrip = require("@atlaskit/media-filmstrip");
19
+ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
19
20
  var _vcMedia = require("@atlaskit/react-ufo/vc-media");
20
21
  function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
21
22
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -98,7 +99,9 @@ var MediaGroup = exports.default = /*#__PURE__*/function (_PureComponent) {
98
99
  key: "renderSingleFile",
99
100
  value: function renderSingleFile(child) {
100
101
  return /*#__PURE__*/_react.default.cloneElement(child, {
101
- resizeMode: 'stretchy-fit',
102
+ // the media group component renders in crop mode in editor thus this enables consistency
103
+ // also crop is much easier to make consistent across SSR and hydration
104
+ resizeMode: (0, _platformFeatureFlags.fg)('media-perf-uplift-mutation-fix') ? 'crop' : 'stretchy-fit',
102
105
  cardDimensions: _mediaCard.defaultImageCardDimensions,
103
106
  useInlinePlayer: false,
104
107
  featureFlags: this.props.featureFlags,
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 = "0.0.0-development";
72
+ var packageVersion = "124.12.1";
73
73
  var setAsQueryContainerStyles = (0, _react2.css)({
74
74
  containerName: 'ak-renderer-wrapper',
75
75
  containerType: 'inline-size'
package/dist/es2019/react/nodes/mediaGroup.js CHANGED
@@ -3,6 +3,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
3
3
  import React, { PureComponent } from 'react';
4
4
  import { defaultImageCardDimensions } from '@atlaskit/media-card';
5
5
  import { FilmstripView } from '@atlaskit/media-filmstrip';
6
+ import { fg } from '@atlaskit/platform-feature-flags';
6
7
  import { VcMediaWrapperProps } from '@atlaskit/react-ufo/vc-media';
7
8
  // Ignored via go/ees005
8
9
  // eslint-disable-next-line @repo/internal/react/no-class-components
@@ -64,7 +65,9 @@ export default class MediaGroup extends PureComponent {
64
65
  }
65
66
  renderSingleFile(child) {
66
67
  return /*#__PURE__*/React.cloneElement(child, {
67
- resizeMode: 'stretchy-fit',
68
+ // the media group component renders in crop mode in editor thus this enables consistency
69
+ // also crop is much easier to make consistent across SSR and hydration
70
+ resizeMode: fg('media-perf-uplift-mutation-fix') ? 'crop' : 'stretchy-fit',
68
71
  cardDimensions: defaultImageCardDimensions,
69
72
  useInlinePlayer: false,
70
73
  featureFlags: this.props.featureFlags,
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 = "0.0.0-development";
58
+ const packageVersion = "124.12.1";
59
59
  const setAsQueryContainerStyles = css({
60
60
  containerName: 'ak-renderer-wrapper',
61
61
  containerType: 'inline-size'
package/dist/esm/react/nodes/mediaGroup.js CHANGED
@@ -12,6 +12,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
12
12
  import React, { PureComponent } from 'react';
13
13
  import { defaultImageCardDimensions } from '@atlaskit/media-card';
14
14
  import { FilmstripView } from '@atlaskit/media-filmstrip';
15
+ import { fg } from '@atlaskit/platform-feature-flags';
15
16
  import { VcMediaWrapperProps } from '@atlaskit/react-ufo/vc-media';
16
17
  // Ignored via go/ees005
17
18
  // eslint-disable-next-line @repo/internal/react/no-class-components
@@ -89,7 +90,9 @@ var MediaGroup = /*#__PURE__*/function (_PureComponent) {
89
90
  key: "renderSingleFile",
90
91
  value: function renderSingleFile(child) {
91
92
  return /*#__PURE__*/React.cloneElement(child, {
92
- resizeMode: 'stretchy-fit',
93
+ // the media group component renders in crop mode in editor thus this enables consistency
94
+ // also crop is much easier to make consistent across SSR and hydration
95
+ resizeMode: fg('media-perf-uplift-mutation-fix') ? 'crop' : 'stretchy-fit',
93
96
  cardDimensions: defaultImageCardDimensions,
94
97
  useInlinePlayer: false,
95
98
  featureFlags: this.props.featureFlags,
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 = "0.0.0-development";
63
+ var packageVersion = "124.12.1";
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.12.0",
3
+ "version": "124.13.0",
4
4
  "description": "Renderer component",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -25,7 +25,7 @@
25
25
  "dependencies": {
26
26
  "@atlaskit/adf-schema": "^51.3.2",
27
27
  "@atlaskit/adf-utils": "^19.26.0",
28
- "@atlaskit/afm-i18n-platform-editor-renderer": "2.7.0",
28
+ "@atlaskit/afm-i18n-platform-editor-renderer": "2.10.0",
29
29
  "@atlaskit/analytics-listeners": "^9.1.0",
30
30
  "@atlaskit/analytics-namespaced-context": "^7.1.0",
31
31
  "@atlaskit/analytics-next": "^11.1.0",
@@ -39,12 +39,12 @@
39
39
  "@atlaskit/editor-tables": "^2.9.0",
40
40
  "@atlaskit/emoji": "^69.7.0",
41
41
  "@atlaskit/feature-gate-js-client": "^5.5.0",
42
- "@atlaskit/icon": "^28.5.0",
42
+ "@atlaskit/icon": "^29.0.0",
43
43
  "@atlaskit/link": "^3.2.0",
44
44
  "@atlaskit/link-datasource": "^4.29.0",
45
45
  "@atlaskit/link-extractors": "^2.4.0",
46
46
  "@atlaskit/linking-common": "^9.8.0",
47
- "@atlaskit/media-card": "^79.6.0",
47
+ "@atlaskit/media-card": "^79.7.0",
48
48
  "@atlaskit/media-client": "^35.6.0",
49
49
  "@atlaskit/media-client-react": "^4.1.0",
50
50
  "@atlaskit/media-common": "^12.3.0",
@@ -58,7 +58,7 @@
58
58
  "@atlaskit/status": "^3.0.0",
59
59
  "@atlaskit/task-decision": "^19.2.0",
60
60
  "@atlaskit/theme": "^21.0.0",
61
- "@atlaskit/tmp-editor-statsig": "^13.35.0",
61
+ "@atlaskit/tmp-editor-statsig": "^13.36.0",
62
62
  "@atlaskit/tokens": "^8.0.0",
63
63
  "@atlaskit/tooltip": "^20.8.0",
64
64
  "@atlaskit/visually-hidden": "^3.0.0",
@@ -72,7 +72,7 @@
72
72
  "uuid": "^3.1.0"
73
73
  },
74
74
  "peerDependencies": {
75
- "@atlaskit/editor-common": "^110.26.0",
75
+ "@atlaskit/editor-common": "^110.27.0",
76
76
  "@atlaskit/link-provider": "^4.0.0",
77
77
  "@atlaskit/media-core": "^37.0.0",
78
78
  "react": "^18.2.0",