@atlaskit/media-test-helpers 28.8.1 → 29.1.0

package/dist/cjs/smart-card-state.js

@@ -0,0 +1,108 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.url = exports.cardState = void 0;
+var url = 'https://bitbucket.org/atlassian/incredible-monorepo/pull-requests/42';
+exports.url = url;
+var cardState = {
+  status: 'resolved',
+  lastUpdatedAt: 1624877833614,
+  details: {
+    meta: {
+      access: 'granted',
+      visibility: 'restricted',
+      auth: [{
+        key: 'bitbucket',
+        displayName: 'Atlassian Links - Bitbucket',
+        url: 'https://id.stg.internal.atlassian.com/outboundAuth/start?containerId=4d6a1ee9-20b3-492f-a0b6-3bab6c763a8e_3f823978-fbc9-4baa-95e2-1b4c89a73027&serviceKey=bitbucket'
+      }],
+      definitionId: 'a2d59c5a-952f-4996-8cf6-1d0ad318731a',
+      key: 'bitbucket-object-provider',
+      resourceType: 'pull',
+      version: '2.0.2'
+    },
+    data: {
+      '@id': url,
+      '@context': {
+        '@vocab': 'https://www.w3.org/ns/activitystreams#',
+        atlassian: 'https://schema.atlassian.com/ns/vocabulary#',
+        schema: 'http://schema.org/'
+      },
+      '@type': ['Object', 'atlassian:SourceCodePullRequest'],
+      url: url,
+      attributedTo: {
+        '@type': 'Person',
+        name: 'Matt Turner',
+        image: 'https://avatar-management--avatars.us-west-2.prod.public.atl-paas.net/initials/MT-4.png'
+      },
+      'schema:dateCreated': '2019-12-12T03:20:14.858Z',
+      generator: {
+        '@type': 'Application',
+        name: 'Bitbucket',
+        icon: {
+          '@type': 'Image',
+          url: 'https://wac-cdn.atlassian.com/assets/img/favicons/bitbucket/favicon-32x32.png'
+        }
+      },
+      icon: {
+        '@type': 'Image',
+        url: 'https://wac-cdn.atlassian.com/assets/img/favicons/bitbucket/favicon-32x32.png'
+      },
+      name: 'Normalise package config',
+      summary: '',
+      'atlassian:mergeSource': {
+        '@type': 'Link',
+        href: 'https://bitbucket.org/atlassian/incredible-monorepo/branch/normalise-package-config'
+      },
+      'atlassian:mergeDestination': {
+        '@type': 'Link',
+        href: 'https://bitbucket.org/atlassian/incredible-monorepo/branch/master'
+      },
+      updated: '2019-12-12T03:40:43.420Z',
+      'atlassian:mergeCommit': {
+        '@type': 'Link',
+        href: 'https://bitbucket.org/atlassian/incredible-monorepo/commits/56139bbc3793'
+      },
+      'atlassian:internalId': '42',
+      'atlassian:isMerged': true,
+      'atlassian:state': 'MERGED',
+      'atlassian:mergedBy': {
+        '@type': 'Person',
+        name: 'Matt Turner',
+        image: 'https://avatar-management--avatars.us-west-2.prod.public.atl-paas.net/initials/MT-4.png'
+      },
+      'atlassian:reviewer': [{
+        '@type': 'Person',
+        name: 'ᴄᴏsᴍᴏ',
+        image: 'https://avatar-management--avatars.us-west-2.prod.public.atl-paas.net/default-avatar-1.png'
+      }],
+      'atlassian:reviewedBy': [{
+        '@type': 'Person',
+        name: 'ᴄᴏsᴍᴏ',
+        image: 'https://avatar-management--avatars.us-west-2.prod.public.atl-paas.net/default-avatar-1.png'
+      }],
+      'atlassian:updatedBy': {
+        '@type': 'Person',
+        name: 'Matt Turner',
+        image: 'https://avatar-management--avatars.us-west-2.prod.public.atl-paas.net/initials/MT-4.png'
+      },
+      audience: [{
+        '@type': 'Person',
+        name: 'Matt Turner',
+        image: 'https://avatar-management--avatars.us-west-2.prod.public.atl-paas.net/initials/MT-4.png'
+      }, {
+        '@type': 'Person',
+        name: 'ᴄᴏsᴍᴏ',
+        image: 'https://avatar-management--avatars.us-west-2.prod.public.atl-paas.net/default-avatar-1.png'
+      }],
+      context: {
+        '@type': 'atlassian:SourceCodeRepository',
+        name: 'incredible-monorepo',
+        url: 'https://bitbucket.org/atlassian/incredible-monorepo'
+      }
+    }
+  }
+};
+exports.cardState = cardState;

package/dist/cjs/story-styles.js

@@ -9,10 +9,10 @@ exports.Matrix = void 0;
 
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 
-var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _styled = _interopRequireDefault(require("@emotion/styled"));
 
 var _templateObject;
 
-var Matrix = _styledComponents.default.table(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\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"])));
+var Matrix = _styled.default.table(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\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"])));
 
 exports.Matrix = Matrix;

package/dist/cjs/styled.js

@@ -9,10 +9,10 @@ exports.LocaleSelectorWrapper = void 0;
 
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 
-var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _styled = _interopRequireDefault(require("@emotion/styled"));
 
 var _templateObject;
 
-var LocaleSelectorWrapper = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  position: fixed;\n  right: 20px;\n  top: 20px;\n  width: 200px;\n  border: 1px solid #ccc;\n  padding: 10px;\n  border-radius: 3px;\n  background-color: white;\n\n  h2 {\n    margin-bottom: 10px;\n  }\n"])));
+var LocaleSelectorWrapper = _styled.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  position: fixed;\n  right: 20px;\n  top: 20px;\n  width: 200px;\n  border: 1px solid #ccc;\n  padding: 10px;\n  border-radius: 3px;\n  background-color: white;\n\n  h2 {\n    margin-bottom: 10px;\n  }\n"])));
 
 exports.LocaleSelectorWrapper = LocaleSelectorWrapper;

package/dist/cjs/userAuthProvider.js

@@ -5,7 +5,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.createUserMediaClient = exports.userAuthProvider = exports.userAuthProviderBaseURL = void 0;
+exports.userAuthProviderBaseURL = exports.userAuthProvider = exports.createUserMediaClient = void 0;
 
 var exenv = _interopRequireWildcard(require("exenv"));
 

package/dist/cjs/utils/index.js

@@ -5,8 +5,8 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.mapDataUriToBlob = mapDataUriToBlob;
 exports.getWsUrl = getWsUrl;
+exports.mapDataUriToBlob = mapDataUriToBlob;
 
 var url = _interopRequireWildcard(require("url"));
 

package/dist/cjs/utils/logging.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.WsDirection = void 0;
 exports.logRequest = logRequest;
 exports.logWsMessage = logWsMessage;
-exports.WsDirection = void 0;
 var WsDirection;
 exports.WsDirection = WsDirection;
 

package/dist/cjs/utils/mockData.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.mockDataUri = exports.getFutureDate = exports.getPastDate = exports.getDateWithOffset = exports.fakeImage = exports.getFakeFileSize = exports.getFakeFileName = exports.getTextFileType = exports.textFileTypes = exports.imageFileTypes = exports.getHackerNoun = void 0;
+exports.textFileTypes = exports.mockDataUri = exports.imageFileTypes = exports.getTextFileType = exports.getPastDate = exports.getHackerNoun = exports.getFutureDate = exports.getFakeFileSize = exports.getFakeFileName = exports.getDateWithOffset = exports.fakeImage = void 0;
 var hackerNouns = ['system', 'protocol', 'microchip', 'alarm', 'protocol', 'panel', 'pixel'];
 
 var getHackerNoun = function getHackerNoun() {

package/dist/cjs/version.json

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

package/dist/cjs/waitUntil.js

@@ -5,8 +5,8 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.waitUntil = waitUntil;
 exports.default = void 0;
+exports.waitUntil = waitUntil;
 
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 

package/dist/es2019/I18nWrapper.js

@@ -1,5 +1,5 @@
-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';
 
@@ -16,26 +16,13 @@ const selectableLocales = defaultLocales.reduce((result, locale) => {
 
   return [...result, locale];
 }, []);
-
-function addAllLocaleData() {
-  Object.keys(locales).forEach(localeKey => {
-    const lang = localeKey.substring(0, 2);
-
-    const localeData = require(`react-intl/locale-data/${lang}`);
-
-    addLocaleData(localeData);
-  });
-}
-
 export const I18NWrapper = ({
   children
 }) => {
   const [locale, setLocale] = useState({
     label: 'en',
     value: 'en'
-  }); // We add the locale data only when mount
-
-  useEffect(() => addAllLocaleData(), []);
+  });
   const lang = locale.value.substring(0, 2);
   const messages = getMessages(locale.value);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {

package/dist/es2019/fakeMediaClient.js

@@ -37,6 +37,7 @@ export const fakeMediaClient = (config = getDefaultMediaClientConfig()) => {
       }
     });
     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/es2019/featureFlagsWrapper/dropdown.js

@@ -4,9 +4,9 @@ import Textfield from '@atlaskit/textfield';
 import { getMediaFeatureFlags, clearAllLocalFeatureFlags, setLocalFeatureFlag } from './helpers';
 import SelectClearIcon from '@atlaskit/icon/glyph/select-clear';
 import HipchatChevronDownIcon from '@atlaskit/icon/glyph/hipchat/chevron-down';
-import Button from '@atlaskit/button';
+import Button from '@atlaskit/button/standard-button';
 import Tooltip from '@atlaskit/tooltip';
-import styled from 'styled-components';
+import styled from '@emotion/styled';
 import Popup from '@atlaskit/popup';
 import { Checkbox } from '@atlaskit/checkbox';
 import debounce from 'lodash/debounce';

package/dist/es2019/fileStateFactory/createFileState.js

@@ -0,0 +1,78 @@
+import { tallImage } from '../';
+const localPreview = {
+  value: tallImage
+};
+const brokenLocalPreview = {
+  value: 'broken-data-uri'
+};
+const remotePreview = {
+  image: {}
+};
+export const createFileState = (id, status, {
+  withRemotePreview,
+  withLocalPreview,
+  withBrokenLocalPreview,
+  uploadProgress,
+  fileDetails
+} = {}) => {
+  const 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;
+  }
+
+  const base = { ...fileDetails,
+    ...extendState,
+    id
+  };
+
+  switch (status) {
+    case 'uploading':
+      return {
+        status: 'uploading',
+        progress: 0,
+        ...base
+      };
+
+    case 'processing':
+      return {
+        status: 'processing',
+        ...base
+      };
+
+    case 'processed':
+      return {
+        status: 'processed',
+        representations: remotePreview,
+        artifacts: {},
+        ...base
+      };
+
+    case 'failed-processing':
+      return {
+        status: 'failed-processing',
+        ...base
+      };
+
+    case 'error':
+    default:
+      return {
+        id,
+        status: 'error'
+      };
+  }
+};

package/dist/es2019/fileStateFactory/factory.js

@@ -0,0 +1,87 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import { tallImage, dataURItoBlob } from '..';
+import { MediaClient, createFileStateSubject } from '@atlaskit/media-client';
+import { createFileState } from './createFileState';
+import { createFileDetails } from './helpers';
+import { sleep } from '../nextTick';
+export class MediaClientMock extends MediaClient {
+  constructor(observable, mediaClientConfig, featureFlags, options = {}) {
+    super(mediaClientConfig, featureFlags);
+
+    _defineProperty(this, "updateObserbable", newObservable => {
+      this.observable = newObservable;
+    });
+
+    _defineProperty(this, "getImage", async () => {
+      const {
+        getImageDelay = 0
+      } = this.options;
+      await sleep(getImageDelay);
+      return dataURItoBlob(tallImage);
+    });
+
+    _defineProperty(this, "mockFileFetcher", () => {
+      this.file.getFileState = () => this.observable;
+    });
+
+    this.observable = observable;
+    this.options = options;
+    this.mockFileFetcher();
+  }
+
+}
+const mockConfig = {
+  authProvider: async () => ({
+    clientId: 'some-client',
+    token: 'some-token',
+    baseUrl: 'some-url'
+  })
+};
+
+/**
+ * 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.
+ */
+export class FileStateFactory {
+  constructor(identifier, {
+    fileDetails: _fileDetails,
+    mediaClientConfig = mockConfig,
+    featureFlags,
+    mediaClientMockOptions
+  } = {}) {
+    _defineProperty(this, "updateIdentifier", (identifier, fileDetails) => {
+      this.identifier = identifier;
+      this.fileDetails = fileDetails || createFileDetails(this.identifier.id);
+      this.observable = createFileStateSubject();
+      this.mediaClient.updateObserbable(this.observable);
+    });
+
+    _defineProperty(this, "subscription", {
+      next: fileState => {
+        this.observable.next(fileState);
+      },
+      error: error => {
+        this.observable.error(error);
+      }
+    });
+
+    _defineProperty(this, "createFileState", (status, options) => createFileState(this.identifier.id, status, { ...options,
+      fileDetails: (options === null || options === void 0 ? void 0 : options.fileDetails) || this.fileDetails
+    }));
+
+    _defineProperty(this, "next", (status, options) => {
+      this.subscription.next(this.createFileState(status, options));
+    });
+
+    _defineProperty(this, "error", error => {
+      this.subscription.error(error);
+    });
+
+    this.identifier = identifier;
+    this.fileDetails = _fileDetails || createFileDetails(this.identifier.id);
+    this.observable = createFileStateSubject();
+    this.mediaClient = new MediaClientMock(this.observable, mediaClientConfig, featureFlags, mediaClientMockOptions);
+  }
+
+}

package/dist/es2019/fileStateFactory/helpers.js

@@ -0,0 +1,86 @@
+import { v4 as uuidv4 } from 'uuid';
+export const defaultFileDetails = {
+  createdAt: 1630986510989,
+  mediaType: 'image',
+  mimeType: 'image/png',
+  name: 'file-name.png',
+  size: 1
+}; // min inclusive / max exclusive
+
+function random(min = 0, max = 10000) {
+  min = Math.ceil(min);
+  max = Math.floor(max) - 1;
+  const result = Math.floor(Math.random() * (max - min + 1)) + min;
+  return result;
+}
+
+const getRandomElem = arr => arr[Math.floor(Math.random() * arr.length)];
+
+export const createIdentifier = ({
+  collectionName = `collection-${random()}`,
+  occurrenceKey = `occurrence-${random()}`
+} = {}) => ({
+  mediaItemType: 'file',
+  id: uuidv4(),
+  collectionName,
+  occurrenceKey
+});
+
+const generateFileName = extension => {
+  const fileNames = ['quick-and-dirty', 'quality-time', 'down-for-the-count', 'hard-pill-to-swallow', 'between-a-rock-and-a-hard-place', 'fish-out-of-water', 'top-drawer', 'like-father-like-son', 'mountain-out-of-a-molehill', 'under-your-nose', 'a-chip-on-your-shoulder', 'hit-below-the-belt'];
+  return `${getRandomElem(fileNames)}.${extension}`;
+};
+
+const mediaTypesDetails = {
+  image: {
+    ext: 'png',
+    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'
+  }
+};
+const mediaTypes = Object.keys(mediaTypesDetails);
+
+const generateMediaTypeDetails = mediaType => {
+  const {
+    mimeType,
+    ext
+  } = mediaTypesDetails[mediaType];
+  return {
+    mimeType,
+    name: generateFileName(ext)
+  };
+};
+
+export const createFileDetails = (id, mediaType = getRandomElem(mediaTypes)) => {
+  const {
+    mimeType,
+    name
+  } = generateMediaTypeDetails(mediaType);
+  return {
+    id,
+    createdAt: random(),
+    size: random(),
+    name,
+    mediaType,
+    mimeType
+  };
+};

package/dist/es2019/fileStateFactory/index.js

@@ -0,0 +1,3 @@
+export { FileStateFactory, MediaClientMock } from './factory';
+export { createIdentifier, createFileDetails } from './helpers';
+export { createFileState } from './createFileState';

package/dist/es2019/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';
@@ -36,5 +36,6 @@ export { enableMockGlobalImage, disableMockGlobalImage } from './MockGlobalImage
 export { exampleMediaFeatureFlags } from './example-mediaFeatureFlags';
 export { dataURItoBlob } from './mockData/utils';
 export { mapDataUriToBlob } from './utils/index';
-export { createPollingMaxAttemptsError, createRateLimitedError } from './mediaClientErrors';
-export { default as FeatureFlagsWrapper } from './featureFlagsWrapper';
+export { createPollingMaxAttemptsError, createRateLimitedError, createMediaStoreError } from './mediaClientErrors';
+export { default as FeatureFlagsWrapper } from './featureFlagsWrapper';
+export { FileStateFactory, MediaClientMock, createIdentifier, createFileDetails, createFileState } from './fileStateFactory';

package/dist/es2019/mediaClientErrors.js

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

package/dist/es2019/mocks/fileAndDirectoriesUtils.js

@@ -7,7 +7,8 @@
 // Based on https://developer.mozilla.org/en-US/docs/Web/API/FileSystemEntry
 // Based on https://developer.mozilla.org/en-US/docs/Web/API/FileSystemDirectoryEntry
 // Represents https://developer.mozilla.org/en-US/docs/Web/API/FileSystemDirectoryReader
-const createDataTransferItem = webkitGetAsEntryResult => ({
+const createDataTransferItem = webkitGetAsEntryResult => ( // Using DataTransferItem constructor is illegal
+{
   getAsFile: () => null,
 
   getAsString() {
@@ -19,12 +20,14 @@ const createDataTransferItem = webkitGetAsEntryResult => ({
   webkitGetAsEntry: () => webkitGetAsEntryResult
 });
 
-const createFileList = filesArray => ({ ...filesArray,
+const createFileList = filesArray => ( // Using FileList constructor is illegal
+{ ...filesArray,
   length: filesArray.length,
   item: index => filesArray[index]
 });
 
-const createDataTransferItemList = itemsArray => ({ ...itemsArray,
+const createDataTransferItemList = itemsArray => ( // Using DataTransferItemList constructor is illegal
+{ ...itemsArray,
   length: itemsArray.length,
   add: () => null,
   clear: () => null,

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/renderWithIntl.js

@@ -0,0 +1,8 @@
+import React from 'react';
+import { IntlProvider } from 'react-intl-next';
+import { render } from '@testing-library/react';
+export const renderWithIntl = component => {
+  return render( /*#__PURE__*/React.createElement(IntlProvider, {
+    locale: "en"
+  }, component));
+};