@atlaskit/media-client 26.3.0 → 27.0.0

package/dist/cjs/client/file-fetcher/index.js

@@ -48,6 +48,7 @@ var _shouldFetchRemoteFileStates = require("../../utils/shouldFetchRemoteFileSta
 var _polling = require("../../utils/polling");
 var _detectEmptyFile = require("../../utils/detectEmptyFile");
 var _mediaState = require("@atlaskit/media-state");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } // import setimmediate to temporary fix dataloader 2.0.0 bug
 // @see https://github.com/graphql/dataloader/issues/249
@@ -153,7 +154,7 @@ var FileFetcherImpl = exports.FileFetcherImpl = /*#__PURE__*/function () {
       if (content instanceof Blob) {
         size = content.size;
         mimeType = content.type;
-        if ((0, _mediaTypeUtils.isMimeTypeSupportedByBrowser)(content.type)) {
+        if ((0, _mediaTypeUtils.isMimeTypeSupportedByBrowser)(content.type) || (0, _platformFeatureFlags.getBooleanFF)('platform.media-svg-rendering')) {
           preview = {
             value: content,
             origin: 'local'

package/dist/es2019/client/file-fetcher/index.js

@@ -27,6 +27,7 @@ import { shouldFetchRemoteFileStates } from '../../utils/shouldFetchRemoteFileSt
 import { PollingFunction } from '../../utils/polling';
 import { isEmptyFile } from '../../utils/detectEmptyFile';
 import { mediaStore } from '@atlaskit/media-state';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 export { isFileFetcherError, FileFetcherError } from './error';
 export class FileFetcherImpl {
   constructor(mediaApi, store = mediaStore) {
@@ -107,7 +108,7 @@ export class FileFetcherImpl {
       if (content instanceof Blob) {
         size = content.size;
         mimeType = content.type;
-        if (isMimeTypeSupportedByBrowser(content.type)) {
+        if (isMimeTypeSupportedByBrowser(content.type) || getBooleanFF('platform.media-svg-rendering')) {
           preview = {
             value: content,
             origin: 'local'

package/dist/esm/client/file-fetcher/index.js

@@ -33,6 +33,7 @@ import { shouldFetchRemoteFileStates } from '../../utils/shouldFetchRemoteFileSt
 import { PollingFunction } from '../../utils/polling';
 import { isEmptyFile } from '../../utils/detectEmptyFile';
 import { mediaStore } from '@atlaskit/media-state';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 export { isFileFetcherError, FileFetcherError } from './error';
 export var FileFetcherImpl = /*#__PURE__*/function () {
   function FileFetcherImpl(mediaApi) {
@@ -136,7 +137,7 @@ export var FileFetcherImpl = /*#__PURE__*/function () {
       if (content instanceof Blob) {
         size = content.size;
         mimeType = content.type;
-        if (isMimeTypeSupportedByBrowser(content.type)) {
+        if (isMimeTypeSupportedByBrowser(content.type) || getBooleanFF('platform.media-svg-rendering')) {
           preview = {
             value: content,
             origin: 'local'

package/dist/types/client/file-fetcher/index.d.ts

@@ -1,15 +1,15 @@
 import 'setimmediate';
-import { AuthProvider } from '@atlaskit/media-core';
-import { MediaFileArtifacts } from '@atlaskit/media-state';
-import { MediaStore as MediaApi, MediaStoreCopyFileWithTokenParams, TouchedFiles, TouchFileDescriptor } from '../media-store';
-import { GetFileOptions } from '../../models/file-state';
-import { MediaFile } from '../../models/media';
-import { UploadableFile, UploadableFileUpfrontIds } from '../../uploader';
-import { UploadController } from '../../upload-controller';
-import { MediaSubscribable } from '../../utils/mediaSubscribable';
-import { Dimensions } from '../../utils/getDimensionsFromBlob';
-import { MediaTraceContext } from '@atlaskit/media-common';
-import { FilePreview, FileState, MediaStore } from '@atlaskit/media-state';
+import { type AuthProvider } from '@atlaskit/media-core';
+import { type MediaFileArtifacts } from '@atlaskit/media-state';
+import { MediaStore as MediaApi, type MediaStoreCopyFileWithTokenParams, type TouchedFiles, type TouchFileDescriptor } from '../media-store';
+import { type GetFileOptions } from '../../models/file-state';
+import { type MediaFile } from '../../models/media';
+import { type UploadableFile, type UploadableFileUpfrontIds } from '../../uploader';
+import { type UploadController } from '../../upload-controller';
+import { type MediaSubscribable } from '../../utils/mediaSubscribable';
+import { type Dimensions } from '../../utils/getDimensionsFromBlob';
+import { type MediaTraceContext } from '@atlaskit/media-common';
+import { type FilePreview, type FileState, type MediaStore } from '@atlaskit/media-state';
 export type { FileFetcherErrorAttributes, FileFetcherErrorReason, } from './error';
 export { isFileFetcherError, FileFetcherError } from './error';
 export interface CopySourceFile {

package/dist/types-ts4.5/client/file-fetcher/index.d.ts

@@ -1,15 +1,15 @@
 import 'setimmediate';
-import { AuthProvider } from '@atlaskit/media-core';
-import { MediaFileArtifacts } from '@atlaskit/media-state';
-import { MediaStore as MediaApi, MediaStoreCopyFileWithTokenParams, TouchedFiles, TouchFileDescriptor } from '../media-store';
-import { GetFileOptions } from '../../models/file-state';
-import { MediaFile } from '../../models/media';
-import { UploadableFile, UploadableFileUpfrontIds } from '../../uploader';
-import { UploadController } from '../../upload-controller';
-import { MediaSubscribable } from '../../utils/mediaSubscribable';
-import { Dimensions } from '../../utils/getDimensionsFromBlob';
-import { MediaTraceContext } from '@atlaskit/media-common';
-import { FilePreview, FileState, MediaStore } from '@atlaskit/media-state';
+import { type AuthProvider } from '@atlaskit/media-core';
+import { type MediaFileArtifacts } from '@atlaskit/media-state';
+import { MediaStore as MediaApi, type MediaStoreCopyFileWithTokenParams, type TouchedFiles, type TouchFileDescriptor } from '../media-store';
+import { type GetFileOptions } from '../../models/file-state';
+import { type MediaFile } from '../../models/media';
+import { type UploadableFile, type UploadableFileUpfrontIds } from '../../uploader';
+import { type UploadController } from '../../upload-controller';
+import { type MediaSubscribable } from '../../utils/mediaSubscribable';
+import { type Dimensions } from '../../utils/getDimensionsFromBlob';
+import { type MediaTraceContext } from '@atlaskit/media-common';
+import { type FilePreview, type FileState, type MediaStore } from '@atlaskit/media-state';
 export type { FileFetcherErrorAttributes, FileFetcherErrorReason, } from './error';
 export { isFileFetcherError, FileFetcherError } from './error';
 export interface CopySourceFile {

package/example-helpers/styles.ts

@@ -2,27 +2,27 @@ import { token } from '@atlaskit/tokens';
 import { css } from '@emotion/react';
 import { FileStatus } from '../src';
 
-export const wrapperStyles = css`
-  display: flex;
-`;
+export const wrapperStyles = css({
+  display: 'flex',
+});
 
-export const imagePreviewStyles = css`
-  width: 300px;
-`;
+export const imagePreviewStyles = css({
+  width: '300px',
+});
 
-export const previewWrapperStyles = css`
-  flex: 1;
-`;
+export const previewWrapperStyles = css({
+  flex: 1,
+});
 
-export const metadataWrapperStyles = css`
-  width: 400px;
-  overflow: scroll;
-  flex: 1;
-`;
+export const metadataWrapperStyles = css({
+  width: '400px',
+  overflow: 'scroll',
+  flex: 1,
+});
 
-export const fileInputStyles = css`
-  color: transparent;
-`;
+export const fileInputStyles = css({
+  color: 'transparent',
+});
 
 export interface FilesWrapperProps {
   status: FileStatus;
@@ -38,68 +38,67 @@ const statusColorMap: { [key in FileStatus]: string } = {
 };
 
 // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
-export const fileWrapperStyles = (status: FileStatus) => css`
-  padding: 5px;
-  margin: 10px;
-  display: inline-block;
-  width: 315px;
-  background-color: ${statusColorMap[status]};
-`;
+export const fileWrapperStyles = (status: FileStatus) =>
+  css({
+    padding: '5px',
+    margin: '10px',
+    display: 'inline-block',
+    width: '315px',
+    backgroundColor: statusColorMap[status],
+  });
 
 // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
-export const cardsWrapperStyles = css`
-  width: 900px;
-  padding: 10px;
-  border-right: 1px solid ${token('color.border', '#ccc')};
-
-  h1 {
-    text-align: center;
-    border-bottom: 1px solid ${token('color.border', '#ccc')};
-  }
-
-  > div {
-    width: auto;
-    display: inline-block;
-    margin: 10px;
-  }
-`;
+export const cardsWrapperStyles = css({
+  width: '900px',
+  padding: '10px',
+  borderRight: `1px solid ${token('color.border', '#ccc')}`,
+  h1: {
+    textAlign: 'center',
+    borderBottom: `1px solid ${token('color.border', '#ccc')}`,
+  },
+  '> div': {
+    width: 'auto',
+    display: 'inline-block',
+    margin: '10px',
+  },
+});
 
 // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
-export const headerStyles = css`
-  button {
-    margin: 5px;
-  }
-`;
+export const headerStyles = css({
+  button: {
+    margin: '5px',
+  },
+});
 
 // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
-export const fileStateWrapperStyles = css`
-  border: 1px solid ${token('color.border', '#ccc')};
-  margin: 10px;
-  padding: 10px;
-  width: 500px;
-`;
-
-export const uploadTouchWrapperStyles = css`
-  height: 100%;
-  width: 100%;
-  display: flex;
-  flex-direction: column;
-  flex-wrap: nowrap;
-  align-items: center;
-  justify-content: center;
-  align-content: center;
-`;
+export const fileStateWrapperStyles = css({
+  border: `1px solid ${token('color.border', '#ccc')}`,
+  margin: '10px',
+  padding: '10px',
+  width: '500px',
+});
+
+export const uploadTouchWrapperStyles = css({
+  height: '100%',
+  width: '100%',
+  display: 'flex',
+  flexDirection: 'column',
+  flexWrap: 'nowrap',
+  alignItems: 'center',
+  justifyContent: 'center',
+  alignContent: 'center',
+});
 
 // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
-export const rowStyles = css`
-  flex-direction: row;
-  justify-content: center;
-  > * {
-    margin-right: 10px;
-  }
-`;
-
-export const responseStyles = css`
-  font-family: monospace;
-  white-space: pre;
-`;
+export const rowStyles = css({
+  flexDirection: 'row',
+  justifyContent: 'center',
+  '> *': {
+    marginRight: '10px',
+  },
+});
+
+export const responseStyles = css({
+  fontFamily: 'monospace',
+  whiteSpace: 'pre',
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/media-client",
-  "version": "26.3.0",
+  "version": "27.0.0",
   "description": "Media API Web Client Library",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -37,7 +37,8 @@
   },
   "dependencies": {
     "@atlaskit/chunkinator": "^6.0.0",
-    "@atlaskit/media-common": "^11.1.0",
+    "@atlaskit/media-common": "^11.2.0",
+    "@atlaskit/platform-feature-flags": "0.2.5",
     "@babel/runtime": "^7.0.0",
     "dataloader": "^2.0.0",
     "deep-equal": "^1.0.1",
@@ -59,8 +60,9 @@
     "@atlaskit/media-core": "^34.2.0",
     "@atlaskit/media-state": "^1.0.0",
     "@atlaskit/ssr": "*",
-    "@atlaskit/tokens": "^1.43.0",
+    "@atlaskit/tokens": "^1.45.0",
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
+    "@atlassian/feature-flags-test-utils": "0.2.1",
     "@emotion/react": "^11.7.1",
     "@types/deep-equal": "^1.0.1",
     "@types/uuid-validate": "^0.0.2",
@@ -82,5 +84,10 @@
       ]
     }
   },
-  "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1"
+  "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1",
+  "platform-feature-flags": {
+    "platform.media-svg-rendering": {
+      "type": "boolean"
+    }
+  }
 }