@atlaskit/media-common 7.0.0 → 8.0.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/media-common
 
+## 8.0.0
+
+### Major Changes
+
+- [`ed81e630547`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ed81e630547) - MEX-2089 Remove timestamp feature flag on AFP
+
+## 7.1.0
+
+### Minor Changes
+
+- [`9d91eb4b59b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9d91eb4b59b) - MEX-2411 Remove Observed Width feature flag
+
 ## 7.0.0
 
 ### Major Changes

package/dist/cjs/docs/index.js

@@ -15,5 +15,12 @@ Object.defineProperty(exports, "createRxjsNotice", {
     return _rxjsNotice.createRxjsNotice;
   }
 });
+Object.defineProperty(exports, "createSingletonNotice", {
+  enumerable: true,
+  get: function get() {
+    return _singletonNotice.createSingletonNotice;
+  }
+});
 var _rxjsNotice = require("./rxjs-notice");
-var _mediaUseOnly = require("./media-use-only");
+var _mediaUseOnly = require("./media-use-only");
+var _singletonNotice = require("./singleton-notice");

package/dist/cjs/docs/singleton-notice.js

@@ -0,0 +1,19 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createSingletonNotice = createSingletonNotice;
+var _react = _interopRequireDefault(require("react"));
+var _sectionMessage = _interopRequireDefault(require("@atlaskit/section-message"));
+function createSingletonNotice(componentName) {
+  var title = "".concat(componentName, " is a singleton package");
+  return /*#__PURE__*/_react.default.createElement(_sectionMessage.default, {
+    title: title,
+    appearance: "error"
+  }, /*#__PURE__*/_react.default.createElement("p", null, "Having multiple versions of ", componentName, " installed can result in potential issues, such as media preview failures."), /*#__PURE__*/_react.default.createElement("p", null, "You must ensure that your application dependencies only resolve to a unique package version, if you are:", /*#__PURE__*/_react.default.createElement("ul", null, /*#__PURE__*/_react.default.createElement("li", null, /*#__PURE__*/_react.default.createElement("b", null, "A platform consumer"), " \u2014 i.e. you are using ", componentName, ' ', "directly in a npm package, for instance in a monorepository. Define", ' ', componentName, " in your package.json file as a", ' ', /*#__PURE__*/_react.default.createElement("code", null, "peerDependency"), " and ", /*#__PURE__*/_react.default.createElement("code", null, "devDependency"), " (for local testing)."), /*#__PURE__*/_react.default.createElement("li", null, /*#__PURE__*/_react.default.createElement("b", null, "A product consumer"), " \u2014 i.e. you are working directly into your application. Define ", componentName, " in your package.json file as a direct dependency."))), /*#__PURE__*/_react.default.createElement("p", null, "If you have any questions or need assistance in consuming this package correctly, please reach out to the", ' ', /*#__PURE__*/_react.default.createElement("a", {
+    href: "https://atlassian.slack.com/archives/C020CGJDJ3A",
+    target: "_blank"
+  }, "#help-media-experience"), ' ', "channel."));
+}

package/dist/cjs/mediaFeatureFlags/mediaFeatureFlags.js

@@ -23,9 +23,7 @@ var areEqualFeatureFlags = function areEqualFeatureFlags(ffA, ffB) {
   var results = {
     captions: ffA.captions === ffB.captions,
     mediaInline: ffA.mediaInline === ffB.mediaInline,
-    folderUploads: ffA.folderUploads === ffB.folderUploads,
-    observedWidth: ffA.observedWidth === ffB.observedWidth,
-    timestampOnVideo: ffA.timestampOnVideo === ffB.timestampOnVideo
+    folderUploads: ffA.folderUploads === ffB.folderUploads
   };
   return Object.values(results).every(function (result) {
     return result;
@@ -80,9 +78,7 @@ var defaultMediaFeatureFlags = {
   mediaInline: false,
   // We can't yet switch this feature on
   // TODO https://product-fabric.atlassian.net/browse/MEX-104
-  folderUploads: false,
-  observedWidth: false,
-  timestampOnVideo: false
+  folderUploads: false
 };
 
 /**

package/dist/cjs/mediaFeatureFlags/productKeys.js

@@ -11,19 +11,13 @@ var productKeys = {
      */
     captions: 'confluence.frontend.fabric.editor.media.captions',
     mediaInline: 'confluence.frontend.fabric.editor.media.inline',
-    folderUploads: 'confluence.frontend.media.picker.folder.uploads',
-    //TODO fill the value after https://product-fabric.atlassian.net/browse/MEX-1593
-    observedWidth: '',
-    timestampOnVideo: 'confluence.frontend.media.timestamp.on.video'
+    folderUploads: 'confluence.frontend.media.picker.folder.uploads'
   },
   jira: {
     captions: 'issue.details.editor.media.captions',
     // Manged by Linking Platform. No Rollout plan found for Jira
     mediaInline: '',
-    folderUploads: 'issue.details.media-picker-folder-upload',
-    //TODO fill the value after https://product-fabric.atlassian.net/browse/MEX-1593
-    observedWidth: '',
-    timestampOnVideo: 'issue.details.media-cards-timestamp-on-video'
+    folderUploads: 'issue.details.media-picker-folder-upload'
   }
 };
 var getProductKeys = function getProductKeys() {

package/dist/cjs/version.json

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

package/dist/es2019/docs/index.js

@@ -1,2 +1,3 @@
 export { createRxjsNotice } from './rxjs-notice';
-export { createMediaUseOnlyNotice } from './media-use-only';
+export { createMediaUseOnlyNotice } from './media-use-only';
+export { createSingletonNotice } from './singleton-notice';

package/dist/es2019/docs/singleton-notice.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import SectionMessage from '@atlaskit/section-message';
+export function createSingletonNotice(componentName) {
+  const title = `${componentName} is a singleton package`;
+  return /*#__PURE__*/React.createElement(SectionMessage, {
+    title: title,
+    appearance: "error"
+  }, /*#__PURE__*/React.createElement("p", null, "Having multiple versions of ", componentName, " installed can result in potential issues, such as media preview failures."), /*#__PURE__*/React.createElement("p", null, "You must ensure that your application dependencies only resolve to a unique package version, if you are:", /*#__PURE__*/React.createElement("ul", null, /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement("b", null, "A platform consumer"), " \u2014 i.e. you are using ", componentName, ' ', "directly in a npm package, for instance in a monorepository. Define", ' ', componentName, " in your package.json file as a", ' ', /*#__PURE__*/React.createElement("code", null, "peerDependency"), " and ", /*#__PURE__*/React.createElement("code", null, "devDependency"), " (for local testing)."), /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement("b", null, "A product consumer"), " \u2014 i.e. you are working directly into your application. Define ", componentName, " in your package.json file as a direct dependency."))), /*#__PURE__*/React.createElement("p", null, "If you have any questions or need assistance in consuming this package correctly, please reach out to the", ' ', /*#__PURE__*/React.createElement("a", {
+    href: "https://atlassian.slack.com/archives/C020CGJDJ3A",
+    target: "_blank"
+  }, "#help-media-experience"), ' ', "channel."));
+}

package/dist/es2019/mediaFeatureFlags/mediaFeatureFlags.js

@@ -12,9 +12,7 @@ export const areEqualFeatureFlags = (ffA, ffB) => {
   const results = {
     captions: ffA.captions === ffB.captions,
     mediaInline: ffA.mediaInline === ffB.mediaInline,
-    folderUploads: ffA.folderUploads === ffB.folderUploads,
-    observedWidth: ffA.observedWidth === ffB.observedWidth,
-    timestampOnVideo: ffA.timestampOnVideo === ffB.timestampOnVideo
+    folderUploads: ffA.folderUploads === ffB.folderUploads
   };
   return Object.values(results).every(result => result);
 };
@@ -53,9 +51,7 @@ export const defaultMediaFeatureFlags = {
   mediaInline: false,
   // We can't yet switch this feature on
   // TODO https://product-fabric.atlassian.net/browse/MEX-104
-  folderUploads: false,
-  observedWidth: false,
-  timestampOnVideo: false
+  folderUploads: false
 };
 
 /**

package/dist/es2019/mediaFeatureFlags/productKeys.js

@@ -5,19 +5,13 @@ const productKeys = {
      */
     captions: 'confluence.frontend.fabric.editor.media.captions',
     mediaInline: 'confluence.frontend.fabric.editor.media.inline',
-    folderUploads: 'confluence.frontend.media.picker.folder.uploads',
-    //TODO fill the value after https://product-fabric.atlassian.net/browse/MEX-1593
-    observedWidth: '',
-    timestampOnVideo: 'confluence.frontend.media.timestamp.on.video'
+    folderUploads: 'confluence.frontend.media.picker.folder.uploads'
   },
   jira: {
     captions: 'issue.details.editor.media.captions',
     // Manged by Linking Platform. No Rollout plan found for Jira
     mediaInline: '',
-    folderUploads: 'issue.details.media-picker-folder-upload',
-    //TODO fill the value after https://product-fabric.atlassian.net/browse/MEX-1593
-    observedWidth: '',
-    timestampOnVideo: 'issue.details.media-cards-timestamp-on-video'
+    folderUploads: 'issue.details.media-picker-folder-upload'
   }
 };
 export const getProductKeys = () => productKeys;

package/dist/es2019/version.json

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

package/dist/esm/docs/index.js

@@ -1,2 +1,3 @@
 export { createRxjsNotice } from './rxjs-notice';
-export { createMediaUseOnlyNotice } from './media-use-only';
+export { createMediaUseOnlyNotice } from './media-use-only';
+export { createSingletonNotice } from './singleton-notice';

package/dist/esm/docs/singleton-notice.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import SectionMessage from '@atlaskit/section-message';
+export function createSingletonNotice(componentName) {
+  var title = "".concat(componentName, " is a singleton package");
+  return /*#__PURE__*/React.createElement(SectionMessage, {
+    title: title,
+    appearance: "error"
+  }, /*#__PURE__*/React.createElement("p", null, "Having multiple versions of ", componentName, " installed can result in potential issues, such as media preview failures."), /*#__PURE__*/React.createElement("p", null, "You must ensure that your application dependencies only resolve to a unique package version, if you are:", /*#__PURE__*/React.createElement("ul", null, /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement("b", null, "A platform consumer"), " \u2014 i.e. you are using ", componentName, ' ', "directly in a npm package, for instance in a monorepository. Define", ' ', componentName, " in your package.json file as a", ' ', /*#__PURE__*/React.createElement("code", null, "peerDependency"), " and ", /*#__PURE__*/React.createElement("code", null, "devDependency"), " (for local testing)."), /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement("b", null, "A product consumer"), " \u2014 i.e. you are working directly into your application. Define ", componentName, " in your package.json file as a direct dependency."))), /*#__PURE__*/React.createElement("p", null, "If you have any questions or need assistance in consuming this package correctly, please reach out to the", ' ', /*#__PURE__*/React.createElement("a", {
+    href: "https://atlassian.slack.com/archives/C020CGJDJ3A",
+    target: "_blank"
+  }, "#help-media-experience"), ' ', "channel."));
+}

package/dist/esm/mediaFeatureFlags/mediaFeatureFlags.js

@@ -14,9 +14,7 @@ export var areEqualFeatureFlags = function areEqualFeatureFlags(ffA, ffB) {
   var results = {
     captions: ffA.captions === ffB.captions,
     mediaInline: ffA.mediaInline === ffB.mediaInline,
-    folderUploads: ffA.folderUploads === ffB.folderUploads,
-    observedWidth: ffA.observedWidth === ffB.observedWidth,
-    timestampOnVideo: ffA.timestampOnVideo === ffB.timestampOnVideo
+    folderUploads: ffA.folderUploads === ffB.folderUploads
   };
   return Object.values(results).every(function (result) {
     return result;
@@ -68,9 +66,7 @@ export var defaultMediaFeatureFlags = {
   mediaInline: false,
   // We can't yet switch this feature on
   // TODO https://product-fabric.atlassian.net/browse/MEX-104
-  folderUploads: false,
-  observedWidth: false,
-  timestampOnVideo: false
+  folderUploads: false
 };
 
 /**

package/dist/esm/mediaFeatureFlags/productKeys.js

@@ -5,19 +5,13 @@ var productKeys = {
      */
     captions: 'confluence.frontend.fabric.editor.media.captions',
     mediaInline: 'confluence.frontend.fabric.editor.media.inline',
-    folderUploads: 'confluence.frontend.media.picker.folder.uploads',
-    //TODO fill the value after https://product-fabric.atlassian.net/browse/MEX-1593
-    observedWidth: '',
-    timestampOnVideo: 'confluence.frontend.media.timestamp.on.video'
+    folderUploads: 'confluence.frontend.media.picker.folder.uploads'
   },
   jira: {
     captions: 'issue.details.editor.media.captions',
     // Manged by Linking Platform. No Rollout plan found for Jira
     mediaInline: '',
-    folderUploads: 'issue.details.media-picker-folder-upload',
-    //TODO fill the value after https://product-fabric.atlassian.net/browse/MEX-1593
-    observedWidth: '',
-    timestampOnVideo: 'issue.details.media-cards-timestamp-on-video'
+    folderUploads: 'issue.details.media-picker-folder-upload'
   }
 };
 export var getProductKeys = function getProductKeys() {

package/dist/esm/version.json

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

package/dist/types/docs/index.d.ts

@@ -1,2 +1,3 @@
 export { createRxjsNotice } from './rxjs-notice';
 export { createMediaUseOnlyNotice } from './media-use-only';
+export { createSingletonNotice } from './singleton-notice';

package/dist/types/docs/singleton-notice.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare function createSingletonNotice(componentName: string): JSX.Element;

package/dist/types/mediaFeatureFlags/types.d.ts

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

package/dist/types-ts4.5/docs/index.d.ts

@@ -1,2 +1,3 @@
 export { createRxjsNotice } from './rxjs-notice';
 export { createMediaUseOnlyNotice } from './media-use-only';
+export { createSingletonNotice } from './singleton-notice';

package/dist/types-ts4.5/docs/singleton-notice.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare function createSingletonNotice(componentName: string): JSX.Element;

package/dist/types-ts4.5/mediaFeatureFlags/types.d.ts

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/media-common",
-  "version": "7.0.0",
+  "version": "8.0.0",
   "description": "Includes common utilities used by other media packages",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -51,8 +51,6 @@
     "react-dom": "^16.8.0"
   },
   "devDependencies": {
-    "@atlaskit/docs": "*",
-    "@atlaskit/media-test-helpers": "^33.0.0",
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
     "enzyme": "^3.10.0",
     "react": "^16.8.0",

package/report.api.md

@@ -154,10 +154,6 @@ export interface MediaFeatureFlags {
   folderUploads?: boolean;
   // (undocumented)
   mediaInline?: boolean;
-  // (undocumented)
-  observedWidth?: boolean;
-  // (undocumented)
-  timestampOnVideo?: boolean;
 }
 
 // @public (undocumented)

package/tmp/api-report-tmp.d.ts

@@ -122,10 +122,6 @@ export interface MediaFeatureFlags {
     folderUploads?: boolean;
     // (undocumented)
     mediaInline?: boolean;
-    // (undocumented)
-    observedWidth?: boolean;
-    // (undocumented)
-    timestampOnVideo?: boolean;
 }
 
 // @public (undocumented)