@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 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
@@ -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.0";
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.0";
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), intl.formatMessage(_mediaUi.messages.open_file_in_viewer, {
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.0",
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.0";
22
+ var packageVersion = "81.1.1";
23
23
  var SAMPLE_RATE = 0.05;
24
24
 
25
25
  /**
@@ -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.0";
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.0";
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), intl.formatMessage(messages.open_file_in_viewer, {
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.0",
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.0";
12
+ const packageVersion = "81.1.1";
13
13
  const SAMPLE_RATE = 0.05;
14
14
 
15
15
  /**
@@ -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.0";
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.0";
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), intl.formatMessage(messages.open_file_in_viewer, {
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.0",
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.0";
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.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.0.0",
39
+ "@atlaskit/media-client": "^37.1.0",
40
40
  "@atlaskit/media-client-react": "^6.0.0",
41
- "@atlaskit/media-common": "^14.0.0",
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.1.0",
46
- "@atlaskit/media-viewer": "^54.1.0",
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": "^109.0.0",
54
- "@atlaskit/tokens": "^14.0.0",
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": "^6.6.2",
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": {