@atlaskit/editor-plugin-media 13.5.2 → 14.0.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 (5) hide show
  1. package/CHANGELOG.md +34 -0
  2. package/dist/cjs/nodeviews/mediaNodeView/media.js +8 -1
  3. package/dist/es2019/nodeviews/mediaNodeView/media.js +6 -1
  4. package/dist/esm/nodeviews/mediaNodeView/media.js +8 -1
  5. package/package.json +46 -50
package/CHANGELOG.md CHANGED
@@ -1,5 +1,39 @@
1
1
  # @atlaskit/editor-plugin-media
2
2
 
3
+ ## 14.0.0
4
+
5
+ ### Major Changes
6
+
7
+ - [`f2dc9097319f0`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f2dc9097319f0) - ###
8
+ Dropped support for _legacy_ Typescript 4 types. **Typescript 5 is now the new minimum**.
9
+
10
+ Removes the `typesVersions` property and `dist/types-ts4.5` directory from the dist.
11
+
12
+ Types are now exclusively via the `"types": "dist/types/index.d.ts"` property.
13
+
14
+ ```diff
15
+ - "typesVersions": {
16
+ - ">=4.5 <4.9": {
17
+ - "*": [
18
+ - "dist/types-ts4.5/*",
19
+ - "dist/types-ts4.5/index.d.ts"
20
+ - ]
21
+ - }
22
+ - },
23
+ ```
24
+
25
+ ### Patch Changes
26
+
27
+ - Updated dependencies
28
+
29
+ ## 13.6.0
30
+
31
+ ### Minor Changes
32
+
33
+ - [`a80e758660883`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a80e758660883) -
34
+ add remixSource attribute to mediaCardRender events behind
35
+ cc-maui-add-mark-for-remix-generated-images FF
36
+
3
37
  ## 13.5.2
4
38
 
5
39
  ### Patch Changes
package/dist/cjs/nodeviews/mediaNodeView/media.js CHANGED
@@ -298,6 +298,7 @@ var MediaNode = exports.MediaNode = /*#__PURE__*/function (_Component) {
298
298
  }, {
299
299
  key: "render",
300
300
  value: function render() {
301
+ var _dataConsumerMark$att;
301
302
  var _this$props2 = this.props,
302
303
  node = _this$props2.node,
303
304
  selected = _this$props2.selected,
@@ -308,6 +309,9 @@ var MediaNode = exports.MediaNode = /*#__PURE__*/function (_Component) {
308
309
  var borderMark = node.marks.find(function (m) {
309
310
  return m.type.name === 'border';
310
311
  });
312
+ var dataConsumerMark = (0, _platformFeatureFlags.fg)('cc-maui-add-mark-for-remix-generated-images') ? node.marks.find(function (m) {
313
+ return m.type.name === 'dataConsumer';
314
+ }) : undefined;
311
315
  var _this$state = this.state,
312
316
  viewMediaClientConfig = _this$state.viewMediaClientConfig,
313
317
  viewAndUploadMediaClientConfig = _this$state.viewAndUploadMediaClientConfig,
@@ -366,7 +370,10 @@ var MediaNode = exports.MediaNode = /*#__PURE__*/function (_Component) {
366
370
  // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
367
371
  , {
368
372
  data: (0, _defineProperty2.default)({}, _analyticsNamespacedContext.MEDIA_CONTEXT, {
369
- border: !!borderMark
373
+ border: !!borderMark,
374
+ // Only defined for remix-generated media (i.e. media nodes with a dataConsumer mark).
375
+ // Format: "remix:{type}:{subtype}" e.g. "remix:infographic:corporate-doodle"
376
+ remixSource: dataConsumerMark === null || dataConsumerMark === void 0 || (_dataConsumerMark$att = dataConsumerMark.attrs.sources) === null || _dataConsumerMark$att === void 0 ? void 0 : _dataConsumerMark$att[0]
370
377
  })
371
378
  }, /*#__PURE__*/_react.default.createElement(_mediaCard.Card, {
372
379
  mediaClientConfig: mediaClientConfig,
package/dist/es2019/nodeviews/mediaNodeView/media.js CHANGED
@@ -241,6 +241,7 @@ export class MediaNode extends Component {
241
241
  }
242
242
  }
243
243
  render() {
244
+ var _dataConsumerMark$att;
244
245
  const {
245
246
  node,
246
247
  selected,
@@ -250,6 +251,7 @@ export class MediaNode extends Component {
250
251
  mediaOptions
251
252
  } = this.props;
252
253
  const borderMark = node.marks.find(m => m.type.name === 'border');
254
+ const dataConsumerMark = fg('cc-maui-add-mark-for-remix-generated-images') ? node.marks.find(m => m.type.name === 'dataConsumer') : undefined;
253
255
  const {
254
256
  viewMediaClientConfig,
255
257
  viewAndUploadMediaClientConfig,
@@ -309,7 +311,10 @@ export class MediaNode extends Component {
309
311
  , {
310
312
  data: {
311
313
  [MEDIA_CONTEXT]: {
312
- border: !!borderMark
314
+ border: !!borderMark,
315
+ // Only defined for remix-generated media (i.e. media nodes with a dataConsumer mark).
316
+ // Format: "remix:{type}:{subtype}" e.g. "remix:infographic:corporate-doodle"
317
+ remixSource: dataConsumerMark === null || dataConsumerMark === void 0 ? void 0 : (_dataConsumerMark$att = dataConsumerMark.attrs.sources) === null || _dataConsumerMark$att === void 0 ? void 0 : _dataConsumerMark$att[0]
313
318
  }
314
319
  }
315
320
  }, /*#__PURE__*/React.createElement(Card, {
package/dist/esm/nodeviews/mediaNodeView/media.js CHANGED
@@ -290,6 +290,7 @@ export var MediaNode = /*#__PURE__*/function (_Component) {
290
290
  }, {
291
291
  key: "render",
292
292
  value: function render() {
293
+ var _dataConsumerMark$att;
293
294
  var _this$props2 = this.props,
294
295
  node = _this$props2.node,
295
296
  selected = _this$props2.selected,
@@ -300,6 +301,9 @@ export var MediaNode = /*#__PURE__*/function (_Component) {
300
301
  var borderMark = node.marks.find(function (m) {
301
302
  return m.type.name === 'border';
302
303
  });
304
+ var dataConsumerMark = fg('cc-maui-add-mark-for-remix-generated-images') ? node.marks.find(function (m) {
305
+ return m.type.name === 'dataConsumer';
306
+ }) : undefined;
303
307
  var _this$state = this.state,
304
308
  viewMediaClientConfig = _this$state.viewMediaClientConfig,
305
309
  viewAndUploadMediaClientConfig = _this$state.viewAndUploadMediaClientConfig,
@@ -358,7 +362,10 @@ export var MediaNode = /*#__PURE__*/function (_Component) {
358
362
  // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
359
363
  , {
360
364
  data: _defineProperty({}, MEDIA_CONTEXT, {
361
- border: !!borderMark
365
+ border: !!borderMark,
366
+ // Only defined for remix-generated media (i.e. media nodes with a dataConsumer mark).
367
+ // Format: "remix:{type}:{subtype}" e.g. "remix:infographic:corporate-doodle"
368
+ remixSource: dataConsumerMark === null || dataConsumerMark === void 0 || (_dataConsumerMark$att = dataConsumerMark.attrs.sources) === null || _dataConsumerMark$att === void 0 ? void 0 : _dataConsumerMark$att[0]
362
369
  })
363
370
  }, /*#__PURE__*/React.createElement(Card, {
364
371
  mediaClientConfig: mediaClientConfig,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-plugin-media",
3
- "version": "13.5.2",
3
+ "version": "14.0.0",
4
4
  "description": "Media plugin for @atlaskit/editor-core",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -16,58 +16,50 @@
16
16
  "module": "dist/esm/index.js",
17
17
  "module:es2019": "dist/es2019/index.js",
18
18
  "types": "dist/types/index.d.ts",
19
- "typesVersions": {
20
- ">=4.5 <4.9": {
21
- "*": [
22
- "dist/types-ts4.5/*",
23
- "dist/types-ts4.5/index.d.ts"
24
- ]
25
- }
26
- },
27
19
  "sideEffects": [
28
20
  "*.compiled.css"
29
21
  ],
30
22
  "atlaskit:src": "src/index.ts",
31
23
  "dependencies": {
32
- "@atlaskit/adf-schema": "^54.0.0",
33
- "@atlaskit/analytics-namespaced-context": "^7.3.0",
34
- "@atlaskit/analytics-next": "^11.3.0",
35
- "@atlaskit/button": "^23.11.0",
36
- "@atlaskit/editor-palette": "^2.2.0",
37
- "@atlaskit/editor-plugin-analytics": "^11.0.0",
38
- "@atlaskit/editor-plugin-annotation": "^11.0.0",
39
- "@atlaskit/editor-plugin-connectivity": "^11.0.0",
40
- "@atlaskit/editor-plugin-decorations": "^11.0.0",
41
- "@atlaskit/editor-plugin-editor-disabled": "^11.0.0",
42
- "@atlaskit/editor-plugin-editor-viewmode": "^13.0.0",
43
- "@atlaskit/editor-plugin-floating-toolbar": "^13.0.0",
44
- "@atlaskit/editor-plugin-focus": "^10.0.0",
45
- "@atlaskit/editor-plugin-grid": "^11.0.0",
46
- "@atlaskit/editor-plugin-guideline": "^11.0.0",
47
- "@atlaskit/editor-plugin-interaction": "^20.0.0",
48
- "@atlaskit/editor-plugin-selection": "^11.0.0",
49
- "@atlaskit/editor-plugin-toolbar": "^8.0.0",
50
- "@atlaskit/editor-plugin-width": "^12.0.0",
51
- "@atlaskit/editor-prosemirror": "^7.3.0",
52
- "@atlaskit/editor-shared-styles": "^3.11.0",
53
- "@atlaskit/editor-tables": "^2.10.0",
54
- "@atlaskit/form": "^15.5.0",
55
- "@atlaskit/icon": "^35.4.0",
56
- "@atlaskit/icon-lab": "^6.14.0",
57
- "@atlaskit/media-card": "^80.8.0",
58
- "@atlaskit/media-client": "^36.3.0",
59
- "@atlaskit/media-client-react": "^5.2.0",
60
- "@atlaskit/media-common": "^13.3.0",
61
- "@atlaskit/media-filmstrip": "^51.3.0",
62
- "@atlaskit/media-picker": "^71.4.0",
63
- "@atlaskit/media-ui": "^29.3.0",
64
- "@atlaskit/media-viewer": "^53.2.0",
65
- "@atlaskit/platform-feature-flags": "^1.1.0",
66
- "@atlaskit/primitives": "^19.0.0",
67
- "@atlaskit/textfield": "^8.3.0",
68
- "@atlaskit/tmp-editor-statsig": "^103.0.0",
69
- "@atlaskit/tokens": "^13.4.0",
70
- "@atlaskit/tooltip": "^22.6.0",
24
+ "@atlaskit/adf-schema": "^55.0.0",
25
+ "@atlaskit/analytics-namespaced-context": "^8.0.0",
26
+ "@atlaskit/analytics-next": "^12.0.0",
27
+ "@atlaskit/button": "^24.0.0",
28
+ "@atlaskit/editor-palette": "^3.0.0",
29
+ "@atlaskit/editor-plugin-analytics": "^12.0.0",
30
+ "@atlaskit/editor-plugin-annotation": "^12.0.0",
31
+ "@atlaskit/editor-plugin-connectivity": "^12.0.0",
32
+ "@atlaskit/editor-plugin-decorations": "^12.0.0",
33
+ "@atlaskit/editor-plugin-editor-disabled": "^12.0.0",
34
+ "@atlaskit/editor-plugin-editor-viewmode": "^14.0.0",
35
+ "@atlaskit/editor-plugin-floating-toolbar": "^14.0.0",
36
+ "@atlaskit/editor-plugin-focus": "^11.0.0",
37
+ "@atlaskit/editor-plugin-grid": "^12.0.0",
38
+ "@atlaskit/editor-plugin-guideline": "^12.0.0",
39
+ "@atlaskit/editor-plugin-interaction": "^21.0.0",
40
+ "@atlaskit/editor-plugin-selection": "^12.0.0",
41
+ "@atlaskit/editor-plugin-toolbar": "^9.0.0",
42
+ "@atlaskit/editor-plugin-width": "^13.0.0",
43
+ "@atlaskit/editor-prosemirror": "^8.0.0",
44
+ "@atlaskit/editor-shared-styles": "^4.0.0",
45
+ "@atlaskit/editor-tables": "^3.0.0",
46
+ "@atlaskit/form": "^16.0.0",
47
+ "@atlaskit/icon": "^36.0.0",
48
+ "@atlaskit/icon-lab": "^7.0.0",
49
+ "@atlaskit/media-card": "^81.0.0",
50
+ "@atlaskit/media-client": "^37.0.0",
51
+ "@atlaskit/media-client-react": "^6.0.0",
52
+ "@atlaskit/media-common": "^14.0.0",
53
+ "@atlaskit/media-filmstrip": "^52.0.0",
54
+ "@atlaskit/media-picker": "^72.0.0",
55
+ "@atlaskit/media-ui": "^30.0.0",
56
+ "@atlaskit/media-viewer": "^54.0.0",
57
+ "@atlaskit/platform-feature-flags": "^2.0.0",
58
+ "@atlaskit/primitives": "^20.0.0",
59
+ "@atlaskit/textfield": "^9.0.0",
60
+ "@atlaskit/tmp-editor-statsig": "^104.0.0",
61
+ "@atlaskit/tokens": "^14.0.0",
62
+ "@atlaskit/tooltip": "^23.0.0",
71
63
  "@babel/runtime": "^7.0.0",
72
64
  "@emotion/react": "^11.7.1",
73
65
  "bind-event-listener": "^3.0.0",
@@ -77,8 +69,8 @@
77
69
  "uuid": "^3.1.0"
78
70
  },
79
71
  "peerDependencies": {
80
- "@atlaskit/editor-common": "^115.15.0",
81
- "@atlaskit/media-core": "^37.1.0",
72
+ "@atlaskit/editor-common": "^116.0.0",
73
+ "@atlaskit/media-core": "^38.0.0",
82
74
  "react": "^18.2.0",
83
75
  "react-dom": "^18.2.0",
84
76
  "react-intl": "^5.25.1 || ^6.0.0 || ^7.0.0"
@@ -161,6 +153,10 @@
161
153
  },
162
154
  "cc-maui-phase-2": {
163
155
  "type": "boolean"
156
+ },
157
+ "cc-maui-add-mark-for-remix-generated-images": {
158
+ "type": "boolean",
159
+ "referenceOnly": true
164
160
  }
165
161
  },
166
162
  "stricter": {