@atlaskit/media-card 81.1.1 → 81.1.2
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.
- package/CHANGELOG.md +14 -0
- package/dist/cjs/card/card.js +1 -1
- package/dist/cjs/card/media-card-analytics-error-boundary.js +1 -1
- package/dist/cjs/card/ui/openMediaViewerButton/openMediaViewerButton.js +6 -1
- package/dist/cjs/inline/loader.js +1 -1
- package/dist/cjs/utils/ufoExperiences.js +1 -1
- package/dist/es2019/card/card.js +1 -1
- package/dist/es2019/card/media-card-analytics-error-boundary.js +1 -1
- package/dist/es2019/card/ui/openMediaViewerButton/openMediaViewerButton.js +6 -1
- package/dist/es2019/inline/loader.js +1 -1
- package/dist/es2019/utils/ufoExperiences.js +1 -1
- package/dist/esm/card/card.js +1 -1
- package/dist/esm/card/media-card-analytics-error-boundary.js +1 -1
- package/dist/esm/card/ui/openMediaViewerButton/openMediaViewerButton.js +6 -1
- package/dist/esm/inline/loader.js +1 -1
- package/dist/esm/utils/ufoExperiences.js +1 -1
- package/package.json +13 -9
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,19 @@
|
|
|
1
1
|
# @atlaskit/media-card
|
|
2
2
|
|
|
3
|
+
## 81.1.2
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`ee28cf33718b0`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ee28cf33718b0) -
|
|
8
|
+
Add @atlassian/react-compiler-gating as a runtime dependency to enable React Compiler platform
|
|
9
|
+
gating.
|
|
10
|
+
- [`3a1dcbc4999da`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/3a1dcbc4999da) -
|
|
11
|
+
A11Y fix (A11Y-41905): Add new `open_file_in_viewer_aria_label` message
|
|
12
|
+
(`'Open {name} in fullscreen'`) to provide screen reader users with clearer context about the
|
|
13
|
+
button action. The original `open_file_in_viewer` message is unchanged. `OpenMediaViewerButton`
|
|
14
|
+
now applies this aria-label when the `create_modernization_ga_fixes_drop_2` gate is enabled.
|
|
15
|
+
- Updated dependencies
|
|
16
|
+
|
|
3
17
|
## 81.1.1
|
|
4
18
|
|
|
5
19
|
### Patch Changes
|
package/dist/cjs/card/card.js
CHANGED
|
@@ -20,7 +20,7 @@ var _label = _interopRequireDefault(require("@atlaskit/react-ufo/label"));
|
|
|
20
20
|
var _excluded = ["identifier"];
|
|
21
21
|
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
22
22
|
var packageName = "@atlaskit/media-card";
|
|
23
|
-
var packageVersion = "81.1.
|
|
23
|
+
var packageVersion = "81.1.1";
|
|
24
24
|
var CardBase = exports.CardBase = function CardBase(_ref) {
|
|
25
25
|
var identifier = _ref.identifier,
|
|
26
26
|
otherProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
|
|
@@ -87,7 +87,7 @@ var WrappedMediaCardAnalyticsErrorBoundary = /*#__PURE__*/function (_React$Compo
|
|
|
87
87
|
}(_react.default.Component);
|
|
88
88
|
(0, _defineProperty2.default)(WrappedMediaCardAnalyticsErrorBoundary, "displayName", 'MediaCardAnalyticsErrorBoundary');
|
|
89
89
|
var packageName = "@atlaskit/media-card";
|
|
90
|
-
var packageVersion = "81.1.
|
|
90
|
+
var packageVersion = "81.1.1";
|
|
91
91
|
|
|
92
92
|
// @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
|
|
93
93
|
var MediaCardAnalyticsErrorBoundary = (0, _mediaCommon.withMediaAnalyticsContext)({
|
|
@@ -10,6 +10,7 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
|
|
|
10
10
|
var _react = _interopRequireDefault(require("react"));
|
|
11
11
|
var _reactIntl = require("react-intl");
|
|
12
12
|
var _mediaUi = require("@atlaskit/media-ui");
|
|
13
|
+
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
13
14
|
var _compiled = require("@atlaskit/primitives/compiled");
|
|
14
15
|
var _visuallyHidden = _interopRequireDefault(require("@atlaskit/visually-hidden"));
|
|
15
16
|
var _excluded = ["fileName", "innerRef"];
|
|
@@ -20,7 +21,11 @@ var OpenMediaViewerButton = function OpenMediaViewerButton(_ref) {
|
|
|
20
21
|
var intl = (0, _reactIntl.useIntl)();
|
|
21
22
|
return /*#__PURE__*/_react.default.createElement(_visuallyHidden.default, null, /*#__PURE__*/_react.default.createElement(_compiled.Pressable, (0, _extends2.default)({
|
|
22
23
|
ref: innerRef
|
|
23
|
-
}, props
|
|
24
|
+
}, props, (0, _platformFeatureFlags.fg)('create_modernization_ga_fixes_drop_2') ? {
|
|
25
|
+
'aria-label': intl.formatMessage(_mediaUi.messages.open_file_in_viewer_aria_label, {
|
|
26
|
+
name: fileName
|
|
27
|
+
})
|
|
28
|
+
} : {}), intl.formatMessage(_mediaUi.messages.open_file_in_viewer, {
|
|
24
29
|
name: fileName
|
|
25
30
|
})));
|
|
26
31
|
};
|
|
@@ -116,7 +116,7 @@ var MediaInlineCardLoader = exports.default = /*#__PURE__*/function (_React$Pure
|
|
|
116
116
|
ErrorBoundary = _this$state.ErrorBoundary;
|
|
117
117
|
var analyticsContext = {
|
|
118
118
|
packageVersion: "@atlaskit/media-card",
|
|
119
|
-
packageName: "81.1.
|
|
119
|
+
packageName: "81.1.1",
|
|
120
120
|
componentName: 'mediaInlineCard',
|
|
121
121
|
component: 'mediaInlineCard'
|
|
122
122
|
};
|
|
@@ -19,7 +19,7 @@ var _globalScope = require("./globalScope/globalScope");
|
|
|
19
19
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
20
20
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
21
21
|
var packageName = "@atlaskit/media-card";
|
|
22
|
-
var packageVersion = "81.1.
|
|
22
|
+
var packageVersion = "81.1.1";
|
|
23
23
|
var SAMPLE_RATE = 0.05;
|
|
24
24
|
|
|
25
25
|
/**
|
package/dist/es2019/card/card.js
CHANGED
|
@@ -9,7 +9,7 @@ import { startResourceObserver, setAnalyticsContext } from '../utils/mediaPerfor
|
|
|
9
9
|
import { useAnalyticsEvents } from '@atlaskit/analytics-next';
|
|
10
10
|
import UFOLabel from '@atlaskit/react-ufo/label';
|
|
11
11
|
const packageName = "@atlaskit/media-card";
|
|
12
|
-
const packageVersion = "81.1.
|
|
12
|
+
const packageVersion = "81.1.1";
|
|
13
13
|
export const CardBase = ({
|
|
14
14
|
identifier,
|
|
15
15
|
...otherProps
|
|
@@ -66,7 +66,7 @@ class WrappedMediaCardAnalyticsErrorBoundary extends React.Component {
|
|
|
66
66
|
}
|
|
67
67
|
_defineProperty(WrappedMediaCardAnalyticsErrorBoundary, "displayName", 'MediaCardAnalyticsErrorBoundary');
|
|
68
68
|
const packageName = "@atlaskit/media-card";
|
|
69
|
-
const packageVersion = "81.1.
|
|
69
|
+
const packageVersion = "81.1.1";
|
|
70
70
|
|
|
71
71
|
// @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
|
|
72
72
|
const MediaCardAnalyticsErrorBoundary = withMediaAnalyticsContext({
|
|
@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
|
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { injectIntl, IntlProvider, useIntl } from 'react-intl';
|
|
4
4
|
import { messages } from '@atlaskit/media-ui';
|
|
5
|
+
import { fg } from '@atlaskit/platform-feature-flags';
|
|
5
6
|
import { Pressable } from '@atlaskit/primitives/compiled';
|
|
6
7
|
import VisuallyHidden from '@atlaskit/visually-hidden';
|
|
7
8
|
const OpenMediaViewerButton = ({
|
|
@@ -12,7 +13,11 @@ const OpenMediaViewerButton = ({
|
|
|
12
13
|
const intl = useIntl();
|
|
13
14
|
return /*#__PURE__*/React.createElement(VisuallyHidden, null, /*#__PURE__*/React.createElement(Pressable, _extends({
|
|
14
15
|
ref: innerRef
|
|
15
|
-
}, props
|
|
16
|
+
}, props, fg('create_modernization_ga_fixes_drop_2') ? {
|
|
17
|
+
'aria-label': intl.formatMessage(messages.open_file_in_viewer_aria_label, {
|
|
18
|
+
name: fileName
|
|
19
|
+
})
|
|
20
|
+
} : {}), intl.formatMessage(messages.open_file_in_viewer, {
|
|
16
21
|
name: fileName
|
|
17
22
|
})));
|
|
18
23
|
};
|
|
@@ -37,7 +37,7 @@ export default class MediaInlineCardLoader extends React.PureComponent {
|
|
|
37
37
|
} = this.state;
|
|
38
38
|
const analyticsContext = {
|
|
39
39
|
packageVersion: "@atlaskit/media-card",
|
|
40
|
-
packageName: "81.1.
|
|
40
|
+
packageName: "81.1.1",
|
|
41
41
|
componentName: 'mediaInlineCard',
|
|
42
42
|
component: 'mediaInlineCard'
|
|
43
43
|
};
|
|
@@ -9,7 +9,7 @@ import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
|
|
|
9
9
|
import { getActiveInteraction } from '@atlaskit/react-ufo/interaction-metrics';
|
|
10
10
|
import { getMediaGlobalScope } from './globalScope/globalScope';
|
|
11
11
|
const packageName = "@atlaskit/media-card";
|
|
12
|
-
const packageVersion = "81.1.
|
|
12
|
+
const packageVersion = "81.1.1";
|
|
13
13
|
const SAMPLE_RATE = 0.05;
|
|
14
14
|
|
|
15
15
|
/**
|
package/dist/esm/card/card.js
CHANGED
|
@@ -11,7 +11,7 @@ import { startResourceObserver, setAnalyticsContext } from '../utils/mediaPerfor
|
|
|
11
11
|
import { useAnalyticsEvents } from '@atlaskit/analytics-next';
|
|
12
12
|
import UFOLabel from '@atlaskit/react-ufo/label';
|
|
13
13
|
var packageName = "@atlaskit/media-card";
|
|
14
|
-
var packageVersion = "81.1.
|
|
14
|
+
var packageVersion = "81.1.1";
|
|
15
15
|
export var CardBase = function CardBase(_ref) {
|
|
16
16
|
var identifier = _ref.identifier,
|
|
17
17
|
otherProps = _objectWithoutProperties(_ref, _excluded);
|
|
@@ -80,7 +80,7 @@ var WrappedMediaCardAnalyticsErrorBoundary = /*#__PURE__*/function (_React$Compo
|
|
|
80
80
|
}(React.Component);
|
|
81
81
|
_defineProperty(WrappedMediaCardAnalyticsErrorBoundary, "displayName", 'MediaCardAnalyticsErrorBoundary');
|
|
82
82
|
var packageName = "@atlaskit/media-card";
|
|
83
|
-
var packageVersion = "81.1.
|
|
83
|
+
var packageVersion = "81.1.1";
|
|
84
84
|
|
|
85
85
|
// @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
|
|
86
86
|
var MediaCardAnalyticsErrorBoundary = withMediaAnalyticsContext({
|
|
@@ -4,6 +4,7 @@ var _excluded = ["fileName", "innerRef"];
|
|
|
4
4
|
import React from 'react';
|
|
5
5
|
import { injectIntl, IntlProvider, useIntl } from 'react-intl';
|
|
6
6
|
import { messages } from '@atlaskit/media-ui';
|
|
7
|
+
import { fg } from '@atlaskit/platform-feature-flags';
|
|
7
8
|
import { Pressable } from '@atlaskit/primitives/compiled';
|
|
8
9
|
import VisuallyHidden from '@atlaskit/visually-hidden';
|
|
9
10
|
var OpenMediaViewerButton = function OpenMediaViewerButton(_ref) {
|
|
@@ -13,7 +14,11 @@ var OpenMediaViewerButton = function OpenMediaViewerButton(_ref) {
|
|
|
13
14
|
var intl = useIntl();
|
|
14
15
|
return /*#__PURE__*/React.createElement(VisuallyHidden, null, /*#__PURE__*/React.createElement(Pressable, _extends({
|
|
15
16
|
ref: innerRef
|
|
16
|
-
}, props
|
|
17
|
+
}, props, fg('create_modernization_ga_fixes_drop_2') ? {
|
|
18
|
+
'aria-label': intl.formatMessage(messages.open_file_in_viewer_aria_label, {
|
|
19
|
+
name: fileName
|
|
20
|
+
})
|
|
21
|
+
} : {}), intl.formatMessage(messages.open_file_in_viewer, {
|
|
17
22
|
name: fileName
|
|
18
23
|
})));
|
|
19
24
|
};
|
|
@@ -101,7 +101,7 @@ var MediaInlineCardLoader = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
101
101
|
ErrorBoundary = _this$state.ErrorBoundary;
|
|
102
102
|
var analyticsContext = {
|
|
103
103
|
packageVersion: "@atlaskit/media-card",
|
|
104
|
-
packageName: "81.1.
|
|
104
|
+
packageName: "81.1.1",
|
|
105
105
|
componentName: 'mediaInlineCard',
|
|
106
106
|
component: 'mediaInlineCard'
|
|
107
107
|
};
|
|
@@ -13,7 +13,7 @@ import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
|
|
|
13
13
|
import { getActiveInteraction } from '@atlaskit/react-ufo/interaction-metrics';
|
|
14
14
|
import { getMediaGlobalScope } from './globalScope/globalScope';
|
|
15
15
|
var packageName = "@atlaskit/media-card";
|
|
16
|
-
var packageVersion = "81.1.
|
|
16
|
+
var packageVersion = "81.1.1";
|
|
17
17
|
var SAMPLE_RATE = 0.05;
|
|
18
18
|
|
|
19
19
|
/**
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/media-card",
|
|
3
|
-
"version": "81.1.
|
|
3
|
+
"version": "81.1.2",
|
|
4
4
|
"description": "Includes all media card related components, CardView, CardViewSmall, Card...",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -36,25 +36,26 @@
|
|
|
36
36
|
"@atlaskit/icon": "^36.0.0",
|
|
37
37
|
"@atlaskit/interaction-context": "^4.0.0",
|
|
38
38
|
"@atlaskit/link": "^4.0.0",
|
|
39
|
-
"@atlaskit/media-client": "^37.
|
|
39
|
+
"@atlaskit/media-client": "^37.1.0",
|
|
40
40
|
"@atlaskit/media-client-react": "^6.0.0",
|
|
41
|
-
"@atlaskit/media-common": "^14.
|
|
41
|
+
"@atlaskit/media-common": "^14.1.0",
|
|
42
42
|
"@atlaskit/media-file-preview": "^1.0.0",
|
|
43
43
|
"@atlaskit/media-state": "^3.0.0",
|
|
44
44
|
"@atlaskit/media-svg": "^3.0.0",
|
|
45
|
-
"@atlaskit/media-ui": "^30.
|
|
46
|
-
"@atlaskit/media-viewer": "^54.
|
|
45
|
+
"@atlaskit/media-ui": "^30.3.0",
|
|
46
|
+
"@atlaskit/media-viewer": "^54.2.0",
|
|
47
47
|
"@atlaskit/platform-feature-flags": "^2.0.0",
|
|
48
48
|
"@atlaskit/primitives": "^20.0.0",
|
|
49
49
|
"@atlaskit/progress-bar": "^5.0.0",
|
|
50
50
|
"@atlaskit/react-ufo": "^7.1.0",
|
|
51
51
|
"@atlaskit/spinner": "^20.0.0",
|
|
52
52
|
"@atlaskit/theme": "^26.0.0",
|
|
53
|
-
"@atlaskit/tmp-editor-statsig": "^
|
|
54
|
-
"@atlaskit/tokens": "^
|
|
53
|
+
"@atlaskit/tmp-editor-statsig": "^110.0.0",
|
|
54
|
+
"@atlaskit/tokens": "^15.0.0",
|
|
55
55
|
"@atlaskit/tooltip": "^23.0.0",
|
|
56
56
|
"@atlaskit/ufo": "^1.0.0",
|
|
57
57
|
"@atlaskit/visually-hidden": "^4.0.0",
|
|
58
|
+
"@atlassian/react-compiler-gating": "^0.2.0",
|
|
58
59
|
"@babel/runtime": "^7.0.0",
|
|
59
60
|
"@compiled/react": "^0.20.0",
|
|
60
61
|
"classnames": "^2.2.5",
|
|
@@ -85,7 +86,6 @@
|
|
|
85
86
|
"@atlaskit/toggle": "^17.0.0",
|
|
86
87
|
"@atlassian/a11y-jest-testing": "^0.12.0",
|
|
87
88
|
"@atlassian/feature-flags-test-utils": "^1.1.0",
|
|
88
|
-
"@atlassian/react-compiler-gating": "workspace:^",
|
|
89
89
|
"@atlassian/testing-library": "^0.6.0",
|
|
90
90
|
"@atlassian/ufo": "^0.8.0",
|
|
91
91
|
"@testing-library/dom": "^10.1.0",
|
|
@@ -96,7 +96,7 @@
|
|
|
96
96
|
"exenv": "^1.2.2",
|
|
97
97
|
"react": "^18.2.0",
|
|
98
98
|
"react-dom": "^18.2.0",
|
|
99
|
-
"react-intl": "^
|
|
99
|
+
"react-intl": "^7.0.0",
|
|
100
100
|
"uuid": "^3.1.0",
|
|
101
101
|
"wait-for-expect": "^1.2.0"
|
|
102
102
|
},
|
|
@@ -169,6 +169,10 @@
|
|
|
169
169
|
},
|
|
170
170
|
"platform_media_ssr_data_seed": {
|
|
171
171
|
"type": "boolean"
|
|
172
|
+
},
|
|
173
|
+
"create_modernization_ga_fixes_drop_2": {
|
|
174
|
+
"referenceOnly": true,
|
|
175
|
+
"type": "boolean"
|
|
172
176
|
}
|
|
173
177
|
},
|
|
174
178
|
"techstack": {
|