@atlaskit/media-common 2.10.1 → 2.11.0

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @atlaskit/media-common
 
+## 2.11.0
+
+### Minor Changes
+
+- [`8742dbe70bd`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8742dbe70bd) - MEX-1102 Removed lodash dependencies from media component and converted all to local functions (lightweight helpers)
+
+## 2.10.3
+
+### Patch Changes
+
+- [`5293a48368e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5293a48368e) - fix image size in layout with ref and width observer
+
+## 2.10.2
+
+### Patch Changes
+
+- [`19d72473dfb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/19d72473dfb) - Switched as false default value for FF "Timestamp on video"
+- [`19d72473dfb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/19d72473dfb) - Adding a feature flag for TimestampOnVideo
+
 ## 2.10.1
 
 ### Patch Changes

package/dist/cjs/analytics/withMediaAnalyticsContext.js

@@ -25,9 +25,9 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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; }
 
-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; }
+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; }
 
-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; }
+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; }
 
 var getFilteredFeatureFlags = function getFilteredFeatureFlags(keys, featureFlags) {
   return keys.reduce(function (result, key) {

package/dist/cjs/index.js

@@ -15,6 +15,12 @@ Object.defineProperty(exports, "areEqualFeatureFlags", {
     return _mediaFeatureFlags.areEqualFeatureFlags;
   }
 });
+Object.defineProperty(exports, "debounce", {
+  enumerable: true,
+  get: function get() {
+    return _helpers.debounce;
+  }
+});
 Object.defineProperty(exports, "defaultMediaFeatureFlags", {
   enumerable: true,
   get: function get() {
@@ -81,6 +87,12 @@ Object.defineProperty(exports, "isMimeTypeSupportedByServer", {
     return _mediaTypeUtils.isMimeTypeSupportedByServer;
   }
 });
+Object.defineProperty(exports, "isUndefined", {
+  enumerable: true,
+  get: function get() {
+    return _helpers.isUndefined;
+  }
+});
 Object.defineProperty(exports, "isUnknownMimeTypeSupportedByServer", {
   enumerable: true,
   get: function get() {
@@ -93,6 +105,24 @@ Object.defineProperty(exports, "isVideoMimeTypeSupportedByServer", {
     return _mediaTypeUtils.isVideoMimeTypeSupportedByServer;
   }
 });
+Object.defineProperty(exports, "matches", {
+  enumerable: true,
+  get: function get() {
+    return _helpers.matches;
+  }
+});
+Object.defineProperty(exports, "omitBy", {
+  enumerable: true,
+  get: function get() {
+    return _helpers.omitBy;
+  }
+});
+Object.defineProperty(exports, "pick", {
+  enumerable: true,
+  get: function get() {
+    return _helpers.pick;
+  }
+});
 Object.defineProperty(exports, "useMemoizeFeatureFlags", {
   enumerable: true,
   get: function get() {
@@ -114,4 +144,6 @@ var _withMediaAnalyticsContext = require("./analytics/withMediaAnalyticsContext"
 
 var _constants = require("./analytics/constants");
 
-var _mediaTypeUtils = require("./mediaTypeUtils");
+var _mediaTypeUtils = require("./mediaTypeUtils");
+
+var _helpers = require("./utils/helpers");

package/dist/cjs/mediaFeatureFlags.js

@@ -18,7 +18,9 @@ var defaultMediaFeatureFlags = {
   mediaInline: false,
   // We can't yet switch this feature on
   // TODO https://product-fabric.atlassian.net/browse/MEX-104
-  folderUploads: false
+  folderUploads: false,
+  timestampOnVideo: false,
+  observedWidth: false
 };
 /**
  * Public accessor from components to fallback to defaults if flags not passed,
@@ -76,7 +78,9 @@ var areEqualFeatureFlags = function areEqualFeatureFlags(ffA, ffB) {
     newCardExperience: ffA.newCardExperience === ffB.newCardExperience,
     captions: ffA.captions === ffB.captions,
     mediaInline: ffA.mediaInline === ffB.mediaInline,
-    folderUploads: ffA.folderUploads === ffB.folderUploads
+    folderUploads: ffA.folderUploads === ffB.folderUploads,
+    timestampOnVideo: ffA.timestampOnVideo === ffB.timestampOnVideo,
+    observedWidth: ffA.observedWidth === ffB.observedWidth
   };
   return Object.values(results).every(function (result) {
     return result;

package/dist/cjs/utils/helpers.js

@@ -0,0 +1,77 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.pick = exports.omitBy = exports.matches = exports.isUndefined = exports.debounce = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var isUndefined = function isUndefined(value) {
+  return value === undefined;
+};
+
+exports.isUndefined = isUndefined;
+
+var pick = function pick(obj) {
+  var keys = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+
+  if (obj === undefined) {
+    return {};
+  }
+
+  return Object.fromEntries(Object.entries(obj).filter(function (_ref) {
+    var _ref2 = (0, _slicedToArray2.default)(_ref, 1),
+        k = _ref2[0];
+
+    return keys.includes(k);
+  }));
+};
+
+exports.pick = pick;
+
+var omitBy = function omitBy(obj, predicate) {
+  return Object.fromEntries(Object.entries(obj).filter(function (_ref3) {
+    var _ref4 = (0, _slicedToArray2.default)(_ref3, 2),
+        k = _ref4[0],
+        v = _ref4[1];
+
+    return !predicate(v);
+  }));
+};
+
+exports.omitBy = omitBy;
+
+var debounce = function debounce(func, wait) {
+  var timeout;
+  return function () {
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    clearTimeout(timeout);
+    timeout = setTimeout(function () {
+      return func.apply(void 0, args);
+    }, wait);
+  };
+};
+
+exports.debounce = debounce;
+
+var matches = function matches(srcObj) {
+  return function (obj) {
+    var key;
+
+    for (key in srcObj) {
+      if (obj[key] === undefined || obj[key] !== srcObj[key]) {
+        return false;
+      }
+    }
+
+    return true;
+  };
+};
+
+exports.matches = matches;

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/media-common",
-	"version": "2.10.1",
+	"version": "2.11.0",
 	"sideEffects": false
 }

package/dist/es2019/index.js

@@ -7,4 +7,5 @@ export { getMediaFeatureFlag, defaultMediaFeatureFlags, areEqualFeatureFlags, us
 export { withMediaAnalyticsContext } from './analytics/withMediaAnalyticsContext'; // Analytics constants
 
 export { ANALYTICS_MEDIA_CHANNEL } from './analytics/constants';
-export { getMediaTypeFromMimeType, isImageMimeTypeSupportedByBrowser, isDocumentMimeTypeSupportedByBrowser, isMimeTypeSupportedByBrowser, isImageMimeTypeSupportedByServer, isDocumentMimeTypeSupportedByServer, isAudioMimeTypeSupportedByServer, isVideoMimeTypeSupportedByServer, isUnknownMimeTypeSupportedByServer, isMimeTypeSupportedByServer } from './mediaTypeUtils';
+export { getMediaTypeFromMimeType, isImageMimeTypeSupportedByBrowser, isDocumentMimeTypeSupportedByBrowser, isMimeTypeSupportedByBrowser, isImageMimeTypeSupportedByServer, isDocumentMimeTypeSupportedByServer, isAudioMimeTypeSupportedByServer, isVideoMimeTypeSupportedByServer, isUnknownMimeTypeSupportedByServer, isMimeTypeSupportedByServer } from './mediaTypeUtils';
+export { isUndefined, pick, omitBy, debounce, matches } from './utils/helpers';

package/dist/es2019/mediaFeatureFlags.js

@@ -8,7 +8,9 @@ export const defaultMediaFeatureFlags = {
   mediaInline: false,
   // We can't yet switch this feature on
   // TODO https://product-fabric.atlassian.net/browse/MEX-104
-  folderUploads: false
+  folderUploads: false,
+  timestampOnVideo: false,
+  observedWidth: false
 };
 /**
  * Public accessor from components to fallback to defaults if flags not passed,
@@ -62,7 +64,9 @@ export const areEqualFeatureFlags = (ffA, ffB) => {
     newCardExperience: ffA.newCardExperience === ffB.newCardExperience,
     captions: ffA.captions === ffB.captions,
     mediaInline: ffA.mediaInline === ffB.mediaInline,
-    folderUploads: ffA.folderUploads === ffB.folderUploads
+    folderUploads: ffA.folderUploads === ffB.folderUploads,
+    timestampOnVideo: ffA.timestampOnVideo === ffB.timestampOnVideo,
+    observedWidth: ffA.observedWidth === ffB.observedWidth
   };
   return Object.values(results).every(result => result);
 };

package/dist/es2019/utils/helpers.js

@@ -0,0 +1,29 @@
+export const isUndefined = value => value === undefined;
+export const pick = (obj, keys = []) => {
+  if (obj === undefined) {
+    return {};
+  }
+
+  return Object.fromEntries(Object.entries(obj).filter(([k]) => keys.includes(k)));
+};
+export const omitBy = (obj, predicate) => Object.fromEntries(Object.entries(obj).filter(([k, v]) => !predicate(v)));
+export const debounce = (func, wait) => {
+  let timeout;
+  return (...args) => {
+    clearTimeout(timeout);
+    timeout = setTimeout(() => func(...args), wait);
+  };
+};
+export const matches = srcObj => {
+  return obj => {
+    let key;
+
+    for (key in srcObj) {
+      if (obj[key] === undefined || obj[key] !== srcObj[key]) {
+        return false;
+      }
+    }
+
+    return true;
+  };
+};

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/media-common",
-	"version": "2.10.1",
+	"version": "2.11.0",
 	"sideEffects": false
 }

package/dist/esm/analytics/withMediaAnalyticsContext.js

@@ -1,9 +1,9 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 
-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; }
+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; }
 
-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; }
+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; }
 
 import React, { forwardRef, useMemo } from 'react';
 import { AnalyticsContext } from '@atlaskit/analytics-next';

package/dist/esm/index.js

@@ -7,4 +7,5 @@ export { getMediaFeatureFlag, defaultMediaFeatureFlags, areEqualFeatureFlags, us
 export { withMediaAnalyticsContext } from './analytics/withMediaAnalyticsContext'; // Analytics constants
 
 export { ANALYTICS_MEDIA_CHANNEL } from './analytics/constants';
-export { getMediaTypeFromMimeType, isImageMimeTypeSupportedByBrowser, isDocumentMimeTypeSupportedByBrowser, isMimeTypeSupportedByBrowser, isImageMimeTypeSupportedByServer, isDocumentMimeTypeSupportedByServer, isAudioMimeTypeSupportedByServer, isVideoMimeTypeSupportedByServer, isUnknownMimeTypeSupportedByServer, isMimeTypeSupportedByServer } from './mediaTypeUtils';
+export { getMediaTypeFromMimeType, isImageMimeTypeSupportedByBrowser, isDocumentMimeTypeSupportedByBrowser, isMimeTypeSupportedByBrowser, isImageMimeTypeSupportedByServer, isDocumentMimeTypeSupportedByServer, isAudioMimeTypeSupportedByServer, isVideoMimeTypeSupportedByServer, isUnknownMimeTypeSupportedByServer, isMimeTypeSupportedByServer } from './mediaTypeUtils';
+export { isUndefined, pick, omitBy, debounce, matches } from './utils/helpers';

package/dist/esm/mediaFeatureFlags.js

@@ -8,7 +8,9 @@ export var defaultMediaFeatureFlags = {
   mediaInline: false,
   // We can't yet switch this feature on
   // TODO https://product-fabric.atlassian.net/browse/MEX-104
-  folderUploads: false
+  folderUploads: false,
+  timestampOnVideo: false,
+  observedWidth: false
 };
 /**
  * Public accessor from components to fallback to defaults if flags not passed,
@@ -62,7 +64,9 @@ export var areEqualFeatureFlags = function areEqualFeatureFlags(ffA, ffB) {
     newCardExperience: ffA.newCardExperience === ffB.newCardExperience,
     captions: ffA.captions === ffB.captions,
     mediaInline: ffA.mediaInline === ffB.mediaInline,
-    folderUploads: ffA.folderUploads === ffB.folderUploads
+    folderUploads: ffA.folderUploads === ffB.folderUploads,
+    timestampOnVideo: ffA.timestampOnVideo === ffB.timestampOnVideo,
+    observedWidth: ffA.observedWidth === ffB.observedWidth
   };
   return Object.values(results).every(function (result) {
     return result;

package/dist/esm/utils/helpers.js

@@ -0,0 +1,53 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+export var isUndefined = function isUndefined(value) {
+  return value === undefined;
+};
+export var pick = function pick(obj) {
+  var keys = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+
+  if (obj === undefined) {
+    return {};
+  }
+
+  return Object.fromEntries(Object.entries(obj).filter(function (_ref) {
+    var _ref2 = _slicedToArray(_ref, 1),
+        k = _ref2[0];
+
+    return keys.includes(k);
+  }));
+};
+export var omitBy = function omitBy(obj, predicate) {
+  return Object.fromEntries(Object.entries(obj).filter(function (_ref3) {
+    var _ref4 = _slicedToArray(_ref3, 2),
+        k = _ref4[0],
+        v = _ref4[1];
+
+    return !predicate(v);
+  }));
+};
+export var debounce = function debounce(func, wait) {
+  var timeout;
+  return function () {
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    clearTimeout(timeout);
+    timeout = setTimeout(function () {
+      return func.apply(void 0, args);
+    }, wait);
+  };
+};
+export var matches = function matches(srcObj) {
+  return function (obj) {
+    var key;
+
+    for (key in srcObj) {
+      if (obj[key] === undefined || obj[key] !== srcObj[key]) {
+        return false;
+      }
+    }
+
+    return true;
+  };
+};

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/media-common",
-	"version": "2.10.1",
+	"version": "2.11.0",
 	"sideEffects": false
 }

package/dist/types/index.d.ts

@@ -12,3 +12,4 @@ export { withMediaAnalyticsContext } from './analytics/withMediaAnalyticsContext
 export { ANALYTICS_MEDIA_CHANNEL } from './analytics/constants';
 export { getMediaTypeFromMimeType, isImageMimeTypeSupportedByBrowser, isDocumentMimeTypeSupportedByBrowser, isMimeTypeSupportedByBrowser, isImageMimeTypeSupportedByServer, isDocumentMimeTypeSupportedByServer, isAudioMimeTypeSupportedByServer, isVideoMimeTypeSupportedByServer, isUnknownMimeTypeSupportedByServer, isMimeTypeSupportedByServer, } from './mediaTypeUtils';
 export declare type SSR = 'client' | 'server';
+export { isUndefined, pick, omitBy, debounce, matches } from './utils/helpers';

package/dist/types/mediaFeatureFlags.d.ts

@@ -3,6 +3,8 @@ export interface MediaFeatureFlags {
     captions?: boolean;
     mediaInline?: boolean;
     folderUploads?: boolean;
+    timestampOnVideo?: boolean;
+    observedWidth?: boolean;
 }
 export interface WithMediaFeatureFlags {
     featureFlags?: MediaFeatureFlags;

package/dist/types/utils/helpers.d.ts

@@ -0,0 +1,9 @@
+export declare const isUndefined: (value: any) => boolean;
+export declare const pick: (obj?: Object | undefined, keys?: Array<String>) => {
+    [k: string]: any;
+};
+export declare const omitBy: (obj: Object, predicate: Function) => {
+    [k: string]: any;
+};
+export declare const debounce: (func: Function, wait: number) => (...args: any[]) => void;
+export declare const matches: (srcObj: Object) => (obj: Object) => boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/media-common",
-  "version": "2.10.1",
+  "version": "2.11.0",
   "description": "Includes common utilities used by other media packages",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -33,7 +33,7 @@
   "scripts": {},
   "dependencies": {
     "@atlaskit/analytics-gas-types": "^5.0.5",
-    "@atlaskit/analytics-namespaced-context": "^6.2.0",
+    "@atlaskit/analytics-namespaced-context": "^6.4.0",
     "@atlaskit/analytics-next": "^8.1.1",
     "@atlaskit/section-message": "^6.0.0",
     "@babel/runtime": "^7.0.0"
@@ -44,10 +44,9 @@
   },
   "devDependencies": {
     "@atlaskit/docs": "*",
-    "@atlaskit/media-test-helpers": "^29.0.0",
+    "@atlaskit/media-test-helpers": "^29.2.0",
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
     "enzyme": "^3.10.0",
-    "lodash": "^4.17.21",
     "react": "^16.8.0",
     "react-dom": "^16.8.0",
     "typescript": "3.9.6"