@atlaskit/media-test-helpers 28.7.5 → 29.0.0

package/dist/es2019/mountWithIntlContext.js

@@ -1,25 +1,58 @@
-import { IntlProvider, intlShape } from 'react-intl';
-import { mount } from 'enzyme';
+import React from 'react';
+import { RawIntlProvider, createIntl, IntlProvider } from 'react-intl-next';
+import { mount, shallow } from 'enzyme';
+const mockIntl = createIntl({
+  locale: 'en'
+});
+/**
+ * When using React-Intl `injectIntl` on components, props.intl is required.
+ */
 
+function nodeWithIntlProp(node) {
+  const intl = !!node.props.intl ? node.props.intl : mockIntl;
+  return /*#__PURE__*/React.createElement(RawIntlProvider, {
+    value: intl
+  }, /*#__PURE__*/React.cloneElement(node, {
+    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 const mountWithIntlContext = (node, reactContext, childContextTypes) => {
-  const intlProvider = new IntlProvider({
-    locale: 'en',
-    messages: {}
+
+
+export const mountWithIntlContext = (node, {
+  context = {},
+  childContextTypes = {},
+  ...additionalOptions
+} = {}) => {
+  const intl = !!node.props.intl ? node.props.intl : mockIntl;
+  return mount(nodeWithIntlProp(node), {
+    context: {
+      intl,
+      ...context
+    },
+    ...additionalOptions
   });
-  const intl = intlProvider.getChildContext().intl;
-  return mount(node, {
+};
+export const shallowWithIntlContext = (node, {
+  context = {},
+  ...additionalOptions
+} = {}) => {
+  const intl = !!node.props.intl ? node.props.intl : mockIntl;
+  return shallow(nodeWithIntlProp(node), {
     context: {
       intl,
-      ...reactContext
+      ...context
     },
-    childContextTypes: {
-      intl: intlShape,
-      ...childContextTypes
-    }
+    ...additionalOptions
   });
+};
+export const mountWithIntlWrapper = node => {
+  return mount( /*#__PURE__*/React.createElement(props => /*#__PURE__*/React.createElement(IntlProvider, {
+    locale: "en"
+  }, /*#__PURE__*/React.cloneElement(node, { ...props
+  }))));
 };

package/dist/es2019/userAuthProvider.js

@@ -15,10 +15,9 @@ export const userAuthProvider = () => {
     return userAuthProviderPromiseCache;
   }
 
-  const url = 'https://api-private.dev.atlassian.com/media-playground/api/token/user/impersonation';
+  const url = 'https://media-playground.dev.atl-paas.net/api/token/user/impersonation';
   userAuthProviderPromiseCache = fetch(url, {
-    method: 'GET',
-    credentials: 'include'
+    method: 'GET'
   }).then(response => // We leverage the fact, that our internal /toke/tenant API returns data in the same format as Auth
   response.json());
   return userAuthProviderPromiseCache;

package/dist/es2019/version.json

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

package/dist/esm/I18nWrapper.js

@@ -1,7 +1,7 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import React, { useState, useEffect } from 'react';
-import { IntlProvider, addLocaleData } from 'react-intl';
+import React, { useState } from 'react';
+import { IntlProvider } from 'react-intl-next';
 import LocaleSelect, { defaultLocales } from '@atlaskit/locale/LocaleSelect';
 import { locales } from '@atlaskit/media-ui/locales';
 
@@ -18,17 +18,6 @@ var selectableLocales = defaultLocales.reduce(function (result, locale) {
 
   return [].concat(_toConsumableArray(result), [locale]);
 }, []);
-
-function addAllLocaleData() {
-  Object.keys(locales).forEach(function (localeKey) {
-    var lang = localeKey.substring(0, 2);
-
-    var localeData = require("react-intl/locale-data/".concat(lang));
-
-    addLocaleData(localeData);
-  });
-}
-
 export var I18NWrapper = function I18NWrapper(_ref) {
   var children = _ref.children;
 
@@ -38,12 +27,8 @@ export var I18NWrapper = function I18NWrapper(_ref) {
   }),
       _useState2 = _slicedToArray(_useState, 2),
       locale = _useState2[0],
-      setLocale = _useState2[1]; // We add the locale data only when mount
-
+      setLocale = _useState2[1];
 
-  useEffect(function () {
-    return addAllLocaleData();
-  }, []);
   var lang = locale.value.substring(0, 2);
   var messages = getMessages(locale.value);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {

package/dist/esm/authProvider.js

@@ -4,7 +4,7 @@ import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 import { defaultCollectionName } from './collectionNames';
 var cachedAuths = {};
-var authProviderBaseURL = 'https://api-private.dev.atlassian.com/media-playground/api';
+var authProviderBaseURL = 'https://media-playground.dev.atl-paas.net/';
 export var StoryBookAuthProvider = /*#__PURE__*/function () {
   function StoryBookAuthProvider() {
     _classCallCheck(this, StoryBookAuthProvider);
@@ -26,7 +26,6 @@ export var StoryBookAuthProvider = /*#__PURE__*/function () {
                   headers.append('Accept', 'text/plain, */*; q=0.01');
                   config = {
                     method: 'POST',
-                    credentials: 'include',
                     headers: headers,
                     body: access ? JSON.stringify({
                       access: access

package/dist/esm/fakeI18n.js

@@ -1,3 +1,7 @@
+// fakeIntl["..."] here to indicate those went through formatMessage and not just left as string itself
 export var fakeIntl = {
-  formatMessage: function formatMessage() {}
+  formatMessage: jest.fn(function (_ref) {
+    var defaultMessage = _ref.defaultMessage;
+    return "fakeIntl[\"".concat(defaultMessage, "\"]");
+  })
 };

package/dist/esm/fakeMediaClient.js

@@ -41,6 +41,7 @@ export var fakeMediaClient = function fakeMediaClient() {
       }
     });
     asMock(mediaClient.getImageUrl).mockResolvedValue('some-image-url');
+    asMock(mediaClient.getImageUrlSync).mockReturnValue('some-image-url');
     asMock(mediaClient.getImage).mockImplementation(mockMediaStore.getImage);
     asMock(mediaClient.collection.getItems).mockReturnValue(of([]));
     asMock(mediaClient.file.copyFile).mockReturnValue({

package/dist/esm/getAuthFromContextProvider.js

@@ -17,7 +17,7 @@ export var getAuthFromContextProvider = /*#__PURE__*/function () {
       while (1) {
         switch (_context.prev = _context.next) {
           case 0:
-            url = 'https://api-private.dev.atlassian.com/media-playground/api/token/tenant?environment=asap';
+            url = 'https://media-playground.dev.atl-paas.net/token/tenant?environment=asap';
             body = JSON.stringify({
               access: access
             });
@@ -28,8 +28,7 @@ export var getAuthFromContextProvider = /*#__PURE__*/function () {
             return fetch(url, {
               method: 'POST',
               body: body,
-              headers: headers,
-              credentials: 'include'
+              headers: headers
             });
 
           case 7:

package/dist/esm/index.js

@@ -21,7 +21,7 @@ export { nextTick, sleep } from './nextTick';
 export { timeoutPromise } from './timeoutPromise';
 export { asMock, asMockFunction, asMockReturnValue, asMockFunctionReturnValue, asMockFunctionResolvedValue, expectConstructorToHaveBeenCalledWith, expectFunctionToHaveBeenCalledWith, expectToEqual } from './jestHelpers';
 export { I18NWrapper } from './I18nWrapper';
-export { mountWithIntlContext } from './mountWithIntlContext';
+export { mountWithIntlContext, mountWithIntlWrapper, shallowWithIntlContext } from './mountWithIntlContext';
 export { fakeIntl } from './fakeI18n';
 export { mockCanvas } from './mockCanvas';
 export { default as KeyboardEventWithKeyCode } from './keyboardEventWithKeyCode';

package/dist/esm/mediaPickerAuthProvider.js

@@ -30,7 +30,7 @@ var requestAuthProvider = /*#__PURE__*/function () {
       while (1) {
         switch (_context.prev = _context.next) {
           case 0:
-            url = "https://api-private.dev.atlassian.com/media-playground/api/token/tenant?environment=".concat(authEnvironment);
+            url = "https://media-playground.dev.atl-paas.net/token/tenant?environment=".concat(authEnvironment);
             body = JSON.stringify({
               access: accessUrns[collectionName] || {}
             });
@@ -41,8 +41,7 @@ var requestAuthProvider = /*#__PURE__*/function () {
             return fetch(url, {
               method: 'POST',
               body: body,
-              headers: headers,
-              credentials: 'include'
+              headers: headers
             });
 
           case 7:

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

@@ -13,7 +13,7 @@ export var tenantAuth = function tenantAuth(context) {
     var data1 = {
       method: 'POST',
       url: {
-        path: '/media-playground/api/token/tenant',
+        path: '/token/tenant',
         query: {
           collection: context().tenantContext.collectionName,
           environment: ''
@@ -28,7 +28,7 @@ export var tenantAuth = function tenantAuth(context) {
     var data2 = {
       method: 'GET',
       url: {
-        path: '/media-playground/api/token/tenant',
+        path: '/token/tenant',
         query: {
           collection: context().tenantContext.collectionName,
           environment: ''

package/dist/esm/mocks/routers/media-playground-router.js

@@ -2,12 +2,12 @@ import { Router } from 'kakapo';
 import { userAuthProvider, tenantAuthProvider } from '../database';
 export function createMediaPlaygroundRouter() {
   var router = new Router({
-    host: 'https://api-private.dev.atlassian.com',
+    host: 'https://media-playground.dev.atl-paas.net',
     requestDelay: 10
   }, {
     strategies: ['fetch']
   });
-  router.get('/media-playground/api/token/user/impersonation', userAuthProvider);
-  router.post('/media-playground/api/token/tenant', tenantAuthProvider);
+  router.get('/api/token/user/impersonation', userAuthProvider);
+  router.post('/token/tenant', tenantAuthProvider);
   return router;
 }

package/dist/esm/mountWithIntlContext.js

@@ -1,29 +1,69 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 
 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 _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) { _defineProperty(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; }
 
-import { IntlProvider, intlShape } from 'react-intl';
-import { mount } from 'enzyme';
+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, {
+    value: intl
+  }, /*#__PURE__*/React.cloneElement(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, reactContext, childContextTypes) {
-  var intlProvider = new IntlProvider({
-    locale: 'en',
-    messages: {}
-  });
-  var intl = intlProvider.getChildContext().intl;
-  return mount(node, {
+
+
+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, ["context", "childContextTypes"]);
+
+  var intl = !!node.props.intl ? node.props.intl : mockIntl;
+  return mount(nodeWithIntlProp(node), _objectSpread({
+    context: _objectSpread({
+      intl: intl
+    }, context)
+  }, additionalOptions));
+};
+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, ["context"]);
+
+  var intl = !!node.props.intl ? node.props.intl : mockIntl;
+  return shallow(nodeWithIntlProp(node), _objectSpread({
     context: _objectSpread({
       intl: intl
-    }, reactContext),
-    childContextTypes: _objectSpread({
-      intl: intlShape
-    }, childContextTypes)
-  });
+    }, context)
+  }, additionalOptions));
+};
+export var mountWithIntlWrapper = function mountWithIntlWrapper(node) {
+  return mount( /*#__PURE__*/React.createElement(function (props) {
+    return /*#__PURE__*/React.createElement(IntlProvider, {
+      locale: "en"
+    }, /*#__PURE__*/React.cloneElement(node, _objectSpread({}, props)));
+  }));
 };

package/dist/esm/userAuthProvider.js

@@ -15,10 +15,9 @@ export var userAuthProvider = function userAuthProvider() {
     return userAuthProviderPromiseCache;
   }
 
-  var url = 'https://api-private.dev.atlassian.com/media-playground/api/token/user/impersonation';
+  var url = 'https://media-playground.dev.atl-paas.net/api/token/user/impersonation';
   userAuthProviderPromiseCache = fetch(url, {
-    method: 'GET',
-    credentials: 'include'
+    method: 'GET'
   }).then(function (response) {
     return (// We leverage the fact, that our internal /toke/tenant API returns data in the same format as Auth
       response.json()

package/dist/esm/version.json

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

package/dist/types/featureFlagsWrapper/dropdown.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { MediaFeatureFlags } from '@atlaskit/media-common/mediaFeatureFlags';
 export declare type MediaFeatureFlagsDropdownProps = {
     onFlagChanged: () => void;

package/dist/types/featureFlagsWrapper/helpers.d.ts

@@ -2,4 +2,4 @@ import { MediaFeatureFlags } from '@atlaskit/media-common';
 export declare const setLocalFeatureFlag: (key: keyof MediaFeatureFlags, value: number | boolean | string | Object) => void;
 export declare const clearLocalFeatureFlag: (key: keyof MediaFeatureFlags) => void;
 export declare const clearAllLocalFeatureFlags: () => void;
-export declare const getMediaFeatureFlags: (filter?: ("newCardExperience" | "zipPreviews" | "captions" | "folderUploads" | "codeViewer" | "poll_intervalMs" | "poll_maxAttempts" | "poll_backoffFactor" | "poll_maxIntervalMs")[] | undefined) => MediaFeatureFlags;
+export declare const getMediaFeatureFlags: (filter?: ("newCardExperience" | "captions" | "mediaInline" | "folderUploads")[] | undefined) => MediaFeatureFlags;

package/dist/types/index.d.ts

@@ -27,7 +27,7 @@ export { asMock, asMockFunction, asMockReturnValue, asMockFunctionReturnValue, a
 export type { ExpectConstructorToHaveBeenCalledWith, ExpectFunctionToHaveBeenCalledWith, JestSpy, JestFunction, } from './jestHelpers';
 export { I18NWrapper } from './I18nWrapper';
 export type { I18NWrapperProps, I18NWrapperState } from './I18nWrapper';
-export { mountWithIntlContext } from './mountWithIntlContext';
+export { mountWithIntlContext, mountWithIntlWrapper, shallowWithIntlContext, } from './mountWithIntlContext';
 export { fakeIntl } from './fakeI18n';
 export { mockCanvas } from './mockCanvas';
 export { default as KeyboardEventWithKeyCode } from './keyboardEventWithKeyCode';

package/dist/types/mountWithIntlContext.d.ts

@@ -1,3 +1,12 @@
-import { ReactWrapper } from 'enzyme';
-import { Component, ReactElement } from 'react';
-export declare const mountWithIntlContext: <P, S, C extends Component<P, S, any> = Component<P, S, any>>(node: ReactElement<P, string | ((props: any) => ReactElement<any, string | any | (new (props: any) => Component<any, any, any>)> | null) | (new (props: any) => Component<any, any, any>)>, reactContext?: Object | undefined, childContextTypes?: Object | undefined) => ReactWrapper<P, S, C>;
+import React from 'react';
+import { WrappedComponentProps } from 'react-intl-next';
+import { ReactWrapper, ShallowWrapper } from 'enzyme';
+import { ReactElement } from 'react';
+export declare const mountWithIntlContext: <P, S, C extends React.Component<P, S, any> = React.Component<P, S, any>>(node: React.ReactElement<P & WrappedComponentProps<"intl">, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)>, { context, childContextTypes, ...additionalOptions }?: {
+    context?: {} | undefined;
+    childContextTypes?: {} | undefined;
+}) => ReactWrapper<P & WrappedComponentProps<"intl">, S, C>;
+export declare const shallowWithIntlContext: <P, S, C extends React.Component<P, S, any> = React.Component<P, S, any>>(node: React.ReactElement<P & WrappedComponentProps<"intl">, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)>, { context, ...additionalOptions }?: {
+    context?: {} | undefined;
+}) => ShallowWrapper<P & WrappedComponentProps<"intl">, S, C>;
+export declare const mountWithIntlWrapper: (node: React.ReactElement) => ReactWrapper;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/media-test-helpers",
-  "version": "28.7.5",
+  "version": "29.0.0",
   "description": "Collection of test helpers used in media component stories and specs",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -21,23 +21,23 @@
   "dependencies": {
     "@atlaskit/button": "^16.0.0",
     "@atlaskit/checkbox": "^12.2.0",
-    "@atlaskit/icon": "^21.8.0",
+    "@atlaskit/icon": "^21.9.0",
     "@atlaskit/locale": "^2.1.0",
-    "@atlaskit/media-client": "^14.2.0",
-    "@atlaskit/media-common": "^2.9.0",
+    "@atlaskit/media-client": "^14.3.0",
+    "@atlaskit/media-common": "^2.10.0",
     "@atlaskit/media-core": "^32.2.0",
-    "@atlaskit/media-picker": "^58.1.0",
-    "@atlaskit/media-ui": "^16.6.0",
+    "@atlaskit/media-picker": "^59.0.0",
+    "@atlaskit/media-ui": "^18.0.0",
     "@atlaskit/popup": "^1.1.0",
     "@atlaskit/textfield": "^5.0.1",
-    "@atlaskit/tooltip": "^17.3.0",
+    "@atlaskit/tooltip": "^17.5.0",
     "@babel/runtime": "^7.0.0",
     "enzyme": "^3.10.0",
     "exenv": "^1.2.2",
     "kakapo": "^4.0.6",
     "lodash": "^4.17.15",
     "mock-socket": "^9.0.3",
-    "react-intl": "^2.6.0",
+    "react-intl-next": "npm:react-intl@^5.18.1",
     "react-redux": "^5.1.2",
     "styled-components": "^3.2.6",
     "uuid": "^3.1.0",