@atlaskit/media-ui 28.7.21 → 28.7.23
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 +13 -0
- package/dist/cjs/MediaInlineCard/ErroredView/index.js +0 -1
- package/dist/cjs/MediaInlineCard/IconAndTitleLayout/index.js +1 -2
- package/dist/cjs/customMediaPlayer/index-compiled.js +1 -1
- package/dist/cjs/customMediaPlayer/index.js +1 -1
- package/dist/cjs/customMediaPlayer/mediaPlayer/captions/apiFeedback.js +0 -2
- package/dist/cjs/customMediaPlayer/mediaPlayer/captionsSelectControls.js +1 -1
- package/dist/cjs/customMediaPlayer/mediaPlayer/mediaPlayer.js +1 -1
- package/dist/cjs/customMediaPlayer/mediaPlayer/mediaPlayerBase.js +1 -1
- package/dist/cjs/customMediaPlayer/styled-compiled.compiled.css +1 -1
- package/dist/cjs/customMediaPlayer/styled-compiled.js +1 -1
- package/dist/es2019/MediaInlineCard/ErroredView/index.js +0 -1
- package/dist/es2019/MediaInlineCard/IconAndTitleLayout/index.js +1 -2
- package/dist/es2019/customMediaPlayer/index-compiled.js +1 -1
- package/dist/es2019/customMediaPlayer/index.js +1 -1
- package/dist/es2019/customMediaPlayer/mediaPlayer/captions/apiFeedback.js +0 -2
- package/dist/es2019/customMediaPlayer/mediaPlayer/captionsSelectControls.js +1 -1
- package/dist/es2019/customMediaPlayer/mediaPlayer/mediaPlayer.js +1 -1
- package/dist/es2019/customMediaPlayer/mediaPlayer/mediaPlayerBase.js +1 -1
- package/dist/es2019/customMediaPlayer/styled-compiled.compiled.css +1 -1
- package/dist/es2019/customMediaPlayer/styled-compiled.js +1 -1
- package/dist/esm/MediaInlineCard/ErroredView/index.js +0 -1
- package/dist/esm/MediaInlineCard/IconAndTitleLayout/index.js +1 -2
- package/dist/esm/customMediaPlayer/index-compiled.js +1 -1
- package/dist/esm/customMediaPlayer/index.js +1 -1
- package/dist/esm/customMediaPlayer/mediaPlayer/captions/apiFeedback.js +0 -2
- package/dist/esm/customMediaPlayer/mediaPlayer/captionsSelectControls.js +1 -1
- package/dist/esm/customMediaPlayer/mediaPlayer/mediaPlayer.js +1 -1
- package/dist/esm/customMediaPlayer/mediaPlayer/mediaPlayerBase.js +1 -1
- package/dist/esm/customMediaPlayer/styled-compiled.compiled.css +1 -1
- package/dist/esm/customMediaPlayer/styled-compiled.js +1 -1
- package/package.json +12 -12
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,18 @@
|
|
|
1
1
|
# @atlaskit/media-ui
|
|
2
2
|
|
|
3
|
+
## 28.7.23
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- Updated dependencies
|
|
8
|
+
|
|
9
|
+
## 28.7.22
|
|
10
|
+
|
|
11
|
+
### Patch Changes
|
|
12
|
+
|
|
13
|
+
- [`7b2a6c98563cb`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/7b2a6c98563cb) -
|
|
14
|
+
Icon entry point migration update
|
|
15
|
+
|
|
3
16
|
## 28.7.21
|
|
4
17
|
|
|
5
18
|
### Patch Changes
|
|
@@ -47,7 +47,6 @@ var MediaInlineCardErroredView = exports.MediaInlineCardErroredView = /*#__PURE_
|
|
|
47
47
|
}, /*#__PURE__*/_react.default.createElement(_IconAndTitleLayout.IconAndTitleLayout, {
|
|
48
48
|
icon: icon || /*#__PURE__*/_react.default.createElement(_Icon.AKIconWrapper, null, /*#__PURE__*/_react.default.createElement(_statusWarning.default, {
|
|
49
49
|
label: "error",
|
|
50
|
-
LEGACY_size: "small",
|
|
51
50
|
color: "var(--ds-icon-danger, ".concat(_colors.R500, ")"),
|
|
52
51
|
size: "small"
|
|
53
52
|
})),
|
|
@@ -14,7 +14,7 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
14
14
|
var _reactRenderImage = _interopRequireDefault(require("react-render-image"));
|
|
15
15
|
var _Icon = require("../Icon");
|
|
16
16
|
var _styled = require("./styled");
|
|
17
|
-
var _link = _interopRequireDefault(require("@atlaskit/icon/core/
|
|
17
|
+
var _link = _interopRequireDefault(require("@atlaskit/icon/core/link"));
|
|
18
18
|
function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
|
|
19
19
|
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
20
20
|
var IconAndTitleLayout = exports.IconAndTitleLayout = /*#__PURE__*/function (_React$Component) {
|
|
@@ -66,7 +66,6 @@ var IconAndTitleLayout = exports.IconAndTitleLayout = /*#__PURE__*/function (_Re
|
|
|
66
66
|
return /*#__PURE__*/_react.default.createElement(_styled.IconWrapper, null, /*#__PURE__*/_react.default.createElement(_link.default, {
|
|
67
67
|
color: "currentColor",
|
|
68
68
|
label: "link",
|
|
69
|
-
LEGACY_size: "small",
|
|
70
69
|
testId: "".concat(testId, "-default")
|
|
71
70
|
}));
|
|
72
71
|
}
|
|
@@ -23,7 +23,7 @@ var _shrinkDiagonal = _interopRequireDefault(require("@atlaskit/icon/core/shrink
|
|
|
23
23
|
var _volumeHigh = _interopRequireDefault(require("@atlaskit/icon/core/volume-high"));
|
|
24
24
|
var _videoHd = _interopRequireDefault(require("@atlaskit/icon-lab/core/video-hd"));
|
|
25
25
|
var _videoHdFilled = _interopRequireDefault(require("@atlaskit/icon-lab/core/video-hd-filled"));
|
|
26
|
-
var _download = _interopRequireDefault(require("@atlaskit/icon/core/
|
|
26
|
+
var _download = _interopRequireDefault(require("@atlaskit/icon/core/download"));
|
|
27
27
|
var _compiled = require("@atlaskit/primitives/compiled");
|
|
28
28
|
var _MediaButton = _interopRequireDefault(require("../MediaButton"));
|
|
29
29
|
var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
|
|
@@ -14,7 +14,7 @@ var CustomMediaPlayerBase = exports.CustomMediaPlayerBase = function CustomMedia
|
|
|
14
14
|
return /*#__PURE__*/_react.default.createElement(_indexCompiled.CustomMediaPlayerBase, props);
|
|
15
15
|
};
|
|
16
16
|
var packageName = "@atlaskit/media-ui";
|
|
17
|
-
var packageVersion = "
|
|
17
|
+
var packageVersion = "28.7.22";
|
|
18
18
|
|
|
19
19
|
// @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
|
|
20
20
|
var CustomMediaPlayer = exports.CustomMediaPlayer = (0, _mediaCommon.withMediaAnalyticsContext)({
|
|
@@ -24,7 +24,6 @@ function ApiFeedback(_ref) {
|
|
|
24
24
|
icon: /*#__PURE__*/_react.default.createElement(_statusSuccess.default, {
|
|
25
25
|
label: "Success",
|
|
26
26
|
color: "var(--ds-icon-success, #6A9A23)",
|
|
27
|
-
LEGACY_size: "medium",
|
|
28
27
|
spacing: "spacious"
|
|
29
28
|
}),
|
|
30
29
|
key: 'success',
|
|
@@ -37,7 +36,6 @@ function ApiFeedback(_ref) {
|
|
|
37
36
|
icon: /*#__PURE__*/_react.default.createElement(_statusError.default, {
|
|
38
37
|
label: "Error",
|
|
39
38
|
color: "var(--ds-icon-danger, #C9372C)",
|
|
40
|
-
LEGACY_size: "medium",
|
|
41
39
|
spacing: "spacious"
|
|
42
40
|
}),
|
|
43
41
|
key: 'error',
|
|
@@ -11,7 +11,7 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
11
11
|
var _reactIntlNext = require("react-intl-next");
|
|
12
12
|
var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
|
|
13
13
|
var _new = require("@atlaskit/button/new");
|
|
14
|
-
var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/core/
|
|
14
|
+
var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/core/chevron-down"));
|
|
15
15
|
var _messages = require("../../messages");
|
|
16
16
|
var _captions = require("./captions");
|
|
17
17
|
var _select = require("@atlaskit/select");
|
|
@@ -15,7 +15,7 @@ var _useTextTracks2 = require("./useTextTracks");
|
|
|
15
15
|
var _analyticsNext = require("@atlaskit/analytics-next");
|
|
16
16
|
var _excluded = ["onPlay"];
|
|
17
17
|
var packageName = "@atlaskit/media-ui";
|
|
18
|
-
var packageVersion = "
|
|
18
|
+
var packageVersion = "28.7.22";
|
|
19
19
|
var MediaPlayerWihtoutContext = exports.MediaPlayerWihtoutContext = function MediaPlayerWihtoutContext(_ref) {
|
|
20
20
|
var _onPlay = _ref.onPlay,
|
|
21
21
|
props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
|
|
@@ -23,7 +23,7 @@ var _shrinkDiagonal = _interopRequireDefault(require("@atlaskit/icon/core/shrink
|
|
|
23
23
|
var _volumeHigh = _interopRequireDefault(require("@atlaskit/icon/core/volume-high"));
|
|
24
24
|
var _videoHd = _interopRequireDefault(require("@atlaskit/icon-lab/core/video-hd"));
|
|
25
25
|
var _videoHdFilled = _interopRequireDefault(require("@atlaskit/icon-lab/core/video-hd-filled"));
|
|
26
|
-
var _download = _interopRequireDefault(require("@atlaskit/icon/core/
|
|
26
|
+
var _download = _interopRequireDefault(require("@atlaskit/icon/core/download"));
|
|
27
27
|
var _reactIntlNext = require("react-intl-next");
|
|
28
28
|
var _compiled = require("@atlaskit/primitives/compiled");
|
|
29
29
|
var _MediaButton = _interopRequireDefault(require("../../MediaButton"));
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
.
|
|
1
|
+
._11c8rymc{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
2
2
|
._11q7acks{background:linear-gradient(0deg,#101214,rgba(14,22,36,0))}
|
|
3
3
|
._19itglyw{border:none}
|
|
4
4
|
._1a371kqe{outline:var(--ds-border-width-focused,2px) solid var(--ds-border-focused,#85b8ff)}
|
|
@@ -163,7 +163,7 @@ var CurrentTimeTooltip = exports.CurrentTimeTooltip = function CurrentTimeToolti
|
|
|
163
163
|
props = (0, _objectWithoutProperties2.default)(_ref12, _excluded12);
|
|
164
164
|
return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
|
|
165
165
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
166
|
-
className: (0, _runtime.ax)(["
|
|
166
|
+
className: (0, _runtime.ax)(["_11c8rymc _2rko1b66 _v564g17y _kqswstnw _uiztglyw _154iukr8 _bfhk39qu _syaz1pcz _ca0q1b66 _u5f3u2gc _n3td1b66 _19bvu2gc _1ltv1ssb _t9eczr6s _1nmz16rz", isDragging && "_tzy4kb7n", !isDragging && "_tzy4idpf", timeLineThumbIsHover && "_tzy4kb7n", timeLineThumbIsFocus && "_tzy4kb7n", "current-time-tooltip"])
|
|
167
167
|
}, props), children);
|
|
168
168
|
};
|
|
169
169
|
var timeRangeWrapperStyles = null;
|
|
@@ -26,7 +26,6 @@ export class MediaInlineCardErroredView extends React.Component {
|
|
|
26
26
|
}, /*#__PURE__*/React.createElement(IconAndTitleLayout, {
|
|
27
27
|
icon: icon || /*#__PURE__*/React.createElement(AKIconWrapper, null, /*#__PURE__*/React.createElement(WarningIcon, {
|
|
28
28
|
label: "error",
|
|
29
|
-
LEGACY_size: "small",
|
|
30
29
|
color: `var(--ds-icon-danger, ${R500})`,
|
|
31
30
|
size: "small"
|
|
32
31
|
})),
|
|
@@ -2,7 +2,7 @@ import React from 'react';
|
|
|
2
2
|
import ImageLoader from 'react-render-image';
|
|
3
3
|
import { Icon } from '../Icon';
|
|
4
4
|
import { IconEmptyWrapper, IconPositionWrapper, IconTitleWrapper, IconWrapper, EmojiWrapper } from './styled';
|
|
5
|
-
import LinkIcon from '@atlaskit/icon/core/
|
|
5
|
+
import LinkIcon from '@atlaskit/icon/core/link';
|
|
6
6
|
export class IconAndTitleLayout extends React.Component {
|
|
7
7
|
renderAtlaskitIcon() {
|
|
8
8
|
const {
|
|
@@ -46,7 +46,6 @@ export class IconAndTitleLayout extends React.Component {
|
|
|
46
46
|
return /*#__PURE__*/React.createElement(IconWrapper, null, /*#__PURE__*/React.createElement(LinkIcon, {
|
|
47
47
|
color: "currentColor",
|
|
48
48
|
label: "link",
|
|
49
|
-
LEGACY_size: "small",
|
|
50
49
|
testId: `${testId}-default`
|
|
51
50
|
}));
|
|
52
51
|
}
|
|
@@ -14,7 +14,7 @@ import FullScreenIconOff from '@atlaskit/icon/core/shrink-diagonal';
|
|
|
14
14
|
import SoundIcon from '@atlaskit/icon/core/volume-high';
|
|
15
15
|
import VideoHdIcon from '@atlaskit/icon-lab/core/video-hd';
|
|
16
16
|
import VideoHdFilledIcon from '@atlaskit/icon-lab/core/video-hd-filled';
|
|
17
|
-
import DownloadIcon from '@atlaskit/icon/core/
|
|
17
|
+
import DownloadIcon from '@atlaskit/icon/core/download';
|
|
18
18
|
import { Box, Flex } from '@atlaskit/primitives/compiled';
|
|
19
19
|
import MediaButton from '../MediaButton';
|
|
20
20
|
import Spinner from '@atlaskit/spinner';
|
|
@@ -5,7 +5,7 @@ import { CustomMediaPlayerBase as CompiledCustomMediaPlayerBase } from './index-
|
|
|
5
5
|
import { withMediaAnalyticsContext } from '@atlaskit/media-common';
|
|
6
6
|
export const CustomMediaPlayerBase = props => /*#__PURE__*/React.createElement(CompiledCustomMediaPlayerBase, props);
|
|
7
7
|
const packageName = "@atlaskit/media-ui";
|
|
8
|
-
const packageVersion = "
|
|
8
|
+
const packageVersion = "28.7.22";
|
|
9
9
|
|
|
10
10
|
// @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
|
|
11
11
|
export const CustomMediaPlayer = withMediaAnalyticsContext({
|
|
@@ -18,7 +18,6 @@ function ApiFeedback({
|
|
|
18
18
|
icon: /*#__PURE__*/React.createElement(SuccessIcon, {
|
|
19
19
|
label: "Success",
|
|
20
20
|
color: "var(--ds-icon-success, #6A9A23)",
|
|
21
|
-
LEGACY_size: "medium",
|
|
22
21
|
spacing: "spacious"
|
|
23
22
|
}),
|
|
24
23
|
key: 'success',
|
|
@@ -31,7 +30,6 @@ function ApiFeedback({
|
|
|
31
30
|
icon: /*#__PURE__*/React.createElement(ErrorIcon, {
|
|
32
31
|
label: "Error",
|
|
33
32
|
color: "var(--ds-icon-danger, #C9372C)",
|
|
34
|
-
LEGACY_size: "medium",
|
|
35
33
|
spacing: "spacious"
|
|
36
34
|
}),
|
|
37
35
|
key: 'error',
|
|
@@ -2,7 +2,7 @@ import React, { memo, useMemo } from 'react';
|
|
|
2
2
|
import { injectIntl } from 'react-intl-next';
|
|
3
3
|
import Tooltip from '@atlaskit/tooltip';
|
|
4
4
|
import { SplitButton } from '@atlaskit/button/new';
|
|
5
|
-
import ChevronDownIcon from '@atlaskit/icon/core/
|
|
5
|
+
import ChevronDownIcon from '@atlaskit/icon/core/chevron-down';
|
|
6
6
|
import { messages } from '../../messages';
|
|
7
7
|
import { formatLocale } from './captions';
|
|
8
8
|
import { PopupSelect } from '@atlaskit/select';
|
|
@@ -6,7 +6,7 @@ import { MediaPlayerBase } from './mediaPlayerBase';
|
|
|
6
6
|
import { useTextTracks } from './useTextTracks';
|
|
7
7
|
import { useAnalyticsEvents } from '@atlaskit/analytics-next';
|
|
8
8
|
const packageName = "@atlaskit/media-ui";
|
|
9
|
-
const packageVersion = "
|
|
9
|
+
const packageVersion = "28.7.22";
|
|
10
10
|
export const MediaPlayerWihtoutContext = ({
|
|
11
11
|
onPlay,
|
|
12
12
|
...props
|
|
@@ -14,7 +14,7 @@ import FullScreenIconOff from '@atlaskit/icon/core/shrink-diagonal';
|
|
|
14
14
|
import SoundIcon from '@atlaskit/icon/core/volume-high';
|
|
15
15
|
import VideoHdIcon from '@atlaskit/icon-lab/core/video-hd';
|
|
16
16
|
import VideoHdFilledIcon from '@atlaskit/icon-lab/core/video-hd-filled';
|
|
17
|
-
import DownloadIcon from '@atlaskit/icon/core/
|
|
17
|
+
import DownloadIcon from '@atlaskit/icon/core/download';
|
|
18
18
|
import { injectIntl } from 'react-intl-next';
|
|
19
19
|
import { Box, Flex } from '@atlaskit/primitives/compiled';
|
|
20
20
|
import MediaButton from '../../MediaButton';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
.
|
|
1
|
+
._11c8rymc{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
2
2
|
._11q7acks{background:linear-gradient(0deg,#101214,rgba(14,22,36,0))}
|
|
3
3
|
._19itglyw{border:none}
|
|
4
4
|
._1a371kqe{outline:var(--ds-border-width-focused,2px) solid var(--ds-border-focused,#85b8ff)}
|
|
@@ -132,7 +132,7 @@ export const CurrentTimeTooltip = ({
|
|
|
132
132
|
...props
|
|
133
133
|
}) => /*#__PURE__*/React.createElement("div", _extends({
|
|
134
134
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
135
|
-
className: ax(["
|
|
135
|
+
className: ax(["_11c8rymc _2rko1b66 _v564g17y _kqswstnw _uiztglyw _154iukr8 _bfhk39qu _syaz1pcz _ca0q1b66 _u5f3u2gc _n3td1b66 _19bvu2gc _1ltv1ssb _t9eczr6s _1nmz16rz", isDragging && "_tzy4kb7n", !isDragging && "_tzy4idpf", timeLineThumbIsHover && "_tzy4kb7n", timeLineThumbIsFocus && "_tzy4kb7n", "current-time-tooltip"])
|
|
136
136
|
}, props), children);
|
|
137
137
|
const timeRangeWrapperStyles = null;
|
|
138
138
|
export const TimeRangeWrapper = /*#__PURE__*/forwardRef(({
|
|
@@ -40,7 +40,6 @@ export var MediaInlineCardErroredView = /*#__PURE__*/function (_React$Component)
|
|
|
40
40
|
}, /*#__PURE__*/React.createElement(IconAndTitleLayout, {
|
|
41
41
|
icon: icon || /*#__PURE__*/React.createElement(AKIconWrapper, null, /*#__PURE__*/React.createElement(WarningIcon, {
|
|
42
42
|
label: "error",
|
|
43
|
-
LEGACY_size: "small",
|
|
44
43
|
color: "var(--ds-icon-danger, ".concat(R500, ")"),
|
|
45
44
|
size: "small"
|
|
46
45
|
})),
|
|
@@ -9,7 +9,7 @@ import React from 'react';
|
|
|
9
9
|
import ImageLoader from 'react-render-image';
|
|
10
10
|
import { Icon } from '../Icon';
|
|
11
11
|
import { IconEmptyWrapper, IconPositionWrapper, IconTitleWrapper, IconWrapper, EmojiWrapper } from './styled';
|
|
12
|
-
import LinkIcon from '@atlaskit/icon/core/
|
|
12
|
+
import LinkIcon from '@atlaskit/icon/core/link';
|
|
13
13
|
export var IconAndTitleLayout = /*#__PURE__*/function (_React$Component) {
|
|
14
14
|
function IconAndTitleLayout() {
|
|
15
15
|
_classCallCheck(this, IconAndTitleLayout);
|
|
@@ -59,7 +59,6 @@ export var IconAndTitleLayout = /*#__PURE__*/function (_React$Component) {
|
|
|
59
59
|
return /*#__PURE__*/React.createElement(IconWrapper, null, /*#__PURE__*/React.createElement(LinkIcon, {
|
|
60
60
|
color: "currentColor",
|
|
61
61
|
label: "link",
|
|
62
|
-
LEGACY_size: "small",
|
|
63
62
|
testId: "".concat(testId, "-default")
|
|
64
63
|
}));
|
|
65
64
|
}
|
|
@@ -23,7 +23,7 @@ import FullScreenIconOff from '@atlaskit/icon/core/shrink-diagonal';
|
|
|
23
23
|
import SoundIcon from '@atlaskit/icon/core/volume-high';
|
|
24
24
|
import VideoHdIcon from '@atlaskit/icon-lab/core/video-hd';
|
|
25
25
|
import VideoHdFilledIcon from '@atlaskit/icon-lab/core/video-hd-filled';
|
|
26
|
-
import DownloadIcon from '@atlaskit/icon/core/
|
|
26
|
+
import DownloadIcon from '@atlaskit/icon/core/download';
|
|
27
27
|
import { Box, Flex } from '@atlaskit/primitives/compiled';
|
|
28
28
|
import MediaButton from '../MediaButton';
|
|
29
29
|
import Spinner from '@atlaskit/spinner';
|
|
@@ -7,7 +7,7 @@ export var CustomMediaPlayerBase = function CustomMediaPlayerBase(props) {
|
|
|
7
7
|
return /*#__PURE__*/React.createElement(CompiledCustomMediaPlayerBase, props);
|
|
8
8
|
};
|
|
9
9
|
var packageName = "@atlaskit/media-ui";
|
|
10
|
-
var packageVersion = "
|
|
10
|
+
var packageVersion = "28.7.22";
|
|
11
11
|
|
|
12
12
|
// @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
|
|
13
13
|
export var CustomMediaPlayer = withMediaAnalyticsContext({
|
|
@@ -17,7 +17,6 @@ function ApiFeedback(_ref) {
|
|
|
17
17
|
icon: /*#__PURE__*/React.createElement(SuccessIcon, {
|
|
18
18
|
label: "Success",
|
|
19
19
|
color: "var(--ds-icon-success, #6A9A23)",
|
|
20
|
-
LEGACY_size: "medium",
|
|
21
20
|
spacing: "spacious"
|
|
22
21
|
}),
|
|
23
22
|
key: 'success',
|
|
@@ -30,7 +29,6 @@ function ApiFeedback(_ref) {
|
|
|
30
29
|
icon: /*#__PURE__*/React.createElement(ErrorIcon, {
|
|
31
30
|
label: "Error",
|
|
32
31
|
color: "var(--ds-icon-danger, #C9372C)",
|
|
33
|
-
LEGACY_size: "medium",
|
|
34
32
|
spacing: "spacious"
|
|
35
33
|
}),
|
|
36
34
|
key: 'error',
|
|
@@ -3,7 +3,7 @@ import React, { memo, useMemo } from 'react';
|
|
|
3
3
|
import { injectIntl } from 'react-intl-next';
|
|
4
4
|
import Tooltip from '@atlaskit/tooltip';
|
|
5
5
|
import { SplitButton } from '@atlaskit/button/new';
|
|
6
|
-
import ChevronDownIcon from '@atlaskit/icon/core/
|
|
6
|
+
import ChevronDownIcon from '@atlaskit/icon/core/chevron-down';
|
|
7
7
|
import { messages } from '../../messages';
|
|
8
8
|
import { formatLocale } from './captions';
|
|
9
9
|
import { PopupSelect } from '@atlaskit/select';
|
|
@@ -8,7 +8,7 @@ import { MediaPlayerBase } from './mediaPlayerBase';
|
|
|
8
8
|
import { useTextTracks } from './useTextTracks';
|
|
9
9
|
import { useAnalyticsEvents } from '@atlaskit/analytics-next';
|
|
10
10
|
var packageName = "@atlaskit/media-ui";
|
|
11
|
-
var packageVersion = "
|
|
11
|
+
var packageVersion = "28.7.22";
|
|
12
12
|
export var MediaPlayerWihtoutContext = function MediaPlayerWihtoutContext(_ref) {
|
|
13
13
|
var _onPlay = _ref.onPlay,
|
|
14
14
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
@@ -23,7 +23,7 @@ import FullScreenIconOff from '@atlaskit/icon/core/shrink-diagonal';
|
|
|
23
23
|
import SoundIcon from '@atlaskit/icon/core/volume-high';
|
|
24
24
|
import VideoHdIcon from '@atlaskit/icon-lab/core/video-hd';
|
|
25
25
|
import VideoHdFilledIcon from '@atlaskit/icon-lab/core/video-hd-filled';
|
|
26
|
-
import DownloadIcon from '@atlaskit/icon/core/
|
|
26
|
+
import DownloadIcon from '@atlaskit/icon/core/download';
|
|
27
27
|
import { injectIntl } from 'react-intl-next';
|
|
28
28
|
import { Box, Flex } from '@atlaskit/primitives/compiled';
|
|
29
29
|
import MediaButton from '../../MediaButton';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
.
|
|
1
|
+
._11c8rymc{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
2
2
|
._11q7acks{background:linear-gradient(0deg,#101214,rgba(14,22,36,0))}
|
|
3
3
|
._19itglyw{border:none}
|
|
4
4
|
._1a371kqe{outline:var(--ds-border-width-focused,2px) solid var(--ds-border-focused,#85b8ff)}
|
|
@@ -155,7 +155,7 @@ export var CurrentTimeTooltip = function CurrentTimeTooltip(_ref12) {
|
|
|
155
155
|
props = _objectWithoutProperties(_ref12, _excluded12);
|
|
156
156
|
return /*#__PURE__*/React.createElement("div", _extends({
|
|
157
157
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
158
|
-
className: ax(["
|
|
158
|
+
className: ax(["_11c8rymc _2rko1b66 _v564g17y _kqswstnw _uiztglyw _154iukr8 _bfhk39qu _syaz1pcz _ca0q1b66 _u5f3u2gc _n3td1b66 _19bvu2gc _1ltv1ssb _t9eczr6s _1nmz16rz", isDragging && "_tzy4kb7n", !isDragging && "_tzy4idpf", timeLineThumbIsHover && "_tzy4kb7n", timeLineThumbIsFocus && "_tzy4kb7n", "current-time-tooltip"])
|
|
159
159
|
}, props), children);
|
|
160
160
|
};
|
|
161
161
|
var timeRangeWrapperStyles = null;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/media-ui",
|
|
3
|
-
"version": "28.7.
|
|
3
|
+
"version": "28.7.23",
|
|
4
4
|
"description": "Includes common components and utilities used by other media packages",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -28,26 +28,26 @@
|
|
|
28
28
|
"@atlaskit/button": "^23.9.0",
|
|
29
29
|
"@atlaskit/code": "^17.4.0",
|
|
30
30
|
"@atlaskit/css": "^0.19.0",
|
|
31
|
-
"@atlaskit/flag": "^17.
|
|
32
|
-
"@atlaskit/form": "^15.
|
|
33
|
-
"@atlaskit/icon": "^29.
|
|
31
|
+
"@atlaskit/flag": "^17.8.0",
|
|
32
|
+
"@atlaskit/form": "^15.3.0",
|
|
33
|
+
"@atlaskit/icon": "^29.4.0",
|
|
34
34
|
"@atlaskit/icon-file-type": "^7.0.0",
|
|
35
|
-
"@atlaskit/icon-lab": "^5.
|
|
35
|
+
"@atlaskit/icon-lab": "^5.14.0",
|
|
36
36
|
"@atlaskit/locale": "^3.0.0",
|
|
37
37
|
"@atlaskit/media-client": "^35.7.0",
|
|
38
38
|
"@atlaskit/media-client-react": "^4.1.0",
|
|
39
39
|
"@atlaskit/media-common": "^12.3.0",
|
|
40
40
|
"@atlaskit/media-state": "^1.8.0",
|
|
41
|
-
"@atlaskit/modal-dialog": "^14.
|
|
41
|
+
"@atlaskit/modal-dialog": "^14.10.0",
|
|
42
42
|
"@atlaskit/platform-feature-flags": "^1.1.0",
|
|
43
|
-
"@atlaskit/primitives": "^17.
|
|
43
|
+
"@atlaskit/primitives": "^17.1.0",
|
|
44
44
|
"@atlaskit/range": "^9.3.0",
|
|
45
|
-
"@atlaskit/react-ufo": "^4.
|
|
46
|
-
"@atlaskit/select": "^21.
|
|
45
|
+
"@atlaskit/react-ufo": "^4.17.0",
|
|
46
|
+
"@atlaskit/select": "^21.7.0",
|
|
47
47
|
"@atlaskit/spinner": "^19.0.0",
|
|
48
48
|
"@atlaskit/theme": "^21.0.0",
|
|
49
|
-
"@atlaskit/tokens": "^
|
|
50
|
-
"@atlaskit/tooltip": "^20.
|
|
49
|
+
"@atlaskit/tokens": "^10.0.0",
|
|
50
|
+
"@atlaskit/tooltip": "^20.14.0",
|
|
51
51
|
"@atlaskit/width-detector": "^5.0.0",
|
|
52
52
|
"@babel/runtime": "^7.0.0",
|
|
53
53
|
"@compiled/react": "^0.18.6",
|
|
@@ -66,7 +66,7 @@
|
|
|
66
66
|
},
|
|
67
67
|
"devDependencies": {
|
|
68
68
|
"@af/visual-regression": "workspace:^",
|
|
69
|
-
"@atlaskit/analytics-listeners": "^9.
|
|
69
|
+
"@atlaskit/analytics-listeners": "^9.2.0",
|
|
70
70
|
"@atlaskit/media-test-data": "^3.2.0",
|
|
71
71
|
"@atlaskit/ssr": "workspace:^",
|
|
72
72
|
"@atlassian/feature-flags-test-utils": "^1.0.0",
|