@atlaskit/media-ui 28.7.7 → 28.7.9

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 (14) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/dist/cjs/customMediaPlayer/index-compiled.js +2 -1
  3. package/dist/cjs/customMediaPlayer/index-emotion.js +2 -1
  4. package/dist/cjs/customMediaPlayer/mediaPlayer/mediaPlayerBase.js +2 -1
  5. package/dist/cjs/customMediaPlayer/playbackSpeedControls.js +3 -1
  6. package/dist/es2019/customMediaPlayer/index-compiled.js +2 -1
  7. package/dist/es2019/customMediaPlayer/index-emotion.js +2 -1
  8. package/dist/es2019/customMediaPlayer/mediaPlayer/mediaPlayerBase.js +2 -1
  9. package/dist/es2019/customMediaPlayer/playbackSpeedControls.js +3 -1
  10. package/dist/esm/customMediaPlayer/index-compiled.js +2 -1
  11. package/dist/esm/customMediaPlayer/index-emotion.js +2 -1
  12. package/dist/esm/customMediaPlayer/mediaPlayer/mediaPlayerBase.js +2 -1
  13. package/dist/esm/customMediaPlayer/playbackSpeedControls.js +3 -1
  14. package/package.json +9 -9
package/CHANGELOG.md CHANGED
@@ -1,5 +1,18 @@
1
1
  # @atlaskit/media-ui
2
2
 
3
+ ## 28.7.9
4
+
5
+ ### Patch Changes
6
+
7
+ - [`5cab8c430d56d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/5cab8c430d56d) -
8
+ HDButton control updated with aria-pressed, PlaybackSpeed updated with aria-expanded.
9
+
10
+ ## 28.7.8
11
+
12
+ ### Patch Changes
13
+
14
+ - Updated dependencies
15
+
3
16
  ## 28.7.7
4
17
 
5
18
  ### Patch Changes
package/dist/cjs/customMediaPlayer/index-compiled.js CHANGED
@@ -182,7 +182,8 @@ var CustomMediaPlayerBase = exports.CustomMediaPlayerBase = /*#__PURE__*/functio
182
182
  label: "hd active"
183
183
  }) : /*#__PURE__*/_react.default.createElement(_videoHd.default, {
184
184
  label: "hd"
185
- })
185
+ }),
186
+ "aria-pressed": isHDActive
186
187
  });
187
188
  });
188
189
  (0, _defineProperty2.default)(_this, "onPlaybackSpeedChange", function (playbackSpeed) {
package/dist/cjs/customMediaPlayer/index-emotion.js CHANGED
@@ -193,7 +193,8 @@ var CustomMediaPlayerBase = exports.CustomMediaPlayerBase = /*#__PURE__*/functio
193
193
  label: "hd active"
194
194
  }) : /*#__PURE__*/_react.default.createElement(_videoHd.default, {
195
195
  label: "hd"
196
- })
196
+ }),
197
+ "aria-pressed": isHDActive
197
198
  });
198
199
  });
199
200
  (0, _defineProperty2.default)(_this, "onPlaybackSpeedChange", function (playbackSpeed) {
package/dist/cjs/customMediaPlayer/mediaPlayer/mediaPlayerBase.js CHANGED
@@ -245,7 +245,8 @@ var _MediaPlayerBase = /*#__PURE__*/function (_Component) {
245
245
  label: "hd active"
246
246
  }) : /*#__PURE__*/_react.default.createElement(_videoHd.default, {
247
247
  label: "hd"
248
- })
248
+ }),
249
+ "aria-pressed": isHDActive
249
250
  });
250
251
  });
251
252
  (0, _defineProperty2.default)(_this, "onPlaybackSpeedChange", function (playbackSpeed) {
package/dist/cjs/customMediaPlayer/playbackSpeedControls.js CHANGED
@@ -104,6 +104,7 @@ var PlaybackSpeedControls = exports.PlaybackSpeedControls = /*#__PURE__*/functio
104
104
  options: this.speedOptions(),
105
105
  value: value,
106
106
  onChange: this.onPlaybackSpeedChange,
107
+ label: intl.formatMessage(_messages.messages.playbackSpeed),
107
108
  target: function target(_ref) {
108
109
  var ref = _ref.ref,
109
110
  isOpen = _ref.isOpen,
@@ -116,7 +117,8 @@ var PlaybackSpeedControls = exports.PlaybackSpeedControls = /*#__PURE__*/functio
116
117
  buttonRef: ref,
117
118
  isSelected: isOpen,
118
119
  onClick: onClick,
119
- onKeyDown: popupKeydown
120
+ onKeyDown: popupKeydown,
121
+ "aria-expanded": isOpen
120
122
  }, playbackSpeed, "x"));
121
123
  },
122
124
  styles: _dropdownControlCommon.popupCustomStyles,
package/dist/es2019/customMediaPlayer/index-compiled.js CHANGED
@@ -166,7 +166,8 @@ export class CustomMediaPlayerBase extends Component {
166
166
  label: "hd active"
167
167
  }) : /*#__PURE__*/React.createElement(VideoHdIcon, {
168
168
  label: "hd"
169
- })
169
+ }),
170
+ "aria-pressed": isHDActive
170
171
  });
171
172
  });
172
173
  _defineProperty(this, "onPlaybackSpeedChange", playbackSpeed => {
package/dist/es2019/customMediaPlayer/index-emotion.js CHANGED
@@ -178,7 +178,8 @@ export class CustomMediaPlayerBase extends Component {
178
178
  label: "hd active"
179
179
  }) : /*#__PURE__*/React.createElement(VideoHdIcon, {
180
180
  label: "hd"
181
- })
181
+ }),
182
+ "aria-pressed": isHDActive
182
183
  });
183
184
  });
184
185
  _defineProperty(this, "onPlaybackSpeedChange", playbackSpeed => {
package/dist/es2019/customMediaPlayer/mediaPlayer/mediaPlayerBase.js CHANGED
@@ -206,7 +206,8 @@ class _MediaPlayerBase extends Component {
206
206
  label: "hd active"
207
207
  }) : /*#__PURE__*/React.createElement(VideoHdIcon, {
208
208
  label: "hd"
209
- })
209
+ }),
210
+ "aria-pressed": isHDActive
210
211
  });
211
212
  });
212
213
  _defineProperty(this, "onPlaybackSpeedChange", playbackSpeed => {
package/dist/es2019/customMediaPlayer/playbackSpeedControls.js CHANGED
@@ -83,6 +83,7 @@ export class PlaybackSpeedControls extends Component {
83
83
  options: this.speedOptions(),
84
84
  value: value,
85
85
  onChange: this.onPlaybackSpeedChange,
86
+ label: intl.formatMessage(messages.playbackSpeed),
86
87
  target: ({
87
88
  ref,
88
89
  isOpen,
@@ -95,7 +96,8 @@ export class PlaybackSpeedControls extends Component {
95
96
  buttonRef: ref,
96
97
  isSelected: isOpen,
97
98
  onClick: onClick,
98
- onKeyDown: popupKeydown
99
+ onKeyDown: popupKeydown,
100
+ "aria-expanded": isOpen
99
101
  }, playbackSpeed, "x")),
100
102
  styles: popupCustomStyles,
101
103
  popperProps: popperProps
package/dist/esm/customMediaPlayer/index-compiled.js CHANGED
@@ -176,7 +176,8 @@ export var CustomMediaPlayerBase = /*#__PURE__*/function (_Component) {
176
176
  label: "hd active"
177
177
  }) : /*#__PURE__*/React.createElement(VideoHdIcon, {
178
178
  label: "hd"
179
- })
179
+ }),
180
+ "aria-pressed": isHDActive
180
181
  });
181
182
  });
182
183
  _defineProperty(_this, "onPlaybackSpeedChange", function (playbackSpeed) {
package/dist/esm/customMediaPlayer/index-emotion.js CHANGED
@@ -188,7 +188,8 @@ export var CustomMediaPlayerBase = /*#__PURE__*/function (_Component) {
188
188
  label: "hd active"
189
189
  }) : /*#__PURE__*/React.createElement(VideoHdIcon, {
190
190
  label: "hd"
191
- })
191
+ }),
192
+ "aria-pressed": isHDActive
192
193
  });
193
194
  });
194
195
  _defineProperty(_this, "onPlaybackSpeedChange", function (playbackSpeed) {
package/dist/esm/customMediaPlayer/mediaPlayer/mediaPlayerBase.js CHANGED
@@ -239,7 +239,8 @@ var _MediaPlayerBase = /*#__PURE__*/function (_Component) {
239
239
  label: "hd active"
240
240
  }) : /*#__PURE__*/React.createElement(VideoHdIcon, {
241
241
  label: "hd"
242
- })
242
+ }),
243
+ "aria-pressed": isHDActive
243
244
  });
244
245
  });
245
246
  _defineProperty(_this, "onPlaybackSpeedChange", function (playbackSpeed) {
package/dist/esm/customMediaPlayer/playbackSpeedControls.js CHANGED
@@ -96,6 +96,7 @@ export var PlaybackSpeedControls = /*#__PURE__*/function (_Component) {
96
96
  options: this.speedOptions(),
97
97
  value: value,
98
98
  onChange: this.onPlaybackSpeedChange,
99
+ label: intl.formatMessage(messages.playbackSpeed),
99
100
  target: function target(_ref) {
100
101
  var ref = _ref.ref,
101
102
  isOpen = _ref.isOpen,
@@ -108,7 +109,8 @@ export var PlaybackSpeedControls = /*#__PURE__*/function (_Component) {
108
109
  buttonRef: ref,
109
110
  isSelected: isOpen,
110
111
  onClick: onClick,
111
- onKeyDown: popupKeydown
112
+ onKeyDown: popupKeydown,
113
+ "aria-expanded": isOpen
112
114
  }, playbackSpeed, "x"));
113
115
  },
114
116
  styles: popupCustomStyles,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/media-ui",
3
- "version": "28.7.7",
3
+ "version": "28.7.9",
4
4
  "description": "Includes common components and utilities used by other media packages",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -26,30 +26,30 @@
26
26
  "@atlaskit/afm-i18n-platform-media-media-ui": "2.7.0",
27
27
  "@atlaskit/analytics-next": "^11.1.0",
28
28
  "@atlaskit/button": "^23.5.0",
29
- "@atlaskit/code": "^17.2.0",
29
+ "@atlaskit/code": "^17.3.0",
30
30
  "@atlaskit/css": "^0.15.0",
31
31
  "@atlaskit/dropdown-menu": "^16.3.0",
32
32
  "@atlaskit/flag": "^17.5.0",
33
33
  "@atlaskit/form": "^14.2.0",
34
34
  "@atlaskit/icon": "^28.5.0",
35
35
  "@atlaskit/icon-file-type": "^7.0.0",
36
- "@atlaskit/icon-lab": "^5.10.0",
36
+ "@atlaskit/icon-lab": "^5.11.0",
37
37
  "@atlaskit/legacy-custom-icons": "^0.22.0",
38
38
  "@atlaskit/locale": "^3.0.0",
39
39
  "@atlaskit/media-client": "^35.5.0",
40
40
  "@atlaskit/media-client-react": "^4.1.0",
41
41
  "@atlaskit/media-common": "^12.3.0",
42
42
  "@atlaskit/media-state": "^1.8.0",
43
- "@atlaskit/modal-dialog": "^14.5.0",
43
+ "@atlaskit/modal-dialog": "^14.6.0",
44
44
  "@atlaskit/platform-feature-flags": "^1.1.0",
45
- "@atlaskit/primitives": "^15.0.0",
45
+ "@atlaskit/primitives": "^16.1.0",
46
46
  "@atlaskit/range": "^9.2.0",
47
- "@atlaskit/react-ufo": "^4.12.0",
47
+ "@atlaskit/react-ufo": "^4.14.0",
48
48
  "@atlaskit/select": "^21.3.0",
49
49
  "@atlaskit/spinner": "^19.0.0",
50
50
  "@atlaskit/theme": "^21.0.0",
51
- "@atlaskit/tokens": "^7.0.0",
52
- "@atlaskit/tooltip": "^20.5.0",
51
+ "@atlaskit/tokens": "^7.1.0",
52
+ "@atlaskit/tooltip": "^20.7.0",
53
53
  "@atlaskit/width-detector": "^5.0.0",
54
54
  "@babel/runtime": "^7.0.0",
55
55
  "@compiled/react": "^0.18.6",
@@ -71,7 +71,7 @@
71
71
  "@atlaskit/analytics-listeners": "^9.1.0",
72
72
  "@atlaskit/media-test-data": "^3.2.0",
73
73
  "@atlaskit/ssr": "workspace:^",
74
- "@atlassian/feature-flags-test-utils": "^0.3.0",
74
+ "@atlassian/feature-flags-test-utils": "^1.0.0",
75
75
  "@testing-library/jest-dom": "^6.4.5",
76
76
  "@testing-library/react": "^13.4.0",
77
77
  "@types/blueimp-load-image": "^5.16.3",