@atlaskit/renderer 132.6.1 → 132.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 (9) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/dist/cjs/react/nodes/media/index.js +9 -1
  3. package/dist/cjs/ui/Renderer/index.js +1 -1
  4. package/dist/es2019/react/nodes/media/index.js +9 -1
  5. package/dist/es2019/ui/Renderer/index.js +1 -1
  6. package/dist/esm/react/nodes/media/index.js +9 -1
  7. package/dist/esm/ui/Renderer/index.js +1 -1
  8. package/dist/types/react/nodes/media/index.d.ts +2 -2
  9. package/package.json +7 -3
package/CHANGELOG.md CHANGED
@@ -1,5 +1,13 @@
1
1
  # @atlaskit/renderer
2
2
 
3
+ ## 132.7.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [`a80e758660883`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a80e758660883) -
8
+ add remixSource attribute to mediaCardRender events behind
9
+ cc-maui-add-mark-for-remix-generated-images FF
10
+
3
11
  ## 132.6.1
4
12
 
5
13
  ### Patch Changes
package/dist/cjs/react/nodes/media/index.js CHANGED
@@ -247,6 +247,7 @@ var Media = /*#__PURE__*/function (_PureComponent) {
247
247
  (0, _classCallCheck2.default)(this, Media);
248
248
  _this = _callSuper(this, Media, [props]);
249
249
  (0, _defineProperty2.default)(_this, "renderCard", function () {
250
+ var _dataConsumerMark$att;
250
251
  var providers = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
251
252
  var contextIdentifierProvider = providers.contextIdentifierProvider;
252
253
  var _this$props = _this.props,
@@ -263,6 +264,10 @@ var Media = /*#__PURE__*/function (_PureComponent) {
263
264
  isDrafting = _this$props$isDraftin === void 0 ? false : _this$props$isDraftin;
264
265
  var annotationMarks = _this.props.isAnnotationMark ? _this.props.marks.filter(_this.props.isAnnotationMark) : undefined;
265
266
  var borderMark = _this.props.marks.find(_this.props.isBorderMark);
267
+ var dataConsumerMark = (0, _platformFeatureFlags.fg)('cc-maui-add-mark-for-remix-generated-images') ? _this.props.marks.find(function (m) {
268
+ var _m$type;
269
+ return m.type === 'dataConsumer' || ((_m$type = m.type) === null || _m$type === void 0 ? void 0 : _m$type.name) === 'dataConsumer';
270
+ }) : undefined;
266
271
  var linkMark = _this.props.marks.find(_this.props.isLinkMark);
267
272
  var linkHref = linkMark === null || linkMark === void 0 ? void 0 : linkMark.attrs.href;
268
273
  var eventHandlers = linkHref ? undefined : _this.props.eventHandlers;
@@ -281,7 +286,10 @@ var Media = /*#__PURE__*/function (_PureComponent) {
281
286
  // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
282
287
  , {
283
288
  data: (0, _defineProperty2.default)({}, _analyticsNamespacedContext.MEDIA_CONTEXT, {
284
- border: !!borderMark
289
+ border: !!borderMark,
290
+ // Only defined for remix-generated media (i.e. media nodes with a dataConsumer mark).
291
+ // Format: "remix:{type}:{subtype}" e.g. "remix:infographic:corporate-doodle"
292
+ remixSource: dataConsumerMark === null || dataConsumerMark === void 0 || (_dataConsumerMark$att = dataConsumerMark.attrs.sources) === null || _dataConsumerMark$att === void 0 ? void 0 : _dataConsumerMark$att[0]
285
293
  })
286
294
  }, (0, _react2.jsx)(_mediaSingle.MediaBadges, {
287
295
  mediaElement: mediaSingleElement,
package/dist/cjs/ui/Renderer/index.js CHANGED
@@ -72,7 +72,7 @@ var DEGRADED_SEVERITY_THRESHOLD = exports.DEGRADED_SEVERITY_THRESHOLD = 3000;
72
72
  var TABLE_INFO_TIMEOUT = 10000;
73
73
  var RENDER_EVENT_SAMPLE_RATE = 0.2;
74
74
  var packageName = "@atlaskit/renderer";
75
- var packageVersion = "132.6.0";
75
+ var packageVersion = "132.7.0";
76
76
  var setAsQueryContainerStyles = (0, _react2.css)({
77
77
  containerName: 'ak-renderer-wrapper',
78
78
  containerType: 'inline-size'
package/dist/es2019/react/nodes/media/index.js CHANGED
@@ -216,6 +216,7 @@ class Media extends PureComponent {
216
216
  constructor(props) {
217
217
  super(props);
218
218
  _defineProperty(this, "renderCard", (providers = {}) => {
219
+ var _dataConsumerMark$att;
219
220
  const {
220
221
  contextIdentifierProvider
221
222
  } = providers;
@@ -233,6 +234,10 @@ class Media extends PureComponent {
233
234
  } = this.props;
234
235
  const annotationMarks = this.props.isAnnotationMark ? this.props.marks.filter(this.props.isAnnotationMark) : undefined;
235
236
  const borderMark = this.props.marks.find(this.props.isBorderMark);
237
+ const dataConsumerMark = fg('cc-maui-add-mark-for-remix-generated-images') ? this.props.marks.find(m => {
238
+ var _m$type;
239
+ return m.type === 'dataConsumer' || ((_m$type = m.type) === null || _m$type === void 0 ? void 0 : _m$type.name) === 'dataConsumer';
240
+ }) : undefined;
236
241
  const linkMark = this.props.marks.find(this.props.isLinkMark);
237
242
  const linkHref = linkMark === null || linkMark === void 0 ? void 0 : linkMark.attrs.href;
238
243
  const eventHandlers = linkHref ? undefined : this.props.eventHandlers;
@@ -252,7 +257,10 @@ class Media extends PureComponent {
252
257
  , {
253
258
  data: {
254
259
  [MEDIA_CONTEXT]: {
255
- border: !!borderMark
260
+ border: !!borderMark,
261
+ // Only defined for remix-generated media (i.e. media nodes with a dataConsumer mark).
262
+ // Format: "remix:{type}:{subtype}" e.g. "remix:infographic:corporate-doodle"
263
+ remixSource: dataConsumerMark === null || dataConsumerMark === void 0 ? void 0 : (_dataConsumerMark$att = dataConsumerMark.attrs.sources) === null || _dataConsumerMark$att === void 0 ? void 0 : _dataConsumerMark$att[0]
256
264
  }
257
265
  }
258
266
  }, jsx(MediaBadges, {
package/dist/es2019/ui/Renderer/index.js CHANGED
@@ -58,7 +58,7 @@ export const DEGRADED_SEVERITY_THRESHOLD = 3000;
58
58
  const TABLE_INFO_TIMEOUT = 10000;
59
59
  const RENDER_EVENT_SAMPLE_RATE = 0.2;
60
60
  const packageName = "@atlaskit/renderer";
61
- const packageVersion = "132.6.0";
61
+ const packageVersion = "132.7.0";
62
62
  const setAsQueryContainerStyles = css({
63
63
  containerName: 'ak-renderer-wrapper',
64
64
  containerType: 'inline-size'
package/dist/esm/react/nodes/media/index.js CHANGED
@@ -239,6 +239,7 @@ var Media = /*#__PURE__*/function (_PureComponent) {
239
239
  _classCallCheck(this, Media);
240
240
  _this = _callSuper(this, Media, [props]);
241
241
  _defineProperty(_this, "renderCard", function () {
242
+ var _dataConsumerMark$att;
242
243
  var providers = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
243
244
  var contextIdentifierProvider = providers.contextIdentifierProvider;
244
245
  var _this$props = _this.props,
@@ -255,6 +256,10 @@ var Media = /*#__PURE__*/function (_PureComponent) {
255
256
  isDrafting = _this$props$isDraftin === void 0 ? false : _this$props$isDraftin;
256
257
  var annotationMarks = _this.props.isAnnotationMark ? _this.props.marks.filter(_this.props.isAnnotationMark) : undefined;
257
258
  var borderMark = _this.props.marks.find(_this.props.isBorderMark);
259
+ var dataConsumerMark = fg('cc-maui-add-mark-for-remix-generated-images') ? _this.props.marks.find(function (m) {
260
+ var _m$type;
261
+ return m.type === 'dataConsumer' || ((_m$type = m.type) === null || _m$type === void 0 ? void 0 : _m$type.name) === 'dataConsumer';
262
+ }) : undefined;
258
263
  var linkMark = _this.props.marks.find(_this.props.isLinkMark);
259
264
  var linkHref = linkMark === null || linkMark === void 0 ? void 0 : linkMark.attrs.href;
260
265
  var eventHandlers = linkHref ? undefined : _this.props.eventHandlers;
@@ -273,7 +278,10 @@ var Media = /*#__PURE__*/function (_PureComponent) {
273
278
  // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
274
279
  , {
275
280
  data: _defineProperty({}, MEDIA_CONTEXT, {
276
- border: !!borderMark
281
+ border: !!borderMark,
282
+ // Only defined for remix-generated media (i.e. media nodes with a dataConsumer mark).
283
+ // Format: "remix:{type}:{subtype}" e.g. "remix:infographic:corporate-doodle"
284
+ remixSource: dataConsumerMark === null || dataConsumerMark === void 0 || (_dataConsumerMark$att = dataConsumerMark.attrs.sources) === null || _dataConsumerMark$att === void 0 ? void 0 : _dataConsumerMark$att[0]
277
285
  })
278
286
  }, jsx(MediaBadges, {
279
287
  mediaElement: mediaSingleElement,
package/dist/esm/ui/Renderer/index.js CHANGED
@@ -63,7 +63,7 @@ export var DEGRADED_SEVERITY_THRESHOLD = 3000;
63
63
  var TABLE_INFO_TIMEOUT = 10000;
64
64
  var RENDER_EVENT_SAMPLE_RATE = 0.2;
65
65
  var packageName = "@atlaskit/renderer";
66
- var packageVersion = "132.6.0";
66
+ var packageVersion = "132.7.0";
67
67
  var setAsQueryContainerStyles = css({
68
68
  containerName: 'ak-renderer-wrapper',
69
69
  containerType: 'inline-size'
package/dist/types/react/nodes/media/index.d.ts CHANGED
@@ -9,7 +9,7 @@ import { jsx } from '@emotion/react';
9
9
  import type { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
10
10
  import type { EventHandlers } from '@atlaskit/editor-common/ui';
11
11
  import type { MediaCardProps } from '../../../ui/MediaCard';
12
- import type { LinkDefinition, BorderMarkDefinition, AnnotationMarkDefinition } from '@atlaskit/adf-schema';
12
+ import type { LinkDefinition, BorderMarkDefinition, AnnotationMarkDefinition, DataConsumerDefinition } from '@atlaskit/adf-schema';
13
13
  import type { MediaFeatureFlags } from '@atlaskit/media-common';
14
14
  import type { AnalyticsEventPayload } from '../../../analytics/events';
15
15
  export type MediaProps = MediaCardProps & {
@@ -26,7 +26,7 @@ export type MediaProps = MediaCardProps & {
26
26
  isDrafting: boolean;
27
27
  isInsideOfBlockNode?: boolean;
28
28
  isLinkMark: () => boolean;
29
- marks: Array<LinkDefinition | BorderMarkDefinition | AnnotationMarkDefinition>;
29
+ marks: Array<LinkDefinition | BorderMarkDefinition | AnnotationMarkDefinition | DataConsumerDefinition>;
30
30
  mediaSingleElement?: HTMLElement | null;
31
31
  providers?: ProviderFactory;
32
32
  width?: number;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/renderer",
3
- "version": "132.6.1",
3
+ "version": "132.7.0",
4
4
  "description": "Renderer component",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -52,7 +52,7 @@
52
52
  "@atlaskit/link-extractors": "^2.7.0",
53
53
  "@atlaskit/linking-common": "^9.13.0",
54
54
  "@atlaskit/media-card": "^80.8.0",
55
- "@atlaskit/media-client": "^36.3.0",
55
+ "@atlaskit/media-client": "^36.4.0",
56
56
  "@atlaskit/media-client-react": "^5.2.0",
57
57
  "@atlaskit/media-common": "^13.3.0",
58
58
  "@atlaskit/media-filmstrip": "^51.3.0",
@@ -98,7 +98,7 @@
98
98
  "@atlaskit/media-core": "^37.1.0",
99
99
  "@atlaskit/media-integration-test-helpers": "workspace:^",
100
100
  "@atlaskit/media-test-helpers": "^41.2.0",
101
- "@atlaskit/mention": "^26.2.0",
101
+ "@atlaskit/mention": "^26.3.0",
102
102
  "@atlaskit/modal-dialog": "^15.3.0",
103
103
  "@atlaskit/navigation-system": "^9.4.0",
104
104
  "@atlaskit/profilecard": "^25.9.0",
@@ -271,6 +271,10 @@
271
271
  },
272
272
  "platform_nested_table_style_override": {
273
273
  "type": "boolean"
274
+ },
275
+ "cc-maui-add-mark-for-remix-generated-images": {
276
+ "type": "boolean",
277
+ "referenceOnly": true
274
278
  }
275
279
  }
276
280
  }