@atlaskit/media-test-helpers 30.1.1 → 30.1.2

package/dist/esm/mocks/websockets/remote-upload-server.js

@@ -2,7 +2,7 @@ import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["type"],
-    _excluded2 = ["type"];
+  _excluded2 = ["type"];
 import { Server } from 'mock-socket';
 import { Observable } from 'rxjs/Observable';
 import { from } from 'rxjs/observable/from';
@@ -25,7 +25,6 @@ import { getFakeFileSize } from '../../utils/mockData';
 var DELAY_MESSAGS_MS = 200;
 var DELAY_MESSAGES_SLOW_MS = 1000;
 var DELAY_MESSAGES_VARIATION = 500;
-
 /**
  * Returns an Observable emitting messages coming from a mocked websocket server.
  * Only listens to the latest connection and maps all non-empty messages to JSON.
@@ -43,10 +42,12 @@ function getUpstreamMessages(wsServer) {
       return socket.on('message', function (data) {
         return observer.next(data);
       });
-    }).pipe( // ignore empty messages
+    }).pipe(
+    // ignore empty messages
     filter(function (data) {
       return typeof data === 'string' && data.length > 0;
-    }), // parse messages as JSON
+    }),
+    // parse messages as JSON
     map(function (data) {
       return {
         socket: socket,
@@ -55,9 +56,9 @@ function getUpstreamMessages(wsServer) {
     }));
   }));
 }
-
 function createUserFile(database, fileId, name, collection) {
-  database.push('collectionItem', // backend initially creates cloud files
+  database.push('collectionItem',
+  // backend initially creates cloud files
   // having mediaType=unknown and mimeType=binary/octet-stream
   createCollectionItem({
     name: name,
@@ -69,12 +70,11 @@ function createUserFile(database, fileId, name, collection) {
     processingStatus: 'pending'
   }));
 }
-
 function sendDownstreamMessage(wsUrl, socket, database, message) {
   var type = message.type,
-      payload = _objectWithoutProperties(message, _excluded); // logs every message in console
-
+    payload = _objectWithoutProperties(message, _excluded);
 
+  // logs every message in console
   logWsMessage({
     url: wsUrl,
     dir: WsDirection.Downstream,
@@ -84,6 +84,7 @@ function sendDownstreamMessage(wsUrl, socket, database, message) {
   });
   socket.send(JSON.stringify(message));
 }
+
 /**
  * Given an Observable of websocket upstream messages, generates the corresponding downstream messages as follow:
  * 1. NotifyMetadata
@@ -97,8 +98,6 @@ function sendDownstreamMessage(wsUrl, socket, database, message) {
  * @param database Kakapo database
  * @param isSlowServer boolean to set to true to simulate a slower websocket server
  */
-
-
 function generateDownstreamMessages(wsUrl, database, isSlowServer) {
   var delayMessages = isSlowServer ? DELAY_MESSAGES_SLOW_MS : DELAY_MESSAGS_MS;
   return function (messages) {
@@ -107,14 +106,15 @@ function generateDownstreamMessages(wsUrl, database, isSlowServer) {
       return type === 'fetchFile';
     }), mergeMap(function (_ref2) {
       var socket = _ref2.socket,
-          message = _ref2.message;
+        message = _ref2.message;
       var _message$params = message.params,
-          fileName = _message$params.fileName,
-          collection = _message$params.collection,
-          tenantFileId = _message$params.jobId;
+        fileName = _message$params.fileName,
+        collection = _message$params.collection,
+        tenantFileId = _message$params.jobId;
       var userFileId = uuid();
-      var fileSize = getFakeFileSize(); // create user file in database
+      var fileSize = getFakeFileSize();
 
+      // create user file in database
       createUserFile(database, userFileId, fileName, collection);
       return from([notifyMetadataPayload(tenantFileId, fileSize), remoteUploadStartPayload(tenantFileId), remoteUploadProgressPayload(tenantFileId, fileSize), remoteUploadEndPayload(tenantFileId, userFileId)]).pipe(concatMap(function (message) {
         return of(message).pipe(tap(function (message) {
@@ -124,20 +124,17 @@ function generateDownstreamMessages(wsUrl, database, isSlowServer) {
     }));
   };
 }
-
 export var RemoteUploadActivityServer = /*#__PURE__*/function () {
   function RemoteUploadActivityServer(params) {
     _classCallCheck(this, RemoteUploadActivityServer);
-
     var database = params.database,
-        isSlowServer = params.isSlowServer;
+      isSlowServer = params.isSlowServer;
     var wsUrl = getWsUrl(defaultBaseUrl, '/picker/ws/');
     this.wsServer = new Server(wsUrl);
     this.msgSubscription = getUpstreamMessages(this.wsServer).pipe(tap(function (_ref3) {
       var _ref3$message = _ref3.message,
-          type = _ref3$message.type,
-          payload = _objectWithoutProperties(_ref3$message, _excluded2);
-
+        type = _ref3$message.type,
+        payload = _objectWithoutProperties(_ref3$message, _excluded2);
       return logWsMessage({
         url: wsUrl,
         dir: WsDirection.Upstream,
@@ -147,7 +144,6 @@ export var RemoteUploadActivityServer = /*#__PURE__*/function () {
       });
     }), generateDownstreamMessages(wsUrl, database, isSlowServer)).subscribe();
   }
-
   _createClass(RemoteUploadActivityServer, [{
     key: "start",
     value: function start() {
@@ -160,6 +156,5 @@ export var RemoteUploadActivityServer = /*#__PURE__*/function () {
       this.wsServer.stop();
     }
   }]);
-
   return RemoteUploadActivityServer;
 }();

package/dist/esm/mountWithIntlContext.js

@@ -1,22 +1,19 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["context", "childContextTypes"],
-    _excluded2 = ["context"];
-
+  _excluded2 = ["context"];
 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; }
-
 import React from 'react';
 import { RawIntlProvider, createIntl, IntlProvider } from 'react-intl-next';
 import { mount, shallow } from 'enzyme';
 var mockIntl = createIntl({
   locale: 'en'
 });
+
 /**
  * When using React-Intl `injectIntl` on components, props.intl is required.
  */
-
 function nodeWithIntlProp(node) {
   var intl = !!node.props.intl ? node.props.intl : mockIntl;
   return /*#__PURE__*/React.createElement(RawIntlProvider, {
@@ -25,22 +22,19 @@ function nodeWithIntlProp(node) {
     intl: intl
   }));
 }
+
 /* TODO: We are explicitly using the third arg of ReactWrapper to work around the following TS issue which prevents a d.ts from being generated
  * and therefore fails the build:
  * error TS2742: The inferred type of 'mountWithIntlContext' cannot be named without a reference to 'react-transition-group/node_modules/@types/react'. This is likely not portable. A type annotation is necessary.
  * TS is resolving enzyme's usage of react to react-transition-group???
  */
-
-
 export var mountWithIntlContext = function mountWithIntlContext(node) {
   var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-
   var _ref$context = _ref.context,
-      context = _ref$context === void 0 ? {} : _ref$context,
-      _ref$childContextType = _ref.childContextTypes,
-      childContextTypes = _ref$childContextType === void 0 ? {} : _ref$childContextType,
-      additionalOptions = _objectWithoutProperties(_ref, _excluded);
-
+    context = _ref$context === void 0 ? {} : _ref$context,
+    _ref$childContextType = _ref.childContextTypes,
+    childContextTypes = _ref$childContextType === void 0 ? {} : _ref$childContextType,
+    additionalOptions = _objectWithoutProperties(_ref, _excluded);
   var intl = !!node.props.intl ? node.props.intl : mockIntl;
   return mount(nodeWithIntlProp(node), _objectSpread({
     context: _objectSpread({
@@ -50,11 +44,9 @@ export var mountWithIntlContext = function mountWithIntlContext(node) {
 };
 export var shallowWithIntlContext = function shallowWithIntlContext(node) {
   var _ref2 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-
   var _ref2$context = _ref2.context,
-      context = _ref2$context === void 0 ? {} : _ref2$context,
-      additionalOptions = _objectWithoutProperties(_ref2, _excluded2);
-
+    context = _ref2$context === void 0 ? {} : _ref2$context,
+    additionalOptions = _objectWithoutProperties(_ref2, _excluded2);
   var intl = !!node.props.intl ? node.props.intl : mockIntl;
   return shallow(nodeWithIntlProp(node), _objectSpread({
     context: _objectSpread({

package/dist/esm/story-list.js

@@ -3,11 +3,8 @@ import _createClass from "@babel/runtime/helpers/createClass";
 import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(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; } }
-
 // Simple component which wraps stories and creates a styled list out of it
 import React from 'react';
 import { Component } from 'react';
@@ -61,23 +58,19 @@ var styles = {
 };
 export var StoryList = /*#__PURE__*/function (_Component) {
   _inherits(StoryList, _Component);
-
   var _super = _createSuper(StoryList);
-
   function StoryList() {
     _classCallCheck(this, StoryList);
-
     return _super.apply(this, arguments);
   }
-
   _createClass(StoryList, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          _this$props$display = _this$props.display,
-          display = _this$props$display === void 0 ? 'row' : _this$props$display,
-          _this$props$children = _this$props.children,
-          children = _this$props$children === void 0 ? [] : _this$props$children;
+        _this$props$display = _this$props.display,
+        display = _this$props$display === void 0 ? 'row' : _this$props$display,
+        _this$props$children = _this$props.children,
+        children = _this$props$children === void 0 ? [] : _this$props$children;
       var listStyles = display === 'column' ? styles.column : styles.row;
       var listContent = children.map(function (child, index) {
         return /*#__PURE__*/React.createElement("li", {
@@ -92,6 +85,5 @@ export var StoryList = /*#__PURE__*/function (_Component) {
       }, listContent);
     }
   }]);
-
   return StoryList;
 }(Component);

package/dist/esm/story-styles.js

@@ -1,6 +1,4 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
 var _templateObject;
-
 import styled from '@emotion/styled';
 export var Matrix = styled.table(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  thead {\n    td {\n      text-align: center;\n      font-weight: bold;\n      font-size: 20px;\n    }\n  }\n\n  tbody {\n    td {\n      padding: 25px 10px;\n    }\n  }\n\n  td {\n    margin: auto;\n    text-align: center;\n    vertical-align: middle;\n\n    &:first-child {\n      font-weight: bold;\n      font-size: 20px;\n    }\n\n    > div {\n      display: flex;\n      justify-content: center;\n      text-align: left;\n    }\n  }\n"])));

package/dist/esm/styled.js

@@ -1,6 +1,4 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
 var _templateObject;
-
 import styled from '@emotion/styled';
 export var LocaleSelectorWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: fixed;\n  right: 20px;\n  top: 20px;\n  width: 200px;\n  border: 1px solid ", ";\n  padding: 10px;\n  border-radius: 3px;\n  background-color: ", ";\n\n  h2 {\n    margin-bottom: 10px;\n  }\n"])), "var(--ds-border, #ccc)", "var(--ds-surface, white)");

package/dist/esm/ufoLogger.js

@@ -1,15 +1,11 @@
 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',

package/dist/esm/utils/index.js

@@ -5,20 +5,17 @@ export function mapDataUriToBlob(dataUri) {
   var bstr = atob(arr[1]);
   var n = bstr.length;
   var u8arr = new Uint8Array(n);
-
   while (n--) {
     u8arr[n] = bstr.charCodeAt(n);
   }
-
   return new Blob([u8arr], {
     type: mime
   });
 }
 export function getWsUrl(baseUrl, path) {
   var _url$parse = url.parse(baseUrl),
-      protocol = _url$parse.protocol,
-      host = _url$parse.host;
-
+    protocol = _url$parse.protocol,
+    host = _url$parse.host;
   var wsProtocol = protocol === 'http:' ? 'ws:' : 'wss:';
   return "".concat(wsProtocol, "//").concat(host).concat(path);
 }

package/dist/esm/utils/logging.js

@@ -1,18 +1,17 @@
 export var WsDirection;
-
 (function (WsDirection) {
   WsDirection["Upstream"] = "UP";
   WsDirection["Downstream"] = "DOWN";
 })(WsDirection || (WsDirection = {}));
-
 export function logRequest(params) {
   var path = params.path,
-      method = params.method,
-      request = params.request,
-      response = params.response,
-      error = params.error,
-      database = params.database; // eslint-disable-next-line no-console
+    method = params.method,
+    request = params.request,
+    response = params.response,
+    error = params.error,
+    database = params.database;
 
+  // eslint-disable-next-line no-console
   console.log('MOCK', path, {
     method: method,
     request: request,
@@ -23,11 +22,12 @@ export function logRequest(params) {
 }
 export function logWsMessage(params) {
   var url = params.url,
-      dir = params.dir,
-      type = params.type,
-      payload = params.payload,
-      database = params.database; // eslint-disable-next-line no-console
+    dir = params.dir,
+    type = params.type,
+    payload = params.payload,
+    database = params.database;
 
+  // eslint-disable-next-line no-console
   console.log("MOCK WS:".concat(dir), url, {
     type: type,
     payload: payload,

package/dist/esm/utils/mockData.js

@@ -15,9 +15,10 @@ export var getFakeFileName = function getFakeFileName() {
 export var getFakeFileSize = function getFakeFileSize() {
   var maxSize = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1e7;
   return Math.round(Math.random() * maxSize);
-}; // This fake image was generated using faker. It never changes so we are just
-// using the output exact call Faker.image.dataUri(320, 240)
+};
 
+// This fake image was generated using faker. It never changes so we are just
+// using the output exact call Faker.image.dataUri(320, 240)
 export var fakeImage = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgYmFzZVByb2ZpbGU9ImZ1bGwiIHdpZHRoPSIzMjAiIGhlaWdodD0iMjQwIj4gPHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0iZ3JleSIvPiAgPHRleHQgeD0iMCIgeT0iMjAiIGZvbnQtc2l6ZT0iMjAiIHRleHQtYW5jaG9yPSJzdGFydCIgZmlsbD0id2hpdGUiPjMyMHgyNDA8L3RleHQ+IDwvc3ZnPg==';
 export var getDateWithOffset = function getDateWithOffset(offset) {
   var time = new Date();
@@ -31,8 +32,9 @@ export var getPastDate = function getPastDate() {
 export var getFutureDate = function getFutureDate() {
   var offset = 100000 + Math.round(Math.random() * 10000);
   return getDateWithOffset(offset);
-}; // This function is taken directly from Faker
+};
 
+// This function is taken directly from Faker
 export var mockDataUri = function mockDataUri(width, height) {
   var rawPrefix = 'data:image/svg+xml;base64,';
   var svgString = "<svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" baseProfile=\"full\" width=\"".concat(width, "\" height=\"").concat(height, "\"> <rect width=\"100%\" height=\"100%\" fill=\"grey\"/>  <text x=\"0\" y=\"20\" font-size=\"20\" text-anchor=\"start\" fill=\"white\">").concat(width, "x").concat(height, "</text> </svg>");

package/dist/esm/version.json

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

package/dist/esm/waitUntil.js

@@ -3,12 +3,11 @@ import _regeneratorRuntime from "@babel/runtime/regenerator";
 export function waitUntil(_x) {
   return _waitUntil.apply(this, arguments);
 }
-
 function _waitUntil() {
   _waitUntil = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(predicate) {
     var timeout,
-        maxRetries,
-        _args = arguments;
+      maxRetries,
+      _args = arguments;
     return _regeneratorRuntime.wrap(function _callee$(_context) {
       while (1) {
         switch (_context.prev = _context.next) {
@@ -27,10 +26,8 @@ function _waitUntil() {
                   reject('timed out');
                 }
               };
-
               check(maxRetries);
             }));
-
           case 3:
           case "end":
             return _context.stop();
@@ -40,5 +37,4 @@ function _waitUntil() {
   }));
   return _waitUntil.apply(this, arguments);
 }
-
 export default waitUntil;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/media-test-helpers",
-  "version": "30.1.1",
+  "version": "30.1.2",
   "description": "Collection of test helpers used in media component stories and specs",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -24,13 +24,13 @@
     "@atlaskit/icon": "^21.11.0",
     "@atlaskit/locale": "^2.1.0",
     "@atlaskit/media-client": "^20.0.0",
-    "@atlaskit/media-common": "^2.18.0",
+    "@atlaskit/media-common": "^2.19.0",
     "@atlaskit/media-core": "^34.0.0",
-    "@atlaskit/media-ui": "^22.2.0",
+    "@atlaskit/media-ui": "^22.3.0",
     "@atlaskit/popup": "^1.5.0",
     "@atlaskit/tabs": "^13.3.0",
     "@atlaskit/textfield": "^5.3.0",
-    "@atlaskit/tokens": "^0.13.0",
+    "@atlaskit/tokens": "^1.0.0",
     "@atlaskit/tooltip": "^17.6.0",
     "@atlaskit/ufo": "^0.1.0",
     "@babel/runtime": "^7.0.0",