@atlaskit/media-test-helpers 29.0.1 → 29.2.1

package/CHANGELOG.md

@@ -1,5 +1,39 @@
 # @atlaskit/media-test-helpers
 
+## 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
+
+- [`8bf4fdb8ed4`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8bf4fdb8ed4) - add renderWithIntl helper
+- [`8742dbe70bd`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8742dbe70bd) - MEX-1102 Removed lodash dependencies from media component and converted all to local functions (lightweight helpers)
+- [`94539e589cc`](https://bitbucket.org/atlassian/atlassian-frontend/commits/94539e589cc) - MEX-1105 Migrated @atlaskit/button to @atlaskit/button/standard-button
+
+### Patch Changes
+
+- Updated dependencies
+
+## 29.1.0
+
+### Minor Changes
+
+- [`3ad0bbf0f93`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3ad0bbf0f93) - Log media ssr getImageURLSync error in global variable ssr data.
+- [`2f682970bfe`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2f682970bfe) - Filestates Factory accepts options for MediaClientMock constructor
+- [`da72247beeb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/da72247beeb) - remove styled-components from media-ui
+- [`22a39ca6f66`](https://bitbucket.org/atlassian/atlassian-frontend/commits/22a39ca6f66) - expose @atlaskit/media-test-helpers/smart-card-state
+- [`4735277e315`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4735277e315) - Extended FileState factory to update File Id internally
+- [`5571b079998`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5571b079998) - Added A File State simulator helper
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 29.0.1
 
 ### Patch Changes

package/dist/cjs/MockGlobalImage.js

@@ -8,6 +8,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.disableMockGlobalImage = disableMockGlobalImage;
 exports.enableMockGlobalImage = enableMockGlobalImage;
 
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
@@ -39,7 +41,7 @@ var MockImage = /*#__PURE__*/function (_global$Image) {
     return _this;
   }
 
-  return MockImage;
+  return (0, _createClass2.default)(MockImage);
 }(global.Image);
 
 function enableMockGlobalImage() {

package/dist/cjs/clipboardEventMocks.js

@@ -171,7 +171,7 @@ var getMockClipboardEvent = function getMockClipboardEvent() {
       return _this;
     }
 
-    return MockClipboardEvent;
+    return (0, _createClass2.default)(MockClipboardEvent);
   }( /*#__PURE__*/(0, _wrapNativeSuper2.default)(Event));
 };
 

package/dist/cjs/example-mediaFeatureFlags.js

@@ -11,9 +11,9 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 
 var _mediaCommon = require("@atlaskit/media-common");
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+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 exampleMediaFeatureFlags = _objectSpread({}, _mediaCommon.defaultMediaFeatureFlags);
 

package/dist/cjs/featureFlagsWrapper/dropdown.js

@@ -27,17 +27,17 @@ var _selectClear = _interopRequireDefault(require("@atlaskit/icon/glyph/select-c
 
 var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/glyph/hipchat/chevron-down"));
 
-var _button = _interopRequireDefault(require("@atlaskit/button"));
+var _standardButton = _interopRequireDefault(require("@atlaskit/button/standard-button"));
 
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 
-var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _styled = _interopRequireDefault(require("@emotion/styled"));
 
 var _popup = _interopRequireDefault(require("@atlaskit/popup"));
 
 var _checkbox = require("@atlaskit/checkbox");
 
-var _debounce = _interopRequireDefault(require("lodash/debounce"));
+var _mediaCommon = require("@atlaskit/media-common");
 
 var _templateObject;
 
@@ -50,7 +50,7 @@ var camelCaseToSentenceCase = function camelCaseToSentenceCase(text) {
   return result.charAt(0).toUpperCase() + result.slice(1);
 };
 
-var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-direction: row;\n  margin: 20px auto;\n"])));
+var Container = _styled.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-direction: row;\n  margin: 20px auto;\n"])));
 
 var ItemWrapper = function ItemWrapper(_ref) {
   var children = _ref.children;
@@ -83,7 +83,7 @@ var TextFieldItem = function TextFieldItem(_ref3) {
       value = _ref3.value,
       isNumber = _ref3.isNumber,
       onChange = _ref3.onChange;
-  var fieldChanged = (0, _debounce.default)(function (newValue) {
+  var fieldChanged = (0, _mediaCommon.debounce)(function (newValue) {
     var formattedValue = isNumber ? isNaN(Number(newValue)) ? 0 : Number(newValue) : newValue;
     (0, _helpers.setLocalFeatureFlag)(name, formattedValue);
     onChange();
@@ -162,7 +162,7 @@ var MediaFeatureFlagsDropdown = function MediaFeatureFlagsDropdown(_ref7) {
       });
     },
     trigger: function trigger(triggerProps) {
-      return /*#__PURE__*/_react.default.createElement(_button.default, (0, _extends2.default)({}, triggerProps, {
+      return /*#__PURE__*/_react.default.createElement(_standardButton.default, (0, _extends2.default)({}, triggerProps, {
         isSelected: isOpen,
         onClick: function onClick() {
           return setIsOpen(!isOpen);
@@ -175,7 +175,7 @@ var MediaFeatureFlagsDropdown = function MediaFeatureFlagsDropdown(_ref7) {
     }
   }), /*#__PURE__*/_react.default.createElement(_tooltip.default, {
     content: "Reset all flags"
-  }, /*#__PURE__*/_react.default.createElement(_button.default, {
+  }, /*#__PURE__*/_react.default.createElement(_standardButton.default, {
     style: {
       marginLeft: 10
     },

package/dist/cjs/featureFlagsWrapper/helpers.js

@@ -11,9 +11,9 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 
 var _mediaCommon = require("@atlaskit/media-common");
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+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 mediaFeatureFlagsKeys = Object.keys(_mediaCommon.defaultMediaFeatureFlags);
 

package/dist/cjs/fileReader.js

@@ -15,6 +15,8 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
 
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
@@ -23,7 +25,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; } }
 
-var MockFileReader = function MockFileReader() {
+var MockFileReader = /*#__PURE__*/(0, _createClass2.default)(function MockFileReader() {
   var _this = this;
 
   var result = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'mockResult';
@@ -44,8 +46,7 @@ var MockFileReader = function MockFileReader() {
     _this.loadEvent();
   }));
   this.result = result;
-};
-
+});
 var mockFileReaderError = {
   message: 'error'
 };
@@ -72,7 +73,7 @@ var MockFileReaderWithError = /*#__PURE__*/function (_MockFileReader) {
     return _this2;
   }
 
-  return MockFileReaderWithError;
+  return (0, _createClass2.default)(MockFileReaderWithError);
 }(MockFileReader);
 
 var GlobalFileReader = global.FileReader;

package/dist/cjs/fileStateFactory/createFileState.js

@@ -0,0 +1,93 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createFileState = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _ = require("../");
+
+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 localPreview = {
+  value: _.tallImage
+};
+var brokenLocalPreview = {
+  value: 'broken-data-uri'
+};
+var remotePreview = {
+  image: {}
+};
+
+var createFileState = function createFileState(id, status) {
+  var _ref = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {},
+      withRemotePreview = _ref.withRemotePreview,
+      withLocalPreview = _ref.withLocalPreview,
+      withBrokenLocalPreview = _ref.withBrokenLocalPreview,
+      uploadProgress = _ref.uploadProgress,
+      fileDetails = _ref.fileDetails;
+
+  var extendState = {};
+
+  if (uploadProgress) {
+    extendState.progress = uploadProgress;
+  } // REMOTE PREVIEW
+
+
+  if (withRemotePreview) {
+    extendState.representations = remotePreview;
+  } else if (withRemotePreview === false) {
+    extendState.representations = {};
+  } // LOCAL PREVIEW
+
+
+  if (withLocalPreview) {
+    extendState.preview = localPreview;
+  } else if (withBrokenLocalPreview) {
+    extendState.preview = brokenLocalPreview;
+  }
+
+  var base = _objectSpread(_objectSpread(_objectSpread({}, fileDetails), extendState), {}, {
+    id: id
+  });
+
+  switch (status) {
+    case 'uploading':
+      return _objectSpread({
+        status: 'uploading',
+        progress: 0
+      }, base);
+
+    case 'processing':
+      return _objectSpread({
+        status: 'processing'
+      }, base);
+
+    case 'processed':
+      return _objectSpread({
+        status: 'processed',
+        representations: remotePreview,
+        artifacts: {}
+      }, base);
+
+    case 'failed-processing':
+      return _objectSpread({
+        status: 'failed-processing'
+      }, base);
+
+    case 'error':
+    default:
+      return {
+        id: id,
+        status: 'error'
+      };
+  }
+};
+
+exports.createFileState = createFileState;

package/dist/cjs/fileStateFactory/factory.js

@@ -0,0 +1,174 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MediaClientMock = exports.FileStateFactory = void 0;
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _ = require("..");
+
+var _mediaClient = require("@atlaskit/media-client");
+
+var _createFileState = require("./createFileState");
+
+var _helpers = require("./helpers");
+
+var _nextTick = require("../nextTick");
+
+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; }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
+
+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; } }
+
+var MediaClientMock = /*#__PURE__*/function (_MediaClient) {
+  (0, _inherits2.default)(MediaClientMock, _MediaClient);
+
+  var _super = _createSuper(MediaClientMock);
+
+  function MediaClientMock(observable, mediaClientConfig, featureFlags) {
+    var _this;
+
+    var options = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
+    (0, _classCallCheck2.default)(this, MediaClientMock);
+    _this = _super.call(this, mediaClientConfig, featureFlags);
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "updateObserbable", function (newObservable) {
+      _this.observable = newObservable;
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getImage", /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
+      var _this$options$getImag, getImageDelay;
+
+      return _regenerator.default.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              _this$options$getImag = _this.options.getImageDelay, getImageDelay = _this$options$getImag === void 0 ? 0 : _this$options$getImag;
+              _context.next = 3;
+              return (0, _nextTick.sleep)(getImageDelay);
+
+            case 3:
+              return _context.abrupt("return", (0, _.dataURItoBlob)(_.tallImage));
+
+            case 4:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    })));
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "mockFileFetcher", function () {
+      _this.file.getFileState = function () {
+        return _this.observable;
+      };
+    });
+    _this.observable = observable;
+    _this.options = options;
+
+    _this.mockFileFetcher();
+
+    return _this;
+  }
+
+  return (0, _createClass2.default)(MediaClientMock);
+}(_mediaClient.MediaClient);
+
+exports.MediaClientMock = MediaClientMock;
+var mockConfig = {
+  authProvider: function () {
+    var _authProvider = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2() {
+      return _regenerator.default.wrap(function _callee2$(_context2) {
+        while (1) {
+          switch (_context2.prev = _context2.next) {
+            case 0:
+              return _context2.abrupt("return", {
+                clientId: 'some-client',
+                token: 'some-token',
+                baseUrl: 'some-url'
+              });
+
+            case 1:
+            case "end":
+              return _context2.stop();
+          }
+        }
+      }, _callee2);
+    }));
+
+    function authProvider() {
+      return _authProvider.apply(this, arguments);
+    }
+
+    return authProvider;
+  }()
+};
+
+/**
+ * A fake Media Client that provides a backdoor to inject
+ * simulated file states. With this class, we can test several scenarios
+ * without having to recreate them all in the backend.
+ */
+var FileStateFactory = /*#__PURE__*/(0, _createClass2.default)(function FileStateFactory(identifier) {
+  var _this2 = this;
+
+  var _ref2 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
+      _fileDetails = _ref2.fileDetails,
+      _ref2$mediaClientConf = _ref2.mediaClientConfig,
+      mediaClientConfig = _ref2$mediaClientConf === void 0 ? mockConfig : _ref2$mediaClientConf,
+      featureFlags = _ref2.featureFlags,
+      mediaClientMockOptions = _ref2.mediaClientMockOptions;
+
+  (0, _classCallCheck2.default)(this, FileStateFactory);
+  (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.mediaClient.updateObserbable(_this2.observable);
+  });
+  (0, _defineProperty2.default)(this, "subscription", {
+    next: function next(fileState) {
+      _this2.observable.next(fileState);
+    },
+    error: function error(_error) {
+      _this2.observable.error(_error);
+    }
+  });
+  (0, _defineProperty2.default)(this, "createFileState", function (status, options) {
+    return (0, _createFileState.createFileState)(_this2.identifier.id, status, _objectSpread(_objectSpread({}, options), {}, {
+      fileDetails: (options === null || options === void 0 ? void 0 : options.fileDetails) || _this2.fileDetails
+    }));
+  });
+  (0, _defineProperty2.default)(this, "next", function (status, options) {
+    _this2.subscription.next(_this2.createFileState(status, options));
+  });
+  (0, _defineProperty2.default)(this, "error", function (error) {
+    _this2.subscription.error(error);
+  });
+  this.identifier = identifier;
+  this.fileDetails = _fileDetails || (0, _helpers.createFileDetails)(this.identifier.id);
+  this.observable = (0, _mediaClient.createFileStateSubject)();
+  this.mediaClient = new MediaClientMock(this.observable, mediaClientConfig, featureFlags, mediaClientMockOptions);
+});
+exports.FileStateFactory = FileStateFactory;

package/dist/cjs/fileStateFactory/helpers.js

@@ -0,0 +1,110 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultFileDetails = exports.createIdentifier = exports.createFileDetails = void 0;
+
+var _uuid = require("uuid");
+
+var defaultFileDetails = {
+  createdAt: 1630986510989,
+  mediaType: 'image',
+  mimeType: 'image/png',
+  name: 'file-name.png',
+  size: 1
+}; // min inclusive / max exclusive
+
+exports.defaultFileDetails = defaultFileDetails;
+
+function random() {
+  var min = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+  var max = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 10000;
+  min = Math.ceil(min);
+  max = Math.floor(max) - 1;
+  var result = Math.floor(Math.random() * (max - min + 1)) + min;
+  return result;
+}
+
+var getRandomElem = function getRandomElem(arr) {
+  return arr[Math.floor(Math.random() * arr.length)];
+};
+
+var createIdentifier = function createIdentifier() {
+  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+      _ref$collectionName = _ref.collectionName,
+      collectionName = _ref$collectionName === void 0 ? "collection-".concat(random()) : _ref$collectionName,
+      _ref$occurrenceKey = _ref.occurrenceKey,
+      occurrenceKey = _ref$occurrenceKey === void 0 ? "occurrence-".concat(random()) : _ref$occurrenceKey;
+
+  return {
+    mediaItemType: 'file',
+    id: (0, _uuid.v4)(),
+    collectionName: collectionName,
+    occurrenceKey: occurrenceKey
+  };
+};
+
+exports.createIdentifier = createIdentifier;
+
+var generateFileName = function generateFileName(extension) {
+  var 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 "".concat(getRandomElem(fileNames), ".").concat(extension);
+};
+
+var mediaTypesDetails = {
+  image: {
+    ext: 'png',
+    mimeType: 'image/png'
+  },
+  video: {
+    ext: 'mp4',
+    mimeType: 'video/mp4'
+  },
+  doc: {
+    ext: 'pdf',
+    mimeType: 'application/pdf'
+  },
+  unknown: {
+    ext: 'unknown',
+    mimeType: 'unknown'
+  },
+  audio: {
+    ext: 'mp3',
+    mimeType: 'audio/mpeg'
+  },
+  archive: {
+    ext: 'zip',
+    mimeType: 'application/zip'
+  }
+};
+var mediaTypes = Object.keys(mediaTypesDetails);
+
+var generateMediaTypeDetails = function generateMediaTypeDetails(mediaType) {
+  var _mediaTypesDetails$me = mediaTypesDetails[mediaType],
+      mimeType = _mediaTypesDetails$me.mimeType,
+      ext = _mediaTypesDetails$me.ext;
+  return {
+    mimeType: mimeType,
+    name: generateFileName(ext)
+  };
+};
+
+var createFileDetails = function createFileDetails(id) {
+  var mediaType = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : getRandomElem(mediaTypes);
+
+  var _generateMediaTypeDet = generateMediaTypeDetails(mediaType),
+      mimeType = _generateMediaTypeDet.mimeType,
+      name = _generateMediaTypeDet.name;
+
+  return {
+    id: id,
+    createdAt: random(),
+    size: random(),
+    name: name,
+    mediaType: mediaType,
+    mimeType: mimeType
+  };
+};
+
+exports.createFileDetails = createFileDetails;

package/dist/cjs/fileStateFactory/index.js

@@ -0,0 +1,41 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "FileStateFactory", {
+  enumerable: true,
+  get: function get() {
+    return _factory.FileStateFactory;
+  }
+});
+Object.defineProperty(exports, "MediaClientMock", {
+  enumerable: true,
+  get: function get() {
+    return _factory.MediaClientMock;
+  }
+});
+Object.defineProperty(exports, "createFileDetails", {
+  enumerable: true,
+  get: function get() {
+    return _helpers.createFileDetails;
+  }
+});
+Object.defineProperty(exports, "createFileState", {
+  enumerable: true,
+  get: function get() {
+    return _createFileState.createFileState;
+  }
+});
+Object.defineProperty(exports, "createIdentifier", {
+  enumerable: true,
+  get: function get() {
+    return _helpers.createIdentifier;
+  }
+});
+
+var _factory = require("./factory");
+
+var _helpers = require("./helpers");
+
+var _createFileState = require("./createFileState");

package/dist/cjs/index.js

@@ -17,6 +17,12 @@ Object.defineProperty(exports, "FeatureFlagsWrapper", {
     return _featureFlagsWrapper.default;
   }
 });
+Object.defineProperty(exports, "FileStateFactory", {
+  enumerable: true,
+  get: function get() {
+    return _fileStateFactory.FileStateFactory;
+  }
+});
 Object.defineProperty(exports, "I18NWrapper", {
   enumerable: true,
   get: function get() {
@@ -35,6 +41,12 @@ Object.defineProperty(exports, "Matrix", {
     return _storyStyles.Matrix;
   }
 });
+Object.defineProperty(exports, "MediaClientMock", {
+  enumerable: true,
+  get: function get() {
+    return _fileStateFactory.MediaClientMock;
+  }
+});
 Object.defineProperty(exports, "MediaMock", {
   enumerable: true,
   get: function get() {
@@ -167,6 +179,30 @@ Object.defineProperty(exports, "collectionNames", {
     return _collectionNames.collectionNames;
   }
 });
+Object.defineProperty(exports, "createFileDetails", {
+  enumerable: true,
+  get: function get() {
+    return _fileStateFactory.createFileDetails;
+  }
+});
+Object.defineProperty(exports, "createFileState", {
+  enumerable: true,
+  get: function get() {
+    return _fileStateFactory.createFileState;
+  }
+});
+Object.defineProperty(exports, "createIdentifier", {
+  enumerable: true,
+  get: function get() {
+    return _fileStateFactory.createIdentifier;
+  }
+});
+Object.defineProperty(exports, "createMediaStoreError", {
+  enumerable: true,
+  get: function get() {
+    return _mediaClientErrors.createMediaStoreError;
+  }
+});
 Object.defineProperty(exports, "createMouseEvent", {
   enumerable: true,
   get: function get() {
@@ -888,4 +924,6 @@ var _index = require("./utils/index");
 
 var _mediaClientErrors = require("./mediaClientErrors");
 
-var _featureFlagsWrapper = _interopRequireDefault(require("./featureFlagsWrapper"));
+var _featureFlagsWrapper = _interopRequireDefault(require("./featureFlagsWrapper"));
+
+var _fileStateFactory = require("./fileStateFactory");