@elice/material-video-file 1.240722.0 → 1.240723.0-assignmenttranslation.1
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/cjs/components/material-video-file/MaterialVideoFile.d.ts +1 -1
- package/cjs/components/material-video-file/MaterialVideoFilePlayer.d.ts +2 -0
- package/cjs/components/material-video-file/MaterialVideoFilePlayer.js +6 -0
- package/es/components/material-video-file/MaterialVideoFile.d.ts +1 -1
- package/es/components/material-video-file/MaterialVideoFilePlayer.d.ts +2 -0
- package/es/components/material-video-file/MaterialVideoFilePlayer.js +6 -0
- package/package.json +4 -4
|
@@ -2,7 +2,7 @@ import React from 'react';
|
|
|
2
2
|
import type { WithIntlComponentBuilderProps } from '@elice/intl';
|
|
3
3
|
import type { MaterialVideoFilePlayerProps } from './MaterialVideoFilePlayer';
|
|
4
4
|
import type { UseMaterialVideoFileApiProps } from './useMaterialVideoFileApi';
|
|
5
|
-
type PickedVideoPlayerProps = Pick<MaterialVideoFilePlayerProps, 'materialVideoFileTrackerDisabled' | 'mainLecturePageId' | 'lms' | 'lmsOrganizationBusinessType' | 'emptyComponent' | 'autoPlay' | 'autoPlayNext' | 'endControl' | 'eliceVideoPlayerUrl' | 'onNavigatePreviousLecturePage' | 'onNavigateNextLecturePage'>;
|
|
5
|
+
type PickedVideoPlayerProps = Pick<MaterialVideoFilePlayerProps, 'materialVideoFileTrackerDisabled' | 'mainLecturePageId' | 'lms' | 'lmsOrganizationBusinessType' | 'emptyComponent' | 'autoPlay' | 'autoPlayNext' | 'endControl' | 'eliceVideoPlayerUrl' | 'onNavigatePreviousLecturePage' | 'onNavigateNextLecturePage' | 'onTranscriptToggle'>;
|
|
6
6
|
export interface MaterialVideoFileProps extends PickedVideoPlayerProps, UseMaterialVideoFileApiProps {
|
|
7
7
|
materialVideoFileId: number;
|
|
8
8
|
className?: string;
|
|
@@ -38,6 +38,8 @@ export interface MaterialVideoFilePlayerProps extends UseMaterialVideoFileApiRet
|
|
|
38
38
|
onNavigatePreviousLecturePage?: () => void;
|
|
39
39
|
/** Navigate to next lecture page. */
|
|
40
40
|
onNavigateNextLecturePage?: () => void;
|
|
41
|
+
/** Toggle transcript. */
|
|
42
|
+
onTranscriptToggle?: (enabled: boolean) => void;
|
|
41
43
|
}
|
|
42
44
|
declare const MaterialVideoFilePlayer: React.FC<MaterialVideoFilePlayerProps>;
|
|
43
45
|
export default MaterialVideoFilePlayer;
|
|
@@ -52,6 +52,7 @@ var MaterialVideoFilePlayer = function MaterialVideoFilePlayer(_ref) {
|
|
|
52
52
|
emptyComponent = _ref$emptyComponent === void 0 ? null : _ref$emptyComponent,
|
|
53
53
|
onNavigatePreviousLecturePage = _ref.onNavigatePreviousLecturePage,
|
|
54
54
|
onNavigateNextLecturePage = _ref.onNavigateNextLecturePage,
|
|
55
|
+
_onTranscriptToggle = _ref.onTranscriptToggle,
|
|
55
56
|
accountApi = _ref.accountApi;
|
|
56
57
|
var _a;
|
|
57
58
|
var prefixCls = 'em-video-player';
|
|
@@ -160,6 +161,11 @@ var MaterialVideoFilePlayer = function MaterialVideoFilePlayer(_ref) {
|
|
|
160
161
|
} else if (dir === 'next' && onNavigateNextLecturePage) {
|
|
161
162
|
onNavigateNextLecturePage();
|
|
162
163
|
}
|
|
164
|
+
},
|
|
165
|
+
onTranscriptToggle: function onTranscriptToggle(enabled) {
|
|
166
|
+
if (typeof _onTranscriptToggle === 'function') {
|
|
167
|
+
_onTranscriptToggle(enabled);
|
|
168
|
+
}
|
|
163
169
|
}
|
|
164
170
|
});
|
|
165
171
|
};
|
|
@@ -2,7 +2,7 @@ import React from 'react';
|
|
|
2
2
|
import type { WithIntlComponentBuilderProps } from '@elice/intl';
|
|
3
3
|
import type { MaterialVideoFilePlayerProps } from './MaterialVideoFilePlayer';
|
|
4
4
|
import type { UseMaterialVideoFileApiProps } from './useMaterialVideoFileApi';
|
|
5
|
-
type PickedVideoPlayerProps = Pick<MaterialVideoFilePlayerProps, 'materialVideoFileTrackerDisabled' | 'mainLecturePageId' | 'lms' | 'lmsOrganizationBusinessType' | 'emptyComponent' | 'autoPlay' | 'autoPlayNext' | 'endControl' | 'eliceVideoPlayerUrl' | 'onNavigatePreviousLecturePage' | 'onNavigateNextLecturePage'>;
|
|
5
|
+
type PickedVideoPlayerProps = Pick<MaterialVideoFilePlayerProps, 'materialVideoFileTrackerDisabled' | 'mainLecturePageId' | 'lms' | 'lmsOrganizationBusinessType' | 'emptyComponent' | 'autoPlay' | 'autoPlayNext' | 'endControl' | 'eliceVideoPlayerUrl' | 'onNavigatePreviousLecturePage' | 'onNavigateNextLecturePage' | 'onTranscriptToggle'>;
|
|
6
6
|
export interface MaterialVideoFileProps extends PickedVideoPlayerProps, UseMaterialVideoFileApiProps {
|
|
7
7
|
materialVideoFileId: number;
|
|
8
8
|
className?: string;
|
|
@@ -38,6 +38,8 @@ export interface MaterialVideoFilePlayerProps extends UseMaterialVideoFileApiRet
|
|
|
38
38
|
onNavigatePreviousLecturePage?: () => void;
|
|
39
39
|
/** Navigate to next lecture page. */
|
|
40
40
|
onNavigateNextLecturePage?: () => void;
|
|
41
|
+
/** Toggle transcript. */
|
|
42
|
+
onTranscriptToggle?: (enabled: boolean) => void;
|
|
41
43
|
}
|
|
42
44
|
declare const MaterialVideoFilePlayer: React.FC<MaterialVideoFilePlayerProps>;
|
|
43
45
|
export default MaterialVideoFilePlayer;
|
|
@@ -43,6 +43,7 @@ var MaterialVideoFilePlayer = function MaterialVideoFilePlayer(_ref) {
|
|
|
43
43
|
emptyComponent = _ref$emptyComponent === void 0 ? null : _ref$emptyComponent,
|
|
44
44
|
onNavigatePreviousLecturePage = _ref.onNavigatePreviousLecturePage,
|
|
45
45
|
onNavigateNextLecturePage = _ref.onNavigateNextLecturePage,
|
|
46
|
+
_onTranscriptToggle = _ref.onTranscriptToggle,
|
|
46
47
|
accountApi = _ref.accountApi;
|
|
47
48
|
var _a;
|
|
48
49
|
var prefixCls = 'em-video-player';
|
|
@@ -151,6 +152,11 @@ var MaterialVideoFilePlayer = function MaterialVideoFilePlayer(_ref) {
|
|
|
151
152
|
} else if (dir === 'next' && onNavigateNextLecturePage) {
|
|
152
153
|
onNavigateNextLecturePage();
|
|
153
154
|
}
|
|
155
|
+
},
|
|
156
|
+
onTranscriptToggle: function onTranscriptToggle(enabled) {
|
|
157
|
+
if (typeof _onTranscriptToggle === 'function') {
|
|
158
|
+
_onTranscriptToggle(enabled);
|
|
159
|
+
}
|
|
154
160
|
}
|
|
155
161
|
});
|
|
156
162
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elice/material-video-file",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.240723.0-assignmenttranslation.1",
|
|
4
4
|
"description": "User view and editing components of Elice material video file",
|
|
5
5
|
"repository": "https://git.elicer.io/elice/frontend/library/elice-material",
|
|
6
6
|
"license": "UNLICENSED",
|
|
@@ -50,12 +50,12 @@
|
|
|
50
50
|
"@elice/icons": "^1.230814.0",
|
|
51
51
|
"@elice/icons-legacy": "npm:@elice/icons@0.230814.0",
|
|
52
52
|
"@elice/intl": "0.240425.0-rc.2",
|
|
53
|
-
"@elice/material-shared-types": "1.
|
|
54
|
-
"@elice/material-shared-utils": "1.
|
|
53
|
+
"@elice/material-shared-types": "1.240723.0-assignmenttranslation.1",
|
|
54
|
+
"@elice/material-shared-utils": "1.240723.0-assignmenttranslation.1",
|
|
55
55
|
"@elice/messenger": "^1.240426.0",
|
|
56
56
|
"@elice/openapi-client-account": "^1.230814.0",
|
|
57
57
|
"@elice/types": "^1.240709.0",
|
|
58
|
-
"@elice/videoplayer-client": "^2.
|
|
58
|
+
"@elice/videoplayer-client": "^2.240717.0-transcript.0",
|
|
59
59
|
"@types/classnames": "^2.3.1",
|
|
60
60
|
"@types/query-string": "^6.3.0",
|
|
61
61
|
"@types/react": "~17.0.9",
|