@atlaskit/media-test-helpers 30.1.1 → 30.1.2

package/dist/es2019/fileStateFactory/helpers.js

@@ -5,17 +5,16 @@ export const defaultFileDetails = {
   mimeType: 'image/png',
   name: 'file-name.png',
   size: 1
-}; // min inclusive / max exclusive
+};
 
+// min inclusive / max exclusive
 function random(min = 0, max = 10000) {
   min = Math.ceil(min);
   max = Math.floor(max) - 1;
   const result = Math.floor(Math.random() * (max - min + 1)) + min;
   return result;
 }
-
 const getRandomElem = arr => arr[Math.floor(Math.random() * arr.length)];
-
 export const createIdentifier = ({
   collectionName = `collection-${random()}`,
   occurrenceKey = `occurrence-${random()}`
@@ -25,12 +24,10 @@ export const createIdentifier = ({
   collectionName,
   occurrenceKey
 });
-
 const generateFileName = extension => {
   const fileNames = ['quick-and-dirty', 'quality-time', 'down-for-the-count', 'hard-pill-to-swallow', 'between-a-rock-and-a-hard-place', 'fish-out-of-water', 'top-drawer', 'like-father-like-son', 'mountain-out-of-a-molehill', 'under-your-nose', 'a-chip-on-your-shoulder', 'hit-below-the-belt'];
   return `${getRandomElem(fileNames)}.${extension}`;
 };
-
 const mediaTypesDetails = {
   image: {
     ext: 'png',
@@ -58,7 +55,6 @@ const mediaTypesDetails = {
   }
 };
 const mediaTypes = Object.keys(mediaTypesDetails);
-
 const generateMediaTypeDetails = mediaType => {
   const {
     mimeType,
@@ -69,7 +65,6 @@ const generateMediaTypeDetails = mediaType => {
     name: generateFileName(ext)
   };
 };
-
 export const createFileDetails = (id, mediaType = getRandomElem(mediaTypes)) => {
   const {
     mimeType,

package/dist/es2019/getJest.js

@@ -1,15 +1,12 @@
 // Mock the bare minimum of jest used within `media-test-helpers`.
 // Ideally this is not required in the future when functions are no longer used in Examples
 // as they should only be used in unit tests.
+
 const mockStub = () => Object.assign(() => {}, {
   mockReturnValue(value) {},
-
   mockImplementation(value) {},
-
   mockResolvedValue(value) {}
-
 });
-
 const mockJest = () => {
   // eslint-disable-next-line no-console
   console.warn('Using mock jest. Please remove references to media-test-helpers in non-test code.');
@@ -20,7 +17,7 @@ const mockJest = () => {
     requireActual: () => {},
     doMock: () => {}
   };
-}; // ED-15806 Required as some examples currently use test modules and complain about not having `jest`.
-
+};
 
+// ED-15806 Required as some examples currently use test modules and complain about not having `jest`.
 export default (() => typeof jest === 'undefined' ? mockJest() : jest);

package/dist/es2019/globalEventEmitterListeners.js

@@ -1,19 +1,16 @@
 import { globalMediaEventEmitter } from '@atlaskit/media-client';
-
 const fileAddedListener = fileState => {
   // eslint-disable-next-line no-console
   console.log('file-added -> globalMediaEventEmitter', {
     fileState
   });
 };
-
 const attachmentViewedListener = payload => {
   // eslint-disable-next-line no-console
   console.log('media-viewed -> globalMediaEventEmitter', {
     payload
   });
 };
-
 export const addGlobalEventEmitterListeners = () => {
   globalMediaEventEmitter.off('file-added', fileAddedListener);
   globalMediaEventEmitter.off('media-viewed', attachmentViewedListener);

package/dist/es2019/images.js

@@ -2,6 +2,7 @@ export { tallImage } from './dataURIs/tallImageURI';
 export { smallImage } from './dataURIs/smallImageURI';
 export { smallTransparentImage } from './dataURIs/smallTransparentImageURI';
 export { wideImage } from './dataURIs/wideImageURI';
-export { wideTransparentImage } from './dataURIs/wideTransparentImageURI'; // image urls
+export { wideTransparentImage } from './dataURIs/wideTransparentImageURI';
 
+// image urls
 export const remoteImage = 'https://mediaviewer-examples.s3-ap-southeast-2.amazonaws.com/image/image.jpg';

package/dist/es2019/keyboardEventWithKeyCode.js

@@ -1,16 +1,11 @@
 import * as exenv from 'exenv';
-
 class FakeKeyboardEvent {
   constructor(_, __) {}
-
 }
-
 class KeyboardEventWithKeyCode extends (exenv.canUseDOM ? KeyboardEvent : Object) {
   constructor(type, options) {
     super(type, options);
   }
-
 }
-
 const Class = exenv.canUseDOM ? KeyboardEventWithKeyCode : FakeKeyboardEvent;
 export default Class;

package/dist/es2019/mediaClientErrors.js

@@ -1,5 +1,6 @@
 import { RequestError, PollingError, MediaStoreError } from '@atlaskit/media-client';
-export const createRateLimitedError = (metadata = {}) => new RequestError('serverRateLimited', { ...metadata,
+export const createRateLimitedError = (metadata = {}) => new RequestError('serverRateLimited', {
+  ...metadata,
   statusCode: 429
 });
 export const createPollingMaxAttemptsError = (attempts = 1) => new PollingError('pollingMaxAttemptsExceeded', attempts);

package/dist/es2019/mediaClientProvider.js

@@ -11,13 +11,13 @@ export const defaultParams = {
 const defaultAuthParameter = {
   authType: 'client'
 };
+
 /**
  * Creates and returns `MediaClient` (from `media-client`) based on the data provided in parameter object.
  *
  * @param {AuthParameter} authParameter specifies serviceName and whatever auth should be done with clientId or asapIssuer
  * @returns {Context}
  */
-
 export const createStorybookMediaClient = (authParameter = defaultAuthParameter) => {
   return new MediaClient(createStorybookMediaClientConfig(authParameter));
 };

package/dist/es2019/mediaPickerAuthProvider.js

@@ -20,7 +20,6 @@ const accessUrns = {
     'urn:filestore:file:*': ['read', 'update']
   }
 };
-
 const requestAuthProvider = async (authEnvironment, collectionName, env = 'dev') => {
   const url = `https://media-playground.${env}.atl-paas.net/token/tenant?environment=${authEnvironment}`;
   const body = JSON.stringify({
@@ -33,20 +32,18 @@ const requestAuthProvider = async (authEnvironment, collectionName, env = 'dev')
     method: 'POST',
     body,
     headers
-  }); // We leverage the fact, that our internal /toke/tenant API returns data in the same format as Auth
+  });
 
+  // We leverage the fact, that our internal /toke/tenant API returns data in the same format as Auth
   return response.json();
 };
-
 export const mediaPickerAuthProvider = (authEnvironment = 'asap', env) => context => {
   const collectionName = context && context.collectionName || defaultCollectionName;
   authEnvironment = authEnvironment === 'asap' ? 'asap' : '';
   const cacheKey = `${collectionName}:${authEnvironment}`;
-
   if (!cachedAuths[cacheKey]) {
     cachedAuths[cacheKey] = requestAuthProvider(authEnvironment, collectionName, env);
   }
-
   return cachedAuths[cacheKey];
 };
 export const defaultMediaPickerAuthProvider = () => () => {

package/dist/es2019/mockData/handlers/copyWithToken.js

@@ -29,7 +29,6 @@ export const copyWithToken = context => (req, res) => {
   }));
   const availableFiles = [...context().userContext.collection];
   const matchingDataItem = data.reduce((ret, dataItem) => exactMatch(req, dataItem) ? dataItem : ret, undefined);
-
   if (matchingDataItem) {
     const intFile = {
       id: uuid.v4(),
@@ -117,6 +116,5 @@ export const copyWithToken = context => (req, res) => {
     fillInResponse(res, resdata);
     return res;
   }
-
   return undefined;
 };

package/dist/es2019/mockData/handlers/getFile.js

@@ -13,13 +13,11 @@ export const getFile = context => (req, res) => {
     },
     body: null
   });
-
   const availableFiles = [...context().userContext.collection, ...context().tenantContext.collection];
   const userData = context().userContext.collection.map(requestDataTemplate(context().userContext.collectionName));
   const tenantData = context().tenantContext.collection.map(requestDataTemplate(context().tenantContext.collectionName));
   const data = [...tenantData, ...userData];
   const matchingDataItem = data.reduce((ret, dataItem) => exactMatch(req, dataItem) ? dataItem : ret, undefined);
-
   if (matchingDataItem) {
     const fileId = (/\/file\/(.*)/.exec(req.url().path || '') || [])[1];
     const resdata = {
@@ -90,6 +88,5 @@ export const getFile = context => (req, res) => {
     fillInResponse(res, resdata);
     return res;
   }
-
   return undefined;
 };

package/dist/es2019/mockData/handlers/getFileImage.js

@@ -14,12 +14,10 @@ export const getFileImage = context => (req, res) => {
     },
     body: null
   });
-
   const userData = context().userContext.collection.map(requestDataTemplate(context().userContext.collectionName));
   const tenantData = context().tenantContext.collection.map(requestDataTemplate(context().tenantContext.collectionName));
   const data = [...userData, ...tenantData];
   const matchingDataItem = data.reduce((ret, dataItem) => exactMatch(req, dataItem) ? dataItem : ret, undefined);
-
   if (matchingDataItem) {
     const resdata = {
       status: 200,
@@ -50,6 +48,5 @@ export const getFileImage = context => (req, res) => {
     fillInResponse(res, resdata);
     return res;
   }
-
   return undefined;
 };

package/dist/es2019/mockData/handlers/tenantAuth.js

@@ -38,7 +38,6 @@ export const tenantAuth = context => (req, res) => {
     },
     body: null
   };
-
   if (exactMatch(req, data1) || exactMatch(req, data2)) {
     const clientId = '5a9812fc-d029-4a39-8a46-d3cc36eed7ab';
     const token = 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzdWIiOiI2NTUzNjI6YjllMGUwYjUtYzYzOS00ZmNiLTk2ZjItMDZmZTZhZTc5NGJlIiwiYWNjZXNzIjp7InVybjpmaWxlc3RvcmU6Y29sbGVjdGlvbjpNZWRpYVNlcnZpY2VzU2FtcGxlIjpbInJlYWQiLCJpbnNlcnQiXSwidXJuOmZpbGVzdG9yZTpjaHVuazoqIjpbImNyZWF0ZSIsInJlYWQiXSwidXJuOmZpbGVzdG9yZTp1cGxvYWQiOlsiY3JlYXRlIl0sInVybjpmaWxlc3RvcmU6dXBsb2FkOioiOlsicmVhZCIsInVwZGF0ZSJdfSwibmJmIjoxNTE5MDkwMDc2LCJleHAiOjE1MTkwOTM2NzYsImlhdCI6MTUxOTA5MDEzNiwiaXNzIjoiNWE5ODEyZmMtZDAyOS00YTM5LThhNDYtZDNjYzM2ZWVkN2FiIn0.7Qr_rZfVLFEBgi5u0xPhjDRCxml75MxDObAhHSnadL4';
@@ -68,6 +67,5 @@ export const tenantAuth = context => (req, res) => {
     fillInResponse(res, resdata);
     return res;
   }
-
   return undefined;
 };

package/dist/es2019/mockData/handlers/userCollectionFetch.js

@@ -17,7 +17,6 @@ export const userCollectionFetch = context => (req, res) => {
     },
     body: null
   };
-
   if (exactMatch(req, data)) {
     const resdata = {
       status: 200,
@@ -49,6 +48,5 @@ export const userCollectionFetch = context => (req, res) => {
     fillInResponse(res, resdata);
     return res;
   }
-
   return undefined;
 };

package/dist/es2019/mockData/index.js

@@ -14,7 +14,6 @@ export class MockContext {
       collection: [],
       collectionName: RECENTS_COLLECTION
     });
-
     _defineProperty(this, "tenantContext", {
       auth: {
         clientId: '',
@@ -25,5 +24,4 @@ export class MockContext {
       collectionName: 'MediaServicesSample'
     });
   }
-
 }

package/dist/es2019/mockData/utils.js

@@ -1,18 +1,22 @@
 export const dataURItoBlob = dataURI => {
   // convert base64 to raw binary data held in a string
-  const byteString = atob(dataURI.split(',')[1]); // separate out the mime component
+  const byteString = atob(dataURI.split(',')[1]);
 
-  const mimeString = dataURI.split(',')[0].split(':')[1].split(';')[0]; // write the bytes of the string to an ArrayBuffer
+  // separate out the mime component
+  const mimeString = dataURI.split(',')[0].split(':')[1].split(';')[0];
 
-  const ab = new ArrayBuffer(byteString.length); // create a view into the buffer
+  // write the bytes of the string to an ArrayBuffer
+  const ab = new ArrayBuffer(byteString.length);
 
-  const ia = new Uint8Array(ab); // set the bytes of the buffer to the correct values
+  // create a view into the buffer
+  const ia = new Uint8Array(ab);
 
+  // set the bytes of the buffer to the correct values
   for (let i = 0; i < byteString.length; i++) {
     ia[i] = byteString.charCodeAt(i);
-  } // write the ArrayBuffer to a blob, and you're done
-
+  }
 
+  // write the ArrayBuffer to a blob, and you're done
   const blob = new Blob([ab], {
     type: mimeString
   });

package/dist/es2019/mockLoadImage.js

@@ -1,10 +1,12 @@
 import getJest from './getJest';
 const jest = getJest();
 let getOrientationMock;
-let loadImageMock; // so that jest doesn't hoist mock of media-ui and replaces actual module on every import of media-test-helpers
+let loadImageMock;
 
+// so that jest doesn't hoist mock of media-ui and replaces actual module on every import of media-test-helpers
 export const loadImageMockSetup = () => {
-  jest.doMock('@atlaskit/media-ui', () => ({ ...jest.requireActual('@atlaskit/media-ui'),
+  jest.doMock('@atlaskit/media-ui', () => ({
+    ...jest.requireActual('@atlaskit/media-ui'),
     getOrientation: jest.fn(() => getOrientationMock),
     loadImage: jest.fn(() => loadImageMock)
   }));

package/dist/es2019/mocks/database/index.js

@@ -27,7 +27,6 @@ export function createDatabase(collections = {}) {
   database.register('collection', createCollection);
   database.register('upload', createUpload);
   database.register('chunk', createChunk);
-
   if (Object.keys(collections).length > 0) {
     Object.keys(collections).forEach(collectionName => {
       database.push('collection', {
@@ -62,6 +61,5 @@ export function createDatabase(collections = {}) {
       createdAt: Date.now()
     });
   }
-
   return database;
 }

package/dist/es2019/mocks/fileAndDirectoriesUtils.js

@@ -2,33 +2,40 @@
  * Some utilities and types around this API -
  * https://developer.mozilla.org/en-US/docs/Web/API/File_and_Directory_Entries_API/Introduction
  */
+
 // These APIs are experimental, so such not defined in TS core libraries.
+
 // Based on https://developer.mozilla.org/en-US/docs/Web/API/FileSystemEntry
+
 // Based on https://developer.mozilla.org/en-US/docs/Web/API/FileSystemEntry
+
 // Based on https://developer.mozilla.org/en-US/docs/Web/API/FileSystemDirectoryEntry
+
 // Represents https://developer.mozilla.org/en-US/docs/Web/API/FileSystemDirectoryReader
-const createDataTransferItem = webkitGetAsEntryResult => ( // Using DataTransferItem constructor is illegal
+
+const createDataTransferItem = webkitGetAsEntryResult => (
+// Using DataTransferItem constructor is illegal
 {
   getAsFile: () => null,
-
   getAsString() {
     return '';
   },
-
   kind: 'file',
   type: '',
   // @ts-expect-error
   webkitGetAsEntry: () => webkitGetAsEntryResult
 });
-
-const createFileList = filesArray => ( // Using FileList constructor is illegal
-{ ...filesArray,
+const createFileList = filesArray => (
+// Using FileList constructor is illegal
+{
+  ...filesArray,
   length: filesArray.length,
   item: index => filesArray[index]
 });
-
-const createDataTransferItemList = itemsArray => ( // Using DataTransferItemList constructor is illegal
-{ ...itemsArray,
+const createDataTransferItemList = itemsArray => (
+// Using DataTransferItemList constructor is illegal
+{
+  ...itemsArray,
   length: itemsArray.length,
   add: () => null,
   clear: () => null,
@@ -36,10 +43,10 @@ const createDataTransferItemList = itemsArray => ( // Using DataTransferItemList
   item: index => itemsArray[index],
   remove: () => null
 });
-
 const createDataTransfer = (files, items) => {
-  const dataTransfer = new DataTransfer(); // Since `files` and `items` are readonly - this is the only way assigning these values
+  const dataTransfer = new DataTransfer();
 
+  // Since `files` and `items` are readonly - this is the only way assigning these values
   Object.defineProperty(dataTransfer, 'files', {
     value: files
   });
@@ -48,7 +55,6 @@ const createDataTransfer = (files, items) => {
   });
   return dataTransfer;
 };
-
 export const createFileSystemFileEntry = (name, fullPath, imageFile) => ({
   isDirectory: false,
   isFile: true,
@@ -73,8 +79,8 @@ export const createDropEventWithFiles = (fileSystemEntry, files) => {
   const fileList = createFileList(files);
   const dataTransferItemList = createDataTransferItemList([dataTransferItem]);
   const dataTransfer = createDataTransfer(fileList, dataTransferItemList);
-  const event = new DragEvent('drop'); // Way around assigning readonly value
-
+  const event = new DragEvent('drop');
+  // Way around assigning readonly value
   Object.defineProperty(event, 'dataTransfer', {
     value: dataTransfer
   });

package/dist/es2019/mocks/media-mock.js

@@ -17,32 +17,24 @@ const fileName = 'image.png';
 export class MediaMock {
   constructor(collections) {
     _defineProperty(this, "server", new Server());
-
     _defineProperty(this, "routers", []);
-
     _defineProperty(this, "dbs", []);
-
     _defineProperty(this, "websockets", []);
-
     this.collections = collections;
   }
-
   enable(config = {}) {
     const {
       isSlowServer,
       urlsReturnErrorsTo,
       mockRemoteUploadActivity
     } = config;
-
     if (!exenv.canUseDOM) {
       return;
     }
-
     this.routers = [createMediaPlaygroundRouter(), createApiRouter(isSlowServer, urlsReturnErrorsTo)];
     const database = createDatabase(this.collections);
     this.dbs = [database];
     [...this.routers, ...this.dbs].forEach(this.server.use.bind(this.server));
-
     if (mockRemoteUploadActivity) {
       const wsServer = new RemoteUploadActivityServer({
         database,
@@ -51,12 +43,10 @@ export class MediaMock {
       wsServer.start();
       this.websockets = [wsServer];
     }
-
     if (window) {
       window.mediaMockControlsBackdoor = mediaMockControlsBackdoor;
     }
   }
-
   disable() {
     [...this.routers, ...this.dbs].forEach(this.server.remove.bind(this.server));
     this.routers.forEach(router => router.reset());
@@ -66,7 +56,6 @@ export class MediaMock {
     this.websockets.forEach(ws => ws.stop());
     this.websockets = [];
   }
-
 }
 export function generateFilesFromTestData(files) {
   return files.map(file => {
@@ -100,33 +89,32 @@ const mediaMockControlsBackdoor = {
     mediaMock.disable();
     mediaMock.enable(config);
   },
-
   /**
    * Used to simulate the dragging of a folder (which contains a singular image) into the editor
    * Library used for folder uploads: https://github.com/zzarcon/flat-files
    */
   uploadFolderFromDrag: () => {
-    const fileSystemFileEntry = createFileSystemFileEntry(fileName, `folder_one/folder_two/${fileName}`, imageFile); // Represents a folder that contains a file
+    const fileSystemFileEntry = createFileSystemFileEntry(fileName, `folder_one/folder_two/${fileName}`, imageFile);
 
+    // Represents a folder that contains a file
     const directoryEntryContainingFile = createFileSystemDirectoryEntry(fileName, `folder_one/folder_two/`, [fileSystemFileEntry]);
     const event = createDropEventWithFiles(directoryEntryContainingFile, [imageFile]);
     document.body.dispatchEvent(event);
     document.body.querySelector('.fabric-editor-popup-scroll-parent').dispatchEvent(event);
   },
-
   /**
    * Used to simulate the dragging of a folder, which contains a folder (which contains multiple images)
    **/
   uploadFolderContainingFolderFromDrag: () => {
     const fileSystemFileEntry = createFileSystemFileEntry(fileName, `folder_one/folder_two/${fileName}`, imageFile);
-    const directoryEntryContainingFiles = createFileSystemDirectoryEntry(fileName, `folder_one/folder_two/`, [fileSystemFileEntry, fileSystemFileEntry, fileSystemFileEntry, fileSystemFileEntry]); // Represents a folder that contains a folder
+    const directoryEntryContainingFiles = createFileSystemDirectoryEntry(fileName, `folder_one/folder_two/`, [fileSystemFileEntry, fileSystemFileEntry, fileSystemFileEntry, fileSystemFileEntry]);
 
+    // Represents a folder that contains a folder
     const directoryEntry = createFileSystemDirectoryEntry(fileName, `folder_one/`, [directoryEntryContainingFiles]);
     const event = createDropEventWithFiles(directoryEntry, [imageFile, imageFile, imageFile, imageFile]);
     document.body.dispatchEvent(event);
     document.body.querySelector('.fabric-editor-popup-scroll-parent').dispatchEvent(event);
   },
-
   /**
    * Used to simulate the dragging of an image into the editor
    * In the future we should consider using a general approach to uploading files as mentioned here: