@atlaskit/media-test-helpers 30.0.5 → 30.0.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (119) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/dist/cjs/fakeI18n.js +7 -1
  3. package/dist/cjs/fakeMediaClient.js +6 -0
  4. package/dist/cjs/fileReader.js +3 -0
  5. package/dist/cjs/getJest.js +40 -0
  6. package/dist/cjs/index.js +0 -2
  7. package/dist/cjs/mockCanvas.js +6 -0
  8. package/dist/cjs/mockLoadImage.js +3 -0
  9. package/dist/cjs/story-list.js +6 -4
  10. package/dist/cjs/styled.js +3 -1
  11. package/dist/cjs/version.json +1 -1
  12. package/dist/es2019/fakeI18n.js +3 -1
  13. package/dist/es2019/fakeMediaClient.js +2 -0
  14. package/dist/es2019/fileReader.js +2 -0
  15. package/dist/es2019/getJest.js +26 -0
  16. package/dist/es2019/index.js +0 -1
  17. package/dist/es2019/mockCanvas.js +2 -0
  18. package/dist/es2019/mockLoadImage.js +2 -0
  19. package/dist/es2019/story-list.js +5 -4
  20. package/dist/es2019/styled.js +3 -2
  21. package/dist/es2019/version.json +1 -1
  22. package/dist/esm/fakeI18n.js +3 -1
  23. package/dist/esm/fakeMediaClient.js +2 -0
  24. package/dist/esm/fileReader.js +3 -0
  25. package/dist/esm/getJest.js +31 -0
  26. package/dist/esm/index.js +0 -1
  27. package/dist/esm/mockCanvas.js +2 -0
  28. package/dist/esm/mockLoadImage.js +2 -0
  29. package/dist/esm/story-list.js +5 -4
  30. package/dist/esm/styled.js +2 -1
  31. package/dist/esm/version.json +1 -1
  32. package/dist/types/fileReader.d.ts +4 -5
  33. package/dist/types/getJest.d.ts +16 -0
  34. package/dist/types/index.d.ts +0 -1
  35. package/dist/types/mockCanvas.d.ts +2 -2
  36. package/package.json +12 -13
  37. package/report.api.md +460 -243
  38. package/dist/cjs/jest_check.js +0 -23
  39. package/dist/es2019/jest_check.js +0 -20
  40. package/dist/esm/jest_check.js +0 -20
  41. package/dist/types/jest_check.d.ts +0 -1
  42. package/dist/types-ts4.0/I18nWrapper.d.ts +0 -9
  43. package/dist/types-ts4.0/MockGlobalImage.d.ts +0 -2
  44. package/dist/types-ts4.0/authProvider.d.ts +0 -6
  45. package/dist/types-ts4.0/await-error.d.ts +0 -1
  46. package/dist/types-ts4.0/clipboardEventMocks.d.ts +0 -119
  47. package/dist/types-ts4.0/collectionNames.d.ts +0 -5
  48. package/dist/types-ts4.0/createMouseEvent.d.ts +0 -8
  49. package/dist/types-ts4.0/createTouchEvent.d.ts +0 -4
  50. package/dist/types-ts4.0/dataURIs/smallImageURI.d.ts +0 -1
  51. package/dist/types-ts4.0/dataURIs/smallTransparentImageURI.d.ts +0 -1
  52. package/dist/types-ts4.0/dataURIs/tallImageURI.d.ts +0 -1
  53. package/dist/types-ts4.0/dataURIs/videoPreviewURI.d.ts +0 -1
  54. package/dist/types-ts4.0/dataURIs/videoURI.d.ts +0 -1
  55. package/dist/types-ts4.0/dataURIs/vr_test_small_image.d.ts +0 -1
  56. package/dist/types-ts4.0/dataURIs/wideImageURI.d.ts +0 -1
  57. package/dist/types-ts4.0/dataURIs/wideTransparentImageURI.d.ts +0 -1
  58. package/dist/types-ts4.0/example-mediaFeatureFlags.d.ts +0 -2
  59. package/dist/types-ts4.0/exampleMediaItems.d.ts +0 -53
  60. package/dist/types-ts4.0/fakeI18n.d.ts +0 -1
  61. package/dist/types-ts4.0/fakeMediaClient.d.ts +0 -4
  62. package/dist/types-ts4.0/featureFlagsWrapper/dropdown.d.ts +0 -8
  63. package/dist/types-ts4.0/featureFlagsWrapper/helpers.d.ts +0 -5
  64. package/dist/types-ts4.0/featureFlagsWrapper/index.d.ts +0 -7
  65. package/dist/types-ts4.0/fileReader.d.ts +0 -20
  66. package/dist/types-ts4.0/fileStateFactory/createFileState.d.ts +0 -10
  67. package/dist/types-ts4.0/fileStateFactory/factory.d.ts +0 -42
  68. package/dist/types-ts4.0/fileStateFactory/helpers.d.ts +0 -7
  69. package/dist/types-ts4.0/fileStateFactory/index.d.ts +0 -4
  70. package/dist/types-ts4.0/flushPromises.d.ts +0 -1
  71. package/dist/types-ts4.0/getAuthFromContextProvider.d.ts +0 -1
  72. package/dist/types-ts4.0/globalEventEmitterListeners.d.ts +0 -1
  73. package/dist/types-ts4.0/images.d.ts +0 -6
  74. package/dist/types-ts4.0/index.d.ts +0 -48
  75. package/dist/types-ts4.0/jestHelpers.d.ts +0 -13
  76. package/dist/types-ts4.0/jest_check.d.ts +0 -1
  77. package/dist/types-ts4.0/keyboardEventWithKeyCode.d.ts +0 -2
  78. package/dist/types-ts4.0/mediaClientErrors.d.ts +0 -4
  79. package/dist/types-ts4.0/mediaClientProvider.d.ts +0 -23
  80. package/dist/types-ts4.0/mediaPickerAuthProvider.d.ts +0 -4
  81. package/dist/types-ts4.0/mockCanvas.d.ts +0 -10
  82. package/dist/types-ts4.0/mockData/handlers/copyWithToken.d.ts +0 -3
  83. package/dist/types-ts4.0/mockData/handlers/getFile.d.ts +0 -3
  84. package/dist/types-ts4.0/mockData/handlers/getFileImage.d.ts +0 -3
  85. package/dist/types-ts4.0/mockData/handlers/index.d.ts +0 -5
  86. package/dist/types-ts4.0/mockData/handlers/tenantAuth.d.ts +0 -3
  87. package/dist/types-ts4.0/mockData/handlers/userCollectionFetch.d.ts +0 -3
  88. package/dist/types-ts4.0/mockData/index.d.ts +0 -50
  89. package/dist/types-ts4.0/mockData/matchers.d.ts +0 -7
  90. package/dist/types-ts4.0/mockData/staticCommon.d.ts +0 -4
  91. package/dist/types-ts4.0/mockData/utils.d.ts +0 -4
  92. package/dist/types-ts4.0/mockLoadImage.d.ts +0 -4
  93. package/dist/types-ts4.0/mocks/database/chunk.d.ts +0 -6
  94. package/dist/types-ts4.0/mocks/database/collection-item.d.ts +0 -17
  95. package/dist/types-ts4.0/mocks/database/collection.d.ts +0 -2
  96. package/dist/types-ts4.0/mocks/database/index.d.ts +0 -21
  97. package/dist/types-ts4.0/mocks/database/upload.d.ts +0 -6
  98. package/dist/types-ts4.0/mocks/fileAndDirectoriesUtils.d.ts +0 -23
  99. package/dist/types-ts4.0/mocks/media-mock.d.ts +0 -38
  100. package/dist/types-ts4.0/mocks/routers/api-router.d.ts +0 -3
  101. package/dist/types-ts4.0/mocks/routers/index.d.ts +0 -2
  102. package/dist/types-ts4.0/mocks/routers/media-playground-router.d.ts +0 -3
  103. package/dist/types-ts4.0/mocks/websockets/index.d.ts +0 -3
  104. package/dist/types-ts4.0/mocks/websockets/messages.d.ts +0 -34
  105. package/dist/types-ts4.0/mocks/websockets/remote-upload-server.d.ts +0 -14
  106. package/dist/types-ts4.0/mocks/websockets/types.d.ts +0 -4
  107. package/dist/types-ts4.0/mountWithIntlContext.d.ts +0 -12
  108. package/dist/types-ts4.0/nextTick.d.ts +0 -2
  109. package/dist/types-ts4.0/renderWithIntl.d.ts +0 -3
  110. package/dist/types-ts4.0/smart-card-state.d.ts +0 -2
  111. package/dist/types-ts4.0/story-list.d.ts +0 -12
  112. package/dist/types-ts4.0/story-styles.d.ts +0 -2
  113. package/dist/types-ts4.0/styled.d.ts +0 -2
  114. package/dist/types-ts4.0/timeoutPromise.d.ts +0 -1
  115. package/dist/types-ts4.0/ufoLogger.d.ts +0 -5
  116. package/dist/types-ts4.0/utils/index.d.ts +0 -2
  117. package/dist/types-ts4.0/utils/logging.d.ts +0 -23
  118. package/dist/types-ts4.0/utils/mockData.d.ts +0 -11
  119. package/dist/types-ts4.0/waitUntil.d.ts +0 -2
package/CHANGELOG.md CHANGED
@@ -1,5 +1,12 @@
1
1
  # @atlaskit/media-test-helpers
2
2
 
3
+ ## 30.0.6
4
+
5
+ ### Patch Changes
6
+
7
+ - [`c59fd9d42f8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c59fd9d42f8) - Fix warnings due to jest being defined in non-test environments.
8
+ - Updated dependencies
9
+
3
10
  ## 30.0.5
4
11
 
5
12
  ### Patch Changes
@@ -1,10 +1,16 @@
1
1
  "use strict";
2
2
 
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
3
5
  Object.defineProperty(exports, "__esModule", {
4
6
  value: true
5
7
  });
6
8
  exports.fakeIntl = void 0;
7
- // fakeIntl["..."] here to indicate those went through formatMessage and not just left as string itself
9
+
10
+ var _getJest = _interopRequireDefault(require("./getJest"));
11
+
12
+ var jest = (0, _getJest.default)(); // fakeIntl["..."] here to indicate those went through formatMessage and not just left as string itself
13
+
8
14
  var fakeIntl = {
9
15
  formatMessage: jest.fn(function (_ref) {
10
16
  var defaultMessage = _ref.defaultMessage;
@@ -1,5 +1,7 @@
1
1
  "use strict";
2
2
 
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
3
5
  Object.defineProperty(exports, "__esModule", {
4
6
  value: true
5
7
  });
@@ -11,6 +13,10 @@ var _mediaClient = require("@atlaskit/media-client");
11
13
 
12
14
  var _jestHelpers = require("./jestHelpers");
13
15
 
16
+ var _getJest = _interopRequireDefault(require("./getJest"));
17
+
18
+ var jest = (0, _getJest.default)();
19
+
14
20
  var getDefaultMediaClientConfig = function getDefaultMediaClientConfig() {
15
21
  return {
16
22
  authProvider: jest.fn().mockReturnValue(Promise.resolve({
@@ -21,10 +21,13 @@ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/cl
21
21
 
22
22
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
23
23
 
24
+ var _getJest = _interopRequireDefault(require("./getJest"));
25
+
24
26
  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); }; }
25
27
 
26
28
  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; } }
27
29
 
30
+ var jest = (0, _getJest.default)();
28
31
  var MockFileReader = /*#__PURE__*/(0, _createClass2.default)(function MockFileReader() {
29
32
  var _this = this;
30
33
 
@@ -0,0 +1,40 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = void 0;
7
+
8
+ // Mock the bare minimum of jest used within `media-test-helpers`.
9
+ // Ideally this is not required in the future when functions are no longer used in Examples
10
+ // as they should only be used in unit tests.
11
+ var mockStub = function mockStub() {
12
+ return Object.assign(function () {}, {
13
+ mockReturnValue: function mockReturnValue(value) {},
14
+ mockImplementation: function mockImplementation(value) {},
15
+ mockResolvedValue: function mockResolvedValue(value) {}
16
+ });
17
+ };
18
+
19
+ var mockJest = function mockJest() {
20
+ // eslint-disable-next-line no-console
21
+ console.warn('Using mock jest. Please remove references to media-test-helpers in non-test code.');
22
+ return {
23
+ fn: function fn(value) {
24
+ return mockStub();
25
+ },
26
+ spyOn: function spyOn() {
27
+ return mockStub();
28
+ },
29
+ genMockFromModule: undefined,
30
+ requireActual: function requireActual() {},
31
+ doMock: function doMock() {}
32
+ };
33
+ }; // ED-15806 Required as some examples currently use test modules and complain about not having `jest`.
34
+
35
+
36
+ var _default = function _default() {
37
+ return typeof jest === 'undefined' ? mockJest() : jest;
38
+ };
39
+
40
+ exports.default = _default;
package/dist/cjs/index.js CHANGED
@@ -787,8 +787,6 @@ Object.defineProperty(exports, "zipJiraArchiveFileId", {
787
787
  }
788
788
  });
789
789
 
790
- require("./jest_check");
791
-
792
790
  var _authProvider = require("./authProvider");
793
791
 
794
792
  var _fakeMediaClient = require("./fakeMediaClient");
@@ -1,10 +1,16 @@
1
1
  "use strict";
2
2
 
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
3
5
  Object.defineProperty(exports, "__esModule", {
4
6
  value: true
5
7
  });
6
8
  exports.mockCanvas = mockCanvas;
7
9
 
10
+ var _getJest = _interopRequireDefault(require("./getJest"));
11
+
12
+ var jest = (0, _getJest.default)();
13
+
8
14
  function mockCanvas() {
9
15
  var width = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
10
16
  var height = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
@@ -9,10 +9,13 @@ exports.unMockLoadImage = exports.mockLoadImageError = exports.mockLoadImage = e
9
9
 
10
10
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
11
11
 
12
+ var _getJest = _interopRequireDefault(require("./getJest"));
13
+
12
14
  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; }
13
15
 
14
16
  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; }
15
17
 
18
+ var jest = (0, _getJest.default)();
16
19
  var getOrientationMock;
17
20
  var loadImageMock; // so that jest doesn't hoist mock of media-ui and replaces actual module on every import of media-test-helpers
18
21
 
@@ -21,6 +21,8 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
21
21
 
22
22
  var _react = _interopRequireWildcard(require("react"));
23
23
 
24
+ var _tokens = require("@atlaskit/tokens");
25
+
24
26
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
25
27
 
26
28
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -46,9 +48,9 @@ var styles = {
46
48
  margin: '10px'
47
49
  },
48
50
  stateTitle: {
49
- borderBottom: '1px solid #ccc',
51
+ borderBottom: "1px solid ".concat((0, _tokens.token)('color.border', '#ccc')),
50
52
  marginBottom: '7px',
51
- color: '#606369',
53
+ color: (0, _tokens.token)('color.text', '#606369'),
52
54
  width: '100%',
53
55
  textTransform: 'capitalize'
54
56
  }
@@ -69,9 +71,9 @@ var styles = {
69
71
  margin: '10px'
70
72
  },
71
73
  stateTitle: {
72
- borderBottom: '1px solid #ccc',
74
+ borderBottom: "1px solid ".concat((0, _tokens.token)('color.border', '#ccc')),
73
75
  marginBottom: '7px',
74
- color: '#606369',
76
+ color: (0, _tokens.token)('color.text', '#606369'),
75
77
  width: '100%',
76
78
  textTransform: 'capitalize'
77
79
  }
@@ -11,8 +11,10 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
11
11
 
12
12
  var _styled = _interopRequireDefault(require("@emotion/styled"));
13
13
 
14
+ var _tokens = require("@atlaskit/tokens");
15
+
14
16
  var _templateObject;
15
17
 
16
- 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"])));
18
+ 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 ", ";\n padding: 10px;\n border-radius: 3px;\n background-color: ", ";\n\n h2 {\n margin-bottom: 10px;\n }\n"])), (0, _tokens.token)('color.border', '#ccc'), (0, _tokens.token)('elevation.surface', 'white'));
17
19
 
18
20
  exports.LocaleSelectorWrapper = LocaleSelectorWrapper;
@@ -1,4 +1,4 @@
1
1
  {
2
2
  "name": "@atlaskit/media-test-helpers",
3
- "version": "30.0.5"
3
+ "version": "30.0.6"
4
4
  }
@@ -1,4 +1,6 @@
1
- // fakeIntl["..."] here to indicate those went through formatMessage and not just left as string itself
1
+ import getJest from './getJest';
2
+ const jest = getJest(); // fakeIntl["..."] here to indicate those went through formatMessage and not just left as string itself
3
+
2
4
  export const fakeIntl = {
3
5
  formatMessage: jest.fn(({
4
6
  defaultMessage
@@ -1,6 +1,8 @@
1
1
  import { of } from 'rxjs/observable/of';
2
2
  import { MediaClient } from '@atlaskit/media-client';
3
3
  import { asMock } from './jestHelpers';
4
+ import getJest from './getJest';
5
+ const jest = getJest();
4
6
  export const getDefaultMediaClientConfig = () => ({
5
7
  authProvider: jest.fn().mockReturnValue(Promise.resolve({
6
8
  clientId: 'some-client-id',
@@ -1,4 +1,6 @@
1
1
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
+ import getJest from './getJest';
3
+ const jest = getJest();
2
4
 
3
5
  class MockFileReader {
4
6
  constructor(result = 'mockResult') {
@@ -0,0 +1,26 @@
1
+ // Mock the bare minimum of jest used within `media-test-helpers`.
2
+ // Ideally this is not required in the future when functions are no longer used in Examples
3
+ // as they should only be used in unit tests.
4
+ const mockStub = () => Object.assign(() => {}, {
5
+ mockReturnValue(value) {},
6
+
7
+ mockImplementation(value) {},
8
+
9
+ mockResolvedValue(value) {}
10
+
11
+ });
12
+
13
+ const mockJest = () => {
14
+ // eslint-disable-next-line no-console
15
+ console.warn('Using mock jest. Please remove references to media-test-helpers in non-test code.');
16
+ return {
17
+ fn: value => mockStub(),
18
+ spyOn: () => mockStub(),
19
+ genMockFromModule: undefined,
20
+ requireActual: () => {},
21
+ doMock: () => {}
22
+ };
23
+ }; // ED-15806 Required as some examples currently use test modules and complain about not having `jest`.
24
+
25
+
26
+ export default (() => typeof jest === 'undefined' ? mockJest() : jest);
@@ -1,4 +1,3 @@
1
- import './jest_check';
2
1
  export { StoryBookAuthProvider } from './authProvider';
3
2
  export { fakeMediaClient, getDefaultMediaClientConfig } from './fakeMediaClient';
4
3
  export { createStorybookMediaClient, createStorybookMediaClientConfig, createUploadMediaClient, createUploadMediaClientConfig, defaultBaseUrl, defaultParams } from './mediaClientProvider';
@@ -1,3 +1,5 @@
1
+ import getJest from './getJest';
2
+ const jest = getJest();
1
3
  export function mockCanvas(width = 0, height = 0) {
2
4
  const context = {
3
5
  translate: jest.fn(),
@@ -1,3 +1,5 @@
1
+ import getJest from './getJest';
2
+ const jest = getJest();
1
3
  let getOrientationMock;
2
4
  let loadImageMock; // so that jest doesn't hoist mock of media-ui and replaces actual module on every import of media-test-helpers
3
5
 
@@ -1,5 +1,6 @@
1
1
  // Simple component which wraps stories and creates a styled list out of it
2
2
  import React from 'react';
3
+ import { token } from '@atlaskit/tokens';
3
4
  import { Component } from 'react';
4
5
  const styles = {
5
6
  column: {
@@ -18,9 +19,9 @@ const styles = {
18
19
  margin: '10px'
19
20
  },
20
21
  stateTitle: {
21
- borderBottom: '1px solid #ccc',
22
+ borderBottom: `1px solid ${token('color.border', '#ccc')}`,
22
23
  marginBottom: '7px',
23
- color: '#606369',
24
+ color: token('color.text', '#606369'),
24
25
  width: '100%',
25
26
  textTransform: 'capitalize'
26
27
  }
@@ -41,9 +42,9 @@ const styles = {
41
42
  margin: '10px'
42
43
  },
43
44
  stateTitle: {
44
- borderBottom: '1px solid #ccc',
45
+ borderBottom: `1px solid ${token('color.border', '#ccc')}`,
45
46
  marginBottom: '7px',
46
- color: '#606369',
47
+ color: token('color.text', '#606369'),
47
48
  width: '100%',
48
49
  textTransform: 'capitalize'
49
50
  }
@@ -1,13 +1,14 @@
1
1
  import styled from '@emotion/styled';
2
+ import { token } from '@atlaskit/tokens';
2
3
  export const LocaleSelectorWrapper = styled.div`
3
4
  position: fixed;
4
5
  right: 20px;
5
6
  top: 20px;
6
7
  width: 200px;
7
- border: 1px solid #ccc;
8
+ border: 1px solid ${token('color.border', '#ccc')};
8
9
  padding: 10px;
9
10
  border-radius: 3px;
10
- background-color: white;
11
+ background-color: ${token('elevation.surface', 'white')};
11
12
 
12
13
  h2 {
13
14
  margin-bottom: 10px;
@@ -1,4 +1,4 @@
1
1
  {
2
2
  "name": "@atlaskit/media-test-helpers",
3
- "version": "30.0.5"
3
+ "version": "30.0.6"
4
4
  }
@@ -1,4 +1,6 @@
1
- // fakeIntl["..."] here to indicate those went through formatMessage and not just left as string itself
1
+ import getJest from './getJest';
2
+ var jest = getJest(); // fakeIntl["..."] here to indicate those went through formatMessage and not just left as string itself
3
+
2
4
  export var fakeIntl = {
3
5
  formatMessage: jest.fn(function (_ref) {
4
6
  var defaultMessage = _ref.defaultMessage;
@@ -1,6 +1,8 @@
1
1
  import { of } from 'rxjs/observable/of';
2
2
  import { MediaClient } from '@atlaskit/media-client';
3
3
  import { asMock } from './jestHelpers';
4
+ import getJest from './getJest';
5
+ var jest = getJest();
4
6
  export var getDefaultMediaClientConfig = function getDefaultMediaClientConfig() {
5
7
  return {
6
8
  authProvider: jest.fn().mockReturnValue(Promise.resolve({
@@ -10,6 +10,9 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
10
10
 
11
11
  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; } }
12
12
 
13
+ import getJest from './getJest';
14
+ var jest = getJest();
15
+
13
16
  var MockFileReader = /*#__PURE__*/_createClass(function MockFileReader() {
14
17
  var _this = this;
15
18
 
@@ -0,0 +1,31 @@
1
+ // Mock the bare minimum of jest used within `media-test-helpers`.
2
+ // Ideally this is not required in the future when functions are no longer used in Examples
3
+ // as they should only be used in unit tests.
4
+ var mockStub = function mockStub() {
5
+ return Object.assign(function () {}, {
6
+ mockReturnValue: function mockReturnValue(value) {},
7
+ mockImplementation: function mockImplementation(value) {},
8
+ mockResolvedValue: function mockResolvedValue(value) {}
9
+ });
10
+ };
11
+
12
+ var mockJest = function mockJest() {
13
+ // eslint-disable-next-line no-console
14
+ console.warn('Using mock jest. Please remove references to media-test-helpers in non-test code.');
15
+ return {
16
+ fn: function fn(value) {
17
+ return mockStub();
18
+ },
19
+ spyOn: function spyOn() {
20
+ return mockStub();
21
+ },
22
+ genMockFromModule: undefined,
23
+ requireActual: function requireActual() {},
24
+ doMock: function doMock() {}
25
+ };
26
+ }; // ED-15806 Required as some examples currently use test modules and complain about not having `jest`.
27
+
28
+
29
+ export default (function () {
30
+ return typeof jest === 'undefined' ? mockJest() : jest;
31
+ });
package/dist/esm/index.js CHANGED
@@ -1,4 +1,3 @@
1
- import './jest_check';
2
1
  export { StoryBookAuthProvider } from './authProvider';
3
2
  export { fakeMediaClient, getDefaultMediaClientConfig } from './fakeMediaClient';
4
3
  export { createStorybookMediaClient, createStorybookMediaClientConfig, createUploadMediaClient, createUploadMediaClientConfig, defaultBaseUrl, defaultParams } from './mediaClientProvider';
@@ -1,3 +1,5 @@
1
+ import getJest from './getJest';
2
+ var jest = getJest();
1
3
  export function mockCanvas() {
2
4
  var width = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
3
5
  var height = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
@@ -4,6 +4,8 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
4
4
 
5
5
  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; }
6
6
 
7
+ import getJest from './getJest';
8
+ var jest = getJest();
7
9
  var getOrientationMock;
8
10
  var loadImageMock; // so that jest doesn't hoist mock of media-ui and replaces actual module on every import of media-test-helpers
9
11
 
@@ -10,6 +10,7 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
10
10
 
11
11
  // Simple component which wraps stories and creates a styled list out of it
12
12
  import React from 'react';
13
+ import { token } from '@atlaskit/tokens';
13
14
  import { Component } from 'react';
14
15
  var styles = {
15
16
  column: {
@@ -28,9 +29,9 @@ var styles = {
28
29
  margin: '10px'
29
30
  },
30
31
  stateTitle: {
31
- borderBottom: '1px solid #ccc',
32
+ borderBottom: "1px solid ".concat(token('color.border', '#ccc')),
32
33
  marginBottom: '7px',
33
- color: '#606369',
34
+ color: token('color.text', '#606369'),
34
35
  width: '100%',
35
36
  textTransform: 'capitalize'
36
37
  }
@@ -51,9 +52,9 @@ var styles = {
51
52
  margin: '10px'
52
53
  },
53
54
  stateTitle: {
54
- borderBottom: '1px solid #ccc',
55
+ borderBottom: "1px solid ".concat(token('color.border', '#ccc')),
55
56
  marginBottom: '7px',
56
- color: '#606369',
57
+ color: token('color.text', '#606369'),
57
58
  width: '100%',
58
59
  textTransform: 'capitalize'
59
60
  }
@@ -3,4 +3,5 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
3
3
  var _templateObject;
4
4
 
5
5
  import styled from '@emotion/styled';
6
- export var LocaleSelectorWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\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"])));
6
+ import { token } from '@atlaskit/tokens';
7
+ 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"])), token('color.border', '#ccc'), token('elevation.surface', 'white'));
@@ -1,4 +1,4 @@
1
1
  {
2
2
  "name": "@atlaskit/media-test-helpers",
3
- "version": "30.0.5"
3
+ "version": "30.0.6"
4
4
  }
@@ -1,18 +1,17 @@
1
- /// <reference types="jest" />
2
1
  declare class MockFileReader {
3
2
  loadEvent: () => void;
4
3
  errorEvent: (_: {}) => void;
5
4
  result: string | null | ArrayBuffer;
6
5
  constructor(result?: string | null | ArrayBuffer);
7
- addEventListener: jest.Mock<any, any>;
8
- readAsDataURL: jest.Mock<any, any>;
9
- readAsArrayBuffer: jest.Mock<any, any>;
6
+ addEventListener: unknown;
7
+ readAsDataURL: unknown;
8
+ readAsArrayBuffer: unknown;
10
9
  }
11
10
  declare const mockFileReaderError: {
12
11
  message: string;
13
12
  };
14
13
  declare class MockFileReaderWithError extends MockFileReader {
15
- readAsDataURL: jest.Mock<any, any>;
14
+ readAsDataURL: unknown;
16
15
  }
17
16
  declare const mockFileReader: (result: string | null | ArrayBuffer) => MockFileReader;
18
17
  declare const mockFileReaderWithError: () => MockFileReaderWithError;
@@ -0,0 +1,16 @@
1
+ /// <reference types="jest" />
2
+ interface MockedJest<F, S> {
3
+ fn: (value?: F) => MockStub<F, F>;
4
+ spyOn: () => MockStub<S, S>;
5
+ genMockFromModule: undefined;
6
+ requireActual: () => void;
7
+ doMock: () => void;
8
+ }
9
+ declare type MockFunction<T> = <T>(value?: T) => void;
10
+ export interface MockStub<T, R> extends MockFunction<T> {
11
+ mockReturnValue: (value: T) => R;
12
+ mockImplementation: (value: T) => R;
13
+ mockResolvedValue: (value: T) => R;
14
+ }
15
+ declare const _default: <F, S>() => typeof jest | MockedJest<F, S>;
16
+ export default _default;
@@ -1,4 +1,3 @@
1
- import './jest_check';
2
1
  export { StoryBookAuthProvider } from './authProvider';
3
2
  export { fakeMediaClient, getDefaultMediaClientConfig, } from './fakeMediaClient';
4
3
  export { createStorybookMediaClient, createStorybookMediaClientConfig, createUploadMediaClient, createUploadMediaClientConfig, defaultBaseUrl, defaultParams, } from './mediaClientProvider';
@@ -3,8 +3,8 @@ export declare function mockCanvas(width?: number, height?: number): {
3
3
  canvas: {
4
4
  width: number;
5
5
  height: number;
6
- toDataURL: jest.Mock<any, any>;
7
- getContext: jest.Mock<any, any>;
6
+ toDataURL: jest.Mock<any, any> | import("./getJest").MockStub<unknown, unknown>;
7
+ getContext: unknown;
8
8
  };
9
9
  context: Partial<CanvasRenderingContext2D>;
10
10
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/media-test-helpers",
3
- "version": "30.0.5",
3
+ "version": "30.0.6",
4
4
  "description": "Collection of test helpers used in media component stories and specs",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -12,13 +12,6 @@
12
12
  "module": "dist/esm/index.js",
13
13
  "module:es2019": "dist/es2019/index.js",
14
14
  "types": "dist/types/index.d.ts",
15
- "typesVersions": {
16
- ">=4.0 <4.5": {
17
- "*": [
18
- "dist/types-ts4.0/*"
19
- ]
20
- }
21
- },
22
15
  "atlaskit:src": "src/index.tsx",
23
16
  "atlassian": {
24
17
  "team": "Media Experience",
@@ -26,16 +19,17 @@
26
19
  "releaseModel": "scheduled"
27
20
  },
28
21
  "dependencies": {
29
- "@atlaskit/button": "^16.3.0",
22
+ "@atlaskit/button": "^16.5.0",
30
23
  "@atlaskit/checkbox": "^12.4.0",
31
24
  "@atlaskit/icon": "^21.11.0",
32
25
  "@atlaskit/locale": "^2.1.0",
33
- "@atlaskit/media-client": "^18.0.0",
34
- "@atlaskit/media-common": "^2.16.0",
26
+ "@atlaskit/media-client": "^19.0.0",
27
+ "@atlaskit/media-common": "^2.17.0",
35
28
  "@atlaskit/media-core": "^34.0.0",
36
- "@atlaskit/media-ui": "^22.1.0",
29
+ "@atlaskit/media-ui": "^22.2.0",
37
30
  "@atlaskit/popup": "^1.5.0",
38
31
  "@atlaskit/textfield": "^5.3.0",
32
+ "@atlaskit/tokens": "^0.11.1",
39
33
  "@atlaskit/tooltip": "^17.6.0",
40
34
  "@atlaskit/ufo": "^0.1.0",
41
35
  "@babel/runtime": "^7.0.0",
@@ -74,5 +68,10 @@
74
68
  "./mockData": "./src/utils/mockData.ts",
75
69
  ".": "./src/index.tsx"
76
70
  },
77
- "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1"
71
+ "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1",
72
+ "techstack": {
73
+ "@repo/internal": {
74
+ "theming": "tokens"
75
+ }
76
+ }
78
77
  }