@atlaskit/media-test-helpers 29.2.0 → 29.4.0

package/CHANGELOG.md

@@ -1,5 +1,109 @@
 # @atlaskit/media-test-helpers
 
+## 29.4.0
+
+### Minor Changes
+
+- [`eaf810b0560`](https://bitbucket.org/atlassian/atlassian-frontend/commits/eaf810b0560) - [MEX-1398] Remove PopUp implementation from Media-picker
+- [`8f86bfe1961`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8f86bfe1961) - [MEX-1389] Remove types & interfaces related to media-picker popup
+- [`a44c7c42fa7`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a44c7c42fa7) - Added payload publisher wrapper for logging ufo events in examples
+
+### Patch Changes
+
+- Updated dependencies
+
+## 29.3.0
+
+### Minor Changes
+
+- [`f862d5ae7aa`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f862d5ae7aa) - remove RxJs peer dependency
+- [`118f3af101f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/118f3af101f) - Media Client APIs has been updated to use MediaSubscribable which provides subscription functionality (similar to RxJs observables).
+  It exposes subscribe method that is called with MediaObserver as an argument and returns MediaSubscription.
+  MediaSubscription exposes unsubscribe method.
+
+  getFileState:
+  The returned type of this function has changed from RxJs ReplaySubject to MediaSubscribable.
+
+  ```
+  import { MediaClient, MediaObserver, MediaSubscribable, MediaSubscription } from '@atlaskit/media-client';
+
+  const mediaClient = new MediaClient({ authProvider });
+
+  const fileStateSubscribable: MediaSubscribable<FileState> = mediaClient.file.getFileState(id);
+
+  const mediaObserver: MediaObserver<FileState> = {
+    next: (fileState) => {
+      nextCallback(fileState)
+    },
+    error: (error) => {
+      errorCallback(error)
+    },
+  };
+
+  const subscription: MediaSubscription = fileStateSubscribable.subscribe(mediaObserver);
+
+  subscription.unsubscribe();
+  ```
+
+  upload:
+  The returned type of this function has changed from RxJs ReplaySubject to MediaSubscribable.
+
+  ```
+  import { MediaClient, MediaObserver, MediaSubscribable, MediaSubscription } from '@atlaskit/media-client';
+
+  const mediaClient = new MediaClient({ authProvider });
+
+  const uploadFileSubscribable: MediaSubscribable<FileState> = mediaClient.file.upload(uploadableFile);
+
+  const mediaObserver: MediaObserver<FileState> = {
+    next: (fileState) => {
+      nextCallback(fileState)
+    },
+    error: (error) => {
+      errorCallback(error)
+    },
+  };
+
+  const subscription: MediaSubscription = uploadFileSubscribable.subscribe(mediaObserver);
+
+  subscription.unsubscribe();
+  ```
+
+  getItems:
+  The returned type of this function has changed from RxJs ReplaySubject to MediaSubscribable.
+
+  ```
+  import { MediaClient, MediaObserver, MediaSubscribable, MediaSubscription } from '@atlaskit/media-client';
+
+  const mediaClient = new MediaClient({ authProvider });
+
+  const collectionItemsSubscribable: MediaSubscribable<MediaCollectionItem[]> = mediaClient.collection.getItems(collectionName);
+
+  const mediaObserver: MediaObserver<MediaCollectionItem[]> = {
+    next: (items) => {
+      nextCallback(items)
+    },
+    error: (error) => {
+      errorCallback(error)
+    },
+  };
+
+  const subscription: MediaSubscription = collectionItemsSubscribable.subscribe(mediaObserver);
+
+  subscription.unsubscribe();
+  ```
+
+### Patch Changes
+
+- Updated dependencies
+
+## 29.2.1
+
+### Patch Changes
+
+- [`7b8ba79b71b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7b8ba79b71b) - use mimeType in MediaMock when provided
+- Updated dependencies
+
 ## 29.2.0
 
 ### Minor Changes

package/dist/cjs/fileStateFactory/factory.js

@@ -143,7 +143,7 @@ var FileStateFactory = /*#__PURE__*/(0, _createClass2.default)(function FileStat
   (0, _defineProperty2.default)(this, "updateIdentifier", function (identifier, fileDetails) {
     _this2.identifier = identifier;
     _this2.fileDetails = fileDetails || (0, _helpers.createFileDetails)(_this2.identifier.id);
-    _this2.observable = (0, _mediaClient.createFileStateSubject)();
+    _this2.observable = (0, _mediaClient.createMediaSubject)();
 
     _this2.mediaClient.updateObserbable(_this2.observable);
   });
@@ -168,7 +168,7 @@ var FileStateFactory = /*#__PURE__*/(0, _createClass2.default)(function FileStat
   });
   this.identifier = identifier;
   this.fileDetails = _fileDetails || (0, _helpers.createFileDetails)(this.identifier.id);
-  this.observable = (0, _mediaClient.createFileStateSubject)();
+  this.observable = (0, _mediaClient.createMediaSubject)();
   this.mediaClient = new MediaClientMock(this.observable, mediaClientConfig, featureFlags, mediaClientMockOptions);
 });
 exports.FileStateFactory = FileStateFactory;

package/dist/cjs/index.js

@@ -329,6 +329,12 @@ Object.defineProperty(exports, "emptyImageFileId", {
     return _exampleMediaItems.emptyImageFileId;
   }
 });
+Object.defineProperty(exports, "enableMediaUfoLogger", {
+  enumerable: true,
+  get: function get() {
+    return _ufoLogger.enableMediaUfoLogger;
+  }
+});
 Object.defineProperty(exports, "enableMockGlobalImage", {
   enumerable: true,
   get: function get() {
@@ -443,12 +449,6 @@ Object.defineProperty(exports, "getAuthFromContextProvider", {
     return _getAuthFromContextProvider.getAuthFromContextProvider;
   }
 });
-Object.defineProperty(exports, "getComponentClassWithStore", {
-  enumerable: true,
-  get: function get() {
-    return _mediaPickerMocks.getComponentClassWithStore;
-  }
-});
 Object.defineProperty(exports, "getDefaultMediaClientConfig", {
   enumerable: true,
   get: function get() {
@@ -533,18 +533,6 @@ Object.defineProperty(exports, "mockCanvas", {
     return _mockCanvas.mockCanvas;
   }
 });
-Object.defineProperty(exports, "mockEventEmiter", {
-  enumerable: true,
-  get: function get() {
-    return _mediaPickerMocks.mockEventEmiter;
-  }
-});
-Object.defineProperty(exports, "mockFetcher", {
-  enumerable: true,
-  get: function get() {
-    return _mediaPickerMocks.mockFetcher;
-  }
-});
 Object.defineProperty(exports, "mockFileReader", {
   enumerable: true,
   get: function get() {
@@ -563,12 +551,6 @@ Object.defineProperty(exports, "mockFileReaderWithError", {
     return _fileReader.mockFileReaderWithError;
   }
 });
-Object.defineProperty(exports, "mockIsWebGLNotAvailable", {
-  enumerable: true,
-  get: function get() {
-    return _mediaPickerMocks.mockIsWebGLNotAvailable;
-  }
-});
 Object.defineProperty(exports, "mockLoadImage", {
   enumerable: true,
   get: function get() {
@@ -581,30 +563,6 @@ Object.defineProperty(exports, "mockLoadImageError", {
     return _mockLoadImage.mockLoadImageError;
   }
 });
-Object.defineProperty(exports, "mockPopupUploadEventEmitter", {
-  enumerable: true,
-  get: function get() {
-    return _mediaPickerMocks.mockPopupUploadEventEmitter;
-  }
-});
-Object.defineProperty(exports, "mockState", {
-  enumerable: true,
-  get: function get() {
-    return _mediaPickerMocks.mockState;
-  }
-});
-Object.defineProperty(exports, "mockStore", {
-  enumerable: true,
-  get: function get() {
-    return _mediaPickerMocks.mockStore;
-  }
-});
-Object.defineProperty(exports, "mockWsConnectionHolder", {
-  enumerable: true,
-  get: function get() {
-    return _mediaPickerMocks.mockWsConnectionHolder;
-  }
-});
 Object.defineProperty(exports, "mountWithIntlContext", {
   enumerable: true,
   get: function get() {
@@ -904,8 +862,6 @@ var _fileReader = require("./fileReader");
 
 var _mockLoadImage = require("./mockLoadImage");
 
-var _mediaPickerMocks = require("./mediaPickerMocks");
-
 var _clipboardEventMocks = require("./clipboardEventMocks");
 
 var _getAuthFromContextProvider = require("./getAuthFromContextProvider");
@@ -914,6 +870,8 @@ var _globalEventEmitterListeners = require("./globalEventEmitterListeners");
 
 var _mockData = require("./utils/mockData");
 
+var _ufoLogger = require("./ufoLogger");
+
 var _MockGlobalImage = require("./MockGlobalImage");
 
 var _exampleMediaFeatureFlags = require("./example-mediaFeatureFlags");

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

@@ -127,7 +127,7 @@ function generateFilesFromTestData(files) {
     return {
       id: id,
       blob: blob,
-      mimeType: blob && blob.type || 'inode/x-empty',
+      mimeType: blob && blob.type || file.mimeType || 'inode/x-empty',
       mediaType: mediaType,
       name: name,
       size: blob && blob.size || 0,

package/dist/cjs/ufoLogger.js

@@ -0,0 +1,43 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.enableMediaUfoLogger = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+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 = 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 enableMediaUfoLogger = function enableMediaUfoLogger(ufoPayloadPublisher) {
+  var properties = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  // Added try catch as Performance is not mocked properly in the Ufo packages.
+  // By adding try catch test are successfully passing. Created ticket for the same - MEET-2652
+  var MEDIA_UFO_OPERATIONAL_EVENT = 'Media::UFO::sendOperationalEvent:';
+
+  try {
+    ufoPayloadPublisher.setup(_objectSpread({
+      product: 'examples',
+      gasv3: {
+        sendOperationalEvent: function sendOperationalEvent(event) {
+          // eslint-disable-next-line
+          console.log(MEDIA_UFO_OPERATIONAL_EVENT, event);
+        }
+      },
+      app: {
+        version: {
+          web: 'unknown'
+        }
+      }
+    }, properties));
+  } catch (e) {
+    // eslint-disable-next-line
+    console.log("".concat(MEDIA_UFO_OPERATIONAL_EVENT, "Error:"), e);
+  }
+};
+
+exports.enableMediaUfoLogger = enableMediaUfoLogger;

package/dist/cjs/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/media-test-helpers",
-	"version": "29.2.0"
+	"version": "29.4.0"
 }

package/dist/es2019/fileStateFactory/factory.js

@@ -1,6 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { tallImage, dataURItoBlob } from '..';
-import { MediaClient, createFileStateSubject } from '@atlaskit/media-client';
+import { MediaClient, createMediaSubject } from '@atlaskit/media-client';
 import { createFileState } from './createFileState';
 import { createFileDetails } from './helpers';
 import { sleep } from '../nextTick';
@@ -53,7 +53,7 @@ export class FileStateFactory {
     _defineProperty(this, "updateIdentifier", (identifier, fileDetails) => {
       this.identifier = identifier;
       this.fileDetails = fileDetails || createFileDetails(this.identifier.id);
-      this.observable = createFileStateSubject();
+      this.observable = createMediaSubject();
       this.mediaClient.updateObserbable(this.observable);
     });
 
@@ -80,7 +80,7 @@ export class FileStateFactory {
 
     this.identifier = identifier;
     this.fileDetails = _fileDetails || createFileDetails(this.identifier.id);
-    this.observable = createFileStateSubject();
+    this.observable = createMediaSubject();
     this.mediaClient = new MediaClientMock(this.observable, mediaClientConfig, featureFlags, mediaClientMockOptions);
   }
 

package/dist/es2019/index.js

@@ -27,11 +27,11 @@ export { mockCanvas } from './mockCanvas';
 export { default as KeyboardEventWithKeyCode } from './keyboardEventWithKeyCode';
 export { mockFileReader, mockFileReaderError, mockFileReaderWithError, unmockFileReader } from './fileReader';
 export { loadImageMockSetup, mockLoadImage, mockLoadImageError, unMockLoadImage } from './mockLoadImage';
-export { getComponentClassWithStore, mockEventEmiter, mockFetcher, mockIsWebGLNotAvailable, mockPopupUploadEventEmitter, mockState, mockStore, mockWsConnectionHolder } from './mediaPickerMocks';
 export { ClipboardMockFile, MockDataTransfer, MockDragEvent, MockFileList, getMockClipboardEvent } from './clipboardEventMocks';
 export { getAuthFromContextProvider } from './getAuthFromContextProvider';
 export { addGlobalEventEmitterListeners } from './globalEventEmitterListeners';
 export { fakeImage } from './utils/mockData';
+export { enableMediaUfoLogger } from './ufoLogger';
 export { enableMockGlobalImage, disableMockGlobalImage } from './MockGlobalImage';
 export { exampleMediaFeatureFlags } from './example-mediaFeatureFlags';
 export { dataURItoBlob } from './mockData/utils';

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

@@ -81,7 +81,7 @@ export function generateFilesFromTestData(files) {
     return {
       id,
       blob,
-      mimeType: blob && blob.type || 'inode/x-empty',
+      mimeType: blob && blob.type || file.mimeType || 'inode/x-empty',
       mediaType,
       name,
       size: blob && blob.size || 0,

package/dist/es2019/ufoLogger.js

@@ -0,0 +1,26 @@
+export const enableMediaUfoLogger = (ufoPayloadPublisher, properties = {}) => {
+  // Added try catch as Performance is not mocked properly in the Ufo packages.
+  // By adding try catch test are successfully passing. Created ticket for the same - MEET-2652
+  const MEDIA_UFO_OPERATIONAL_EVENT = 'Media::UFO::sendOperationalEvent:';
+
+  try {
+    ufoPayloadPublisher.setup({
+      product: 'examples',
+      gasv3: {
+        sendOperationalEvent: event => {
+          // eslint-disable-next-line
+          console.log(MEDIA_UFO_OPERATIONAL_EVENT, event);
+        }
+      },
+      app: {
+        version: {
+          web: 'unknown'
+        }
+      },
+      ...properties
+    });
+  } catch (e) {
+    // eslint-disable-next-line
+    console.log(`${MEDIA_UFO_OPERATIONAL_EVENT}Error:`, e);
+  }
+};

package/dist/es2019/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/media-test-helpers",
-	"version": "29.2.0"
+	"version": "29.4.0"
 }

package/dist/esm/fileStateFactory/factory.js

@@ -17,7 +17,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 { tallImage, dataURItoBlob } from '..';
-import { MediaClient, createFileStateSubject } from '@atlaskit/media-client';
+import { MediaClient, createMediaSubject } from '@atlaskit/media-client';
 import { createFileState } from './createFileState';
 import { createFileDetails } from './helpers';
 import { sleep } from '../nextTick';
@@ -126,7 +126,7 @@ export var FileStateFactory = /*#__PURE__*/_createClass(function FileStateFactor
   _defineProperty(this, "updateIdentifier", function (identifier, fileDetails) {
     _this2.identifier = identifier;
     _this2.fileDetails = fileDetails || createFileDetails(_this2.identifier.id);
-    _this2.observable = createFileStateSubject();
+    _this2.observable = createMediaSubject();
 
     _this2.mediaClient.updateObserbable(_this2.observable);
   });
@@ -156,6 +156,6 @@ export var FileStateFactory = /*#__PURE__*/_createClass(function FileStateFactor
 
   this.identifier = identifier;
   this.fileDetails = _fileDetails || createFileDetails(this.identifier.id);
-  this.observable = createFileStateSubject();
+  this.observable = createMediaSubject();
   this.mediaClient = new MediaClientMock(this.observable, mediaClientConfig, featureFlags, mediaClientMockOptions);
 });

package/dist/esm/index.js

@@ -27,11 +27,11 @@ export { mockCanvas } from './mockCanvas';
 export { default as KeyboardEventWithKeyCode } from './keyboardEventWithKeyCode';
 export { mockFileReader, mockFileReaderError, mockFileReaderWithError, unmockFileReader } from './fileReader';
 export { loadImageMockSetup, mockLoadImage, mockLoadImageError, unMockLoadImage } from './mockLoadImage';
-export { getComponentClassWithStore, mockEventEmiter, mockFetcher, mockIsWebGLNotAvailable, mockPopupUploadEventEmitter, mockState, mockStore, mockWsConnectionHolder } from './mediaPickerMocks';
 export { ClipboardMockFile, MockDataTransfer, MockDragEvent, MockFileList, getMockClipboardEvent } from './clipboardEventMocks';
 export { getAuthFromContextProvider } from './getAuthFromContextProvider';
 export { addGlobalEventEmitterListeners } from './globalEventEmitterListeners';
 export { fakeImage } from './utils/mockData';
+export { enableMediaUfoLogger } from './ufoLogger';
 export { enableMockGlobalImage, disableMockGlobalImage } from './MockGlobalImage';
 export { exampleMediaFeatureFlags } from './example-mediaFeatureFlags';
 export { dataURItoBlob } from './mockData/utils';

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

@@ -98,7 +98,7 @@ export function generateFilesFromTestData(files) {
     return {
       id: id,
       blob: blob,
-      mimeType: blob && blob.type || 'inode/x-empty',
+      mimeType: blob && blob.type || file.mimeType || 'inode/x-empty',
       mediaType: mediaType,
       name: name,
       size: blob && blob.size || 0,

package/dist/esm/ufoLogger.js

@@ -0,0 +1,32 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+
+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 = 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; }
+
+export var enableMediaUfoLogger = function enableMediaUfoLogger(ufoPayloadPublisher) {
+  var properties = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  // Added try catch as Performance is not mocked properly in the Ufo packages.
+  // By adding try catch test are successfully passing. Created ticket for the same - MEET-2652
+  var MEDIA_UFO_OPERATIONAL_EVENT = 'Media::UFO::sendOperationalEvent:';
+
+  try {
+    ufoPayloadPublisher.setup(_objectSpread({
+      product: 'examples',
+      gasv3: {
+        sendOperationalEvent: function sendOperationalEvent(event) {
+          // eslint-disable-next-line
+          console.log(MEDIA_UFO_OPERATIONAL_EVENT, event);
+        }
+      },
+      app: {
+        version: {
+          web: 'unknown'
+        }
+      }
+    }, properties));
+  } catch (e) {
+    // eslint-disable-next-line
+    console.log("".concat(MEDIA_UFO_OPERATIONAL_EVENT, "Error:"), e);
+  }
+};

package/dist/esm/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/media-test-helpers",
-	"version": "29.2.0"
+	"version": "29.4.0"
 }

package/dist/types/index.d.ts

@@ -33,12 +33,11 @@ export { mockCanvas } from './mockCanvas';
 export { default as KeyboardEventWithKeyCode } from './keyboardEventWithKeyCode';
 export { mockFileReader, mockFileReaderError, mockFileReaderWithError, unmockFileReader, } from './fileReader';
 export { loadImageMockSetup, mockLoadImage, mockLoadImageError, unMockLoadImage, } from './mockLoadImage';
-export { getComponentClassWithStore, mockEventEmiter, mockFetcher, mockIsWebGLNotAvailable, mockPopupUploadEventEmitter, mockState, mockStore, mockWsConnectionHolder, } from './mediaPickerMocks';
-export type { PropsWithStore } from './mediaPickerMocks';
 export { ClipboardMockFile, MockDataTransfer, MockDragEvent, MockFileList, getMockClipboardEvent, } from './clipboardEventMocks';
 export { getAuthFromContextProvider } from './getAuthFromContextProvider';
 export { addGlobalEventEmitterListeners } from './globalEventEmitterListeners';
 export { fakeImage } from './utils/mockData';
+export { enableMediaUfoLogger } from './ufoLogger';
 export { enableMockGlobalImage, disableMockGlobalImage, } from './MockGlobalImage';
 export { exampleMediaFeatureFlags } from './example-mediaFeatureFlags';
 export { dataURItoBlob } from './mockData/utils';

package/dist/types/story-styles.d.ts

@@ -1,2 +1,2 @@
 /// <reference types="react" />
-export declare const Matrix: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, Pick<import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, "id" | "style" | "summary" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "lang" | "placeholder" | "slot" | "spellCheck" | "tabIndex" | "inputMode" | "is" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css" | "cellPadding" | "cellSpacing">, any>;
+export declare const Matrix: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, Pick<import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, "color" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "inputMode" | "is" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css" | "summary" | "cellPadding" | "cellSpacing">, any>;

package/dist/types/styled.d.ts

@@ -1,2 +1,2 @@
 /// <reference types="react" />
-export declare const LocaleSelectorWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "id" | "style" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "lang" | "placeholder" | "slot" | "spellCheck" | "tabIndex" | "inputMode" | "is" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css">, any>;
+export declare const LocaleSelectorWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "color" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "inputMode" | "is" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css">, any>;

package/dist/types/ufoLogger.d.ts

@@ -0,0 +1,5 @@
+import { CustomData } from '@atlaskit/ufo';
+export interface UfoPayloadPublisher {
+    setup: (properties: any) => void;
+}
+export declare const enableMediaUfoLogger: (ufoPayloadPublisher: UfoPayloadPublisher, properties?: CustomData) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/media-test-helpers",
-  "version": "29.2.0",
+  "version": "29.4.0",
   "description": "Collection of test helpers used in media component stories and specs",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -23,14 +23,14 @@
     "@atlaskit/checkbox": "^12.2.0",
     "@atlaskit/icon": "^21.10.0",
     "@atlaskit/locale": "^2.1.0",
-    "@atlaskit/media-client": "^14.4.0",
-    "@atlaskit/media-common": "^2.11.0",
-    "@atlaskit/media-core": "^32.2.0",
-    "@atlaskit/media-picker": "^59.1.0",
-    "@atlaskit/media-ui": "^20.0.0",
+    "@atlaskit/media-client": "^15.0.0",
+    "@atlaskit/media-common": "^2.12.0",
+    "@atlaskit/media-core": "^32.3.0",
+    "@atlaskit/media-ui": "^21.1.0",
     "@atlaskit/popup": "^1.3.0",
     "@atlaskit/textfield": "^5.0.1",
     "@atlaskit/tooltip": "^17.5.0",
+    "@atlaskit/ufo": "^0.1.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/styled": "^10.0.7",
     "@testing-library/react": "^8.0.1",
@@ -39,19 +39,17 @@
     "kakapo": "^4.0.6",
     "mock-socket": "^9.0.3",
     "react-intl-next": "npm:react-intl@^5.18.1",
-    "react-redux": "^5.1.2",
+    "rxjs": "^5.5.0",
     "uuid": "^3.1.0",
     "xhr-mock": "^2.4.0"
   },
   "peerDependencies": {
-    "react": "^16.8.0",
-    "rxjs": "^5.5.0"
+    "react": "^16.8.0"
   },
   "devDependencies": {
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
     "react-dom": "^16.8.0",
-    "rxjs": "^5.5.0",
-    "typescript": "3.9.6"
+    "typescript": "3.9.10"
   },
   "af:exports": {
     "./renderWithIntl": "./src/renderWithIntl.tsx",

package/dist/cjs/mediaPickerMocks.js

@@ -1,142 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getComponentClassWithStore = getComponentClassWithStore;
-exports.mockWsConnectionHolder = exports.mockStore = exports.mockState = exports.mockPopupUploadEventEmitter = exports.mockIsWebGLNotAvailable = exports.mockFetcher = exports.mockEventEmiter = void 0;
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _fakeMediaClient = require("./fakeMediaClient");
-
-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 = 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 mockState = {
-  redirectUrl: 'some-redirect-url',
-  view: {
-    isVisible: true,
-    items: [],
-    isLoading: false,
-    hasError: false,
-    path: [],
-    service: {
-      accountId: 'some-view-service-account-id',
-      name: 'google'
-    },
-    isUploading: false,
-    isCancelling: false
-  },
-  accounts: Promise.resolve([]),
-  recents: {
-    items: []
-  },
-  selectedItems: [],
-  lastUploadIndex: 0,
-  uploads: {},
-  remoteUploads: {},
-  isCancelling: false,
-  isUploading: false,
-  giphy: {
-    imageCardModels: [],
-    totalResultCount: 100
-  },
-  onCancelUpload: jest.fn(),
-  tenantMediaClient: (0, _fakeMediaClient.fakeMediaClient)(),
-  userMediaClient: (0, _fakeMediaClient.fakeMediaClient)(),
-  config: {}
-};
-exports.mockState = mockState;
-
-var mockStore = function mockStore(state) {
-  return {
-    dispatch: jest.fn().mockImplementation(function (action) {
-      return action;
-    }),
-    getState: jest.fn().mockReturnValue(_objectSpread(_objectSpread({}, mockState), state)),
-    subscribe: jest.fn(),
-    replaceReducer: jest.fn()
-  };
-};
-
-exports.mockStore = mockStore;
-
-var mockFetcher = function mockFetcher() {
-  return {
-    fetchCloudAccountFolder: jest.fn(),
-    pollFile: jest.fn(),
-    getPreview: jest.fn(),
-    getImage: jest.fn(),
-    getServiceList: jest.fn(),
-    getRecentFiles: jest.fn(),
-    unlinkCloudAccount: jest.fn(),
-    fetchCloudAccountFile: jest.fn(),
-    copyFile: jest.fn(),
-    fetchTrendingGifs: jest.fn(),
-    fetchGifsRelevantToSearch: jest.fn()
-  };
-};
-
-exports.mockFetcher = mockFetcher;
-
-var mockIsWebGLNotAvailable = function mockIsWebGLNotAvailable() {
-  jest.mock('@atlaskit/media-picker/src/popup/tools/webgl', function () {
-    return {
-      isWebGLAvailable: jest.fn(function () {
-        return false;
-      })
-    };
-  });
-};
-
-exports.mockIsWebGLNotAvailable = mockIsWebGLNotAvailable;
-
-var mockWsConnectionHolder = function mockWsConnectionHolder() {
-  return {
-    openConnection: jest.fn(),
-    send: jest.fn()
-  };
-};
-
-exports.mockWsConnectionHolder = mockWsConnectionHolder;
-
-var mockEventEmiter = function mockEventEmiter() {
-  return {
-    once: jest.fn(),
-    on: jest.fn(),
-    onAny: jest.fn(),
-    addListener: jest.fn(),
-    off: jest.fn(),
-    removeListener: jest.fn(),
-    removeAllListeners: jest.fn(),
-    emit: jest.fn()
-  };
-};
-
-exports.mockEventEmiter = mockEventEmiter;
-
-var mockPopupUploadEventEmitter = function mockPopupUploadEventEmitter() {
-  return {
-    emitPluginItemsInserted: jest.fn(),
-    emitClosed: jest.fn(),
-    emitUploadsStart: jest.fn(),
-    emitUploadPreviewUpdate: jest.fn(),
-    emitUploadEnd: jest.fn(),
-    emitUploadError: jest.fn()
-  };
-};
-
-exports.mockPopupUploadEventEmitter = mockPopupUploadEventEmitter;
-
-/**
- * Connected (react-redux) components allow to provide "store" as prop directly (without specifying
- * store Provider wrapper). But current type definition doesn't allow for that.
- * This function takes React Component class and return one identical, but with additional store prop)
- */
-function getComponentClassWithStore(componentClass) {
-  return componentClass;
-}

package/dist/es2019/mediaPickerMocks.js

@@ -1,101 +0,0 @@
-// AFP-2532 TODO: Fix automatic suppressions below
-// eslint-disable-next-line @atlassian/tangerine/import/entry-points
-// AFP-2532 TODO: Fix automatic suppressions below
-// eslint-disable-next-line @atlassian/tangerine/import/entry-points
-//TODO: Remove access to src directly. Can move these to media-picker or add special "internal" entrypoint
-import { fakeMediaClient } from './fakeMediaClient';
-export const mockState = {
-  redirectUrl: 'some-redirect-url',
-  view: {
-    isVisible: true,
-    items: [],
-    isLoading: false,
-    hasError: false,
-    path: [],
-    service: {
-      accountId: 'some-view-service-account-id',
-      name: 'google'
-    },
-    isUploading: false,
-    isCancelling: false
-  },
-  accounts: Promise.resolve([]),
-  recents: {
-    items: []
-  },
-  selectedItems: [],
-  lastUploadIndex: 0,
-  uploads: {},
-  remoteUploads: {},
-  isCancelling: false,
-  isUploading: false,
-  giphy: {
-    imageCardModels: [],
-    totalResultCount: 100
-  },
-  onCancelUpload: jest.fn(),
-  tenantMediaClient: fakeMediaClient(),
-  userMediaClient: fakeMediaClient(),
-  config: {}
-};
-export const mockStore = state => ({
-  dispatch: jest.fn().mockImplementation(action => action),
-  getState: jest.fn().mockReturnValue({ ...mockState,
-    ...state
-  }),
-  subscribe: jest.fn(),
-  replaceReducer: jest.fn()
-});
-export const mockFetcher = () => ({
-  fetchCloudAccountFolder: jest.fn(),
-  pollFile: jest.fn(),
-  getPreview: jest.fn(),
-  getImage: jest.fn(),
-  getServiceList: jest.fn(),
-  getRecentFiles: jest.fn(),
-  unlinkCloudAccount: jest.fn(),
-  fetchCloudAccountFile: jest.fn(),
-  copyFile: jest.fn(),
-  fetchTrendingGifs: jest.fn(),
-  fetchGifsRelevantToSearch: jest.fn()
-});
-export const mockIsWebGLNotAvailable = () => {
-  jest.mock('@atlaskit/media-picker/src/popup/tools/webgl', () => {
-    return {
-      isWebGLAvailable: jest.fn(() => {
-        return false;
-      })
-    };
-  });
-};
-export const mockWsConnectionHolder = () => ({
-  openConnection: jest.fn(),
-  send: jest.fn()
-});
-export const mockEventEmiter = () => ({
-  once: jest.fn(),
-  on: jest.fn(),
-  onAny: jest.fn(),
-  addListener: jest.fn(),
-  off: jest.fn(),
-  removeListener: jest.fn(),
-  removeAllListeners: jest.fn(),
-  emit: jest.fn()
-});
-export const mockPopupUploadEventEmitter = () => ({
-  emitPluginItemsInserted: jest.fn(),
-  emitClosed: jest.fn(),
-  emitUploadsStart: jest.fn(),
-  emitUploadPreviewUpdate: jest.fn(),
-  emitUploadEnd: jest.fn(),
-  emitUploadError: jest.fn()
-});
-
-/**
- * Connected (react-redux) components allow to provide "store" as prop directly (without specifying
- * store Provider wrapper). But current type definition doesn't allow for that.
- * This function takes React Component class and return one identical, but with additional store prop)
- */
-export function getComponentClassWithStore(componentClass) {
-  return componentClass;
-}

package/dist/esm/mediaPickerMocks.js

@@ -1,117 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
-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 = 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; }
-
-// AFP-2532 TODO: Fix automatic suppressions below
-// eslint-disable-next-line @atlassian/tangerine/import/entry-points
-// AFP-2532 TODO: Fix automatic suppressions below
-// eslint-disable-next-line @atlassian/tangerine/import/entry-points
-//TODO: Remove access to src directly. Can move these to media-picker or add special "internal" entrypoint
-import { fakeMediaClient } from './fakeMediaClient';
-export var mockState = {
-  redirectUrl: 'some-redirect-url',
-  view: {
-    isVisible: true,
-    items: [],
-    isLoading: false,
-    hasError: false,
-    path: [],
-    service: {
-      accountId: 'some-view-service-account-id',
-      name: 'google'
-    },
-    isUploading: false,
-    isCancelling: false
-  },
-  accounts: Promise.resolve([]),
-  recents: {
-    items: []
-  },
-  selectedItems: [],
-  lastUploadIndex: 0,
-  uploads: {},
-  remoteUploads: {},
-  isCancelling: false,
-  isUploading: false,
-  giphy: {
-    imageCardModels: [],
-    totalResultCount: 100
-  },
-  onCancelUpload: jest.fn(),
-  tenantMediaClient: fakeMediaClient(),
-  userMediaClient: fakeMediaClient(),
-  config: {}
-};
-export var mockStore = function mockStore(state) {
-  return {
-    dispatch: jest.fn().mockImplementation(function (action) {
-      return action;
-    }),
-    getState: jest.fn().mockReturnValue(_objectSpread(_objectSpread({}, mockState), state)),
-    subscribe: jest.fn(),
-    replaceReducer: jest.fn()
-  };
-};
-export var mockFetcher = function mockFetcher() {
-  return {
-    fetchCloudAccountFolder: jest.fn(),
-    pollFile: jest.fn(),
-    getPreview: jest.fn(),
-    getImage: jest.fn(),
-    getServiceList: jest.fn(),
-    getRecentFiles: jest.fn(),
-    unlinkCloudAccount: jest.fn(),
-    fetchCloudAccountFile: jest.fn(),
-    copyFile: jest.fn(),
-    fetchTrendingGifs: jest.fn(),
-    fetchGifsRelevantToSearch: jest.fn()
-  };
-};
-export var mockIsWebGLNotAvailable = function mockIsWebGLNotAvailable() {
-  jest.mock('@atlaskit/media-picker/src/popup/tools/webgl', function () {
-    return {
-      isWebGLAvailable: jest.fn(function () {
-        return false;
-      })
-    };
-  });
-};
-export var mockWsConnectionHolder = function mockWsConnectionHolder() {
-  return {
-    openConnection: jest.fn(),
-    send: jest.fn()
-  };
-};
-export var mockEventEmiter = function mockEventEmiter() {
-  return {
-    once: jest.fn(),
-    on: jest.fn(),
-    onAny: jest.fn(),
-    addListener: jest.fn(),
-    off: jest.fn(),
-    removeListener: jest.fn(),
-    removeAllListeners: jest.fn(),
-    emit: jest.fn()
-  };
-};
-export var mockPopupUploadEventEmitter = function mockPopupUploadEventEmitter() {
-  return {
-    emitPluginItemsInserted: jest.fn(),
-    emitClosed: jest.fn(),
-    emitUploadsStart: jest.fn(),
-    emitUploadPreviewUpdate: jest.fn(),
-    emitUploadEnd: jest.fn(),
-    emitUploadError: jest.fn()
-  };
-};
-
-/**
- * Connected (react-redux) components allow to provide "store" as prop directly (without specifying
- * store Provider wrapper). But current type definition doesn't allow for that.
- * This function takes React Component class and return one identical, but with additional store prop)
- */
-export function getComponentClassWithStore(componentClass) {
-  return componentClass;
-}

package/dist/types/mediaPickerMocks.d.ts

@@ -1,45 +0,0 @@
-/// <reference types="jest" />
-/// <reference types="react" />
-import { State } from '@atlaskit/media-picker/src/popup/domain';
-import { PopupUploadEventEmitter } from '@atlaskit/media-picker/src/components/types';
-import { Store } from 'react-redux';
-export declare const mockState: State;
-export declare const mockStore: (state?: Partial<State> | undefined) => jest.Mocked<Store<State>>;
-export declare const mockFetcher: () => {
-    fetchCloudAccountFolder: jest.Mock<any, any>;
-    pollFile: jest.Mock<any, any>;
-    getPreview: jest.Mock<any, any>;
-    getImage: jest.Mock<any, any>;
-    getServiceList: jest.Mock<any, any>;
-    getRecentFiles: jest.Mock<any, any>;
-    unlinkCloudAccount: jest.Mock<any, any>;
-    fetchCloudAccountFile: jest.Mock<any, any>;
-    copyFile: jest.Mock<any, any>;
-    fetchTrendingGifs: jest.Mock<any, any>;
-    fetchGifsRelevantToSearch: jest.Mock<any, any>;
-};
-export declare const mockIsWebGLNotAvailable: () => void;
-export declare const mockWsConnectionHolder: () => {
-    openConnection: jest.Mock<any, any>;
-    send: jest.Mock<any, any>;
-};
-export declare const mockEventEmiter: () => {
-    once: jest.Mock<any, any>;
-    on: jest.Mock<any, any>;
-    onAny: jest.Mock<any, any>;
-    addListener: jest.Mock<any, any>;
-    off: jest.Mock<any, any>;
-    removeListener: jest.Mock<any, any>;
-    removeAllListeners: jest.Mock<any, any>;
-    emit: jest.Mock<any, any>;
-};
-export declare const mockPopupUploadEventEmitter: () => jest.Mocked<PopupUploadEventEmitter>;
-export interface PropsWithStore {
-    store?: Store<any>;
-}
-/**
- * Connected (react-redux) components allow to provide "store" as prop directly (without specifying
- * store Provider wrapper). But current type definition doesn't allow for that.
- * This function takes React Component class and return one identical, but with additional store prop)
- */
-export declare function getComponentClassWithStore<P>(componentClass: React.ComponentClass<P>): React.ComponentClass<P & PropsWithStore>;