@atlaskit/media-common 2.9.1 → 2.10.3

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 (20) hide show
  1. package/CHANGELOG.md +33 -0
  2. package/dist/cjs/analytics/index.js +4 -4
  3. package/dist/cjs/analytics/withMediaAnalyticsContext.js +2 -2
  4. package/dist/cjs/index.js +32 -20
  5. package/dist/cjs/mediaFeatureFlags.js +47 -4
  6. package/dist/cjs/mediaTypeUtils/index.js +21 -21
  7. package/dist/cjs/mediaTypeUtils/isMimeTypeSupportedByBrowser.js +1 -1
  8. package/dist/cjs/mediaTypeUtils/isMimeTypeSupportedByServer.js +1 -1
  9. package/dist/cjs/version.json +1 -1
  10. package/dist/es2019/index.js +1 -1
  11. package/dist/es2019/mediaFeatureFlags.js +36 -3
  12. package/dist/es2019/version.json +1 -1
  13. package/dist/esm/analytics/withMediaAnalyticsContext.js +2 -2
  14. package/dist/esm/index.js +1 -1
  15. package/dist/esm/mediaFeatureFlags.js +38 -3
  16. package/dist/esm/version.json +1 -1
  17. package/dist/types/docs/rxjs-notice.d.ts +1 -0
  18. package/dist/types/index.d.ts +2 -1
  19. package/dist/types/mediaFeatureFlags.d.ts +5 -2
  20. package/package.json +4 -4
package/CHANGELOG.md CHANGED
@@ -1,5 +1,38 @@
1
1
  # @atlaskit/media-common
2
2
 
3
+ ## 2.10.3
4
+
5
+ ### Patch Changes
6
+
7
+ - [`5293a48368e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5293a48368e) - fix image size in layout with ref and width observer
8
+
9
+ ## 2.10.2
10
+
11
+ ### Patch Changes
12
+
13
+ - [`19d72473dfb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/19d72473dfb) - Switched as false default value for FF "Timestamp on video"
14
+ - [`19d72473dfb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/19d72473dfb) - Adding a feature flag for TimestampOnVideo
15
+
16
+ ## 2.10.1
17
+
18
+ ### Patch Changes
19
+
20
+ - [`c55c736ecea`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c55c736ecea) - Patch VULN AFP-3486 AFP-3487 AFP-3488 AFP-3489
21
+
22
+ ## 2.10.0
23
+
24
+ ### Minor Changes
25
+
26
+ - [`f461edcfd05`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f461edcfd05) - Added a comparer helper for Media Feature Flags objects
27
+
28
+ ### Patch Changes
29
+
30
+ - [`fc70978492a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/fc70978492a) - Using type for SSR prop to reduce dependency on media-common
31
+ - [`2b24fcc59f2`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2b24fcc59f2) - Removed Code Viewer and Zip Previews Feature Flags
32
+ - [`f461edcfd05`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f461edcfd05) - Update CardLoader to use react-loadable
33
+ Add SSR feature prop to be passed in renderer and media card
34
+ - [`01a41e75803`](https://bitbucket.org/atlassian/atlassian-frontend/commits/01a41e75803) - Removes `allowMediaInline` media prop and replaces with Inline Files feature flag for editor and mobile bridge
35
+
3
36
  ## 2.9.1
4
37
 
5
38
  ### Patch Changes
package/dist/cjs/analytics/index.js CHANGED
@@ -3,16 +3,16 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- Object.defineProperty(exports, "withMediaAnalyticsContext", {
6
+ Object.defineProperty(exports, "ANALYTICS_MEDIA_CHANNEL", {
7
7
  enumerable: true,
8
8
  get: function get() {
9
- return _withMediaAnalyticsContext.withMediaAnalyticsContext;
9
+ return _constants.ANALYTICS_MEDIA_CHANNEL;
10
10
  }
11
11
  });
12
- Object.defineProperty(exports, "ANALYTICS_MEDIA_CHANNEL", {
12
+ Object.defineProperty(exports, "withMediaAnalyticsContext", {
13
13
  enumerable: true,
14
14
  get: function get() {
15
- return _constants.ANALYTICS_MEDIA_CHANNEL;
15
+ return _withMediaAnalyticsContext.withMediaAnalyticsContext;
16
16
  }
17
17
  });
18
18
 
package/dist/cjs/analytics/withMediaAnalyticsContext.js CHANGED
@@ -25,9 +25,9 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
25
25
 
26
26
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
27
27
 
28
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
28
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
29
29
 
30
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
30
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
31
31
 
32
32
  var getFilteredFeatureFlags = function getFilteredFeatureFlags(keys, featureFlags) {
33
33
  return keys.reduce(function (result, key) {
package/dist/cjs/index.js CHANGED
@@ -3,16 +3,16 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- Object.defineProperty(exports, "downloadUrl", {
6
+ Object.defineProperty(exports, "ANALYTICS_MEDIA_CHANNEL", {
7
7
  enumerable: true,
8
8
  get: function get() {
9
- return _downloadUrl.downloadUrl;
9
+ return _constants.ANALYTICS_MEDIA_CHANNEL;
10
10
  }
11
11
  });
12
- Object.defineProperty(exports, "getMediaFeatureFlag", {
12
+ Object.defineProperty(exports, "areEqualFeatureFlags", {
13
13
  enumerable: true,
14
14
  get: function get() {
15
- return _mediaFeatureFlags.getMediaFeatureFlag;
15
+ return _mediaFeatureFlags.areEqualFeatureFlags;
16
16
  }
17
17
  });
18
18
  Object.defineProperty(exports, "defaultMediaFeatureFlags", {
@@ -21,16 +21,16 @@ Object.defineProperty(exports, "defaultMediaFeatureFlags", {
21
21
  return _mediaFeatureFlags.defaultMediaFeatureFlags;
22
22
  }
23
23
  });
24
- Object.defineProperty(exports, "withMediaAnalyticsContext", {
24
+ Object.defineProperty(exports, "downloadUrl", {
25
25
  enumerable: true,
26
26
  get: function get() {
27
- return _withMediaAnalyticsContext.withMediaAnalyticsContext;
27
+ return _downloadUrl.downloadUrl;
28
28
  }
29
29
  });
30
- Object.defineProperty(exports, "ANALYTICS_MEDIA_CHANNEL", {
30
+ Object.defineProperty(exports, "getMediaFeatureFlag", {
31
31
  enumerable: true,
32
32
  get: function get() {
33
- return _constants.ANALYTICS_MEDIA_CHANNEL;
33
+ return _mediaFeatureFlags.getMediaFeatureFlag;
34
34
  }
35
35
  });
36
36
  Object.defineProperty(exports, "getMediaTypeFromMimeType", {
@@ -39,10 +39,10 @@ Object.defineProperty(exports, "getMediaTypeFromMimeType", {
39
39
  return _mediaTypeUtils.getMediaTypeFromMimeType;
40
40
  }
41
41
  });
42
- Object.defineProperty(exports, "isImageMimeTypeSupportedByBrowser", {
42
+ Object.defineProperty(exports, "isAudioMimeTypeSupportedByServer", {
43
43
  enumerable: true,
44
44
  get: function get() {
45
- return _mediaTypeUtils.isImageMimeTypeSupportedByBrowser;
45
+ return _mediaTypeUtils.isAudioMimeTypeSupportedByServer;
46
46
  }
47
47
  });
48
48
  Object.defineProperty(exports, "isDocumentMimeTypeSupportedByBrowser", {
@@ -51,10 +51,16 @@ Object.defineProperty(exports, "isDocumentMimeTypeSupportedByBrowser", {
51
51
  return _mediaTypeUtils.isDocumentMimeTypeSupportedByBrowser;
52
52
  }
53
53
  });
54
- Object.defineProperty(exports, "isMimeTypeSupportedByBrowser", {
54
+ Object.defineProperty(exports, "isDocumentMimeTypeSupportedByServer", {
55
55
  enumerable: true,
56
56
  get: function get() {
57
- return _mediaTypeUtils.isMimeTypeSupportedByBrowser;
57
+ return _mediaTypeUtils.isDocumentMimeTypeSupportedByServer;
58
+ }
59
+ });
60
+ Object.defineProperty(exports, "isImageMimeTypeSupportedByBrowser", {
61
+ enumerable: true,
62
+ get: function get() {
63
+ return _mediaTypeUtils.isImageMimeTypeSupportedByBrowser;
58
64
  }
59
65
  });
60
66
  Object.defineProperty(exports, "isImageMimeTypeSupportedByServer", {
@@ -63,16 +69,22 @@ Object.defineProperty(exports, "isImageMimeTypeSupportedByServer", {
63
69
  return _mediaTypeUtils.isImageMimeTypeSupportedByServer;
64
70
  }
65
71
  });
66
- Object.defineProperty(exports, "isDocumentMimeTypeSupportedByServer", {
72
+ Object.defineProperty(exports, "isMimeTypeSupportedByBrowser", {
67
73
  enumerable: true,
68
74
  get: function get() {
69
- return _mediaTypeUtils.isDocumentMimeTypeSupportedByServer;
75
+ return _mediaTypeUtils.isMimeTypeSupportedByBrowser;
70
76
  }
71
77
  });
72
- Object.defineProperty(exports, "isAudioMimeTypeSupportedByServer", {
78
+ Object.defineProperty(exports, "isMimeTypeSupportedByServer", {
73
79
  enumerable: true,
74
80
  get: function get() {
75
- return _mediaTypeUtils.isAudioMimeTypeSupportedByServer;
81
+ return _mediaTypeUtils.isMimeTypeSupportedByServer;
82
+ }
83
+ });
84
+ Object.defineProperty(exports, "isUnknownMimeTypeSupportedByServer", {
85
+ enumerable: true,
86
+ get: function get() {
87
+ return _mediaTypeUtils.isUnknownMimeTypeSupportedByServer;
76
88
  }
77
89
  });
78
90
  Object.defineProperty(exports, "isVideoMimeTypeSupportedByServer", {
@@ -81,16 +93,16 @@ Object.defineProperty(exports, "isVideoMimeTypeSupportedByServer", {
81
93
  return _mediaTypeUtils.isVideoMimeTypeSupportedByServer;
82
94
  }
83
95
  });
84
- Object.defineProperty(exports, "isUnknownMimeTypeSupportedByServer", {
96
+ Object.defineProperty(exports, "useMemoizeFeatureFlags", {
85
97
  enumerable: true,
86
98
  get: function get() {
87
- return _mediaTypeUtils.isUnknownMimeTypeSupportedByServer;
99
+ return _mediaFeatureFlags.useMemoizeFeatureFlags;
88
100
  }
89
101
  });
90
- Object.defineProperty(exports, "isMimeTypeSupportedByServer", {
102
+ Object.defineProperty(exports, "withMediaAnalyticsContext", {
91
103
  enumerable: true,
92
104
  get: function get() {
93
- return _mediaTypeUtils.isMimeTypeSupportedByServer;
105
+ return _withMediaAnalyticsContext.withMediaAnalyticsContext;
94
106
  }
95
107
  });
96
108
 
package/dist/cjs/mediaFeatureFlags.js CHANGED
@@ -3,18 +3,24 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
+ exports.defaultMediaFeatureFlags = exports.areEqualFeatureFlags = void 0;
6
7
  exports.getMediaFeatureFlag = getMediaFeatureFlag;
7
- exports.defaultMediaFeatureFlags = void 0;
8
+ exports.useMemoizeFeatureFlags = void 0;
9
+
10
+ var _react = require("react");
8
11
 
9
12
  var _mediaFeatureFlagLocal = require("./mediaFeatureFlag-local");
10
13
 
11
14
  // default values defined here, not necessary for components to know directly as they should use the function below
12
15
  var defaultMediaFeatureFlags = {
13
16
  newCardExperience: false,
14
- zipPreviews: false,
15
17
  captions: false,
18
+ mediaInline: false,
19
+ // We can't yet switch this feature on
20
+ // TODO https://product-fabric.atlassian.net/browse/MEX-104
16
21
  folderUploads: false,
17
- codeViewer: false
22
+ timestampOnVideo: false,
23
+ observedWidth: false
18
24
  };
19
25
  /**
20
26
  * Public accessor from components to fallback to defaults if flags not passed,
@@ -56,4 +62,41 @@ Object.keys(defaultMediaFeatureFlags).forEach(function (flagName) {
56
62
  // eslint-disable-next-line no-console
57
63
  console.info("%c* LOCAL * MediaFeatureFlag.".concat(flagName, " = ").concat(localOverride), 'font-weight:bold;color:cyan');
58
64
  }
59
- });
65
+ });
66
+
67
+ var areEqualFeatureFlags = function areEqualFeatureFlags(ffA, ffB) {
68
+ if (!ffA && !ffB) {
69
+ return true;
70
+ }
71
+
72
+ if (!ffA || !ffB) {
73
+ return false;
74
+ } // With this type we ensure this object will compare all the flags
75
+
76
+
77
+ var results = {
78
+ newCardExperience: ffA.newCardExperience === ffB.newCardExperience,
79
+ captions: ffA.captions === ffB.captions,
80
+ mediaInline: ffA.mediaInline === ffB.mediaInline,
81
+ folderUploads: ffA.folderUploads === ffB.folderUploads,
82
+ timestampOnVideo: ffA.timestampOnVideo === ffB.timestampOnVideo,
83
+ observedWidth: ffA.observedWidth === ffB.observedWidth
84
+ };
85
+ return Object.values(results).every(function (result) {
86
+ return result;
87
+ });
88
+ };
89
+
90
+ exports.areEqualFeatureFlags = areEqualFeatureFlags;
91
+
92
+ var useMemoizeFeatureFlags = function useMemoizeFeatureFlags(featureFlags) {
93
+ var ref = (0, _react.useRef)();
94
+
95
+ if (!areEqualFeatureFlags(featureFlags, ref.current)) {
96
+ ref.current = featureFlags;
97
+ }
98
+
99
+ return ref.current;
100
+ };
101
+
102
+ exports.useMemoizeFeatureFlags = useMemoizeFeatureFlags;
package/dist/cjs/mediaTypeUtils/index.js CHANGED
@@ -3,34 +3,35 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- Object.defineProperty(exports, "isImageMimeTypeSupportedByBrowser", {
6
+ exports.getMediaTypeFromMimeType = void 0;
7
+ Object.defineProperty(exports, "isAudioMimeTypeSupportedByBrowser", {
7
8
  enumerable: true,
8
9
  get: function get() {
9
- return _isMimeTypeSupportedByBrowser.isImageMimeTypeSupportedByBrowser;
10
+ return _isMimeTypeSupportedByBrowser.isAudioMimeTypeSupportedByBrowser;
10
11
  }
11
12
  });
12
- Object.defineProperty(exports, "isDocumentMimeTypeSupportedByBrowser", {
13
+ Object.defineProperty(exports, "isAudioMimeTypeSupportedByServer", {
13
14
  enumerable: true,
14
15
  get: function get() {
15
- return _isMimeTypeSupportedByBrowser.isDocumentMimeTypeSupportedByBrowser;
16
+ return _isMimeTypeSupportedByServer.isAudioMimeTypeSupportedByServer;
16
17
  }
17
18
  });
18
- Object.defineProperty(exports, "isAudioMimeTypeSupportedByBrowser", {
19
+ Object.defineProperty(exports, "isDocumentMimeTypeSupportedByBrowser", {
19
20
  enumerable: true,
20
21
  get: function get() {
21
- return _isMimeTypeSupportedByBrowser.isAudioMimeTypeSupportedByBrowser;
22
+ return _isMimeTypeSupportedByBrowser.isDocumentMimeTypeSupportedByBrowser;
22
23
  }
23
24
  });
24
- Object.defineProperty(exports, "isVideoMimeTypeSupportedByBrowser", {
25
+ Object.defineProperty(exports, "isDocumentMimeTypeSupportedByServer", {
25
26
  enumerable: true,
26
27
  get: function get() {
27
- return _isMimeTypeSupportedByBrowser.isVideoMimeTypeSupportedByBrowser;
28
+ return _isMimeTypeSupportedByServer.isDocumentMimeTypeSupportedByServer;
28
29
  }
29
30
  });
30
- Object.defineProperty(exports, "isMimeTypeSupportedByBrowser", {
31
+ Object.defineProperty(exports, "isImageMimeTypeSupportedByBrowser", {
31
32
  enumerable: true,
32
33
  get: function get() {
33
- return _isMimeTypeSupportedByBrowser.isMimeTypeSupportedByBrowser;
34
+ return _isMimeTypeSupportedByBrowser.isImageMimeTypeSupportedByBrowser;
34
35
  }
35
36
  });
36
37
  Object.defineProperty(exports, "isImageMimeTypeSupportedByServer", {
@@ -39,37 +40,36 @@ Object.defineProperty(exports, "isImageMimeTypeSupportedByServer", {
39
40
  return _isMimeTypeSupportedByServer.isImageMimeTypeSupportedByServer;
40
41
  }
41
42
  });
42
- Object.defineProperty(exports, "isDocumentMimeTypeSupportedByServer", {
43
+ Object.defineProperty(exports, "isMimeTypeSupportedByBrowser", {
43
44
  enumerable: true,
44
45
  get: function get() {
45
- return _isMimeTypeSupportedByServer.isDocumentMimeTypeSupportedByServer;
46
+ return _isMimeTypeSupportedByBrowser.isMimeTypeSupportedByBrowser;
46
47
  }
47
48
  });
48
- Object.defineProperty(exports, "isAudioMimeTypeSupportedByServer", {
49
+ Object.defineProperty(exports, "isMimeTypeSupportedByServer", {
49
50
  enumerable: true,
50
51
  get: function get() {
51
- return _isMimeTypeSupportedByServer.isAudioMimeTypeSupportedByServer;
52
+ return _isMimeTypeSupportedByServer.isMimeTypeSupportedByServer;
52
53
  }
53
54
  });
54
- Object.defineProperty(exports, "isVideoMimeTypeSupportedByServer", {
55
+ Object.defineProperty(exports, "isUnknownMimeTypeSupportedByServer", {
55
56
  enumerable: true,
56
57
  get: function get() {
57
- return _isMimeTypeSupportedByServer.isVideoMimeTypeSupportedByServer;
58
+ return _isMimeTypeSupportedByServer.isUnknownMimeTypeSupportedByServer;
58
59
  }
59
60
  });
60
- Object.defineProperty(exports, "isUnknownMimeTypeSupportedByServer", {
61
+ Object.defineProperty(exports, "isVideoMimeTypeSupportedByBrowser", {
61
62
  enumerable: true,
62
63
  get: function get() {
63
- return _isMimeTypeSupportedByServer.isUnknownMimeTypeSupportedByServer;
64
+ return _isMimeTypeSupportedByBrowser.isVideoMimeTypeSupportedByBrowser;
64
65
  }
65
66
  });
66
- Object.defineProperty(exports, "isMimeTypeSupportedByServer", {
67
+ Object.defineProperty(exports, "isVideoMimeTypeSupportedByServer", {
67
68
  enumerable: true,
68
69
  get: function get() {
69
- return _isMimeTypeSupportedByServer.isMimeTypeSupportedByServer;
70
+ return _isMimeTypeSupportedByServer.isVideoMimeTypeSupportedByServer;
70
71
  }
71
72
  });
72
- exports.getMediaTypeFromMimeType = void 0;
73
73
 
74
74
  var _isArchive = require("./isArchive");
75
75
 
package/dist/cjs/mediaTypeUtils/isMimeTypeSupportedByBrowser.js CHANGED
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.isMimeTypeSupportedByBrowser = exports.isVideoMimeTypeSupportedByBrowser = exports.isAudioMimeTypeSupportedByBrowser = exports.isDocumentMimeTypeSupportedByBrowser = exports.isImageMimeTypeSupportedByBrowser = void 0;
6
+ exports.isVideoMimeTypeSupportedByBrowser = exports.isMimeTypeSupportedByBrowser = exports.isImageMimeTypeSupportedByBrowser = exports.isDocumentMimeTypeSupportedByBrowser = exports.isAudioMimeTypeSupportedByBrowser = void 0;
7
7
 
8
8
  // Based on https://developer.mozilla.org/en-US/docs/Web/Media/Formats/Image_types
9
9
  var isImageMimeTypeSupportedByBrowser = function isImageMimeTypeSupportedByBrowser(mimeType) {
package/dist/cjs/mediaTypeUtils/isMimeTypeSupportedByServer.js CHANGED
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.isMimeTypeSupportedByServer = exports.isUnknownMimeTypeSupportedByServer = exports.isVideoMimeTypeSupportedByServer = exports.isAudioMimeTypeSupportedByServer = exports.isDocumentMimeTypeSupportedByServer = exports.isImageMimeTypeSupportedByServer = void 0;
6
+ exports.isVideoMimeTypeSupportedByServer = exports.isUnknownMimeTypeSupportedByServer = exports.isMimeTypeSupportedByServer = exports.isImageMimeTypeSupportedByServer = exports.isDocumentMimeTypeSupportedByServer = exports.isAudioMimeTypeSupportedByServer = void 0;
7
7
 
8
8
  // Based on https://developer.atlassian.com/platform/media/learning/file-previews/
9
9
  var isImageMimeTypeSupportedByServer = function isImageMimeTypeSupportedByServer(mimeType) {
package/dist/cjs/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/media-common",
3
- "version": "2.9.1",
3
+ "version": "2.10.3",
4
4
  "sideEffects": false
5
5
  }
package/dist/es2019/index.js CHANGED
@@ -2,7 +2,7 @@ export { downloadUrl } from './downloadUrl'; // Warning! You can't add new media
2
2
  // See packages/media/media-core/src/__tests__/cache-backward-compatibility.spec.ts
3
3
 
4
4
  // Media Feature Flags
5
- export { getMediaFeatureFlag, defaultMediaFeatureFlags } from './mediaFeatureFlags';
5
+ export { getMediaFeatureFlag, defaultMediaFeatureFlags, areEqualFeatureFlags, useMemoizeFeatureFlags } from './mediaFeatureFlags';
6
6
  // Analytics context
7
7
  export { withMediaAnalyticsContext } from './analytics/withMediaAnalyticsContext'; // Analytics constants
8
8
 
package/dist/es2019/mediaFeatureFlags.js CHANGED
@@ -1,12 +1,16 @@
1
+ import { useRef } from 'react';
1
2
  import { getLocalMediaFeatureFlag } from './mediaFeatureFlag-local'; // Media feature flags - type and defaults defined here in one source of truth
2
3
 
3
4
  // default values defined here, not necessary for components to know directly as they should use the function below
4
5
  export const defaultMediaFeatureFlags = {
5
6
  newCardExperience: false,
6
- zipPreviews: false,
7
7
  captions: false,
8
+ mediaInline: false,
9
+ // We can't yet switch this feature on
10
+ // TODO https://product-fabric.atlassian.net/browse/MEX-104
8
11
  folderUploads: false,
9
- codeViewer: false
12
+ timestampOnVideo: false,
13
+ observedWidth: false
10
14
  };
11
15
  /**
12
16
  * Public accessor from components to fallback to defaults if flags not passed,
@@ -45,4 +49,33 @@ Object.keys(defaultMediaFeatureFlags).forEach(flagName => {
45
49
  // eslint-disable-next-line no-console
46
50
  console.info(`%c* LOCAL * MediaFeatureFlag.${flagName} = ${localOverride}`, 'font-weight:bold;color:cyan');
47
51
  }
48
- });
52
+ });
53
+ export const areEqualFeatureFlags = (ffA, ffB) => {
54
+ if (!ffA && !ffB) {
55
+ return true;
56
+ }
57
+
58
+ if (!ffA || !ffB) {
59
+ return false;
60
+ } // With this type we ensure this object will compare all the flags
61
+
62
+
63
+ const results = {
64
+ newCardExperience: ffA.newCardExperience === ffB.newCardExperience,
65
+ captions: ffA.captions === ffB.captions,
66
+ mediaInline: ffA.mediaInline === ffB.mediaInline,
67
+ folderUploads: ffA.folderUploads === ffB.folderUploads,
68
+ timestampOnVideo: ffA.timestampOnVideo === ffB.timestampOnVideo,
69
+ observedWidth: ffA.observedWidth === ffB.observedWidth
70
+ };
71
+ return Object.values(results).every(result => result);
72
+ };
73
+ export const useMemoizeFeatureFlags = featureFlags => {
74
+ const ref = useRef();
75
+
76
+ if (!areEqualFeatureFlags(featureFlags, ref.current)) {
77
+ ref.current = featureFlags;
78
+ }
79
+
80
+ return ref.current;
81
+ };
package/dist/es2019/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/media-common",
3
- "version": "2.9.1",
3
+ "version": "2.10.3",
4
4
  "sideEffects": false
5
5
  }
package/dist/esm/analytics/withMediaAnalyticsContext.js CHANGED
@@ -1,9 +1,9 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
2
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
3
3
 
4
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
4
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
5
5
 
6
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
6
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
7
7
 
8
8
  import React, { forwardRef, useMemo } from 'react';
9
9
  import { AnalyticsContext } from '@atlaskit/analytics-next';
package/dist/esm/index.js CHANGED
@@ -2,7 +2,7 @@ export { downloadUrl } from './downloadUrl'; // Warning! You can't add new media
2
2
  // See packages/media/media-core/src/__tests__/cache-backward-compatibility.spec.ts
3
3
 
4
4
  // Media Feature Flags
5
- export { getMediaFeatureFlag, defaultMediaFeatureFlags } from './mediaFeatureFlags';
5
+ export { getMediaFeatureFlag, defaultMediaFeatureFlags, areEqualFeatureFlags, useMemoizeFeatureFlags } from './mediaFeatureFlags';
6
6
  // Analytics context
7
7
  export { withMediaAnalyticsContext } from './analytics/withMediaAnalyticsContext'; // Analytics constants
8
8
 
package/dist/esm/mediaFeatureFlags.js CHANGED
@@ -1,12 +1,16 @@
1
+ import { useRef } from 'react';
1
2
  import { getLocalMediaFeatureFlag } from './mediaFeatureFlag-local'; // Media feature flags - type and defaults defined here in one source of truth
2
3
 
3
4
  // default values defined here, not necessary for components to know directly as they should use the function below
4
5
  export var defaultMediaFeatureFlags = {
5
6
  newCardExperience: false,
6
- zipPreviews: false,
7
7
  captions: false,
8
+ mediaInline: false,
9
+ // We can't yet switch this feature on
10
+ // TODO https://product-fabric.atlassian.net/browse/MEX-104
8
11
  folderUploads: false,
9
- codeViewer: false
12
+ timestampOnVideo: false,
13
+ observedWidth: false
10
14
  };
11
15
  /**
12
16
  * Public accessor from components to fallback to defaults if flags not passed,
@@ -45,4 +49,35 @@ Object.keys(defaultMediaFeatureFlags).forEach(function (flagName) {
45
49
  // eslint-disable-next-line no-console
46
50
  console.info("%c* LOCAL * MediaFeatureFlag.".concat(flagName, " = ").concat(localOverride), 'font-weight:bold;color:cyan');
47
51
  }
48
- });
52
+ });
53
+ export var areEqualFeatureFlags = function areEqualFeatureFlags(ffA, ffB) {
54
+ if (!ffA && !ffB) {
55
+ return true;
56
+ }
57
+
58
+ if (!ffA || !ffB) {
59
+ return false;
60
+ } // With this type we ensure this object will compare all the flags
61
+
62
+
63
+ var results = {
64
+ newCardExperience: ffA.newCardExperience === ffB.newCardExperience,
65
+ captions: ffA.captions === ffB.captions,
66
+ mediaInline: ffA.mediaInline === ffB.mediaInline,
67
+ folderUploads: ffA.folderUploads === ffB.folderUploads,
68
+ timestampOnVideo: ffA.timestampOnVideo === ffB.timestampOnVideo,
69
+ observedWidth: ffA.observedWidth === ffB.observedWidth
70
+ };
71
+ return Object.values(results).every(function (result) {
72
+ return result;
73
+ });
74
+ };
75
+ export var useMemoizeFeatureFlags = function useMemoizeFeatureFlags(featureFlags) {
76
+ var ref = useRef();
77
+
78
+ if (!areEqualFeatureFlags(featureFlags, ref.current)) {
79
+ ref.current = featureFlags;
80
+ }
81
+
82
+ return ref.current;
83
+ };
package/dist/esm/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/media-common",
3
- "version": "2.9.1",
3
+ "version": "2.10.3",
4
4
  "sideEffects": false
5
5
  }
package/dist/types/docs/rxjs-notice.d.ts CHANGED
@@ -1 +1,2 @@
1
+ /// <reference types="react" />
1
2
  export declare function createRxjsNotice(componentName: string): JSX.Element;
package/dist/types/index.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  export { downloadUrl } from './downloadUrl';
2
2
  export declare type MediaType = 'doc' | 'audio' | 'video' | 'image' | 'archive' | 'unknown';
3
3
  export declare type FileStatus = 'uploading' | 'processing' | 'processed' | 'error' | 'failed-processing';
4
- export { getMediaFeatureFlag, defaultMediaFeatureFlags, } from './mediaFeatureFlags';
4
+ export { getMediaFeatureFlag, defaultMediaFeatureFlags, areEqualFeatureFlags, useMemoizeFeatureFlags, } from './mediaFeatureFlags';
5
5
  export type { MediaFeatureFlags, WithMediaFeatureFlags, } from './mediaFeatureFlags';
6
6
  export interface NumericalCardDimensions {
7
7
  width: number;
@@ -11,3 +11,4 @@ export type { PackageAttributes, WithFileAttributes, WithPerformanceAttributes,
11
11
  export { withMediaAnalyticsContext } from './analytics/withMediaAnalyticsContext';
12
12
  export { ANALYTICS_MEDIA_CHANNEL } from './analytics/constants';
13
13
  export { getMediaTypeFromMimeType, isImageMimeTypeSupportedByBrowser, isDocumentMimeTypeSupportedByBrowser, isMimeTypeSupportedByBrowser, isImageMimeTypeSupportedByServer, isDocumentMimeTypeSupportedByServer, isAudioMimeTypeSupportedByServer, isVideoMimeTypeSupportedByServer, isUnknownMimeTypeSupportedByServer, isMimeTypeSupportedByServer, } from './mediaTypeUtils';
14
+ export declare type SSR = 'client' | 'server';
package/dist/types/mediaFeatureFlags.d.ts CHANGED
@@ -1,9 +1,10 @@
1
1
  export interface MediaFeatureFlags {
2
2
  newCardExperience?: boolean;
3
- zipPreviews?: boolean;
4
3
  captions?: boolean;
4
+ mediaInline?: boolean;
5
5
  folderUploads?: boolean;
6
- codeViewer?: boolean;
6
+ timestampOnVideo?: boolean;
7
+ observedWidth?: boolean;
7
8
  }
8
9
  export interface WithMediaFeatureFlags {
9
10
  featureFlags?: MediaFeatureFlags;
@@ -20,3 +21,5 @@ export declare const defaultMediaFeatureFlags: Required<MediaFeatureFlags>;
20
21
  * (you will see a warning in console if override used)
21
22
  * */
22
23
  export declare function getMediaFeatureFlag<T = boolean>(flagName: keyof MediaFeatureFlags, featureFlags?: MediaFeatureFlags): T;
24
+ export declare const areEqualFeatureFlags: (ffA?: MediaFeatureFlags | undefined, ffB?: MediaFeatureFlags | undefined) => boolean;
25
+ export declare const useMemoizeFeatureFlags: (featureFlags?: MediaFeatureFlags | undefined) => MediaFeatureFlags | undefined;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/media-common",
3
- "version": "2.9.1",
3
+ "version": "2.10.3",
4
4
  "description": "Includes common utilities used by other media packages",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -33,7 +33,7 @@
33
33
  "scripts": {},
34
34
  "dependencies": {
35
35
  "@atlaskit/analytics-gas-types": "^5.0.5",
36
- "@atlaskit/analytics-namespaced-context": "^6.2.0",
36
+ "@atlaskit/analytics-namespaced-context": "^6.4.0",
37
37
  "@atlaskit/analytics-next": "^8.1.1",
38
38
  "@atlaskit/section-message": "^6.0.0",
39
39
  "@babel/runtime": "^7.0.0"
@@ -44,10 +44,10 @@
44
44
  },
45
45
  "devDependencies": {
46
46
  "@atlaskit/docs": "*",
47
- "@atlaskit/media-test-helpers": "^28.6.0",
47
+ "@atlaskit/media-test-helpers": "^29.1.0",
48
48
  "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
49
49
  "enzyme": "^3.10.0",
50
- "lodash": "^4.17.15",
50
+ "lodash": "^4.17.21",
51
51
  "react": "^16.8.0",
52
52
  "react-dom": "^16.8.0",
53
53
  "typescript": "3.9.6"