@atlaskit/media-card 73.3.0 → 73.3.3

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 (11) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/dist/cjs/root/inline/mediaInlineCard.js +7 -4
  3. package/dist/cjs/utils/viewportDetector.js +3 -1
  4. package/dist/cjs/version.json +1 -1
  5. package/dist/es2019/root/inline/mediaInlineCard.js +7 -4
  6. package/dist/es2019/utils/viewportDetector.js +3 -1
  7. package/dist/es2019/version.json +1 -1
  8. package/dist/esm/root/inline/mediaInlineCard.js +7 -4
  9. package/dist/esm/utils/viewportDetector.js +3 -1
  10. package/dist/esm/version.json +1 -1
  11. package/package.json +2 -2
package/CHANGELOG.md CHANGED
@@ -1,5 +1,18 @@
1
1
  # @atlaskit/media-card
2
2
 
3
+ ## 73.3.2
4
+
5
+ ### Patch Changes
6
+
7
+ - [`4f97dd898fc`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4f97dd898fc) - EDM-2995: fix media inline icon, use mimeType to render a better icon type
8
+ - Updated dependencies
9
+
10
+ ## 73.3.1
11
+
12
+ ### Patch Changes
13
+
14
+ - [`9671dfa12b1`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9671dfa12b1) - Revert [MEX-1276] fix vertical scroll for firefox when media link is wrapped
15
+
3
16
  ## 73.3.0
4
17
 
5
18
  ### Minor Changes
package/dist/cjs/root/inline/mediaInlineCard.js CHANGED
@@ -19,7 +19,7 @@ var _reactIntlNext = require("react-intl-next");
19
19
 
20
20
  var _mediaUi = require("@atlaskit/media-ui");
21
21
 
22
- var _mediaTypeIcon = require("@atlaskit/media-ui/media-type-icon");
22
+ var _mimeTypeIcon = require("@atlaskit/media-ui/mime-type-icon");
23
23
 
24
24
  var _mediaViewer = require("@atlaskit/media-viewer");
25
25
 
@@ -149,12 +149,15 @@ var MediaInlineCardInternal = function MediaInlineCardInternal(_ref) {
149
149
  }
150
150
 
151
151
  var mediaType = fileState.mediaType,
152
- name = fileState.name;
152
+ name = fileState.name,
153
+ mimeType = fileState.mimeType;
153
154
 
154
- var linkIcon = /*#__PURE__*/_react.default.createElement(_mediaTypeIcon.MediaTypeIcon, {
155
+ var linkIcon = /*#__PURE__*/_react.default.createElement(_mimeTypeIcon.MimeTypeIcon, {
155
156
  testId: 'media-inline-card-file-type-icon',
156
157
  size: "small",
157
- type: mediaType
158
+ mediaType: mediaType,
159
+ mimeType: mimeType,
160
+ name: name
158
161
  });
159
162
 
160
163
  var mediaViewer = renderMediaViewer();
package/dist/cjs/utils/viewportDetector.js CHANGED
@@ -36,7 +36,9 @@ var ViewportAnchor = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
36
36
  className: "media-card-viewport-anchor",
37
37
  style: {
38
38
  position: 'absolute',
39
- top: "".concat(props.offsetTop, "px")
39
+ top: "".concat(props.offsetTop, "px"),
40
+ maxHeight: 0,
41
+ pointerEvents: 'none'
40
42
  }
41
43
  });
42
44
  });
package/dist/cjs/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/media-card",
3
- "version": "73.3.0",
3
+ "version": "73.3.3",
4
4
  "sideEffects": false
5
5
  }
package/dist/es2019/root/inline/mediaInlineCard.js CHANGED
@@ -2,7 +2,7 @@ import React, { useState, useEffect } from 'react';
2
2
  import ReactDOM from 'react-dom';
3
3
  import { injectIntl, IntlProvider, createIntl } from 'react-intl-next';
4
4
  import { MediaInlineCardLoadedView, MediaInlineCardLoadingView, MediaInlineCardErroredView, messages } from '@atlaskit/media-ui';
5
- import { MediaTypeIcon } from '@atlaskit/media-ui/media-type-icon';
5
+ import { MimeTypeIcon } from '@atlaskit/media-ui/mime-type-icon';
6
6
  import { MediaViewer } from '@atlaskit/media-viewer';
7
7
  import Tooltip from '@atlaskit/tooltip';
8
8
  import { formatDate } from '@atlaskit/media-ui/formatDate';
@@ -112,12 +112,15 @@ export const MediaInlineCardInternal = ({
112
112
 
113
113
  const {
114
114
  mediaType,
115
- name
115
+ name,
116
+ mimeType
116
117
  } = fileState;
117
- const linkIcon = /*#__PURE__*/React.createElement(MediaTypeIcon, {
118
+ const linkIcon = /*#__PURE__*/React.createElement(MimeTypeIcon, {
118
119
  testId: 'media-inline-card-file-type-icon',
119
120
  size: "small",
120
- type: mediaType
121
+ mediaType: mediaType,
122
+ mimeType: mimeType,
123
+ name: name
121
124
  });
122
125
  const mediaViewer = renderMediaViewer();
123
126
  let formattedDate;
package/dist/es2019/utils/viewportDetector.js CHANGED
@@ -16,7 +16,9 @@ export const ViewportAnchor = /*#__PURE__*/forwardRef((props, ref) => {
16
16
  className: "media-card-viewport-anchor",
17
17
  style: {
18
18
  position: 'absolute',
19
- top: `${props.offsetTop}px`
19
+ top: `${props.offsetTop}px`,
20
+ maxHeight: 0,
21
+ pointerEvents: 'none'
20
22
  }
21
23
  });
22
24
  });
package/dist/es2019/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/media-card",
3
- "version": "73.3.0",
3
+ "version": "73.3.3",
4
4
  "sideEffects": false
5
5
  }
package/dist/esm/root/inline/mediaInlineCard.js CHANGED
@@ -3,7 +3,7 @@ import React, { useState, useEffect } from 'react';
3
3
  import ReactDOM from 'react-dom';
4
4
  import { injectIntl, IntlProvider, createIntl } from 'react-intl-next';
5
5
  import { MediaInlineCardLoadedView, MediaInlineCardLoadingView, MediaInlineCardErroredView, messages } from '@atlaskit/media-ui';
6
- import { MediaTypeIcon } from '@atlaskit/media-ui/media-type-icon';
6
+ import { MimeTypeIcon } from '@atlaskit/media-ui/mime-type-icon';
7
7
  import { MediaViewer } from '@atlaskit/media-viewer';
8
8
  import Tooltip from '@atlaskit/tooltip';
9
9
  import { formatDate } from '@atlaskit/media-ui/formatDate';
@@ -125,11 +125,14 @@ export var MediaInlineCardInternal = function MediaInlineCardInternal(_ref) {
125
125
  }
126
126
 
127
127
  var mediaType = fileState.mediaType,
128
- name = fileState.name;
129
- var linkIcon = /*#__PURE__*/React.createElement(MediaTypeIcon, {
128
+ name = fileState.name,
129
+ mimeType = fileState.mimeType;
130
+ var linkIcon = /*#__PURE__*/React.createElement(MimeTypeIcon, {
130
131
  testId: 'media-inline-card-file-type-icon',
131
132
  size: "small",
132
- type: mediaType
133
+ mediaType: mediaType,
134
+ mimeType: mimeType,
135
+ name: name
133
136
  });
134
137
  var mediaViewer = renderMediaViewer();
135
138
  var formattedDate;
package/dist/esm/utils/viewportDetector.js CHANGED
@@ -22,7 +22,9 @@ export var ViewportAnchor = /*#__PURE__*/forwardRef(function (props, ref) {
22
22
  className: "media-card-viewport-anchor",
23
23
  style: {
24
24
  position: 'absolute',
25
- top: "".concat(props.offsetTop, "px")
25
+ top: "".concat(props.offsetTop, "px"),
26
+ maxHeight: 0,
27
+ pointerEvents: 'none'
26
28
  }
27
29
  });
28
30
  });
package/dist/esm/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/media-card",
3
- "version": "73.3.0",
3
+ "version": "73.3.3",
4
4
  "sideEffects": false
5
5
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/media-card",
3
- "version": "73.3.0",
3
+ "version": "73.3.3",
4
4
  "description": "Includes all media card related components, CardView, CardViewSmall, Card...",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -35,7 +35,7 @@
35
35
  "@atlaskit/in-product-testing": "^0.1.0",
36
36
  "@atlaskit/media-client": "^14.4.0",
37
37
  "@atlaskit/media-common": "^2.11.0",
38
- "@atlaskit/media-ui": "^20.0.0",
38
+ "@atlaskit/media-ui": "^20.1.0",
39
39
  "@atlaskit/media-viewer": "^46.1.0",
40
40
  "@atlaskit/spinner": "^15.1.0",
41
41
  "@atlaskit/theme": "^12.1.0",