@atlaskit/media-test-helpers 28.9.0 → 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/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/mocks/fileAndDirectoriesUtils.js

@@ -14,46 +14,52 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 // Based on https://developer.mozilla.org/en-US/docs/Web/API/FileSystemDirectoryEntry
 // Represents https://developer.mozilla.org/en-US/docs/Web/API/FileSystemDirectoryReader
 var createDataTransferItem = function createDataTransferItem(webkitGetAsEntryResult) {
-  return {
-    getAsFile: function getAsFile() {
-      return null;
-    },
-    getAsString: function getAsString() {
-      return '';
-    },
-    kind: 'file',
-    type: '',
-    webkitGetAsEntry: function webkitGetAsEntry() {
-      return webkitGetAsEntryResult;
+  return (// Using DataTransferItem constructor is illegal
+    {
+      getAsFile: function getAsFile() {
+        return null;
+      },
+      getAsString: function getAsString() {
+        return '';
+      },
+      kind: 'file',
+      type: '',
+      webkitGetAsEntry: function webkitGetAsEntry() {
+        return webkitGetAsEntryResult;
+      }
     }
-  };
+  );
 };
 
 var createFileList = function createFileList(filesArray) {
-  return _objectSpread(_objectSpread({}, filesArray), {}, {
-    length: filesArray.length,
-    item: function item(index) {
-      return filesArray[index];
-    }
-  });
+  return (// Using FileList constructor is illegal
+    _objectSpread(_objectSpread({}, filesArray), {}, {
+      length: filesArray.length,
+      item: function item(index) {
+        return filesArray[index];
+      }
+    })
+  );
 };
 
 var createDataTransferItemList = function createDataTransferItemList(itemsArray) {
-  return _objectSpread(_objectSpread({}, itemsArray), {}, {
-    length: itemsArray.length,
-    add: function add() {
-      return null;
-    },
-    clear: function clear() {
-      return null;
-    },
-    item: function item(index) {
-      return itemsArray[index];
-    },
-    remove: function remove() {
-      return null;
-    }
-  });
+  return (// Using DataTransferItemList constructor is illegal
+    _objectSpread(_objectSpread({}, itemsArray), {}, {
+      length: itemsArray.length,
+      add: function add() {
+        return null;
+      },
+      clear: function clear() {
+        return null;
+      },
+      item: function item(index) {
+        return itemsArray[index];
+      },
+      remove: function remove() {
+        return null;
+      }
+    })
+  );
 };
 
 var createDataTransfer = function createDataTransfer(files, items) {

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/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/media-test-helpers",
-	"version": "28.9.0"
+	"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/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.9.0",
+  "version": "29.0.0",
   "description": "Collection of test helpers used in media component stories and specs",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -26,8 +26,8 @@
     "@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": "^17.2.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.5.0",
@@ -37,7 +37,7 @@
     "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",