@atlaskit/media-ui 22.3.2 → 22.3.4
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/customMediaPlayer/analytics/index.js +0 -6
- package/dist/cjs/customMediaPlayer/analytics/utils/analytics.js +0 -4
- package/dist/cjs/customMediaPlayer/index.js +1 -3
- package/dist/cjs/version.json +1 -1
- package/dist/es2019/customMediaPlayer/analytics/index.js +1 -1
- package/dist/es2019/customMediaPlayer/analytics/utils/analytics.js +0 -2
- package/dist/es2019/customMediaPlayer/index.js +2 -4
- package/dist/es2019/version.json +1 -1
- package/dist/esm/customMediaPlayer/analytics/index.js +1 -1
- package/dist/esm/customMediaPlayer/analytics/utils/analytics.js +0 -2
- package/dist/esm/customMediaPlayer/index.js +2 -4
- package/dist/esm/version.json +1 -1
- package/dist/types/customMediaPlayer/analytics/index.d.ts +1 -1
- package/dist/types/customMediaPlayer/analytics/utils/analytics.d.ts +1 -2
- package/package.json +9 -9
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,18 @@
|
|
|
1
1
|
# @atlaskit/media-ui
|
|
2
2
|
|
|
3
|
+
## 22.3.4
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`b37723f2cfa`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b37723f2cfa) - Custom Media Player now logs all passed feature flags
|
|
8
|
+
- Updated dependencies
|
|
9
|
+
|
|
10
|
+
## 22.3.3
|
|
11
|
+
|
|
12
|
+
### Patch Changes
|
|
13
|
+
|
|
14
|
+
- Updated dependencies
|
|
15
|
+
|
|
3
16
|
## 22.3.2
|
|
4
17
|
|
|
5
18
|
### Patch Changes
|
|
@@ -63,12 +63,6 @@ Object.defineProperty(exports, "fireAnalyticsEvent", {
|
|
|
63
63
|
return _analytics.fireAnalyticsEvent;
|
|
64
64
|
}
|
|
65
65
|
});
|
|
66
|
-
Object.defineProperty(exports, "relevantFeatureFlagNames", {
|
|
67
|
-
enumerable: true,
|
|
68
|
-
get: function get() {
|
|
69
|
-
return _analytics.relevantFeatureFlagNames;
|
|
70
|
-
}
|
|
71
|
-
});
|
|
72
66
|
var _customMediaPlayer = require("./events/screen/customMediaPlayer");
|
|
73
67
|
var _mediaButtonClicked = require("./events/ui/mediaButtonClicked");
|
|
74
68
|
var _playbackSpeedChanged = require("./events/ui/playbackSpeedChanged");
|
|
@@ -5,13 +5,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.createAndFireMediaCustomMediaPlayerEvent = void 0;
|
|
7
7
|
exports.fireAnalyticsEvent = fireAnalyticsEvent;
|
|
8
|
-
exports.relevantFeatureFlagNames = void 0;
|
|
9
8
|
var _analyticsNext = require("@atlaskit/analytics-next");
|
|
10
9
|
var _mediaCommon = require("@atlaskit/media-common");
|
|
11
|
-
var relevantFeatureFlagNames = [];
|
|
12
|
-
|
|
13
10
|
// can be called in a component whose props extend WithAnalyticsEventsProps
|
|
14
|
-
exports.relevantFeatureFlagNames = relevantFeatureFlagNames;
|
|
15
11
|
function fireAnalyticsEvent(payload, createAnalyticsEvent) {
|
|
16
12
|
if (createAnalyticsEvent) {
|
|
17
13
|
var event = createAnalyticsEvent(payload);
|
|
@@ -50,7 +50,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
|
|
|
50
50
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
|
|
51
51
|
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
52
52
|
var packageName = "@atlaskit/media-ui";
|
|
53
|
-
var packageVersion = "22.3.
|
|
53
|
+
var packageVersion = "22.3.4";
|
|
54
54
|
var MEDIUM_VIDEO_MAX_WIDTH = 400;
|
|
55
55
|
var SMALL_VIDEO_MAX_WIDTH = 160;
|
|
56
56
|
var MINIMUM_DURATION_BEFORE_SAVING_TIME = 60;
|
|
@@ -596,7 +596,5 @@ var CustomMediaPlayer = (0, _mediaCommon.withMediaAnalyticsContext)({
|
|
|
596
596
|
packageName: packageName,
|
|
597
597
|
componentName: 'customMediaPlayer',
|
|
598
598
|
component: 'customMediaPlayer'
|
|
599
|
-
}, {
|
|
600
|
-
filterFeatureFlags: _analytics.relevantFeatureFlagNames
|
|
601
599
|
})((0, _analyticsNext.withAnalyticsEvents)()((0, _reactIntlNext.injectIntl)(CustomMediaPlayerBase)));
|
|
602
600
|
exports.CustomMediaPlayer = CustomMediaPlayer;
|
package/dist/cjs/version.json
CHANGED
|
@@ -6,4 +6,4 @@ export { createMediaShortcutPressedEvent } from './events/ui/shortcutPressed';
|
|
|
6
6
|
export { createTimeRangeNavigatedEvent } from './events/ui/timeRangeNavigated';
|
|
7
7
|
export { createFirstPlayedTrackEvent } from './events/track/playCount';
|
|
8
8
|
export { createPlayedTrackEvent } from './events/track/played';
|
|
9
|
-
export { createAndFireMediaCustomMediaPlayerEvent, fireAnalyticsEvent
|
|
9
|
+
export { createAndFireMediaCustomMediaPlayerEvent, fireAnalyticsEvent } from './utils/analytics';
|
|
@@ -1,7 +1,5 @@
|
|
|
1
1
|
import { createAndFireEvent } from '@atlaskit/analytics-next';
|
|
2
2
|
import { ANALYTICS_MEDIA_CHANNEL } from '@atlaskit/media-common';
|
|
3
|
-
export const relevantFeatureFlagNames = [];
|
|
4
|
-
|
|
5
3
|
// can be called in a component whose props extend WithAnalyticsEventsProps
|
|
6
4
|
export function fireAnalyticsEvent(payload, createAnalyticsEvent) {
|
|
7
5
|
if (createAnalyticsEvent) {
|
|
@@ -20,7 +20,7 @@ import MediaPlayer from 'react-video-renderer';
|
|
|
20
20
|
import { N0, DN60 } from '@atlaskit/theme/colors';
|
|
21
21
|
import { TimeRange } from './timeRange';
|
|
22
22
|
import { CurrentTime, VideoWrapper, CustomVideoWrapper, TimebarWrapper, VolumeWrapper, TimeWrapper, LeftControls, RightControls, ControlsWrapper, VolumeToggleWrapper, MutedIndicator, SpinnerWrapper, VolumeTimeRangeWrapper } from './styled';
|
|
23
|
-
import { fireAnalyticsEvent,
|
|
23
|
+
import { fireAnalyticsEvent, createCustomMediaPlayerScreenEvent, createMediaButtonClickedEvent, createMediaShortcutPressedEvent, createPlayPauseBlanketClickedEvent, createTimeRangeNavigatedEvent, createPlaybackSpeedChangedEvent, createFirstPlayedTrackEvent, createPlayedTrackEvent } from './analytics';
|
|
24
24
|
import { formatDuration } from '../formatDuration';
|
|
25
25
|
import { Shortcut, keyCodes } from '../shortcut';
|
|
26
26
|
import { toggleFullscreen, getFullscreenElement } from './fullscreen';
|
|
@@ -34,7 +34,7 @@ import Tooltip from '@atlaskit/tooltip';
|
|
|
34
34
|
import { SkipTenBackwardIcon, SkipTenForwardIcon } from './icons';
|
|
35
35
|
import { getControlsWrapperClassName } from './getControlsWrapperClassName';
|
|
36
36
|
const packageName = "@atlaskit/media-ui";
|
|
37
|
-
const packageVersion = "22.3.
|
|
37
|
+
const packageVersion = "22.3.4";
|
|
38
38
|
const MEDIUM_VIDEO_MAX_WIDTH = 400;
|
|
39
39
|
const SMALL_VIDEO_MAX_WIDTH = 160;
|
|
40
40
|
const MINIMUM_DURATION_BEFORE_SAVING_TIME = 60;
|
|
@@ -597,6 +597,4 @@ export const CustomMediaPlayer = withMediaAnalyticsContext({
|
|
|
597
597
|
packageName,
|
|
598
598
|
componentName: 'customMediaPlayer',
|
|
599
599
|
component: 'customMediaPlayer'
|
|
600
|
-
}, {
|
|
601
|
-
filterFeatureFlags: relevantFeatureFlagNames
|
|
602
600
|
})(withAnalyticsEvents()(injectIntl(CustomMediaPlayerBase)));
|
package/dist/es2019/version.json
CHANGED
|
@@ -6,4 +6,4 @@ export { createMediaShortcutPressedEvent } from './events/ui/shortcutPressed';
|
|
|
6
6
|
export { createTimeRangeNavigatedEvent } from './events/ui/timeRangeNavigated';
|
|
7
7
|
export { createFirstPlayedTrackEvent } from './events/track/playCount';
|
|
8
8
|
export { createPlayedTrackEvent } from './events/track/played';
|
|
9
|
-
export { createAndFireMediaCustomMediaPlayerEvent, fireAnalyticsEvent
|
|
9
|
+
export { createAndFireMediaCustomMediaPlayerEvent, fireAnalyticsEvent } from './utils/analytics';
|
|
@@ -1,7 +1,5 @@
|
|
|
1
1
|
import { createAndFireEvent } from '@atlaskit/analytics-next';
|
|
2
2
|
import { ANALYTICS_MEDIA_CHANNEL } from '@atlaskit/media-common';
|
|
3
|
-
export var relevantFeatureFlagNames = [];
|
|
4
|
-
|
|
5
3
|
// can be called in a component whose props extend WithAnalyticsEventsProps
|
|
6
4
|
export function fireAnalyticsEvent(payload, createAnalyticsEvent) {
|
|
7
5
|
if (createAnalyticsEvent) {
|
|
@@ -30,7 +30,7 @@ import MediaPlayer from 'react-video-renderer';
|
|
|
30
30
|
import { N0, DN60 } from '@atlaskit/theme/colors';
|
|
31
31
|
import { TimeRange } from './timeRange';
|
|
32
32
|
import { CurrentTime, VideoWrapper, CustomVideoWrapper, TimebarWrapper, VolumeWrapper, TimeWrapper, LeftControls, RightControls, ControlsWrapper, VolumeToggleWrapper, MutedIndicator, SpinnerWrapper, VolumeTimeRangeWrapper } from './styled';
|
|
33
|
-
import { fireAnalyticsEvent,
|
|
33
|
+
import { fireAnalyticsEvent, createCustomMediaPlayerScreenEvent, createMediaButtonClickedEvent, createMediaShortcutPressedEvent, createPlayPauseBlanketClickedEvent, createTimeRangeNavigatedEvent, createPlaybackSpeedChangedEvent, createFirstPlayedTrackEvent, createPlayedTrackEvent } from './analytics';
|
|
34
34
|
import { formatDuration } from '../formatDuration';
|
|
35
35
|
import { Shortcut, keyCodes } from '../shortcut';
|
|
36
36
|
import { toggleFullscreen, getFullscreenElement } from './fullscreen';
|
|
@@ -44,7 +44,7 @@ import Tooltip from '@atlaskit/tooltip';
|
|
|
44
44
|
import { SkipTenBackwardIcon, SkipTenForwardIcon } from './icons';
|
|
45
45
|
import { getControlsWrapperClassName } from './getControlsWrapperClassName';
|
|
46
46
|
var packageName = "@atlaskit/media-ui";
|
|
47
|
-
var packageVersion = "22.3.
|
|
47
|
+
var packageVersion = "22.3.4";
|
|
48
48
|
var MEDIUM_VIDEO_MAX_WIDTH = 400;
|
|
49
49
|
var SMALL_VIDEO_MAX_WIDTH = 160;
|
|
50
50
|
var MINIMUM_DURATION_BEFORE_SAVING_TIME = 60;
|
|
@@ -589,6 +589,4 @@ export var CustomMediaPlayer = withMediaAnalyticsContext({
|
|
|
589
589
|
packageName: packageName,
|
|
590
590
|
componentName: 'customMediaPlayer',
|
|
591
591
|
component: 'customMediaPlayer'
|
|
592
|
-
}, {
|
|
593
|
-
filterFeatureFlags: relevantFeatureFlagNames
|
|
594
592
|
})(withAnalyticsEvents()(injectIntl(CustomMediaPlayerBase)));
|
package/dist/esm/version.json
CHANGED
|
@@ -7,5 +7,5 @@ export { createTimeRangeNavigatedEvent } from './events/ui/timeRangeNavigated';
|
|
|
7
7
|
export { createFirstPlayedTrackEvent } from './events/track/playCount';
|
|
8
8
|
export { createPlayedTrackEvent } from './events/track/played';
|
|
9
9
|
export type { CustomMediaPlayerUIEvent, CustomMediaPlayerUIEventPayload, CustomMediaPlayerAnalyticsEventPayload, } from './utils/analytics';
|
|
10
|
-
export { createAndFireMediaCustomMediaPlayerEvent, fireAnalyticsEvent,
|
|
10
|
+
export { createAndFireMediaCustomMediaPlayerEvent, fireAnalyticsEvent, } from './utils/analytics';
|
|
11
11
|
export type { PlaybackAttributes, PlaybackState, WithPlaybackProps, WithMediaPlayerState, } from './utils/playbackAttributes';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
|
|
2
|
-
import {
|
|
2
|
+
import { UIAttributes, UIEventPayload } from '@atlaskit/media-common';
|
|
3
3
|
import { CustomMediaPlayerScreenEventPayload } from '../events/screen/customMediaPlayer';
|
|
4
4
|
import { MediaButtonClickEventPayload } from '../events/ui/mediaButtonClicked';
|
|
5
5
|
import { PlaybackSpeedChangeEventPayload } from '../events/ui/playbackSpeedChanged';
|
|
@@ -14,6 +14,5 @@ export declare type CustomMediaPlayerUIEventPayload = UIEventPayload<UIAttribute
|
|
|
14
14
|
}, 'default', 'customMediaPlayer'>;
|
|
15
15
|
export declare type CustomMediaPlayerUIEvent = 'mediaButtonClick' | 'shortcutPress' | 'playPauseBlanketClick' | 'timeRangeNavigate' | 'volumeRangeNavigate' | 'playbackSpeedChange';
|
|
16
16
|
export declare type CustomMediaPlayerAnalyticsEventPayload = CustomMediaPlayerScreenEventPayload | MediaButtonClickEventPayload | PlaybackSpeedChangeEventPayload | PlayPauseBlanketClickEventPayload | ShortcutPressEventPayload | TimeRangeNavigateEventPayload | CustomMediaPlayerUIEventPayload | FirstPlayedTrackEventPayload | PlayedTrackEventPayload;
|
|
17
|
-
export declare const relevantFeatureFlagNames: Array<keyof MediaFeatureFlags>;
|
|
18
17
|
export declare function fireAnalyticsEvent(payload: CustomMediaPlayerAnalyticsEventPayload, createAnalyticsEvent?: CreateUIAnalyticsEvent): void;
|
|
19
18
|
export declare const createAndFireMediaCustomMediaPlayerEvent: (payload: CustomMediaPlayerAnalyticsEventPayload) => (createAnalyticsEvent: CreateUIAnalyticsEvent) => import("@atlaskit/analytics-next").UIAnalyticsEvent;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/media-ui",
|
|
3
|
-
"version": "22.3.
|
|
3
|
+
"version": "22.3.4",
|
|
4
4
|
"description": "Includes common components and utilities used by other media packages",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -40,17 +40,17 @@
|
|
|
40
40
|
},
|
|
41
41
|
"dependencies": {
|
|
42
42
|
"@atlaskit/analytics-next": "^9.0.0",
|
|
43
|
-
"@atlaskit/button": "^16.
|
|
44
|
-
"@atlaskit/code": "^14.
|
|
43
|
+
"@atlaskit/button": "^16.6.0",
|
|
44
|
+
"@atlaskit/code": "^14.5.0",
|
|
45
45
|
"@atlaskit/icon": "^21.11.0",
|
|
46
46
|
"@atlaskit/icon-file-type": "^6.3.0",
|
|
47
47
|
"@atlaskit/locale": "^2.3.0",
|
|
48
|
-
"@atlaskit/media-common": "^
|
|
48
|
+
"@atlaskit/media-common": "^4.0.0",
|
|
49
49
|
"@atlaskit/select": "^16.1.0",
|
|
50
|
-
"@atlaskit/spinner": "^15.
|
|
51
|
-
"@atlaskit/theme": "^12.
|
|
50
|
+
"@atlaskit/spinner": "^15.4.0",
|
|
51
|
+
"@atlaskit/theme": "^12.3.0",
|
|
52
52
|
"@atlaskit/tokens": "^1.2.0",
|
|
53
|
-
"@atlaskit/tooltip": "^17.
|
|
53
|
+
"@atlaskit/tooltip": "^17.7.0",
|
|
54
54
|
"@atlaskit/width-detector": "^4.0.0",
|
|
55
55
|
"@babel/runtime": "^7.0.0",
|
|
56
56
|
"@emotion/react": "^11.7.1",
|
|
@@ -69,11 +69,11 @@
|
|
|
69
69
|
},
|
|
70
70
|
"devDependencies": {
|
|
71
71
|
"@atlaskit/analytics-listeners": "^8.5.0",
|
|
72
|
-
"@atlaskit/button": "^16.
|
|
72
|
+
"@atlaskit/button": "^16.6.0",
|
|
73
73
|
"@atlaskit/checkbox": "^12.4.0",
|
|
74
74
|
"@atlaskit/docs": "*",
|
|
75
75
|
"@atlaskit/lozenge": "^11.3.0",
|
|
76
|
-
"@atlaskit/media-test-helpers": "^
|
|
76
|
+
"@atlaskit/media-test-helpers": "^31.0.0",
|
|
77
77
|
"@atlaskit/page": "^12.2.0",
|
|
78
78
|
"@atlaskit/ssr": "*",
|
|
79
79
|
"@atlaskit/visual-regression": "*",
|