@atlaskit/media-viewer 46.2.0 → 46.2.1

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @atlaskit/media-viewer
 
+## 46.2.1
+
+### Patch Changes
+
+- [`a44c7c42fa7`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a44c7c42fa7) - Added payload publisher wrapper for logging ufo events in examples
+- [`5a79ea6f7d6`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5a79ea6f7d6) - Add support for assessing the mimetype of a file when deciding what viewer to show
+- [`065ae19cb44`](https://bitbucket.org/atlassian/atlassian-frontend/commits/065ae19cb44) - Enforced "up to date" logged feature flags via type checks
+- Updated dependencies
+
 ## 46.2.0
 
 ### Minor Changes

package/dist/cjs/header.js

@@ -117,10 +117,10 @@ var Header = /*#__PURE__*/function (_React$Component) {
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderFileTypeText", function (item) {
       // render appropriate header if its a code/email item and the feature flag is enabled
-      if ((0, _codeViewer.isCodeViewerItem)(item.name)) {
+      if ((0, _codeViewer.isCodeViewerItem)(item.name, item.mimeType)) {
         // gather language and extension
         // i.e test.py would have a language of 'python' and an extension of 'py'
-        var language = (0, _codeViewer.getLanguageType)(item.name);
+        var language = (0, _codeViewer.getLanguageType)(item.name, item.mimeType);
         var ext = (0, _codeViewer.getExtension)(item.name); // specific cases for if we want a certain word translated in other languages
 
         switch (ext) {

package/dist/cjs/item-viewer.js

@@ -238,7 +238,7 @@ var ItemViewerBase = /*#__PURE__*/function (_React$Component) {
         previewCount: previewCount
       };
 
-      if ((0, _codeViewer.isCodeViewerItem)(fileState.name)) {
+      if ((0, _codeViewer.isCodeViewerItem)(fileState.name, fileState.mimeType)) {
         return /*#__PURE__*/_react.default.createElement(CodeViewer, (0, _extends2.default)({
           onSuccess: this.onSuccess,
           onError: this.onLoadFail

package/dist/cjs/media-viewer.js

@@ -212,7 +212,14 @@ var MediaViewer = (0, _mediaCommon.withMediaAnalyticsContext)({
   component: _analytics.component,
   componentName: _analytics.componentName
 }, {
-  filterFeatureFlags: []
+  filterFeatureFlags: (0, _mediaCommon.filterFeatureFlagNames)({
+    newCardExperience: false,
+    captions: false,
+    timestampOnVideo: false,
+    observedWidth: false,
+    mediaInline: false,
+    folderUploads: false
+  })
 })((0, _analyticsNext.withAnalyticsEvents)()((0, _reactIntlNext.injectIntl)(MediaViewerComponent, {
   enforceContext: false
 })));

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/media-viewer",
-	"version": "46.2.0",
+	"version": "46.2.1",
 	"sideEffects": false
 }

package/dist/cjs/viewers/codeViewer/index.js

@@ -225,7 +225,7 @@ var CodeViewer = /*#__PURE__*/function (_BaseViewer) {
     key: "getCodeLanguage",
     value: function getCodeLanguage(item) {
       if (!(0, _mediaClient.isErrorFileState)(item)) {
-        return (0, _codeViewer.getLanguageType)(item.name);
+        return (0, _codeViewer.getLanguageType)(item.name, item.mimeType);
       }
 
       return _util.DEFAULT_LANGUAGE;

package/dist/es2019/header.js

@@ -70,10 +70,10 @@ export class Header extends React.Component {
 
     _defineProperty(this, "renderFileTypeText", item => {
       // render appropriate header if its a code/email item and the feature flag is enabled
-      if (isCodeViewerItem(item.name)) {
+      if (isCodeViewerItem(item.name, item.mimeType)) {
         // gather language and extension
         // i.e test.py would have a language of 'python' and an extension of 'py'
-        const language = getLanguageType(item.name);
+        const language = getLanguageType(item.name, item.mimeType);
         const ext = getExtension(item.name); // specific cases for if we want a certain word translated in other languages
 
         switch (ext) {

package/dist/es2019/item-viewer.js

@@ -124,7 +124,7 @@ export class ItemViewerBase extends React.Component {
       previewCount
     };
 
-    if (isCodeViewerItem(fileState.name)) {
+    if (isCodeViewerItem(fileState.name, fileState.mimeType)) {
       return /*#__PURE__*/React.createElement(CodeViewer, _extends({
         onSuccess: this.onSuccess,
         onError: this.onLoadFail

package/dist/es2019/media-viewer.js

@@ -1,6 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React from 'react';
-import { withMediaAnalyticsContext } from '@atlaskit/media-common';
+import { withMediaAnalyticsContext, filterFeatureFlagNames } from '@atlaskit/media-common';
 import { IntlProvider, injectIntl } from 'react-intl-next';
 import { Shortcut } from '@atlaskit/media-ui';
 import { withAnalyticsEvents } from '@atlaskit/analytics-next';
@@ -172,7 +172,14 @@ export const MediaViewer = withMediaAnalyticsContext({
   component,
   componentName
 }, {
-  filterFeatureFlags: []
+  filterFeatureFlags: filterFeatureFlagNames({
+    newCardExperience: false,
+    captions: false,
+    timestampOnVideo: false,
+    observedWidth: false,
+    mediaInline: false,
+    folderUploads: false
+  })
 })(withAnalyticsEvents()(injectIntl(MediaViewerComponent, {
   enforceContext: false
 })));

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/media-viewer",
-	"version": "46.2.0",
+	"version": "46.2.1",
 	"sideEffects": false
 }

package/dist/es2019/viewers/codeViewer/index.js

@@ -81,7 +81,7 @@ export class CodeViewer extends BaseViewer {
 
   getCodeLanguage(item) {
     if (!isErrorFileState(item)) {
-      return getLanguageType(item.name);
+      return getLanguageType(item.name, item.mimeType);
     }
 
     return DEFAULT_LANGUAGE;

package/dist/esm/header.js

@@ -95,10 +95,10 @@ export var Header = /*#__PURE__*/function (_React$Component) {
 
     _defineProperty(_assertThisInitialized(_this), "renderFileTypeText", function (item) {
       // render appropriate header if its a code/email item and the feature flag is enabled
-      if (isCodeViewerItem(item.name)) {
+      if (isCodeViewerItem(item.name, item.mimeType)) {
         // gather language and extension
         // i.e test.py would have a language of 'python' and an extension of 'py'
-        var language = getLanguageType(item.name);
+        var language = getLanguageType(item.name, item.mimeType);
         var ext = getExtension(item.name); // specific cases for if we want a certain word translated in other languages
 
         switch (ext) {

package/dist/esm/item-viewer.js

@@ -186,7 +186,7 @@ export var ItemViewerBase = /*#__PURE__*/function (_React$Component) {
         previewCount: previewCount
       };
 
-      if (isCodeViewerItem(fileState.name)) {
+      if (isCodeViewerItem(fileState.name, fileState.mimeType)) {
         return /*#__PURE__*/React.createElement(CodeViewer, _extends({
           onSuccess: this.onSuccess,
           onError: this.onLoadFail

package/dist/esm/media-viewer.js

@@ -11,7 +11,7 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
 import React from 'react';
-import { withMediaAnalyticsContext } from '@atlaskit/media-common';
+import { withMediaAnalyticsContext, filterFeatureFlagNames } from '@atlaskit/media-common';
 import { IntlProvider, injectIntl } from 'react-intl-next';
 import { Shortcut } from '@atlaskit/media-ui';
 import { withAnalyticsEvents } from '@atlaskit/analytics-next';
@@ -187,7 +187,14 @@ export var MediaViewer = withMediaAnalyticsContext({
   component: component,
   componentName: componentName
 }, {
-  filterFeatureFlags: []
+  filterFeatureFlags: filterFeatureFlagNames({
+    newCardExperience: false,
+    captions: false,
+    timestampOnVideo: false,
+    observedWidth: false,
+    mediaInline: false,
+    folderUploads: false
+  })
 })(withAnalyticsEvents()(injectIntl(MediaViewerComponent, {
   enforceContext: false
 })));

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/media-viewer",
-	"version": "46.2.0",
+	"version": "46.2.1",
 	"sideEffects": false
 }

package/dist/esm/viewers/codeViewer/index.js

@@ -197,7 +197,7 @@ export var CodeViewer = /*#__PURE__*/function (_BaseViewer) {
     key: "getCodeLanguage",
     value: function getCodeLanguage(item) {
       if (!isErrorFileState(item)) {
-        return getLanguageType(item.name);
+        return getLanguageType(item.name, item.mimeType);
       }
 
       return DEFAULT_LANGUAGE;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/media-viewer",
-  "version": "46.2.0",
+  "version": "46.2.1",
   "description": "MediaViewer is Atlassian's powerful solution for viewing files on the web. It's both powerful and extendable yet easy-to-integrate",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -33,8 +33,8 @@
     "@atlaskit/icon": "^21.10.0",
     "@atlaskit/icon-file-type": "^6.3.0",
     "@atlaskit/media-client": "^15.0.0",
-    "@atlaskit/media-common": "^2.11.0",
-    "@atlaskit/media-ui": "^21.0.0",
+    "@atlaskit/media-common": "^2.12.0",
+    "@atlaskit/media-ui": "^21.1.0",
     "@atlaskit/side-navigation": "^1.2.3",
     "@atlaskit/spinner": "^15.0.0",
     "@atlaskit/theme": "^12.1.0",
@@ -56,15 +56,16 @@
   "devDependencies": {
     "@atlaskit/button": "^16.2.0",
     "@atlaskit/docs": "*",
-    "@atlaskit/media-card": "^73.4.0",
+    "@atlaskit/media-card": "^73.5.0",
     "@atlaskit/media-core": "^32.3.0",
-    "@atlaskit/media-integration-test-helpers": "^2.5.0",
-    "@atlaskit/media-test-helpers": "^29.3.0",
+    "@atlaskit/media-integration-test-helpers": "^2.6.0",
+    "@atlaskit/media-test-helpers": "^29.4.0",
     "@atlaskit/modal-dialog": "^12.2.0",
     "@atlaskit/ssr": "*",
     "@atlaskit/visual-regression": "*",
     "@atlaskit/webdriver-runner": "*",
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
+    "@atlassian/ufo": "^0.1.10",
     "@types/deep-equal": "^1.0.1",
     "@types/enzyme": "^3.1.15",
     "@types/mime": "^2.0.1",
@@ -75,8 +76,8 @@
     "react-dom": "^16.8.0",
     "react-intl-next": "npm:react-intl@^5.18.1",
     "rxjs": "^5.5.0",
-    "typescript": "3.9.6",
+    "typescript": "3.9.10",
     "wait-for-expect": "^1.2.0"
   },
   "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1"
-}
+}