@atlaskit/media-ui 22.3.5 → 22.4.0

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 (100) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/dist/cjs/MediaButton.js +3 -0
  3. package/dist/cjs/MediaInlineCard/Frame/index.js +1 -0
  4. package/dist/cjs/customMediaPlayer/index.js +3 -2
  5. package/dist/cjs/customMediaPlayer/playbackSpeedControls.js +2 -1
  6. package/dist/cjs/customMediaPlayer/styled.js +1 -0
  7. package/dist/cjs/i18n/cs.js +1 -0
  8. package/dist/cjs/i18n/da.js +1 -0
  9. package/dist/cjs/i18n/de.js +1 -0
  10. package/dist/cjs/i18n/en.js +1 -0
  11. package/dist/cjs/i18n/en_GB.js +2 -1
  12. package/dist/cjs/i18n/es.js +1 -0
  13. package/dist/cjs/i18n/fi.js +1 -0
  14. package/dist/cjs/i18n/fr.js +1 -0
  15. package/dist/cjs/i18n/hu.js +1 -0
  16. package/dist/cjs/i18n/it.js +1 -0
  17. package/dist/cjs/i18n/ja.js +2 -1
  18. package/dist/cjs/i18n/ko.js +1 -0
  19. package/dist/cjs/i18n/nb.js +1 -0
  20. package/dist/cjs/i18n/nl.js +1 -0
  21. package/dist/cjs/i18n/pl.js +1 -0
  22. package/dist/cjs/i18n/pt_BR.js +1 -0
  23. package/dist/cjs/i18n/ru.js +1 -0
  24. package/dist/cjs/i18n/sv.js +1 -0
  25. package/dist/cjs/i18n/th.js +1 -0
  26. package/dist/cjs/i18n/tr.js +1 -0
  27. package/dist/cjs/i18n/uk.js +1 -0
  28. package/dist/cjs/i18n/vi.js +1 -0
  29. package/dist/cjs/i18n/zh.js +1 -0
  30. package/dist/cjs/i18n/zh_TW.js +1 -0
  31. package/dist/cjs/imageMetaData/index.js +83 -89
  32. package/dist/cjs/imageMetaData/metatags.js +35 -37
  33. package/dist/cjs/imageMetaData/parseJPEG.js +35 -37
  34. package/dist/cjs/imageMetaData/parsePNG.js +84 -88
  35. package/dist/cjs/imageMetaData/types.js +8 -8
  36. package/dist/cjs/util.js +42 -46
  37. package/dist/cjs/version.json +1 -1
  38. package/dist/es2019/MediaInlineCard/Frame/index.js +1 -0
  39. package/dist/es2019/customMediaPlayer/index.js +1 -1
  40. package/dist/es2019/i18n/cs.js +1 -0
  41. package/dist/es2019/i18n/da.js +1 -0
  42. package/dist/es2019/i18n/de.js +1 -0
  43. package/dist/es2019/i18n/en.js +1 -0
  44. package/dist/es2019/i18n/en_GB.js +2 -1
  45. package/dist/es2019/i18n/es.js +1 -0
  46. package/dist/es2019/i18n/fi.js +1 -0
  47. package/dist/es2019/i18n/fr.js +1 -0
  48. package/dist/es2019/i18n/hu.js +1 -0
  49. package/dist/es2019/i18n/it.js +1 -0
  50. package/dist/es2019/i18n/ja.js +2 -1
  51. package/dist/es2019/i18n/ko.js +1 -0
  52. package/dist/es2019/i18n/nb.js +1 -0
  53. package/dist/es2019/i18n/nl.js +1 -0
  54. package/dist/es2019/i18n/pl.js +1 -0
  55. package/dist/es2019/i18n/pt_BR.js +1 -0
  56. package/dist/es2019/i18n/ru.js +1 -0
  57. package/dist/es2019/i18n/sv.js +1 -0
  58. package/dist/es2019/i18n/th.js +1 -0
  59. package/dist/es2019/i18n/tr.js +1 -0
  60. package/dist/es2019/i18n/uk.js +1 -0
  61. package/dist/es2019/i18n/vi.js +1 -0
  62. package/dist/es2019/i18n/zh.js +1 -0
  63. package/dist/es2019/i18n/zh_TW.js +1 -0
  64. package/dist/es2019/imageMetaData/types.js +6 -6
  65. package/dist/es2019/version.json +1 -1
  66. package/dist/esm/MediaInlineCard/Frame/index.js +1 -0
  67. package/dist/esm/customMediaPlayer/index.js +1 -1
  68. package/dist/esm/i18n/cs.js +1 -0
  69. package/dist/esm/i18n/da.js +1 -0
  70. package/dist/esm/i18n/de.js +1 -0
  71. package/dist/esm/i18n/en.js +1 -0
  72. package/dist/esm/i18n/en_GB.js +2 -1
  73. package/dist/esm/i18n/es.js +1 -0
  74. package/dist/esm/i18n/fi.js +1 -0
  75. package/dist/esm/i18n/fr.js +1 -0
  76. package/dist/esm/i18n/hu.js +1 -0
  77. package/dist/esm/i18n/it.js +1 -0
  78. package/dist/esm/i18n/ja.js +2 -1
  79. package/dist/esm/i18n/ko.js +1 -0
  80. package/dist/esm/i18n/nb.js +1 -0
  81. package/dist/esm/i18n/nl.js +1 -0
  82. package/dist/esm/i18n/pl.js +1 -0
  83. package/dist/esm/i18n/pt_BR.js +1 -0
  84. package/dist/esm/i18n/ru.js +1 -0
  85. package/dist/esm/i18n/sv.js +1 -0
  86. package/dist/esm/i18n/th.js +1 -0
  87. package/dist/esm/i18n/tr.js +1 -0
  88. package/dist/esm/i18n/uk.js +1 -0
  89. package/dist/esm/i18n/vi.js +1 -0
  90. package/dist/esm/i18n/zh.js +1 -0
  91. package/dist/esm/i18n/zh_TW.js +1 -0
  92. package/dist/esm/imageMetaData/index.js +83 -89
  93. package/dist/esm/imageMetaData/metatags.js +35 -37
  94. package/dist/esm/imageMetaData/parseJPEG.js +33 -35
  95. package/dist/esm/imageMetaData/parsePNG.js +82 -86
  96. package/dist/esm/imageMetaData/types.js +6 -6
  97. package/dist/esm/util.js +42 -46
  98. package/dist/esm/version.json +1 -1
  99. package/dist/types/i18n/en_GB.d.ts +1 -1
  100. package/package.json +20 -20
@@ -1,3 +1,4 @@
1
+ /* prettier-ignore */
1
2
  /**
2
3
  * NOTE:
3
4
  *
@@ -1,3 +1,4 @@
1
+ /* prettier-ignore */
1
2
  /**
2
3
  * NOTE:
3
4
  *
@@ -1,3 +1,4 @@
1
+ /* prettier-ignore */
1
2
  /**
2
3
  * NOTE:
3
4
  *
@@ -1,3 +1,4 @@
1
+ /* prettier-ignore */
1
2
  /**
2
3
  * NOTE:
3
4
  *
@@ -16,7 +17,7 @@ export default {
16
17
  'fabric.media.annotate.tool.arrow': 'Arrow',
17
18
  'fabric.media.annotate.tool.blur': 'Blur',
18
19
  'fabric.media.annotate.tool.brush': 'Brush',
19
- 'fabric.media.annotate.tool.colour': 'Colour',
20
+ 'fabric.media.annotate.tool.color': 'Colour',
20
21
  'fabric.media.annotate.tool.line.thickness': 'Line thickness',
21
22
  'fabric.media.annotate.tool.shape': 'Shape',
22
23
  'fabric.media.annotate.tool.text': 'Text',
@@ -1,3 +1,4 @@
1
+ /* prettier-ignore */
1
2
  /**
2
3
  * NOTE:
3
4
  *
@@ -1,3 +1,4 @@
1
+ /* prettier-ignore */
1
2
  /**
2
3
  * NOTE:
3
4
  *
@@ -1,3 +1,4 @@
1
+ /* prettier-ignore */
1
2
  /**
2
3
  * NOTE:
3
4
  *
@@ -1,3 +1,4 @@
1
+ /* prettier-ignore */
1
2
  /**
2
3
  * NOTE:
3
4
  *
@@ -1,3 +1,4 @@
1
+ /* prettier-ignore */
1
2
  /**
2
3
  * NOTE:
3
4
  *
@@ -1,3 +1,4 @@
1
+ /* prettier-ignore */
1
2
  /**
2
3
  * NOTE:
3
4
  *
@@ -45,7 +46,7 @@ export default {
45
46
  'fabric.media.couldnt_load_file': 'ファイルを読み込めませんでした。',
46
47
  'fabric.media.couldnt_load_link': '不明な理由によって、このリンクを読み込めませんでした。',
47
48
  'fabric.media.creating_preview': 'プレビューを作成中...',
48
- 'fabric.media.default_avatars': 'デフォルトのアバター',
49
+ 'fabric.media.default_avatars': '既定のアバター',
49
50
  'fabric.media.disable_fullscreen': '全画面表示を無効化',
50
51
  'fabric.media.display_thumbnail': 'サムネイルを表示',
51
52
  'fabric.media.document': 'ドキュメント',
@@ -1,3 +1,4 @@
1
+ /* prettier-ignore */
1
2
  /**
2
3
  * NOTE:
3
4
  *
@@ -1,3 +1,4 @@
1
+ /* prettier-ignore */
1
2
  /**
2
3
  * NOTE:
3
4
  *
@@ -1,3 +1,4 @@
1
+ /* prettier-ignore */
1
2
  /**
2
3
  * NOTE:
3
4
  *
@@ -1,3 +1,4 @@
1
+ /* prettier-ignore */
1
2
  /**
2
3
  * NOTE:
3
4
  *
@@ -1,3 +1,4 @@
1
+ /* prettier-ignore */
1
2
  /**
2
3
  * NOTE:
3
4
  *
@@ -1,3 +1,4 @@
1
+ /* prettier-ignore */
1
2
  /**
2
3
  * NOTE:
3
4
  *
@@ -1,3 +1,4 @@
1
+ /* prettier-ignore */
1
2
  /**
2
3
  * NOTE:
3
4
  *
@@ -1,3 +1,4 @@
1
+ /* prettier-ignore */
1
2
  /**
2
3
  * NOTE:
3
4
  *
@@ -1,3 +1,4 @@
1
+ /* prettier-ignore */
1
2
  /**
2
3
  * NOTE:
3
4
  *
@@ -1,3 +1,4 @@
1
+ /* prettier-ignore */
1
2
  /**
2
3
  * NOTE:
3
4
  *
@@ -1,3 +1,4 @@
1
+ /* prettier-ignore */
1
2
  /**
2
3
  * NOTE:
3
4
  *
@@ -1,3 +1,4 @@
1
+ /* prettier-ignore */
1
2
  /**
2
3
  * NOTE:
3
4
  *
@@ -1,3 +1,4 @@
1
+ /* prettier-ignore */
1
2
  /**
2
3
  * NOTE:
3
4
  *
@@ -17,30 +17,28 @@ function _getImageInfo() {
17
17
  _getImageInfo = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(fileInfo) {
18
18
  var metadata, width, height, tags, scaleFactor;
19
19
  return _regeneratorRuntime.wrap(function _callee$(_context) {
20
- while (1) {
21
- switch (_context.prev = _context.next) {
22
- case 0:
23
- _context.next = 2;
24
- return readImageMetaData(fileInfo);
25
- case 2:
26
- metadata = _context.sent;
27
- if (metadata) {
28
- _context.next = 5;
29
- break;
30
- }
31
- return _context.abrupt("return", null);
32
- case 5:
33
- width = metadata.width, height = metadata.height, tags = metadata.tags;
34
- scaleFactor = getScaleFactor(fileInfo.file, tags);
35
- return _context.abrupt("return", {
36
- scaleFactor: scaleFactor,
37
- width: width,
38
- height: height
39
- });
40
- case 8:
41
- case "end":
42
- return _context.stop();
43
- }
20
+ while (1) switch (_context.prev = _context.next) {
21
+ case 0:
22
+ _context.next = 2;
23
+ return readImageMetaData(fileInfo);
24
+ case 2:
25
+ metadata = _context.sent;
26
+ if (metadata) {
27
+ _context.next = 5;
28
+ break;
29
+ }
30
+ return _context.abrupt("return", null);
31
+ case 5:
32
+ width = metadata.width, height = metadata.height, tags = metadata.tags;
33
+ scaleFactor = getScaleFactor(fileInfo.file, tags);
34
+ return _context.abrupt("return", {
35
+ scaleFactor: scaleFactor,
36
+ width: width,
37
+ height: height
38
+ });
39
+ case 8:
40
+ case "end":
41
+ return _context.stop();
44
42
  }
45
43
  }, _callee);
46
44
  }));
@@ -85,18 +83,16 @@ function _getOrientation() {
85
83
  _getOrientation = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(file) {
86
84
  var tags;
87
85
  return _regeneratorRuntime.wrap(function _callee2$(_context2) {
88
- while (1) {
89
- switch (_context2.prev = _context2.next) {
90
- case 0:
91
- _context2.next = 2;
92
- return readImageMetaTags(file);
93
- case 2:
94
- tags = _context2.sent;
95
- return _context2.abrupt("return", getOrientationFromTags(tags));
96
- case 4:
97
- case "end":
98
- return _context2.stop();
99
- }
86
+ while (1) switch (_context2.prev = _context2.next) {
87
+ case 0:
88
+ _context2.next = 2;
89
+ return readImageMetaTags(file);
90
+ case 2:
91
+ tags = _context2.sent;
92
+ return _context2.abrupt("return", getOrientationFromTags(tags));
93
+ case 4:
94
+ case "end":
95
+ return _context2.stop();
100
96
  }
101
97
  }, _callee2);
102
98
  }));
@@ -132,61 +128,59 @@ function _readImageMetaData() {
132
128
  _readImageMetaData = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3(fileInfo) {
133
129
  var file, src, type, width, height, tags, orientation, isImageRotated, data, img, _readImageNaturalOrie, _width, _height;
134
130
  return _regeneratorRuntime.wrap(function _callee3$(_context3) {
135
- while (1) {
136
- switch (_context3.prev = _context3.next) {
137
- case 0:
138
- file = fileInfo.file, src = fileInfo.src;
139
- type = file.type;
140
- width = 0;
141
- height = 0;
142
- _context3.next = 6;
143
- return readImageMetaTags(file);
144
- case 6:
145
- tags = _context3.sent;
146
- // since we're reading metadata anyway, try to get dimensions from there...
147
- if (tags && tags.PixelXDimension) {
148
- width = getMetaTagNumericValue(tags, 'PixelXDimension', 0);
149
- }
150
- if (tags && tags.PixelXDimension) {
151
- height = getMetaTagNumericValue(tags, 'PixelYDimension', 0);
152
- }
153
- // otherwise, load the image async (ideally avoid if found above due to being slightly expensive)
154
- orientation = getOrientationFromTags(tags);
155
- isImageRotated = isRotated(orientation);
156
- data = {
157
- type: type,
158
- width: width,
159
- height: height,
160
- naturalWidth: width,
161
- naturalHeight: height,
162
- tags: tags
163
- };
164
- if (!(isImageRotated || width === 0 && height === 0)) {
165
- _context3.next = 27;
166
- break;
167
- }
168
- _context3.prev = 13;
169
- _context3.next = 16;
170
- return loadImage(src);
171
- case 16:
172
- img = _context3.sent;
173
- _readImageNaturalOrie = readImageNaturalOrientationFromDOM(img), _width = _readImageNaturalOrie.width, _height = _readImageNaturalOrie.height;
174
- data.width = _width;
175
- data.height = _height;
176
- data.naturalWidth = img.naturalWidth;
177
- data.naturalHeight = img.naturalHeight;
131
+ while (1) switch (_context3.prev = _context3.next) {
132
+ case 0:
133
+ file = fileInfo.file, src = fileInfo.src;
134
+ type = file.type;
135
+ width = 0;
136
+ height = 0;
137
+ _context3.next = 6;
138
+ return readImageMetaTags(file);
139
+ case 6:
140
+ tags = _context3.sent;
141
+ // since we're reading metadata anyway, try to get dimensions from there...
142
+ if (tags && tags.PixelXDimension) {
143
+ width = getMetaTagNumericValue(tags, 'PixelXDimension', 0);
144
+ }
145
+ if (tags && tags.PixelXDimension) {
146
+ height = getMetaTagNumericValue(tags, 'PixelYDimension', 0);
147
+ }
148
+ // otherwise, load the image async (ideally avoid if found above due to being slightly expensive)
149
+ orientation = getOrientationFromTags(tags);
150
+ isImageRotated = isRotated(orientation);
151
+ data = {
152
+ type: type,
153
+ width: width,
154
+ height: height,
155
+ naturalWidth: width,
156
+ naturalHeight: height,
157
+ tags: tags
158
+ };
159
+ if (!(isImageRotated || width === 0 && height === 0)) {
178
160
  _context3.next = 27;
179
161
  break;
180
- case 24:
181
- _context3.prev = 24;
182
- _context3.t0 = _context3["catch"](13);
183
- return _context3.abrupt("return", null);
184
- case 27:
185
- return _context3.abrupt("return", data);
186
- case 28:
187
- case "end":
188
- return _context3.stop();
189
- }
162
+ }
163
+ _context3.prev = 13;
164
+ _context3.next = 16;
165
+ return loadImage(src);
166
+ case 16:
167
+ img = _context3.sent;
168
+ _readImageNaturalOrie = readImageNaturalOrientationFromDOM(img), _width = _readImageNaturalOrie.width, _height = _readImageNaturalOrie.height;
169
+ data.width = _width;
170
+ data.height = _height;
171
+ data.naturalWidth = img.naturalWidth;
172
+ data.naturalHeight = img.naturalHeight;
173
+ _context3.next = 27;
174
+ break;
175
+ case 24:
176
+ _context3.prev = 24;
177
+ _context3.t0 = _context3["catch"](13);
178
+ return _context3.abrupt("return", null);
179
+ case 27:
180
+ return _context3.abrupt("return", data);
181
+ case 28:
182
+ case "end":
183
+ return _context3.stop();
190
184
  }
191
185
  }, _callee3, null, [[13, 24]]);
192
186
  }));
@@ -14,44 +14,42 @@ function _readImageMetaTags() {
14
14
  _readImageMetaTags = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(file) {
15
15
  var type, _yield$readPNGXMPMeta, iTXt, pHYs, xmpMetaData;
16
16
  return _regeneratorRuntime.wrap(function _callee$(_context) {
17
- while (1) {
18
- switch (_context.prev = _context.next) {
19
- case 0:
20
- type = file.type;
21
- _context.prev = 1;
22
- if (!(type === ImageType.PNG)) {
23
- _context.next = 12;
24
- break;
25
- }
26
- _context.next = 5;
27
- return readPNGXMPMetaData(file);
28
- case 5:
29
- _yield$readPNGXMPMeta = _context.sent;
30
- iTXt = _yield$readPNGXMPMeta.iTXt;
31
- pHYs = _yield$readPNGXMPMeta.pHYs;
32
- xmpMetaData = _objectSpread(_objectSpread({}, parseXMPMetaData(iTXt)), pHYs);
33
- return _context.abrupt("return", xmpMetaData);
34
- case 12:
35
- if (!(file.type === ImageType.JPEG)) {
36
- _context.next = 16;
37
- break;
38
- }
39
- _context.next = 15;
40
- return readJPEGExifMetaData(file);
41
- case 15:
42
- return _context.abrupt("return", _context.sent);
43
- case 16:
44
- _context.next = 20;
17
+ while (1) switch (_context.prev = _context.next) {
18
+ case 0:
19
+ type = file.type;
20
+ _context.prev = 1;
21
+ if (!(type === ImageType.PNG)) {
22
+ _context.next = 12;
45
23
  break;
46
- case 18:
47
- _context.prev = 18;
48
- _context.t0 = _context["catch"](1);
49
- case 20:
50
- return _context.abrupt("return", null);
51
- case 21:
52
- case "end":
53
- return _context.stop();
54
- }
24
+ }
25
+ _context.next = 5;
26
+ return readPNGXMPMetaData(file);
27
+ case 5:
28
+ _yield$readPNGXMPMeta = _context.sent;
29
+ iTXt = _yield$readPNGXMPMeta.iTXt;
30
+ pHYs = _yield$readPNGXMPMeta.pHYs;
31
+ xmpMetaData = _objectSpread(_objectSpread({}, parseXMPMetaData(iTXt)), pHYs);
32
+ return _context.abrupt("return", xmpMetaData);
33
+ case 12:
34
+ if (!(file.type === ImageType.JPEG)) {
35
+ _context.next = 16;
36
+ break;
37
+ }
38
+ _context.next = 15;
39
+ return readJPEGExifMetaData(file);
40
+ case 15:
41
+ return _context.abrupt("return", _context.sent);
42
+ case 16:
43
+ _context.next = 20;
44
+ break;
45
+ case 18:
46
+ _context.prev = 18;
47
+ _context.t0 = _context["catch"](1);
48
+ case 20:
49
+ return _context.abrupt("return", null);
50
+ case 21:
51
+ case "end":
52
+ return _context.stop();
55
53
  }
56
54
  }, _callee, null, [[1, 18]]);
57
55
  }));
@@ -10,42 +10,40 @@ export function readJPEGExifMetaData(file) {
10
10
  var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(resolve, reject) {
11
11
  var module;
12
12
  return _regeneratorRuntime.wrap(function _callee$(_context) {
13
- while (1) {
14
- switch (_context.prev = _context.next) {
15
- case 0:
16
- if (loadImage) {
17
- _context.next = 5;
18
- break;
13
+ while (1) switch (_context.prev = _context.next) {
14
+ case 0:
15
+ if (loadImage) {
16
+ _context.next = 5;
17
+ break;
18
+ }
19
+ _context.next = 3;
20
+ return import('blueimp-load-image');
21
+ case 3:
22
+ module = _context.sent;
23
+ loadImage = module.default || module;
24
+ case 5:
25
+ loadImage.parseMetaData(file, function (data) {
26
+ try {
27
+ var tags = data && data.exif ? data.exif.getAll() : {};
28
+ Object.keys(tags).forEach(function (key) {
29
+ var value = tags[key];
30
+ if (_typeof(value) === 'object' && (key === XResolution || key === YResolution) && 'numerator' in value) {
31
+ // some test images had this structure, so just take the numerator value to simplify returned value
32
+ tags[key] = value.numerator;
33
+ }
34
+ if (typeof tags[key] === 'number') {
35
+ // in case numbers types were auto-converted, keep everything the same between jpeg & png we keep as strings
36
+ tags[key] = "".concat(tags[key]);
37
+ }
38
+ });
39
+ resolve(tags);
40
+ } catch (e) {
41
+ reject(e);
19
42
  }
20
- _context.next = 3;
21
- return import('blueimp-load-image');
22
- case 3:
23
- module = _context.sent;
24
- loadImage = module.default || module;
25
- case 5:
26
- loadImage.parseMetaData(file, function (data) {
27
- try {
28
- var tags = data && data.exif ? data.exif.getAll() : {};
29
- Object.keys(tags).forEach(function (key) {
30
- var value = tags[key];
31
- if (_typeof(value) === 'object' && (key === XResolution || key === YResolution) && 'numerator' in value) {
32
- // some test images had this structure, so just take the numerator value to simplify returned value
33
- tags[key] = value.numerator;
34
- }
35
- if (typeof tags[key] === 'number') {
36
- // in case numbers types were auto-converted, keep everything the same between jpeg & png we keep as strings
37
- tags[key] = "".concat(tags[key]);
38
- }
39
- });
40
- resolve(tags);
41
- } catch (e) {
42
- reject(e);
43
- }
44
- });
45
- case 6:
46
- case "end":
47
- return _context.stop();
48
- }
43
+ });
44
+ case 6:
45
+ case "end":
46
+ return _context.stop();
49
47
  }
50
48
  }, _callee);
51
49
  }));